*{ margin:0; padding:0; -webkit-text-size-adjust:none;}
.width{ width:1400px; margin:0 auto;}
.clear{ clear:both;}
a{ text-decoration:none; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
img{ border:0; max-width:100%;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
html, body {
	position: relative;
	height: 100%;
}
body{ overflow-x:hidden; background:#fff; font-family:Arial; padding-top:70px;}
.table{ width:100%; border-collapse:collapse;}
.table td{ border:1px solid #a0a0a0 !important;}
.justify{ text-justify:inter-ideograph; text-align:justify; line-height:0; font-size:0;}
.justify:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
@media (max-width: 992px){
html,body{ width:100vw !important; overflow-x:hidden;}
.width{ width:94% !important; margin:0; padding:0 3vw;}
body{ padding-top:16vw;}
}
@media (max-width: 1366px) and (min-width: 993px){
.width{ width:1200px !important;}
}

.top{ position:fixed; z-index:99990; left:0; top:0; width:100%; height:70px; background:#fff; box-shadow:0 2px 2px rgba(0,0,0,.1);}
.logo{ float:left; margin-top:4px; margin-left:70px;}
.logo img{ height:62px;}
.lang{ float:right; font-size:18px; font-weight:bold; color:#222; line-height:70px; background:url(../img/lang.png) left center no-repeat; background-size:20px; padding-left:25px; margin-right:70px;}
.lang:hover{ color:#0681cf; background-image:url(../img/lang2.png);}
.search{ float:right; width:22px; height:22px; background:url(../img/search.png) center no-repeat; background-size:contain; margin-top:24px; margin-right:30px; cursor:pointer;}
.search:hover{ background-image:url(../img/search2.png);}
.nav{ float:right;}
.nav > li{ float:left;}
.nav > li > a{ float:left; display:block; font-weight:bold; font-size:18px; color:#222; line-height:70px; margin-right:60px;}
.nav > li > a:hover{ color:#0681cf;}
.cur{ color:#0681cf !important;}
.nav3{ display:none;}

.search_bg{ display:none; position:fixed; z-index:99991; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.9);}
.search1{ display:none; position:fixed; z-index:99991; width:600px; left:50%; top:50%; margin-left:-300px; margin-top:-60px; outline:none;}
.search_close{ position:absolute; right:0; top:0; width:60px; height:60px; background:url(../img/close.png) center no-repeat; background-size:contain; cursor:pointer; margin-right:-90px;}
.block{ display:block;}
.search11{ width:560px; height:60px; line-height:60px; font-size:16px; padding:0 20px; background:#fff; color:#222; border:none; outline:none;}
.search12{ position:absolute; margin-left:-60px; width:60px; height:60px; background:url(../img/search2.png) center no-repeat; background-size:30px; font-size:0; border:none; outline:none; cursor:pointer;}

.drop{ display:none; position:absolute; top:70px; width:400px; height:50px; background:#eee; margin-left:-18px;}
.drop > li > a{ float:left; display:block; width:100px; text-align:center; font-size:16px; color:#222; line-height:50px;}
.drop > li > a:hover{ color:#0681cf;}
.drop1{ display:none; position:absolute; top:50px; background:#ddd; padding:10px 0;}
.drop1 > a{ display:block; width:100px; line-height:40px; text-align:center; font-size:15px; color:#222;}
.drop1 > a:hover{ color:#0681cf;}

@media (max-width: 992px){
.top{ height:16vw;}
.logo{ margin-top:2vw; margin-left:3vw;}
.logo img{ height:12vw;}
.lang{ display:none;}
.search{ width:5vw; height:5vw; margin-top:5.5vw; margin-right:15vw;}
.search1{ width:90vw; margin-left:-45vw; margin-top:-10vw;}
.search_close{ width:8vw; height:8vw; margin-right:1vw; margin-top:-10vw;}
.search11{ width:86vw; height:10vw; line-height:10vw; font-size:3.5vw; padding:0 2vw;}
.search12{ margin-left:-10vw; width:10vw; height:10vw; background-size:5vw;}
.nav{ display:none;}
.nav3{ display:block; position:fixed; width:100%; left:0; top:16vw; z-index:99990;}
#nav3_a{ position:fixed; top:0; right:3%; display:block; width:6.5vw; height:6.5vw; margin:4.75vw 0; background:url(../img/menu_btn.png) left center no-repeat; background-size:contain; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/menu_btn.png', sizingMethod='scale'); -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav3 a{ display:block; color:#333;}
.nav3 > a:hover{ background:#0681cf; color:#fff;}
.nav3 ul li ul{ position:absolute; z-index:2; width:100%; top:0; display:none; background:#fff; line-height:2.5em; font-size:3.5vw; text-align:center;}
.nav3 ul li ul li{ border-bottom:1px solid #fff;}
.nav3 ul li ul li:last-child{ border-bottom:none;}
.cur4 > a{ background:#0681cf; color:#fff !important;}
}
@media (max-width: 1366px) and (min-width: 993px){
.logo{ margin-left:30px;}
.lang{ margin-right:30px;}
}

.banner{ width:100%; height:800px;}
.banner .swiper-slide{ background-position:center; background-size:cover; line-height:800px;}
.banner .swiper-slide > div{ display:inline-block; vertical-align:middle; line-height:normal; width:100%; text-align:center;}
.banner_t1{ font-size:70px; font-weight:bold; color:#fff;}
.banner_t2{ font-size:12px; color:#fff; padding:20px 0 45px;}
.banner_t3{ display:block; width:200px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff; border-radius:5px; background:#0681cf; background:-moz-linear-gradient(to right, #00b4ff, #0681cf); background:-ms-linear-gradient(to right, #00b4ff, #0681cf); background:-webkit-linear-gradient(to right, #00b4ff, #0681cf); background:linear-gradient(to right, #00b4ff, #0681cf); margin:0 auto 20px;}
.banner_t3 span{ padding-left:5px; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.banner_t3:hover span{ padding-left:10px;}

@media (max-width: 992px){
.banner{ height:60vw;}
.banner .swiper-slide{ line-height:60vw;}
.banner_t1{ font-size:6vw;}
.banner_t2{ font-size:3vw; padding:2vw 0 5vw;}
.banner_t3{ width:30vw; height:8vw; line-height:8vw; font-size:3vw; margin:0 auto 2vw;}
.banner .swiper-button-next,.banner .swiper-button-prev{ background:none !important;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{ font-size:6vw;}
}

.title{ text-align:center; font-weight:bold; font-size:40px; color:#222; line-height:54px; padding:55px 0 0;}
.product_bg{ width:97%; padding:80px 0; background:url(../img/bg1.jpg) center no-repeat; background-size:cover; margin:0 auto;}
.product_t1{ text-align:center; font-size:18px; color:#fff;}
.product_t2{ text-align:center; font-size:45px; color:#fff; font-weight:bold; padding:10px 0 20px;}
.product_t3{ text-align:center; font-size:16px;}
.product_t3 a{ color:#fff;}
.product_t3 span{ padding-left:5px; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.product_t3:hover span{ padding-left:10px;}
.pro1_bg{ text-align:center; font-size:0; margin-top:60px;}
.pro1{ position:relative; display:inline-block; vertical-align:middle; position:relative; width:480px; height:480px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 30px;}
.pro2_bg{ width:97%; margin:22px auto 0;}
.pro2{ float:left; position:relative; width:49%; height:400px; background:url(../img/bg2.jpg) center no-repeat; background-size:cover;}
.pro2:nth-child(2){ float:right;}
.pro2_p{ float:left; width:52%; line-height:400px; text-align:center;}
.pro2_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.pro2_p .product_t1{ color:#222;}
.pro2_p .product_t2{ color:#222;}
.pro2_p .product_t3 a{ color:#222;}
.pro2_pic{ float:right; width:340px; height:340px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:30px; margin-right:70px;}

.factory{ position:relative; width:97%; height:700px; margin:0 auto; overflow:hidden;}
.factory .swiper-slide{ background-color:#f2f3f6; background-position:center; background-repeat:no-repeat; background-size:contain;}
.factory .swiper-button-next,.factory .swiper-button-prev{ position:absolute; left:50%; width:50px; height:50px; border-radius:50%; background:none; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.factory .swiper-button-next{ left:auto; right:3%;}
.factory .swiper-button-prev{ left:3%;}
.factory .swiper-button-next::after,.factory .swiper-button-prev::after{ font-size:24px; color:#aaa;}
.factory .swiper-button-next:hover,.factory .swiper-button-prev:hover{ background:rgba(0,0,0,.5);}

@media (max-width: 992px){
.title{ font-size:5vw; line-height:7vw; padding:6vw 0 0;}
.product_bg{ width:97%; padding:6vw 0; background-size:300vw;}
.product_t1{ font-size:3.5vw;}
.product_t2{ font-size:5vw; padding:1vw 0 3vw;}
.product_t3{ font-size:3vw;}
.pro1_bg{ margin-top:6vw;}
.pro1{ width:30vw; height:30vw; margin:0 1vw;}
.pro2_bg{ width:97%; margin:3vw auto 0;}
.pro2{ width:100%; height:35vw;}
.pro2:nth-child(2){ margin-top:3vw;}
.pro2_p{ width:60%; line-height:35vw;}
.pro2_pic{ width:30vw; height:30vw; margin-top:2.5vw; margin-right:8vw;}
.factory{ height:50vw;}
.factory .swiper-button-next,.factory .swiper-button-prev{ width:10vw; height:10vw;}
.factory .swiper-button-next{ margin-left:37vw;}
.factory .swiper-button-prev{}
.factory .swiper-button-next::after,.factory .swiper-button-prev::after{ font-size:4vw;}
}
@media (max-width: 1600px) and (min-width: 1441px){
.pro1{ width:360px; height:360px;}
.pro2_pic{ width:280px; height:280px; margin-top:60px; margin-right:2%;}
}
@media (max-width: 1440px) and (min-width: 1367px){
.pro1{ width:360px; height:360px;}
.pro2_pic{ width:280px; height:280px; margin-top:60px; margin-right:2%;}
}
@media (max-width: 1366px) and (min-width: 993px){
.pro1{ width:360px; height:360px;}
.pro2_pic{ width:280px; height:280px; margin-top:60px; margin-right:2%;}
}

.solution{ padding:60px 0;}
.title1{ text-align:center; font-size:42px; line-height:54px; color:#222; font-weight:bold;}
.title2{ text-align:center; font-size:16px; line-height:24px; color:#666; padding:15px 0 50px;}
.solu{ position:relative; width:97%; margin:0 auto; overflow:hidden;}
.solu .swiper-wrapper{ position:relative; width:100%;}
.solu .swiper-slide{ position:relative; width:100%; height:650px; background-color:#f2f3f6; background-position:center; background-repeat:no-repeat; background-size:contain;}
.solu .swiper-slide p{ position:absolute; left:50%; bottom:40px; width:600px; height:60px; line-height:60px; margin-left:-300px; text-align:center; font-size:18px; color:#fff; background:#0681cf; background:-moz-linear-gradient(to right, #00b4ff, #0681cf); background:-ms-linear-gradient(to right, #00b4ff, #0681cf); background:-webkit-linear-gradient(to right, #00b4ff, #0681cf); background:linear-gradient(to right, #00b4ff, #0681cf);}
.solu .swiper-button-next,.solu .swiper-button-prev{ position:absolute; left:50%; width:50px; height:50px; border-radius:50%; background:none; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.solu .swiper-button-next{ left:auto; right:3%;}
.solu .swiper-button-prev{ left:3%;}
.solu .swiper-button-next::after,.solu .swiper-button-prev::after{ font-size:24px; color:#aaa;}
.solu .swiper-button-next:hover,.solu .swiper-button-prev:hover{ background:rgba(0,0,0,.5);}

@media (max-width: 992px){
.solution{ padding:6vw 0;}
.title1{ font-size:5vw; line-height:7vw;}
.title2{ font-size:3vw; line-height:5vw; padding:1vw 3vw 4vw;}
.title2 br{ display:none;}
.solu{ width:94vw;}
.solu .swiper-slide{ width:94vw; height:50vw;}
.solu .swiper-slide p{ bottom:4vw; width:52vw; height:8vw; line-height:8vw; font-size:3.5vw; margin-left:-26vw;}
.solu .swiper-button-next,.solu .swiper-button-prev{ width:10vw; height:10vw;}
.solu .swiper-button-next{ margin-left:37vw;}
.solu .swiper-button-prev{}
.solu .swiper-button-next::after,.solu .swiper-button-prev::after{ font-size:4vw;}
}

.cat{ text-align:center;}
.cat1{ display:inline-block; vertical-align:top; width:330px; margin:0 25px;}
.cat1_t1{ height:62px; background-position:center; background-repeat:no-repeat; background-size:contain;}
.cat1_t2{ font-size:26px; color:#222; padding:15px 0;}
.cat1_t3{ font-size:14px; color:#222; line-height:1.8em;}

.productaaa{ position:relative; width:97%; margin:0 auto 70px; overflow:hidden;}
.productaaa .swiper-wrapper{ position:relative; width:100%;}
.productaaa .swiper-slide{ position:relative; width:100%; height:650px; background-color:#f2f3f6; background-position:center; background-repeat:no-repeat; background-size:contain;}
.productaaa .swiper-slide p{ position:absolute; left:50%; bottom:40px; width:320px; height:60px; line-height:60px; margin-left:-160px; text-align:center; font-size:18px; color:#fff; background:#0681cf; background:-moz-linear-gradient(to right, #00b4ff, #0681cf); background:-ms-linear-gradient(to right, #00b4ff, #0681cf); background:-webkit-linear-gradient(to right, #00b4ff, #0681cf); background:linear-gradient(to right, #00b4ff, #0681cf);}
.productaaa .swiper-button-next,.productaaa .swiper-button-prev{ position:absolute; left:50%; width:50px; height:50px; border-radius:50%; background:none; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.productaaa .swiper-button-next{ left:auto; right:3%;}
.productaaa .swiper-button-prev{ left:3%;}
.productaaa .swiper-button-next::after,.productaaa .swiper-button-prev::after{ font-size:24px; color:#aaa;}
.productaaa .swiper-button-next:hover,.productaaa .swiper-button-prev:hover{ background:rgba(0,0,0,.5);}

@media (max-width: 992px){
.cat1{ width:42%; margin:0 2vw; margin-top:4vw;}
.cat1_t1{ height:8vw;}
.cat1_t2{ font-size:4.25vw; padding:2vw 0;}
.cat1_t3{ font-size:3vw; line-height:1.75em; display:none;}
.cat1:nth-child(1),.cat1:nth-child(2){ margin-top:0;}

.productaaa{ width:94vw; margin:6vw auto;}
.productaaa .swiper-slide{ width:94vw; height:50vw;}
.productaaa .swiper-slide p{ bottom:4vw; width:52vw; height:8vw; line-height:8vw; font-size:3.5vw; margin-left:-26vw;}
.productaaa .swiper-button-next,.productaaa .swiper-button-prev{ width:10vw; height:10vw;}
.productaaa .swiper-button-next{ margin-left:37vw;}
.productaaa .swiper-button-prev{}
.productaaa .swiper-button-next::after,.productaaa .swiper-button-prev::after{ font-size:4vw;}
}

.service{ padding-bottom:60px;}
.ser1_bg{ width:100%;}
.ser1{ float:left; display:block; position:relative; width:448px; height:525px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-left:28px;}
.ser1:nth-child(1){ margin-left:0;}
.ser1 p{ position:absolute; bottom:50px; width:340px; padding:10px; font-size:20px; font-weight:bold; color:#fff; border-bottom:1px solid #fff; margin-left:44px;}

@media (max-width: 992px){
.service{ padding-bottom:6vw;}
.ser1{ width:30vw; height:40vw; margin-left:2vw;}
.ser1:nth-child(1){ margin-left:0;}
.ser1 p{ bottom:4vw; width:26vw; padding:1vw 0; font-size:3vw; margin-left:2vw;}
}
@media (max-width: 1366px) and (min-width: 993px){
.ser1{ width:381px;}
.ser1 p{ width:273px;}
}

.service2{ padding:60px 0; background:#f2f3f6;}
.ser2{ display:inline-block; vertical-align:top; line-height:normal; text-align:center; color:#222; min-width:200px;}
.ser2_t1{ width:55px; height:55px; background-position:center; background-repeat:no-repeat; background-size:contain; margin:0 auto;}
.ser2_t2{ font-size:26px; padding:15px 0 10px;}
.ser2_t3{ font-size:14px;}
.ser2_t3 span{ padding-left:5px; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.ser2:hover .ser2_t3 span{ padding-left:10px;}

@media (max-width: 992px){
.service2{ padding:6vw 0;}
.ser2{ min-width:auto; width:28vw;}
.ser2_t1{ width:8vw; height:8vw;}
.ser2_t2{ font-size:4vw; padding:2vw 0 1vw;}
.ser2_t3{ font-size:3vw;}
}

.foot{ padding:60px 0 0; background:#2f353a; color:#fff;}
.foot .width{ position:relative;}
.foot .width::after{ content:''; position:absolute; width:100%; height:1px; background:#444a4e; left:0; top:60px;}
.foot a{ color:#fff;}
.foot a:hover{ color:#0681cf;}
.foot1{ float:left; margin-left:120px;}
.foot1_t1{ font-size:18px; padding:21px 0 18px; border-bottom:1px solid #444a4e; margin-bottom:20px;}
.foot1_t2{ font-size:14px; line-height:30px;}
.foot1:nth-child(1){ margin-left:0;}
.foot2{ float:right; text-align:right; max-width:400px;}
.foot2 .foot1_t2{ line-height:20px; padding:5px 0;}
.foot2_logo{ height:48px; margin-bottom:33px;}
.foot2_logo img{ height:100%;}
.copy{ height:70px; line-height:70px; font-size:14px; color:#999; border-top:1px solid #444a4e; margin-top:70px;}
.copy a{ color:#999;}
.copy a:hover{ color:#fff;}
.copy1{ float:left;}
.copy2{ float:right;}
.copy span{ padding-left:10px;}

@media (max-width: 992px){
.foot{ padding:0;}
.foot .width::after{ height:0;}
.foot1{ display:none;}
.foot2{ display:none;}
.copy{ height:10vw; line-height:10vw; font-size:3vw; border-top:none; margin-top:0;}
.copy a{ display:none;}
.copy1{ width:100%; text-align:center;}
.copy2{ display:none;}
.copy span{ display:none;}
}


.ban{ width:100%; height:450px; line-height:450px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .width > div{ display:inline-block; vertical-align:middle; line-height:normal; width:100%;}
.ban_t1{ text-align:center; font-size:50px; font-weight:bold; color:#fff;}
.ban_t2{ text-align:center; font-size:26px; font-weight:bold; color:#fff; padding-top:10px;}

@media (max-width: 992px){
.ban{ height:35vw; line-height:35vw;}
.ban_t1{ font-size:5vw;}
.ban_t2{ font-size:3.5vw; padding-top:1vw;}
}

.a1_bg{ padding:80px 0;}
.a1_title{ font-size:42px; font-weight:bold; color:#222; padding:40px 0;}
.a1_title_culture{ padding-top:0;}
.a1{}
.a1_p{ width:100%; font-size:16px; line-height:2em; color:#666;}
.a1_p a{ color:#666;}
.a1_p p{ padding-top:1.5em;}
.a1_p p:nth-child(1){ padding-top:0;}
.a1_num{ text-align:center; margin-top:40px;}
.a1_num1{ display:inline-block; vertical-align:top; margin:0 110px;}
.a1_num1:nth-child(1){ margin-left:0;}
.a1_num1:nth-last-child(1){ margin-right:0;}
.a1_num1 p:nth-child(1){ font-size:50px; font-weight:bold; color:#0681cf;}
.a1_num1 p:nth-child(2){ font-size:16px; color:#222;}
.a2_bg{ height:280px; line-height:280px; text-align:center; font-size:42px; font-weight:bold; color:#fff; background:url(../img/bg.jpg) center no-repeat; background-size:cover;}

@media (max-width: 992px){
.a1_bg{ padding:6vw 0;}
.a1_title{ font-size:5vw; padding-bottom:1vw; padding-top:5vw;}
.a1_title_culture{ padding-top:0; padding-bottom:1vw;}
.a1{}
.a1_pic{ width:100%; height:60vw; margin-top:0;}
.a1_p{ width:100%; font-size:3vw; margin-top:4vw;}
.a1_p p{ padding-top:0.5em;}
.a1_p p:nth-child(1){ padding-top:0;}
.a1_num{ margin-top:4vw;}
.a1_num1{ margin:0 3vw;}
.a1_num1:nth-child(1){ margin-left:0;}
.a1_num1:nth-last-child(1){ margin-right:0;}
.a1_num1 p:nth-child(1){ font-size:8vw;}
.a1_num1 p:nth-child(2){ font-size:3vw;}
.a2_bg{ padding:7vw 9vw; height:auto; line-height:7vw; font-size:4.5vw;}
}
@media (max-width: 1366px) and (min-width: 993px){

}

.culture{ padding:80px 0;}
.culture1_bg{ width:100%; height:700px; background-size:cover; margin-top:110px;}
.culture1{ float:left; position:relative; width:450px; height:700px; background:url(../img/c1.jpg) center no-repeat; background-size:cover; background-repeat:no-repeat; margin-left:25px;}
.culture1:nth-child(1){ margin-left:0;}
.culture1:nth-child(2){ width:450px; background:rgba(0,0,0,.3);}
.culture1_t1{ position:absolute; width:100%; text-align:center; font-size:24px; line-height:70px; background:#f8f8f8; margin-top:-70px;}
.culture1_t2{ position:absolute; width:100%; text-align:center; font-size:24px; line-height:30px; color:#fff; margin-top:190px;}
.culture1_t3{ width:80px; height:80px; background-position:center; background-repeat:no-repeat; background-size:contain; margin:370px auto 0;}
.culture1:nth-child(2) .culture1_t1{ background:#f0f0f0;}

@media (max-width: 992px){
.culture{ padding:6vw 0;}
.culture1_bg{ height:70vw; margin-top:4vw; background:url(../img/culture.jpg) center no-repeat;}
.culture1{ width:100%; height:auto; text-align:center; padding:6vw 0; margin-left:0; background:none !important;}
.culture1:nth-child(1){ padding-top:9vw;}
.culture1:nth-child(2){ width:100%;}
.culture1_t1{ display:inline-block; vertical-align:middle; width:25vw; position:relative; font-size:4vw; line-height:6vw; background:none; margin-top:0; color:#fff;}
.culture1_t2{ display:inline-block; vertical-align:middle; width:40vw; position:relative; font-size:3vw; line-height:5vw; margin-top:0;}
.culture1_t3{ display:inline-block; vertical-align:middle; width:8vw; height:8vw; margin:0 5vw;}
.culture1:nth-child(2) .culture1_t1{ background:none;}
}
@media (max-width: 1366px) and (min-width: 993px){
.culture1{ width:400px;}
.culture1:nth-child(2){ width:400px;}
}

.strength{ padding:80px 0; background:#f8f8f8;}
.strength .title1{ padding-bottom:40px;}

.honor_bg{ padding:80px 0;}
.honor_bg .title1{ padding-bottom:40px;}
.honor{ position:relative; width:100%; overflow:hidden;}
.honor .swiper-wrapper{ width:100%;}
.honor .swiper-slide{ position:relative; width:310px; height:440px; background-position:center; background-repeat:no-repeat; background-size:cover; outline:1px solid #ddd; margin-right:53px;}
.honor .swiper-button-next,.honor .swiper-button-prev{ width:50px; height:50px; border-radius:50%; background:rgba(0,0,0,.3);}
.honor .swiper-button-next::after,.honor .swiper-button-prev::after{ font-size:24px; color:#fff;}

.service_1{ padding:80px 0; background:#f8f8f8;}

.honor2{ margin:50px 0;}
.honor2 .swiper-slide{ float:left; margin-left:53px; margin-right:0; margin-top:50px;}
.honor2 .swiper-slide:nth-child(4n-3){ margin-left:0;}
.honor2 .swiper-slide:nth-child(1),.honor2 .swiper-slide:nth-child(2),.honor2 .swiper-slide:nth-child(3),.honor2 .swiper-slide:nth-child(4){ margin-top:0;}

.honor3{ overflow:visible; padding-bottom:30px; margin:50px 0;}
.honor3 .swiper-slide{ float:left; width:431px; height:320px; margin-left:53px; margin-right:0; margin-top:80px; outline:none;}
.honor3 .swiper-slide:nth-child(3n-2){ margin-left:0;}
.honor3 .swiper-slide:nth-child(1),.honor3 .swiper-slide:nth-child(2),.honor3 .swiper-slide:nth-child(3){ margin-top:0;}
.honor3_pic{ position:relative; width:100%; height:320px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.honor3 p{ position:relative; z-index:2; text-align:center; line-height:50px;}

@media (max-width: 992px){
.strength{ padding:6vw 0;}
.strength .title1{ padding-bottom:4vw;}
.honor_bg{ padding:6vw 0;}
.honor_bg .title1{ padding-bottom:4vw;}
.honor .swiper-slide{ width:45.5vw; height:65vw; margin-right:3vw;}
.honor .swiper-button-next,.honor .swiper-button-prev{ width:8vw; height:8vw;}
.honor .swiper-button-next::after,.honor .swiper-button-prev::after{ font-size:4vw;}
.service_1{ padding:6vw 0;}
.honor2{ margin:5vw 0;}
.honor2 .swiper-slide{ width:45.5vw; height:65vw; margin-left:3vw; margin-right:0; margin-top:3vw;}
.honor2 .swiper-slide:nth-child(4n-3){ margin-left:3vw;}
.honor2 .swiper-slide:nth-child(2n-1){ margin-left:0;}
.honor2 .swiper-slide:nth-child(1),.honor2 .swiper-slide:nth-child(2),.honor2 .swiper-slide:nth-child(3),.honor2 .swiper-slide:nth-child(4){ margin-top:3vw;}
.honor2 .swiper-slide:nth-child(1),.honor2 .swiper-slide:nth-child(2){ margin-top:0;}
.honor3{ padding-bottom:5vw; margin-top:3vw;}
.honor3 .swiper-slide{ width:45.5vw; height:33.8vw; margin-left:3vw; margin-right:0; margin-top:7vw;}
.honor3 .swiper-slide:nth-child(3n-2){ margin-left:3vw;}
.honor3 .swiper-slide:nth-child(2n-1){ margin-left:0;}
.honor3 .swiper-slide:nth-child(1),.honor3 .swiper-slide:nth-child(2),.honor3 .swiper-slide:nth-child(3){ margin-top:7vw;}
.honor3 .swiper-slide:nth-child(1),.honor3 .swiper-slide:nth-child(2){ margin-top:0;}
.honor3_pic{ height:33.8vw;}
.honor3 p{ line-height:6vw;}
}
@media (max-width: 1366px) and (min-width: 993px){
.honor .swiper-slide{ width:260px; height:370px;}
.honor3 .swiper-slide{ width:360px; height:267px;}
.honor3_pic{ height:267px;}
}

.news_bg{ padding:80px 0; background:#f8f8f8;}
.nav2{ margin-bottom:40px;}
.nav2 a{ float:left; display:block; width:128px; height:38px; line-height:38px; text-align:center; font-size:16px; color:#222; border:1px solid #ccc; border-radius:25px; margin-right:15px;}
.nav2 a:hover{ background:#0681cf; color:#fff; border-color:#0681cf;}
.cur2{ background:#0681cf; color:#fff !important; border-color:#0681cf !important;}

@media (max-width: 992px){
.news_bg{ padding:6vw 0;}
.nav2{ margin-bottom:5vw;}
.nav2 a{ width:29vw; height:8vw; line-height:8vw; font-size:3.5vw; border-radius:4vw; margin-right:3vw;}
}

.news1{ float:left; display:block; width:760px; color:#222;}
.news1:hover{ color:#0681cf;}
.news1_pic{ position:relative; width:100%; height:260px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news1_p{ background:#fff; padding:25px;}
.news1_t1{ font-size:14px; color:#666;}
.news1_t2{ font-size:20px; font-weight:bold; padding-top:8px;}

.news2_bg{ float:right; width:610px;}
.news2{ float:right; display:block; width:560px; background:#fff; color:#222; padding:25px; margin-top:30px;}
.news2:nth-child(3){ margin-top:0;}
.news2:hover{ color:#0681cf;}

.news3_bg{ width:100%;}
.news3{ float:left; display:block; width:1350px; padding:25px; background:#fff; color:#222; margin-top:30px;}
.news3:hover{ color:#0681cf;}
.news1_t3{ font-size:16px; line-height:24px; color:#222; padding:10px 0 15px;}
.news1_t4{ font-size:14px; color:#0681cf;}

@media (max-width: 992px){
.news1{ width:100%;}
.news1_pic{ height:40vw;}
.news1_p{ padding:3vw;}
.news1_t1{ font-size:3vw;}
.news1_t2{ font-size:3.5vw; padding-top:1.5vw;}

.news2_bg{ width:100%;}
.news2{ width:88vw; padding:3vw; margin-top:3vw;}
.news2:nth-child(3){ margin-top:3vw;}

.news3{ padding:3vw; margin-top:3vw;}
.news1_t3{ display:none;}
.news1_t4{ display:none;}
}
@media (max-width: 1366px) and (min-width: 993px){
.news1{ width:600px;}
.news2{ width:520px;}
.news3{ width:1150px;}
}

.page{ margin-top:50px;}
.page,.page span,.page p,.page a{ padding:4px; font-size:15px; color:#aaa;}
.page a{ color:#666;}
.page a:hover{ color:#0681cf;}
.page-num-current{ color:#0681cf !important;}

@media (max-width: 992px){
.page{ margin-top:5vw;}
.page,.page span,.page p,.page a{ padding:2vw; font-size:3vw; background:#eee;}
.page-status,.page-index,.page-last{ display:none;}
}

.news_content{ background:#fff; padding:70px;}
.news_t1{ text-align:center; font-size:26px; font-weight:bold; color:#222;}
.news_t2{ text-align:center; font-size:14px; color:#666; padding:15px 0 30px;}
.news_t3{ font-size:16px; line-height:32px; color:#666;}
.news_t3 a{ color:#666;}
.news_t3 a:hover{ color:#0681cf;}
.news_t4{ font-size:16px; color:#222; margin-top:60px;}
.news_t4 a{ color:#0681cf;}

@media (max-width: 992px){
.news_content{ padding:6vw 3vw;}
.news_t1{ font-size:4.5vw;}
.news_t2{ font-size:3vw; padding:3vw 0 4vw;}
.news_t3{ font-size:3vw; line-height:2em;}
.news_t4{ font-size:3vw; margin-top:6vw;}
}

.contact1{ padding:80px 0; background:#f8f8f8;}
.con_t1{ font-size:24px; color:#222; border-bottom:2px solid #ddd; padding-bottom:15px; margin:40px 0;}
.con_p{ float:left; width:675px; height:320px; line-height:320px; background:#fff;}
.con_p > div{ display:inline-block; vertical-align:middle; line-height:normal; padding:0 50px;}
.con_t2{ font-size:24px; color:#222; line-height:36px;}
.con_t3{ font-size:16px; color:#666; line-height:28px; padding-top:15px;}
.con_t3 a{ color:#666;}
.map{ float:right; width:675px; height:320px;}
.con_left{ float:left; width:675px;}
.con_right{ float:right; width:675px;}

@media (max-width: 992px){
.contact1{ padding:6vw 0;}
.con_t1{ font-size:4vw; padding-bottom:2vw; margin:4vw 0 5vw;}
.con_p{ width:100%; height:auto; line-height:normal; padding:6vw 0;}
.con_p > div{ padding:0 3vw;}
.con_t2{ font-size:4.5vw; line-height:7vw;}
.con_t3{ font-size:3.5vw; line-height:2em; padding-top:1vw;}
.map{ width:94vw !important; height:50vw !important;}
.map > div{ width:94vw !important; height:50vw !important;}
.con_left{ float:none; width:100%;}
.con_right{ float:none; width:100%;}
}
@media (max-width: 1366px) and (min-width: 993px){
.con_p{ width:575px;}
.map{ width:575px;}
.map > div{ width:575px !important;}
.con_left{ width:575px;}
.con_right{ width:575px;}
}

.message_bg{ padding:80px 0;}
.message_bg .title1{ padding-bottom:20px;}
.mes1{ float:left; width:675px; margin-left:50px; margin-top:30px;}
.mes1:nth-child(2n-1){ margin-left:0;}
.mes1_t{ font-size:16px; color:#222;}
.mes1_t span{ color:red; padding-left:5px;}
.input1{ width:100%; height:40px; line-height:40px; font-size:14px; color:#666; border:none; border-bottom:1px solid #ddd; outline:none;}
.mes2{ width:1400px;}
.mes3{ width:170px; margin:0 auto;}
.input2{ width:170px; height:46px; line-height:46px; text-align:center; font-size:16px; color:#fff; background:#0681cf; border:none; border-radius:5px; outline:none; cursor:pointer; margin-top:40px;}

@media (max-width: 992px){
.message_bg{ padding:6vw 0;}
.message_bg .title1{ padding-bottom:5vw;}
.mes1{ width:44.5vw; margin-left:5vw; margin-top:5vw;}
.mes1:nth-child(2n-1){ margin-left:0;}
.mes1:nth-child(1),.mes1:nth-child(2){ margin-top:0;}
.mes1_t{ font-size:3.5vw;}
.mes1_t span{ padding-left:1vw;}
.input1{ height:10vw; line-height:10vw; font-size:3.5vw;}
.mes2{ width:94vw;}
.mes3{ width:30vw;}
.input2{ width:30vw; height:8vw; line-height:8vw; font-size:3vw; margin-top:5vw;}
}
@media (max-width: 1366px) and (min-width: 993px){
.mes1{ width:575px;}
.mes2{ width:1200px;}
}

.content{ padding:80px 0;}
.product_left{ float:left; width:240px;}
.product_right{ float:right; width:1120px;}
.left_t1{ line-height:36px; font-size:28px; font-weight:bold; color:#fff; background:#0681cf; text-align:center; padding:15px 0;}
.left_nav{ border:2px solid #ddd; border-top:none; padding:28px 18px;}
.left_nav1{ font-size:19px; font-weight:bold; background:url(../img/nav.png) left top no-repeat; background-size:19px; padding-left:28px; margin:25px 0 15px;}
.left_nav1:nth-child(1){ margin-top:0;}
.left_nav1 a{ color:#222;}
.left_nav1 a:hover{ color:#0681cf;}
.left_nav2{ font-size:16px; line-height:20px; padding:5px 0; padding-left:28px;}
.left_nav2 a{ color:#333;}
.left_nav2 a:hover{ color:#0681cf;}
.cur3{ color:#0681cf !important;}

@media (max-width: 992px){
.content{ padding:6vw 0;}
.product_left{ width:100%;}
.product_right{ width:100%;}
.left_t1{ display:none;}
.left_nav{ border:none; padding:0;}
.left_nav1{ font-size:4vw; background-size:4vw; padding-left:7vw; margin:4vw 0 2vw;}
.left_nav1:nth-child(1){ margin-top:0;}
.left_nav2{ float:left; font-size:3.5vw; line-height:7vw; padding:0; padding-left:7vw;}
}

.right_title{ height:55px;}
.right_title1{ float:left; width:560px; padding:0 25px; font-size:20px; line-height:55px; background:#0681cf; color:#fff;}
.right_search{ float:right; position:relative; width:490px;}
.right_search1{ width:448px; height:53px; line-height:53px; font-size:16px; color:#666; padding:0 20px; border:1px solid #ddd; outline:none;}
.right_search2{ position:absolute; width:55px; height:55px; right:0; top:0; background:url(../img/search2.png) center no-repeat; background-size:24px; border:none; outline:none; cursor:pointer;}

@media (max-width: 992px){
.right_title{ height:10vw; margin-top:5vw;}
.right_title1{ display:none;}
.right_search{ width:100%;}
.right_search1{ width:88vw; height:10vw; line-height:10vw; font-size:3.5vw; padding:0 3vw; border:none; outline:1px solid #ddd;}
.right_search2{ width:10vw; height:10vw; background-size:4vw;}
}
@media (max-width: 1366px) and (min-width: 993px){
.product_right{ width:920px;}
.right_title1{ width:400px;}
.right_search{ width:450px;}
.right_search1{ width:410px;}
}

.pro3_bg{ margin-top:40px;}
.pro3{ float:left; width:265px; background:#e8e8e8; color:#333; margin-left:20px; margin-top:20px;}
.pro3:nth-child(4n-3){ margin-left:0;}
.pro3:nth-child(1),.pro3:nth-child(2),.pro3:nth-child(3),.pro3:nth-child(4){ margin-top:0;}
.pro3_pic{ position:relative; width:263px; height:263px; border:1px solid #ddd; border-bottom:none; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#fff; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.pro3_p{ text-align:center; height:48px; line-height:48px; font-size:16px; padding:5px 10px; overflow:hidden;}
.pro3_p > div{ display:inline-block; vertical-align:middle; line-height:24px;}
.pro3:hover{ background:#0681cf; color:#fff;}
.pro3:hover .pro3_pic{ border-color:#0681cf;}

@media (max-width: 992px){
.pro3_bg{ margin-top:5vw;}
.pro3{ width:45.5vw; margin-left:3vw; margin-top:3vw; outline:1px solid #ddd;}
.pro3:nth-child(4n-3){ margin-left:3vw;}
.pro3:nth-child(2n-1){ margin-left:0;}
.pro3:nth-child(1),.pro3:nth-child(2){ margin-top:0;}
.pro3:nth-child(3),.pro3:nth-child(4){ margin-top:3vw;}
.pro3_pic{ width:45.5vw; height:45.5vw; border:none;}
.pro3_p{ height:10vw; line-height:10vw; font-size:3.5vw; padding:0 2vw; overflow:hidden;}
.pro3_p > div{ display:inline-block; vertical-align:middle; line-height:5vw;}
.pro3:hover{ outline-color:#0681cf;}
}
@media (max-width: 1366px) and (min-width: 993px){
.pro3{ width:215px;}
.pro3_pic{ width:213px; height:213px;}
}

.product{ position:relative; width:100%; overflow:hidden; background:-moz-linear-gradient(#e4e4e4, #eeeeee, #e4e4e4); background:-ms-linear-gradient(#e4e4e4, #eeeeee, #e4e4e4); background:-webkit-linear-gradient(#e4e4e4, #eeeeee, #e4e4e4); background:linear-gradient(#e4e4e4, #eeeeee, #e4e4e4); background:#fff;}
.product .swiper-slide{ position:relative; width:100%; height:500px; background-position:center; background-repeat:no-repeat; background-size:contain;}
.product .swiper-button-next::after,.product .swiper-button-prev::after{ font-size:24px; color:#0681cf;}
.pro_t1{ text-align:center; font-size:28px; font-weight:bold; color:#222; padding:20px 0 0;}
.pro_t2{ font-size:16px; font-weight:bold; color:#222; padding:25px 0 10px;}
.pro_t3{ font-size:16px; line-height:2em; color:#666;}
.pro_t3 a{ color:#666;}
.pro_t3 table{ width:100% !important; border-collapse:collapse;}
.pro_t3 table td{ border:1px solid #a0a0a0 !important; padding:0 15px; font-family:'微软雅黑' !important;}
.pro_btn{ text-align:center; margin-top:60px;}
.pro_btn1,.pro_btn2{ display:inline-block; vertical-align:top; text-align:center; width:360px; height:58px; line-height:58px; color:#222; border:1px solid #aaa; border-radius:30px; margin:0 50px;}
.pro_btn span{ display:inline-block; vertical-align:middle; width:28px; height:28px; background:url(../img/b1.png) center no-repeat; background-size:contain; margin-right:10px; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.pro_btn2 span{ background-image:url(../img/b2.png);}
.pro_btn p{ display:inline-block; vertical-align:middle; font-size:16px;}
.pro_btn1:hover,.pro_btn2:hover{ background:#0681cf; color:#fff !important; border-color:#0681cf;}
.pro_btn1:hover span{ background-image:url(../img/b11.png);}
.pro_btn2:hover span{ background-image:url(../img/b21.png);}

@media (max-width: 992px){
.product{ margin-top:5vw;}
.product .swiper-slide{ height:55vw;}
.product .swiper-button-next::after,.product .swiper-button-prev::after{ font-size:4vw;}
.pro_t1{ font-size:5vw; padding:3vw 0 0;}
.pro_t2{ font-size:3.5vw; padding:3vw 0 1vw;}
.pro_t3{ font-size:3vw;}
.pro_t3 table td{ padding:0 3vw;}
.pro_btn{ margin-top:6vw;}
.pro_btn1,.pro_btn2{ width:36vw; height:9vw; line-height:9vw; border-radius:5vw; margin:0 3vw;}
.pro_btn span{ width:5vw; height:5vw; margin-right:2vw;}
.pro_btn p{ font-size:3vw;}
}
@media (max-width: 1366px) and (min-width: 993px){
.pro_btn1,.pro_btn2{ width:300px;}
}

.case_bg{ margin-top:40px;}
.case{ float:left; width:360px; background:#e8e8e8; color:#333; margin-left:20px; margin-top:20px;}
.case:nth-child(3n-2){ margin-left:0;}
.case:nth-child(1),.case:nth-child(2),.case:nth-child(3){ margin-top:0;}
.case_pic{ position:relative; width:358px; height:258px; border:1px solid #ddd; border-bottom:none; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#fff; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.case_p{ text-align:center; height:48px; line-height:48px; font-size:16px; padding:5px 10px; overflow:hidden;}
.case_p > div{ display:inline-block; vertical-align:middle; line-height:24px;}
.case:hover{ background:#0681cf; color:#fff;}
.case:hover .case_pic{ border-color:#0681cf;}

@media (max-width: 992px){
.case_bg{ margin-top:5vw;}
.case{ width:45.5vw; margin-left:3vw; margin-top:3vw; outline:1px solid #ddd;}
.case:nth-child(3n-2){ margin-left:3vw;}
.case:nth-child(2n-1){ margin-left:0;}
.case:nth-child(1),.case:nth-child(2){ margin-top:0;}
.case:nth-child(3){ margin-top:3vw;}
.case_pic{ width:45.5vw; height:30vw; border:none;}
.case_p{ height:10vw; line-height:10vw; font-size:3.5vw; padding:0 2vw; overflow:hidden;}
.case_p > div{ display:inline-block; vertical-align:middle; line-height:5vw;}
.case:hover{ outline-color:#0681cf;}
}
@media (max-width: 1366px) and (min-width: 993px){
.case{ width:293px;}
.case_pic{ width:291px; height:228px;}
}

.case1_pic{ float:left; position:relative; width:500px; height:350px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.case1_p{ float:right; width:580px;}
.case1_t1{ font-size:28px; font-weight:bold; color:#222; padding:18px 0; border-bottom:1px solid #ddd; margin-bottom:25px;}
.case1_t2{ font-size:16px; line-height:2em; color:#666;}
.case1_t3{ font-size:18px; line-height:50px; color:#222; background:#ddd; padding:0 20px; margin:40px 0 20px;}

@media (max-width: 992px){
.case1_pic{ width:100%; height:40vw; margin-top:5vw;}
.case1_p{ width:100%;}
.case1_t1{ font-size:5vw; padding:3vw 0; margin-bottom:3vw;}
.case1_t2{ font-size:3vw;}
.case1_t3{ font-size:4vw; line-height:8vw;  padding:0 3vw; margin:5vw 0 3vw;}
}
@media (max-width: 1366px) and (min-width: 993px){
.case1_p{ width:385px;}
}

.case2_bg{ margin-top:40px;}
.case2{ float:left; width:360px; color:#333; margin-left:20px; margin-top:20px;}
.case2:nth-child(3n-2){ margin-left:0;}
.case2:nth-child(1),.case2:nth-child(2),.case2:nth-child(3){ margin-top:0;}
.case2_pic{ position:relative; width:100%; height:260px; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#fff; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.case2 p{ text-align:center; line-height:40px; font-size:16px;}
.case2:hover{ color:#222;}

@media (max-width: 992px){
.case2_bg{ margin-top:5vw;}
.case2{ width:45.5vw; margin-left:3vw; margin-top:2vw;}
.case2:nth-child(3n-2){ margin-left:3vw;}
.case2:nth-child(2n-1){ margin-left:0;}
.case2:nth-child(1),.case2:nth-child(2){ margin-top:0;}
.case2:nth-child(3){ margin-top:2vw;}
.case2_pic{ height:30vw;}
.case2 p{ line-height:8vw; font-size:3.5vw;}
}
@media (max-width: 1366px) and (min-width: 993px){
.case2{ width:293px;}
.case2_pic{ height:228px;}
}







/* light #00b4ff */
/* dark #0681cf */