*{ 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:0.9rem; 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: #0061bc;}
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;}
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;}
.nodata{ color:Red; text-align:center; font-size:1.1rem}

#home .home a,
#products .products a,
#about .about a,
#sou .sou a,
#news .news a,
#zp .zp a,
#contact .contact a{border-bottom: 3px solid #FFFFFF;}


#home .Header.current .home a,
#products .Header.current .products a,
#about .Header.current .about a,
#sou .Header.current .sou a,
#news .Header.current .news a,
#zp .Header.current .zp a,
#contact .Header.current .contact a{ border-bottom: 3px solid #0061BC; color: #0061BC;}

#products .Header.current .products ul a{ border-bottom: 1px solid #eee; color: #666;}
#products .Header.current .products ul a:hover{border-bottom: 1px solid #FFFFFF; color:#fff;}
#products .products  ul a{ color: #666; border-bottom:1px solid #eee;}
#products .products  ul a:hover{border-bottom: 1px solid #FFFFFF; color:#fff;}

#sou .Header.current .sou ul a{ border-bottom: 1px solid #eee; color: #666;}
#sou .Header.current .sou ul a:hover{border-bottom: 1px solid #FFFFFF; color:#fff;}
#sou .sou  ul a{ color: #666; border-bottom:1px solid #eee;}
#sou .sou  ul a:hover{border-bottom: 1px solid #FFFFFF; color:#fff;}

.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../images/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	display:none;
	bottom: 0px;
}

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;}


submit{  font-family: "microsoft yahei";    }
#warp{ width:100%; height:auto; overflow: hidden;}

.Header1{ width: 100%; height: 80px; position: relative;}
.Header{ width: 100%; height: 80px; border-bottom: 1px solid rgba(255,255,255,.2); position: fixed; left: 0; top: 0; z-index: 9999;}
.Header .logo{ float: left; width: 13%; height: 80px; box-sizing: border-box; border-right: 1px solid rgba(255,255,255,.2);}
.Header .logo a{ display: block; width: 100%; height: 80px; background: url(../images/logo.png) no-repeat center;}

.Header .HeaR{ float: right; width: 13%; height: 80px; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,.2); text-align: center; }
.Header .HeaR a{ color: #FFFFFF; display: inline-block; line-height: 80px; font-size: 20px; margin: 0 10px;}
.Header .HeaR a b{ font-weight: normal; font-size: 1rem; padding-left: 5px;}

.Header .nav{ float: left; width: 70%; height: 80px;  text-align: center; margin-left: 2%;}
.Header .nav li{ float: left;  line-height: 80px; font-size: 1.1rem; width: 14%; text-align: center; position: relative;}
.Header .nav li a{ color: #FFFFFF; display: inline-block; height: 77px;}
.Header .nav li a:hover{ border-bottom: 3px solid #FFFFFF;}
.Header .nav li:hover ul{ display:block;}
.Header .nav li ul{ position:absolute; top:80px; left:0; width:220px; background:#fff; z-index:999; display:none}
.Header .nav li ul a{ display:block; width:100%; height:42px; line-height:42px; border-bottom:1px solid #eee; color:#666; font-size:14px;}
.Header .nav li ul a:hover{ color:#fff; background:#0061bc;  border-bottom: 1px solid #FFFFFF;}


.searchshow{ width: 248px; height: 34px; z-index: 10;  background: #FFFFFF; float:left; position:absolute; right:0; top:80px;  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:#0061bc; color: #FFFFFF; font-size: 18px; }

.Header.current{ background: #FFFFFF; border-bottom: 1px solid #dedede; }
.Header.current .logo{  border-right: 1px solid #dedede;}
.Header.current .logo a{ background: url(../images/logo1.png) no-repeat center;}

.Header.current .HeaR{ border-left: 1px solid #DEDEDE; text-align: center; }
.Header.current .HeaR a{ color: #333; }

.Header.current .nav li a{ color: #333; }
.Header.current .nav li a:hover{ border-bottom: 3px solid #0061BC; color: #0061BC;}

.Header.current .nav li ul a:hover{ color:#fff; background:#0061bc;  border-bottom: 1px solid #FFFFFF;}


.HeaderM{ display: none;}



.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-carousel .item img.Bpic{ display: block;}
.main_visual .owl-carousel .item img.Bmpic{ display: none;}
.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: 1%; opacity: 0;}
.main_visual .owl-next{background-image: url(../images/BR.png);right: 1%;  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: 30px;  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: 24px; height: 10px; background: rgba(255,255,255,.5); border-radius: 10px;}
.main_visual .owl-dot.active span{width: 40px; height: 10px; background:#FFFFFF; border-radius: 10px;}


.inPro{ width: 88%; height: auto; overflow: hidden; padding-bottom: 80px;}

.inProNav{ width: 100%; height: auto; overflow: hidden;}
.inProNav a{ display: block; float: left; border-right: 1px solid #DEDEDE; width: 16.66%; box-sizing: border-box; padding: 3% 2% 14% 2%;}
.inProNav a:first-child{border-left: 1px solid #DEDEDE;}
.inProNav a p{ color: #999999; font-size: 1.1rem; line-height: 22px;}
.inProNav a h2{ font-size: 1.4rem; line-height: 30px; height: 60px; overflow: hidden; margin-top: 10px;}
.inProNav a h3{ width: 100%; height: 56px; margin-top: 30px;}
.inProNav a h3 img{
	-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}	

.inProNav a:hover h3 img{
	-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: none;
}	
	
.inProNav a h4{ display: none; margin-top: 50px; width: 100%; height: 54px; line-height: 54px; color: #FFFFFF; background: #0061BC; text-align: center; font-size: 1.1rem; font-weight: normal;}
.inProNav a h4 i{ padding-left: 40px;}
.inProNav a h4:hover{ background: #FFFFFF; color: #0061BC;}
.inProNav a:hover{ background: #f3f3f3; padding-bottom: 2%; border-bottom: 4px solid #0061BC;}
.inProNav a:hover h4{ display: block;}

.inProNav .tabs .thistab,.tabs .thistab a:hover {  background: #f3f3f3; padding-bottom: 2%; border-bottom: 4px solid #0061BC; color: #0061BC;}
.inProNav a.thistab h4{ display: block;}
.inProNav a.thistab h3 img{
	-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: none;
}	


.inProList{ width: 100%; height: 334px;}

.inProListL{ float: left; width: 50%; height: 100%; box-sizing: border-box; padding: 40px 55px;}
.inProListL h4{ color: #FFFFFF; font-size: 1.1rem; font-weight: normal; line-height: 34px; opacity: 0.7;}
.inProListL h3{ color: #FFFFFF; font-size: 2.2rem;  line-height: 48px; }
.inProListL h2{ color: #FFFFFF; transition: all ease .5s; display: inline-block; font-size: 1rem; font-weight: normal; height: 41px; line-height: 41px; text-align: center; padding: 0 15px; border: 1px solid #DEDEDE; margin-top: 60px;}
.inProListL h2 b{ display:none; }
.inProListL h2 i{ line-height: 41px; color: #FFFFFF; }
.inProListL a:hover h2 b{ display: inline-block; font-weight: normal;}
.inProListL a:hover h2{ background: #0061BC; color: #FFFFFF;}
.inProListL a:hover h2 i{ color: #FFFFFF; padding-left: 20px;}


.inProListR{ float: left; width: 50%; height: 100%; box-sizing: border-box; padding: 40px 55px;}
.inProListR h3{font-size: 1.8rem;  line-height: 105px; }
.inProListR h2{ color: #FFFFFF; transition: all ease .5s; display: inline-block; font-size: 1rem; background: #0061bc; font-weight: normal; height: 55px; line-height: 55px; text-align: center; padding: 0 25px;margin-top: 25px;}
.inProListR h2 b{ font-weight: normal;}
.inProListR h2 i{ padding-left: 60px;}
.inProListR h2 i{ line-height: 41px; color: #FFFFFF; }
.inProListR a:hover h2{ background: #FFFFFF; color: #0061BC;}
.inProListR a:hover h2 i{color: #0061BC;}



.inAbbg{ width: 100%; height: 810px; background: url(../images/inAbimg.jpg) no-repeat top center; background-attachment: fixed;  background-size: cover;}
.inAb{ width: 88%; height: auto; padding-top: 120px; overflow: hidden;}
.inAbL{ float: left; width: 45%; height: auto; overflow: hidden;}
.inAbL h2{ line-height: 42px;  font-size: 2.4rem; background: url(../images/inNewsTbg.png) no-repeat left center; padding-left: 55px; color: #FFFFFF;}
.inAbLNum{ width: 100%; height: 64px; margin-top: 62px;}
.inAbLNum dl{ float: left; width: 25%; height: 64px;}
.inAbLNum dl dt{ width: 100%; height: 40px; line-height: 40px; color: #0061BC;}
.inAbLNum dl dt h4{ display: inline-block; font-size: 2rem;}
.inAbLNum dl dt span{ padding-left: 10px; font-size: 1rem;}
.inAbLNum dl dd{ width: 100%; height: 24px; line-height: 24px; color: #FFFFFF; font-size: 1rem;}
.inAbLinfo{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.inAbLinfo p{ color: #FFFFFF; margin-top: 25px; font-size: 1rem; line-height: 26px;}
.inAbLinfoBtn{ width: 158px; height: 40px; line-height: 40px; overflow: hidden; margin-top: 40px; float: left;}
.inAbLinfoBtn a{ display: block; width: 158px; height: 40px;  background: #0061BC; color: #FFFFFF; text-align: center;}
.inAbLinfoBtn a i{ padding-left: 25px;}
.inAbLinfoBtn a:hover{ background: #FFFFFF; color: #0061BC;}


.inAbR{ float: right; width: 35%; height: auto; overflow: hidden; margin-right: 3%; margin-top: 150px; border-radius: 5px;}
.inAbR video{ width: 100%; height: 320px;}

.inSou{ width: 88%; height: auto; padding: 80px 0;}
.inSouList{ width: 100%; height: auto; position: relative;}
.inSouListM{ display: none;}

.inSouList .inSouBtnL{ position: absolute; left: -25px; top: 50%; width: 50px; height: 50px; margin-top: -25px; text-align: center; z-index: 888;}
.inSouList .inSouBtnL a{ line-height: 50px; font-size: 1.1rem; color: #FFFFFF; background: #0061BC; display: block; width: 50px; height: 50px; }
.inSouList .inSouBtnL a:hover{ background: #CCCCCC; color: #0061BC;}

.inSouList .inSouBtnR{ position: absolute; right: -25px; top: 50%; width: 50px; height: 50px; margin-top: -25px; text-align: center; z-index: 888;}
.inSouList .inSouBtnR a{ line-height: 50px; font-size: 1.1rem; color: #FFFFFF; background: #0061BC; display: block; width: 50px; height: 50px; }
.inSouList .inSouBtnR a:hover{ background: #CCCCCC; color: #0061BC;}

.inSouList .bd{width: 100%; height: auto; overflow: hidden;}
.inSouList .bd li{ float: left; width: 33.3%; height: 100%; overflow: hidden; position: relative;}
.inSouList .bd li img{ width: 100%; height: 100%;}
.inSouList .bd li .inSouTmdiv{ width: 100%; height:  99.5%;  background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0;}
.inSouList .bd li .inSouTxtdiv{ width: 100%; height: 100%; color: #FFFFFF; z-index: 555;  position: absolute; left: 0; top: 0;}
.inSouList .bd li .inSouTxtdiv h2{ background: url(../images/inSouLine.png) no-repeat center; width: 100%; height: 222px; position: absolute; left: 0; top: 162px;}
.inSouList .bd li .inSouTxtdiv h3{transition: all ease .5s; width: 100%; height: 59px; text-align: center; padding-top: 247px;}
.inSouList .bd li .inSouTxtdiv h3 img{ width: 59px; height: 59px;}
.inSouList .bd li .inSouTxtdiv h4{transition: all ease .5s; display: none;}
.inSouList .bd li .inSouTxtdiv1{ text-align: center; height: 72px; line-height: 72px; font-size: 1.4rem; font-weight: bold; margin-top: 86px; width: 80%;}
.inSouList .bd li .inSouTxtdiv2{ display: none;}
.inSouList .bd li .inSouTxtdiv3{ display: none;}
.inSouList .bd li:hover h2{ display: none;}
.inSouList .bd li:hover h3{ padding-top: 185px;}
.inSouList .bd li:hover h4{ width: 26px; height: 2px; background: #FFFFFF; display: block; margin-top: 14px;}
.inSouList .bd li:hover .inSouTxtdiv1{ margin-top: 0;}
.inSouList .bd li:hover .inSouTxtdiv2{ display: block; width: 60%; text-align: center; font-size: 1rem; line-height: 26px; height: 130px; overflow: hidden;}
.inSouList .bd li:hover .inSouTxtdiv3{transition: all ease .5s; display: block; text-align: center; width: 37px; height: 41px;border: 1px solid rgba(255,255,255,.2); margin-top: 30px;}
.inSouList .bd li:hover .inSouTxtdiv3 i{ line-height: 41px;  font-size: 1.1rem;}
.inSouList .bd li .inSouTxtdiv3:hover{ background: #0061BC; width:87px; }




.animation {
	;-webkit-animation:twinkling 2.1s infinite ease-in-out;
	animation:twinkling 2.1s infinite ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.animation2 {
	;-webkit-animation:twinkling 2.1s infinite ease-in-out;
	animation:twinkling 2.1s infinite ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@-webkit-keyframes twinkling {
	0% {
	opacity:0.8;
	filter:alpha(opacity=80);
	-webkit-transform:scale(1);
}
50% {
	opacity:1.0;
	filter:alpha(opacity=100);
	-webkit-transform:scale(1.12);
}
100% {
	opacity:0.8;
	filter:alpha(opacity=100);
	-webkit-transform:scale(1);
}
}@keyframes twinkling {
	0% {
	opacity:0.8;
	filter:alpha(opacity=100);
	-webkit-transform:scale(1);
}
50% {
	opacity:1.0;
	filter:alpha(opacity=50);
	-webkit-transform:scale(1.12);
}
100% {
	opacity:0.8;
	filter:alpha(opacity=100);
	-webkit-transform:scale(1);
}
}


.inNewsTop{ width: 88%; height: 90px; border-bottom: 1px solid #DEDEDE;}
.inNewsTop h4{ line-height: 90px; float: left; display: inline-block; font-size: 2.4rem; background: url(../images/inNewsTbg.png) no-repeat left center; padding-left: 55px;}
.inNewsTop ul{ float: right;}
.inNewsTop ul a{ display: inline-block; height: 88px; line-height: 88px; margin-left: 50px; font-weight: bold; font-size: 1.2rem;}
.inNewsTop ul a:hover{ border-bottom: 2px solid #0061BC; color: #0061BC;}
.inNewsTop .tabs .thistab,.tabs .thistab a:hover {  border-bottom: 2px solid #0061BC; color: #0061BC; }

.inNewsList{ width: 88%; height: auto; overflow: hidden; padding-top: 20px;}
.inNewsList dl{ float: left; width: 22%; height: auto; overflow: hidden; margin-left: 4%; }
.inNewsList dl:first-child{ margin-left: 0;}
.inNewsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.inNewsList dl dt h2{ width: 100%; height: 80px; line-height: 80px; font-size: 1.4rem;}
.inNewsList dl dt h2 span{ font-weight: normal; padding-left: 10px; font-size: 1rem; color: #999999;}
.inNewsList dl dt img{ width: 100%; height: auto;}
.inNewsList dl dd{ width: 100%; height: auto;}
.inNewsList dl dd h3{ font-size: 1.1rem; line-height: 54px; height: 54px; overflow: hidden;}
.inNewsList dl dd p{ font-size: 0.9rem; line-height: 24px; height: 48px; overflow: hidden; color: #666666;}
.inNewsList dl dd h4{transition: all ease .5s; display: inline-block; font-size: 1rem; font-weight: normal; height: 41px; line-height: 41px; text-align: center; padding: 0 15px; border: 1px solid #DEDEDE; margin-top: 60px;}
.inNewsList dl dd h4 b{ display:none;}
.inNewsList dl dd h4 b span{ padding-left: 20px;}
.inNewsList dl dd h4 i{ line-height: 41px; color: #0061BC; }
.inNewsList dl a:hover h4 b{ display: block; font-weight: normal;}
.inNewsList dl a:hover h4{ background: #0061BC; color: #FFFFFF;}
.inNewsList dl a:hover h4 i{ color: #FFFFFF; }
.inNewsList dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}


.foot_bg1{ display: none;}
.footer{ width:88%; height: auto; color: #666666; padding: 0 6%; background: #000000;}
.footerL{ float: left; width: 70%; padding: 60px 0; height: auto; border-right: 1px solid #1a1a1a; box-sizing: border-box; overflow: hidden;}
.footerL dl{ float: left;  width: auto; padding-right:8%; height: auto; overflow: hidden;}
.footerL dl dt{ color: #FFFFFF; line-height: 40px; font-weight: bold; font-size: 1.4rem;}
.footerL dl dd{ width: 100%; height: auto; padding-top: 10px;}
.footerL dl dd a{ display: block; color: #666666; line-height: 38px; font-size: 1rem;}
.footerL dl dd a:hover{ color: #FFFFFF;}

.footerR{ float: right; width: 25%; padding: 60px 0; height: auto;  box-sizing: border-box; overflow: hidden;}
.footerR h2{ color: #FFFFFF; line-height: 40px;  font-size: 1.4rem;}
.footerRinfo{width: 100%; height: auto; padding-top: 10px;}
.footerRinfo p{color: #666666; line-height: 38px; font-size: 1rem;}
.footerRinfo p a{color: #666666; }
.footerRinfo h4{ width: 100%; height: 44px; margin-top: 15px; }
.footerRinfo h4 a{ position: relative; display: block; float: left; margin-right: 10px; box-sizing: border-box; width: 44px; height: 44px; line-height: 44px; font-size: 1.2rem; border-radius: 50%; border: 1px solid #1a1a1a;  color: #FFFFFF; text-align: center;}
.footerRinfo h4 a:hover{ background: #1a1a1a;}
.footerRinfo h4 a:hover .wx{ display: block;}
.footerRinfo h4 a .wx{ display: none; width: 120px; height: 120px; position: absolute; left: 0; top: -140px;}
.footerRinfo h4 a .wx:after{ content: ""; width:0;
	height:0;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	border-top:10px solid #FFFFFF;
	position: absolute; left: 10px; bottom: -10px;
}
.footerRinfo h4 a .wx img{ width: 120px; height: 120px;}



.footerCopy{ width:88%; height: 110px; line-height: 110px; color: #666666; padding: 0 6%; background: #000000;  border-top: 1px solid #1a1a1a; font-size: 1rem;}
.footerCopy a{color: #666666;}
.footerCopy a:hover{color: #FFFFFF;}

.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: 15px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0;
            border-left: 1px solid #fff;
            margin-top: 10px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0061bc;
            color: #fff;
            height: 53px;
            width: 232px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0061bc;
            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: 550px; position: relative;}       
.banner2Txt{ width: 80%; height: auto; overflow: hidden; color: #FFFFFF; height: 120px; position: absolute; left: 10%; top: 50%; margin-top: -60px;}       
.banner2Txt h2{ line-height: 116px; height: 116px; font-size: 3.2rem;}        
.banner2Txt h3{ width: 55px; height: 4px; background: #FFFFFF; margin: 0;}     

.AbMenu{ width: 80%; height: 96px; line-height: 96px; border-bottom: 1px solid #e5e5e5;}
.AbMenuList{ float: left; width: auto; height: 96px;}
.AbMenuList a{ display: inline-block; font-size: 1.1rem; font-weight: bold; margin-right:80px;}
#lm_hover{color: #0061bc; border-bottom:3px solid #0061bc;}
#products .AbMenuList a{ margin-right:80px;}
#sou .AbMenuList a{ margin-right:80px;}

.NewsList{ width: 80%; height: auto; padding: 30px 0; overflow: hidden;}
.NewsList dl{ float: left; width: 31%; height: auto; overflow: hidden; margin-left: 3.5%; }
.NewsList dl:nth-child(3n+1){ margin-left: 0;}
.NewsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.NewsList dl dt h2{ width: 100%; height: 80px; line-height: 80px; font-size: 1.4rem;}
.NewsList dl dt h2 span{ font-weight: normal; padding-left: 10px; font-size: 1rem; color: #999999;}
.NewsList dl dt img{ width: 100%; height: auto;}
.NewsList dl dd{ width: 100%; height: auto;}
.NewsList dl dd h3{ font-size: 1.1rem; line-height: 54px; height: 54px; overflow: hidden;}
.NewsList dl dd p{ font-size: 0.9rem; line-height: 24px; height: 48px; overflow: hidden; color: #666666;}
.NewsList dl dd h4{transition: all ease .5s; display: inline-block; font-size: 1rem; font-weight: normal; height: 41px; line-height: 41px; text-align: center; padding: 0 15px; border: 1px solid #DEDEDE; margin-top: 60px;}
.NewsList dl dd h4 b{ display:none;}
.NewsList dl dd h4 b span{ padding-left: 20px;}
.NewsList dl dd h4 i{ line-height: 41px; color: #0061BC; }
.NewsList dl a:hover h4 b{ display: block; font-weight: normal;}
.NewsList dl a:hover h4{ background: #0061BC; color: #FFFFFF;}
.NewsList dl a:hover h4 i{ color: #FFFFFF; }
.NewsList dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}


.NewsWz{ width: 80%; height: 34px; line-height: 34px; padding: 25px 0; border-bottom:1px solid #eeeeee; margin-top: 81px;}
.NewsWz span a{ display: block; width: 110px; height: 34px; line-height: 34px; color: #FFFFFF; background: #0061BC; text-align: center; border-radius:20px; font-size: 1rem;}
.NewsWz span a i{ padding-left: 10px;}
.NewsWz span a:hover{ background: #CCCCCC; color: #0061BC;}

.newsShow{ width: 80%; height: auto; padding: 40px 0; overflow: hidden;}
.newsShowTit{ width: 100%; height: auto; line-height: 32px; padding: 15px 0; text-align: center; font-weight: bold; font-size: 1.6rem;}
.newsShowTime{width: 100%; height: 32px; line-height: 32px; text-align: center; font-size: 1rem; color: #999999;}
.newsShowinfo{ width: 100%; padding: 25px 0; overflow: hidden; line-height: 28px; font-size: 1rem;}
.newsShowinfo img{ max-width:100%; height:auto;}

.newsShowPN{ width:100%; height:50px; line-height:50px; margin-top:15px;}
.newsShowPN li{ font-weight:bold; font-size:1.2rem; cursor:pointer;  line-height:50px; height:50px; overflow:hidden;}
.newsShowPN li:nth-child(1) span{ margin-right:15px;}
.newsShowPN li:nth-child(2) span{ margin-left:15px;}
.newsShowPN li span{ display:inline-block; width:46px; height:46px; line-height:46px; text-align:center; border:1px solid #dedede;}
.newsShowPN li:hover span{ background:#0061BC; color:#fff;}



.ContactBox{ width: 90%; height: auto; margin-left: 10%; margin-top: 81px;}
.ContactBoxL{ float: left; width: 55%; height: auto; padding: 80px 0;}
.ContactBoxLTop{ width: 100%; height: 103px;}
.ContactBoxLTop h2{ line-height: 99px; color: #0061BC; font-size: 3rem;}
.ContactBoxLTop h4{ width: 55px; height: 4px; background: #0061BC; margin: 0;}
.ContactBoxLinfo{ width: 100%; height: auto; padding: 60px 0; border-bottom: 1px solid #bfbfbf;}
.ContactBoxLinfo dl{ float: left; width: 33.3%; height: auto; overflow: hidden;}
.ContactBoxLinfo dl dt{ width: 100%; height: 58px;}
.ContactBoxLinfo dl dd{ width: 100%; padding-top: 12px;}
.ContactBoxLinfo dl dd h4{ line-height: 42px; font-size: 1.4rem; color: #000000;}
.ContactBoxLinfo dl dd p{ font-size: 1rem; line-height: 30px;}

.ContactBoxLFed{ width: 100%; height: auto; padding-top: 85px;}
.ContactBoxLFed h2{ line-height: 92px; color: #000000; font-size: 2.4rem;}

.ContactBoxLFedDiv1{ width: 100%; height: 66px; margin-top: 25px;}
.ContactBoxLFedDiv1 li{ width: 46%; height: 66px;}
.ContactBoxLFedDiv1 li input{ width: 100%; line-height: 66px; height: 66px; border: none; box-sizing: border-box; border-bottom: 1px solid #dcdcdc; font-weight: bold; font-size: 1.1rem; overflow: hidden;}
.ContactBoxLFedDiv1 textarea{ width: 100%; line-height: 66px; height: 66px; border: none; box-sizing: border-box; border-bottom: 1px solid #dcdcdc; font-weight: bold; font-size: 1.1rem; overflow: hidden;}

.ContactBoxLFedDiv2{ width: 100%; height: 66px; margin-top: 45px;}
.ContactBoxLFedDiv2 input{ font-weight: bold; width: 203px; height: 54px; color: #FFFFFF; border: none; background: #0061BC; font-size: 1.1rem;}
.ContactBoxLFedDiv2 input:hover{ background: #CCCCCC; color: #0061BC;}


.ContactBoxR{ float: right; width: 40%; height: calc(100vh + 180px); background: #CCCCCC; }

.joinBox1{ width: 80%; height: auto; padding: 100px 0; overflow: hidden;}
.joinBox1L{ float: left; width: 60%; height: auto; overflow: hidden;}
.joinBox1L h2{ font-size: 1.8rem; color: #000000; line-height: 50px;}
.joinBox1L p{ font-size: 1rem; line-height: 32px; margin-top: 40px; text-indent: 2em;}

.joinBox1R{ float: right; width: 35%; height: auto; overflow: hidden;}
.joinBox1R img{ width: 100%; height: auto;}

.joinBg2{ width: 100%; height: auto; background: #f5f5f5; padding: 55px 0;}
.joinBg2Top{ width: 100%; height: 88px; line-height: 88px; text-align: center; font-weight: bold; font-size: 2.4rem; color: #000000;}

.job-warp{width: 80%; text-align: left; padding-top: 15px;}
    
    .job-warp ul li{  height: auto;width: 100%;border-bottom: 1px solid #e9ebed}
    .job-warp li .title{border-radius: 5px 5px 0 0; height: 52px; text-align: left; margin-top: 0; color: #666666; line-height: 52px;padding: 0 40px; box-sizing: border-box; color: #4b4b4b;background-color: #ffffff;font-size: 1rem;cursor:pointer;transition: all 0.5s;-webkit-transition: all 0.5s;}
    .job-warp li.on .title{background-color:#0061bc;color: #fff;}
    .job-warp li .title span{float: right;padding-right: 30px;background: url(../images/job-icon1.png) right center no-repeat;}
    .job-warp li.on .title span{background: url(../images/job-icon2.png) right center no-repeat}
    .job-warp li .warp{border-radius:0 0 5px 5px; padding: 20px 40px;background-color: #fff;display: none; width: 100%; box-sizing: border-box; display: none;}
    .job-warp .warp .tbl{width:100%;margin-bottom: 25px;padding:10px 0 20px 0;border-bottom: 1px solid #e9ebed}
    .job-warp .warp .tbl p{width: 25%;float: left;font-size: 1rem;color: #222;line-height: 26px; font-weight:bold;}
    .job-warp .warp .tbl p span{color: #565656;padding-left: 15px; font-weight:normal;}
    .job-warp .warp .cont {font-size: 1rem;line-height: 30px;color: #666; padding-bottom: 30px;}
    .job-warp .warp .btns{font-size:1rem;line-height: 20px;color: #0061bc;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s; margin-top: 20px;}
    .job-warp .warp .btns:hover{color: #222;}

.f-cb{
    zoom: 1;
}
.f-cb:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}


.SouBox1{ width: 80%; height: auto; overflow: hidden; padding: 70px 0;}
.SouBox1L{ float: left; width: 40%; height: auto; overflow: hidden; padding-top: 50px;}
.SouBox1L h2{ line-height: 69px; color: #000000; font-size: 2rem;}
.SouBox1Linfo{ width: 100%; height: auto; line-height: 30px; font-size: 1rem; padding-top: 15px; overflow: hidden;}


.SouBox1R{ float: right; width: 55%; height: auto; overflow: hidden;}
.SouBox1R img{ width: 100%; height: auto; }

.SouBoxBg2{ width: 100%; height: auto; background: #f5f5f5; padding: 55px 0;}
.SouBox2Top{ width: 80%; height: 100px; line-height: 100px; }
.SouBox2Top h4{  font-size: 2.4rem; color: #000000; display: inline-block;}
.SouBox2Top span{ font-size: 1rem; background: url(../images/SouMore.png) no-repeat right center; padding-right: 30px;}
.SouBox2List{ width: 80%; height: auto; overflow: hidden;}
.SouBox2List dl{ width: 100%; height: auto; background: #FFFFFF; margin-top: 30px; overflow: hidden; box-sizing: border-box; padding: 35px 50px;}
.SouBox2List dl a:hover dd h2{ color: #0061BC;}
.SouBox2List dl dt{ float: left; width: 30%; height: auto; overflow: hidden;}
.SouBox2List dl dt img{ width: 100%; height: auto;}
.SouBox2List dl dd{ float: right; width: 60%; height: auto; overflow: hidden;}
.SouBox2List dl dd h2{ font-size:1.8rem; color: #000000; line-height: 96px;}
.SouBox2List dl dd div{ width: 100%; height: auto; padding-top:5px;}
.SouBox2List dl dd div li{ float: left; box-sizing: border-box; padding-left: 15px; width: 50%; height: 36px; line-height: 36px; overflow: hidden; font-size: 0.9rem; background: url(../images/proLIbg.jpg) no-repeat left center;}
.SouBox2List dl dd div li span{ display: block; float: left; width: 50%; color: #000000;}
.SouBox2List dl dd div li b{ display: block; float: left; width: 50%; font-weight: normal; color: #666666;}

.goodsShowWZbg{ width: 100%; height: auto; background: #f7f7f7;}
.goodsShow{ width: 80%; height: auto; overflow: hidden; padding: 80px 0; overflow: hidden;}
.goodsShowL{ float: left; width: 60%; height: auto; overflow: hidden;}
.goodsShowL h2{ font-size:2rem; color: #0061BC; line-height: 96px;}
.goodsShowL h3{ font-size:1.6rem; color: #333333; line-height: 66px; margin-top: 30px;}
.goodsShowL div{ width: 100%; height: auto; padding-top:5px;}
.goodsShowL div li{ float: left; box-sizing: border-box; padding-left: 15px; width: 50%; height: 36px; line-height: 36px; overflow: hidden; font-size: 0.9rem; background: url(../images/proLIbg.jpg) no-repeat left center;}
.goodsShowL div li span{ display: block; float: left; width: 50%; color: #000000;}
.goodsShowL div li b{ display: block; float: left; width: 50%; font-weight: normal; color: #666666;}
.goodsShowL div.goodsShowL2 li span{ width: 100%;}

.goodsShowR{ float: right; width: 35%; height: auto; overflow: hidden; padding-top: 60px;}
.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;}
.main_visual2 .owl-prev,.main_visual2 .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_visual2 .owl-prev{ opacity: 0;}
.main_visual2 .owl-next{  opacity: 0;}
.main_visual2 .owl-dots{ width: 100%; text-align: center; height: 12px; position:absolute; left: 0; bottom: 30px;  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: 12px; height: 12px; background:#bfbfbf; border-radius: 50%;}
.main_visual2 .owl-dot.active span{width: 12px; height: 12px; background:#0061bc;}


.AboutBox1{ width: 90%; height: auto; margin-left: 10%; padding: 100px 0;}
.AboutBox1L{ width: 60%; height: auto; overflow: hidden; float: left;  line-height: 28px; font-size: 1rem;}
.AboutBox1L h2{ font-size: 1.4rem; color: #000000; line-height: 32px;}
.AboutBox1L p{ line-height: 28px; font-size: 1rem; margin-top:20px;}
.AbLNum{ width: 100%; height: 64px; margin-top: 32px;}
.AbLNum dl{ float: left; width: 25%; height: 64px;}
.AbLNum dl dt{ width: 100%; height: 40px; line-height: 40px; color: #0061BC;}
.AbLNum dl dt h4{ display: inline-block; font-size: 2.4rem;}
.AbLNum dl dt span{ padding-left: 10px; font-size: 1rem;}
.AbLNum dl dd{ width: 100%; height: 24px; line-height: 24px; color: #000; font-size: 1rem;}


.AboutBox1R{ width: 37%; height: auto; overflow: hidden; float: right;}
.AboutBox1R img{ width: 100%; height: auto;}

.AbHisBg{ width: 100%; height: auto; padding: 125px 0; background: url(../images/AbHisBg.jpg) no-repeat center; background-size:cover ;}
.AbHisBg h2{ width: 80%; height: 80px; line-height: 80px; color: #FFFFFF; font-size: 3rem;}
.AbHisList{ width: 80%; height: 250px; position: relative; margin-top: 50px; border-top: 1px solid rgba(255,255,255,.3); }
.AbHisList .bd{ width: 100%; height: 250px; overflow: hidden;}
.AbHisList .bd li{ float: left; width: 25%; color: #FFFFFF;  height: 250px; padding-top: 35px; overflow: hidden; box-sizing: border-box;  background: url(../images/abHisLine.jpg) no-repeat left top;}
.AbHisList .bd li h4{ line-height: 48px; height: 48px; font-size: 2rem;}
.AbHisList .bd li p{ font-size: 1rem; line-height: 24px; padding: 10px 50px 0 10px; background: url(../images/AbHisP.jpg) no-repeat left 20px;}
.AbHisList .AbHisR{ position: absolute; right: 0; top: -20px; width: 40px; height: 40px; z-index: 666;}
.AbHisList .AbHisR a{ display: block; width: 40px; height: 40px; background: url(../images/AbHisR.png) no-repeat; }
.AbHisListM{ display: none;}


.AbTeamBg{ width: 100%; height: auto; padding: 120px 0; background: url(../images/AbTeamBg.jpg) no-repeat center; background-size:cover ;}
.AbTeamBg h2{ width: 80%; height: 80px; line-height: 80px;  font-size: 3rem;}
.AbTeamBox{ width: 80%; height: auto; overflow: hidden; margin-top: 30px;}
.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 .ABtL{ float: left; width: 40%; height: auto; overflow: hidden; padding-top: 80px;}
.main_visual3 .owl-carousel .item .ABtL h3{ height: 38px;}
.main_visual3 .owl-carousel .item .ABtL h3 img{ width: 38px; height: 38px;  margin: 0;}
.main_visual3 .owl-carousel .item .ABtL h4{ height: 62px; line-height: 62px; font-size: 1.8rem;}
.main_visual3 .owl-carousel .item .ABtL div{ line-height: 30px; font-size: 1rem;}

.main_visual3 .owl-carousel .item .ABtR{ float: right; width:50%; overflow: hidden;}
.main_visual3 .owl-carousel .item .ABtR img{ width: 100%; height: auto;}
.main_visual3 .owl-prev,.main_visual3 .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_visual3 .owl-prev{ opacity: 0;}
.main_visual3 .owl-next{  opacity: 0;}
.main_visual3 .owl-dots{ width: 100%;  height: 12px; position:absolute; left: 0; bottom: 30px;  z-index: 999;}
.main_visual3 .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual3 .owl-dots .owl-dot span{  display: inline-block; width: 12px; height: 12px; background:#bfbfbf; border-radius: 50%;}
.main_visual3 .owl-dot.active span{width: 12px; height: 12px; background:#0061bc;}


.AbHonorBg{ width:80%; height: auto; padding: 80px 0;}
.AbHonorBg h2{ width: 100%; height: 80px; line-height: 80px;  font-size: 3rem;}
.AbHonor{ width: 100%; height: auto; overflow: hidden; margin-top: 30px;}
.AbHonor dl{ float: left; text-align: center; overflow: hidden; width: 18%; margin-left: 2.3%;}
.AbHonor dl:first-child{ margin-left:0}
.AbHonor dl dt{ width: 100%; height: auto; }
.AbHonor dl dt img{ width: 100%; height: auto; }
.AbHonor dl dd{ width: 100%; height: 80px; line-height: 80px; }

.AbPartBg{ width: 100%; height: auto; padding:0 0 130px 0; background: url(../images/AbPartnerBg.jpg) no-repeat center; background-size:cover ;}
.AbPartBg h2{ width: 80%; height: 80px; line-height: 80px;  font-size: 3rem;}
.AbPartList{ width: 80%; height: auto; box-sizing: border-box; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin-top: 30px;}
.AbPartList li{ float: left; width: 12.5%; height: auto; overflow: hidden; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
.AbPartList li img{ width: 100%; height: auto;}


.ABcontent{ width: 80%; height: auto; overflow: hidden; padding: 30px 0;}
.ABcontentM{ display: none;}

.AbList{ width: 80%; height: auto; overflow: hidden; padding: 30px 0;}
.AbList dl{ float: left;  width: 23%; height: auto; margin-left: 2.6%; margin-bottom: 2.6%; overflow: hidden; text-align: center; }
.AbList dl:nth-child(4n+1){ margin-left: 0;}
.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;}


.AbGlassBg{ width:80%; height: auto; padding: 80px 0;}
.AbGlassBg h2{ width: 100%; height: 80px; line-height: 80px;  font-size: 3rem;}
.AbGlassBox{width: 100%; height: auto; overflow: hidden; margin-top: 30px;}
.AbGlassBox img{ max-width: 100%; height: auto;}

.AbGlassBoxM{ display: none;}


.AbPlasticBg{ width: 100%; height: auto; padding: 120px 0; background: url(../images/AbPlasticBg.jpg) no-repeat center; background-size:cover ;}
.AbPlasticBg h2{ width: 80%; height: 80px; line-height: 80px;  font-size: 3rem; color: #FFFFFF;}
.AbPlasticBox{ width: 80%; height: auto; overflow: hidden; margin-top: 30px;}
.AbPlasticBox img{ max-width: 100%; height: auto;}
.AbPlasticBoxM{ display: none;}

@media (max-width: 1505px) {
.inProList{ height:270px;}
}

@media (max-width: 767px) {

.Header{ display: none;}

.HeaderM{ display: block; background: #FFFFFF; overflow: hidden; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #EEEEEE; z-index: 9999; width: 90%; padding: 0 5%;}

.HeaderM .logo{ float: left; width: 144px; height: 36px; overflow: hidden; padding-top: 12px;}
.HeaderM .logo a{ display: block; overflow: hidden;width: 144px; height: 36px;}
.HeaderM .logo a img{ width: 144px; height: 36px; }
.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: 2px;background: #9e9d9e;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 - 131px);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;}

.main_visual{ margin-top: 61px;}
.main_visual .owl-carousel .item img.Bpic{ display: none;}
.main_visual .owl-carousel .item img.Bmpic{ display: block;}
.main_visual .owl-prev,.main_visual .owl-next{width:25px;height: 25px;}

.main_visual .owl-dots{ bottom: 10px;  }
.main_visual .owl-dots .owl-dot{margin:0 3px ;}
.main_visual .owl-dots .owl-dot span{  width: 12px; height: 5px; background: rgba(255,255,255,.5); border-radius: 10px;}
.main_visual .owl-dot.active span{width: 20px; height: 5px; background:#FFFFFF; border-radius: 10px;}

.inPro{ width: 94%; height: auto; overflow: hidden; padding-bottom: 30px;}

.inProNav{ width: 100%; height: auto; overflow: hidden; margin-top: 30px; border-top: 1px solid #DEDEDE;}
.inProNav a{ display: block; float: left; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;  width: 33.3%; box-sizing: border-box; padding:3%;}
.inProNav a:first-child{border-left: 1px solid #DEDEDE;}
.inProNav a:nth-child(4){border-left: 1px solid #DEDEDE;}
.inProNav a p{ color: #999999; font-size: 1rem; line-height: 22px;}
.inProNav a h2{ font-size: 0.9rem; line-height: 23px; height: 46px; overflow: hidden; margin-top: 0;}
.inProNav a h3{ width: 100%; height: 34px; margin-top: 5px;}
.inProNav a h3 img{
	width: 40px; height: 34px;
	-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}	

.inProNav a h4{ display: none;}


.inProNav .tabs .thistab,.tabs .thistab a:hover {  background: #f3f3f3; padding: 3%; border-bottom: none; color: #0061BC; border-bottom: 1px solid #0061BC;}
.inProNav a.thistab h4{display: none;}


.inProList{ width: 100%; height: auto;  margin-top: 1px;}

.inProListL{ float: none; width: 100%; height: 100%; box-sizing: border-box; padding: 20px;}
.inProListL h4{ color: #FFFFFF; font-size: 1.1rem; font-weight: normal; line-height: 34px; height: 34px; overflow: hidden; opacity: 0.7;}
.inProListL h3{ color: #FFFFFF; font-size: 2rem;  line-height: 48px; height: 48px; overflow: hidden; }
.inProListL h2{ color: #FFFFFF; transition: all ease .5s; display: inline-block; font-size: 1rem; font-weight: normal; height: 41px; line-height: 41px; text-align: center; padding: 0 15px; border: 1px solid #DEDEDE; margin-top: 20px;}
.inProListL h2 b{ display:none;}
.inProListL h2 i{ line-height: 41px; color: #FFFFFF; }
.inProListL a:hover h2 b{ display: inline-block; font-weight: normal;}
.inProListL a:hover h2{ background: #0061BC; color: #FFFFFF;}
.inProListL a:hover h2 i{ color: #FFFFFF; padding-left: 20px;}


.inProListR{  float: none; width: 100%;  height: 100%; box-sizing: border-box; padding: 20px;}
.inProListR h3{font-size: 1.4rem;  line-height: 55px; height: 55px; overflow: hidden; }
.inProListR h2{ color: #FFFFFF; transition: all ease .5s; display: inline-block; font-size: 1rem; background: #0061bc; font-weight: normal; height: 55px; line-height: 55px; text-align: center; padding: 0 15px; margin-top: 15px;}
.inProListR h2 b{ font-weight: normal;}
.inProListR h2 i{ padding-left: 20px;}
.inProListR h2 i{ line-height: 41px; color: #FFFFFF; }
.inProListR a:hover h2{ background: #FFFFFF; color: #0061BC;}
.inProListR a:hover h2 i{color: #0061BC;}



.inAbbg{ width: 100%; height: auto; background: url(../images/inAbimg.jpg) no-repeat top center; background-attachment: fixed;  background-size: cover;}
.inAb{ width: 94%; height: auto; padding: 40px 0; overflow: hidden;}
.inAbL{ float: none; width: 100%; height: auto; overflow: hidden;}
.inAbL h2{ line-height: 42px;  font-size: 2rem; background: url(../images/inNewsTbg.png) no-repeat left center; padding-left: 55px; color: #FFFFFF;}
.inAbLNum{ width: 100%; height: 64px; margin-top: 22px;}
.inAbLNum dl{ float: left; width: auto; height: 64px; padding-right: 5%;}
.inAbLNum dl dt{ width: 100%; height: 40px; line-height: 40px; color: #0061BC;}
.inAbLNum dl dt h4{ display: inline-block; font-size: 1.6rem;}
.inAbLNum dl dt span{ padding-left: 10px; font-size: 1rem;}
.inAbLNum dl dd{ width: 100%; height: 24px; line-height: 24px; color: #FFFFFF; font-size: 0.9rem;}
.inAbLinfo{ width: 100%; height: auto; overflow: hidden; margin-top: 0;}
.inAbLinfo p{ color: #FFFFFF; margin-top: 15px; font-size: 1rem; line-height: 24px;}
.inAbLinfoBtn{ width: 158px; height: 40px; line-height: 40px; overflow: hidden; margin-top: 20px; float: left;}
.inAbLinfoBtn a{ display: block; width: 158px; height: 40px;  background: #0061BC; color: #FFFFFF; text-align: center;}
.inAbLinfoBtn a i{ padding-left: 25px;}
.inAbLinfoBtn a:hover{ background: #FFFFFF; color: #0061BC;}


.inAbR{ float: none; width: 100%; height: auto; overflow: hidden; margin-right: 0; margin-top: 30px; border-radius: 5px;}
.inAbR video{ width: 100%; height: auto;}

.inSou{ width: 94%; height: auto; padding: 30px 0;}
.inSouList{ display: none;}
.inSouListM{ display: block;}
.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%; position: relative;}
.main_visual1 .owl-carousel img{ width: 100%; height: 100%;}
.main_visual1 .owl-carousel .inSouTmdiv{ width: 100%; height: 95%;  background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0;}
.main_visual1 .owl-carousel .inSouTxtdiv{ width: 100%; height: 100%; color: #FFFFFF; z-index: 555;  position: absolute; left: 0; top: 0;}
.main_visual1 .owl-carousel .inSouTxtdiv h2{display: none;}
.main_visual1 .owl-carousel .inSouTxtdiv h3{transition: all ease .5s; width: 100%; height: 59px; text-align: center; padding-top: 57px;}
.main_visual1 .owl-carousel .inSouTxtdiv h3 img{ width: 59px; height: 59px;}
.main_visual1 .owl-carousel .inSouTxtdiv h4{ width: 26px; height: 2px; background: #FFFFFF; display: block; margin-top: 14px;}
.main_visual1 .owl-carousel .inSouTxtdiv1{ text-align: center; height: 42px; line-height: 42px; font-size: 1.1rem; font-weight: bold; margin-top: 0; width: 80%;}
.main_visual1 .owl-carousel .inSouTxtdiv2{ display: block; width: 80%; text-align: center; font-size: 1rem; line-height: 26px; height: 104px; overflow: hidden;}
.main_visual1 .owl-carousel .inSouTxtdiv3{ transition: all ease .5s; display: block; text-align: center; width: 37px; height: 41px;border: 1px solid rgba(255,255,255,.2); margin-top: 10px;}
.main_visual1 .owl-carousel .inSouTxtdiv3 i{ line-height: 41px;}
.main_visual1 .owl-prev,.main_visual1 .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_visual1 .owl-dots{ width: 100%; text-align: center; height: 5px; position:absolute; left: 0; bottom: 30px;  z-index: 999;}
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 3px ;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 12px; height: 5px; background: rgba(255,255,255,.5); border-radius: 10px;}
.main_visual1 .owl-dot.active span{width: 20px; height: 5px; background:#FFFFFF; border-radius: 10px;}


.inNewsTop{ width: 94%; height: auto; border-bottom: 1px solid #DEDEDE;}
.inNewsTop h4{ line-height: 70px; float: none; display: inline-block; font-size: 2rem; background: url(../images/inNewsTbg.png) no-repeat left center; padding-left: 55px;}
.inNewsTop ul{ float: none; text-align: center;}
.inNewsTop ul a{ display: block; float: left; height: 58px; line-height: 58px; margin-left: 0; font-weight: bold; font-size: 1rem; width: 33.3%; text-align: center;}
.inNewsTop ul a:hover{ border-bottom: 2px solid #0061BC; color: #0061BC;}
.inNewsTop .tabs .thistab,.tabs .thistab a:hover {  border-bottom: 2px solid #0061BC; color: #0061BC; }

.inNewsList{ width: 100%; height: auto; overflow: hidden; padding-top: 10px;}
.inNewsList dl{ float: left; width: 47%; height: auto; overflow: hidden; margin-left: 2%; margin-bottom: 10px;}
.inNewsList dl:first-child{ margin-left: 2%;}
.inNewsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.inNewsList dl dt h2{ width: 100%; height: 50px; line-height: 50px; font-size: 1.4rem;}
.inNewsList dl dt h2 span{ font-weight: normal; padding-left: 10px; font-size: 1rem; color: #999999;}
.inNewsList dl dt img{ width: 100%; height: auto;}
.inNewsList dl dd{ width: 100%; height: auto;}
.inNewsList dl dd h3{ font-size: 1rem; line-height: 34px; height: 34px; overflow: hidden;}
.inNewsList dl dd p{ font-size: 0.9rem; line-height: 24px; height: 48px; overflow: hidden; color: #666666;}
.inNewsList dl dd h4{ display: none;}






.footer{ display: none;}

.footerCopy{ width:94%; height: auto; line-height: 30px; color: #666666; padding: 20px 3%; text-align: center; background: #000000;  border-top: 1px solid #1a1a1a; font-size: 1rem;}
.footerCopy a{color: #666666;}
.footerCopy a:hover{color: #FFFFFF;}
.footerCopy span{ display: block;}
.footerCopy span.fr{ float: none;}

.foot_bg1{ display:block;}
.foot_nav1{ width:100%; overflow:hidden;}
.foot_nav1 .current{ background:#ccc; }
.foot_nav1 .current a{color: #fff;}
.foot_nav1 dt{ font-size:1.2rem; line-height:48px; height:48px;  width:100%; background:#ddd; border-bottom: 1px solid #EEEEEE;}

.foot_nav1 dt a{color:#666; padding-left:3%;}
.foot_nav1 dd{ font-size:1rem; display:none; width:100%;}
.foot_nav1 dd a{ color:#999; display:block; line-height:45px; height:45px; background:#fff; border-bottom: 1px solid #EEEEEE; padding-left:6%; }
.foot_nav1 dd a:hover{ color:#fff; background:#ccc;}
.foot_nav1 p{color: #666666; line-height: 38px; font-size: 1rem;}
.foot_nav1 h4{ width: 100%; height: 44px; margin-top: 15px; }
.foot_nav1 h4 a{ padding: 0; position: relative; display: block; float: left; margin-right: 10px; box-sizing: border-box; width: 44px; height: 44px; line-height: 44px; font-size: 1.2rem; border-radius: 50%; border: 1px solid #1a1a1a;  color: #1a1a1a; text-align: center;}
.foot_nav1 h4 a:hover{ background: #1a1a1a;}
.foot_nav1 h4 a:hover .wx{ display: block;}
.foot_nav1 h4 a .wx{ display: none; width: 120px; height: 120px; position: absolute; left: 0; top: -140px;}
.foot_nav1 h4 a .wx:after{ content: ""; width:0;
	height:0;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	border-top:10px solid #CCCCCC;
	position: absolute; left: 10px; bottom: -10px;
}
.foot_nav1 h4 a .wx img{ width: 120px; height: 120px;}

.client-2 { display: none;}
.banner2{ width: 100%; height: 200px; position: relative;}       
.banner2Txt{ width: 80%; height: auto; overflow: hidden; color: #FFFFFF; height:58px; position: absolute; left: 10%; top: 50%; margin-top: -10px;}       
.banner2Txt h2{ line-height: 56px; height: 56px; font-size: 1.6rem;}        
.banner2Txt h3{ width: 55px; height: 2px; background: #FFFFFF; margin: 0;}     

.AbMenu{ width: 94%; height: auto; line-height: 36px; padding: 15px 0; border-bottom: 1px solid #e5e5e5;}
.AbMenu span{ float: none;}
.AbMenuList{ float: none; width: auto; height: auto;}
.AbMenuList a{ display: block; font-size: 0.9rem; font-weight: bold; height:36px; line-height:36px; box-sizing:border-box; padding-right: 0; float: left;}
#lm_hover{color: #0061bc;  height:33px; line-height:33px;}
.AbMenuList a{ margin-right:25px;}

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

.NewsWz{ width: 94%; height: auto; line-height: 34px; padding: 15px 0; border-bottom:1px solid #eeeeee; margin-top: 61px; text-align: center;}
.NewsWz span{ float: none; }
.NewsWz span a{ display: block; margin-top: 10px; width: 110px; height: 34px; line-height: 34px; color: #FFFFFF; background: #0061BC; text-align: center; border-radius:20px; font-size: 1rem;}
.NewsWz span a i{ padding-left: 10px;}
.NewsWz span a:hover{ background: #CCCCCC; color: #0061BC;}

.newsShow{ width: 94%; height: auto; padding: 20px 0; overflow: hidden;}
.newsShowTit{ width: 100%; height: auto; line-height: 32px; padding: 15px 0; text-align: center; font-weight: bold; font-size: 1.2rem;}
.newsShowTime{width: 100%; height: 32px; line-height: 32px; text-align: center; font-size: 0.9rem; color: #999999;}
.newsShowinfo{ width: 100%; padding: 15px 0; overflow: hidden; line-height: 28px; font-size: 1rem;}

.newsShowPN{ width:100%; height:auto; line-height:36px; margin-top:15px;}
.newsShowPN li{ font-weight:bold; font-size:1.1rem; cursor:pointer;  line-height:36px; height:36px; overflow:hidden; float:none; width:100%;}
.newsShowPN li span{ display:none}



.ContactBox{ width: 94%; height: auto; margin: 0 auto; padding-top: 30px; padding-bottom: 20px;}
.ContactBoxL{ float: none; width: 100%; height: auto; padding: 30px 0;}
.ContactBoxLTop{ width: 100%; height: 103px; text-align: center;}
.ContactBoxLTop h2{ line-height: 78px; color: #0061BC; font-size: 2rem;}
.ContactBoxLTop h4{ width: 55px; height: 4px; background: #0061BC; margin: 0 auto;}
.ContactBoxLinfo{ width: 100%; height: auto; padding: 0; border-bottom: none;}
.ContactBoxLinfo dl{ float: none; width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #bfbfbf; padding: 15px 0; text-align: center;}
.ContactBoxLinfo dl dt{ width: 100%; height: 58px;}
.ContactBoxLinfo dl dd{ width: 100%; padding-top: 5px;}
.ContactBoxLinfo dl dd h4{ line-height: 42px; font-size: 1.4rem; color: #000000;}
.ContactBoxLinfo dl dd p{ font-size: 1rem; line-height: 30px;}

.ContactBoxLFed{ width: 100%; height: auto; padding-top: 25px;}
.ContactBoxLFed h2{ line-height: 52px; color: #000000; font-size: 1.6rem; text-align: center;}

.ContactBoxLFedDiv1{ width: 100%; height: auto; margin-top: 0;}
.ContactBoxLFedDiv1 li{ width: 100%; height: 66px; float: none;}
.ContactBoxLFedDiv1 li input{ width: 100%; line-height: 66px; height: 66px; border: none; box-sizing: border-box; border-bottom: 1px solid #dcdcdc; font-weight: bold; font-size: 1.1rem; overflow: hidden;}
.ContactBoxLFedDiv1 textarea{ width: 100%; line-height: 66px; height: 66px; border: none; box-sizing: border-box; border-bottom: 1px solid #dcdcdc; font-weight: bold; font-size: 1.1rem; overflow: hidden;}

.ContactBoxLFedDiv2{ width: 100%; height: 66px; margin-top: 25px; text-align: center;}
.ContactBoxLFedDiv2 input{ font-weight: bold; width: 203px; height: 54px; color: #FFFFFF; border: none; background: #0061BC; font-size: 1.1rem;}
.ContactBoxLFedDiv2 input:hover{ background: #CCCCCC; color: #0061BC;}


.ContactBoxR{ float: none; width: 100%; height: 300px; background: #CCCCCC; }

.joinBox1{ width: 94%; height: auto; padding: 30px 0; overflow: hidden;}
.joinBox1L{ float: none; width:100%; height: auto; overflow: hidden;}
.joinBox1L h2{ font-size: 1.4rem; color: #000000; line-height:28px; text-align: center;}
.joinBox1L p{ font-size: 1rem; line-height: 28px; margin-top: 20px; text-indent: 2em; }

.joinBox1R{ float: none; width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.joinBox1R img{ width: 100%; height: auto;}

.joinBg2{ width: 100%; height: auto; background: #f5f5f5; padding: 25px 0;}
.joinBg2Top{ width: 100%; height: 58px; line-height: 58px; text-align: center; font-weight: bold; font-size: 2.2rem; color: #000000;}

.job-warp{width: 94%; text-align: left; padding-top: 15px;}
.job-warp li .title{height: 42px;  line-height: 42px;padding: 0 20px;}
.job-warp li .warp{ padding: 20px;}
.job-warp .warp .tbl{width:100%;margin-bottom: 25px;padding:10px 0 20px 0;border-bottom: 1px solid #e9ebed}
.job-warp .warp .tbl p{width: 100%;float: none;font-size: 0.9rem;color: #222;line-height: 28px;}
.job-warp .warp .tbl p span{color: #565656;padding-left: 15px;}

.SouBox1{ width: 94%; height: auto; overflow: hidden; padding: 30px 0;}
.SouBox1L{ float: none; width: 100%; height: auto; overflow: hidden; padding-top: 0;}
.SouBox1L h2{ line-height: 39px; color: #000000; font-size: 1.8rem;}
.SouBox1Linfo{ width: 100%; height: auto; line-height: 28px; font-size: 1rem; padding-top: 15px; overflow: hidden;}


.SouBox1R{ float: none; width: 100%; height: auto; overflow: hidden; margin-top: 15px;}
.SouBox1R img{ width: 100%; height: auto; }

.SouBoxBg2{ width: 100%; height: auto; background: #f5f5f5; padding: 25px 0;}
.SouBox2Top{ width: 94%; height: 60px; line-height: 60px; }
.SouBox2Top h4{  font-size: 1.6rem; color: #000000; display: inline-block;}
.SouBox2Top span{ font-size: 1rem; background: url(../images/SouMore.png) no-repeat right center; padding-right: 30px;}
.SouBox2List{ width: 94%; height: auto; overflow: hidden;}
.SouBox2List dl{ width: 100%; height: auto; background: #FFFFFF; margin-top: 15px; overflow: hidden; box-sizing: border-box; padding: 30px;}
.SouBox2List dl a:hover dd h2{ color: #0061BC;}
.SouBox2List dl dt{ float: none; width: 100%; height: auto; overflow: hidden;}
.SouBox2List dl dt img{ width: 100%; height: auto;}
.SouBox2List dl dd{ float: none; width: 100%; height: auto; overflow: hidden;}
.SouBox2List dl dd h2{ font-size:1.6rem; color: #000000; line-height: 46px;}
.SouBox2List dl dd div li{ float: none; box-sizing: border-box; padding-left: 15px; width: 100%; height: 36px; line-height: 36px; overflow: hidden; font-size: 0.9rem; background: url(../images/proLIbg.jpg) no-repeat left center;}

.goodsShow{ width: 94%; height: auto; overflow: hidden; padding: 30px 0; overflow: hidden;}
.goodsShowL{ float: none; width:100%; height: auto; overflow: hidden;}
.goodsShowL h2{ font-size:2rem; color: #0061BC; line-height: 56px;}
.goodsShowL h3{ font-size:1.6rem; color: #333333; line-height: 46px; margin-top: 15px;}
.goodsShowL div{ width: 100%; height: auto; padding-top:5px;}
.goodsShowL div li{ float: none; box-sizing: border-box; padding-left: 15px; width: 100%; height: 36px; line-height: 36px; overflow: hidden; font-size: 0.9rem; background: url(../images/proLIbg.jpg) no-repeat left center;}
.goodsShowL div li span{ display: block; float: left; width: 50%; color: #000000;}
.goodsShowL div li b{ display: block; float: left; width: 50%; font-weight: normal; color: #666666;}

.goodsShowR{ float: none; width: 100%; height: auto; overflow: hidden; padding-top: 30px;}


.AboutBox1{ width: 100%; height: auto; margin: 0 auto; padding: 30px 0;}
.AboutBox1L{ width: 94%; height: auto; overflow: hidden; float: none;}
.AboutBox1L h2{ font-size: 1.2rem; color: #000000; line-height: 28px;}
.AboutBox1L p{ line-height: 26px; font-size: 1rem; margin-top:10px;}
.AbLNum{ width: 100%; height: 64px; margin-top: 22px;}
.AbLNum dl{ float: left; width: auto; padding-right: 15px; height: 64px;}
.AbLNum dl dt{ width: 100%; height: 40px; line-height: 40px; color: #0061BC;}
.AbLNum dl dt h4{ display: inline-block; font-size: 1.6rem;}
.AbLNum dl dt span{ padding-left: 10px; font-size: 0.9rem;}
.AbLNum dl dd{ width: 100%; height: 24px; line-height: 24px; color: #000; font-size: 0.9rem;}


.AboutBox1R{ width:100%; height: auto; overflow: hidden; float: none; margin-top: 20px;}
.AboutBox1R img{ width: 100%; height: auto;}

.AbHisBg{ width: 100%; height: auto; padding: 35px 0; background: url(../images/AbHisBg.jpg) no-repeat center; background-size:cover ;}
.AbHisBg h2{ width: 94%; height: 60px; line-height: 60px; color: #FFFFFF; font-size: 2rem;  text-align: center;}
.AbHisList{ display: none;}
.AbHisListM{ display: block; width: 94%; height: auto; overflow: hidden; margin-top: 20px;}
.main_visual4 .owl-carousel,.main_visual4 .owl-stage-outer,.main_visual4 .owl-stage,.main_visual4 .owl-carousel .owl-item{width: 100%;height: 100% !important; padding-bottom: 10px;}
.main_visual4 .owl-carousel .item{ background: #FFFFFF; box-sizing: border-box; padding: 20px; width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual4 .owl-carousel .item h4{ line-height: 42px; font-size: 1.6rem;}
.main_visual4 .owl-carousel .item p{ line-height: 26px; font-size: 1rem;}
.main_visual4 .owl-prev,.main_visual4 .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_visual4 .owl-prev{ opacity: 0;}
.main_visual4 .owl-next{  opacity: 0;}
.main_visual4 .owl-dots{ width: 100%; text-align: center; height: 12px; position:absolute; left: 0; bottom: 10px;  z-index: 999;}
.main_visual4 .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual4 .owl-dots .owl-dot span{  display: inline-block; width: 12px; height: 12px; background:#bfbfbf; border-radius: 50%;}
.main_visual4 .owl-dot.active span{width: 12px; height: 12px; background:#FFFFFF;}

.AbTeamBg{ width: 100%; height: auto; padding: 35px 0; background: url(../images/AbTeamBg.jpg) no-repeat center; background-size:cover ;}
.AbTeamBg h2{ width: 94%; height: 60px; line-height: 60px;  font-size: 2rem; text-align: center;}
.AbTeamBox{ width:94%; height: auto; overflow: hidden; margin-top: 30px;}
.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 .ABtL{ float: none; width: 100%; height: auto; overflow: hidden; padding-top: 0; text-align: center; padding-bottom: 25px;}
.main_visual3 .owl-carousel .item .ABtL h3{ height: 38px;}
.main_visual3 .owl-carousel .item .ABtL h3 img{ width: 38px; height: 38px;  margin: 0 auto;}
.main_visual3 .owl-carousel .item .ABtL h4{ height: 52px; line-height: 52px; font-size: 1.4rem;}
.main_visual3 .owl-carousel .item .ABtL div{ line-height: 30px; font-size: 1rem;}

.main_visual3 .owl-carousel .item .ABtR{ float: none; width: 100%;overflow: hidden;}
.main_visual3 .owl-carousel .item .ABtR img{ width: 100%; height: auto;}
.main_visual3 .owl-prev,.main_visual3 .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_visual3 .owl-prev{ opacity: 0;}
.main_visual3 .owl-next{  opacity: 0;}
.main_visual3 .owl-dots{ width: 100%; text-align: center;  height: 12px; position:absolute; left: 0; bottom: 15px;  z-index: 999;}
.main_visual3 .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual3 .owl-dots .owl-dot span{  display: inline-block; width: 12px; height: 12px; background:#FFFFFF; border-radius: 50%;}
.main_visual3 .owl-dot.active span{width: 12px; height: 12px; background:#0061bc;}


.AbHonorBg{ width:94%; height: auto; padding: 35px 0;}
.AbHonorBg h2{ width: 100%; height: 60px; line-height: 60px;  font-size: 2rem; text-align: center;}
.AbHonor{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.AbHonor dl{ float: left; text-align: center; overflow: hidden; width: 46%; margin-left: 2.5%;}
.AbHonor dl:nth-child(4n+1){ margin-left:2.5%;}
.AbHonor dl dt{ width: 100%; height: auto; }
.AbHonor dl dt img{ width: 100%; height: auto; }
.AbHonor dl dd{ width: 100%; height: 40px; line-height: 40px; font-size: 0.9rem; }

.AbPartBg{ width: 100%; height: auto; padding:0 0 50px 0; background: url(../images/AbPartnerBg.jpg) no-repeat center; background-size:cover ;}
.AbPartBg h2{ width: 94%; height: 60px; line-height: 60px;  font-size: 2rem; text-align: center;}
.AbPartList{ width: 94%; height: auto; box-sizing: border-box; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin-top: 30px;}
.AbPartList li{ float: left; width: 25%; height: auto; overflow: hidden; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
.AbPartList li img{ width: 100%; height: auto;}

.ABcontent{  display: none;}
.ABcontentM{ display: block; width: 94%; height: auto; overflow: hidden; padding: 30px 0;}

.AbList{ width: 94%; height: auto; overflow: hidden; padding: 30px 0;}
.AbList dl{ float: left;  width: 48%; height: auto; margin-left: 1.4%; margin-bottom: 1.5%; overflow: hidden; text-align: center; }
.AbList dl:nth-child(4n+1){ margin-left: 1.4%;}
.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;}

.AbGlassBg{ width:94%; height: auto; padding: 30px 0;}
.AbGlassBg h2{ width: 100%; height: 60px; line-height: 60px;  font-size: 2rem;text-align: center;}
.AbGlassBox{ display: none;}
.AbGlassBoxM{ display: block; width: 100%; height: auto; overflow: hidden; margin-top: 30px;}
.AbGlassBoxM img{ max-width: 100%; height: auto;}

.AbPlasticBg{ width: 100%; height: auto; padding: 35px 0; background: url(../images/AbPlasticBg.jpg) no-repeat center; background-size:cover ;}
.AbPlasticBg h2{width: 94%; height: 60px; line-height: 60px;  font-size: 2rem; color: #FFFFFF;  text-align: center; }
.AbPlasticBox{ display: none;}
.AbPlasticBoxM{ display: block; width: 94%; height: auto; overflow: hidden; margin-top: 30px;}
.AbPlasticBoxM img{ max-width: 100%; height: auto;}


}