@font-face
{
    font-family: myFirstFont;
    src: url(../fonts/PINGFANG_MEDIUM.woff);
}
*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; text-transform:capitalize;}
body{ font-family: myFirstFont; color:#333; font-size:14px; background: #FFFFFF; }
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #0042ad;}
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;}
h4, .h4, h5, .h5, h6, .h6{ margin: 0;}


#home .home a,
#products .products a,
#solution .solution a,
#news .news a,
#about .about a,
#zp .zp a,
#contact .contact a{ color: #0042ad;}

#about .about ul li a{ color: #333;}
#about .about ul li a:hover{ background: #0042AD; color: #FFFFFF;}

#products .products ul li a{ color: #333;}
#products .products ul li a:hover{ background: #0042AD; color: #FFFFFF;}

#solution .solution ul li a{ color: #333;}
#solution .solution ul li a:hover{ background: #0042AD; color: #FFFFFF;}

#news .news ul li a{ color: #333;}
#news .news ul li a:hover{ background: #0042AD; color: #FFFFFF;}

#contact .contact ul li a{ color: #333;}
#contact .contact ul li a:hover{ background: #0042AD; color: #FFFFFF;}


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

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

.HeaderBg{ width: 100%; height: 113px; padding: 20px 0; position: fixed; left: 0; top: 0; z-index: 999;}
.Header{ width: 90%; height: 73px; position: relative;}
.Header .logo{ float: left; width: 300px; height: 73px; z-index: 333; position: relative;}
.Header .logo a{ display: block;  width: 300px; height: 73px; background: url(../images/logo.png) no-repeat;}
.Header .nav{ width: 100%; box-sizing: border-box; padding-left: 7%; height: 73px; line-height: 73px; text-align: center; position: absolute; left: 0; top: 0;}
.Header .nav li{ display: inline-block; font-size: 20px; padding: 0 30px; position: relative;}
.Header .nav li a{ color: #FFFFFF;}
.Header .nav li a:hover{ color: #0042AD;}
.Header .nav li:hover ul{ display: block;}
.Header .nav li ul{ position: absolute; left: 0; top: 73px; display: none;}
.Header .nav li ul li{ padding: 0; width: 320px; height: 43px; line-height: 43px; font-size: 15px;  background: #FFFFFF; border-bottom: 1px solid #DEDEDE;}
.Header .nav li ul li a{color: #333333; display: block;}
.Header .nav li ul li a:hover{ background: #0042AD; color: #FFFFFF;}
.Header .Hlang{ float: right; height: 23px; line-height: 23px; color: #FFFFFF; margin-top: 25px; font-size: 20px;   padding-left: 25px; border-left: 1px solid #FFFFFF; z-index: 333; position: relative;}
.Header .Hlang a{ color: #FFFFFF; padding-left: 12px;}
.Header .Hlang a i{ font-size: 20px;}

.Header .Hsea{ float: right; width: auto; height: 23px; line-height: 23px; color: #FFFFFF; margin-top: 25px; font-size: 25px; cursor: pointer; padding-right: 25px;  z-index: 333; position: relative;}

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

.HeaderM{ display: none;}

.HeaderBg.current{ background: #FFFFFF; border-bottom: 1px solid #DEDEDE;}
.HeaderBg.current .Header .logo a{ background: url(../images/logo1.png) no-repeat;}
.HeaderBg.current .Header .nav li a{ color: #333;}
.HeaderBg.current .Header .nav li a:hover{ color: #0042AD;}
.HeaderBg.current .Header .nav li ul li a:hover{ color: #FFFFFF;}


.HeaderBg.current .Header .Hlang{ color: #333; border-left: 1px solid #DEDEDE;}
.HeaderBg.current .Header .Hlang a{ color: #333;}


.HeaderBg.current .Header .Hsea{  color: #333; }





/**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: 5%; opacity: 0;}
.main_visual .owl-next{background-image: url(../images/BR.png);right: 5%;  opacity: 0;}
.main_visual:hover .owl-prev{ opacity: 0.5;}
.main_visual:hover .owl-next{ opacity: 0.5;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 50px;  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;}


/* pro
-------------------------------------------------------------- */
.pro{
	width:100%;
	overflow:hidden;
	background:url(../images/probg.jpg) no-repeat left center;
	padding-top:92px;
	padding-bottom:135px;
	}
.pro .pronr{
	position:relative;
	}
.pronr .prolf,.pronr .prort{
	padding:0;
	}
	
.pro h3{ font-size: 36px; font-weight: bold; line-height: 34px;}	
.pronr .prolf .projs{
	width:100%;
	padding-right: 80px;
	overflow:hidden;
	font-size:16px;
	color:#666;
	line-height:30px;
	margin-top:30px;
	}
.pronr .prort ul li img{
	max-width:100%;
	height:auto;
}
.swiper-container{
	width:100%;
	}
.prort .product-thumbs .swiper-wrapper{
	text-align:right;
	}
.product-thumbs{
	height:40px;
	padding-bottom:70px;
	margin-top:78px;
	}
.product-thumbs .swiper-wrapper .swiper-slide .item{
	width:100%;
	overflow:hidden;
	float:left;
	}
.product-thumbs:before{
	content:"";
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.2);
	position:absolute;
	top:19px;
	left:0;
	}
.product-thumbs .title{
	width:100%;
	overflow:hidden;
	font-size:24px;
	height:80px;
	line-height:80px;
	color:#333333;
	text-align:center;
	background:url(../images/icon8.png) no-repeat left center;
	cursor:pointer;
	position:relative;
	}
.product-thumbs .title:after{
	position:absolute;
	font-size:100px;
	line-height:88px;
	color:rgba(18,105,158,0.1);
	font-family:Arial, Helvetica, sans-serif;
	bottom:0;
	left:12px;
	opacity:0;
	}
.prort .product-thumbs .swiper-wrapper .swiper-slide:nth-child(2n) .title:after{
	content:"03";
	}
.prort .product-thumbs .swiper-wrapper .swiper-slide:nth-child(3n-1) .title:after{
	content:"02";
	}
.prort .product-thumbs .swiper-wrapper .swiper-slide:nth-child(3n+1) .title:after{
	content:"01";
	}
.product-thumbs .swiper-slide-active .title,.product-thumbs .swiper-slide:hover .title{ 
	font-weight:bold;
	}
.product-thumbs .swiper-wrapper .swiper-slide .item:hover .title:after,.product-thumbs .swiper-slide-active .title:after{
	opacity:1;
	}
.pronr .prolf .promore{
	width:100%;
	overflow:hidden;
	margin-top:300px;
	}
.pronr .prolf .promore a{
	position:relative;
	width: 145px; height: 45px; line-height: 45px; border-radius: 30px; background: #0042AD; display: inline-block; text-align: center; color: #FFFFFF;
	}
.pronr .prolf .promore a i{ padding-left: 15px; font-size: 18px; line-height: 45px;}	
.pronr .prolf .promore a:hover{ opacity: 0.8;}
	.cont {
	width: 1400px;
	overflow: hidden;
	margin: auto;
}


.inAbbg{ width: 100%; height: 879px;}
.inAb{ width: 100%; height: 879px;}
.inAbL{ float: left; width:35%; height: 879px; padding-right: 40px; padding-left: 15%; color: #FFFFFF; overflow: hidden; padding-top: 110px;  background: url(../images/inAbbg.jpg) no-repeat center; background-size:cover ;}
.inAbL h2{ font-size: 36px; font-weight: bold; line-height: 40px; }
.inAbL h4{ font-size: 16px; font-weight: bold; line-height: 26px; margin-top: 30px; margin-bottom:15px; text-transform:uppercase;}
.inAbL p{ line-height: 24px;}
.inAbL h3{ font-weight: normal; font-size: 14px;}
.inAbL a{
	position:relative; margin-top: 45px;
	width: 145px; height: 45px; line-height: 45px; border-radius: 30px; background: #ffffff; display: inline-block; text-align: center; color: #0042AD;
	}
.inAbL a i{ padding-left: 15px; font-size: 18px; line-height: 45px;}	

.inAbR{ float: right; width: 65%; height: 879px; background: #000000; position: relative; z-index: 222;}
.inAbR img{ width: 100%; height: 100%;}
.inAbR dt{ color: #FFFFFF; width: 100%; height: 106px; text-align: center; position: absolute; left: 0; top: 404px;}
.inAbR dt li{ display: inline-block; padding: 0 30px;}
.inAbR dt li div{ width: 100%; height: 73px; line-height: 73px;}
.inAbR dt li div h2{ font-family: arial; font-size: 60px; display: inline;}
.inAbR dt li div span{line-height: 20px; padding-left: 10px;  display: inline-block;}
.inAbR dt li p{ line-height: 33px; font-size: 16px;}

.inAbR .inAbRMenu{ width: 100%; height: 95px; position: absolute; left: 0; bottom: 0; border-top: 1px solid #bfbfbf;}
.inAbR .inAbRMenu a{border-right: 1px solid #bfbfbf;  display: block; float: left; font-size: 18px; color: #FFFFFF; font-weight: bold; height: 95px; line-height: 95px; text-align: center; width: 25%;}
.inAbR .inAbRMenu a:last-child{ border: none;}
.inAbR .inAbRMenu a img{ width: 40px; height: 32px;}
.inAbR .inAbRMenu a span:before{ content: "|"; padding: 0 20px; font-weight: normal; color: #535353;}


.index_big_pro{width: 100%;position: relative;padding-top: 85px;padding-bottom: 50px; background: url(../images/inPhbg.jpg) repeat;}
.index_big_pro .top_icon{position: absolute;top: 50px;right: 85px;}
.index_big_pro .content{width: 1400px;margin: 0px auto;}
.index_big_pro .pc-slide {
	width: 100%;
	margin: 0 auto;
}

.index_big_pro .view .swiper-container {
	width: 100%;
	height: 660px;
}

.index_big_pro .view .swiper-wrapper{
	width: 100%;
	margin-bottom: 20px;
}
.index_big_pro .view .swiper-wrapper .swiper-slide{
	width: 100%;position: relative;
}
.index_big_pro .view  .swiper-slide .img_box{
	width: 600px;height: 600px;margin: 0px auto;position: relative;
}
.index_big_pro .view  .swiper-slide .img_box img{ width: 600px; height: 600px;}

@keyframes rotating{
0%{transform:rotate(0);}
100%{transform:rotate(-360deg);}
}
.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .bg_img {
	animation:rotating 6s linear infinite
}

.index_big_pro .view  .swiper-slide .img_box .pro_img {
	width: 90%;height: 90%;position: absolute;top: 5%;left: 5%; opacity: 0.8;filter: alpha(opacity=80);transform: scale(0.88); transition: all 0.5s ease-in-out;
}
.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .pro_img {
	opacity: 1;filter: alpha(opacity=100);transform: scale(1);
}


.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box:hover .pro_img{border-radius:50%;overflow:hidden;transition: all 0s ease-in-out;}


.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .tools{overflow:hidden; border-radius:50%;visibility: hidden;opacity: 0;filter: alpha(opacity=0); background: rgba(18,58,109,0.91);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;transition: all .3s linear; }
.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box:hover .tools{overflow:hidden;visibility: visible;opacity: 1;filter: alpha(opacity=100); }
.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .tools .item{overflow:hidden; box-sizing: border-box; width: 50%;height: 50%;float: left;transition: all .3s linear;}
.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .tools .item:hover{background: rgba(18,58,109,0.95);}

.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .tools .item a{display:block; width:100%;height:100%; text-align: center;position:relative;}
.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .tools .item .box{display:inline-block; position:absolute;}
.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .tools .item .title{font-size: 14px;color: #FFFFFF;}
.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .tools .item:nth-child(1) .box{bottom:20%;right:20%;}
.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .tools .item:nth-child(2) .box{bottom:20%;left:20%;}
.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .tools .item:nth-child(3) .box{top:20%;right:20%;}
.index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .tools .item:nth-child(4) .box{top:20%;left:20%;}


.index_big_pro .view  .swiper-slide .con_box {
	width: auto;height: 100%; position: absolute;left: 40px;top: 0px;display: table;
}
.index_big_pro .view  .swiper-slide .con_box .box {
	display: table-cell;vertical-align: middle;
}
.index_big_pro .view  .swiper-slide .con_box .box .ctg_title{
    font-size: 32px;font-weight: bold;color: #242424;margin-bottom: 10px;
}
.index_big_pro .view  .swiper-slide .con_box .box .en_title{
	font-size: 60px;font-family: "BigJohn";font-weight: bold;color: #242424;margin-bottom: 10px;
}
.index_big_pro .view  .swiper-slide .con_box .box .title{
	font-size: 25px;color: #000000;line-height: 40px;
}



.index_big_pro .view  .swiper-slide .con_box .box .more{
	width: 145px; height: 45px; line-height: 45px; border-radius: 30px; background: #0042AD; display: inline-block; text-align: center; color: #FFFFFF;margin-top: 70px;transition: all linear .3s;
}

.index_big_pro .view  .swiper-slide .con_box .box .more i{ padding-left: 15px; font-size: 18px; line-height: 45px;}	

.index_big_pro .view  .swiper-slide .con_box .box .more:hover{
	transform:translateZ(20px);transform: scale(1.1,1.1);box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
.index_big_pro .view .arrow-left {
	display: none;
	transform: rotateY(180deg);
	background: url(../images/index_big_pro_arrow_1.png) no-repeat center center;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -72px;
	width: 80px;
	height: 145px;
	z-index: 10;
	transition: all .3s linear;
}
.index_big_pro .view .arrow-left:hover {
	background: url(../images/index_big_pro_arrow.png) no-repeat center center;
}
.index_big_pro .view .arrow-right {
	background: url(../images/index_big_pro_arrow_1.png) no-repeat center center;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -72px;
	width: 80px;
	height: 145px;
	z-index: 10;
	transition: all .3s linear;
}
.index_big_pro .view .arrow-right:hover {
	background: url(../images/index_big_pro_arrow.png) no-repeat center center;
}
.index_big_pro .preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.index_big_pro .preview .swiper-container {
	width: 100%;
}

.index_big_pro .preview .swiper-slide {
	width: 33.3333333%;
	box-sizing: border-box;
	padding: 0px 23px;
	cursor: pointer;
}
.index_big_pro .preview .arrow-left {
	background: url(../images/index_big_pro_arrow.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.index_big_pro .preview .arrow-right {
	background: url(../images/index_big_pro_arrow.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.index_big_pro .preview .num {
	transition: all .3s linear; font-size: 18px;color: #141414;line-height: 35px;padding-bottom: 10px;border-bottom: 3px solid #d2d2d2;margin-bottom: 10px;
}
.index_big_pro .preview .title {
	font-size: 20px;color: #484848;line-height: 35px;font-weight: bold;transition: all .3s linear; 
}

.index_big_pro .preview .active-nav .num,.index_big_pro .preview .swiper-slide:hover .num {
	border-color: #0042ad;
}
.index_big_pro .preview .active-nav .title,.index_big_pro .preview .swiper-slide:hover .title {
	color: #111111;
}
@media screen and (max-width: 1600px){
	.index_big_pro .content{width: 100%;}
}

@media screen and (max-width: 1440px){
	.index_big_pro .view .swiper-slide .img_box{width: 600px;height: 600px;}
	.index_big_pro .view .swiper-container{height: 600px;}
}
@media screen and (max-width: 1200px){
	.index_big_pro .view .swiper-slide .img_box{width: 520px;height: 520px;}
	.index_big_pro .view .swiper-container{height: 520px;}
}
@media screen and (max-width: 1024px){
	.index_big_pro .view .swiper-slide .img_box{width: 480px;height: 480px;}
	.index_big_pro .view .swiper-container{height: 480px;}
}
@media screen and (max-width: 900px){
	.index_big_pro{padding-top: 60px;}
	.index_big_pro .top_icon{top: 20px;right: 20px;}
	.index_big_pro .view .swiper-slide .img_box{width: 460px;height: 460px;}
	.index_big_pro .view .swiper-container{height: auto;}
	.index_big_pro .view .arrow-right{display: none;}
	.index_big_pro .view .swiper-slide .con_box{width: 100%;position: static;margin-top: 20px;}
	.index_big_pro .view .swiper-slide .con_box .box{text-align: center;}
	.index_big_pro .view .swiper-slide .con_box .box .more{display: none;}
    .index_big_pro .view  .swiper-slide .con_box .box .ctg_title{
        font-size: 28px;
    }
	.index_big_pro .preview .swiper-slide{padding: 0px 18px;}
	.index_big_pro .preview .title{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}
@media screen and (max-width: 768px){
	.index_big_pro{padding-top: 60px;}
	.index_big_pro .top_icon{top: 10px;right: 10px;}
	.index_big_pro .view .swiper-slide .img_box{width: 440px;height: 440px;}
	.index_big_pro .view .swiper-slide .con_box .box .en_title{font-size: 52px;}
        .index_big_pro .view  .swiper-slide .con_box .box .ctg_title{
        font-size: 26px;
    }
	.index_big_pro .preview .swiper-slide{width: 50%;padding: 0px 10px;}
	.index_big_pro .preview .num{line-height: 25px;}
	.index_big_pro .preview .title{font-size: 14px;}
    .index_big_pro .view  .swiper-slide.swiper-slide-active .img_box .tools .item .box{transform:scale(0.8);}
}

@media screen and (max-width: 480px){
	.index_big_pro .view .swiper-slide .img_box{width: 375px;height: 375px;}
	.index_big_pro .view .swiper-slide .con_box .box .en_title{font-size: 48px;}
	.index_big_pro .view .swiper-slide .con_box .box .title{font-size: 22px;}
	.index_big_pro .preview .swiper-slide{ padding: 0px 5px;}
}

@media screen and (max-width: 375px){
	.index_big_pro .view .swiper-slide .img_box{width: 320px;height: 320px;}
	.index_big_pro .view .swiper-slide .con_box .box .en_title{font-size: 40px;}
	.index_big_pro .view .swiper-slide .con_box .box .title{font-size: 20px;}
	.index_big_pro .preview .swiper-slide{width: 100%; padding: 0px 10px;}
	.index_big_pro .preview .num{line-height: 20px;}
}

@media screen and (max-width: 320px){
	.index_big_pro .view .swiper-wrapper{margin-bottom: 10px;}
	.index_big_pro .view .swiper-slide .img_box{width: 280px;height: 280px;}
	.index_big_pro .view .swiper-slide .con_box .box .en_title{font-size: 36px;}
	.index_big_pro .view .swiper-slide .con_box .box .title{font-size: 18px;}
}


.inNewsTit{ width: 1400px; height: 156px; margin-top: 46px;}
.inNewsTit h4{ font-size: 36px; font-weight: bold; line-height: 156px; }
.inNewsTit span{ line-height: 156px; font-size: 18px;}
.inNewsTit ul{ float: right; line-height: 156px;}
.inNewsTit ul a{ font-size: 18px; margin-right: 40px;}
.inNewsTit .tabs .thistab,.tabs .thistab a:hover { color:#0042AD; font-weight: bold; border-bottom: 2px solid #0042AD;}

.inNewsList{ width: 1400px; height: 378px; overflow: hidden;}
.inNewsList dl{ float:left; width: 328px; height: 378px; overflow: hidden; margin-left: 28px; background: #f5f5f5;}
.inNewsList dl:first-child{ margin-left: 0;}
.inNewsList dl dt{ width: 328px; height: 200px; overflow: hidden;}
.inNewsList dl dt img{width: 328px; height: 200px; }
.inNewsList dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.inNewsList dl dd{ width: 328px; height: 178px; overflow: hidden; padding: 20px;}
.inNewsList dl dd h3{ color: #999999; font-family: arial; font-size: 14px; line-height: 23px;}
.inNewsList dl dd h4{ line-height: 46px; height: 46px; overflow: hidden; font-size: 18px; color: #000000;}
.inNewsList dl dd p{ line-height: 24px; height: 48px; overflow: hidden;}
.inNewsList dl a{ display: block;}
.inNewsList dl a:hover{ background: #0042AD; color: #FFFFFF;}
.inNewsList dl a:hover h3{ color: #FFFFFF;}
.inNewsList dl a:hover h4{ color: #FFFFFF;}

.inPartTit{ width: 1400px; height: 66px; line-height: 66px; margin-top: 66px;}
.inPartTit h4{ font-size: 36px; font-weight: bold;}
.inPartTit a{ font-size: 18px;}
.inPartList{ width: 1400px; height: auto; margin-top: 30px;}
.inPartList li{ float: left; width: 16.66%; height: auto; margin: 10px 0;}
.inPartList li img{ width: 100%; height: auto; -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.inPartList li:hover img{filter: none;}


.footerBg{ width: 100%; height: auto; background: #1b1c1d; padding-top: 70px;}
.footer{ width: 1400px; height: auto; padding-bottom: 55px;}
.footerL{ float: left; width: 222px; height: auto; overflow: hidden;}
.footerL h4{ color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 28px;}
.footerL a{ display: block; color: #999999; line-height: 34px;}
.footerL a:hover{ color: #FFFFFF;}

.footerM{ float: left; width: 560px; height: auto; overflow: hidden; padding-right:80px;}
.footerM h4{ color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 28px;}
.footerM p{ font-size: 14px; color: #999999; line-height: 34px; margin-bottom: 40px;}

.footerR{ float: left; width: 338px; height: auto; overflow: hidden;}
.footerR h4{ color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 28px;}
.footerR p{ font-size: 14px; color: #999999; line-height: 34px; }

.footerRTel{ float: right; width: 272px; height: auto;}
.footerRTel h4{ color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 28px;}
.footerRTel h2{ color: #FFFFFF; font-size: 36px; font-weight: bold; line-height: 58px; font-family: arial;}
.footerRTel a{ position: relative; display: block; margin-top: 12px; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; font-size: 18px; background: #666666; float: left;}
.footerRTel a:hover{ color: #FFFFFF; background:#0042AD;}
.footerRTel a .fwx{ position: absolute; width: 120px; height: 120px; left: 0; top: -130px; display: none;}
.footerRTel a .fwx img{width: 120px; height: 120px;}
.footerRTel a:hover .fwx{ display: block;}



.footerCopy{ width: 1400px; height: 110px; line-height: 110px; border-top: 1px solid #262828; color: #666666;}
.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: 14px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 2px;
           
            margin-top: 10px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0042ad;
            color: #fff;
            height: 62px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0042ad;
            width: 97px;
            height: 62px;
            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: 680px; position: relative; overflow: hidden; margin-top: 113px;} 
.abMenu{ width: 100%; height: 80px; text-align: center; border-top: 1px solid rgba(255,255,255,0.1); position: absolute; left: 0; bottom: 0;} 
.mini-nav{  width: -moz-fit-content;  width: -webkit-fit-content;  width: fit-content;  margin: auto;}
.abMenu li{ display: inline; position: relative; width: auto; height: 80px; margin: 0;}
.abMenu a{ display: inline-block; width: 300px; height: 80px; line-height: 80px; font-size: 18px; text-align: center; color: #FFFFFF;}        
.abMenu a:hover{background: #0042AD;}
#lm_hover{ background: #0042AD;}
.abMenu a.on{background: #0042AD;}





.abTit{ width: 100%; height: auto; text-align: center; padding: 60px 0 30px 0; }
.abTit h2{ line-height: 72px; font-weight: bold; font-size: 36px; text-transform:uppercase;}
.abTit p{ font-size: 18px; color: #666666; line-height: 30px; width: 45%;}

.JobBg{ width: 100%; height: auto; padding-bottom: 80px; background: #F5F5F5;}

.JobTit{ width: 1400px; height: 72px; line-height: 72px; background: #8f8f8f; padding: 0 45px; font-size: 18px; color: #FFFFFF;}
.Jdiv1{ float: left; width: 345px; height: 72px;}
.Jdiv2{ float: left; width: 80px; height: 72px; text-align: center;}
.Jdiv3{ float: left; width: 316px; height: 72px; text-align: center;}
.Jdiv4{ float: left; width: 276px; height: 72px; text-align: center;}
.Jdiv5{ float: right; width: 140px; height: 72px; text-align: center;}
.job-warp{ width: 1400px; height: auto; }
.job-warp li{ width: 100%; height: auto;}
.job-warp li.on .title{ border-bottom: none; background: #efefef;}
.job-warp li .title{ width: 100%; height: 63px; line-height: 63px; border-bottom: 1px solid #DEDEDE; overflow: hidden; font-size: 16px; padding: 0 45px; background: #FFFFFF;}
.job-warp li .warp{display: none; padding: 45px; width: 100%; height: auto; line-height: 24px; background: #e9e9e9;}
.job-warp li .jobMore{ width: 100%; height: 62px; margin-top: 30px;}
.job-warp li .jobMore a{ display: block; float: right; background: #0042AD; color: #FFFFFF; width: 366px; height: 62px; line-height: 62px; font-size: 16px; text-align: center;}
.job-warp li .jobMore a:hover{ background: #333333;}


.conBox{ width: 1400px; height: auto;  box-shadow:0 0 10px #ddeaff;}
.conBoxL{ float: left; width: 464px; height: 620px; overflow: hidden; background: #FFFFFF;}
.conBoxL a{ display: block; width: 100%; height: 310px; padding: 25px 35px;}
.conBoxL a h4{ font-weight: bold; font-size: 18px; margin-bottom: 15px;}
.conBoxL a p{ line-height: 25px;}
.conBoxL .tabs .thistab,.tabs .thistab a:hover { background:#0042AD; color: #FFFFFF;}
.MapList{ width:936px; height: 620px; overflow: hidden; float: right;}

.fedBg{ width: 100%; height: auto; padding-bottom: 100px; margin-top: 80px; background: #f5f5f5;}

.fedDiv1{ width: 1400px; height: 79px; margin-bottom: 10px;}
.fedDiv1 input{ border: none; background: #FFFFFF; width: 696px; height: 79px; line-height: 79px; padding: 0 25px; }


.fedDiv2{ width: 1400px; height: 200px; margin-bottom: 50px;}
.fedDiv2 textarea{ width: 1400px;  height: 200px; border: none; background: #FFFFFF; padding: 25px; line-height: 26px;}

.fedDiv3{ width: 1400px; height: 80px; line-height: 80px; text-align: center;}
.fedDiv3 input{ background: #0042AD; border: none; width: 425px; height: 80px; font-size: 22px; color: #FFFFFF;}
.fedDiv3 input:hover{ background: #333333;}


.NewsList{ width: 1410px; height: auto; padding-bottom: 80px;}
.NewsList dl{ float:left; width: 328px; height: 378px; overflow: hidden; margin: 12px; background: #f5f5f5;}
.NewsList dl dt{ width: 328px; height: 200px; overflow: hidden;}
.NewsList dl dt img{width: 328px; height: 200px; }
.NewsList dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.NewsList dl dd{ width: 328px; height: 178px; overflow: hidden; padding: 20px;}
.NewsList dl dd h3{ color: #999999; font-family: arial; font-size: 14px; line-height: 23px;}
.NewsList dl dd h4{ line-height: 46px; height: 46px; overflow: hidden; font-size: 18px; color: #000000;}
.NewsList dl dd p{ line-height: 24px; height: 48px; overflow: hidden;}
.NewsList dl a{ display: block;}
.NewsList dl a:hover{ background: #0042AD; color: #FFFFFF;}
.NewsList dl a:hover h3{ color: #FFFFFF;}
.NewsList dl a:hover h4{ color: #FFFFFF;}

.NewsShowBg{ width: 100%; height: auto; padding: 155px 0 100px 0; background: #f5f5f5;}

.NewsShow{ width: 1400px; height: auto; background: #FFFFFF; padding: 55px 60px; overflow: hidden;}
.NewsShowTit{ width: 100%; height: auto; padding-bottom: 25px; border-bottom: 1px solid #EEEEEE; text-align: center;}
.NewsShowTit h2{ font-size: 30px; font-weight: bold; line-height: 42px; padding-bottom: 20px;}
.NewsShowTit h4{ font-family: arial; font-size: 18px; color: #999999;}
.NewsShowinfo{ width: 100%; height: auto; padding: 30px 0; line-height: 26px; overflow: hidden;}
.NewsShowinfo img{ max-width: 100%; height: auto;}


.NewsRelated{ width: 1400px; padding-top: 60px;}
.NewsRelTop{ width: 100%; height: 38px; line-height: 38px; overflow: hidden;}
.NewsRelTopL{ float: left; width: auto; height: 38px;}
.NewsRelTopL a{ display: block; width: 170px; height: 38px; background: #333333 url(../images/Nback.jpg) no-repeat 22px center; color: #FFFFFF; padding-left: 60px; border-left: 19px solid #0042AD;}
.NewsRelTopL a:hover{ background: #0042AD url(../images/Nback.jpg) no-repeat 17px center;  padding-left: 50px;}

.NewsRelTopR{ float: right; width: auto; height: 38px;}
.NewsRelTopR a{ display: block; float: left; width: 38px; height: 38px; border-radius: 50%; margin-left: 11px;}
.NewsRelTopR a.Na1{ background:#7d7d7d url(../images/NewsP.png) no-repeat center;}
.NewsRelTopR a.Na2{ background:#7d7d7d url(../images/NewsN.png) no-repeat center;}
.NewsRelTopR a.Na1:hover{ background:#0042AD url(../images/NewsP.png) no-repeat center;}
.NewsRelTopR a.Na2:hover{ background:#0042AD url(../images/NewsN.png) no-repeat center;}



.NewsRelated h2{ text-align: center; font-size: 36px; font-weight: bold; line-height: 126px; text-transform:uppercase;}

.NewsRelated dl{ float:left; width: 328px; height: 378px; overflow: hidden; margin: 0 10px; background: #f5f5f5;}
.NewsRelated dl dt{ width: 328px; height: 200px; overflow: hidden;}
.NewsRelated dl dt img{width: 328px; height: 200px; }
.NewsRelated dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.NewsRelated dl dd{ width: 328px; height: 178px; overflow: hidden; padding: 20px;}
.NewsRelated dl dd h3{ color: #999999; font-family: arial; font-size: 14px; line-height: 23px;}
.NewsRelated dl dd h4{ line-height: 46px; height: 46px; overflow: hidden; font-size: 18px; color: #000000;}
.NewsRelated dl dd p{ line-height: 24px; height: 48px; overflow: hidden;}
.NewsRelated dl a{ display: block;}
.NewsRelated dl a:hover{ background: #0042AD; color: #FFFFFF;}
.NewsRelated dl a:hover h3{ color: #FFFFFF;}
.NewsRelated dl a:hover h4{ color: #FFFFFF;}

.ABbg{ width: 100%; height: auto; padding: 110px 0 180px 0; background: url(../images/ABbg.jpg) no-repeat center; background-size:cover;}
.ABbox1{ width: 1400px; height: auto; overflow: hidden;}
.ABbox1L{ float: left; width: 755px; height: auto; overflow: hidden;}
.ABbox1L h2{ font-size: 21px; line-height: 30px;}
.ABbox1L p{ font-size: 15px; line-height: 26px; margin-top: 25px;}

.ABbox1R{ float: right; width: 360px; height: auto; padding-top: 87px; overflow: hidden;}
.ABbox1R dl{ width: 100%; height: 108px; border-bottom: 1px solid #DEDEDE;}
.ABbox1R dl dt{ float: left; line-height: 148px; height: 108px; overflow: hidden; color: #0042AD;}
.ABbox1R dl dt h2{ font-size: 48px; font-family: arial; font-weight: bold; display: inline;}
.ABbox1R dl dt span{ padding-left: 10px; font-size: 18px;}
.ABbox1R dl:nth-child(3) dt span{ font-size: 46px; font-family: arial;}
.ABbox1R dl dd{ float: right; line-height: 148px; font-size: 16px; height: 108px; overflow: hidden;}

.ABbg2{ width: 100%; height: auto; padding: 100px 0; background: url(../images/ABbg2.jpg) no-repeat center; background-size:cover; color: #FFFFFF;}
.ABbox2{ width: 1400px; height: auto; overflow: hidden;}
.ABbox2L{ float: left; width: 755px; height: auto; overflow: hidden;}
.ABbox2L h2{ font-size: 21px; line-height: 30px;}
.ABbox2L p{ font-size: 15px; line-height: 26px; margin-top: 15px;}

.ABbox2R{ float: right; width: 370px; height: auto; padding-top: 155px; overflow: hidden;}
.ABbox2R dl{ width: 100%; height: AUTO; }
.ABbox2R dl dt{ line-height: 108px; height: 78px; overflow: hidden; }
.ABbox2R dl dt h2{ font-size: 48px; font-family: arial; font-weight: bold; display: inline;}
.ABbox2R dl dt span{ padding-left: 10px; font-size: 18px;}
.ABbox2R dl dd{  line-height: 28px; font-size: 16px; height: AUTO; overflow: hidden;}


.ABbox3{ width: 1400px; height: auto; overflow: hidden;}
.ABbox3 dl{  width: 695px; height: 640px; position: relative;}
.ABbox3 dl dt{width: 695px; height: 640px;}
.ABbox3 dl dt img{width: 695px; height: 640px;}
.ABbox3 dl dd{ width: 100%; height: auto; position: absolute; left: 0; bottom: 25px; color: #FFFFFF; padding: 0 30px;}
.ABbox3 dl dd h4{ height: 50px; line-height: 50px; font-size: 24px; font-weight: bold;}
.ABbox3 dl dd p{ line-height:24px;}

.ABcul{ width: 1400px; padding: 30px 0; line-height: 26px; overflow: hidden;}
.ABcul img{ max-width: 100%; height: auto;}

.AbList{ width: 1400px; height: auto; overflow: hidden; padding-top: 30px;}
.AbList dl{ float: left; width: 327px; height: 377px; overflow: hidden; text-align: center; margin: 11px;}
.AbList dl dt{ width: 327px; height: 327px; overflow: hidden;}
.AbList dl dt img{width: 327px; height: 327px;}
.AbList dl dd{ width: 327px; height: 50px; line-height: 50px; font-size: 16px; overflow: hidden; background: #f0f0f0;}


.PhotoBg{ width: 100%; height: auto; background: #f5f5f5; padding-bottom: 100px;}
.PhotoList{ width: 1422px; height: auto; overflow: hidden; padding-bottom: 50px;}
.PhotoList dl{ float: left; background: #FFFFFF; width: 450px; height: 540px; text-align: center; margin: 12px; overflow: hidden;}
.PhotoList dl a{ display: block; width: 450px; height: 540px;}
.PhotoList dl a:hover{ color: #FFFFFF; background: #0042AD;}
.PhotoList dl dt{width: 450px; height: 450px; overflow: hidden;}
.PhotoList dl dt img{ width: 400px; height: 400px; padding-top: 25px;}
.PhotoList dl dd{ width: 100%; height: 90px; line-height: 90px; border-top: 1px solid #EEEEEE; font-size: 18px; font-weight: bold;}

.CaseBox{ width: 1400px; height: auto; overflow: hidden;}
.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: 100%; text-align: center; position: relative; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-prev,.main_visual1 .owl-next{ text-indent: 99999em;}
.main_visual1 .owl-carousel .item img{ width: 100%; height: auto;}
.main_visual1 .owl-carousel .item p{ position: absolute; width: 100%; height: 100px; line-height: 100px; color: #FFFFFF; font-size: 24px; z-index: 333; left: 0; bottom: 0;}
.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 0;  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:#CCCCCC; border-radius: 10px;}
.main_visual1 .owl-dot.active span{width: 20px; height: 10px; background:#0042AD; border-radius: 10px;}

.PhotoShow{ width: 1400px; height: auto; background: #FFFFFF; padding: 55px 60px; overflow: hidden;}
.PhotoShowL{ float: left; width: 550px; height: auto; overflow: hidden;}
.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%; text-align: center; position: relative; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual2 .owl-prev,.main_visual2 .owl-next{ text-indent: 99999em;}
.main_visual2 .owl-carousel .item img{ width: 100%; height: auto;}
.main_visual2 .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 0;  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:#CCCCCC; border-radius: 10px;}
.main_visual2 .owl-dot.active span{width: 20px; height: 10px; background:#0042AD; border-radius: 10px;}

.PhotoShowR{ float: right; width: 650px; height: auto; overflow: hidden;}
.PhotoShowRTit{ width: 100%; height: auto; padding:15px 0; border-bottom: 1px solid #DEDEDE; font-size: 36px; font-weight: bold; line-height: 42px;}
.PhotoShowRinfo{ width: 100%; padding: 25px 0; border-bottom: 1px solid #DEDEDE; line-height: 36px;}

.goodsList{ width: 1422px; height: auto; overflow: hidden; padding-bottom: 50px;}
.goodsList dl{ float: left; width: 445px; height: 428px; text-align: center; margin: 14px;}
.goodsList dl a{ display: block; width: 445px; height: 428px; background: #FFFFFF;}
.goodsList dl a:hover{ background: #0042AD; color: #FFFFFF;}
.goodsList dl dt{ width: 100%; height: 339px; overflow: hidden;}
.goodsList dl dt img{ width: 100%; height: 339px; }
.goodsList dl dd{ width: 100%; height: 89px; line-height: 89px; font-size: 18px; font-weight: bold;}

@media (max-width: 1368px) {
.HeaderBg{ width: 100%; height: 113px; padding: 20px 0; position: fixed; left: 0; top: 0; z-index: 999;}
.Header{ width: 98%; height: 73px; position: relative;}
.Header .logo{ float: left; width: 300px; height: 73px; z-index: 333; position: relative;}
.Header .logo a{ display: block;  width: 300px; height:73px; background: url(../images/logo.png) no-repeat center; background-size:cover;}
.Header .nav{ width: 100%; box-sizing: border-box; padding-left: 9%; height: 73px; line-height: 73px; text-align: center; position: absolute; left: 0; top: 0;}
.Header .nav li{ display: inline-block; font-size: 18px; padding: 0 20px; position: relative;}
.Header .nav li a{ color: #FFFFFF;}
.Header .nav li a:hover{ color: #0042AD;}
.Header .nav li:hover ul{ display: block;}
.Header .nav li ul{ position: absolute; left: 0; top: 73px; display: none;}
.Header .nav li ul li{ padding: 0; width: 200px; height: 43px; line-height: 43px; font-size: 15px;  background: #FFFFFF; border-bottom: 1px solid #DEDEDE;}
.Header .nav li ul li a{color: #333333; display: block;}
.Header .nav li ul li a:hover{ background: #0042AD; color: #FFFFFF;}
.Header .Hlang{ float: right; height: 23px; line-height: 23px; color: #FFFFFF; margin-top: 25px; font-size: 16px;   padding-left: 25px; border-left: 1px solid #FFFFFF; z-index: 333; position: relative;}
.Header .Hlang a{ color: #FFFFFF; padding-left: 12px;}
.Header .Hlang a i{ font-size: 20px;}

.Header .Hsea{ float: right; width: auto; height: 23px; line-height: 23px; color: #FFFFFF; margin-top: 25px; font-size: 20px; cursor: pointer; padding-right: 25px;  z-index: 333; position: relative;}

}


@media (max-width: 767px) {

.HeaderM{ display: block; background: #fff; overflow: hidden; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede; z-index: 9999; width: 100%; padding: 0 5%;}
.HeaderM .logo{ float: left;  width:218px; height: 53px; overflow: hidden; padding-top: 3px;}
.HeaderM .logo a{ display: block; overflow: hidden;  width:218px; height: 53px; }
.HeaderM .logo a img{   width:218px; height: 53px;  }
.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;}   

.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-dots{ bottom: 15px;} 
 
.client-2  { display: none;}  
.HeaderBg{ display: none;}

.pro{ padding: 30px 3%; width: 100%; background-size:cover ;}
.cont{ width: 100%;}
.pronr .prolf .projs{ padding-right: 0; font-size:15px; line-height:24px;}
.pronr .prolf .promore{ margin-top: 120px;}
.pronr .prolf, .pronr .prort{ padding-top: 30px;}
.product-thumbs .title{ font-size: 1.4rem;}
.product-thumbs{ margin-top: 20px;}
.product-thumbs .title:after{ font-size: 7rem;}



.inAbbg{ width: 100%; height: auto;}
.inAb{ width: 100%; height: auto;}
.inAbL{ float: none; width:100%; height: auto; padding-right: 3%; padding-left: 3%; color: #FFFFFF; overflow: hidden; padding-top: 50px; padding-bottom: 50px;  background: url(../images/inAbbg.jpg) no-repeat center; background-size:cover ;}
.inAbL h4{  margin-top: 20px;}

.inAbL a{margin-top: 25px;}


.inAbR{ float: none; width:100%; height: auto; background: #000000; position: relative; z-index: 222;}
.inAbR img{ width: 100%; height: auto;}
.inAbR dt{ color: #FFFFFF; width: 100%; height: 106px; text-align: center; position: absolute; left: 0; top: 20px;}
.inAbR dt li{ display: inline-block; padding: 0 10px;}
.inAbR dt li div{ width: 100%; height: 28px; line-height: 28px;}
.inAbR dt li div h2{ font-family: arial; font-size:18px; display: inline;}
.inAbR dt li div span{line-height: 20px; padding-left: 10px;  display: inline-block;}
.inAbR dt li p{ line-height: 33px; font-size: 14px;}

.inAbR .inAbRMenu{ width: 100%; height: 55px; position: absolute; left: 0; bottom: 0; border-top: 1px solid #bfbfbf;}
.inAbR .inAbRMenu a{border-right: 1px solid #bfbfbf;  overflow:hidden; display: block; float: left; font-size: 14px; color: #FFFFFF; font-weight:  normal; height: 55px; line-height: 55px; text-align: center; width: 25%;}
.inAbR .inAbRMenu a:last-child{ border: none;}
.inAbR .inAbRMenu a img{display: none;}
.inAbR .inAbRMenu a span:before{ content: ""; padding: 0; font-weight: normal; color: #535353;}
.index_big_pro .view .swiper-slide .img_box img{ width: 375px; height: 375px;}

.inNewsTit{ width: 94%; height: 66px; margin-top: 20px; text-align:center;}
.inNewsTit h4{ font-size: 3rem; font-weight: bold; line-height: 66px; display:none;}
.inNewsTit span{ display: none;}
.inNewsTit ul{ float: none; line-height: 66px;}
.inNewsTit ul a{ font-size: 1.6rem; margin-right: 10px;}

.inNewsList{ width: 100%; height: auto; overflow: hidden;}
.inNewsList dl{ float:left; width: 47%; height: auto; overflow: hidden; margin-left: 2%; background: #f5f5f5; margin-bottom: 2%;}
.inNewsList dl:first-child{ margin-left: 2%;}
.inNewsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.inNewsList dl dt img{ width: 100%; height: auto;}

.inNewsList dl dd{  width: 100%; height: auto;overflow: hidden; padding: 10px;}
.inNewsList dl dd h3{ color: #999999; font-family: arial; font-size: 14px; line-height: 23px;}
.inNewsList dl dd h4{ line-height: 36px; height: 36px; overflow: hidden; font-size: 1.6rem; color: #000000;}


.inPartTit{ width: 94%; height: 66px; line-height: 66px; margin-top: 20px;}
.inPartTit h4{ font-size: 3rem; font-weight: bold;}
.inPartTit a{ font-size: 1.6rem;}
.inPartList{ width: 94%; height: auto; margin-top: 20px;}
.inPartList li{ float: left; width: 33.3%; height: auto; margin: 5px 0;}

.footerBg{ width: 100%; height: auto; background: #1b1c1d; padding-top: 10px;}
.footer{ display: none;}




.footerCopy{ width: 94%; text-align: center; height: auto; line-height: 28px; border-top: none; color: #666666;}
.footerCopy a{ color: #666666; display: block; float: none;}
.footerCopy a:hover{ color: #FFFFFF;}


.banner2{ width: 100%; height: 180px; position: relative; overflow: hidden; margin-top: 60px;} 
.abMenu{ width: 100%; height: 40px; text-align: center; border-top: 1px solid rgba(255,255,255,0.1); position: absolute; left: 0; bottom: 0;} 
.abMenu a{ display: inline-block; width: auto; height: 40px; line-height: 40px; font-size: 14px; padding: 0 25px; text-align: center; color: #FFFFFF;}        



.abTit{ width: 94%; height: auto; text-align: center; padding: 30px 0 30px 0; }
.abTit h2{ line-height:32px; font-weight: bold; font-size: 26px;}
.abTit p{ font-size: 15px; color: #666666; line-height:26px; width: 90%;}

.JobBg{ width: 100%; height: auto; padding-bottom: 50px; background: #F5F5F5;}

.JobTit{ width: 94%; height: 52px; line-height: 52px; background: #8f8f8f; padding: 0 25px; font-size: 18px; color: #FFFFFF; display: none;}
.Jdiv1{ float: none; width: 100%; height: 52px;}
.Jdiv2{ display: none;}
.Jdiv3{ display: none;}
.Jdiv4{display: none;}
.Jdiv5{ display: none;}
.job-warp{ width: 100%; height: auto; }
.job-warp li{ width: 100%; height: auto;}
.job-warp li.on .title{ border-bottom: none; background: #efefef;}
.job-warp li .title{ width: 100%; height: 52px; line-height: 52px; border-bottom: 1px solid #DEDEDE; overflow: hidden; font-size: 16px; padding: 0 25px;  background: #FFFFFF;}
.job-warp li .warp{display: none; padding: 25px; }
.job-warp li .jobMore a{ display: block; float: none; background: #0042AD; color: #FFFFFF; width: 100%; height: 52px; line-height: 52px; font-size: 16px; text-align: center;}
.job-warp li .jobMore a:hover{ background: #333333;}


.conBox{ width: 94%; height: auto;  box-shadow:0 0 10px #ddeaff;}
.conBoxL{ float: none; width: 100%; height: auto; overflow: hidden; background: #FFFFFF;}
.conBoxL a{ display: block; width: 100%; height: auto; padding: 20px;}
.MapList{ width:100%; height: 400px; overflow: hidden;}

.fedBg{ width: 100%; height: auto; padding-bottom: 50px; margin-top: 30px; background: #f5f5f5;}

.fedDiv1{ width: 94%; height: auto; margin-bottom: 0;}
.fedDiv1 input{ border: none; background: #FFFFFF; width: 100%; height: 79px; line-height: 79px; padding: 0 20px; margin-bottom: 10px; }
.fedDiv1 input.fl{ float: none;}
.fedDiv1 input.fr{ float: none;}

.fedDiv2{ width: 94%; height: auto; margin-bottom: 20px;}
.fedDiv2 textarea{ width: 100%;  height: 150px; border: none; background: #FFFFFF; padding: 20px; line-height: 26px;}

.fedDiv3{ width: 100%; height: 60px; line-height: 60px; text-align: center;}
.fedDiv3 input{ background: #0042AD; border: none; width: 60%; height: 60px; font-size: 22px; color: #FFFFFF;}
.fedDiv3 input:hover{ background: #333333;}

.NewsList{ width: 100%; height: auto; padding-bottom: 50px;}
.NewsList dl{ float:left; width: 47%; height: auto; overflow: hidden; margin: 1.5%; background: #f5f5f5;}
.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; padding: 10px;}
.NewsList dl dd h3{ color: #999999; font-family: arial; font-size: 14px; line-height: 23px;}
.NewsList dl dd h4{ line-height: 36px; height: 36px; overflow: hidden; font-size: 1.6rem; color: #000000;}


.NewsShowBg{ width: 100%; height: auto; padding: 100px 0 50px 0; background: #f5f5f5;}

.NewsShow{ width: 94%; height: auto; background: #FFFFFF; padding: 30px; overflow: hidden;}
.NewsShowTit{ width: 100%; height: auto; padding-bottom: 25px; border-bottom: 1px solid #EEEEEE; text-align: center;}
.NewsShowTit h2{ font-size: 18px; font-weight: bold; line-height: 26px; padding-bottom: 10px;}
.NewsShowTit h4{ font-family: arial; font-size: 16px; color: #999999;}
.NewsShowinfo{ width: 100%; height: auto; padding: 20px 0; line-height: 26px; overflow: hidden;}
.NewsShowinfo img{ max-width: 100%; height: auto;}


.NewsRelated{ display: none;}

.ABbg{ width: 100%; height: auto; padding: 50px  0; background: url(../images/ABbg.jpg) no-repeat center; background-size:cover;}
.ABbox1{ width: 94%; height: auto; overflow: hidden;}
.ABbox1L{ float: none; width: 100%; height: auto; overflow: hidden;}
.ABbox1L h2{ font-size: 18px; line-height: 26px;}
.ABbox1L p{ font-size: 14px; line-height: 24px; margin-top: 10px;}

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

.ABbg2{ width: 100%; height: auto; padding: 50px 0; background: url(../images/ABbg2.jpg) no-repeat center; background-size:cover; color: #FFFFFF;}
.ABbox2{ width: 94%; height: auto; overflow: hidden;}
.ABbox2L{ float: none; width: 100%; height: auto; overflow: hidden;}
.ABbox2L h2{ font-size: 18px; line-height: 26px;}
.ABbox2L p{ font-size: 14px; line-height: 24px; margin-top: 10px;}

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



.ABbox3{ width: 94%; height: auto; overflow: hidden;}
.ABbox3 dl{  width: 100%; height: auto; position: relative; margin-bottom: 15px;}
.ABbox3 dl dt{ width: 100%; height: auto;}
.ABbox3 dl dt img{ width: 100%; height: auto;}
.ABbox3 dl dd{ width: 100%; height: auto; position: absolute; left: 0; bottom: 25px; color: #FFFFFF; padding: 0 30px;}
.ABbox3 dl dd h4{ height: 32px; line-height: 32px; font-size: 20px; font-weight: bold;}
.ABbox3 dl dd p{ line-height: 24px;}

.ABcul{ width: 94%; padding: 30px 0; line-height: 26px; overflow: hidden;}
.padding30{ padding: 10px;}

.AbList{ width: 100%; height: auto; overflow: hidden; padding-top: 0;}
.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: 50px; line-height: 50px; font-size: 15px; overflow: hidden; background: #f0f0f0;}

.PhotoBg{ width: 100%; height: auto; background: #f5f5f5; padding-bottom: 30px;}
.PhotoList{ width: 94%; height: auto; overflow: hidden; padding-bottom: 30px;}
.PhotoList dl{ float: left; background: #FFFFFF; width: 100%; height: auto; text-align: center; margin: 6px 0; overflow: hidden;}
.PhotoList dl a{ display: block; width: 100%; height: auto;}
.PhotoList dl a:hover{ color: #FFFFFF; background: #0042AD;}
.PhotoList dl dt{width: 100%; height: auto;overflow: hidden;}
.PhotoList dl dt img{width: 90%; height: auto; padding-top: 5%;}
.PhotoList dl dd{ width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #EEEEEE; font-size: 16px; font-weight: bold;}

.CaseBox{ width: 94%; height: auto; overflow: hidden;}
.main_visual1 .owl-carousel .item p{ position: absolute; width: 100%; height: 50px; line-height: 50px; color: #FFFFFF; font-size: 16px; z-index: 333; left: 0; bottom: 0;}
.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 10px;  z-index: 999;}

.PhotoShow{ width: 94%; height: auto; background: #FFFFFF; padding: 30px; overflow: hidden;}
.PhotoShowL{ float: none; width: 100%; height: auto; overflow: hidden;}


.PhotoShowR{ float: none; width: 100%; height: auto; overflow: hidden; padding-top: 30px;}
.PhotoShowRTit{ width: 100%; height: auto; padding:15px 0; border-bottom: 1px solid #DEDEDE; font-size: 26px; font-weight: bold; line-height: 32px;}
.PhotoShowRinfo{ width: 100%; padding: 15px 0; border-bottom: 1px solid #DEDEDE; line-height: 30px;}

.goodsList{ width: 94%; height: auto; overflow: hidden; padding-bottom: 30px;}
.goodsList dl{ float: none; width: 100%; height: auto; text-align: center; margin: 7px 0;}
.goodsList dl a{ display: block; width: 100%; height: auto; background: #FFFFFF;}
.goodsList dl a:hover{ background: #0042AD; color: #FFFFFF;}
.goodsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.goodsList dl dt img{ width: 100%; height: auto; }
.goodsList dl dd{ width: 100%; height: 59px; line-height: 59px; font-size: 16px; font-weight: bold;}



}