*{ 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:Arial; color:#333; font-size:14px; background: #FFFFFF; text-transform: capitalize;}
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: #01c0b9;}
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;}
h4, .h4, h5, .h5, h6, .h6{ margin: 0;}
.auto_1280{ width:1280px;}

#home .home a,
#products .products a,
#application .application a,
#about .about a,
#news .news a,
#contact .contact a{color: #01c0b9;}

 


#products .products ul li a{ color: #333;}
#products .products ul li a:hover{ color: #FFFFFF; background: #01c0b9;}

#application .application ul li a{ color: #333;}
#application .application ul li a:hover{ color: #FFFFFF; background: #01c0b9;}

#news .news ul li a{ color: #333;}
#news .news ul li a:hover{ color: #FFFFFF; background: #01c0b9;}

#about .about ul li a{ color: #333;}
#about .about ul li a:hover{ color: #FFFFFF; background: #01c0b9;}



input,button,select,textarea{ outline:none; font-family: myFirstFont; }
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;}

.HeaderM{ display: none;}
.HeaderBg.current{ background: #FFFFFF; border-bottom: 1px solid #EEEEEE;}
.HeaderBg.current .logo a{ background: url(../images/logo1.png) no-repeat;}
.HeaderBg.current .Hlang a{color: #333; }
.HeaderBg.current .Hsea a{ color: #333; }
.HeaderBg.current .nav li a{ color: #333; }



.HeaderBg{ width: 100%; height: 72px; position: fixed; left: 0; top: 0; padding: 20px 0; z-index: 999;}
.Header{ width: 1280px; height: 72px; position: relative;}
.Header .logo{float: left;width: 269px;height: 72px;}
.Header .logo a{ display: block; width: 372px; height: 72px; background: url(../images/logo.png) no-repeat;}

.Header .Hlang{ float: right; width: 38px; height: 72px; line-height: 72px; position: relative;}
.Header .Hlang a{color: #FFFFFF; font-size: 16px;}
.Header .Hlang a i{ padding-left: 5px;}
.Header .Hlang:hover ul{ display: block;}
.Header .Hlang ul{ display: none; position: absolute; right: -50px; top: 52px; background: #FFFFFF; width: 120px;  box-shadow:0 0 10px #EEEEEE; }
.Header .Hlang ul a{ display: block; color: #333333; border-bottom: 1px solid #EEEEEE; text-align: center; height: 42px; line-height: 42px; }
.Header .Hlang ul a:hover{ background: #01c0b9; color: #FFFFFF;}

.Header .Hsea{float: right;width: 65px;height: 72px;display: none;text-align: center;}
.Header .Hsea a{ color: #FFFFFF; line-height: 72px; font-size: 16px;}

.Header .nav{float: left;width: auto;height: 72px;line-height: 72px;}
.Header .nav li{ float: left; padding: 0 22px; position: relative;}
.Header .nav li a{color: #FFFFFF;font-size: 16px;}
.Header .nav li ul.ul1{position: absolute;width: 342px;text-align: center;left: -50px;top: 62px;background: #FFFFFF;display: none;box-shadow:0 0 10px #EEEEEE;}
.Header .nav li ul.ul1 li{ width: 100%; height: 42px; line-height: 42px; padding: 0;}
.Header .nav li ul.ul1 li a{ color: #666; font-size: 15px; border-bottom: 1px solid #DEDEDE; display: block;}
.Header .nav li ul.ul1 li a:hover{ background:#01c0b9; color: #FFFFFF;}
.Header .nav li ul.ul1 li a:before{ background: none;}
.Header .nav li ul.ul2{ position: absolute; width: 240px; text-align: center; left: 241px; top: 0; background: #FFFFFF; display: none;  box-shadow:0 0 10px #EEEEEE; }
.Header .nav li:hover ul.ul1{ display: block;}
.Header .nav li ul li:hover ul.ul2{ display: block;}

.searchshow{width: 214px;height: 34px;z-index: 10;background: #FFFFFF;position: absolute;right: 3px;top: 14px;}
.searchshow .inputt{width: 154px;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:#01c0b9; color: #FFFFFF; font-size: 18px; }

/**banner**/
.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:50px;height: 50px;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: 10%; opacity: 0;}
.main_visual .owl-next{background-image: url(../images/BR.png);right: 10%;  opacity: 0;}
.main_visual:hover .owl-prev{ opacity: 1.0;}
.main_visual:hover .owl-next{ opacity: 1.0;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 20px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 10px; height: 10px; background:#FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 20px; height: 10px; background:#FFFFFF; border-radius: 10px;}
.main_visual .owl-carousel .item img.Bpic{ display: block;}
.main_visual .owl-carousel .item img.Bmpic{ display: none;}

.inProTit{width: 100%;text-align: center;line-height: 138px;padding-top: 50px;font-size: 36px;color: #000000;font-weight: bold;}
.inProbox{ width: 1280px; height: auto; padding-bottom: 80px;}
.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: 99%;height: 100%; border: 1px solid #EEEEEE; border-radius: 3px; padding: 30px 35px; box-sizing: border-box;  background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .item h2 img{ width: 200px; height: 80px;}
.main_visual1 .owl-carousel .item h3 img{ width: 220px; height: 220px;}
.main_visual1 .owl-carousel .item b{ display: block; height: 42px; line-height: 42px; overflow: hidden; font-weight: normal; font-size: 18px; color: #000000;}
.main_visual1 .owl-carousel .item div{ color: #666666; line-height: 24px; height: 72px; overflow: hidden;}
.main_visual1 .owl-carousel .item h4{ width: 100%; height: 40px; line-height: 40px; color: #FFFFFF; background: #01c0b9; text-align: center; border-radius: 3px; font-weight: normal; margin-top: 40px;}

.main_visual1 .owl-prev,.main_visual1 .owl-next{width:46px;height: 46px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -25px;text-indent: -999px; overflow: hidden;}
.main_visual1 .owl-prev{background-image: url(../images/inPro1.png);left:-86px;  box-shadow:0 0 10px #EEEEEE; border-radius: 50%;}
.main_visual1 .owl-next{background-image: url(../images/inPro2.png);right:-86px; box-shadow:0 0 10px #EEEEEE; border-radius: 50%;}

.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: -40px;  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:#01c0b9; border-radius: 10px;}


.inAppli{width: 100%;height: 545px;position: relative;overflow: hidden;margin-top: 80px;}
#tab_conbox{position: absolute;left: 0;top: 0;width: 100%;}
.inApplist{ width: 100%; height: auto; overflow: hidden;}
.inApplistL{ float: left; width: 50%; height: 630px;}
.inApplistL img{width: 100%;height: 500px;border-radius: 0px 150px;}
.inApplistR{float: right;width: 50%;height: 500px;}
.inApplistRBox{ float: left; width: 600px; padding-left: 40px; overflow: hidden;}
.inApplistRBox h2{ font-size: 36px; line-height: 48px; padding-top: 32px;}
.inApplistRBox h3{ float: left; width: 100px; height: 1px; background: #e0efee; margin-top: 37px;}
.inApplistRBox h4{ clear: both; line-height: 62px; font-size: 22px; margin-top: 23px;}
.inApplistRBox div{ line-height: 26px; height: 78px; overflow: hidden;}
.inApplistRBox a{display: block;float: left;width: 138px;height: 40px;line-height: 40px;background: #01C0B9;text-align: center;color: #FFFFFF;border-radius: 3px;margin-top: 4px;}
.inApplistRBox a:hover{ background: #000000;}

.inAppliNav{position: absolute;width: 100%;height: 109px;left: 0;bottom: 41px;z-index: 666;}
.inAppliNavBox{ width: 1280px; height: 109px; overflow: hidden;}
.inAppli ul{ width: 615px; float: right;}
.inAppli ul a{position: relative;margin-left: 15px;position: relative;font-size: 16px;line-height: 24px;float:left;text-align: center;width: 189px;height: 109px;overflow: hidden;box-sizing: border-box;border:1px solid #EEEEEE;border-radius: 10px;background: #e5f4f3;}
.inAppli ul a p{padding: 30px 40px; position: relative; z-index: 999;}
.inAppli ul a:nth-child(2){ line-height: 48px;}
.inAppli ul a img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;  opacity: 0;}
.inAppli .tabs .thistab,.tabs .thistab a:hover {color: #FFFFFF;}
.inAppli .tabs .thistab,.tabs .thistab img{  opacity: 1.0;}

.inSer{width: 100%;height: 465px;position: relative;overflow: hidden;margin-top: 60px;}
.inSerL{ float: left; width: 50%; height: 730px; overflow: hidden;}
.inSerLBox{ width: 600px; padding-right: 40px; height: auto; float: right; overflow: hidden;}
.inSerLBox h2{line-height: 86px;font-size: 36px;font-weight: bold;}
.inSerLBox h3{ width: 94px; height: 1px; background: #e0efee; float: left;}

.inSerLBox h4{ color: #01c0b9; clear: both; line-height: 42px; font-size: 18px; margin-top: 20px;}
.inSerLBox p{ line-height: 24px;}
.inSerLBox UL li{
    font-size: 16px;
    line-height: 30px;
}


.inSerR{float: right;width: 50%;height: 464px;overflow: hidden;}
.inSerR img{width: 100%;height: 463px;border-radius: 0px 150px;}

.inNewsList{ width: 1280px; height: auto;}
.inNewsList dl{float: left;width: 400px;height: auto;overflow: hidden;margin-left: 36px;background-image: linear-gradient(152deg, #124a62 20%,#33c4b5 94%);}
.inNewsList dl:nth-child(1){ margin-left: 0;}
.inNewsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.inNewsList dl dt img{ width: 100%; height: auto;}
.inNewsList dl dd{width: 95%;height: auto;overflow: hidden;padding: 20px 10px;}
.inNewsList dl dd h3{height: 38px;overflow: hidden;line-height: 38px;font-weight: normal;font-size: 18px;color: #ffffff;}
.inNewsList dl dd h4{color: #e8e8e8;font-size: 14px;font-weight: normal;line-height: 42px;}
.inNewsList dl dd p{line-height: 24px;height: 48px;overflow: hidden;color: #fff;}

.words{border: 1px solid #DCDCDC;height: 38px;line-height: 38px;margin-bottom: 20px;padding: 1px 0;text-align: center; width: 1200px; position: relative; z-index: 999;}
.words a{color: #000000;display: inline;font-size: 15px;font-weight: bold;margin: 0 1px;padding: 9px 13px;text-align: center;text-decoration: none;}
.words a:hover{color:#FFFFFF;background-color: #c30f23;}



.fotserBg{margin-top: 85px;width: 100%;height: 437px;padding-top: 107px;background: #128592 url(../images/fotserbg.jpg) no-repeat top center;}
.fotser{width: 857px;height: 395px;background: #FFFFFF;box-shadow: 0 0 20px #676161;padding: 60px 100px;position: relative;text-align: center;border-radius: 226px;box-sizing: border-box;}
.fotser h2{ font-size: 30px; line-height: 42px;}
.fotser p{ font-size: 16px; line-height: 28px; margin-top: 30px;}
.fotser a{ display: block; width: 180px; height: 41px; line-height: 41px; color: #FFFFFF; background: #01C0B9; border-radius: 3px; margin-top: 35px;}
.fotser a:hover{ background: #000000;}



.FooterBg{width: 100%;height: auto;padding: 55px 0;background: #128592;color: #FFFFFF;}
.Footer{ width: 1280px; height: auto; overflow: hidden;}
.FooterL{ float: left; width: 205px; height: auto; overflow: hidden;}
.FooterL a{ display: block; color: #FFFFFF; line-height: 30px;}
.FooterL a:hover{ color: #ff0;}

.FooterM{ float: left; width: 625px; height: auto; overflow: hidden;}
.FooterM p{ line-height: 30px;}
.FooterM a{ color:#fff}

.FooterR{ float: right; width:400px; height: auto; overflow: hidden;}
.FooterR p{ line-height: 30px;}
.FooterR p a{ color: #FFFFFF;}
.FooterR a:hover{ color: #ff0;}
.FooterR h4{ line-height: 38px; height: 38px; margin-top: 20px;}
.FooterR h4 a{ display: block; float: left; width: 38px; height: 38px; line-height: 38px; color: #01C0B9; font-size: 20px; margin-right: 20px; text-align: center; background: #FFFFFF; border-radius: 50%;}
.FooterR h4 a:hover{ background: #000000; color: #FFFFFF;}



.client-2 {
            position: fixed;
            right: -152px;
            top: 50%;
            z-index: 999;
        }
        
        .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: #01c0b9;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #01c0b9;
            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{ width: 100%; height: 350px; position: relative;}          
.banner2Txt{ width: 1280px; height: auto; overflow: hidden; color: #FFFFFF; height: 220px; padding-top:150px;}       
.banner2Txt h2{ line-height: 116px; height: 116px; font-size: 3.2rem;}        
.banner2Txt h3{ width: 55px; height: 4px; background: #FFFFFF; margin: 0;}     

.AbTit{ width: 1280px;  height: 100px; line-height: 100px; text-align: center; font-size: 36px; color: #333333; font-weight:bold;}
.conMap{width: 1280px; height: 400px; overflow: hidden; margin-top: 25px;}
.conFed{ width: 1280px; height: auto; overflow: hidden;}
.conFed dl{ width: 100%; height: auto;}
.conFed dl dt{ width: 100%; height: 42px; line-height: 42px; font-size: 16px;}
.conFed dl dd{ width: 100%; height: 42px; }
.conFed dl dd input{ width: 100%; padding: 0 15px; height: 42px; border: 1px solid #dedede; box-sizing: border-box; line-height: 42px; border-radius: 5px;}
.conFed dl dd textarea{ width: 100%; padding: 15px; height: 80px; border: 1px solid #dedede; box-sizing: border-box; line-height: 24px; border-radius: 5px;}
.conFed li{ width: 100%; height: 42px; margin-top: 20px;}
.conFed li input{ width: 100%; height: 42px; line-height: 42px; border: none; background: #01c0b9; color: #FFFFFF; font-size: 16px; border-radius: 5px;}

.AbList{ width: 1300px; height: auto; overflow: hidden; padding-bottom:80px;}
.AbList dl{ float: left; width: 307px; height: 292px; overflow: hidden; text-align: center; margin: 9px;}
.AbList dl dt{ width: 307px; height: 239px; overflow: hidden;}
.AbList dl dt img{width: 307px; height: 239px;}
.AbList dl dd{ width: 307px; height: 53px; line-height: 53px; font-size: 16px; overflow: hidden; background: #f0f0f0;}      


.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%;  border-radius: 3px; text-align:center;  box-sizing: border-box;  background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual2 .owl-carousel .item p{ height:52px; line-height:52px; overflow:hidden;  background: #f0f0f0; font-size:1rem;}
.main_visual2 .owl-prev,.main_visual2 .owl-next{ text-indent:9999em;}
.main_visual2 .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: -10px;  z-index: 999;}
.main_visual2 .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual2 .owl-dots .owl-dot span{  display: inline-block; width: 10px; height: 10px; background:#ccc; border-radius: 10px;}
.main_visual2 .owl-dot.active span{width: 20px; height: 10px; background:#01c0b9; border-radius: 10px;}






.Abinfo{ width:1280px; height:auto; padding:30px 0; overflow:hidden;}
.Abinfo img{ max-width: 100%; height: auto;}      
   
.abmenuBg{ width: 100%; height: 59px;  position: relative; z-index: 333;  background: rgba(0, 0, 0, 0.6);}
/*二级导航样式*/
.abmenuBg .mini-nav{width:1280px;height:59px; line-height:59px; overflow:hidden; }
.abmenuBg .mini-nav.artive{position: fixed;z-index:20;left:0;right:0;}
.abmenuBg .mini-nav > div{max-width: 100%;overflow-x: visible;}
.abmenuBg .mini-nav .swiper-container{height:100%;width: 100%;}
.abmenuBg .mini-nav ul.swiper-wrapper{margin:0px auto;font-size:0px;}
.abmenuBg .mini-nav ul.swiper-wrapper > li{width: 20%;position: relative;line-height: 59px;text-align: center;}
.abmenuBg .mini-nav ul.swiper-wrapper > li:nth-last-child(1):before{display: none;}
.abmenuBg .mini-nav ul.swiper-wrapper li a{display: block;font-size:20px;position:relative; color: #FFFFFF;}
.abmenuBg .mini-nav ul.swiper-wrapper li a img{ vertical-align: middle; padding-right: 10px;}
.abmenuBg .mini-nav ul.swiper-wrapper li a.on{background-image: linear-gradient(46deg, #124a62 20%,#33c4b5 94%);}
.abmenuBg .mini-nav ul.swiper-wrapper li a:hover{ background: #01c0b9;}

.NewsList{ width: 1300px; height: auto;}
.NewsList dl{ float: left; background: #f7f7f7; width: 30.3%; height: auto; margin: 1.5%; transition: all ease .5s; cursor: pointer; overflow: hidden;}
.NewsList dl:hover{box-shadow:0 0 10px #CCCCCC;}
.NewsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.NewsList dl dt img{ width: 100%; height: auto;}
.NewsList dl dd{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; padding: 25px;}
.NewsList dl dd h4{ line-height: 50px; height: 50px;  overflow: hidden; font-size: 18px; font-weight: normal;}
.NewsList dl dd h4 a{ color: #000000;}
.NewsList dl dd p{ font-size: 14px; color: #333333; line-height: 24px; height: 72px; overflow: hidden;}
.NewsList dl dd h3{ font-weight: normal; color: #999999; line-height: 32px; height: 32px; overflow: hidden; font-size: 14px; margin-top: 20px;}
.NewsList dl:hover h3 a{ color: #0c75ad;}
.NewsList dl:hover h4 a{ color: #0c75ad;}


.NewsShow{ width: 1280px; height: auto; background: #FFFFFF; box-sizing: border-box; padding:30px 0; margin-bottom: 25px;}
.NewsSTit{ width: 100%; height: auto; border-bottom: 1px solid #eeeeee; text-align: center;}
.NewsSTit h2{  font-size: 30px; font-weight: normal; line-height: 36px; padding:15px 0;}
.NewsSTit p{ line-height: 32px; height: 32px; padding-bottom: 10px; color: #999999; }
.NewsSTit p img{ vertical-align: middle; padding-right: 5px;}
.NewsSinfo{ width: 100%; height: auto; overflow: hidden; padding: 25px 0; font-size: 14px; line-height: 24px;}
.NewsSinfo img{ max-width: 100%; height: auto;}

.NewsSprev{ width: 100%; height: auto; padding-top: 25px;  border-top: 1px solid #eeeeee;}
.NewsSprev li{ line-height: 26px; color: #999;}
.NewsSprev li span{ color: #0c75ad; font-size: 14px;}
.NewsSprev li a{ color: #333333;}
.NewsSprev li a:hover{ color: #0170c1;}

.NewsSprev h4{ float: right; display: inline-block; width: 103px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #e5e5e5; background: #eeeeee; font-weight: normal; font-size: 16px; color: #0c75ad; border-radius: 5px;}
.NewsSprev h4 i{ padding-right: 5px;}
.NewsSprev h4 a{ display: block;}
.NewsSprev h4 a:hover{ background: #01c0b9; color: #FFFFFF;}


.SouList{overflow:hidden;padding:30px 0;width:1320px;height:auto;}
.SouList dl{float:left;overflow:hidden;box-sizing:border-box;margin:10px 0;padding:0 20px;width:33.3%;height:auto;}
.SouList dl dt{overflow:hidden;width:100%;height:320px;}
.SouList dl dt h2{width:100%;height:80px;font-size:1.4rem;line-height:80px;}
.SouList dl dt h2 span{padding-left:10px;color:#999;font-weight:400;font-size:1rem;}
.SouList dl dt img{width:100%;height:320px;}
.SouList dl dd{width:100%;height:auto;}
.SouList dl dd h3{overflow:hidden;height:54px;font-size:1.1rem;line-height:54px;}
.SouList dl dd p{overflow:hidden;height:48px;color:#666;font-size:.9rem;line-height:24px;}
.SouList dl dd h4{display:inline-block;margin-top:20px;padding:0 15px;height:41px;border:1px solid #dedede;text-align:center;font-weight:400;font-size:1rem;line-height:41px;transition:all ease .5s;}
.SouList dl dd h4 b{display:none;}
.SouList dl dd h4 b span{padding-left:20px;}
.SouList dl dd h4 i{color:#01c0b9;line-height:41px;}
.SouList dl a:hover h4 b{display:block;font-weight:400;}
.SouList dl a:hover h4{background:#01c0b9;color:#fff;}
.SouList dl a:hover h4 i{color:#fff;}
.SouList dl a:hover dt img{-webkit-transform:scale(1.1);transform:scale(1.1);}     

.PhotoList{ width: 1280px;  height: auto; overflow: hidden; padding-bottom:50px;}
.PhotoList dl{ width:1280px; height: 149px; padding: 20px; border: 1px solid #dedede; margin-bottom: 15px; overflow: hidden; box-sizing:border-box;}
.PhotoList dl a{ display: block;width:1280px; height: 149px;}
.PhotoList dl a dt{ float: left; width: 256px; height: 109px; overflow: hidden;}
.PhotoList dl a dt img{ width: 256px; height: 109px;}
.PhotoList dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.PhotoList dl dd{ float: left; width:950px; height: 109px; overflow: hidden; margin-left:30px; }
.PhotoList dl dd h3{ font-size: 18px; font-weight: normal; height: 30px; line-height: 30px; overflow: hidden;}
.PhotoList dl dd p{ line-height: 20px; height: 40px; overflow: hidden; color: #666666;}
.PhotoList dl dd h4{ margin-top: 8px; float: right; width: 90px; height: 30px; line-height: 30px;     background: #b6b6b6; color: #FFFFFF; font-weight: normal; text-align: center;}
.PhotoList dl a:hover dd h4{ background:#01c0b9;}

.wz{ width: 1280px; height: 42px; line-height: 42px; overflow: hidden;}
.wz a{color: #737373;}   

.goodsCateBox{ width: 1280px; height: auto; overflow: hidden; padding-bottom:30px;}
.goodsCateBox dl{width: 97%;border: 1px solid #DEDEDE;margin: 1.5%;box-sizing: border-box;border-radius: 3px;}
.goodsCateBox dl dt{ width: 100%; height: 72px;}
.goodsCateBox dl dt img{width: 48px;height: 48px;float: left;margin-left: 10px;margin-right: 15px;padding-top: 12px;}
.goodsCateBox dl dt h4{
    padding-top: 19px;
}
.goodsCateBox dl dd{width: 100%;padding: 10px 0;background: #f5f5f5;overflow: hidden;}
.goodsCateBox dl dd h4{ width: 100%; height: 22px; line-height: 22px; font-weight: normal; font-size: 16px; color: #01c0b9; overflow: hidden;}
.goodsCateBox dl dd p{ font-size: 13px; line-height: 20px;}
.goodsCateBox dl dd ul{width: 97%;margin-top: 7px;font-size: 13px;}
.goodsCateBox dl dd ul li{ line-height: 21px;}

/*product list*/
.parts-list table{border: 1px solid #CCCCCC;border-collapse: collapse;border-spacing: 0; width: 1280px;}
.parts-list th{border: 1px solid #CCCCCC;background-color: #E0E4E9;color: #000000;font-size: 15px;padding: 8px 0 8px 10px;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 td.i{border-left: medium none;}
.parts-list td.p{padding-left: 15px;text-align: left;}
.parts-list td.p a{font-weight:bold;color:#004480;font-size: 12px;}
.parts-list td.p a{font-weight:bold;color:#004480;font-size: 12px;}
.parts-list td a.p{position:relative}
.parts-list td .pic{ position:absolute;left:0;bottom: 20px;}
.parts-list td .pic img{ width:60%}
.parts-list td a.mfg{color:#004480;font-size: 12px;}
.parts-list td a.view{background-color: #01c0b9;border-radius: 5px;box-shadow: 0 1px 2px #FFFFFF inset;color: #FFFFFF;font-size: 14px;padding: 5px 8px;text-decoration: none; cursor:pointer}
.parts-list td a.view:hover{background-color: #FF9003;color:#FFFFFF;}
        
 /*products list*/
.category{ width: 1280px;}
.category h1{color:#000000;background-color: #E0E4E9;font-size: 18px;height: 36px;line-height: 36px;padding-left: 15px;position: relative;}
.category h1 a{color:#000000;}
.category h1 img{border: 4px solid #E0E4E9;float: left;margin-left: -10px;margin-right: 9px;margin-top: -30px;max-height: 60px;}
.category h1 s{color: #FFFFFF;font-size: 13px;font-weight: normal;position: absolute;right: 30px;text-decoration: none;top: 0;}
.category h1 b{font-weight:bold;}
.category ul{border: 1px solid #CCCCCC;line-height: 24px;margin-bottom: 40px;padding: 10px 5px;}
.category ul li{display: inline;float: left;width: 33%;}
.category ul li a{color: #004B85;padding: 3px 2px 3px 5px;text-decoration: none;}
.category ul li a:hover{text-decoration: underline;}
.category ul li s{color: #AAAAAA;margin-left: 5px;text-decoration: none;}
/*product details*/
.parts-details .parts-name{color: #034175;font-size: 25px;font-weight: bold;line-height: 28px;padding-bottom: 10px;}
.details-left{display: inline;float: left;width: 970px;}
.details-left .info{border: 1px solid #CCCCCC;}
.details-left .info .cover{float: left;margin-right: 15px;text-align: center;width: 250px;height: 250px;margin-top: 10px;}
.details-left .info .cover img{display: block;margin: 0 auto;}
.details-left .info .cover img.manufacturers{max-width:95%;margin-top:10px;}
.details-left .info .info-more{float: left;padding-top: 10px;width: 600px;}
.info dl{clear: both;line-height: 24px;}
.info dt{color: #202020;display: inline;float: left;font-weight: bold;width: 143px;}
.info dd{display: inline;float: left;font-size: 14px;width: 450px;}
.info dd.pdf a{background-image: url("../images/pdf.png");background-repeat: no-repeat;display: inline;float: left;padding-left: 30px;}
.info .text{clear: both;color: #656565;line-height: 22px;padding-left: 15px;padding-top: 10px;}
.info .download{clear: both;padding-top: 15px;}
.info .download a{font-size: 14px;text-decoration: underline;}
.details-left .rfq-div{background-color: #F5F5F5;border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;height: 40px;line-height: 40px;position: relative;margin-bottom: 15px;}
.details-left .rfq-div a.rfq{background-color: #0093E6;border-radius: 5px;box-shadow: 0 0 3px #003763 inset;color: #FFFFFF;height: 30px;left: 10px;line-height: 30px;padding: 0 58px;position: absolute;text-decoration: none;text-transform: uppercase;top: 5px;}
.details-left .rfq-div a.rfq:hover{background-color: #003763;box-shadow: 0 0 3px #FFFFFF inset;}
.clearAfter::after{clear: both;content: "";display: block;height: 0;visibility: hidden;}


.goodsSpeTit{ width: 1280px; box-sizing: border-box; height: 36px; line-height: 36px; padding: 0 15px; background: #eeeeee; border-radius: 5px; font-size: 18px;}
.goodsSpeBox{ width: 1280px; height: auto; box-sizing: border-box; padding: 25px 0;}
.goodsSpeBox dl{ width: 100%; height: 36px; line-height: 36px; border-bottom: 1px solid #ccc;}
.goodsSpeBox dl dt{ float:left; width: 50%;  height: 36px; overflow: hidden; font-weight:bold;}
.goodsSpeBox dl dd{ float:left; width:50%;  height: 36px; overflow: hidden;}
.goodsSpeBox dl dd a{ font-weight: bold; color: #01c0b9;}

.goodsSpeBox table{ border:none; border-left:0px; border-top:0px; font-size: 14px; table-layout: fixed;  width: 100%; box-sizing:border-box; border-spacing:0;}
.goodsSpeBox table th{   border-right:0px; border-bottom:1px solid #ccc; padding:8px 2px;  word-wrap: break-word; text-align: left; }
.goodsSpeBox table td{  border-right:0px; border-bottom:1px solid #ccc; padding:8px 2px; word-wrap: break-word; }
.goodsSpeBox table tr{background:#fff; }

.goodsWartinfo{ width: 1280px; height: auto; padding: 15px; line-height: 26px; box-sizing: border-box; border: 1px solid #DEDEDE; background: #f7f7f7; margin-bottom: 20px; border-radius: 5px;}
.goodsWartinfo a{ font-weight: bold; color: #01c0b9;}


.goodsShow1{ width: 1280px; height: auto; margin-bottom: 20px; overflow: hidden;}
.goodsShow1L{ float: left; width: 765px; height: auto; overflow: hidden;}
.goodsShow1L1{ float: left; width: 280px; height: auto; position:relative; }
.goodsShow1L1 img{ width: 278px; height: 278px; border: 1px solid #DEDEDE;}
.goodsShow1L1 .pic{     position: absolute;
    left: 62px;
    top: 90px;}
.goodsShow1L1 .pic img{     width: 151px;
    height: auto;
    border: 0px; }
.goodsShow1L2{ float: right; width: 470px; height: auto;}
.goodsShow1L2 h2{ font-weight: normal; color: #333333; font-size: 36px;}
.goodsShow1L2 dl{ width: 100%; height: 30px; line-height: 30px; border-top: 1px solid #DEDEDE;}
.goodsShow1L2 dl dt{ float:left; width: 30%;  height: 30px; overflow: hidden;}
.goodsShow1L2 dl dd{ float:left; width:70%;  height: 30px; overflow: hidden;}
.goodsShow1L2 dl dd a{ font-weight: bold; color: #01c0b9;}
.goodsShow1L2 dl dd a img{ vertical-align: middle; width: 20px; height: 20px; padding-right: 10px;}

.goodsShow1Lbot{  width: 100%; height: auto; overflow: hidden; padding-top:30px;}
.goodsShow1Lbot h3{ float:left; line-height:46px; }
.goodsShow1Lbot h3{ float:left; }

.goodsShow1R{ float: right; width: 368px; height: auto; overflow: hidden; border: 1px solid #01c0b9; border-radius: 3px;}
.goodsShow1R h2{ width: 100%; height: 41px; line-height: 41px; background: #01c0b9; color: #FFFFFF; text-align: center; font-weight: normal; font-size: 16px;}
.goodsShow1Rbox{ width: 100%; height: auto; padding: 15px; overflow: hidden; box-sizing: border-box;}
.goodsShow1Rbox dl{ width: 338px; height: 34px; overflow: hidden; margin-bottom: 8px;}
.goodsShow1Rbox dl dt{ float: left; width: 122px; height: 34px; line-height: 34px; overflow: hidden; font-weight: bold; color: #333333;}
.goodsShow1Rbox dl dd{ float: left; width:216px; height: 34px; overflow: hidden;}
.goodsShow1Rbox dl dd input{ border: 1px solid #DEDEDE; border-radius: 3px; width:194px; height: 32px; padding: 0 10px;}
.goodsShow1Rbox dl dd textarea{ border: 1px solid #DEDEDE; border-radius: 3px; width:194px; height: 58px; padding: 10px;}
.goodsShow1Rbox li{ width: 338px; height: 34px; overflow: hidden; text-align: center;}
.goodsShow1Rbox li input{ width: 145px; height: 34px; line-height: 34px; background: #01c0b9; color: #FFFFFF; border: none; border-radius: 3px;}


.cart-step{ width: 1280px; height: 188px; overflow: hidden;}
.cart-step img{ width: 1280px; height: 188px;}

.cart-tips{ width: 1280px; height: auto; line-height: 28px; margin-top: 20px; box-sizing: border-box; padding: 15px;  border: 1px solid #DEDEDE; border-radius: 3px;}


.cart-from{width: 1280px; height: auto; margin-top: 20px; box-sizing: border-box; border: 1px solid #DEDEDE; border-radius: 3px;}
#inputHtml tr > th { background: #01c0b9; color: #fff; height: 38px; line-height: 38px;}
.cart-from table{ width: 100%; border-collapse:collapse;border-spacing:0;}



.cart-from table input{ width: 70%; padding:0 5%; margin:10px 0 10px 5%; border: 1px solid #DEDEDE; height: 28px; line-height: 28px;}
.cart-from table tr{border: 1px solid #DEDEDE; }
.cart-from table input.checkall{ width:20px; float:left}
.cart-from table button{ width: 34px; height: 30px; border: none; background: url(../images/cartDe.jpg) no-repeat;}

.cart-button { padding: 10px; }
.cart-button button{ width: 106px; height: 30px; line-height: 30px; border: none; background: #01c0b9; color: #FFFFFF; border-radius: 3px;}

.cart-fed{ width: 1280px; box-sizing: border-box; padding: 15px;  border: 1px solid #DEDEDE; border-radius: 3px; margin-top: 20px;}
.cart-fed h2{ font-weight: normal; color: #333333; font-size: 18px;}
.cart-fedBox{ width: 100%; height: auto; overflow: hidden; padding: 20px 0;}

.cart-fedBoxL{ float: left; width: 50%; height: auto; overflow: hidden;}
.cart-fedBoxL dl{ width: 100%;   line-height: 34px; margin-top:20px;}
.cart-fedBoxL dl dt{ float: left; width: 30%; padding-left: 5%; height: 34px; overflow: hidden; font-weight: bold; color: #333333;}
.cart-fedBoxL dl dd{ float: left; width: 65%; min-height: 56px; overflow: hidden;}
.cart-fedBoxL dl dd input{ width: 100%; height: 34px; box-sizing: border-box; padding:0 15px ;  border: 1px solid #DEDEDE; border-radius: 3px;}
.cart-fedBoxL dl dd textarea{ border: 1px solid #DEDEDE; border-radius: 3px; width:100%; height: 80px; padding: 15px; box-sizing: border-box;}
.cart-fedBoxL dl dd select{ width: 100%; height: 34px; box-sizing: border-box; padding:0 15px ;  border: 1px solid #DEDEDE; border-radius: 3px;}

.cart-fedBtn{ width: 100%; height: auto; padding-top: 20px; border-top: 1px solid #EEEEEE; text-align: center;}
.cart-fedBtn button{ width: 60%; height: 34px; background: #01c0b9; border: none; color: #FFFFFF; border-radius: 3px;}



.message {    margin: 0 auto;  width: 1280px;    
}
 
.panel-default {border: 1px solid #ccc;padding: 15px;border-radius: 5px;}
.panel-default .bg-default {
    
    }
.panel-default .alert-info{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 12px;
    border-radius: 6px;
}

.message h1 {
    margin-top: 18px;
    font-weight: 500;
    font-size: 36px;
    color: #000;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
.message p{ line-height:28px; margin-bottom:10px}
.message .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-info {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}
 
.nodata{ width:1280px; height:48px; line-height:48px; padding:10px 0; color:#f00;}     
/*mfg*/
.mfg{border: 1px solid #DCDCDC;margin-bottom: 30px;  width: 1280px;}
.mfg h3{background-color: #E0E4E9;font-size: 18px;font-weight: bold;height: 32px;line-height: 32px;padding-left: 10px;}
.mfg ul{padding-bottom: 10px;padding: 10px;}
.mfg li{float: left;font-size: 14px;line-height: 22px;width: 20%;text-align: left;}
.mfg li a{color: #004B85;}
.mfg li s{color: #AAAAAA;text-decoration: none;}
.mfg li img{ border:1px solid #eee; width:180px; height:60px;}
.mfg li p{ height:36px; line-height:36px;}
        
/*details*/
.mfg-details{border: 1px solid #CCCCCC;padding: 10px;margin-bottom: 15px; width: 1280px; margin-top: 30px; box-sizing:border-box;}
.mfg-details .cover{float: left;width: 256px;}
.mfg-details .cover img{border: 1px solid #CCCCCC;display: block;max-width: 250px;}
.mfg-details h2{border-bottom: 1px solid #CCCCCC;font-size: 18px;font-weight: bold;line-height: 40px;margin-bottom: 5px;padding-left: 2px; color: #333333;}
.mfg-details .text{float: right;width: 960px;font-size: 14px;line-height: 22px;}        

.abinfoPC{display:block;line-height: 26px;}
.abinfoM{ display:none;}

@media (max-width: 767px) {

.HeaderM{ display: block ;  background: #FFFFFF; overflow: hidden; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede; z-index: 9999; width: 94%; padding: 0 3%;}
.HeaderM .logo{ float: left; width: 207px; height:40px; overflow: hidden; padding-top: 10px;}
.HeaderM .logo a{ display: block; overflow: hidden; width: 207px; height:40px;}
.HeaderM .logo a img{ width: 207px; height:40px;}
.m-menu{float: right;width: 30px; padding-top: 15px;}
.m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.m-menu .icon>span{display: inline-block;width: 30px;height: 1px;background: #333;margin: 4px 0;display: inline-block;}
.m-menu .drop-down{display: none;position: fixed;top: 61px;left: 0;right: 0;background: #ffffff;height: calc(100vh);z-index: 10;text-align: center;padding: 30px 5%; overflow-y: auto;z-index: 12;}
.m-menu .drop-down::-webkit-scrollbar{display: none;}
.m-menu .drop-down>ul>li{line-height: 60px;border-bottom: 1px solid #eeeeee;}
.m-menu .drop-down>ul>li>a{font-size: 18px;color: #000;display: block;}
.m-menu .subnav{padding-bottom: 24px;display: none;}
.m-menu .subnav a{display: block;height: 40px;line-height: 40px;font-size: 16px;color: #333333;}
.m-menu .drop-down .form{border: 1px solid #e5e5e5;display: inline-block;height: 43px;line-height: 43px;border-radius: 5px;font-size: 0;vertical-align: top;position: relative;}
.m-menu .drop-down .text{display: inline-block;vertical-align: top;width: 230px;height: 30px;margin-top: 6px;padding: 0 5px; border: none;}
.m-menu .drop-down .submit{display: inline-block;vertical-align: top;width: 45px; border: none; background: url(../images/icon2.jpg) center center no-repeat;font-size: 0;height: 43px;border-left: 1px solid #e5e5e5;cursor: pointer;}


.client-2{}
.HeaderBg{ display: none;}


.main_visual{ margin-top: 61px;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 8px; position:absolute; left: 0; bottom: 10px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 4px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 8px; height: 8px; background: #FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 14px; height: 8px; background:#FFFFFF; border-radius: 10px;}

.main_visual .owl-carousel .item img.Bpic{ display: none;}
.main_visual .owl-carousel .item img.Bmpic{ display:block;}


.inProTit{ width: 100%; text-align: center; line-height: 68px; padding-top: 20px; font-size: 1.6rem; color: #000000;}
.inProbox{ width: 94%; height: auto; padding-bottom: 50px;}

.inAppli{ width: 94%; height: auto; position: relative; overflow: hidden; margin-top: 20px;}
#tab_conbox{ position: inherit; left: inherit; top: inherit; width: 100%; height: auto;}
.inApplist{ width: 100%; height: auto; overflow: hidden;}
.inApplistL{ float: none;  width: 100%; height: auto; }
.inApplistL img{width: 100%;height: auto;border-radius: 14px;}
.inApplistR{ float: none;  width: 100%; height: auto; }
.inApplistRBox{ float: none;  width: 100%; height: auto;  padding-left: 0; overflow: hidden;}
.inApplistRBox h2{ font-size: 1.4rem; line-height: 30px; padding-top: 12px;}
.inApplistRBox h3{ float: left; width: 100px; height: 1px; background: #e0efee; margin-top: 12px;}
.inApplistRBox h4{ clear: both; line-height: 42px; font-size: 1.1rem; margin-top: 13px;}
.inApplistRBox div{ line-height: 26px; height: 78px; overflow: hidden;}
.inApplistRBox a{ display: block; float: left; width: 138px; height: 40px; line-height: 40px; background: #01C0B9; text-align: center; color: #FFFFFF; border-radius: 3px; margin-top:15px;}
.inApplistRBox a:hover{ background: #000000;}

.inAppliNav{ position: inherit; width: 100%; height: 109px; left: inherit; bottom: inherit;  z-index: 666; padding-top: 20px;}
.inAppliNavBox{ width: 100%; height: auto; overflow: hidden;}
.inAppli ul{ width: 100%; float: none;}
.inAppli ul a{ position: relative; margin-left: 1%; position: relative; font-size: 16px; line-height: 24px;  float:left; text-align: center; width: 32.3%; height: auto; overflow: hidden; box-sizing: border-box; border:1px solid #EEEEEE;  border-radius: 3px;}
.inAppli ul a p{padding: 10px; position: relative; z-index: 999;}
.inAppli ul a:nth-child(1){ margin-left: 0;}
.inAppli ul a:nth-child(2){ line-height: 48px;}

.inSer{ width: 100%; height: auto; position: relative; overflow: hidden; margin-top: 20px;}
.inSerL{ float: none; width: 100%; height: auto;  overflow: hidden;}
.inSerLBox{ width: 94%; height: auto;  float: none; overflow: hidden; padding-right: 0;}
.inSerLBox h2{ line-height: 56px; font-size: 2rem; font-weight: normal;}
.inSerLBox h3{ width: 94px; height: 1px; background: #e0efee; float: left;}

.inSerLBox h4{ color: #01c0b9; clear: both; line-height: 32px; font-size: 1rem; margin-top:10px;}



.inSerR{ float: none;  width: 94%; height: auto;  overflow: hidden; margin-top: 30px;}
.inSerR img{width: 100%;height: auto;border-radius: 10px;}


.inNewsList{ width: 94%; height: auto;}
.inNewsList dl{float: none;width: 100%;height: auto;overflow: hidden;margin-left: 0;margin-bottom: 12px;}
.inNewsList dl:nth-child(1){ margin-left: 0;}
.inNewsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.inNewsList dl dt img{ width: 100%; height: auto;}
.inNewsList dl dd{width: 90%;height: auto;overflow: hidden;padding: 15px 0;}
.inNewsList dl dd h3{height: 38px;overflow: hidden;line-height: 38px;font-weight: normal;font-size: 1rem;}

.fotserBg{margin-top: 20px;width: 94%;height: auto;padding: 50px 3%;background:url(../images/fotserbg.jpg) no-repeat top center;background-size:cover;}
.fotser{width: 100%;height: auto;background: #FFFFFF;box-shadow:0 0 20px #EEEEEE;padding:30px;position: relative;text-align: center;border-radius: 56px;box-sizing: border-box;}
.fotser h2{ font-size: 1.4rem; line-height: 32px;}
.fotser p{ font-size: 16px; line-height: 28px; margin-top: 10px;}
.fotser a{ display: block; width: 180px; height: 41px; line-height: 41px; color: #FFFFFF; background: #01C0B9; border-radius: 3px; margin-top: 15px;}

.FooterBg{ width: 100%; height: auto; padding: 25px 0; background:#01C0B9; color: #FFFFFF;}
.Footer{ width: 94%; height: auto; overflow: hidden;}
.FooterL{  display: none;}


.FooterM{ float: none; width: 100%; height: auto; overflow: hidden;}


.FooterR{ float: none; width:100%; height: auto; overflow: hidden;}

.banner2{ width: 100%; height: 180px; position: relative; margin-top:60px;}       
.banner2Txt{ width: 80%; height: auto; overflow: hidden; color: #FFFFFF; height: 130px; padding-top:50px;}       
.banner2Txt h2{ line-height: 60px; height: 60px; font-size: 1.8rem;}        
.banner2Txt h3{ width: 55px; height: 3px; background: #FFFFFF; margin: 0;}     

.AbTit{ width: 100%;  height: 50px; line-height: 50px; text-align: center; font-size: 1.6rem; color: #333333; }

.goodsCateBox{width: 100%;}
    
.conMap{width: 100%; height:250px; overflow: hidden; margin-top: 15px;}
.conFed{ width: 94%; height: auto; overflow: hidden;}
.conFed dl{ width: 100%; height: auto;}
.conFed dl dt{ width: 100%; height: 42px; line-height: 42px; font-size: 16px;}
.conFed dl dd{ width: 100%; height: 42px; }
.conFed dl dd input{ width: 100%; padding: 0 15px; height: 42px; border: 1px solid #dedede; box-sizing: border-box; line-height: 42px; border-radius: 5px;}
.conFed dl dd textarea{ width: 100%; padding: 15px; height: 80px; border: 1px solid #dedede; box-sizing: border-box; line-height: 24px; border-radius: 5px;}
.conFed li{ width: 100%; height: 42px; margin-top: 20px;}
.conFed li input{ width: 100%; height: 42px; line-height: 42px; border: none;  color: #FFFFFF; font-size: 16px; border-radius: 5px;}

.Abinfo{  overflow: hidden; line-height: 26px; width: 94%;}

.AbList{ width: 94%; height: auto; overflow: hidden;}
.AbList dl{ float: left; width: 46%; height: auto; overflow: hidden; text-align: center; margin: 2%;}
.AbList dl dt{ width: 100%; height: auto; overflow: hidden;}
.AbList dl dt img{width: 100%; height: auto; }
.AbList dl dd{ width: 100%;  height: 53px; line-height: 53px; font-size: 1rem; overflow: hidden; background: #f0f0f0;}


.NewsList{ width: 94%; height: auto;}
.NewsList dl{ float: none; background: #f7f7f7; width: 100%; height: auto; margin: 10px 0; transition: all ease .5s; cursor: pointer; overflow: hidden;}
.NewsList dl:hover{box-shadow:0 0 10px #CCCCCC;}
.NewsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.NewsList dl dt img{  width: 100%; height: auto;}
.NewsList dl dd{ width: 100%; height: auto;overflow: hidden; box-sizing: border-box; padding: 20px;}
.NewsList dl dd h4{ line-height: 50px; height: 50px;  overflow: hidden; font-size: 1.1rem; font-weight: normal;}
.NewsList dl dd h4 a{ color: #000000;}
.NewsList dl dd p{ font-size: 0.9rem; color: #333333; line-height: 24px; height: 72px; overflow: hidden;}
.NewsList dl dd h3{ margin-top: 10px;}

.NewsShow{ width: 94%; height: auto; background: #FFFFFF; box-sizing: border-box; padding: 20px 0; margin-bottom: 15px;}
.NewsSTit{ width: 100%; height: auto; border-bottom: 1px solid #eeeeee; text-align: center;}
.NewsSTit h2{  font-size: 1.3rem; font-weight: normal; line-height: 30px; padding:10px 0;}
.NewsSTit p{ line-height: 32px; height: 32px; padding-bottom: 10px; color: #999999; }
.NewsSTit p img{ vertical-align: middle; padding-right: 5px;}
.NewsSinfo{ width: 100%; height: auto; overflow: hidden; padding:15px 0; font-size: 0.9rem; line-height: 24px;}
.NewsSinfo img{ max-width: 100%; height: auto;}

.NewsSprev{ width: 100%; height: auto; padding-top: 25px;  border-top: 1px solid #eeeeee;}
.NewsSprev li{ line-height: 26px; color: #999;}
.NewsSprev li span{ color: #0170c1; font-size: 1rem;}
.NewsSprev li a{ color: #333333;}
.NewsSprev li a:hover{ color: #0c75ad;}

.NewsSprev h4{ float: none; display: inline-block; margin-bottom: 15px; width: 103px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #e5e5e5; background: #eeeeee; font-weight: normal; font-size: 16px; color: #0c75ad; border-radius: 5px;}
.NewsSprev h4 i{ padding-right: 5px;}
.NewsSprev h4 a{ display: block;}
.NewsSprev h4 a:hover{ background: #01c0b9; color: #FFFFFF;}

.SouList{overflow:hidden;padding:10px 0;width:94%;height:auto;}
.SouList dl{float:left;overflow:hidden;margin-bottom:10px;margin-left:2%;padding:0;width:47%;height:auto;}
.SouList dl:nth-child(3n+1){margin-left:2%;}
.SouList dl dt{overflow:hidden;width:100%;height:138px;}
.SouList dl dt h2{width:100%;height:50px;font-size:1rem;line-height:50px;}
.SouList dl dt h2 span{padding-left:10px;color:#999;font-weight:400;font-size:1rem;}
.SouList dl dt img{width:100%;height:138px;}
.SouList dl dd{width:100%;height:auto;}
.SouList dl dd h3{overflow:hidden;height:34px;font-size:1rem;line-height:34px;}
.SouList dl dd p{overflow:hidden;height:48px;color:#666;font-size:.9rem;line-height:24px;}
.SouList dl dd h4{display:none;}

.PhotoList{ width: 94%;  height: auto; overflow: hidden; padding-bottom:30px;}
.PhotoList dl{ width:100%; height: auto; padding: 20px; border: 1px solid #dedede; margin-bottom: 15px; overflow: hidden;}
.PhotoList dl a{ display: block; width:100%; height: auto;}
.PhotoList dl a dt{ float: none; width:100%; height: auto;overflow: hidden;}
.PhotoList dl a dt img{ width:100%; height: auto;}
.PhotoList dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.PhotoList dl dd{ float: none; width:100%; height: auto; overflow: hidden; margin-left:0; }
.PhotoList dl dd h3{ font-size: 18px; font-weight: normal; height: 30px; line-height: 30px; overflow: hidden;}
.PhotoList dl dd p{ line-height: 20px; height: 40px; overflow: hidden; color: #666666;}
.PhotoList dl dd h4{ margin-top: 8px; float: right; width: 90px; height: 30px; line-height: 30px;     background: #b6b6b6; color: #FFFFFF; font-weight: normal; text-align: center;}
.PhotoList dl a:hover dd h4{ background:#01c0b9;}

.wz{ width:94%; height: auto; padding: 10px 0; line-height: 22px; overflow: hidden; }

/*product list*/
.parts-list{width:94%; height: auto;  overflow-x:auto;}
.parts-list table{border: 1px solid #CCCCCC;border-collapse: collapse;border-spacing: 0; width: 96%;}
.parts-list th{border: 1px solid #CCCCCC;background-color: #E0E4E9;color: #000000;font-size: 0.9rem;padding: 3px 0;text-align: center;}
.parts-list td{background-color: #FFFFFF;border: 1px solid #CCCCCC;color: #042437;font-size: 0.8rem;padding: 3px 0;text-align: center;vertical-align: middle;}
.parts-list td img{max-width: 60px;}
.parts-list td.i{border-left: medium none;}
.parts-list td.p{padding-left: 15px;text-align: left;}
.parts-list td.p a{font-weight:bold;color:#004480;font-size: 12px;}
.parts-list td a.mfg{color:#004480;font-size: 12px;}
.parts-list td a.view{background-color: #01c0b9;border-radius: 5px;box-shadow: 0 1px 2px #FFFFFF inset;color: #FFFFFF;font-size: 14px;padding: 5px 8px;text-decoration: none;}
.parts-list td a.view:hover{background-color: #FF9003;color:#FFFFFF;}    
    .mdis{ display:none}
   .parts-list td a.view i { display:none}
    
    
 .cart-step{ width: 96%; height: auto; overflow: hidden;}
.cart-step img{ width: 100%; height: auto;}

.cart-tips{ width: 96%; height: auto; line-height: 28px; margin-top: 20px; box-sizing: border-box; padding: 15px;  border: 1px solid #DEDEDE; border-radius: 3px;}


.cart-from{width: 96%; height: auto; margin-top: 20px; box-sizing: border-box; border: 1px solid #DEDEDE; border-radius: 3px;}
#inputHtml tr > th { background: #01c0b9; color: #fff; height: 38px; line-height: 38px;}
.cart-from table{ width: 100%; border-collapse:collapse;border-spacing:0;}



.cart-from table input{ width: 70%; padding:0 5%; margin:10px 0 ; border: 1px solid #DEDEDE; height: 28px; line-height: 28px;}
.cart-from table tr{border: 1px solid #DEDEDE; }
.cart-from table input.checkall{ width:10px; float:left}
.cart-from table button{ width: 34px; height: 30px; border: none; background: url(../images/cartDe.jpg) no-repeat;}

.cart-button { padding: 10px; }
.cart-button button{ width: 106px; height: 30px; line-height: 30px; border: none; background: #01c0b9; color: #FFFFFF; border-radius: 3px;}

.cart-fed{ width: 96%; box-sizing: border-box; padding: 15px;  border: 1px solid #DEDEDE; border-radius: 3px; margin-top: 20px;}
.cart-fed h2{ font-weight: normal; color: #333333; font-size: 1rem;}
.cart-fedBox{ width: 100%; height: auto; overflow: hidden; padding: 20px 0;}

.cart-fedBoxL{ float: none; width:100%; height: auto; overflow: hidden;}
.cart-fedBoxL dl{ width: 100%;  line-height: 34px; margin-top:0;}
.cart-fedBoxL dl dt{ float: none; width: 100%; padding-left: 0; height: 34px; overflow: hidden; font-weight: bold; color: #333333;}
.cart-fedBoxL dl dd{ float: none; width: 100%; min-height: 36px; overflow: hidden;}
.cart-fedBoxL dl dd input{ width: 100%; height: 34px; box-sizing: border-box; padding:0 15px ;  border: 1px solid #DEDEDE; border-radius: 3px;}
.cart-fedBoxL dl dd textarea{ border: 1px solid #DEDEDE; border-radius: 3px; width:100%; height: 80px; padding: 15px; box-sizing: border-box;}
.cart-fedBoxL dl dd select{ width: 100%; height: 34px; box-sizing: border-box; padding:0 15px ;  border: 1px solid #DEDEDE; border-radius: 3px;}

.cart-fedBtn{ width: 100%; height: auto; padding-top: 20px; border-top: 1px solid #EEEEEE; text-align: center;}
.cart-fedBtn button{ width: 60%; height: 34px; background: #01c0b9; border: none; color: #FFFFFF; border-radius: 3px;}



.message {    margin: 0 auto;  width: 96%;    }   
    
    
.goodsWartinfo{ width: 96%; height: auto; padding: 15px; line-height: 26px; box-sizing: border-box; border: 1px solid #DEDEDE; background: #f7f7f7; margin-bottom: 20px; border-radius: 5px;}
.goodsWartinfo a{ font-weight: bold; color: #01c0b9;}


.goodsShow1{ width: 96%; height: auto; margin-bottom: 20px; overflow: hidden;}
.goodsShow1L{ float: none; width: 100%; height: auto; overflow: hidden;}
.goodsShow1L1{ float: none; width: 100%; height: auto;}
.goodsShow1L1 img{ width: 99%; height: auto; border: 1px solid #DEDEDE;}
.goodsShow1L1 .pic{ position: absolute; left: 108px;  top: 127px;}
.goodsShow1L1 .pic img{     width: 151px;
    height: auto;
    border: 0px; }
.goodsShow1L2{ float: none; width: 100%; height: auto;}
.goodsShow1L2 h2{ font-weight: normal; color: #333333; font-size: 36px;}
.goodsShow1L2 dl{ width: 100%; height: 30px; line-height: 30px; border-top: 1px solid #DEDEDE;}
.goodsShow1L2 dl dt{ float:left; width: 35%;  height: 30px; overflow: hidden;}
.goodsShow1L2 dl dd{ float:left; width:65%;  height: 30px; overflow: hidden;}
.goodsShow1L2 dl dd a{font-weight: bold;color: #212121;}
.goodsShow1L2 dl dd a img{ vertical-align: middle; width: 20px; height: 20px; padding-right: 10px;}

.goodsShow1Lbot{ display:none;}
.goodsShow1R{float: none;width: 99%;height: auto;overflow: hidden;border: 1px solid #01c0b9;border-radius: 3px;}
.goodsShow1R h2{ width: 100%; height: 41px; line-height: 41px; background: #01c0b9; color: #FFFFFF; text-align: center; font-weight: normal; font-size: 16px;}
.goodsShow1Rbox{ width: 100%; height: auto; padding: 15px; overflow: hidden; box-sizing: border-box;}
.goodsShow1Rbox dl{ width: 338px; height: 34px; overflow: hidden; margin-bottom: 8px;}
.goodsShow1Rbox dl dt{ float: left; width: 122px; height: 34px; line-height: 34px; overflow: hidden; font-weight: bold; color: #333333;}
.goodsShow1Rbox dl dd{ float: left; width:216px; height: 34px; overflow: hidden;}
.goodsShow1Rbox dl dd input{ border: 1px solid #DEDEDE; border-radius: 3px; width:194px; height: 32px; padding: 0 10px;}
.goodsShow1Rbox dl dd textarea{ border: 1px solid #DEDEDE; border-radius: 3px; width:194px; height: 58px; padding: 10px;}
.goodsShow1Rbox li{ width: 338px; height: 34px; overflow: hidden; text-align: center;}
.goodsShow1Rbox li input{ width: 145px; height: 34px; line-height: 34px; background: #01c0b9; color: #FFFFFF; border: none }   
    
  
.goodsSpeTit{ width: 96%; box-sizing: border-box; height: 36px; line-height: 36px; padding: 0 15px; background: #eeeeee; border-radius: 5px; font-size: 18px;}
.goodsSpeBox{ width: 96%; height: auto; box-sizing: border-box; padding: 25px 0;}
.goodsSpeBox dl{ width: 100%; height: 36px; line-height: 36px; border-bottom: 1px solid #ccc;}
.goodsSpeBox dl dt{ float:left; width: 25%;  height: 36px; overflow: hidden; font-weight:bold;}
.goodsSpeBox dl dd{ float:left; width:75%;  height: 36px; overflow: hidden;}
.goodsSpeBox dl dd a{ font-weight: bold; color: #01c0b9;}

.goodsSpeBox table{ border:none; border-left:0px; border-top:0px; font-size: 14px; table-layout: fixed;  width: 100%; box-sizing:border-box; border-spacing:0;}
.goodsSpeBox table th{   border-right:0px; border-bottom:1px solid #ccc; padding:8px 2px;  word-wrap: break-word; text-align: left; }
.goodsSpeBox table td{  border-right:0px; border-bottom:1px solid #ccc; padding:8px 2px; word-wrap: break-word; }
.goodsSpeBox table tr{background:#fff; }  

.nodata{ width:94%; height:auto; line-height:30px; padding:10px 0; color:#f00;}     

.words{border: 1px solid #DCDCDC;height: auto;line-height: 38px;margin-bottom: 20px;padding: 1px 0;text-align: center; width: 96%; box-sizing:border-box; position: relative; z-index: 999;}
.words a{color: #000000;display: inline;font-size: 15px;font-weight: bold;margin: 0 1px;padding: 9px 13px;text-align: center;text-decoration: none;}
.words a:hover{color:#FFFFFF;background-color: #c30f23;}
  

  /*mfg*/
.mfg{border: 1px solid #DCDCDC;margin-bottom: 30px;  width: 96%;  box-sizing:border-box;}
.mfg h3{background-color: #E0E4E9;font-size: 1rem;font-weight: bold;height: 32px;line-height: 32px;padding-left: 10px;}
.mfg ul{padding:5px;}
.mfg li{float: left;font-size: 0.9rem;line-height: 26px; min-height:26px; overflow:hidden; width: 50%;}
.mfg li a{color: #004B85;}
.mfg li s{color: #AAAAAA;text-decoration: none;}
  
/*details*/
.mfg-details{border: 1px solid #CCCCCC;padding: 10px;margin-bottom: 15px; width: 94%; margin-top: 0;}
.mfg-details .cover{float: none;width: 100%;}
.mfg-details .cover img{border: 1px solid #CCCCCC;display: block;max-width: 250px;}
.mfg-details h2{border-bottom: 1px solid #CCCCCC;font-size: 18px;font-weight: bold;line-height: 40px;margin-bottom: 5px;padding-left: 2px; color: #333333;}
.mfg-details .text{float: none;width: 100%;font-size: 14px;line-height: 22px;}        



.abinfoPC{ display:none;}
.abinfoM{ display:block;}
}