@charset "utf-8";
@import url("bootstrap.min.css");
@import url("icomoon.css");
@font-face {font-family: 'Barlow-Bold';	src: url('fonts/Barlow-Bold.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Barlow-Medium';src: url('fonts/Barlow-Medium.otf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Barlow-Light';src: url('fonts/Barlow-Light.ttf');font-weight: normal;font-style: normal;}
html,body,ul,li{margin:0;padding:0;height:100%; font-size:14px; color:#555;-webkit-text-size-adjust:none;font-family: 'Barlow-Light';}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-size:14px; color:#555; font-weight:normal;font-family: 'Barlow-Light';}
em{ font-style:normal;font-family: 'Barlow-Light'}
h1{font-family:'Barlow-Bold'}
input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top}
input{font-size:14px;outline:0;display: inline-block;}
input[type=button]{cursor:pointer}
select{margin:0}
li{list-style:none}
img{display: inline-block; border:none}
a{text-decoration:none;color:#555;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;}
a:hover{ color:#0f3f97;text-decoration:none;}
a,input,button,textarea,i{ outline:none; }

.fl{float: left;}
.fr{float: right;}
.flex-wrap{ display: -webkit-box; display: -webkit-flex; display: flex; }
.flex-vertical{ -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;}
.flex-con{ -webkit-box-flex: 1;-webkit-flex: 1; flex: 1;}
header{height: 72px;width:100%;position: fixed;left: 0;top: 0;z-index: 11111;background:rgba(255,255,255,.95);box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);padding: 0}
header .row div{padding: 0}
header .logo a {display: table-cell;vertical-align: middle;height: 72px;}
header .logo a img{height: 80%}
header .logo a .company{display: inline-block;vertical-align: middle;border-left: 1px #ddd solid;padding-left:20px;margin-left:25px;}
header .logo a .company h1{font-size: 20px;font-family: 'Barlow-Medium';color: #333;display: block;padding-top: 6px}
header .logo a .company h2{width: 100%;overflow: hidden;}
header .logo a .company h2 span{text-transform: uppercase;color: #aaa;line-height: 20px;display: block;font-size:8.5px;-webkit-transform-origin-x: 0;-webkit-transform-origin-y: 8px;-webkit-transform: scale(0.72);-moz-transform:scale(1);font-family: "arial"}
header .menu{width:100%;}
header .menu > ul li{display: inline-block;position: relative;padding: 0 2.5%;line-height: 70px}
header .menu > ul li>a{font-size: 15px;position: relative;font-family: 'Barlow-Bold'}
header .menu > ul li#on>a,header .menu li.this>a{color: #0f3f97;}
header .menu > ul li> a i{width:0;position: absolute;top:28px;left: 0;height: 1px;background:#0f3f97}
header .menu > ul li#on> a i{width:100%;}
header .menu > ul li>a:after{padding-bottom: 8px;border-bottom: 1px #eee solid}
header .menu > ul li span{display: block;text-align:center;position: absolute;top: 80px;left: -25%;width:150%;background:rgba(255,255,255,.9);box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);padding: 15px 20px;transition:all .2s;visibility:hidden;opacity: 0}
header .menu > ul li.this span{top: 72px;visibility: visible;opacity: 1}
header .menu > ul li:nth-child(2) span{width:200%;left:-50%;}
header .menu > ul li:nth-child(3) span{width:240%;left:-70%;}
header .menu > ul li:nth-child(4) span,header .menu > ul li:nth-child(5) span{width:200%;left:-50%;}
header .menu > ul li:nth-child(6) span{width:240%;left:-70%;}
header .menu > ul li em{display: none;position:absolute;right:3%;top:0px;font-size:18px}
header .menu > ul li span:after {position: absolute;top: -6px;left: 47%;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid rgba(0,0,0,0.3);border-left: 6px solid transparent;content: '';}
header .menu > ul li span a{display:block;text-align: center;line-height: 30px;width: 100%;margin:10px 0;border-radius: 20px;}
header .menu > ul li span a:hover{background: #0f3f97;color: #fff}
header .menu .mobile-menu{display: none;height: 70px;padding-left:50%}
header .menu .mobile-menu ul{display: table-cell;vertical-align: middle;text-align: right;cursor: pointer;}
header .menu .mobile-menu ul li{width: 28px; height: 3px; margin:4px 0;background: #4a4a4a;transition: all .2s;}
header .menu .mobile-menu ul.click li:nth-of-type(1){-moz-transform: translateY(7px) rotate(45deg);	-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg); }
header .menu .mobile-menu ul.click li:nth-of-type(2){-moz-transform: translateY(0px) rotate(45deg);	-ms-transform: translateY(0px) rotate(-45deg);-webkit-transform: translateY(0px) rotate(-45deg);transform: translateY(0px) rotate(-45deg); }
header .menu .mobile-menu ul.click li:nth-of-type(3){-moz-transform: translateY(-7px) rotate(45deg);-ms-transform: translateY(-7px) rotate(45deg);-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);}
header .lang{line-height: 70px;text-align:right;}
header .lang i{margin-right: 10px;vertical-align: middle;}
header .lang i.icon-search{font-size: 17px;color: #aaa;vertical-align: sub;}
header .lang i.icon-earth1{font-size: 12px;color: #666}
header .lang i.icon-earth1:before{font-size: 14px;margin-right: 12px;vertical-align: top;color: #aaa}
@media (max-width:1399px){
	header .menu > ul li{padding: 0 2%;}
}
@media (max-width:1200px){
	header .logo a img{height: 68%}
	header .logo a .company{margin-left: 10px;padding-left:10px}
	header .menu > ul li>a{font-size: 13px;}
}
@media (max-width:991px){
	header .menu > ul{display: block;position:fixed;width:100%;height:100vh;top:70px;left:-100%;background:#fffffff0;padding-left:15px;padding-top:5%;opacity:0;visibility:hidden;transition:all .2s}
	header .menu.click > ul{left:0;opacity:1;visibility:visible}
	header .menu > ul li{width: 100%;display:block;line-height:60px;height:60px;border-bottom:1px #ddd solid;overflow:hidden}
	header .menu > ul li span{display: block;text-align:center;position: initial;width:100%;background:none;box-shadow: 0 0 0 0 rgba(0,0,0,0);padding: 15px 0;visibility:visible;opacity: 1;text-indent:15px}
	header .menu > ul li span a{display: block;width: 100%;}
	header .menu > ul li > a{font-size: 17px;font-weight:bold;color:#222}
	header .menu > ul li > a i{display:none}
	header .menu > ul li em{display: inline-block;cursor: pointer;}
	header .menu > ul li.active em{transform: rotate(90deg);}
	header .menu > ul li span{padding-top: 0;padding-bottom: 10px;}
	header .menu > ul li span a{text-align: left;line-height: 30px;border-radius: 0;margin:0;margin-bottom:5px;position:relative}
	header .menu > ul li span a:after{content:'';position: absolute;left: 0;top: 15px;width: 6px;height: 1px;background: #aaa;}
	header .menu > ul li span a:hover{background:none;color:#0F3F97}
	header .lang{display: none;}
	header .menu .mobile-menu{display: table;}
}
@media (max-width:767px){
	header .logo a img{height: 65%}
	header .menu .mobile-menu {text-align: right;}
	header .logo a .company h2 span{font-size:12px;}
	header .menu .mobile-menu{padding-left:10%}
}
@media (max-width:576px){
    header .menu .mobile-menu{padding-left:0}
}
@media (max-width:375px){
	header .logo a .company h1{padding: 5px 0}
	header .logo a .company h2{display: none;}
}

.banner,.bannerinner{position: relative;}
.banner,.bannerinner,.bannerinner img,.banner .swiper-slide .img img{width: 100%}
.bannerinner{box-shadow: 0 1px 12px 0 rgba(0,0,0,0.15)}

.bannerinner .txt{position: absolute;left: 18%;top: 42%;}
.bannerinner .txt h1{font-size: 35px; color:rgba(255,255,255,.2);text-transform: uppercase;font-weight: bold;font-family: 'Barlow-Bold';}
.bannerinner .txt h2{font-size: 25px;color:#fff;}
.bannerinner .containerfull{position:absolute;bottom:0;width:100%;left: 0}
.nav-menu{padding-top: 0;padding-bottom:0;margin-top:-46px}
.nav-menu ul{width:100%;font-size: 0;background: #fff;position:relative}
.nav-menu ul i{display: none;}
.nav-menu .subnav{display: inline-block;}
.nav-menu li{display: inline-block;padding: 0;vertical-align: top;border-right: 1px #fff solid;position: relative;height: 46px;}
.nav-menu > li:first-child{border-right: none}
.nav-menu li > a{padding: 15px 80px 15px 30px;display: inline-block;text-align: center;color:#fff;font-size: 14px;line-height: 16px;background: #0f3f97;}
.nav-menu li:first-child >a{background: #333;color:#fff;padding: 15px;font-size: 22px}
.nav-menu .subnav li:first-child >a{background: #0f3f97;color:#fff;}
.nav-menu .subnav li:first-child > a{font-size:14px;padding: 15px 55px 15px 30px;}
.nav-menu li.this > a,.nav-menu .subnav li.this > a{background: #fff;color:#333}
.nav-menu .subnav li > a:hover,.nav-menu li.hover > a{background: #65c6ff;color:#fff}
.nav-menu li > a i{font-size:16px;line-height: 16px;margin-left:5px;vertical-align: bottom}
.nav-menu li span{position: absolute;top: 60px;left: 0;display: block;width: 100%;padding: 5% 8%;background: #fff;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);opacity: 0;visibility: hidden;transition: all .2s;z-index: 101}
.nav-menu li span a{display: block;line-height: 40px;}
.nav-menu li.hover span{top: 46px;opacity: 1;visibility: visible;}
.banner-slide {}
.banner-slide .txt{position: absolute;width: 900px;left: 18%;top: 50%;z-index: 33;-webkit-transform: translateY(-50%);}
.banner-slide .txt h1{font-size: 22px;color: #fff;margin: 0;padding: 8px 20px;background: #0d3e96;display: inline-block;border-radius: 3px;line-height: 33px;vertical-align: top;}
.banner-slide .txt h1 span{background: url('../images/bannericon.png') no-repeat left center;width:50px;height: 33px;display: inline-block;vertical-align: top;background-size:contain}
.banner-slide .txt h2{font-size: 32px;font-weight: bold;color: #fff;line-height: 40px;font-family: 'Barlow-Medium';letter-spacing: 2px;padding-top: 30px;padding-bottom: 5px}
.banner-slide .txt h3{color:rgba(255,255,255,0.8);font-size: 13px;font-family: 'Barlow-Light';text-transform:capitalize;}
.banner-slide .txt .line {width: 100px;height: 1px;background: #fff;margin-top: 20px;}
.banner-slide .txt h4{font-size: 14px;color: #fff;padding-top:30px;margin:0;font-weight: normal;line-height: 26px;}
.banner-slide .txt.center {text-align: center;width:100%;left:0;top:20%;margin: 0;}
.banner-slide .txt.none {display: none;}
.banner-slide .txt.right {text-align: right;left: auto;right:18%;left: auto}
.banner-slide .txt.right .line {float: right;clear: both;}
.banner-slide .txt.right .banner-btn a {display: inline-block;vertical-align: middle;float: none;text-align: right;margin-right:0px;margin-left: 15px;}
.banner-slide .img {text-align: center;}
.banner-slide .txt .img {text-align: left;}
.banner-slide .txt h1 {transform:translateY(200px);opacity:0;transition:all .3s;}
.banner-slide .txt h2 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .txt h3 {transform:translateY(200px);opacity:0;transition:all .9s;}
.banner-slide .txt .line {transform:translateY(200px);opacity:0;transition:all 1.2s;}
.banner-slide .txt h4 {transform:translateY(200px);opacity:0;transition:all 1.5s;}
.banner .swiper-slide-active .txt h1,.banner .swiper-slide-active .txt h2,.banner .swiper-slide-active .txt h3,.banner .swiper-slide-active .txt .line,.banner .swiper-slide-active .txt h4{transform:translateY(0px);opacity:1;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:30px;color:#fff}
@media (max-width:1599px){
	.bannerinner{padding-top: 72px}
	.nav-menu .subnav li > a,.nav-menu .subnav li:first-child > a{padding: 15px 40px 15px 30px;}
}
@media (max-width:1399px){
	.bannerinner{padding-top: 72px}
}
@media (max-width:1199px){
	.banner-slide .txt h2{font-size: 3.3vw;line-height: 5.5vw;padding-top: 20px;}
	.banner-slide .txt h4{padding-top: 40px}
	.banner-slide .txt .line{width: 60px;}
	.banner-slide .txt h2{letter-spacing: 1px;}
	.nav-menu .subnav li > a,.nav-menu .subnav li:first-child > a{padding: 15px 28px;}
}
@media (max-width:991px){
    .banner .swiper-slide .img,.bannerinner .img{position: relative;overflow: hidden;}
    .banner .swiper-slide .img:after,.bannerinner .img:after{height:52vh;content: '';display:block}
    .bannerinner .img:after{height:30vh;}
	.banner .swiper-slide .img img,.bannerinner .img img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:20px;}
	.nav-menu{padding: 0;margin-top:0;height:46px;position:relative;overflow:hidden;border-bottom:1px #eee solid}
	.nav-menu ul{position:relative;width:100%;}
	.nav-menu ul i{font-size:20px;position:absolute;top:7px;right:15px;color:#999;display:block;cursor:pointer}
	.nav-menu .subnav{display: block;width:100%;position:relative;z-index:100}
	.nav-menu .subnav li{width: 100%;display: block;border-bottom:1px #3276c1 solid}
	.nav-menu .subnav li > a, .nav-menu .subnav li:first-child > a{width:100%;}
}
@media (max-width:767px){
    .banner-slide .txt{width: 80%;left: 10%;top: 55%;}
    .banner-slide .txt.right{right: 10%;left:auto}
    .banner-slide .txt h1{font-size: 18px;padding: 4px 15px;line-height: 30px;}
    .banner-slide .txt h1 span{width:36px;height: 24px;margin-top:3px}
	.banner-slide .txt h3{display: none}
	.banner-slide .txt .line{margin-top: 0}
	.banner-slide .txt h4{font-size: 12px;padding-top: 20px}
	.banner-slide .txt h2{font-size: 3vw;padding-top: 0px;letter-spacing: 0;line-height:70px}
	.banner .swiper-pagination-bullet{width: 30px;height:3px}
	.banner .swiper-pagination-bullet-active{width:50px}
}

.index-scroll {position:absolute;right:1%;bottom: 10%;z-index:70;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.bannerinner .index-scroll {bottom: 85px;}
.index-scroll h6{margin: 0;font-weight: normal;font-size: 0;position: relative;padding-bottom:7px;padding-left: 30px;}
.index-scroll h6::after {content: '';display: block;width: 120%;height: 1px;background: #fff;position: absolute;top: 0;left:-20%;-webkit-animation: w100 3000ms infinite ease-in-out;animation: w100 3000ms infinite ease-in-out;}
.index-scroll h6 span{font-size: 12px;color: #fff;text-transform: uppercase;letter-spacing: 1px; margin-right: 10px;display: inline-block;vertical-align: middle;line-height: 35px}
.index-scroll h6 i{width: 12px;line-height: 35px; font-size:16px;color: #999;vertical-align: middle;-webkit-animation: op01 1000ms infinite ease-in-out;animation: op01 1000ms infinite ease-in-out;}
@keyframes w100{0%{width: 0%;} 100%{width: 120%;}}
@keyframes op01{0%{opacity: 0;}100%{opacity: 1;}}
@media (max-width:576px){
    .index-scroll{display: none;}
}
.company-info{border-bottom: 1px #eee solid}
.index-company{padding: 20px;}
.index-company dl{text-align: center;border-right: 1px #ddd solid;}
.index-company dl:last-child{border-right: none;}
.index-company dl dt{width: 100%;font-weight: bold;font-size:50px;line-height: 70px;color: #333;font-family:'Barlow-Bold';}
.index-company dl dt sup{vertical-align:top;font-size: 18px;font-weight: normal}
.index-company dl dd{color: #aaa;font-size: 13px}
@media (max-width:1199px){
    .index-company dl dt{font-size:40px;line-height: 50px;}
}
@media (max-width:767px){
    .index-company{padding: 3% 0;}
    .index-company dl dt{font-size:30px;line-height: 40px;}
    .index-company dl dt sup{font-size: 14px;top:14px;}
}
@media (max-width:576px){
    .index-company dl{padding:10px 0;}
    .index-company dl dt{font-size:25px;line-height: 35px;}
    .index-company dl dd{font-size: 12px;}
    .company-info .container{padding-left:0;padding-right:0}
}
.comm-title{text-align: center;padding-top: 50px;position: relative;}
.comm-title h1{font-size: 65px;color: #f9f9f9;text-transform: uppercase;font-weight: bold;}
.comm-title h2{font-size: 30px;color: #333;margin-top: -45px;font-family:'Barlow-Bold'}
.comm-title i{margin-bottom: 10px;margin-top: 10px;-webkit-animation: op01 1000ms infinite ease-in-out;animation: op01 1000ms infinite ease-in-out;}
/*.comm-title span::before {content: '';position: absolute;bottom: -25px;left: 50%;margin-left: -66px;width: 132px;height: 1px;background: #cccccc;}
.comm-title span::after {content: '';position: absolute;bottom: -26px;left: 50%;margin-left: -18px;width: 36px;height: 3px;background: #ff4713;}*/
.application .comm-title{padding-top: 10px}
.application .comm-title h1{color: #eee}
@media (max-width:1199px){
    .comm-title{padding-top: 40px;}
    .comm-title h1{font-size: 50px;}
}
@media (max-width:767px){
    .comm-title{padding-top: 30px;}
    .comm-title h1{font-size: 45px;}
    .comm-title h2{font-size: 22px;margin-top: -35px}
}
.more{width: 110px;height: 35px;line-height: 35px;border: solid 1px rgba(0,0,0,0.5);text-align: center;color: #000;font-size: 12px;opacity: 0.3;margin-top: 20px;}
.more i{display: inline-block;line-height: 35px;vertical-align: top;margin-left: 5px;}
 /* business */
.business {width: 100%;position: relative;overflow: hidden; background: #f7f7f7; padding:4% 0 2.5% 0;}
.business-module * {display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.business-module .title{text-align: center;margin-bottom: 40px;}
.business-module .title h2{font-size:36px;color: #000;font-weight: bold;}
.business-module .title h3{font-size:24px;color: #000;}
.business-module .title line{height: 2px;width:40px;background: #666;margin:10px auto;}
.business-module .module:hover {-moz-box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc ;box-shadow:0px 0px 10px #ccc;}
.business-module .module {background: #fff;position: relative;width:66.33%;max-height: 550px;float: left;margin-bottom:1%;margin-right: 1%;}
.business-module .module .pic img{width:100%;height:auto;min-height: 236px;max-height: 236px;}
.business-module .module .text{width: 40%;float: left;padding: 5% 5% 0 5%;}
.business-module .module .text h3{font-size: 20px;color: #000;font-family:'Barlow-Bold'}
.business-module .module .text line{height: 1px;width: 80px;background: #000;margin: 20px 0;opacity: 0.2;}
.business-module .module .text h4{font-size:14px;line-height: 24px; color: #999;opacity: 0.8;}
.business-module .module .text li{padding-top:8%;font-size:14px;line-height: 24px; color: #999;opacity: 0.8;}
.business-module .module .text li * {display: inline-block;vertical-align: bottom;color: #fff;}
.business-module .module .text li p {display: block;}
.business-module .module .text li a:hover {color: #ccc;background: none;}
.business-module .module .text li div.tubiao{ float: left;margin-right: 10px;text-align: center;}
.business-module .module .text li div.tubiao i{width:38px;height:38px;border:solid 1px rgba(255,255,255,0.5);border-radius:100%;margin: 5px;}
.business-module .module .text li div.tubiao i img{width: 60%;height:auto;padding:20%;}
.business-module .module .text li div.tubiao h6 {font-size: 12px;opacity: 0.5;}
.business-module .module .pic{width: 50%;float: left;}
.business-module .module .pic img{width:100%;height:auto;}
.business-module .module a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.business-module .module a:hover {background: #333;}
.business-module .app-sroll ul{float: left;}
.business-module .app-sroll a{float: left;width:100%}
.business-module .app-sroll a:hover{background: #333;}
.business-module .module a:hover .text{}
.business-module .module a:hover .text * {color: #fff;}
.business-module .module a:hover .text line{width:100%;background: #fff;}
.business-module .module a:hover .text .more {background: #fff;color:#000;opacity: 1;}
.business-module .module a.more i{color: #eee}
.business-module .module a.more:hover i,.business-module .module a:hover .text .more i{color: #000}
.business-module .module a:hover .text h3 {color: #fff;}
.business-module .module a:hover .text h4 {color: #fff;}

.business-module.module5 .module {background: #fff;position: relative;width:32.66%;max-height: 550px;float: left;margin-bottom:1%;margin-right: 1%;}
.business-module.module5 .module a:hover {}
.business-module.module5 .module .text{width: 50%;float: left;padding: 5% 5% 0 5%;}
.business-module.module5 .module .text h3{font-size: 18px;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.business-module.module5 .module .text line{height: 1px;width: 80px;background: #000;margin: 10px 0;opacity: 0.2;}
.business-module.module5 .module .text h4{font-size:13px;line-height: 24px; color: #999;opacity: 0.8;}
.business-module.module5 .module .text li{padding-top:8% ;font-size:14px;line-height: 24px; color: #fff;opacity: 0.8;height: auto}
.business-module.module5 .module .text li div.tubiao{ float: left;margin-right: 10px;text-align: center;}
.business-module.module5 .module .text li div.tubiao i{width:38px;height:38px;border:solid 1px rgba(255,255,255,0.5);border-radius:100%;margin: 5px;}
.business-module.module5 .module .text li div.tubiao i img{width: 60%;height:auto;padding:20%;}
.business-module.module5 .module .text li div.tubiao h6 {font-size: 12px;opacity: 0.5;}
.business-module.module5 .module .pic{width: 50%;float: left;overflow:hidden}
.business-module.module5 .module .pic img{width:100%;height:auto;}
.business-module.module5 .module a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
 
.business-module.module5 .module1 {float: left;width:66.3%;height: 530px}
.business-module.module5 .module1 .text{background: #0f3f97;height:100%;width:50%; padding:10% 3% 0 3%;position: absolute;left: 0;top: 0;z-index: 1;}
.business-module.module5 .module1 .text h3{color: #fff;font-size: 30px;font-family:'Barlow-Bold'}
.business-module.module5 .module1 .text h4{color: #fff;}
.business-module.module5 .module1 .text li div.tubiao h6 {color: #fff;}
.business-module.module5 .module1 .text line{background: #fff;opacity: 0.5;}
.business-module.module5 .module1 .text .more{margin-top: 50px;border: solid 1px #fff;color: #fff;opacity: 0.5;line-height: 35px}
.business-module.module5 .module1 .text .more:hover {background: #fff;background-size:20%;color:#000;}
.business-module.module5 .module1 .pic{float: right;}
.business-module.module5 .module1 .pic img {height: 530px;max-height:530px;}
.business-module.module5 .module2 .swiper-wrapper {overflow:visible;}
.business-module.module5 .module2 {margin-right:0;height: 530px}
.business-module.module5 .module2 a{height: 530px;}
.business-module.module5 .module2 .text{width:100%;float: none;padding:5% 5% 10% 5%;}
.business-module.module5 .module2 .text h3{font-size: 22px;}
.business-module.module5 .module2 .pic{width:100%;float:none;}
.business-module.module5 .module2 .pic img {height: 310px;min-height: 310px;max-height: 310px;}
.business-module.module5 .module2 .swiper-button-next,.business-module.module5 .module2 .swiper-button-prev{background: rgba(0,0,0,0.7);opacity:0.5;color: #fff;top:30%;}
.business-module.module5 .module2 .swiper-button-next:after,.business-module.module5 .module2 .swiper-button-prev:after{font-size: 13px}
.business-module.module5 .module2 .swiper-button-prev{left: 0}
.business-module.module5 .module2 .swiper-button-next{right: 0}
.business-module.module5 .module5 {margin-right:0;}
@media (max-width:1299px){
    .business-module.module5 .module1 .text h3{color: #fff;font-size:24px;}
    .business-module.module5 .module2 .text h3{font-size: 24px;}
}
@media (max-width:991px){
    .business-module.module5 .module{width: 100%;}
    .business-module.module5 .module1 {width:100%;height: auto}
    .business-module.module5 .module2{height: auto;max-height:unset}
    .business-module.module5 .module2 .text{padding:3%;}
    .business-module.module5 .module2 .pic{display: block;width:100%}
    .business-module.module5 .module1 .pic img{height: auto;max-height: unset;width:100%}
    .business-module.module5 .module2 .pic img{height: auto;min-height: auto;max-height: unset;width:100%}
    .business-module.module5 .module {width:100%;max-height: unset;float:left;display: block;height:auto}
    .business-module.module5 .module2 a{height: auto;width:100%;display:block}
}
@media (max-width:767px){
    .business-module.module5 .module1{float: none;display: block;}
    .business-module.module5 .module1 .text{width: 100%;float: none;position:initial}
    .business-module.module5 .module .pic{width: 100%;float: none;}
    .business-module .module .pic img{min-height: auto;max-height: unset;}
    .business{padding: 0;}
    .business-module.module5 .module .text{width: 100%;padding:5%}
    .business .container{padding-left:0;padding-right:0}
    .business-module.module5 .module1 .text{height: auto;padding-bottom: 8%;}
    .business-module.module5 .module1 .text h3{font-size: 20px;}
    .business-module.module5 .module .text li{padding-top:3%;font-size:13px}
    .business-module.module5 .module2 .text h3{font-size: 20px;}
}
.viewmore {clear: both;padding:30px 0 10px 0;}
.viewmore a {display: block;width: 150px;height: 40px;line-height:42px;margin: auto;text-align: center;color: #999;font-size: 14px;text-transform: uppercase;background:#fff;transition:all .2s ease;}
.viewmore a i{margin-left: 10px}
.viewmore a:hover {background:#000;color:#fff;}

.index-products{padding-top:80px;}
.index-products .title{border-left: 1px #ff4713 solid;padding-left: 35px;}
.index-products .title h1{padding-top: 15px}
.index-products .title h2{font-size: 30px;line-height: 40px;color: #0f3f97;font-weight: bold;padding: 15px 0}
.index-products div{padding: 0}
.index-products div:nth-child(2) img{width:100%;}

.index-about-us{background: url(../images/comp.jpg) no-repeat center fixed;background-size: cover;padding: 70px 0;}
.index-about-us .comm-title h1{color:rgba(255,255,255,0.1);}
.index-about-us .comm-title h2{color: #fff;font-family:'Barlow-Bold'}
.index-about-us .comm-title span::before {content: '';position: absolute;bottom: -25px;left: 50%;margin-left: -25px;width: 50px;height: 1px;background: #cccccc;}
.index-about-us .intro{color: #fff;line-height: 30px;padding: 100px 10% 80px 10%;text-align:center;}
.index-about-us .iplay{text-align:center;padding-bottom: 20px}
.index-about-us .iplay a{background:url(../images/video.png) no-repeat;width:72px;height: 50px;display: inline-block;opacity: 0.5}
.index-about-us .iplay a:hover{opacity: 1}
@media (max-width:1199px){
    .index-about-us{padding: 40px 0;}
}
@media (max-width:767px){
    .index-about-us{padding-top:0;padding-bottom: 20px;}
    .index-about-us .intro{line-height: 22px;padding: 50px 3% 30px 3%;}
    .index-about-us .iplay a{width:62px;height: 35px;background-size:contain}
}
.index-about-us .video { position:fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;z-index:1900;display: none;}
.index-about-us .video video { display: block;width: 100%;height: 100%; position: relative;z-index:103;}
.index-about-us .video .icon-x {width: 40px;height: 40px;position: absolute;right: 2%;top: 5%;z-index: 104;cursor: pointer; border:2px solid rgba(123,123,123,0.8);border-radius:50%;text-align:center;line-height: 37px;font-size: 20px;vertical-align: top;}
.index-about-us .video .icon-x:hover {opacity: 0.5;}
.index-about-us .video.showvideo {display: block;}


.news-list{padding-top: 60px;padding-bottom: 60px}
.news-list a .img{ width:100%; overflow:hidden;}
.news-list a .img img{ width:100%; transition: all .2s}
.news-list a:hover .img img{transform:scale(1.1);}
.news-list h1{ font-size:18px; color:#333; margin:10px 0;height: 50px;line-height: 25px;margin-top:20px}
.news-list a:hover h1{color:#0f3f97}
.news-list p{ font-size:15px; color:#666; line-height:24px;height: 48px;}
.news-list .time{ font-size:26px; color:#aaa; font-family:"Arial";line-height:24px;padding:25px 0px 15px 0px; transition: all .5s; margin-top:20px;}
.news-list .time span{ font-size:16px; padding-left:3px;}
.news-list .time i{ float:right; font-size:20px; line-height:40px;border:1px #ddd solid;border-radius: 50%;width:40px;height: 40px;text-align:center;color: #ddd}
.news-list ul li:hover .time{ background:#0f3f97; padding:25px 30px 15px 30px; color:#fff; transition: all .5s;}
@media (max-width:1199px){
    .news-list{padding-top: 40px;padding-bottom: 40px}
    .news-list p{ font-size:14px;line-height:20px;height: 40px;}
}
@media (max-width:767px){
    .news-list{padding-top: 30px;padding-bottom: 30px}
    .news-list .time{ font-size:22px; }
    .news-list p{ font-size:13px;}
}
.partners{background: #f7f7f7;padding: 35px 0}
.partners .comm-title h1{color: #eee}
.partners ul{font-size: 0;padding-top:60px;padding-bottom: 40px}
.partners li{width: 16.2%;margin-right:0.56%;display: inline-block;background: #fff;margin-bottom: 7px;}
.partners li:nth-child(6n){margin-right:0}
.partners li a {background: #333;display: inline-block;}
.partners li a img{width:100%;/*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;*/opacity: 0.9;transition:all .2s;}
.partners li a:hover{background: #fff}
.partners li a:hover img{/*-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:none;opacity: 1*/}
@media (max-width:1199px){
    .partners{background: #f7f7f7;padding: 25px 0}
    .partners li{width: 23%;margin-right:2%;}
    .partners li:nth-child(6n){margin-right:2%;}
    .partners li:nth-child(4n){margin-right:0;}
}
@media (max-width:576px){
    .partners li{width: 32%;}
    .partners li:nth-child(4n){margin-right:2%;}
    .partners li:nth-child(3n){margin-right:0;}
    .partners{background: #f7f7f7;padding-top:0}
}
.about-inner,.partner-inner { position:relative;width:100%;padding:5% 0;}
.inner-title{padding-bottom: 50px}
.inner-title h1,.about-honor .title h1,.about-history .title h1,.about-culture .title h1,.factory-list .title h1,.same-prutlist .title h1{color: #333; font-size: 55px;text-transform: uppercase; font-weight: bold;font-family: 'Barlow-Bold';}
.inner-title h2,.about-honor .title h2,.about-history .title h2,.about-culture .title h2,.factory-list .title h2,.same-prutlist .title h2{color: #333; font-size: 24px; position: relative; display: inline-block;padding-bottom: 20px;}
.inner-title i,.inner-title line,.about-honor .title i,.about-honor .title line,.about-history .title i,.about-history .title line,.about-culture .title i,.about-culture .title line,.factory-list .title i,.factory-list .title line,.same-prutlist .title i,.same-prutlist .title line{background: #0f3f97;position:absolute;}
.inner-title i,.about-honor .title i,.about-history .title i,.about-culture .title i,.same-prutlist .title i{left:20px;bottom:0px; height:10px; width:10px; z-index:3;border-radius:50px;border:3px #fff solid;display: block;}
.inner-title line,.about-honor .title line,.about-history .title line,.about-culture .title line,.same-prutlist .title line{left:0;bottom:5px;width:50px;height: 1px;}
.about-inner .row div:first-child{position:relative;padding-bottom: 30px}
.about-inner .row .group-photo {padding-right: 10%}
.about-inner .row .group-photo img{width:100%;}
.about-inner .row .group-txt{position: absolute;width:280px;height: 250px;padding:80px 20px 10px 20px;line-height: 18px;right:3%;top:40%;overflow:hidden; background: url(../images/b02.jpg); color:#fff;z-index: 10;background-size: cover;font-size: 12px}
.about-inner .row .profile h3{font-size: 24px;color: #000;padding-bottom: 20px;padding-top: 10px;font-family:'Barlow-Bold'}
.about-inner .row .profile p{color:#666;line-height: 24px;overflow: hidden;text-align: justify;}
.about-inner .swiper-pagination .swiper-pagination-bullet{background: #aaa}
.about-inner .swiper-pagination .swiper-pagination-bullet-active{background: #ff4713}
.about-inner .swiper-container-horizontal>.swiper-pagination-bullets{text-align:left;}
@media (max-width:1400px){
	.about-inner .row .group-photo {padding-right: 8%}
}
@media (max-width:1200px){
}
@media (max-width:990px){
	.about-inner .container{padding:0 2%}
	.inner-title h1,.about-honor .title h1,.about-history .title h1,.about-culture .title h1,.factory-list .title h1,.same-prutlist .title h1{font-size: 30px}
	.inner-title h2,.about-honor .title h2,.about-history .title h2,.about-culture .title h2,.factory-list .title h2,.same-prutlist .title h2{font-size: 20px}
	.about-inner .row .profile h3{font-size: 20px}
	.about-inner .row div:first-child{padding: 0}
	.about-inner .row div:last-child{padding-top:20px}
	.about-inner .row .group-txt{background: #6c1685;width:100%;height: auto;padding:20px;position:initial;}
	.about-inner .swiper-container-horizontal>.swiper-pagination-bullets{text-align:center;}
	.inner-title{padding-bottom: 20px;padding-left:15px}
}
.about-honor{background:url(../images/history.jpg) no-repeat center top;background-size:100% auto;padding: 5% 0}
.about-honor .title,.about-history .title,.about-culture .title,.factory-inner .inner-title,.partner-inner .inner-title,.same-prutlist .title{text-align: center;}
.about-honor .title i,.about-history .title i,.about-culture .title i,.factory-inner .inner-title i,.partner-inner .inner-title i,.same-prutlist .title i{left: 50%;margin-left:-5px}
.about-honor .title line,.about-history .title line,.about-culture .title line,.factory-inner .inner-title line,.partner-inner .inner-title line,.same-prutlist .title line{left:50%;margin-left:-25px}
.about-honor .about-honor-list{padding: 60px 20px}
.about-honor .about-honor-list li{background: #fff;padding: 12px;transition: all .2s}
.about-honor .about-honor-list li img {width:100%;}
.about-honor .about-honor-list li h3{text-align: center;padding-top: 10px}
.about-honor li.swiper-slide-active{background: #0f3f97;transform:scale(1.15);}
.about-honor li.swiper-slide-active h3{color: #fff;}
.about-honor .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0px;}
.about-honor .swiper-pagination .swiper-pagination-bullet{background: #aaa}
.about-honor .swiper-pagination .swiper-pagination-bullet-active{background: #ff4713}
@media (max-width:991px){
	.about-honor .title i{left: 36px}
	.about-honor .title line{left:16px;}
}
@media (max-width:767px){
	.about-honor .about-honor-list{padding: 60px 0}
	.about-honor li.swiper-slide-active{transform:scale(1);}
	.about-honor .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px}
	.about-honor .swiper-pagination .swiper-pagination-bullet{width:10px;height:3px}
	.about-honor .swiper-pagination .swiper-pagination-bullet-active{width:20px}
}

.about-culture,.factory-list,.product-intro{padding: 5% 0}
.about-culture .culture {color: #fff;padding-top: 50px;font-size: 0}
.about-culture .culture li{background: #999;padding:4% 2.4% 0 2.4%;width:19.8%;height:250px;margin:0 0.1% 0.5% 0;transition: all .2s;display: inline-block;vertical-align: top;}
.about-culture .culture li:hover {background: #0f3f97;}
.about-culture .culture li h1{font-size: 28px;color: #fff;font-weight: bold;text-transform:uppercase;font-family: 'Barlow-Bold';padding-bottom: 2%}
.about-culture .culture li h2{font-size: 18px;color: #fff;position: relative;padding-bottom: 40px}
.about-culture .culture li h2::after{position: absolute; left:0px; top: 42px; content: "";width: 40px; height: 1px;background:rgba(255,255,255,.5);}
.about-culture .culture li p{font-size: 14px;line-height: 24px; color: #fff;}
.about-culture .values{font-size: 0}
.about-culture .values li {width:20%;height:420px;position: relative;display: inline-block;vertical-align: top;}
.about-culture .values li .pic {width:100%;height:100%;position: relative;}
.about-culture .values li .pic img{width:100%;height:100%;}
.about-culture .values li .text {padding:10%;}
.about-culture .values li .text h1{font-size: 24px;color: #fff;position: relative;padding-bottom: 50px}
.about-culture .values li .text h1::after{position: absolute; left:0px; top: 50px; content: "";width: 40px; height: 1px;background:rgba(255,255,255,.5);}
.about-culture .values li .text line{display: block; height:1px;width:40px;background: #999;margin:20px 0;opacity: 0.5;}
.about-culture .values li .text p{display: block;font-size: 14px;line-height: 24px; color: #fff;}
.about-culture .values li.values1 {width:39.7%;}
.about-culture .values li.values2 {width:39.8%;background: rgba(0,0,0,0.5);}
.about-culture .values li.values2 .text {margin-top: 10%;color:#fff;}
@media (max-width:1199px){
    .about-culture .culture li h1{font-size: 20px;}
}
@media (max-width:991px){
    .about-culture .culture li{width:33.23%;height:250px;margin:0 0.1% 0.5% 0;}
}
@media (max-width:576px){
    .about-culture .culture li{width:100%;height:auto;margin:0;margin-bottom: 1px;padding:5%}
    .about-culture .values li {width:100%;height:auto;}
    .about-culture .values li .pic {height:auto;}
    .about-culture .values li .pic img{height:auto;}
    .about-culture .values li .text {padding:5%;}
    .about-culture .values li.values1 {width:100%;}
    .about-culture .values li.values2 {width:100%;}
    .about-culture .values li.values2 .text {margin-top: 0;}
    
    
}
.about-history,.application-inner{padding: 8% 0;background: #f7f7f7}
.about-history .history{padding-top: 50px}
.about-history .history-years {position: relative;padding-bottom: 50px}
.about-history .history-years:after {content: '';width:100%;height: 1px;background: #ccc;position: absolute;left: 0;top:45px;z-index:1;}
.about-history .history-years li {text-align: center;cursor: pointer;padding-top: 10px;}
.about-history .history-years li h5{font-size: 18px;margin:5px auto;color: #999;display: block;}
.about-history .history-years li i{width: 10px;height: 10px;background: #ccc;border-radius:100%;display: block;margin:0 auto;}
.about-history .history-years li:hover h5{color: #000;}
.about-history .history-years .swiper-wrapper {z-index: 33;position: relative;}
.about-history .history-years .swiper-slide-thumb-active li {padding-top:2px;}
.about-history .history-years .swiper-slide-thumb-active li h5{font-size: 24px;color: #000;font-weight: bold;}
.about-history .history-years .swiper-slide-thumb-active li i{width: 10px;height: 10px;background: #000;}

.history-text {padding: 20px 10%;position: relative;overflow:hidden}
.history-text li{background: #fff;padding: 20px;overflow: hidden;display: block;min-height: 248px;}
.history-text .pic {width:40%;float: left;}
.history-text .pic img{display: block; width:100%;height:auto;height: 248px;}
.history-text .text{width:50%;padding:3%;float: left;color: #666;}
.history-text .text h2{font-size: 38px;line-height: 44px;display: block;overflow: hidden;font-family: 'Barlow-Bold';color: #333;}
.history-text .text line{height:1px;width:80px;background: #666;margin:20px 0;opacity: 0.5;display: block;overflow: hidden;}
.history-text .text h3 {font-size:14px;color: #666;line-height: 26px;}
@media (max-width:991px){
    .about-history .history{padding-top: 30px}
    .history-text{padding: 20px 5%;}
    .history-text .pic {width:100%;}
    .history-text .text{width:100%;padding:5% 0}
    .history-text .pic img{height:auto;}
    .history-text .text line{height:1px;width:40px;margin:10px 0;}
    .history-text .text h2{font-size: 22px;line-height: 30px;}
    .history-text .swiper-button-next{right: 0;}
    .history-text .swiper-button-prev{left: 0;}
    .history-text .swiper-button-next:after,.history-text .swiper-button-prev:after{font-size:20px}
}
.application-inner .container{padding: 0}
.application-inner dl{width: 100%;margin-bottom: 50px;}
.application-inner dl a{width:100%;display: block;font-size:0;background: #fff;box-shadow: 0 3px 12px 0 rgba(0,0,0,0.05)}
.application-inner dl a:hover{box-shadow: 0 3px 12px 0 rgba(0,0,0,0.1);background:rgba(0,0,0,.8);}
.application-inner dl a dt{width: 45%;display: inline-block;vertical-align: top;overflow:hidden;position: relative}
.application-inner dl a dt img{width: 100%;transition: all .2s}
.application-inner dl a:hover dt img{opacity: 0.5;transform: scale(1.1);}
.application-inner dl a dd{width: 55%;display: inline-block;vertical-align: top;padding: 5%;}
.application-inner dl a dd h1{font-size: 20px;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;padding: 20px 0 50px 0}
.application-inner dl a dd h1:after{content: '';position: absolute;width:28%;height: 1px;left: 0;top: 65px;background: #ddd;display: block;}
.application-inner dl a dd p{font-size: 13px;line-height: 24px;color: #999;opacity: 0.8;}
.application-inner dl a dd h2{padding: 0 25px; height: 35px;line-height: 35px;border: solid 1px rgba(0,0,0,0.5);text-align: center; color: #000; font-size: 12px;opacity: 0.3;margin-top: 20px;background: #fff;display:inline-block;transition: all .2s}
.application-inner dl a dd h2 i{margin-left: 5px;vertical-align: bottom;transition: all .2s;}
.application-inner dl a:hover dd h1{color: #fff}
.application-inner dl a:hover dd h2{opacity: 1;border-color: #fff}
.application-inner dl a:hover dd h2 i{margin-left: 20px}

.factory-inner{padding-top: 5%}
.factory-inner .factory-intro{padding: 0 18%;text-align: center;line-height: 30px}
.factory-inner .video{background: #f7f7f7;padding: 25px;margin-top: 40px;position: relative;z-index: 10;}
.factory-inner .factory-photo{background: #0f3f97;padding: 50px 0 5% 0;margin-top: -300px;padding-top: 380px}
.factory-inner .factory-photo .factoryimg{padding-top: 20px;height: 650px}
@media (max-width:1200px){
	.factory-inner .factory-photo .factoryimg{height: 500px}
}
@media (max-width:768px){
	.factory-inner .factory-intro{padding: 0 4%}
	.factory-inner .factory-photo .factoryimg{height: 230px}
	.application-inner dl a dt{width: 100%;display:block}
    .application-inner dl a dd{width: 100%;display: block;padding:3% 4% 5% 4%;}
}
.factory-inner .factory-photo .inner-title h1,.factory-inner .factory-photo .inner-title h2{color:#fff;}
.factory-inner .factory-photo .inner-title line{background: #fff}
.factory-inner .factory-photo dl{margin-bottom: 30px}
.factory-inner .factory-photo dl a{padding: 8px;padding-bottom: 0;background: #fff;display: inline-block;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);width:100%;}
.factory-inner .factory-photo dl a dt{overflow:hidden;display: block;position:relative;width:100%;}
.factory-inner .factory-photo dl a dt img{width:100%;vertical-align: top;transition: all .2s}
.factory-inner .factory-photo dl a dt i,.factory-list .row dl a dt i,.application-inner dl a dt i{background:rgba(0,0,0,0.3);width:50px;height: 50px;border-radius: 50%;display: inline-block;position: absolute;left: 50%;margin-left:-25px;top: 60%;margin-top:-25px;color:#fff;text-align: center;line-height: 50px;opacity: 0;transition:all .2s;font-size: 18px}
.factory-inner .factory-photo dl a:hover dt i,.factory-list .row dl a:hover dt i,.application-inner dl a:hover dt i{top:50%;opacity: 1}
.factory-inner .factory-photo dl a:hover dt img{transform: scale(1.1);}
.factory-inner .factory-photo dl a dd{display: block;line-height: 50px;height: 50px;overflow: hidden;text-align: center;}
.factory-inner .factory-photo dl a:hover{background: rgba(255,255,255,.8);}
.factory-inner .factory-photo .factory-more{text-align: center;padding-top: 30px}
.factory-inner .factory-photo .factory-more a{display: inline-block;opacity: 0.5;padding: 8px 60px;background: #fff;color: #333;border-radius: 50px}
.factory-inner .factory-photo .factory-more a:hover{opacity: 1}
.factory-inner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0}
.factory-list .row dl{margin-bottom: 30px}
.factory-list .row dl a{padding: 8px;padding-bottom: 0;background: #fff;display: inline-block;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);}
.factory-list .row dl a dt{overflow:hidden;position: relative;display: block;}
.factory-list .row dl a dt img{width: 100%;transition: all .2s;}
.factory-list .row dl a dd{display: block;line-height: 50px;text-align: center;}
.factory-list .row dl a:hover dt{background: #000}
.factory-list .row dl a:hover dt img{transform: scale(1.1);opacity: 0.6}
.factory-list .row dl a:hover{box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);}

@media (max-width:768px){
	.factory-inner .factory-photo dl a dd{font-size: 13px;line-height: 30px;height: 30px;}
}

.partner-inner .partner-intro{text-align: center;}
.partner-inner .partners{background: #fff;padding: 0}

.gray{background: #f7f7f7}
.business-inner{padding: 0;padding-top: 50px}
.business-inner div{padding: 0;}
.business-inner .row:nth-child(2n){flex-direction: row-reverse;}
.business-inner .row img{width: 100%}
.business-inner .row .intro{display: table;height: 100%;background: #fff;padding:0 8%}
.business-inner .row .intro section{display: table-cell;vertical-align: middle;}
.business-inner .row .intro h1{font-size:25px;color: #333;position: relative;padding-bottom:20px;display:inline-block}
.business-inner .row .intro h1:after{content:'';display: block;width:50px;height: 2px;background: #0f3f97;position: absolute;bottom: 0px;left: 0;}
.business-inner .row .intro p{padding-top: 15px;font-size:15px;line-height:25px}
@media (max-width:1399px){
    .business-inner .row .intro{padding:0 4%}
    .business-inner .row .intro h1{font-size: 25px;padding-bottom:20px;}
    .business-inner .row .intro p{padding-top: 40px;font-size:14px;line-height:22px}
}
@media (max-width:1199px){
    .business-inner .row .intro p{padding-top: 25px;}
}
@media (max-width:991px){
    .business-inner .row .intro h1{font-size: 20px;}
    .business-inner .row .intro{display: block;height: auto;padding:6% 3%}
    .business-inner .row .intro p{font-size:13px;line-height:20px}
}
.product-inner,.product-detail,.news-inner,.device,.views-inner,.contact-inner{padding: 5% 0;background: #f7f7f7}
.product-inner .container,.same-prutlist .container{padding: 0}
.product-inner dl,.same-prutlist dl{margin-bottom: 40px;}
.product-inner dl a,.same-prutlist dl a{border:1px #fff solid;display:table;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.05);transition: all .2s;width:100%;}
.product-inner dl a dt,.same-prutlist dl a dt{overflow:hidden;position:relative;width: 100%}
.product-inner dl a dt img,.same-prutlist dl a dt img{width: 100%;transition: all .2s;vertical-align: top;}
.product-inner dl a:hover dt img,.same-prutlist dl a:hover dt img{transform:scale(1.1);opacity: 0.3}
.product-inner dl a dd,.same-prutlist dl a dd{padding: 5%;background: #fff;display: block;width:100%;vertical-align: top;}
.product-inner dl a dd h1,.same-prutlist dl a dd h1{font-size: 12px;color: #999;text-overflow: ellipsis;white-space: nowrap;word-break:keep-all;text-transform:uppercase;}
.product-inner dl a dd h2,.same-prutlist dl a dd h2{font-size: 16px;color: #000;line-height: 24px;margin-top: 6px;text-overflow: ellipsis; white-space: nowrap;word-break: keep-all;}
.product-inner dl a:hover,.same-prutlist dl a:hover{border-color: #333}
.product-inner dl a:hover dd,.same-prutlist dl a:hover dd{background: #333;}
.product-inner dl a:hover dd h1,.product-inner dl a:hover dd h2,.same-prutlist dl a:hover dd h1,.same-prutlist dl a:hover dd h2{color: #fff}
.product-detail{padding-bottom: 0}
.product-detail .detailpic img{width:100%;}
.product-detail .container{padding: 0}
.product-detail .title{padding: 10% 5%}
.product-detail .title h1{font-size: 45px;font-family: 'Barlow-Bold';color:#333;text-transform:uppercase;line-height: 68px;display: block;}
.product-detail .title h2{font-size: 30px;color:#333;position: relative;}
.product-detail .title h2:after{content:'';display: block;background: #dedede;width:80px;height: 1px;overflow:hidden;position: absolute;left: 0;top: 60px}
.product-detail .title p{padding-top: 50px}
.product-detail .special{padding: 5%}
.product-detail .special h1{color:#555;position: relative;display: block;}
.product-detail .special h1:after{content: ''; width: 85%;height: 1px;background: #dedede;position: absolute;right: 0px;top: 50%;display: block;}
.product-detail .prenext{padding: 10px 5%;width: 100%}
.product-detail .prenext line{background:#dedede;width: 100%;height: 1px;display: block;margin-bottom: 60px;}
.product-detail .prenext a{border:1px solid rgba(0,0,0,0.3);padding: 12px 40px;margin-right: 10px}
.product-detail .prenext a i{width: 25px;overflow: hidden;display: inline-block;vertical-align: top;}
.product-detail .prenext a:last-child i{text-align: right}
.product-detail .prenext a i.icon-arrow-right2:after{content: "\e90c";display: inline-block;}
.product-detail .prenext a:hover{background: #333;color:#fff}
.product-detail .product-title{background: #fff;display: inline-block;margin-top: 50px;}
.product-detail .product-title h1{border-top: 3px #333 solid;padding: 22px 80px;font-size: 18px;font-weight: bold;color:#333;}
.product-intro {font-size: 15px;line-height: 28px}
.same-prutlist{padding: 5% 0;background: #f7f7f7}
.same-prutlist .sameprut{width:100%;padding: 50px 1.5%;}
@media (max-width:1199px){
    .product-detail .product-title h1{padding: 18px 50px;font-size: 16px;}
}
@media (max-width:767px){
    .product-detail .product-title h1{padding: 15px 40px;font-size: 15px;}
}
.device .container{padding: 0}
.device dl{margin-bottom: 40px}
.device dl a{background: #fff;display: inline-block;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.05);transition: all .2s;}
.device dl a dt{overflow:hidden;position:relative;}
.device dl a dt img{width: 100%;transition: all .2s;}
.device dl a dt i,.product-inner dl a dt i,.same-prutlist dl a dt i{background:rgba(0,0,0,0.3);width:50px;height: 50px;border-radius: 50%;display: inline-block;position: absolute;left: 50%;margin-left:-25px;top:60%;margin-top:-25px;color:#fff;text-align: center;line-height: 50px;opacity: 0;transition:all .2s;font-size: 18px}
.device dl a:hover dt i,.product-inner dl a:hover dt i,.same-prutlist dl a:hover dt i{top: 50%;opacity: 1}
.device dl a dd{padding: 20px 30px;width:100%}
.device dl a dd h1{font-size: 22px;font-weight: bold;color:#333;line-height: 40px;height: 40px;overflow:hidden;}
.device dl a dd p{margin:8px 0 20px 0;font-size: 13px;color:#999;height: 44px;line-height: 22px;overflow:hidden;display: block;}
.device dl a dd h2{border:1px #ddd solid;padding: 5px 20px;display: inline-block;font-size: 12px;margin-bottom: 10px}
.device dl a dd h2 i{vertical-align: text-top;margin-left:5px;transition: all .2s;}
.device dl a:hover{background: #0f3f97}
.device dl a:hover dt img{transform:scale(1.1);opacity: 0.5}
.device dl a:hover dd h1,.device dl a:hover dd p{color:#fff}
.device dl a:hover dd h2{background: #fff;}
.device dl a:hover dd h2 i{margin-left:18px;}

.news-inner,.contact-inner{background: #fff}
.news-inner .container,.views-inner .container{padding: 0}
.news-inner .list dl{border-top: 1px #ddd solid;padding: 40px 0;width: 100%}
.news-inner .list dl a dt{padding: 0;overflow:hidden;}
.news-inner .list dl a dt img{width:100%;transition: all .2s;}
.news-inner .list dl a:hover{background: #f7f7f7}
.news-inner .list dl a:hover dt img{transform: scale(1.1);}
.news-inner .list dl a dd{padding:4% 5%;display: table-cell;vertical-align: middle;}
.news-inner .list dl a dd h1{font-size: 20px;color: #333;padding-bottom: 10px;font-weight: bold}
.news-inner .list dl a dd h2{font-family: 'Barlow-Bold';font-size: 18px;color:#333;text-indent: 2em;position: relative;padding-top: 8px;transition:all .2s}
.news-inner .list dl a dd h2::after{content:'';display: block;width:30px;height: 2px;background: #0f3f97;position: absolute;top: 18px;left: 0;transition:all .2s;}
.news-inner .list dl a dd h5{width: 130px;height: 36px;line-height: 36px;text-align: center;background: #4b4b4b;color: #fff;}
.news-inner .list dl a:hover dd h2{text-indent: 5rem;}
.news-inner .list dl a:hover dd h2::after{width: 55px;background:#ffe400;}
.news-inner .list dl a:hover dd h5{background: #0f3f97}
.news-inner .list dl a dd p{color: #999;line-height: 28px;margin-top: 20px;}
.views-inner .container{font-size: 0}
.views-inner .detail-part {background: #fff;padding:6% 4%;width:72%;display: inline-block;vertical-align: top;box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.03)}
.views-inner .detail-part.equipinfo{width: 100%;display:flex}
.views-inner .detail-part .title {text-align: center;border-bottom: 1px #eee solid}
.views-inner .detail-part .title h1{font-size: 32px;color: #333;font-weight:bold;}
.views-inner .detail-part .title p{padding: 20px 0;font-size: 13px}
.views-inner .detail-part .content{padding: 50px 0;border-bottom: 1px #eee solid;font-size: 14px}
.views-inner .detail-part .content p{padding:5px 0;line-height: 28px}
.views-inner .detail-part .content img{max-width: 100%;}
.views-inner .detail-part.equipinfo .title{text-align: left;padding-top: 20px}
.views-inner .detail-part .equipimg img{width:95%;}
.views-inner .detail-part .abstract{padding-top: 40px;display: block;font-size: 14px;line-height: 32px}
.views-inner .detail-part .abstract b{background: #0f3f97;color:#fff;padding: 0 10px;border-radius: 2px;display: inline-block;font-size: 12px;font-weight: normal;margin-bottom: 10px;line-height:24px}
.views-inner .hot-part{width: 28%;display: inline-block;vertical-align: top;padding-left: 3%;}
.views-inner .hot-part .title{font-size: 22px;color: #333;padding: 10px 0;}
.views-inner .hot-part .list{padding-top: 10px}
.views-inner .hot-part .list dl{margin-bottom: 8%;box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.03)}
.views-inner .hot-part .list dl a dt{overflow:hidden;}
.views-inner .hot-part .list dl a dt img{width: 100%;transition:all .2s}
.views-inner .hot-part .list dl a:hover dt img{transform: scale(1.1);}
.views-inner .hot-part .list dl a dd{background: #fff;display: block;padding:20px 5%;transition:all .2s}
.views-inner .hot-part .list dl a:hover dd{background: #0f3f97}
.views-inner .hot-part .list dl a dd span{font-size: 14px;color:#999;transition:all .2s;position: relative;}
.views-inner .hot-part .list dl a dd h1{line-height: 30px;height: 30px;overflow:hidden;transition:all .2s;}
.views-inner .hot-part .list dl a:hover dd span,.views-inner .hot-part .list dl a:hover dd h1{color:#fff;}
.views-inner .hot-part .list dl a:hover dd span{padding-left: 50px;}
.views-inner .hot-part .list dl a dd span:after{content:'';display: block;width:0;height: 1px;background: #fff;position: absolute;top: 8px;left: 0;transition:all .2s;}
.views-inner .hot-part .list dl a:hover dd span:after{width:40px;}
.views-inner .detail-part .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%}
.views-inner .detail-part .prenext li{width: 40%;display:inline-block;font-size: 0}
.views-inner .detail-part .prenext li a{font-size: 13px;}
.views-inner .detail-part .prenext li a i{display:inline-block;line-height: 16px;font-size: 13px;width: 21%;vertical-align: top}
.views-inner .detail-part .prenext li i:before{line-height: 16px;vertical-align: text-top;margin-right: 5px}
.views-inner .detail-part .prenext li a span{width: 79%;font-size: 13px;line-height: 16px;height:16px;vertical-align: top;display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;border-left: 1px #ddd solid}
.views-inner .detail-part .prenext li a i b{font-weight: normal;}
.views-inner .detail-part .prenext li:nth-child(2){width: 20%;text-align:center;line-height: 16px;vertical-align: top}
.views-inner .detail-part .prenext li:nth-child(2) i{width: auto;}
.views-inner .detail-part .prenext li:last-child{text-align:right;}
.views-inner .detail-part .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.views-inner .detail-part .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}
.views-inner .detail-part table td{border-left: 1px #ddd solid;border-top: 1px #ddd solid;padding: 10px 15px}
.views-inner .detail-part table tr td:last-child{border-right:1px #ddd solid }
.views-inner .detail-part table tr:last-child td,.views-inner .detail-part table{border-bottom: 1px #ddd solid }
.views-inner .device-title{border-bottom: 1px #eee solid;padding-top: 50px}
.views-inner .device-title h1{background: #0f3f97;color:#fff;font-size: 20px;font-weight: bold;display: inline-block;padding: 15px 60px}
@media screen and (max-width: 1400px){
	.views-inner .detail-part .prenext li a i{width:10%}
	.views-inner .detail-part .prenext li a i b{display:none;}
}
@media screen and (max-width: 991px){
	.views-inner .detail-part{width: 100%}
	.views-inner .hot-part{display: none}
	.device dl a dd{padding: 20px}
	.device dl a dd h1{font-size: 20px;}
}

.contact-inner .container{padding: 0}
.contact-inner .contacts img{width: 25%;border: 1px #f1f1f1 solid;margin-top: 5%} 
.contact-inner .feedback {padding-left:10%;}
.contact-inner .feedback li{padding-top: 10px; position: relative;margin-bottom:20px;}
.contact-inner .feedback li h4 {position: absolute;left:5%;top: 0;z-index: 3;color: #999;padding: 0 20px; font-size: 14px;background: #fff;}
.contact-inner .feedback li input{border: 1px solid #ccc; height: 40px;line-height:40px;width:100%;padding: 0 3%; background: none;outline: none;text-transform: none;}
.contact-inner .feedback li textarea {border: 1px solid #ccc; height:150px;line-height:40px;width:100%;padding: 0 3%;background: none;outline: none;}
.contact-inner .feedback li.checkcode input{width: 70%;vertical-align: middle;margin-right: 3%}
.contact-inner .feedback li .btn{width:30%;float: left;margin-right: 20px; cursor: pointer; height: 42px;line-height:42px;font-size: 15px;}
.contact-inner .feedback li .btn:hover {background: #333;color: #fff;border-color: #333}
.contact-sever {font-size: 0}
.contact-sever li{position: relative;display:inline-block;vertical-align: top;padding: 0}
.contact-sever li .pic img{width:100%;min-height: 526px;max-height: 526px;height: 526px;}
.contact-sever li .text{position: absolute;width: 100%;height:100%;left: 0;top: 0;z-index: 1;padding-left: 30%;display: table;}
.contact-sever li:last-child .text{padding-left: 10%;}
.contact-sever li .text .contacts{width: 100%;display: table-cell;vertical-align: middle;}
.contact-sever li .text h1{font-size: 40px;font-weight: bold;color: #fff;text-transform:uppercase;font-family: 'Barlow-Bold';}
.contact-sever li .text h2{font-size: 24px;color: #fff;line-height: 50px;position: relative;padding-bottom: 50px}
.contact-sever li .text h2::after{content:'';display: block;width:40px;height: 1px;background:rgba(255,255,255,.5);position: absolute;top: 70px;left: 0;transition:all .2s}
.contact-sever li .text h3{font-size: 16px;line-height: 28px;color: #fff}
.contact-sever li .text a {display: inline-block;vertical-align: bottom;color: #fff;}
.contact-sever li .text a:hover {color: #fff;text-decoration: underline;}
@media (max-width:1799px){
	.contact-sever li .text{padding-left: 25%;}
}
@media (max-width:1599px){
	.contact-sever li .text{padding-left: 15%;}
}
@media (max-width:1399px){
	.contact-sever li .text{padding-left: 10%;}
}
@media (max-width:1199px){
	.contact-sever li .text{padding: 0;text-align: center;}
	.contact-sever li .text h2::after{left: 50%;margin-left:-20px;}
}
@media (max-width:990px){
	.contact-sever li{width: 100%}
}
.business-contacts{padding: 6% 0 4% 0}
.business-contacts dl{padding: 0 8px;margin-bottom: 30px}
.business-contacts dl div{padding: 10px;background: #f7f7f7;transition: all .2s;}
.business-contacts dl.this div{background: #0f3f97}
.business-contacts dl div dt{display: block;}
.business-contacts dl div dt img{width: 100%}
.business-contacts dl dd{display: block;padding: 5%}
.business-contacts dl dd h1{text-transform:uppercase;font-family: 'Barlow-Bold';font-size: 22px;color: #333;padding-top: 10px}
.business-contacts dl dd h2{padding: 5px 0;font-size: 16px;position: relative;margin-bottom: 30px}
.business-contacts dl dd h2::after{content:'';display: block;width:40px;height: 1px;background:rgba(0,0,0,.5);position: absolute;top: 50px;left: 0;transition:all .2s}
.business-contacts dl.this dd h2::after{width: 100%;background: #fff}
.business-contacts dl dd p{padding: 5px 0;line-height: 25px;font-size:13px;}
.business-contacts dl dd a{font-size: 12px;border: 1px #eee solid;background: #fff;padding: 0 20px;line-height: 30px;display:inline-block;color: #999}
.business-contacts dl dd a:before{font-size: 20px;margin-right: 5px;vertical-align:top;line-height: 30px}
.business-contacts dl.this dd,.business-contacts dl.this dd h1,.business-contacts dl.this dd h2{color: #fff}
.business-contacts dl.this dd a:before{color: #f50}

.pageNav{padding: 40px 0 0 0;font-size: 13px;text-align: right;}
.pageNav.center{text-align: center;}
.pageNav span,.pageNav a{display: inline-block;font-size: 13px;padding: 8px 14px;border: 1px #ddd solid;margin-right: 6px;border-radius: 2px}
.pageNav a:hover,.pageNav span.current{color: #fff;background: #0f3f97;border-color: #0f3f97}
.pageNav span.disabled{border-color: #ddd;color: #aaa}

.footer {background: #181818;padding-top:70px;color: #fff;}
.footer .content .left {float: left;width: 70%;padding-bottom:30px;}
.footer .content .left .footer-nav{}
.footer .content .left .footer-nav ul {list-style: none;margin: 0;padding: 0;float: left;width:25%;}
.footer .content .left .footer-nav ul strong{display: block;padding-bottom: 15px;}
.footer .content .left .footer-nav ul strong a {font-size: 20px;color: #fff;}
.footer .content .left .footer-nav ul li{list-style: none;margin: 0;padding: 5px 0;}
.footer .content .left .footer-nav ul li a{font-size: 14px;color: #666;}
.footer .content .left .footer-nav ul li a:hover {color: #fff;}
.footer .content .right {float: left;width: 30%;text-align: right;}
.footer .content .right .tel{color: #fff;font-size: 30px;padding-bottom: 8px;font-family: 'Barlow-Bold';line-height: 40px}
.footer .content .right .tel i{font-size:25px;line-height: 40px;margin-right: 10px;}
.footer .content .right .text{color: #ccc;font-size: 14px;line-height: 20px;}
.footer .content .center{clear: both;position: relative;}
.footer .content .center .social{float: left;}
.footer .content .center .social a {margin-right: 10px;display: block;float: left;opacity: .5;}
.footer .content .center .social a.icon-wechat {font-size: 30px;}
.footer .content .center .social a:hover {opacity: 1;}
.footer .content .center .wxshow {position: absolute;width: 120px;height: 120px;padding: 4px; background: #fff;left: -40px;bottom: 0;z-index: 3;opacity: 0;visibility: hidden;transition:all .2s;}
.footer .content .center .wxshow.this{bottom: 10px;opacity: 1;visibility: visible;}
.footer .content .center .wxshow::before{content: '';display: block;position: absolute;left:50%;bottom: -10px;margin-left: -20px;border-right:20px solid transparent;border-left:20px solid transparent;border-top:20px solid #fff;}
.footer .content .center .wxshow img {display: block;width: 100%;height: auto;}
.footer .content .center .return{float: right;margin-bottom: 30px;}
.footer .content .center .return a {position: relative; font-size: 14px;color: #999; }
.footer .content .center .return a:hover {color: #fff;}
.footer .content .center .return a:hover::after {opacity: 1;}
.footer .content .bottom{clear: both;overflow: hidden;border-top: 2px solid #303030;padding: 25px 0; font-size: 12px;color: #666;position: relative;}
.footer .content .bottom .copy{float: left;font-size: 12px;}
.footer .content .bottom .copy a {color: #666;} 
.footer .content .bottom .copy a img.cnnic{width: 80px}
.footer .content .bottom .copy a:hover {color: #fff;}
.footer .content .bottom .flanguage{float: right;margin-top: -5px;} 
.footer .content .bottom .flanguage a{font-size: 12px;color: #999;} 
.footer .content .bottom .flanguage a:hover {color: #fff;}

@media (max-width:960px){
	.footer {padding-top:40px;}
	.footer .content .left {display: none}
	.footer .content .right {width:100%;text-align: left;padding-bottom: 15px}
	.footer .content .center .social,.footer .content .center .return{display: none}
	.footer .content .bottom .flanguage{display: none}
}