@font-face
{
    font-family: myFirstFont;
    src: url(../fonts/IMPACT.ttf);
}
*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family: "microsoft yahei"; color:#333; font-size:14px; background: #FFFFFF; }
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #7947a4;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
.auto_1280{ width:1280px; position: relative;}

#home .home,
#products .products,
#services .services,
#fwzx .fwzx,
#news .news,
#contact .contact,
#about .about{ border-bottom: 3px solid #7947a4; color: #7947a4; font-weight: bold;}





input,button,select,textarea{ outline:none; font-family: "microsoft yahei";}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}

#warp{ width:100%; height:auto; overflow: hidden;}
.Header.current{background:#fff; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}
.Header.current .logo a{background: url(../images/logo.png) no-repeat center; }
.Header.current .nav li a{ color:#333;  }
.Header.current .Hsea{ background: url(../images/Hsea.png) no-repeat center; }
.Header.current .lang{ color:#333; background: url(../images/lang.png) no-repeat left center;} 



.Header{ width: 100%; height: 58px; padding: 20px 0;  position: fixed; left: 0; top: 0; z-index: 999;}
.Header .logo{ float: left; width: 188px; height: 58px;}
.Header .logo a{ display: block; width: 188px; height: 58px; background: url(../images/logo1.png) no-repeat center;}

.Header .nav{ float: left; height: 40px; line-height: 40px; margin-top: 9px; margin-left: 60px;}
.Header .nav li{ float: left; font-size: 18px; position: relative; padding: 0 25px; }
.Header .nav li a{ display:inline-block; color:#fff;  }
.Header .nav li a:hover{ border-bottom: 3px solid #7947a4;}
.Header .nav li a i{ padding-left: 10px;}

.Hsea{ float: right; width: 30px; height: 40px; margin-top: 9px;  background: url(../images/Hseaw.png) no-repeat center; }


.Header .nav ul li ul{ position: absolute; left: -30px; top: 30px; background: #FFFFFF; width:180px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); display: none;  z-index:888 }
.Header .nav ul li ul li{ padding: 0; text-align: center; font-weight: normal; width:180px;  height: 42px; line-height: 42px; font-size: 15px; border-bottom: 1px solid #EEEEEE;}
.Header .nav ul li ul li a:hover{ background: #7947a4;  color:#fff; border-bottom: none;}
.Header .nav ul li ul li a{ display:block;  color: #333333; }
.Header .nav li ul li ul.nul2{ left:181px; top:0;}
.Header .nav li:hover ul.nul1{ display: block;}
.Header .nav li ul li:hover ul.nul2{ display: block;}


.Header .lang{ float: left; position: relative;  margin-top: 9px; width: auto;  height: 40px; line-height: 40px; padding: 0 15px 0 30px; border-right: 1px solid #EEEEEE;  color:#fff; background: url(../images/langw.png) no-repeat left center;} 
.lang i{ font-size: 20px; line-height: 30px;}
.lang span{ padding: 0 10px;}
.lang:hover ul{ display: block;}
.lang ul{ display: none; position: absolute; left: 25px; top:40px; background: #FFFFFF; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); width: 100px;  z-index: 999;}
.lang ul li{ height: 42px; line-height: 42px; border-bottom: 1px solid #EEEEEE; text-align: center; font-size:13px;}
.lang ul li a{ display: block;}
.lang ul li a:hover{ background: #7947a4; color: #FFFFFF;}


.searchshow{ width: 248px; height: 34px; z-index: 10;  background: #FFFFFF; float:left; position:absolute; right:0; top:60px;  display:none}
.searchshow .inputt{ width: 188px; padding: 0 10px; height: 32px; border: 1px solid #ddd; border-right:none ; float: left; font-size: 14px; color:#999;}
.searchshow .submitt{ width: 39px; height: 34px; float: left;  border: none; background:#7947a4; color: #FFFFFF; font-size: 18px; }

/**banner**/
.main_visual{ position: relative;}
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-prev,.main_visual .owl-next{width:58px;height: 58px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -25px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-prev{background-image: url(../images/BL.png);left: 5%; opacity: 0;}
.main_visual .owl-next{background-image: url(../images/BR.png);right: 5%;  opacity: 0;}
.main_visual:hover .owl-prev{ opacity: 1.0;}
.main_visual:hover .owl-next{ opacity: 1.0;}
.main_visual .owl-prev:hover{ background-image: url(../images/BLs.png);}
.main_visual .owl-next:hover{ background-image: url(../images/BRs.png);}
.main_visual .owl-carousel .item:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}


.main_visual .owl-dots{ display: none; text-indent: -9999em;}

.BProMenu{ position: absolute; left: 0; bottom: 0; z-index: 666; width: 100%; height: 48px; line-height: 48px; padding: 30px 0; background: rgba(0, 0, 0, 0.5);}
.BProMenu a{ display: block; float: left; box-sizing: border-box; width: auto; height: 48px; border: 1px solid #FFFFFF; border-radius: 30px; padding: 0 20px; color: #FFFFFF; margin-right: 10px;}
.BProMenu a:hover{ background: #5aa3e9;}

.BProduList{position: absolute; right: 0; bottom: 180px; z-index: 666;  width: 960px; height: 100px; padding: 25px 0; background: #5aa3e9; border-radius: 35px 0 0 0;}
.BProduList dl{ float: left; width: 33.3%; height: 100px; border-right: 2px solid #6caced; overflow: hidden; box-sizing: border-box; padding: 0 25px;}
.BProduList dl:last-child{ border: none;}
.BProduList dl dt{ float: left;}
.BProduList dl dt img.Bimg1{ width: 72px; height: 103px; float: left;}
.BProduList dl dt img.Bimg2{ width: 38px; height: 38px; margin-top: 30px; float: left;}
.BProduList dl dd{ float: left; color: #FFFFFF; padding-left: 10px; padding-top: 23px;}
.BProduList dl dd h4{ font-size: 16px; line-height: 26px;}
.BProduList dl dd h4 a{ color: #FFFFFF;}
.BProduList dl dd p{ font-size: 14px; line-height: 22px;}

.inAboutCase{ width: 1280px; height: auto; overflow: hidden;}
.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .item div{ float: left; width: 640px; height: 380px; box-sizing: border-box; border: 1px solid #EEEEEE; padding: 70px 45px;}
.main_visual1 .owl-carousel .item div h4{ font-size: 26px; color: #000; height: 46px; line-height: 46px; overflow: hidden;}
.main_visual1 .owl-carousel .item div p{ font-size: 16px; line-height: 26px; height: 78px; overflow: hidden; margin-top: 10px;}
.main_visual1 .owl-carousel .item div a{ margin-top: 50px; display: block; width: 140px; height: 40px; line-height: 40px; color: #FFFFFF; background: #7947a4; border-radius: 30px; float: left; text-align: center;}
.main_visual1 .owl-carousel .item div a img{ width: 9px; height: 9px;  padding-left: 8px; float: none !important; display: inline-block;}
.main_visual1 .owl-carousel .item img{ float: right; width: 640px; height: 380px;}
.main_visual1 .owl-prev,.main_visual1 .owl-next{ display: none; text-indent: -99999em;}
.main_visual1 .owl-dots{ width: 100%; text-align: left; height: 10px; position:absolute; left: 45px; bottom: 60px;  z-index: 999;}
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 10px; height: 10px; background:#ccc; border-radius: 10px;}
.main_visual1 .owl-dot.active span{width: 20px; height: 10px; background:#7947a4; border-radius: 10px;}

.in1Bg{ width: 100%; height: 767px; background: url(../images/in1bg.png) no-repeat top center; position: relative;}

.in1Bg .bottom{width: 100%;height: 571px;background: url(../images/neibg.png)no-repeat top;position: absolute;bottom: 0px;left: 0px;z-index: 1;position: absolute;}
.in1Bg .bottom .wrap{width: 1280px; height: 571px; margin:0 auto; position: relative;}
.in1Bg .bottom .shu{font-size: 16px;color: #333333;text-align: center;}
.in1Bg .bottom .shu span{font-size: 52px;font-family: myFirstFont;color: #7947a4;padding-right: 5px;font-weight:bold;}
.in1Bg .bottom .shu p{font-size: 20px;}
.in1Bg .bottom .shu li{position: absolute;}
.in1Bg .bottom .shu li:first-child{top:236px;left: 252px;}
.in1Bg .bottom .shu li:nth-child(2){top:62px;left: 450px;}
.in1Bg .bottom .shu li:nth-child(3){top:62px;right: 450px;}
.in1Bg .bottom .shu li:nth-child(4){top:236px;right: 215px;}

.in1Bg .bottom .wen{position: absolute;width: 100%;bottom: 90px;color: #fff;}
.in1Bg .bottom .wen .fl{font-size: 24px;font-weight: bold; }
.in1Bg .bottom .wen .fr{font-size: 18px;}
.in1Bg .bottom .wen .fr img{display: block;float: left;margin-right: 20px; padding-top: 10px; }
.in1Bg .bottom .wen .fr p{font-size: 30px;font-weight: bold;width: 350px;letter-spacing: 2px;font-family:'Oswald-Medium'; float: none;}

.pro_q li span{width: 65px;height: 65px;display: block;overflow: hidden;}
.pro_q li{position: absolute;z-index: 22;}
.pro_q li:first-child{top:280px;left: 433px;}
.pro_q li:nth-child(2){top:170px;left: 520px;}
.pro_q li:nth-child(3){top:170px;right: 520px;}
.pro_q li:nth-child(4){top:280px;right: 433px;}
.pro_q li.cur span img{margin-top: -65px;transition:0.5s;}

.pro_c .pro_x{position: absolute;bottom: 0px;left: 505px;}

.inPro{ width: 1280px; height: auto; overflow: hidden;}
.inProL{ width: 298px; height: auto; overflow: hidden; float: left;}
.inProLtop{ width: 100%; height: 120px; box-sizing: border-box; padding: 25px 0 0 40px; color: #FFFFFF; background: url(../images/inProH2.jpg) no-repeat;}
.inProLtop h2{ font-size: 30px; line-height: 42px;}
.inProLtop em{ font-size: 18px; line-height: 28px; font-style: normal;}

.inProL ul{ padding-top: 10px;}
.inProL ul a{ display: block; height: 58px; line-height: 58px; color: #FFFFFF; border-bottom: 2px solid #6099d0; background: #4f8ecb; padding: 0 25px; font-size: 16px;}
.inProL ul a img{ vertical-align: middle; padding-right: 20px;}
.inProL ul a em{ line-height: 58px;}
.inProL .tabs .thistab,.tabs .thistab a:hover { background: #5aa3e9; border-bottom: 2px solid #5aa3e9;}

#tab_conbox{float: right; width: 940px; height: auto; overflow: hidden; padding-top: 60px;}
.inProList{ width: 940px; height: auto; overflow: hidden; display:none;}
.inProList img{ width: 100%; height: auto;}
.inProListTxt{ width: 100%; height: auto; padding-top: 35px;}
.inProListTxt h4{ font-size: 26px; color: #000000; line-height: 36px;}
.inProListTxt p{ font-size: 16px;  line-height: 26px; height: 26px; overflow: hidden;}
.inProListTxt a{ display: block; width: 140px; height: 40px; line-height: 40px; text-align: center; color: #FFFFFF; background: #7947a4; border-radius: 30px;}
.inProListTxt a img{ padding-left: 8px; width: 9px; height: 9px;}
.inProListTxt a:hover{ opacity:0.8;}


.inSerBg{ width: 100%; height: auto; background: url(../images/inSerbg.png) no-repeat; background-size:cover; padding-bottom: 70px;}
.inSer{ width: 1280px; height: auto; overflow: hidden;}
.inSer dl{ float: left; width: 410px; height: 280px; background: #FFFFFF; margin-left: 25px; border-radius: 25px; text-align: center; box-sizing: border-box; padding: 40px 80px;}
.inSer dl:first-child{ margin-left: 0;}
.inSer dl dd{ width: 100%; height: auto; padding-top: 20px;}
.inSer dl dd h4{ font-size: 26px; color: #000000; line-height: 38px;}
.inSer dl dd p{ font-size: 16px; line-height: 24px; margin-top: 8px;}

.inCaseList{ width: 1280px; height: 93px; margin-top: 12px;}
.main_visual2 .owl-carousel,.main_visual2 .owl-stage-outer,.main_visual2 .owl-stage,.main_visual2 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual2 .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover; border: 1px solid #EEEEEE; box-sizing: border-box;}
.main_visual2 .owl-prev,.main_visual2 .owl-next{width:58px;height: 58px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -25px;text-indent: -999px; overflow: hidden;}
.main_visual2 .owl-prev{background-image: url(../images/inCaseL.png);left: -60px; }
.main_visual2 .owl-next{background-image: url(../images/inCaseR.png);right: -60px;  }
.main_visual2 .owl-prev:hover{ background-image: url(../images/inCaseLs.png);}
.main_visual2 .owl-next:hover{ background-image: url(../images/inCaseRs.png);}

.main_visual2 .owl-dots{ display: none; text-indent: -9999em;}

.inNewsTit{ width: 100%; height: auto; text-align: center; padding: 60px 0 40px 0;}
.inNewsTit h2{ font-size: 42px; line-height: 62px; color: #000000;}
.inNewsTit h2 span{ color: #7947a4;}
.inNewsTit p{ font-size: 18px; line-height: 32px;}

.inNewsList{ width: 1280px; height: auto;}
.inNewsList dl{ margin-left: 25px; float: left; width: 409px; height: 394px; box-sizing: border-box; padding: 30px; overflow: hidden; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); background: #FFFFFF; position: relative;}
.inNewsList dl:first-child{ margin-left: 0;}
.inNewsList dl dt{ z-index: 333; position: relative; }
.inNewsList dl dt h3{ width: 100%; line-height: 58px; font-size: 17px; font-weight: normal;}
.inNewsList dl dt h2{ font-size: 20px; line-height: 26px; height: 52px; overflow: hidden;}
.inNewsList dl dt p{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-top: 15px;}
.inNewsList dl dd{ z-index: 333; position: relative; width: 100%; height: auto; border-top: 2px solid #ededec; margin-top: 60px; padding-top:20px;}
.inNewsList dl dd h4{ float: left; color: #7947A4; font-size: 54px;}
.inNewsList dl dd span{ float: right; padding-top: 10px;}
.inNewsList dl dd span p{ font-size: 15px; line-height: 26px; }
.inNewsList dl dd span em{ display: block; background: url(../images/newsmore.png) no-repeat; width: 16px; height: 13px; float: right; margin-top: 12px;}
.inNewsList dl:hover div{ display: block;}
.inNewsList dl:hover dt{ color: #FFFFFF;}
.inNewsList dl:hover dt a{ color: #FFFFFF;}
.inNewsList dl:hover dd{ color: #FFFFFF;}
.inNewsList dl:hover dd h4{ color: #FFFFFF;}
.inNewsList dl:hover dd span em{ background: url(../images/newsmores.png) no-repeat; }
.inNewsList dl div{ position: absolute; left: 0; bottom: 0; display: none;}

.inNewsMore{ width: 100%; text-align: center; height: 40px; line-height: 40px; margin-top: 40px;}
.inNewsMore a{ display: block; width: 140px; height: 40px; color: #FFFFFF; background: #7947a4; border-radius: 30px;}
.inNewsMore a img{ padding-left: 8px;}
.inNewsMore a:hover{ opacity:0.8;}


.inNewsBg{ width: 100%; height: auto; background: url(../images/inNewsbg.png) no-repeat center; background-size:cover; padding-bottom: 70px;}



.footer{ width: 100%; height: auto; background: #406eae; padding: 50px 0;}
.footerL{ float: left; width: 630px; height: auto; overflow: hidden;}
.footerL dl{ float: left; width: 33.3%; height: auto; overflow: hidden;}
.footerL dl dt{ color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 23px;}
.footerL dl dd{ width: 100%; height: auto; padding-top: 15px;}
.footerL dl dd a{ display: block; color: #F5F5F5; line-height: 30px;}

.footerM{ float: left; width: 350px; height: auto; overflow: hidden;}
.footerM h2{color: #FFFFFF; font-size: 18px;  line-height: 23px;}
.footerM dl{ width: 100%; height: auto; color: #FFFFFF; margin: 20px 0;}
.footerM dl dt{ float: left; padding-top: 12px;}
.footerM dl dd{ float: left; padding-left: 15px;}
.footerM dl dd h4{ font-size: 15px; font-weight: normal; line-height: 25px;}
.footerM dl dd h3{ font-size: 23px; line-height: 28px;}
.footerM p{ color: #F5F5F5; line-height: 24px; }

.footerR{ float: right; width: 147px; height: auto; text-align: center; overflow: hidden;}
.footerR img{ width: 126px; height: 126px; border: 1px solid #87a4cc; padding: 5px;}
.footerR p{ color: #FFFFFF; line-height: 46px;}




.footerCopy{ text-align: center; width: 100%; height: 60px; line-height: 60px; background: #406eae; border-top: 1px solid #6488ab; color: #EEEEEE;}
.footerCopy a{color: #EEEEEE;}


.client-2 {
            position: fixed;
            right: -152px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 80px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 14px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 3px;
            margin-top: 10px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #7947a4;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #7947a4;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }


.banner2{ position: relative;  width: 100%; height: 422px;}
.banner2Txt{ width: 1280px; height: auto; padding-top: 120px; color: #FFFFFF;}
.banner2Txt h2{ font-size: 42px; line-height: 68px;}
.banner2Txt h4{ font-size: 26px; font-weight: normal; line-height:34px;}


.bannerBar{ width: 100%; height: 72px; position: absolute; left: 0; bottom: 0; z-index: 333; background: rgba(0, 0, 0, 0.5);}
/*二级导航样式*/
.bannerBar .mini-nav{width:700px;height:72px; line-height:72px; overflow:hidden; float: left;}
.bannerBar .mini-nav.artive{position: fixed;z-index:20;left:0;right:0;}
.bannerBar .mini-nav > div{max-width: 100%;overflow-x: visible;}
.bannerBar .mini-nav .swiper-container{height:100%;width: 100%;}
.bannerBar .mini-nav ul.swiper-wrapper{margin:0px auto;font-size:0px;}
.bannerBar .mini-nav ul.swiper-wrapper > li{width: auto;  position: relative; line-height: 72px; text-align: center; float: left; margin: 0;}
.bannerBar .mini-nav ul.swiper-wrapper > li:nth-last-child(1):before{display: none;}
.bannerBar .mini-nav ul.swiper-wrapper li a{display: block;font-size:17px;position:relative; color: #FFFFFF; padding: 0 25px;}
.bannerBar .mini-nav ul.swiper-wrapper li a.on{ background: #5aa3e9;}
.bannerBar .mini-nav ul.swiper-wrapper li a:hover{ background: #5aa3e9;}

.bannerBar .wz{ float: right; height: 72px; line-height: 72px; color: #FFFFFF; font-size: 16px;}
.bannerBar .wz i{ font-size: 18px; color: #5aa3e9; padding-right: 10px;}
.bannerBar .wz a{ color: #FFFFFF;}

.menumore{ float:left; color:#fff; font-size:13px; color:#fff; line-height: 72px; margin-left:15px;}

.abbg1{ width: 100%; height: auto; padding-bottom: 70px; background: #f9f9f9;}

.AbTit{ width: 100%; height: auto; padding: 50px 0 30px 0; text-align: center; color: #000000;}
.AbTit h2{ line-height: 68px; font-size: 42px;}
.AbTit p{ line-height: 38px; font-size: 24px;}

.Abinfo{ width: 1200px; background: #FFFFFF; padding: 50px 40px;}
.AbinfoL{ float: left; width: 575px; height: auto; overflow: hidden;}
.AbinfoL p{ line-height: 22px; margin-bottom: 25px;}
.AbinfoR{ float: right; width: 580px; height: auto; overflow: hidden; line-height: 22px; }

.AbNum{ width: 1200px; background: #FFFFFF; padding:0 40px 50px 40px;}
.AbNum dl{ float: left; width: 25%; height: auto; text-align: center;}
.AbNum dl dt{ width: 100%; height: auto;  color: #5aa3e9;}
.AbNum dl dt h4{ display: inline-block; font-family: myFirstFont; font-size: 48px; line-height: 68px;}
.AbNum dl dt span{ font-size: 20px; padding-left: 10px;}
.AbNum dl dd{ width: 100%; height: 36px;  line-height: 36px; font-size: 16px; }


.AbAd{ width: 1280px; height: 200px; padding-top: 41px; text-align: center; color: #FFFFFF; font-size: 16px; line-height: 32px; background: url(../images/Abad.jpg) no-repeat center;}

.AbiconList{ width: 1320px; height: auto; overflow: hidden;}
.AbiconList dl{ float: left; background: #FFFFFF; width: 402px; height: 204px; margin: 18px; box-sizing: border-box; padding: 40px;}
.AbiconList dl dt{ float: left;}
.AbiconList dl dt h4{ font-size: 30px; line-height: 52px;}
.AbiconList dl dt p{ font-size: 16px; line-height: 24px;}
.AbiconList dl dd{ float: right;}



.Ablc{ width: 1280px; height: auto;}
.main_visual3 .owl-carousel,.main_visual3 .owl-stage-outer,.main_visual3 .owl-stage,.main_visual3 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual3 .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual3 .owl-carousel .item img{ float: left; width: 510px; height: 336px;}
.main_visual3 .owl-carousel .item div{ float: right; width: 770px; height: 336px; border: 1px solid #EEEEEE; box-sizing: border-box; padding: 50px;}
.main_visual3 .owl-carousel .item div h4{ font-size: 32px; line-height: 62px;}
.main_visual3 .owl-carousel .item div li{ line-height: 42px; height: 42px; padding-left: 30px; font-size: 18px; background: url(../images/lcdian.jpg) no-repeat left center;}

.main_visual3 .owl-prev,.main_visual3 .owl-next{width:18px;height: 32px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -16px;text-indent: -999px; overflow: hidden;}
.main_visual3 .owl-prev{background-image: url(../images/LcL.png);left: -60px; }
.main_visual3 .owl-next{background-image: url(../images/LcR.png);right: -60px;  }
.main_visual3 .owl-prev:hover{ background-image: url(../images/LcLs.png);}
.main_visual3 .owl-next:hover{ background-image: url(../images/LcRs.png);}

.main_visual3 .owl-dots{ display: none; text-indent: -9999em;}


.abPicList{ width: 1280px; height: auto; overflow: hidden;}
.abPicList dl{ float: left; width: 24%; margin: 0.5%; height: auto; overflow: hidden; text-align: center;}
.abPicList dl dt img{ width: 100%; height: auto; box-sizing: border-box; border: 1px solid #EEEEEE;}
.abPicList dl dd{ font-size: 16px; line-height: 52px;}


.abYx1{ width: 1280px; height: auto; overflow: hidden;}
.abYx1 dl{ float: left; width: 627px; height: 358px; position: relative; margin-left: 25px;}
.abYx1 dl:first-child{ margin-left: 0;}
.abYx1 dl dt{ width: 100%; height: auto; position: absolute; left: 0; top: 0; z-index: 333; color: #FFFFFF; padding: 78px 120px 0 60px;}
.abYx1 dl dt img{ margin-bottom: 25px;}
.abYx1 dl dt h4{ font-size: 28px; line-height: 50px;}

.abYx1 dl dd{ width: 627px; height: 358px; position: absolute; left: 0; top: 0; }
.abYx1 dl dd img{ width: 627px; height: 358px; border-radius: 10px;}

.abYx2{width: 1300px; height: auto; overflow: hidden;}
.abYx2 li{ float: left; width: 416px; height: 239px; margin: 8px;}
.abYx2 li img{width: 416px; height: 239px;}


.abTeam{ width: 1280px; height: auto; overflow: hidden;}
.abTeam dl{ float: left; width: 33.3%; height: auto; text-align: center;}
.abTeam dl:nth-child(odd){ background: #f1f1f1;}
.abTeam dl:nth-child(even){ background: #FFFFFF;}
.abTeam dl dt{ width: 100%; height: auto;}
.abTeam dl dt img{ width: 100%; height: auto;}
.abTeam dl dd{ padding: 40px 0; width: 100%; height: auto;}
.abTeam dl dd h4{ font-size: 24px; line-height: 42px; margin-top: 10px;}
.abTeam dl dd p{ font-size: 16px; color: #999999; line-height: 26px;}


.abHotLine{ width: 385px; height: 128px; background: url(../images/abTelbg.png) no-repeat right bottom; margin-top: 50px; text-align: center;}
.abHotLine h4{ color: #000000; font-size: 20px; height: 26px; line-height: 26px;}
.abHotLine h4 img{ vertical-align: middle; padding-right: 10px;}
.abHotLine h3{ width: 303px; height: 52px; line-height: 52px; color: #FFFFFF; border-radius: 30px; background: #406EAE; font-size: 24px; margin-top: 20px;}
.abHotLine p{ line-height: 40px; height: 40px;}


.conBox1{ width: 1280px; height: auto; background: #FFFFFF; text-align: center; padding: 50px 0;}
.conBox1 h2{ font-size: 38px; color: #000000; line-height: 68px; border-bottom: 2px solid #e5e5e5; display: inline-block; padding-bottom: 10px;}
.conBox1 p{ line-height: 72px; font-size: 16px;}


.conBox2{ width: 1280px; height: auto; margin-top: 30px;}
.conBox2L{ float: left; width: 625px; height: 348px; box-sizing: border-box; background: #FFFFFF; padding: 50px 60px;}
.conBox2L h4{ color: #000000; line-height: 50px; font-size: 26px;}
.conBox2L em{ height: 2px; width: 25px; background: #b8b8b8; display: inline-block; margin-top: 35px; margin-bottom: 20px;}
.conBox2L p{ line-height: 28px; font-size: 16px;}
.conBox2L p span{ color: #666;}

.conBox2R{ float: right; width: 625px; height: 348px; overflow: hidden; background: #FFFFFF; box-sizing: border-box; padding: 50px 60px;}
.conBox2R dl:first-child{ border-bottom: 1px solid #EEEEEE; padding-bottom: 30px; margin-bottom: 30px;}
.conBox2R dt{ color: #000000; line-height: 50px; font-size: 26px; font-weight: bold;}
.conBox2R dd{ line-height: 28px; font-size: 16px;}
.conBox2R dd span{ color: #666;}

.conMap{ width: 1280px; height: 400px; overflow: hidden; margin-top: 30px; }


.conFed1{ width: 1280px; height: 64px;}
.conFed1 input{ float: left; width: 413px; height: 64px; border: none; background: #f5f6f7; font-size: 18px; padding: 0 30px; box-sizing: border-box; margin-left: 20px;}
.conFed1 input:first-child{ margin-left: 0;}

.conFed2{ width: 1280px; height: auto; margin-top: 20px;}
.conFed2 textarea{ width: 100%; height: 188px; box-sizing: border-box; padding:20px 30px; background: #f5f6f7; border: none;  font-size: 18px;  line-height: 28px;}


.conFed3{ width: 1280px; height: 60px; text-align: center; margin-top: 20px;}
.conFed3 input{ border: none; width: 326px; height: 60px; background: #7947a4; color: #FFFFFF; font-size: 18px; border-radius: 30px;}


.NewsList{ width: 1320px; height: auto; overflow: hidden;}
.NewsList dl{ margin: 15px; float: left; width: 409px; height: 394px; box-sizing: border-box; padding: 30px; overflow: hidden; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); background: #FFFFFF; position: relative;}
.NewsList dl dt{ z-index: 333; position: relative; }
.NewsList dl dt h3{ width: 100%; line-height: 58px; font-size: 17px; font-weight: normal;}
.NewsList dl dt h2{ font-size: 20px; line-height: 26px; height: 52px; overflow: hidden;}
.NewsList dl dt p{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-top: 15px;}
.NewsList dl dd{ z-index: 333; position: relative; width: 100%; height: auto; border-top: 2px solid #ededec; margin-top: 60px; padding-top:20px;}
.NewsList dl dd h4{ float: left; color: #7947A4; font-size: 54px;}
.NewsList dl dd span{ float: right; padding-top: 10px;}
.NewsList dl dd span p{ font-size: 15px; line-height: 26px; }
.NewsList dl dd span em{ display: block; background: url(../images/newsmore.png) no-repeat; width: 16px; height: 13px; float: right; margin-top: 12px;}
.NewsList dl:hover div{ display: block;}
.NewsList dl:hover dt{ color: #FFFFFF;}
.NewsList dl:hover dt a{ color: #FFFFFF;}
.NewsList dl:hover dd{ color: #FFFFFF;}
.NewsList dl:hover dd h4{ color: #FFFFFF;}
.NewsList dl:hover dd span em{ background: url(../images/newsmores.png) no-repeat; }
.NewsList dl div{ position: absolute; left: 0; bottom: 0; display: none;}

.NewsShowbg{ width: 100%; height: auto; padding: 65px 0; background: #f9f9f9;}
.NewsShow{ width: 1280px; height: auto; background: #FFFFFF; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); box-sizing: border-box; padding: 60px; }
.NewsSTit{ width: 100%; height: auto; overflow: hidden;}
.NewsSTit h1{ color: #000000; font-size: 32px; line-height: 42px; margin-bottom: 10px;}
.NewsSTit p{ font-size: 15px; line-height: 28px; margin-bottom: 10px;}

.NewsShowinfo{ width: 100%; height: auto; padding: 20px 0; border-top: 2px solid #ececeb; border-bottom: 2px solid #ececeb; line-height: 28px;}
.NewsShowinfo img{ max-width: 100%; height: auto;}


.NewsPrev{ width: 100%; height: auto; padding-top: 25px; line-height: 32px; font-size: 16px;}


.supportBg{ width: 100%; height: auto; padding-bottom: 70px; background: url(../images/supportbg.png) no-repeat center; background-size:cover;}

.supportList{ width: 1280px; height: auto;}
.main_visual4 .owl-carousel,.main_visual4 .owl-stage-outer,.main_visual4 .owl-stage,.main_visual4 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual4 .owl-carousel .item{width: 100%;height: 100%; background: #FFFFFF; box-sizing: border-box; padding: 50px 40px; text-align: center; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual4 .owl-carousel .item em{ width: 63px; height: 63px; border: 1px solid #5aa3e9; border-radius: 50%; display: block;}
.main_visual4 .owl-carousel .item img{ width: 43px; height: 43px; margin-top: 10px;  }
.main_visual4 .owl-carousel .item h4{ font-size: 24px; color: #000000; line-height: 42px; margin-top: 20px;}
.main_visual4 .owl-carousel .item p{ font-size: 15px; line-height: 22px; margin-top: 5px;}
.main_visual4 .owl-carousel .item:hover{ color: #FFFFFF; background: #5aa3e9;}
.main_visual4 .owl-carousel .item:hover h4{ color: #FFFFFF;}
.main_visual4 .owl-carousel .item:hover em{ border-color: #fff;}
.main_visual4 .owl-carousel .item:hover img{ filter: grayscale(800%) brightness(800%);}

.main_visual4 .owl-prev,.main_visual4 .owl-next{width:58px;height: 58px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -16px;text-indent: -999px; overflow: hidden;}
.main_visual4 .owl-prev{background-image: url(../images/SuL.png);left: -80px; }
.main_visual4 .owl-next{background-image: url(../images/SuR.png);right: -80px;  }
.main_visual4 .owl-prev:hover{ background-image: url(../images/SuLs.png);}
.main_visual4 .owl-next:hover{ background-image: url(../images/SuRs.png);}

.main_visual4 .owl-dots{ display: none; text-indent: -9999em;}


.supportList1{ width: 1300px; height: auto;}
.supportList1 dl{ float: left; width: 630px; height: 320px; position: relative; color: #FFFFFF; margin: 10px;}
.supportList1 dl dt{ width: 100%; height: auto;}
.supportList1 dl dt img{ width: 100%; height: auto;}
.supportList1 dl dd{ width: 100%; height: auto; position: absolute; left: 0; bottom: 0; padding: 25px; z-index: 333;}
.supportList1 dl dd h4{ font-size: 24px; line-height: 36px;}
.supportList1 dl dd p{ font-size: 16px; line-height: 34px;}


.serBg1{ width: 100%; height: auto; background: url(../images/serbg1.png) no-repeat center; background-size:cover; padding-bottom: 55px;} 
.serBox1{ width: 1280px; height: auto;}
.serBox1 p{ text-align: center; font-size: 16px; line-height: 30px; margin-bottom: 30px;}

.serList1{ width: 1280px; height: auto;}
.serList1 dl{ float: left; width: 33.3%; height: auto; text-align: center;}
.serList1 dl dd{ color: #000000; font-size: 24px; line-height: 48px; font-weight: bold;}


.serBg2{ width: 100%; height: auto; background: url(../images/serbg2.png) no-repeat center; background-size:cover; padding-bottom: 80px;} 
.serList2{ width: 1280px; height: auto;}
.serList2 dl{ float: left; width: 16.66%; height: auto; text-align: center; color: #FFFFFF; box-sizing: border-box; padding: 0 35px;}
.serList2 dl dd{ padding-top: 10px;}
.serList2 dl dd h4{ font-size: 18px; line-height: 32px;}
.serList2 dl dd p{ font-size: 16px; line-height: 22px; margin-top: 5px;}


.serList3{ width: 1300px; height: auto;}
.serList3 dl{ background: #FFFFFF; float: left; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); width: 200px; height: 202px; padding: 28px 20px; margin: 8px; box-sizing: border-box; text-align: center;}
.serList3 dl dd p{ height: 42px; line-height: 42px; overflow: hidden; font-size: 16px;}
.serList3 dl dd h4{ background: url(../images/serlist3.png) no-repeat center; width: 110px; height: 43px; line-height: 43px; font-size: 16px; margin-top: 5px; text-align: center; color:#FFFFFF;}


.serBg3{ width: 100%; height: auto; background: url(../images/serbg3.png) no-repeat center; background-size:cover; padding-bottom: 55px;} 

.serList4{ width: 1280px; height: auto;}
.main_visual5 .owl-carousel,.main_visual5 .owl-stage-outer,.main_visual5 .owl-stage,.main_visual5 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual5 .owl-carousel .item{width: 100%;height: 100%; color: #FFFFFF; text-align: center; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual5 .owl-carousel .item img{ width: 180px; height: 153px;}
.main_visual5 .owl-carousel .item p{ line-height: 66px; font-size: 24px;}
.main_visual5 .owl-prev,.main_visual5 .owl-next{width:58px;height: 58px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -16px;text-indent: -999px; overflow: hidden;}
.main_visual5 .owl-prev{background-image: url(../images/BL.png);left: -80px; }
.main_visual5 .owl-next{background-image: url(../images/BR.png);right: -80px;  }
.main_visual5 .owl-prev:hover{ background-image: url(../images/SuLs.png);}
.main_visual5 .owl-next:hover{ background-image: url(../images/SuRs.png);}

.main_visual4 .owl-dots{ display: none; text-indent: -9999em;}


.serList5{ width: 1280px; height: auto;}
.serList5 li{ float: left; width: 33.3%; text-align: center;}
.serList5 li:hover img{filter: grayscale(0);}
.serList5 li img{filter: grayscale(100%);}
.serList5 li p{ font-weight:bold; font-size:32px; color:#000; line-height:46px; margin-top:10px;}

.goodsMenu2{ width: 100%; height: 48px; text-align: center;}
.goodsMenu2 a{ display: inline-block; padding: 0 30px; margin: 0 4px; text-align: center; background: #f5f5f5; border-radius: 30px; height: 48px; line-height: 48px; font-size: 15px;}
.goodsMenu2 a:hover{ color: #FFFFFF; background: #5aa3e9;}
#lm_hover{ color: #FFFFFF; background: #5aa3e9;}


.TopGoods{ width: 1280px; height: auto; margin-top: 45px;}
.TopGoodsL{ float: left; width: 520px; height: 500px; overflow: hidden;}
.TopGoodsL img{ width: 520px; height: 500px; box-sizing: border-box; border: 1px solid #EEEEEE;}

.TopGoodsR{ float: right; width: 640px; height: auto; overflow: hidden;}
.TopGoodsR h2{ color: #5AA3E9; font-size: 36px; line-height: 42px; padding-bottom: 25px;}
.TopGoodsRinfo{ width: 100%; height: auto; padding: 25px 0; border-bottom: 2px solid #e5e5e5;  border-top: 2px solid #e5e5e5;}
.TopGoodsRinfo h3{ font-size: 30px; color: #000000; line-height: 52px;}
.TopGoodsRinfo div{ line-height: 28px; font-size: 16px;}
.TopGoodsRinfo h4{ line-height: 33px; height: 33px; margin-top: 30px; font-size: 16px; font-weight: normal;}
.TopGoodsRinfo h4 img{ vertical-align: middle; padding-right: 10px;}
.TopGoodsRinfo h4 span{ font-weight: bold; font-size: 24px; color: #D80505;}
.goodsNavInfo{ width: 100%; height: auto; text-align: center; padding: 45px 0; overflow: hidden;}
.goodsNavInfo img{ max-width: 100%; height: auto;}
.TopGoodsR a{ display: block; float: left; margin-top: 30px; color: #FFFFFF; background: #5aa3e9; font-size: 16px; width: 206px; height: 48px; line-height: 48px; text-align: center; border-radius: 30px;}
.TopGoodsR a.gsA2{ background: #333333; margin-left: 25px;}

.releGoods{ width: 1280px; height: auto; overflow: hidden;}
.releGoods dl{ float: left; text-align: center; width: 24%; margin: 0 0.5%;}
.releGoods dl dt{ width: 100%; height: auto;}
.releGoods dl dt img{ width: 100%; height: auto; box-sizing: border-box; border: 1px solid #EEEEEE;}
.releGoods dl dd{ width: 100%; height: auto; padding: 20px 0;}
.releGoods dl dd h4{ color: #000000; font-size: 24px; height: 42px; line-height: 42px; overflow: hidden;}
.releGoods dl dd p{height: 30px; line-height: 30px; overflow: hidden; font-size: 16px;}

.releGoodsMore{ width: 100%; height: 69px; line-height: 69px; margin-top: 45px; text-align: center;}
.releGoodsMore a{ display: inline-block;}
.releGoodsMore a.releGoodsMoreA1{ background: #FFFFFF; border: 2px solid #7947a4; padding: 0 50px; font-size: 24px; color: #000000; font-weight: bold;}
.releGoodsMore a.releGoodsMoreA2{ background: #7947a4; border: 2px solid #7947a4; padding: 0 50px; font-size: 24px; color: #FFFFFF; font-weight: bold; margin-left: -5px;}

/*product list*/
.parts-list{ width:1280px;}
.parts-list table{border: 1px solid #CCCCCC;border-collapse: collapse;border-spacing: 0; width: 1280px; margin-top: 50px;}
.parts-list th{border: 1px solid #CCCCCC;background-color: #E0E4E9;color: #000000;font-size: 15px;padding: 12px ;text-align: center;}
.parts-list td{background-color: #FFFFFF;border: 1px solid #CCCCCC;color: #042437;font-size: 15px;padding: 3px 0;text-align: center;vertical-align: middle;}
.parts-list td img{max-width: 60px;}
.parts-list tr.ftr td{background:#5aa3e9 !important; color:#fff !important; height:46px; text-align:center; font-weight:bold; font-size:16px;}



.goodspdf{ width: 1280px; height: 650px; margin-top: 45px;}

.goodsshowInfo{ width: 1280px; height: auto; padding: 25px 0; line-height: 28px; font-size: 16px;}
.goodsshowInfo img{ max-width: 100%; height: auto;}


.GScontact{ width: 100%; height: 323px; background: url(../images/GScontact.png) no-repeat; color: #FFFFFF;}
.GScontactBox{ width: 1280px; height: auto; padding: 142px 0 0 305px; box-sizing: border-box;}
.GScontactBoxL{ float: left; font-size: 30px; line-height: 52px; font-weight: bold;}

.GScontactBoxR{ float: right; width: 275px; height: auto; overflow: hidden;}
.GScontactBoxR dl{ width: 275px; height: 60px;}
.GScontactBoxR dl dt{ float: left; width: 43px; height: 43px; margin-top: 8px;}
.GScontactBoxR dl dd{ float: left; margin-left: 15px;}
.GScontactBoxR dl dd h4{ line-height: 28px; font-size: 19px; font-weight: normal;}
.GScontactBoxR dl dd h3{ line-height: 32px; font-size: 26px; }
.GScontactBoxR a{ display: block; clear: both; width: 100%; height: 42px; line-height: 42px; font-size: 16px; margin-top: 15px; box-sizing: border-box; text-align: center; color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 30px;}


.inNewProBox{ width:1280px; height:auto; padding:30px 0;}
.inNewProBoxL{ float:left; width:70%; height:auto;}
.inNewProBoxLTop{ width:100%; height:52px; line-height:52px; margin-bottom:20px;}
.inNewProBoxLTop span{ font-size:42px; color: #7947a4; font-weight:bold;}
.inNewProBoxLTop em{ font-style:normal; font-size:16px; padding-left:10px;}
.inNewProBoxLlist{ width:100%; height:auto;}

.main_visual6 .owl-carousel,.main_visual6 .owl-stage-outer,.main_visual6 .owl-stage,.main_visual6 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual6 .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover; text-align:center; box-sizing:border-box; background:#f7f7f7; padding:20px; border-radius:5px;}
.main_visual6 .owl-carousel .item img{ width:100%; height:auto;}
.main_visual6 .owl-carousel .item h4{ color:#000; font-size:18px; line-height:36px; height:36px; overflow:hidden; margin-top:10px;}
.main_visual6 .owl-carousel .item p{ height:24px; line-height:24px; overflow:hidden;}

.main_visual6 .owl-prev,.main_visual6 .owl-next{ display: none; text-indent: -99999em;}
.main_visual6 .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 0;  z-index: 999;}
.main_visual6 .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual6 .owl-dots .owl-dot span{  display: inline-block; width: 10px; height: 10px; background:#ccc; border-radius: 10px;}
.main_visual6 .owl-dot.active span{width: 20px; height: 10px; background:#7947a4; border-radius: 10px;}

.inNewProBoxR{ float:right; width:27%; height:auto;}
.inNewProBoxList{ width:100%; height:272px; overflow:hidden; box-sizing:border-box; background:#f7f7f7; padding:20px; border-radius:5px;}
.inNewProBoxList li{ height:33px; line-height:33px; overflow:hidden;}
.inNewProBoxList li i{ padding-right:10px; color:#7947a4;}