/* CSS Document */
/*@font-face {
	font-family: 'Akzidenz';
	src: url('fonts/Akzidenz.eot');
	src: local('☺'), url('fonts/Akzidenz.woff') format('woff'), url('fonts/Akzidenz.ttf') format('truetype'), url('fonts/Akzidenz.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px; }
input, select { font-size: 13px; line-height: 16px; }
html, body { -webkit-text-size-adjust: none; font-size: 13px; color: #3e3e3e; background:#fff; }/*google浏览器字体兼容*/
body { font-family:Arial, Helvetica, sans-serif,"微软雅黑", "宋体", Alibaba Sans; width: 100%;}
img { border: 0; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: #333; outline: none; }
a:hover { color: #3473f4; text-decoration: none; }
a:active { star:expression(this.onFocus=this.blur());}
.cl { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.dis { display: block; }
.undis { display: none; }
.huangse { color: #eae678 }
.yellow { color: #ed6b1e }
.green { color: #007b3f }
.red { color: #e1550b }
.hui { color: #696868 }
.hui2 { color: #929292 }
.red2 { color: #ae1202 }
.orange { color: #ffb400; }
.Dgreen { color: #0e652c; }
.hei { color: #000 }
.blue { color: #007e40 }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.fb { font-weight: bold }
.line30 { line-height: 30px; }
.line35 { line-height: 35px; }
.border_bottom { border-bottom: 1px #CCCCCC dashed; }
DIV.none { DISPLAY: none }
.display { display: block }
.space { height: 5px; clear: both; _height: 0px; line-height: 5px }
.left { float: left }
.right { float: right }
.w1280,.container { width:1280px; margin: 0 auto; }
.w1100{ width:1100px; margin:0 auto;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.margin_bottom30 { margin-bottom: 30px; }
.margin_bottom24{ margin-bottom:24px;}
input.search_text:-ms-input-placeholder{color: #fff;opacity:1;}
input.search_text::-webkit-input-placeholder{color: #fff;opacity:1;}
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;}
.wrap-1600 {
    width: 1600px;
    margin: auto;
    max-width: 94%;
}
/*index start*/
.head{ width:100%; height:auto;/*box-shadow: 0 3px 12px #0000002e;*/ overflow:hidden; background:none; position:absolute; z-index:999; top:0; left:0;}
.head .w1280{ position:relative; z-index:1000;}

.head .logo{ padding:25px 0; width:100%; text-align:center;}
.head .logo .mr{ display:inline-block;margin:0 auto;}
.head .logo .ov{ display:none;margin:0 auto;}
.head .w1280 .lan_serch{ color:#fff; position:absolute; z-index:1001; top:44px; right:0; display:flex;justify-content: center;align-items: center; line-height:25px;}
.head .w1280 .lan_serch .service{ margin-right:20px;}
.head .w1280 .lan_serch .service a{ font-size: 12px;font-weight: 400; color:#fff;}
.head .w1280 .lan_serch .search{ position:relative; z-index:1002; padding-left:12px; margin-right:40px;}
.head .w1280 .lan_serch .search .mr{ display:block;margin:0 auto;}
.head .w1280 .lan_serch .search .ov{ display:none;margin:0 auto;}

.head .w1280 .lan_serch .search::before{ content:""; width:2px; height:10px; position:absolute; z-index:1003; background:#fff; top:3px; left:0;}
.head .w1280 .lan_serch .language{}
.head .w1280 .lan_serch .language a{ color:#fff; font-size:13px;}

.menu{ width:100%; height:auto; display:flex; justify-content: center; padding-bottom:10px;}
.menu ul li{ float:left; width:auto; height:auto; line-height:40px;position: relative; z-index: 999; padding:0 40px;}
.menu ul li:last-child{ background:none;}
.menu ul li a{ display:block; font-size:16px;font-weight: 600; color:#fff; text-align:center; position:relative; z-index:99;}
.menu ul li a:hover{ color:#3473f4;}
/*.menu ul li a:before{ content:""; width:0; height:5px; background:#083894; position:absolute; z-index:100; left:0; bottom:0;transition: all 0.3s ease-in-out 0s;}*/
.menu ul li a.on{ color:#3473f4;}
/*.menu ul li a.on:before{ width:100%;}
.menu ul li a:hover:before{ width:100%;}*/

.menu ul li dl { width: 182px; height: auto; position: absolute; z-index: 999; background: #fff; border-top: 1px #ccc solid; top: 80px; left: 0; }
.menu ul li dl dd a { display: block; width: 182px; height: 45px; line-height: 45px; text-align: center; border-bottom: 1px #ccc solid; font-size: 14px; color: #333; }
.menu ul li dl dd a:hover { background: #3dcd58; color: #fff; }
@media screen and (max-width:1400px){
	.menu ul li{ padding:0 20px;}	
}

.head.nhead{ background:#fff; position:fixed;box-shadow: 0px 3px 10px rgba(0,0,0,0.05);}
.head.nhead .menu ul li a{ color:#000;}
.head.nhead .menu ul li a.on{ color:#3473f4;}
.head.nhead .w1280 .lan_serch{ color:#000;}
.head.nhead .w1280 .lan_serch .service a{ color:#000;}
.head.nhead .w1280 .lan_serch .language a{ color:#000;}
.head.nhead .w1280 .lan_serch .search::before{ content:""; width:2px; height:10px; position:absolute; z-index:1003; background:#2c2b2b; top:3px; left:0;}
.head.nhead .w1280 .lan_serch .search .mr{ display:none;margin:0 auto;}
.head.nhead .w1280 .lan_serch .search .ov{ display:block;margin:0 auto;}

.head.nhead .logo{ padding:25px 0; width:100%; text-align:center;}
.head.nhead .logo .mr{ display:none;}
.head.nhead .logo .ov{ display:inline-block; margin:0 auto;}

.header-nav-top{
	border-top: 1px solid #e0e0e0;
	position: fixed;
	left:0;
	width: 100%;
	top: 146px;
	z-index: 999;
	/* display: none; */
	padding-left: 5%;
	box-sizing: border-box;
	background: #ffffff;
	height: 640px;
	overflow: hidden;
	/* transition: 0.4s; */
}
.header-nav-top.active{
	left: 0;
	/* transition: 0.4s; */
}
.header-ul-list:hover{}
.header-nav-top-ul{
	background: #e8e8e8;
	width: 375px;
	    height: 100%;
		padding: 15px 0;
}
.header-nav-top-ul>h4{margin: 0 30px;
    padding: 8px 0;
    font-size: 17px;
    color: #333333;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 10px;
}

.header-nav-top-ul li{
	width: 100%;
	margin-bottom: 10px;
}
/*.header-nav-top-ul li:nth-child(2) .header-nav-li-top dl{
	margin-bottom: 30px;
}
.header-nav-top-ul li:nth-child(2) .header-nav-li-top dl dd a{
	line-height: 2em;
}
.header-nav-top-ul li:nth-child(3) .header-nav-li-top dl{
	margin-bottom: 30px;
}
.header-nav-top-ul li:nth-child(3) .header-nav-li-top dl dd p{
	line-height: 2em;
}*/
.header-nav-top-ul li>a{
	font-size: 17px;
	color: #333333;
	position: relative;
	display: block;
	padding: 8px 30px 8px 45px;
}
.header-nav-top-ul li>a::after{
	width: 20px;
	height: 20px;
	position: absolute;
	content: "";
	right: 50px;
	    top: 12px;
	background: url(../images/j-icon_10.png) center no-repeat;
}
.header-nav-top-ul li.active>a{
	color: #007fcc;
	border-left: 2px solid #007fcc;
	background-color: #f5f5f5;
}
.header-nav-top-ul li.active>a::after{
	background-image: url(../images/j-icon_06.png);
}
.header-nav-li-top{
	position: absolute;
	width: 400px;
	top: 0;
	left: 375px;
	background: #f5f5f5;
	    height: 100%;
		padding: 15px 0;
		display: none;
}
.header-nav-li-top h4>a{
	cursor: default;
	font-size: 17px;
}
.header-nav-top-ul li.active .header-nav-li-top{
	display: block;
}
/* .header-nav-li-top>h4 a:hover{
	color: #007fcc;
} */
.header-nav-top-box{
	position: relative;
	height: 100vh;
}
.header-nav-dl-top{
	position: absolute;
	left: 400px;
	top: 0;
	background: #ffffff;
	width: calc(100vw - 5% - 775px);
	height: 640px;
	box-sizing: border-box;
	padding: 50px;
	display: none;
	padding-right: 110px;
	background-position: center;
	background-size: cover;
	overflow-y:auto;
}

.header-nav-li-top>h4{
	margin: 0 30px;
	padding: 8px 0;
	font-size: 17px;
	color: #333333;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 10px;
}

.two-item.active .header-nav-dl-top{
	display: block;
}
.two-item{
	margin-bottom: 7px;
}
.two-item>a{
	padding: 8px 30px 8px 50px;
	position: relative;
	display: block;
}
.two-item>a::after{
	width: 20px;
	height: 20px;
	position: absolute;
	content: "";
	right: 50px;
	    top: 12px;
	background: url(../images/j-icon_10.png) center no-repeat;
}
.two-item.active>a{
	color: #007fcc;
	border-left: 2px solid #007fcc;
	background-color: #ffffff;
	font-size: 17px;
}
.two-item.active>a::after{
	background-image: url(../images/j-icon_06.png);
}
.header-nav-dl-top dl{
	margin-bottom: 30px;
	width:50%; float:left;*zoom:1;
}
.header-nav-dl-top dl:nth-of-type(2n)::before{display:table;content:"";}
.header-nav-dl-top dl:nth-of-type(2n)::after{clear:both;display:block;content:"";height:0;overflow:hidden;visibility:hidden;}
.header-nav-dl-top dl:nth-of-type(2n):after{ clear:both;display:block;content:"";height:0;overflow:hidden;visibility:hidden;}
.header-nav-dl-top dl dt{ margin-bottom:8px;}
.header-nav-dl-top dl dt a{
	font-size: 17px;
	color: #0074c8;
	padding: 8px 0;/*cursor: default;*/
}
.header-nav-dl-top dd{
	width:100%;
}
.header-nav-dl-top dd a{
	margin-right: 30px;
	font-size: 13px;
	color: #333333;
	line-height:30px;
	display:block;
}
.header-nav-dl-top dd a:hover{
	color: #007fcc;
}
.header-nav-dl-top .pro-dd{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.header-nav-dl-top .pro-dd a{
	display: block;
	width: 20%;
	margin: 0;
	padding: 6px 0;
}
.header-nav-top-ul>li.else .header-nav-dl-top{
	left: 0;
	width: calc(100vw - 5% - 325px);
}

.animated{
	-webkit-animation-duration: 2s;
	    animation-duration: 2s;
}
.index-s1,.index-s2,.index-s3,.index-s4,.index-s5,.index-s6{
	overflow: hidden;
}
.jishu-div h4{
	margin: 0 30px 0 0;
	    padding: 8px 0;
	    font-size: 18px;
	    color: #333333;
	    border-bottom: 1px solid #d5d5d5;
	    margin-bottom: 10px;
}
.jishu-div{
	margin-right: 10%;
}
.header-nav-top-ul li.else .header-nav-dl-top{
	    padding: 20px 50px;
}

.search-top{
	background: #ffffff;
	border-top: 1px solid #e0e0e0;
	position:fixed;
	left: 0;
	right: 0;
	top: 146px;
	z-index: 1990;
	display: none;
}

.header{
	position: relative;
}
.close-btn{
	width: 50px;
	height: 50px;
	background:#eeeeee url(../images/close_03.png) center no-repeat;
	margin-left: auto;
	display: block;
	cursor: pointer;
}
.close-btn:hover{
	transform: rotateZ(90deg);
	transition: 0.5s;
}
.search-close{
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	background: #eeeeee;
	z-index: 999;
}
.search-close {
    left: 3%;
    right: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: #ffffff;
    padding: 30px 0;
}
.search-close .close-btn {
    display: inline-block;
    align-items: center;
    width: 30px;
    height: 30px;
    background-size: 15px 15px;
    background-color: #ffffff;
    margin-right: 10px;
    transition: 0.5s;
}
.search-top-input{
	width: 850px;
	height: 45px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background: #f6f5f3;
	margin:30px auto;
	border-radius: 10px;
}
.search-top-input input.topsearch{
	width: calc(100% - 60px);
	box-sizing: border-box;
	border: none;
	background: none;
	padding: 0 10px;
}
.search-top-input .search-top-lab{
	display: block;
	width: 60px;
	height: 100%;
	background: url(../images/seec_03.png) center no-repeat;
	cursor: pointer;
}
.search-top-div{
	border-top: 1px solid #e0e0e0;
}

.search-top-box{
	display: flex;
}
.search-top-box .search-top-left{
	width: 50%;
	border-right: 1px solid #e0e0e0;
	display: flex;
	padding: 35px 0;
}
.search-top-box .search-top-left dl{
	width: 50%;
}
.search-top-box .search-top-left dl dt,.search-top-box .search-top-left dl dd{
	margin-bottom: 18px;
}
.search-top-box .search-top-left dl dt a{
	font-weight: bold;
}
.search-top-box .search-top-left dl dt a,.search-top-box .search-top-left dl dd a{
	font-size: 15px;
	color: #333333;
}
.search-top-box .search-top-left dl dd a:hover{
	color: #007fcc;
}
.search-top-right{
	width: 50%;
	box-sizing: border-box;
	padding:35px 50px;
}
.search-top-right h5{
	font-size: 15px;
	color: #1a120c;
	margin-bottom: 10px;
	font-weight: bold;
}
.search-top-right ul{
	display: flex;
	flex-wrap: wrap;
}
.search-top-right ul li{
	width: 47%;
	margin-right: 6%;
	margin-bottom: 10px;
}
.search-top-right ul li:nth-of-type(2n){
	margin-right: 0;
}
.search-top-right ul li a{
	display: flex;
	width: 100%;
	align-items: center;
}
.search-top-right ul li a .search-top-pro-img{
	width: 95px;
	height: 95px;
	border: 1px solid #e8e9e4;
	text-align: center;
	line-height: 95px;
	box-sizing: border-box;
}
.search-top-right ul li a .search-top-pro-img img{
	display:block; width:100%; height:100%;
}
.search-top-right ul li a p{
	width: calc(100% - 95px);
	box-sizing: border-box;
	padding: 0 20px;
	font-size: 15px;
	color: #1a120c;
}
.search-top-right ul li a:hover p{
	color: #007fcc;
}
.header-bottom{
	position: relative;
}


/*.search{ width:17px; height:20px; position:relative; z-index:1000; padding-top:31px;}
.search a{ display:block; height:20px;}
.search .headrls { width: 0;  background: #fff; position: absolute; z-index: 9999; top: 60px; right: 0; margin: 0; -webkit-transition: all .4s; transition: all .4s; overflow: hidden; }
.search .headrls form{padding:0;height: 47px; width:246px;border:1px #ccc solid;}
.search.headshow .headrls { width: 246px;}
.search .headrls img { position: absolute; z-index: 10000; top: -7px; right: 14px; display:none; }
.headrls_sub { width: 50px; height: 45px; border: 0; background: url(../images/top_search_sub.png) no-repeat 50% 50% #fff; background-size:30% auto; cursor: pointer; outline:none;}
.headrls_text { width: 194px; height: 45px; border: 0; line-height: 45px; background: #fff; color: #666666; font-size: 14px; text-indent: 15px; outline:none;}*/

.topshow{ width:100%; height:270px; position:absolute;background: linear-gradient(180deg, rgba(96, 120, 163, 0) 0%, rgba(30, 52, 110, 0.7) 100%); z-index:10;}

.ibanner{ width:100%; height:auto; position:relative; z-index:9;}
.ibanner a{ display:block; width:100%; height:auto; position:relative; z-index:99;}
.ibanner a .bimg{ display:block; width:100%; height:100%;}
.ibannerc{ position:absolute; z-index:100; top:35%; left:10%; color:#fff;}
.ibannerct{ font-size:60px; line-height:60px;}
.ibannerci{ width:480px; height:auto; margin:25px 0 50px 0; font-size:16px; line-height:25px;}
.ibannerc_m{ width:210px; height:69px; background:url(../images/more.png) no-repeat; line-height:69px; text-align:center; color:#fff; font-size:18px;}

.ibanner .swiper-pagination-bullet{ width:15px; height:15px; line-height:15px; background:#e3e3e5;opacity: 1;border-radius:15px;color: #e3e3e5; font-size:16px;}
.ibanner .swiper-pagination-bullet-active{width:15px; background:#fff; opacity: 1;border-radius:12px;color: #fff; font-size:16px; font-weight:bolder;}
.ibanner>.swiper-pagination-bullets{ bottom:30px;}
.ibanner>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;bottom:0;}

/*.ibanner .ibanner-prev{ width:62px; height:62px; background:url(../images/prev.png) no-repeat 50% 50%; position:absolute; z-index:100; top:50%; margin-top:-31px; left:75px; outline:none; cursor:pointer; opacity:1;}
.ibanner .ibanner-prev:hover{background:url(../images/prev.png) no-repeat 50% 50%; opacity:1;}
.ibanner .ibanner-next{width:62px; height:62px; background:url(../images/next.png) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-31px; right:75px; outline:none; cursor:pointer; opacity:1;}
.ibanner .ibanner-next:hover{background:url(../images/next.png) no-repeat 50% 50%; opacity:1;}*/

.bannerc{position: relative;overflow: hidden; height:auto;}
.bannerc .swiper-wrapper{}
.bannerc .swiper-wrapper .swiper-slide{ width:100%; height:auto; position:relative; z-index:9;}
.bannerc .swiper-wrapper .swiper-slide img.bimg{ display:block; width:100%; height:auto;}

.bannerc_c{ width:1200px; height:auto; position:absolute; z-index:10; top:50%; left:50%; margin-left:-600px; margin-top:-90px; color:#fff; text-align:center;}
.bannerc_c_1{ font-size:60px; line-height:90px;}
.bannerc_c_3{ padding-top:30px;}

.load-video{display:block;width:76px;height:76px;margin:0 auto;cursor:pointer;transform:translateY(0%);opacity:1;transition:transform 0.6s ease-out,opacity 0.6s}
.load-video img{display:block;width:100%}
.load-video:before,.load-video::after{content:' ';position:absolute;top:-60%;left:-60%;width:220%;height:220%;border:#ffffff 1px solid;border-radius:50%;box-sizing:border-box;transform:scale(0.6);animation-duration:3s;opacity:0;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.55, 0.23, 0.62, 1)}
.load-video::after{animation-delay:1.5s;transform:scale(1)}

.main_sw.index .box3.animate .wrap .cont .video-btn{padding:3% 0;overflow:hidden}
.main_sw.index .box3.animate .wrap .cont .load-video{transform:translateY(0);opacity:1;transition-delay:0.4s}
.load-video:hover:before,.load-video:hover::after{animation-name:loader}

.video-box{position:absolute;top:0;left:0;width:100%;height:100%}
.video-box .video{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);transition:opacity 1s}
.video-box .video.cur{opacity:1;filter:alpha(opacity=100)}
.video-box .video.video-on .bg-box{opacity:0;filter:alpha(opacity=0)}
.video-box video{position:absolute;bottom:0;left:0;display:block;width:100%; height:100%;object-fit:cover}

.video-box .bg-box{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s}
.video-box .bg,.video-box .mb-bg{position:absolute;top:0;left:0;width:100%;height:100%}
.video-box .mb-bg{display:none}

.tran300{transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}
.tran500{transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}
.tran800{transition:800ms ease-out;-webkit-transition:800ms ease-out;-ms-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;}
.tran1000{transition:1000ms ease-out;-webkit-transition:1000ms ease-out;-ms-transition:1000ms ease-out;-moz-transition:1000ms ease-out;-o-transition:1000ms ease-out;}
.video-box:hover .bg{transform:scale(1.1);}

.ison .video{opacity:1;filter:alpha(opacity=100);}
.ison .bg-box{opacity:1;}
.ison .bannerc_c_1{opacity:1;}
.ison .bannerc_c_2{opacity:1;}

.iproduct{ width:100%; height:auto; background:#fff; padding:60px 0 100px 0;}
.iproduct .tit{ text-align:center;font-size: 48px;font-weight: 700;line-height: 70px; color:#000;}
.iproduct .info{ text-align:center; margin:15px auto 45px auto;font-size: 20px;font-weight: 400;line-height: 28.96px;color: rgba(128, 128, 128, 1);}
.iproduct .cate{}
.iproduct .cate ul{display:flex;flex-wrap: nowrap;align-items: center;justify-content: center;flex-direction: row;}
.iproduct .cate ul li{ padding:0 45px;}
.iproduct .cate ul li a{ display:block; text-align:center;}
.iproduct .cate ul li a .icon{ width:100%; height:65px; margin:0 auto 5px auto; min-width:70px;}
.iproduct .cate ul li a .catet{font-size: 16px;font-weight: 500;line-height: 25px;color: rgba(56, 56, 56, 1);}
.iproduct .cate ul li:nth-of-type(1) a .icon{ background:url(../images/i_pro_icon1.png) no-repeat center center;}
.iproduct .cate ul li:nth-of-type(2) a .icon{ background:url(../images/i_pro_icon2.png) no-repeat center center;}
.iproduct .cate ul li:nth-of-type(3) a .icon{ background:url(../images/i_pro_icon3.png) no-repeat center center;}
.iproduct .cate ul li:nth-of-type(4) a .icon{ background:url(../images/i_pro_icon4.png) no-repeat center center;}
.iproduct .cate ul li:nth-of-type(5) a .icon{ background:url(../images/i_pro_icon5.png) no-repeat center center;}

.iproduct .cate ul li:nth-of-type(1) a:hover .icon{background:url(../images/i_pro_icon1_on.png) no-repeat center center;}
.iproduct .cate ul li:nth-of-type(2) a:hover .icon{background:url(../images/i_pro_icon2_on.png) no-repeat center center;}
.iproduct .cate ul li:nth-of-type(3) a:hover .icon{background:url(../images/i_pro_icon3_on.png) no-repeat center center;}
.iproduct .cate ul li:nth-of-type(4) a:hover .icon{background:url(../images/i_pro_icon4_on.png) no-repeat center center;}
.iproduct .cate ul li:nth-of-type(5) a:hover .icon{background:url(../images/i_pro_icon5_on.png) no-repeat center center;}
.iproduct .cate ul li a:hover .catet{ color:#3473f4;}

.iproduct .con{ margin-top:40px;}
.iproduct .con .list{ float:left;width:23.5%; margin:0 2% 0 0;}
.iproduct .con .list:nth-of-type(4n){ margin-right:0;}
.iproduct .con .list a{ display:block;}
.iproduct .con .list a img{ display:block; width:100%; height:auto;}

.isolution{ width:100%; height:auto; padding:105px 0 190px 0;}
.isolution .tit{text-align:center;font-size: 48px;font-weight: 700;line-height: 70px; color:#fff;}
.isolution .info{ text-align:center; margin:15px auto 45px auto;font-size: 20px;font-weight: 400;line-height: 29px;color:#fff;}
.isolution .con{ padding-top:40px;}
.isolution .con .conl{ width:212px; height:auto;background: rgba(255, 255, 255, 0.35); padding:20px 0; min-height:510px;}
.isolution .con .conl ul li{ margin-bottom:18px;}
.isolution .con .conl ul li a{ display:block; padding:0 40px;font-size: 18px;font-weight: 500;line-height: 30px;color: rgba(255, 255, 255, 1); position:relative; z-index:9;}
.isolution .con .conl ul li a.on:before{ content:""; width:4px; height:27px; background:#3473f4; position:absolute; z-index:10; left:0; top:2px;}
.isolution .con .conl ul li a:hover:before{ content:""; width:4px; height:27px; background:#3473f4; position:absolute; z-index:10; left:0; top:2px;}

.isolution .con .conr{ width:960px; height:auto; color:#fff;}
.isolution .con .conr .conrt{font-size: 32px;font-weight: 600;line-height: 52px;color: rgba(255, 255, 255, 1);}
.isolution .con .conr .conri{font-size: 24px;font-weight: 300;line-height: 35px;color: rgba(255, 255, 255, 1); margin:15px auto 50px auto;}
.isolution .con .conr .conrc{}
.isolution .con .conr .conrc .list{float:left;width: 32%; margin: 0 2% 0 0;}
.isolution .con .conr .conrc .list:nth-of-type(3n){ margin-right:0;}
.isolution .con .conr .conrc .list a{ display:block;background: rgba(255, 255, 255, 0.35);}
.isolution .con .conr .conrc .list a .img{}
.isolution .con .conr .conrc .list a .img img{ display:block; width:100%; height:auto;}
.isolution .con .conr .conrc .list a .listt{ color:#fff; padding:10px; height:100px; overflow:hidden;font-size: 17px;font-weight: 500;line-height: 25px;}

.inew{ width:100%; height:auto; padding:60px 0 100px 0;}
.inew .tit{ text-align:center;font-size: 48px;font-weight: 700;line-height: 70px; color:#000;}
.inew .info{ text-align:center; margin:15px auto 45px auto;font-size: 20px;font-weight: 400;line-height: 28.96px;color: rgba(128, 128, 128, 1);}
.inew .con{ margin-top:50px;}
.inew .con .list{ width:100%; height:auto;}
.inew .con .list a{ display:block;}
.inew .con .list a .img{ width:605px; height:auto;}
.inew .con .list a .listc{ width:610px; height:auto;}
.inew .con .list a .listc .listc_t{font-size: 36px;font-weight: 700;line-height: 52px;color: rgba(0, 0, 0, 1);}
.inew .con .list a .listc .listc_i{ margin:20px 0;font-size: 18px;font-weight: 400;line-height: 30px;color: rgba(128, 128, 128, 1);}
.inew .con .list a .listc .listc_m{ width:120px; height:40px; text-align:center; line-height:40px; background:#3473f4;font-size: 16px;font-weight: 400;color: rgba(255, 255, 255, 1);}

.ius{width:100%; height:auto; padding:60px 0 100px 0; background:#f8f8f8;}
.ius .tit{ text-align:center;font-size: 48px;font-weight: 700;line-height: 70px; color:#000;}
.ius .info{ text-align:center; margin:15px auto 45px auto;font-size: 20px;font-weight: 400;line-height: 28.96px;color: rgba(128, 128, 128, 1); width:720px;}
.ius .con{ margin-top:75px;}
.ius .con .list{width:23.5%; margin:0 2% 0 0; float:left;}
.ius .con .list:nth-of-type(4n){ margin-right:0;}
.ius .con .list a{ display:block; width:100%; height:515px; padding:30px 20px; color:#fff;}
.ius .con .list a .listt{font-size: 24px;font-weight: 700;line-height: 52px; margin-bottom:15px;}
.ius .con .list a .listi{font-size: 20px;font-weight: 500;line-height: 35px;}

.foot{ width:100%; height:auto; background:#232220; padding:100px 0 65px 0; color:#fff;}
.foot .foott{ margin-bottom:80px;}
.foot .foott .foottl{ width:350px;}
.foot .foott .foottl .f_logo{}
.foot .foott .foottl .foottl_t{ margin:20px 0 10px 0;font-size: 18px;font-weight: 500;line-height: 26px;}
.foot .foott .foottl .foottl_line{font-size: 36px;font-weight: 400;line-height: 52px; margin-bottom:18px;}
.foot .foott .foottl .foottl_share{}
.foot .foott .foottl .foottl_share a{ display:inline-block; margin-right:20px;position:relative; z-index:9;}
.foot .foott .foottl .foottl_share a .foot_svg1{ display:block; width:40px; height:40px; border-radius:8px; background:url(../images/foot_svg1.svg) no-repeat center center #fff; background-size:80% 80%;}
.foot .foott .foottl .foottl_share a .foot_svg2{ display:block; width:40px; height:40px; border-radius:8px; background:url(../images/foot_svg2.svg) no-repeat center center #fff; background-size:80% 80%;}
.foot .foott .foottl .foottl_share a .foot_svg3{ display:block; width:40px; height:40px; border-radius:8px; background:url(../images/foot_svg3.svg) no-repeat center center #fff; background-size:80% 80%;}
.foot .foott .foottl .foottl_share a .foot_svg4{ display:block; width:40px; height:40px; border-radius:8px; background:url(../images/foot_svg4.svg) no-repeat center center #fff; background-size:80% 80%;}
.foot .foott .foottl .foottl_share a img{ position:absolute; z-index:10; bottom:50px; left:-40px; display:none;}
.foot .foott .foottl .foottl_share a:hover img{ display:block;}

.foot .foott .foottr{ width:710px;}
.foot .foott .foottr dl{ width:25%; height:auto; float:left;}
.foot .foott .foottr dl dt{ margin-bottom:12px;}
.foot .foott .foottr dl dt a{font-size: 18px;font-weight: 500;line-height: 26px;color: rgba(255, 255, 255, 1); line-height:28px;}
.foot .foott .foottr dl dt a:hover{ color:#3473f4}
.foot .foott .foottr dl dd{}
.foot .foott .foottr dl dd a{ line-height:28px;font-size: 14px;font-weight: 400;line-height: 25px;color: rgba(166, 166, 166, 1);}
.foot .foott .foottr dl dd a:hover{ color:#3473f4}
.foot .footb{}
.foot .footb a{ color:#fff;}
.foot .footb .footb_t{font-size: 14px;font-weight: 400;line-height: 30px;color: rgba(255, 255, 255, 1);}
.foot .footb .footb_c{font-size: 14px;font-weight: 400;line-height: 30px;color: rgba(255, 255, 255, 1);}
.foot .footb .footb_c a{font-size: 14px;font-weight: 400;line-height: 30px;color: rgba(255, 255, 255, 1); padding-right:38px;}
.foot .footb .footb_c a:hover{ color:#3473f4}

.online{ width:45px; height:auto; position:fixed; z-index:9999; bottom:30%; right:50px;}
.online .list{ margin-bottom:10px;}
.online .list a{ position:relative; z-index:10001;}
.online .list a i{ display:block; width:45px; height:45px;}
.online .list:nth-of-type(1) a i{ background:url(../images/online_svg1.svg) no-repeat center center #3473f4;background-size:60% 60%; border-radius:45px;box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.1);}
.online .list:nth-of-type(2) a i{ background:url(../images/online_svg2.svg) no-repeat center center #24dc5a;background-size:60% 60%; border-radius:45px;box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.1);}
.online .list:nth-of-type(3) a i{ background:url(../images/online_icon3.png) no-repeat center center #f7f7f7; border-radius:45px;box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.1);}
.online .list a .online_phone{font-size: 16px;
    color: #fff;
    overflow: hidden;
    float: left;
    position: absolute;
    right: 55px;
    background:#3473f4;
    top: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    max-width: 0;
    white-space: nowrap;
    font-weight: 300;
}
.online .list a:hover .online_phone{
    max-width: 1000px;
    padding: 0 30px;
	transform: translateX(00%);
}

.online .list a .online_ewm{
	position: absolute;
    width: 120px;
    left: -130px;
    bottom: 0;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
}
.online .list a:hover .online_ewm {
    max-height: 200px;
    opacity: 1;
}
.online .list a .online_ewm img {
    width: 100%;
}


.fa_ani * {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

.fa_ani *:before {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

.fa_ani *:after {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}
.fa_clearfix:before,
.fa_clearfix:after {
    display: table;
    clear: both;
    content: "";
}
/*index end*/

/*about start*/
.ncate{ width:100%; height:auto; background:#fff; border-top:2px #e9e9e9 solid;border-bottom:2px #e9e9e9 solid; }
.ncate .w1280{display:flex;justify-content: center;align-items: center;}
.ncate .w1280 a{ display:block; height:100px; line-height:100px; margin:0 60px;font-size: 20px;font-weight: 400;color:#000; padding:0 40px; position:relative; z-index:5;}
.ncate .w1280 a:before{ content:""; width:0; height:4px; background:#3473f4; position:absolute; z-index:8; left:0; bottom:0;}
.ncate .w1280 a.on{ color:#3473f4;}
.ncate .w1280 a.on:before{ width:100%;}
.ncate .w1280 a:hover{ color:#3473f4;}
.ncate .w1280 a:hover:before{ width:100%;}

.aboutc{ width:100%; height:auto; background:#f3f7fa; padding:40px 0;}
.aboutc .tit{font-size: 24px;font-weight: 400;line-height: 52px;color:#000; text-align:center; padding-bottom:30px; border-bottom:1px #dfe3e6 solid;}
.aboutc .con{ padding-top:50px;}
.aboutc .con .cona{ width:846px; height:auto; margin:0 auto;font-size: 16px;font-weight: 400;line-height: 35px;color:#333;}
.aboutc .con .cona .tt{font-size: 30px;font-weight: 500;line-height: 45px;color: rgba(52, 115, 244, 1); margin-bottom:8px;}
.aboutc .con .cona .tt_en{font-size: 14px;font-weight: 500;line-height: 22px;color: rgba(52, 115, 244, 1);}
.aboutc .con .cona img{ max-width:100%; height:auto;}
/*about end*/

/*product start*/
.common_banner{ width:100%; height:600px;}
.common_banner .w1280{ padding-top:240px;}
.common_banner .btit{font-size: 48px;font-weight: 700;line-height: 70px;color: rgba(255, 255, 255, 1); margin-bottom:10px;}
.common_banner .binfo{font-size: 22px;font-weight: 400;line-height: 35px;color: rgba(255, 255, 255, 1); max-width:640px;}

.pcon{ width:100%; height:auto; background:#f7f7f7; padding:80px 0;}
.pcon .tit{ text-align:center;font-size: 36px;font-weight: 400;line-height: 52px;color: rgba(52, 115, 244, 1);}
.pcon .line{ width:150px; height:2px; background:#96b5f5; margin:18px auto 0 auto;}
.pcon .pcate{ text-align:center; margin:55px auto 90px auto;}
.pcon .pcate a{font-size: 16px;font-weight: 400;line-height: 25px;color: rgba(128, 128, 128, 1); padding:0 15px;}
.pcon .pcate a:hover{ color:#000;}
.pcon .pcate a.on{ color:#000;}
.pcon .con{}
.pcon .con .list{ float:left;width: 32%; margin: 0 2% 30px 0;}
.pcon .con .list:nth-of-type(3n){ margin-right:0;}
.pcon .con .list a{ display:block; background:#ffffff;}
.pcon .con .list a .img{}
.pcon .con .list a .img img{ display:block; width:100%; height:auto;}
.pcon .con .list a .listc{ padding:10px; text-align:center;}
.pcon .con .list a .listc .listc_t{font-size: 16px;font-weight: 700;line-height: 25px; height:25px; overflow:hidden;color: rgba(56, 56, 56, 1);}
.pcon .con .list a .listc .listc_i{font-size: 16px;font-weight: 400;line-height: 23px; height:23px; overflow:hidden;color: rgba(56, 56, 56, 1); margin:5px auto 10px auto;}
.pcon .con .list a .listc .listc_m{font-size: 14px;font-weight: 400;line-height: 22px; height:22px; overflow:hidden;color: rgba(52, 115, 244, 1);}

.pbody{ width:100%; height:auto; background:#f5f5f5; padding:60px 0;}
.pdetail{ background:#fff; padding:30px;}
.pdetailt{ margin-bottom:0;}
.pdetailtl{ width:450px;}
.pdetailtl_t{ width:100%; height:auto; margin-bottom:20px; border:1px #ddddde solid;}
.pdetailtl_t img{ display:block; width:100%; height:auto;}
.pdetailtl_c{ position:relative; z-index:9;}

.pdetailtl_cl{ width:100%; height:auto;}
.pdetailtl_cl img{ display:block; width:100%; height:auto;}

.pdetailtl_c_a{width: calc(100% - 90px); margin:0 auto;}
.pdetailtl_c .pdetailtl_c-prev{ width:32px; height:32px; background:url(../images/pd_prev.jpg) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-16px; left:0; outline:none; cursor:pointer;}
.pdetailtl_c .pdetailtl_c-prev:hover{background:url(../images/pd_prev.jpg) no-repeat 50% 50%;}
.pdetailtl_c .pdetailtl_c-next{width:32px; height:32px; background:url(../images/pd_next.jpg) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-16px; right:0; outline:none; cursor:pointer;}
.pdetailtl_c .pdetailtl_c-next:hover{background:url(../images/pd_next.jpg) no-repeat 50% 50%;}
.pdetailtl_cl.curr img{ border:1px #1e1e1e solid;}

.pdetailtr{ width:700px; padding-top:25px;}
.pdetailtr_1{font-weight: 700;font-size: 28px;line-height: 40px;color: #111;}
.pdetailtr_2{ font-size:24px;font-weight: 400;line-height: 40px;color: #777;}
.pdetailtr_3{ font-size:16px;margin:15px 0; padding:12px 0;font-weight: 400;line-height: 40px;color: #777; border-top:1px #ddddde solid; border-bottom:1px #ddddde solid;}
.pdetailtr_4{ margin:20px auto 18px auto;}
.pdetailtr_4 a{ display:inline-block; width:150px; height:55px; line-height:55px; text-align:center; color:#fff; font-size:20px;background:#3473f4; border-radius:5px;}
.pdetailtr_4 a:last-child{ margin-right:0;}
.pdetailtr_4 a.pdetailtr_4_curr{ background:#1455d9; color:#fff; border:1px #1455d9 solid;}
.pdetailtr_4 a:hover{ background:#1455d9; color:#fff; border:1px #1455d9 solid;}
.pdetailtr_4 a.pdetailtr_4_curr:hover{background:#1455d9; color:#fff; border:1px #1455d9 solid;}

.pdetailc{ margin-bottom:0;}
.pdetailct{ text-align:center; background:#f6f6f6;}
.pdetailct ul li{ display:block; line-height:60px; font-size:18px; color:#1e1e1e; cursor:pointer; float:left; padding:0 25px; background:#f6f6f6;}
.pdetailct ul li:last-child{ margin-right:0;}
.pdetailct ul li.curr{ color:#fff; background:#3473f4;}
.pdetailcc{ padding:35px; font-size:16px; color:#333; line-height:32px; font-weight:400;}
.pdetailcc img{ max-width:100%; height:auto;}
.pdcon{ padding:60px 0 0 0;}
/*product end*/

/*solution start*/
.scate{ width:100%; border-bottom:2px #e3e3e3 solid; background:#fff;}
.scate a{ display:inline-block; height:70px; line-height:68px; margin-right:120px;font-size: 18px;font-weight: 400;color: rgba(0, 0, 0, 1); position:relative; z-index:2;}
.scate a:before{ content:""; width:0; height:2px; background:#3473f4; position:absolute; z-index:10; left:0; bottom:0;}
.scate a:hover:before{ width:100%;}
.scate a.on:before{ width:100%;}
.scate a:hover{ color:#3473f4;}
.scate a.on{ color:#3473f4;}

.scon{ width:100%; height:auto; background:#f7f7f7; padding:60px 0;}
.scon .slist{}
.scon .slist .list{ margin-bottom:50px;}
.scon .slist .list a{ display:block; background:#fff;}
.scon .slist .list a .img{ width:575px; height:auto;}
.scon .slist .list a .img img{ display:block; width:100%; height:auto;}
.scon .slist .list a .con{ width:705px; height:auto; padding:30px;}
.scon .slist .list a .con .cont{font-size: 24px;font-weight: 600;line-height: 35px;color: rgba(56, 56, 56, 1);}
.scon .slist .list a .con .coni{ margin:20px auto 18px auto;font-size: 16px;font-weight: 400;line-height: 35px;color: rgba(128, 128, 128, 1);}
.scon .slist .list a .con .more{ display:inline-block;font-size: 16px;font-weight: 500;line-height: 25px;color: rgba(52, 115, 244, 1); padding-right:23px; background:url(../images/more.png) no-repeat right 50%;}

.scon .sdt{}
.scon .sdt .sdt_t{ width:330px; height:auto;font-size: 30px;font-weight: 500;line-height: 45px;color: rgba(52, 115, 244, 1);}
.scon .sdt .sdt_c{ width:910px; height:auto;font-size: 16px;font-weight: 400;line-height: 35px;color: rgba(0, 0, 0, 1);}

.scon .sdimg{ margin:50px auto;}
.scon .sdimg .sdimgt{font-size: 30px;font-weight: 400;line-height: 44px;color: rgba(0, 0, 0, 1); margin-bottom:20px;}
.scon .sdimg .sdimgc{}
.scon .sdimg .sdimgc img{ display:block; width:100%; height:auto;}

.scon .sdcase{}
.scon .sdcase .sdcaset{font-size: 30px;font-weight: 400;line-height: 44px;color: rgba(0, 0, 0, 1); margin-bottom:20px;}
.scon .sdcase .sdcasec{}
.scon .sdcase .sdcasec .list{ margin-bottom:50px;}
.scon .sdcase .sdcasec .list a{ display:block; background:#fff;}
.scon .sdcase .sdcasec .list a .img{ width:575px; height:auto;}
.scon .sdcase .sdcasec .list a .img img{ display:block; width:100%; height:auto;}
.scon .sdcase .sdcasec .list a .con{ width:705px; height:auto; padding:30px;}
.scon .sdcase .sdcasec .list a .con .cont{font-size: 24px;font-weight: 600;line-height: 35px;color: rgba(56, 56, 56, 1);}
.scon .sdcase .sdcasec .list a .con .coni{ margin:20px auto 18px auto;font-size: 16px;font-weight: 400;line-height: 35px;color: rgba(128, 128, 128, 1);}
.scon .sdcase .sdcasec .list a .con .more{ display:inline-block;font-size: 16px;font-weight: 500;line-height: 25px;color: rgba(52, 115, 244, 1); padding-right:23px; background:url(../images/more.png) no-repeat right 50%;}

.scon .sdproduct{}
.scon .sdproduct .sdproductt{font-size: 30px;font-weight: 400;line-height: 44px;color: rgba(0, 0, 0, 1); margin-bottom:20px;}
.scon .sdproduct .sdproductc{}
.scon .sdproduct .sdproductc .list{ float:left;width: 32%; margin: 0 2% 30px 0;}
.scon .sdproduct .sdproductc .list:nth-of-type(3n){ margin-right:0;}
.scon .sdproduct .sdproductc .list a{ display:block; background:#ffffff;}
.scon .sdproduct .sdproductc .list a .img{}
.scon .sdproduct .sdproductc .list a .img img{ display:block; width:100%; height:auto;}
.scon .sdproduct .sdproductc .list a .listc{ padding:10px; text-align:center;}
.scon .sdproduct .sdproductc .list a .listc .listc_t{font-size: 16px;font-weight: 700;line-height: 25px; height:25px; overflow:hidden;color: rgba(56, 56, 56, 1);}
.scon .sdproduct .sdproductc .list a .listc .listc_i{font-size: 16px;font-weight: 400;line-height: 23px; height:23px; overflow:hidden;color: rgba(56, 56, 56, 1); margin:5px auto 10px auto;}
.scon .sdproduct .sdproductc .list a .listc .listc_m{font-size: 14px;font-weight: 400;line-height: 22px; height:22px; overflow:hidden;color: rgba(52, 115, 244, 1);}
/*solution end*/

/*new start*/
.newcon{ width:100%; height:auto; background:#f7f7f7; padding:80px 0;}
.newcon .nlistc{}
.newcon .nlistc .list{ margin-bottom:30px;}
.newcon .nlistc .list a{ display:block; background:#fff;}
.newcon .nlistc .list a .img{ width:380px; height:auto;}
.newcon .nlistc .list a .img img{ display:block; width:100%; height:auto;}
.newcon .nlistc .list a .con{ width:900px; height:auto; padding:40px 20px;}
.newcon .nlistc .list a .con .cont{font-size: 24px;font-weight: 400;line-height: 35px;color: rgba(56, 56, 56, 1);}
.newcon .nlistc .list a .con .coni{font-size: 16px;font-weight: 400;line-height: 35px;color: rgba(128, 128, 128, 1); margin:25px 0;}
.newcon .nlistc .list a .con .con_time{font-size: 16px;font-weight: 400;line-height: 35px;color: rgba(166, 166, 166, 1);}

.newcon .ndtit{font-size: 24px;font-weight: 400;line-height: 35px;color: rgba(0, 0, 0, 1); text-align:center; padding-bottom:40px; border-bottom:2px #e3e3e3 solid;}
.newcon .ndcon{ padding:40px 0;font-size: 16px;font-weight: 400;line-height: 35px;color: rgba(0, 0, 0, 1);}
.newcon .ndcon img{ max-width:100%; height:auto;}
.newcon .ndcon table td{ padding:2px 5px;}
/*new end*/

/*question start*/
.ques{}
.ques .tit{ text-align:center;font-size: 24px;font-weight: 400;line-height: 52px;color:#000; position:relative; z-index:1; padding-bottom:15px;}
.ques .tit:before{ content:""; width:100px; height:2px; background:#96b5f5; position:absolute; z-index:9; left:50%; margin-left:-50px; bottom:0; display:none;}
.ques .ques_search{ width:855px; height:60px; margin:30px auto 20px auto;}
.ques .ques_search .ques_search_text{ width:795px; height:60px; line-height:60px; background:#fff; border-radius:6px 0 0 6px; text-indent:20px;font-size: 14px;font-weight: 400;color:#333;}
.ques .ques_search .ques_search_sub{ width:60px; height:60px; background:url(../images/ques_search.png) no-repeat center center #fff; border-radius:0 6px 6px 0;}
.ques .quescate{ padding:20px; background:#fff; border:1px #eeeeee solid;}
.ques .quescate .quescatet{ width:150px;font-size: 18px;font-weight: 400;line-height: 26px;color: rgba(0, 0, 0, 1);}
.ques .quescate .quescatec{ width:1088px;}
.ques .quescate .quescatec ul li{ display:inline-block;}
.ques .quescate .quescatec ul li a{ display:inline-block; padding:3px 20px; line-height:25px;font-size: 16px;font-weight: 400;line-height: 26px;color: rgba(56, 56, 56, 1); background:url(../images/quescatec_line.jpg) no-repeat right 50%;}
.ques .quescate .quescatec ul li a:hover{ background:#3473f4; color:#fff; border-radius:6px;}
.ques .quescate .quescatec ul li a.on{ background:#3473f4; color:#fff; border-radius:6px;}
.ques .quescon{ margin:40px auto 20px auto; background:#fff; padding:40px;box-shadow: 0px 2px 15px  rgba(52, 115, 244, 0.15);}
.ques .quescon .list{ margin-bottom:18px;}
.ques .quescon .list .listt{ padding-left:64px; background:url(../images/ques_jt.png) no-repeat left 50%;font-size: 18px;font-weight: 400;line-height: 26px;color: rgba(0, 0, 0, 1); margin-bottom:15px; cursor:pointer;}
.ques .quescon .list.on .listt{ background:url(../images/ques_jt_on.png) no-repeat left 50%;}
.ques .quescon .list .listc{ padding:20px; background:#e0ebff;font-size: 16px;font-weight: 400;line-height: 28px;color: rgba(128, 128, 128, 1); display:none;}
.ques .quescon .list.on .listc{ display:block;}
/*question end*/

.movie{margin:40px auto 20px auto;}
.movie .list{ float:left;width: 32%; margin: 0 2% 30px 0;}
.movie .list:nth-of-type(3n){ margin-right:0;}
.movie .list a{ display:block; position:relative; z-index:9;}
.movie .list a .mimg{}
.movie .list a .mimg img{ display:block; width:100%; height:auto;}
.movie .list a .mtit{ position:absolute; z-index:10; left:0; bottom:0; width:100%; height:60px; line-height:60px; text-align:center;background: rgba(0, 0, 0, 0.3); font-size:16px; color:#fff; overflow:hidden;}
.movie .list a .icon {
    width: 40px;
    height: 40px;
    background: url(../images/icon-video2.png) no-repeat center center/cover;
    cursor: pointer;
    margin: -40px 0px 0px -20px;
    z-index: 3;
    left: 50%;
    top: 50%;
	position:absolute;
}

.download{margin:40px auto 20px auto;}
.download .list{float:left;width: 48%; margin: 0 4% 20px 0;}
.download .list:nth-of-type(2n){ margin-right:0;}
.download .list a{ display:block; background:#fff;box-shadow: 0px 2px 15px  rgba(52, 115, 244, 0.15); padding:20px; line-height:55px;}
.download .list a .listt{ width:430px; padding-left:70px;font-size: 16px;font-weight: 400;color: rgba(0, 0, 0, 1); background:url(../images/download_icon.png) no-repeat left 50%; overflow:hidden; height:55px;}
.download .list a .listtime{font-size: 14px;font-weight: 400;color: rgba(128, 128, 128, 1); width:90px;}
.download .list a:hover .listt{ color: rgba(52, 115, 244, 1);}
.download .list a:hover .listtime{ color: rgba(52, 115, 244, 1);}

/*contact start*/
.contact_banner{ width:100%; height:960px;}
.contact_banner .w1280{ padding-top:280px;}
.contact_banner .btit{font-size: 48px;font-weight: 700;line-height: 70px;color: rgba(255, 255, 255, 1); margin-bottom:25px;}
.contact_banner .binfo{ max-width:1280px;font-size: 20px;font-weight: 400;line-height: 35px;color: rgba(255, 255, 255, 1);}

/*.contacta{}
.contacta .contactal{ width:50%; height:480px;}
.contacta .contactal .con{ width:60%; padding:90px;}
.contacta .contactal .con .tit{font-size: 36px;font-weight: 700;line-height: 52px;color: rgba(0, 0, 0, 1); margin-bottom:40px;}
.contacta .contactal .con .info{font-size: 16px;font-weight: 400;line-height: 32px;color: rgba(102, 102, 102, 1);}
.contacta .contactar{ width:50%; height:480px;}*/
.contacta{ padding:60px 0;}
.contacta .contactal{ width:440px; height:auto; padding-top:30px;}
.contacta .contactal .tit{font-size: 36px;font-weight: 700;line-height: 52px;color: rgba(0, 0, 0, 1); margin-bottom:40px;}
.contacta .contactal .info{font-size: 16px;font-weight: 400;line-height: 32px;color: rgba(102, 102, 102, 1); letter-spacing:0;}

.contacta .contactar{ width:452px; height:auto;}

.contactb{ width:100%; height:auto; padding:150px 0;}
.contactb .con{}
.contactb .con img{ max-width:100%; height:auto;}
.contactb .con .tit{font-size: 36px;font-weight: 700;line-height: 52px;color: rgba(255, 255, 255, 1); margin-bottom:40px;}
.contactb .con .ncon{font-size: 16px;font-weight: 400;line-height: 32px;color: rgba(247, 247, 247, 1);}

.contactc{ width:100%; height:auto; padding:50px 0; background:#f7f7f7;}
.contactc .con{ width:100%;font-size: 17px;font-weight: 400;line-height: 38px;color: rgba(0, 0, 0, 1); padding-top:50px;}
.contactc .map{ width:596px;}
.contactc .con img{ max-width:100%; height:auto;}
/*contact end*/


.kh-box{
	width: 800px;
	height: 820px;
	position: fixed;
	box-sizing: border-box;
	padding: 50px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
	background: #ffffff;
	display: none;
	z-index: 999999;
}
.kh-box .close-btn{
	width: 50px;
	height: 50px;
	background-size: 40px 40px;
	
}
.kh-box .search-close{
	right: 0;
	left: auto;
	padding: 15px;
}
.kh-title{
	text-align: center;
}
.kh-title img{
	max-width: 150px;
}
.kh-title h2{
	font-size: 24px;
	line-height: 36px;
	color: #000000;
	margin: 10px 0 15px;
}
.kh-title i{
	display: block;
	position: relative;
	border-bottom: 1px solid #e7e7e7;
}
.kh-title i:after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border: 1px solid #acacac;
	background: #ffffff;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -5px;
	transform: rotateZ(45deg);
}
.kh-box-div{
	position: relative;
}

.email-a{
	background:#3473f4 url(../images/t-icon_10.png) no-repeat;
	background-position: 15px;
	padding: 10px 20px 10px 35px;
	color: #fff;
	font-size: 12px;
}
.call-a-t{
	background:url(../images/t-icon_06.png) no-repeat;
	background-position: 3px;
	    padding-left: 20px;
}
.online-a{
	background:#3473f4 url(../images/t-icon_03.png) no-repeat;
	background-position: 15px;
	padding: 10px 20px 10px 35px;
	color: #fff;
	font-size: 12px; position:relative; z-index:9999991;
}
.online-a img{ position:absolute; z-index:9999992; left:-30px; bottom:40px; display:none;}
.online-a:hover img{ display:block;}
.online-a:hover{ color:#fff;}
.kh-div-t1-left dd{
	border-bottom: 1px solid #f5f5f5;
	box-sizing: border-box;
	padding: 25px 0;
}
.kh-div-t1-left dd h4{
	font-size: 14px;
	color: #111111;
	margin-bottom: 10px;
}
.kh-div-t1-left dd .div-a{
	margin-top: 25px;
	padding-left: 15px;
}
.kh-div-t1-left dd .div-a a{
	cursor: pointer;
}
.kh-div-t1-left dd .div-a a:hover{
	/*opacity: 0.8;*/
}
.kh-div-t1-left dd h5{
	color: #313131;
	font-size: 12px;
	padding-left: 15px;
	margin-top: 15px;
}
.kh-div-t1-left dd p{
	font-size: 12px;
	color: #4b4b4b;
	line-height: 24px;
	position: relative;
	padding-left: 15px;
}
.kh-div-t1-left dd:first-of-type{
	padding-top: 0;
}
.kh-div-t1-left dd p::after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #999999;
	left: 0;
	top: 10px;
}
.kh-box-div>div{
	box-sizing: border-box;
	padding: 40px 10px 30px;
}
.kh-div-t1{
	display: flex;
}
.kh-div-t1-right{
	width: 230px;
	margin-left: auto;
	padding: 0 10px 0 30px;
}
.kh-div-t1-left{
	width: calc(100% - 230px);
	box-sizing: border-box;
	border-right: 1px solid #f5f5f5;
	padding-right: 40px;
}
.kh-div-t1-right dl{}
.kh-div-t1-right dd h4{
	font-size: 14px;
	color: #111111;
	margin-bottom: 10px;
}
.kh-div-t1-right dd p{
	font-size: 12px;
	color: #4b4b4b;
	line-height: 24px;
	position: relative;
	padding-left: 15px;
}
.kh-div-t1-right dd p::after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #999999;
	left: 0;
	top: 10px;
}
.kh-div-t1-right dd img{
	margin-top: 20px;
}

.kh-t2-tab{
	display: flex;
	justify-content: center;
	margin: 15px 0;
}
.kh-t2-tab a{
	width: 150px;
	height: 40px;
	line-height: 40px;
	border-radius: 100px;
	background: #626262;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	margin: 0 10px;
	cursor: pointer;
}
.kh-t2-tab a.active{
	background: #000000;
}
.kh-div-t2{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 10px;
	background: #ffffff;
	height: 100%;
	width: 100%;
	padding-left: 0!important;
	padding-right: 0!important;
	padding-top: 20px!important;
	
}
.kh-t2-title{
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e7e7;
}
.kh-t2-title h4{
	font-size: 12px;
	color: #999999;
	font-style: italic;
}

.kh-t2-box{}
.kh-t2-box .kh-t2-item{
	display: none;
}
.kh-t2-box .kh-t2-item.active{
	display: block;
}
.kh-t2-box .kh-t2-item>ul{
	display: flex;
	flex-wrap: wrap;
}
.kh-t2-box .kh-t2-item>ul>li{
	margin-bottom: 15px;
	width: 100%;
}
.kh-t2-box .kh-t2-item>ul>li>label{
	display: block;
	font-size: 12px;
	color: #000000;
	margin-bottom: 5px;
	height: 16px;
}
.kh-t2-box .kh-t2-item>ul>li>input{
	height: 35px;
	background: #f5f5f5;
	box-sizing: border-box;
	border: none;
	padding: 10px;
	display: block;
	width: 100%;
}
.kh-t2-box .kh-t2-item>ul>li>textarea{
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	padding: 10px;
	background: #f5f5f5;
	resize: none;
	border: none;
}
.kh-t2-box .kh-t2-item>ul>li:nth-of-type(1){
	width: 90px;
	margin-right: 15px;
}
.kh-t2-box .kh-t2-item>ul>li:nth-of-type(2){
	width: calc(100% - 105px);
}
.kh-t2-box .kh-t2-item>ul>li:nth-of-type(3){
	
}
.kh-t2-box .kh-t2-item>ul>li:nth-of-type(5){
	width: 150px;
	margin-right: 15px;
}
.kh-t2-box .kh-t2-item>ul>li:nth-of-type(6){
	width: calc(100% - 165px);
}


.pro-butt,.js-butt{
	background: #1b1b1b;
	color: #ffffff;
	font-size: 12px;
	border: none;
	padding: 10px 39px;
	display: block;
	margin: auto;
	cursor: pointer;
}
.pro-butt:hover,.js-butt:hover{
	opacity: 0.8;
}
.back-a{
	font-size: 12px;
	color: #1b1b1b;
	cursor: pointer;
}
.back-div{
	text-align: center;
	margin: 20px 0;
}
.back-a:hover{
	color: #007fcc;
}
.kh-div-t2{
	display: none;
}

body.active #header.aBto{
	top: 0;
}
.combo-select {
	position: relative;
	max-width: 100%;
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 3px;
}

.combo-select .combo-input {
	margin-bottom: 0;
	background: #ffffff;
	color: #333333;
	font-size: 16px;
	padding-left: 10px;
	margin: 0 0px;
}

.combo-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px solid #86b2c6;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	padding-right: 45px;
	border-radius: 0px;
	background: #ffffff;
}

.combo-input:focus {
	outline: none;
}

/**
 * Arrow
 */
.combo-arrow {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	width: 100%;
	font-size: 12px;
	color: #999999;
}

.combo-arrow:before {
	content: " ";
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #86b2c6;
	display: block;
	width: 0;
	height: 0;
	top: 0;
	right: 15px;
	bottom: 0;
	position: absolute;
	margin: auto 0;
}

/**
 * When opened
 */
.combo-open .combo-arrow {
	border-color: #86b2c6;
}

.combo-open .combo-arrow:before {
	border-top: none;
	border-bottom: 5px solid #86b2c6;
}

/**
 * When focused
 */
.combo-focus {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border-color: #51A7E8;
}

.combo-focus input {
	border-color: #51A7E8;
}

/**
 * Hide native select
 */
.combo-select select {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	/*opacity: 0;*/
}


.mask{
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(0,0,0,0.6);
	display: none;
	z-index: 9999;
}

/**
 * Dropdown
 */
.combo-dropdown {
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 0;
	min-width: 100%;
	max-width: 100%;
	max-height: 300px;
	margin: 0;
	padding: 0;
	display: none;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #999999;
	border-radius: 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	box-sizing: border-box;
	text-align: left;
}

.combo-dropdown li {
	list-style: none;
	padding: 5px 1em;
	margin: 0;
	font-size: 14px;
}



.pageController { width:100%; padding: 30px 0; line-height: 25px; text-align:center;}
.pageController a { display:inline-block; width:auto; height:37px; line-height:35px; background-color: #ffffff; margin-right: 10px; font-weight:bolder; text-align:center; padding:0 10px; border:1px #eeeeee solid;color: rgba(166, 166, 166, 1);}
.pageController a:hover { background:#3473f4;border:1px #3473f4 solid; color: #FFF; text-decoration: none;  }
.pageController .xuanzhong { background:#3473f4;border:1px #3473f4 solid; color: #FFF; font-weight: bold; }

.video-pop{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;}
.video-pop .video-warp{position:absolute;top:50%;left:50%;width:70%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.video-pop .video-warp video{width:100%;}
.video-pop .video-warp .video-close{position:absolute;top:-50px;right:-50px;width:38px;height:38px;background:url(../images/close-white.png) no-repeat center center/18px 18px;cursor:pointer;border:1px solid #fff;border-radius:100%;}

@media screen and (max-width:1025px) {
    .video-pop .video-warp{width:90%;}
    .video-pop .video-warp .video-close{right:0;width:20px;height:20px;top:-30px;}
}


/* 返回顶部 */
#scrollUp {
	position:relative;
  /*right: 36px;
  bottom: 42px;*/
  width: 42px;
  height: 42px;
  display:block;
  color: #fff;
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
  z-index: 9999;
  font-size: 22px;
  cursor: pointer;
  /*background-color: #d1000f;*/
  -webkit-animation: white-shadow .8s infinite, red-shadow .8s infinite;
  animation: white-shadow .8s infinite, red-shadow .8s infinite;
  -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  margin-top:40px;
}
@keyframes white-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -webkit-transition: box-shadow .3s ease-in-out;
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: box-shadow .4s ease-in-out;
    -webkit-transition: -webkit-box-shadow .4s ease-in-out;
    -o-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out;
    transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
  }
}
@-webkit-keyframes red-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(52, 155, 244, 0.4);
    box-shadow: 0 0 0 0 rgba(52, 155, 244, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
  }
}
@keyframes red-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(52, 155, 244, 0.4);
    box-shadow: 0 0 0 0 rgba(52, 155, 244, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
  }
}

.honor{}
.honor .list{ width:18.4%; margin:0 2% 20px 0; float:left;padding: 10px;background: #fff;}
.honor .list:nth-of-type(5n){ margin-right:0;}
.honor .list img{ display:block; width:100%; height:auto;}

/*job start*/
.jobcon{ padding:80px 0; width:100%; height:auto; background:#fff;}
.jobctop{ padding-bottom:40px;font-size:16px; color:#000; line-height:32px;}
.joba{ padding-bottom:40px;}
.joba .img{ width:553px; height:auto;}
.joba .con{ width:605px; height:auto;font-weight: 400;font-size: 18px;line-height: 36px;color: #333;}

.jobc{ width:100%; height:auto;}
.jobc .jobct{}
.jobc .jobct .short{font-size:24px; color:#e62129; font-weight:bolder; line-height:45px; text-transform:uppercase;}
.jobc .jobct .tit{font-size:42px; color:#010101; line-height:48px; text-transform:uppercase; margin:10px auto 10px auto; font-weight:bold;}
.jobc .jobct .tit span{ color:#e62129;}

.jobcc .list{ margin-bottom:30px;}
.jobcc .list .tit{ width:100%; border-radius:5px; padding:25px 40px; line-height:40px; display:flex;justify-content:space-between; cursor:pointer; text-align:left;background: #f7f7f7;}
.jobcc .list .tit .titl{}
.jobcc .list .tit .titl .titl_t{font-size:20px; line-height:30px; font-weight:bolder;color: #000; margin-bottom:10px;}
.jobcc .list .tit .titl .titl_i{font-weight: 400;font-size: 12px;line-height: 30px;color: #000;}

.jobcc .list .tit .titr{ width:30px; height:30px; background:url(../images/job_icon.png) no-repeat 50% 50%; margin-top:15px;}
.jobcc .list .con{ border-radius:0 0 5px 5px; padding:40px 40px; background:#f7f7f7; font-size:16px; color:#000; line-height:32px; display:none; position:relative; z-index:9;}
.jobcc .list.on .tit{ background: #3473f4;}
.jobcc .list.on .tit .titl{ color:#fff;}
.jobcc .list.on .tit .titr{ background:url(../images/job_icon_on.png) no-repeat 50% 50%;color:#fff;}
.jobcc .list.on .con{ display:block;}
.jobcc .list.on .tit .titl .titl_t{ color:#fff;} 
.jobcc .list.on .tit .titl .titl_i{ color:#fff;}

.jobcc .list .con .conm{ padding-top:15px;}
.jobcc .list .con .conm a{ display:inline-block; width:178px; height:50px; line-height:50px; border-radius:5px; background:#e62129; text-align:center; color:#fff; font-size:16px; text-transform:uppercase; margin-right:20px;}
.jobcc .list .con .conm a:hover{ background:#1239A0; color:#fff;}

.jobcc .list .con .more{display:block; width:106px; height:40px; line-height:40px; background:url(../images/zyyw_more.png) no-repeat 85px 50% #0e2f6d; color:#fff; text-indent:12px; text-align:left; font-size:12px; font-weight: 400; position:absolute; z-index:15; bottom:50px; right:50px; border-radius:10px;}
/*job end*/

