@charset "utf-8";
* {	margin: 0;padding: 0;-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}
body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #474747;  }
a:hover {color: #1a76d2;text-decoration: none;	}
img {	border: 0px; vertical-align:middle;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {color: #474747;background: #fff;margin: 0 auto;font-size: 16px !important; overflow-x:hidden;width:100%;}
.clear {	clear: both;}
.pic100 img{width:100%;}
h1{ font-size:24px;color:#464646;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.pad100{padding:100px 0;}
.pad90{padding:90px 0;}
.pad60{padding:60px 0;}
.overflow{ overflow:hidden;}
.white a,.white{ color:#fff;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top60{ margin-top:60px;}
.text-center{ text-align:center;}
.text-right{text-align:right;}
.row:after{content:''; display:block; clear:both;}
.flex-wrap {
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.container-fluid {
  width: 100%;
}
.clearfix:after{
content:"";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix{zoom:1;}	
.container{width:80%;margin: auto;}

@media (max-width:1199px) {
.container{width:991px}
}
@media (max-width:991px) {
.container{width:750px}
}
@media (max-width:767px) {
.container{width:100%}
}
.row:after{content:''; display:block;clear:both;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left}
.col-xs-12 {width:100%}
.col-xs-11 {width:91.66666667%}
.col-xs-10 {width:83.33333333%}
.col-xs-9 {	width:75%}
.col-xs-8 {	width:66.66666667%}
.col-xs-7 {	width:58.33333333%}
.col-xs-6 {	width:50%}
.col-xs-5 {	width:41.66666667%}
.col-xs-4 {	width:33.33333333%}
.col-xs-3 {	width:25%}
.col-xs-2 {	width:16.66666667%}
.col-xs-1 {	width:8.33333333%}
@media (min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left}
.col-sm-12 {width:100%}
.col-sm-11 {width:91.66666667%}
.col-sm-10 {width:83.33333333%}
.col-sm-9 {width:75%}
.col-sm-8 {width:66.66666667%}
.col-sm-7 {width:58.33333333%}
.col-sm-6 {width:50%}
.col-sm-5 {width:41.66666667%}
.col-sm-4 {width:33.33333333%}
.col-sm-3 {width:25%}
.col-sm-2 {width:16.66666667%}
.col-sm-1 {width:8.33333333%}
}
@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left}
.col-md-12 {width:100%}
.col-md-11 {width:91.66666667%}
.col-md-10 {width:83.33333333%}
.col-md-9 {width:75%}
.col-md-8 {width:66.66666667%}
.col-md-7 {width:58.33333333%}
.col-md-6 {width:50%}
.col-md-5 {width:41.66666667%}
.col-md-4 {width:33.33333333%}
.col-md-3 {width:25%}
.col-md-2 {width:16.66666667%}
.col-md-1 {width:8.33333333%}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left}
.col-lg-12 {width:100%}
.col-lg-11 {width:91.66666667%}
.col-lg-10 {width:83.33333333%}
.col-lg-9 {width:75%}
.col-lg-8 {width:66.66666667%}
.col-lg-7 {width:58.33333333%}
.col-lg-6 {width:50%}
.col-lg-5 {width:41.66666667%}
.col-lg-4 {width:33.33333333%}
.col-lg-3 {width:25%}
.col-lg-2 {width:16.66666667%}
.col-lg-1 {width:8.33333333%}
}




header{position: relative;z-index: 1;}
.logo {margin-top:8px;}
.logo img{height:64px;}
nav{float:right;}
nav li{float:left;margin-left: 30px;}
nav li>a{font-size:16px;display:block;}
nav li>a span{ display:inline-block;padding:30px 0;position:relative; z-index:1;}
nav li>a.cur{color:#1a76d2;font-weight:bold;}
nav li>a:hover{color:#1a76d2;}
nav li>a span:after{content:''; display:block;width:0;height:3px; background-color:#1a76d2; position:absolute;top:0; z-index:-1;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
nav li:hover span:after{width:100%;}
nav li div{position:absolute;top:100%;left:0;width:100%; display:none; background-color:rgba(255,255,255,0.95); text-align:center;text-align: right;padding-right: 10%;}
nav li div a{ display:inline-block;padding:20px 0;margin-left:20px;font-size: 14px;}
nav li:nth-child(6) div{padding-right:16%;}
nav li:nth-child(4) div{padding-right:27%;}
nav li:nth-child(2) div{padding-right:31%;}
nav li:nth-child(3) div{padding:0 10%;}
nav li div article{width:90%;margin:auto; overflow:hidden;padding: 40px 0;display: flex;flex-wrap: wrap;}
nav li div article a{float:left;width:25%;margin-left: 0; text-align:left;padding: 15px 0;}
nav li:hover div{ display:block;}
.scollfox{position: fixed; top: 0;left: 0; width: 100%; z-index: 999;background-color:#fff;box-shadow: 0px 1px 11px #444444; animation: 850ms 350ms;-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.banners{ display:none;}
.bannerb .owl-controls{position:absolute;width:100%;bottom:30px;left:0; text-align:center;}
.bannerb .owl-buttons{display: inline-block;vertical-align: middle;margin-left: 40px; display:none;}
.bannerb .owl-buttons .owl-prev{width:44px;height:44px;border:2px solid #fff; background:url(../images/left.png) no-repeat center center; background-size:100%;font-size:0; display:inline-block;}
.bannerb .owl-buttons .owl-next{width:44px;height:44px;border:2px solid #fff; background:url(../images/right.png) no-repeat center center; background-size:100%;font-size:0; display:inline-block;margin-left:15px; position:relative;}
.bannerb .owl-buttons .owl-prev:hover{background:#fff url(../images/left2.png) no-repeat center center; background-size:100%;}
.bannerb .owl-buttons .owl-next:hover{background:#fff url(../images/right2.png) no-repeat center center; background-size:100%;}
.bannerb .owl-pagination{position:absolute;bottom:20px;right:14%;}
.bannerb .owl-pagination .owl-page{margin-left:10px;font-size:0;display:inline-block;width:12px;height:12px; background-color:rgba(255,255,255,0.6);border-radius:50%;}
.bannerb .owl-pagination .owl-page.active{background-color:rgba(255,255,255,1);}
.paginationnum{color:#fff;font-size:18px; position:absolute;right:12%;bottom:96px;color:#fff;display:none;}
.banners .owl-pagination{position:absolute;bottom:20px;width:100%;text-align:center;}
.banners .owl-pagination .owl-page{width:8px;height:8px;border-radius:50%;margin:0 4px; display:inline-block; background-color:rgba(255,255,255,0.6);font-size: 0;}
.banners .owl-pagination .owl-page.active{ background-color:#fff;}
footer{background:#002054;padding:76px 0;}
.footT{padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.2); overflow:hidden;}
.footlogo img{width:121px;}
.footTright{float:right;margin-top: 20px;}
.footTright li{float:left;margin-left: 30px;}
.footTright li a{color:rgba(255,255,255,0.6);}
.footB{margin-top:34px;overflow:hidden;}
.footB .left {width:70%;float:left;margin-top:20px;}
.footB .left .con{color:#fff;line-height:27px;}
.footB .left .con span{ display:inline-block;margin-right:20px;}
.footB .right{float:right;color:#999999;font-size:14px;}
.footB .right p,.technologyCT .right p{padding:6px;float:right;background-color: #1b80d0;
    background: linear-gradient(left bottom,#003895,#30b8ff);
    background: -webkit-linear-gradient(left bottom,#003895,#30b8ff);}
.footB .right img,.technologyCT .right p img{width:116px; display:block;}
.footB .right span,.technologyCT .right span{float:right;color:rgba(255,255,255,0.6);margin:80px 10px 0 0; text-align:right;}
.bq{font-size:12px;color:rgba(255,255,255,0.4);margin-top:35px;}
.bq span{display:inline-block; margin-right:20px;}
.bq span a{color:rgba(255,255,255,0.4);}
.h_title h2{font-size:40px;font-weight:bold;display: inline-block;color: #1a7fcf;background: -webkit-linear-gradient(0deg, #003895, #30b8ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.h_title h5{font-size:24px;color:#000;margin-top:4px;}
.h_title.white h2,.h_title.white p{color:#fff;}
.h_hot{padding:90px 0 60px;}
.h_hotC dl{float:left;margin:0 1% 30px;width:31.33%;}
.h_hotC dl:first-child{width:64.66%;}
.h_hotC dl a{ display:block; position:relative; overflow:hidden;}
.h_hotC dl a dd{ position:absolute;width:100%;bottom:0;left:0;padding:36px 26px;color:#fff; overflow:hidden;}
.h_hotC dl:first-child a dd .left{width:calc(100% - 140px);}
.h_hotC dl a dd .left h5{font-size:20px;font-weight:bold;white-space: initial;}
.h_hotC dl a dd .left p{color:rgba(255,255,255,0.6);margin-top:4px;font-size:15px;display:none;}
.h_hotC dl a dd .right{color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.6);padding:7px 17px;font-size:15px; opacity:0;margin-top:-14px;transform:translateX(10px);display:none;}
.h_hotC dl a dt:after{content:''; display:block;width:100%;height:50%;bottom:0;left:0; background:url(../images/mask.png) no-repeat; background-size:100% 100%; position:absolute;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.h_hotC dl:first-child a dd .right{display:block;}
.h_hotC dl a:hover dt:after{height:100%;}
.h_hotC dl a:hover dt img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.h_hotC dl a:hover .left{ transform:translateY(-12px);}
.h_hotC dl a:hover dd .right{ opacity:1;transform:translateX(0px);}
.h_hotC dl a:hover dd .right:hover{border-color:#1a76d2; background-color:#1a76d2;color:#fff;}
.fold_wrap{ overflow:hidden;margin-left:2px;}
.fold_wrap li{float:left;width:130px;overflow:hidden;margin-left: -2px;}
.fold_wrap li a{ display:block;height:600px;margin:0 5px;position:relative;}
.fold_wrap li img{ display:none;}
.fold_wrap li div{ position:absolute;width:100%;padding:26px 20px;bottom:0;left:0;color:#fff; background:url(../images/bg1.png) repeat-x; background-size:100%  100%;}
.fold_wrap li div h5{font-size:18px;font-weight:bold;}
.fold_wrap li div p{font-size:15px;color:rgba(255,255,255,0.6);margin-top:4px;}
.h_new{padding:70px 0; background:url(../images/bg3.jpg) no-repeat center center; background-size:cover;margin-top:70px;}
.h_newC dl a{ display:block;}
.h_newC dl dt{padding:0 30px 25px;border-bottom:1px solid #dcdcdc; position:relative;}
.h_newC dl dd{padding:36px 30px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.h_newC dl dt p{color:#999999;font-size:14px;}
.h_newC dl dt h5{font-size:20px;}
.h_newC dl dt:after{content:'';width:9px;height:9px;border-radius:50%; background-color:#dcdcdc; position:absolute;left:31px;bottom:-4px;}
.h_newC dl dd h5{font-size:22px;line-height: 27px;max-height: 54px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;}
.h_newC dl dd p{margin-top:15px;color:#666666;line-height: 27px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical;}
.h_newC dl a:hover dt p,.h_newC dl a:hover h5{color:#1a76d2;}
.h_newC dl a:hover dt:after{ background-color:#1a76d2;}
.h_newC dl a:hover dd{background-color:#fff;border-radius:25px; box-shadow:0 0 10px #ccc; transform:translateY(36px);}
.h_newC .owl-wrapper-outer{padding-bottom:50px;}
.h_newC .owl-controls{ display:none !important;}
.h_newC .customNavigation{margin-top:60px; text-align:center;}
.h_newC .customNavigation .btn{ display:inline-block;margin:0 5px;width:42px;height:42px; cursor:pointer; vertical-align:middle;line-height:42px;}
.h_newC .customNavigation .prev{ background:url(../images/icon1.png) no-repeat; background-size:100%;}
.h_newC .customNavigation .prev:hover{ background:url(../images/icon3.png) no-repeat; background-size:100%;}
.h_newC .customNavigation .next{ background:url(../images/icon2.png) no-repeat; background-size:100%;}
.h_newC .customNavigation .next:hover{ background:url(../images/icon4.png) no-repeat; background-size:100%;}
.h_newC .customNavigation .more,.tjtitle .more{width:auto;border:1px solid #1a76d2;border-radius:10px;color:#1a76d2;padding:0 10px;}
.h_newC .customNavigation .more img,.tjtitle .more img{width:15px; display:inline-block; vertical-align:middle;margin-right:5px;}
.otherbanner{padding:170px 0 110px;}
.otherbanner h2{font-size:45px;font-weight:bold;display: inline-block;color: #1a7fcf;background: -webkit-linear-gradient(0deg, #4b93ff, #4ef5ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.otherbanner p{margin-top:34px;color:#fff;max-width:600px;line-height:30px;}
.site{ background-color:#f4f4f4; text-align:right;font-size:15px;padding:16px 0;}
.site img{ display:inline-block; vertical-align:middle;margin-right:5px;}
.site a:last-child{color:#1a76d2;}
.othernav{text-align:center;margin-bottom:70px;}
.othernav a{display:inline-block;margin:0 15px 10px;font-size:16px; cursor:pointer;}
.othernav a span{width:26px;height:24px; display:none; vertical-align:bottom;margin-right:8px; overflow:hidden;flex: none;}
.othernav a span img{ display:block;width:52px;}
.othernav a.cur{color: #1a7fcf;font-weight:bold;}
.othernav a:hover{color: #1a7fcf;}
.othernav a.cur span img,.othernav a:hover span img{margin-left:-26px;}
.productClist dl{margin-bottom:40px;}
.productClist dl a,.productCtj dl a{ display:block; background-color:#f4f4f4;border-radius:15px;padding:30px;}
.productClist dl dd,.productCtj dl dd{margin-top:20px;padding-top:20px;border-top:1px solid #dcdcdc; text-align:center;font-size:18px;}
.productClist dl:hover a,.productCtj dl:hover a{ transform:translateY(-14px);box-shadow:0 0 10px #e3e3e3;}
.pagelist{ text-align:center; margin-top:30px;}
.pagelist li{display:inline-block;margin:0 5px;}
.pagelist li a,.pagelist li span{display:block;padding:7px 13px;color:#999;border:1px solid #999;border-radius:6px;}
.pagelist li a.cur,.pagelist li.active span,.pagelist li a:hover{border-color:#1a76d2;color:#1a76d2;}
.promainB{margin-top:60px;}
.promainBtab a{color:#666666;font-size:22px; position:relative;z-index:1;display:inline-block;padding:0 10px;margin-right:60px; cursor:pointer;}
.promainBtab a.on{color:#000;font-size:28px;}
.promainBtab a:after{content:'';width:100%;bottom:0;left:0;height:10px; display:inline-block; position:absolute;ackground-color: #1b80d0;background: linear-gradient(left,#003895,#30b8ff);background: -webkit-linear-gradient(left,#003895,#30b8ff);border-radius:60px; z-index:-1; opacity:0;}
.promainBtab a.on:after{opacity:1;}
.promainBcon .promainlist{ display:none;margin-top:40px;color:#666666;line-height:30px;}
.promainBcon .promainlist img,.aboutC img{max-width:100%;}
.promainlist table{max-width:100%;}
.prenext{margin-top:50px;padding-top:30px;border-top:1px solid #dcdcdc;}
.prenext p{float:left;width:45%;color:#999999;}
.prenext p a{color:#999999;}
.prenext p:nth-child(2){float:right;width:45%;color:#999999;text-align:right;}
.producttj{ background-color:#f4f4f4;}
.tjtitle h2{font-size:32px;float:left;color: #1a7fcf;background: -webkit-linear-gradient(0deg, #003895, #30b8ff);    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tjtitle .more{float:right;height: 42px;line-height: 42px;}
.productCtj dl a{background-color:#fff;}
.promainT .right{width:calc(100% - 500px);float:right; position:relative;}
.promainT .right h5{font-size:24px;color:#000;}
.promainT .right p{color:#666;margin-top:9px;}
.promainT .right .summary{margin-top:30px;padding-top:15px;border-top:1px solid #dcdcdc;line-height: 28px;}
.promainT .left{float:left;width:436px;}
.promainT .left img{border-radius:18px;}
.promainT .owl-buttons{ display:none;}
.promainT #sync2{margin-top:40px;}
.promainT #sync2 .item{border-radius:18px;padding:3px; overflow:hidden; background-color:#f4f4f4;margin:0 5px; cursor:pointer;}
.promainT #sync2 .item img{border-radius:15px;}
.promainT #sync2 .owl-item.synced .item{background-color: #1b80d0;background: linear-gradient(left bottom,#003895,#30b8ff);background: -webkit-linear-gradient(left bottom,#003895,#30b8ff);}
.aboutC{color:#666666;line-height:30px;}
.floatright{float:right;max-width:30%;padding:0 0 20px 30px;}
.floatright img{border-radius:15px;}
.aboutC h2{font-weight:bold;font-size:28px;color:#000;margin-bottom:30px;}
.technologyCT .left{color:#666666;line-height:30px;float:left;width:calc(100% - 260px);}
.technologyCT .right span{color:#666666;}
.technologyC h2{margin-top:40px;font-size:28px;color:#000;}
.technologyC .fuwu{margin-top:36px;}
.technologyC .fuwu ul li{border-radius:20px;padding:30px;box-shadow: 0 0 10px #e3e3e3;margin-bottom:25px; overflow:hidden;}
.technologyC .fuwu ul li .left{float:left;width:280px; text-align:center;}
.technologyC .fuwu ul li .left img{ display:block;margin:auto;}
.technologyC .fuwu ul li .left p{ display:inline-block;font-size:18px;margin-top:10px;color: #1a7fcf;background: -webkit-linear-gradient(0deg, #003895, #30b8ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.technologyC .fuwu ul li .right{float:right;width:calc(100% - 280px);padding-left:30px;border-left:1px solid #dcdcdc;min-height:79px;color:#444444;line-height:30px;}
.contacT{display: -webkit-flex;display: flex;display: -webkit-flex;display: flex;-webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;font-size:15px;line-height:25px;}
.contacT .left,.contacT .con{box-shadow: 0 0 10px #e3e3e3;padding:35px 30px;border-radius:20px;}
.contacT .left h5{ font-weight:bold;margin-bottom:15px;font-size:24px;display: inline-block;color: #1a7fcf;background: -webkit-linear-gradient(
0deg, #003895, #30b8ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.contacT .left{width:43%;font-size:15px;line-height:25px;}
.contacT .con{width:27%; text-align:center;}
.contacT .con h5{font-size:20px;font-weight:bold;margin:10px auto;}
.contacB{margin-top:38px;}
.map{height:600px;}
.newC dl a{ display:block;overflow:hidden;}
.newC dl dt{float:left;width:100px; text-align:right;font-size: 20px;padding: 51px 30px 0 0;border-right:1px solid #dcdcdc;position:relative;height:202px;}
.newC dl dt p{color:#999999;font-size:14px;}
.newC dl dd{float:right;width:calc(100% - 170px);padding:22px 0px;margin:10px 10px 20px 0;}
.newC dl dt:after{content:''; display:inline-block;width:10px;height:10px;border-radius:50%; background-color:#dcdcdc; position:absolute;right:-5px;top:58px;}
.newC dl dd .left{float:left;width:calc(100% - 280px);}
.newC dl dd .left h5{font-size:22px;line-height: 27px;max-height: 54px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;}
.newC dl dd .left p{margin-top:10px;color:#666666;line-height: 27px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical;}
.newC dl dd .img{float:right;width:241px;}
.newC dl dd .img img{border-radius:25px;}
.newC dl a:hover dt,.newC dl a:hover dt p{color:#1a76d2;}
.newC dl a:hover dd:after{background-color:#1a76d2;}
.newC dl a:hover dd{padding:22px 40px;box-shadow: 0 0 10px #e3e3e3;border-radius:20px;}
.newmain h1{font-size:28px; text-align:center;}
.newmain time{ display:block;margin-top:15px;padding-bottom:35px;border-bottom:1px solid #dcdcdc;text-align:center;}
.newmain time span{font-size:15px;margin:0 10px; display:inline-block;color:#666666;}
.newmain article{margin-top:30px;line-height:34px;color:#666;}
.newmain article img,.newmain article video{max-width:100%;}
.tjnewC .customNavigation{ position:absolute;right:-5px;top:-102px; margin-top: 0px;}
.otherbanner h3{font-size:30px;font-weight:bold;display: inline-block;color: #1a7fcf;margin-top:6px;background: -webkit-linear-gradient(0deg, #4b93ff, #4ef5ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.slist{ display:none;}  
.solutionClist{padding:0 10%;}
.solutionClist .item img{border-radius:20px;} 
.solutionC .owl-pagination{ display:none;}
.solutionC .owl-prev{width:58px;height:58px; background:url(../images/icon19.png) no-repeat; background-size:100%; position:absolute;top:50%;left:70px;font-size:0;}
.solutionC .owl-next{width:58px;height:58px; background:url(../images/icon20.png) no-repeat; background-size:100%; position:absolute;top:50%;right:70px;font-size:0;}
.footbg {font-size: 0;}
.opticityimg{ display:none;}
.solution {width: 73%;}
.solutionClistword{margin-top:30px;line-height: 34px;color: #666;}
.solutionClistword img{max-width:100%;}
.fold_wrap li .more{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 1;top: 0;left: 0;display: flex;justify-content: center;align-items: center;color: #fff;flex-direction: column;font-size: 14px;}
.fold_wrap li .more img,.h_hotC dl.last .more img{ display:block;margin:16px auto 0;width:40px;}
.h_hotC dl.last .more{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 1;top: 0;left: 0;display: flex;justify-content: center;align-items: center;color: #fff;flex-direction: column;}
.h_hotC dl.last{display:none;}
.hrlist dl{background: #f8f8f8;padding:0 40px;margin-bottom: 15px;position: relative;}
.hrlist dl dt{cursor: pointer;padding: 30px 0;}
.hrlist dl dt h5{font-size: 18px;padding-right:45px;font-weight:bold;}
.hrlist dl:after{content:''; display: inline-block;position: absolute;top: 50px;right:40px;width: 35px;height: 35px;    background: url(../images/join_icon.png) no-repeat;pointer-events: none;background-size:100%;}
.hrlist dl dt p{margin-top: 23px;color: #999999;font-size: 13px;}
.hrlist dl dt p span{display:inline-block;margin:0 15px 5px 0;}
.hrlist dl dd{border-top: 2px solid #e6e6e6;padding: 30px 0; display:none;}
.hrlist dl dd h5{color: #999999;font-size: 18px;margin-bottom: 20px;}
.hrlist dl dd .con{color: #999999;font-size: 14px;line-height: 30px;}
.hrlist dl.on:after{background: url(../images/join_icon_on.png) no-repeat;background-size:100%;}
.hrlist dl.on dt h5{color: #1a76d2;}
.language{float: right;margin-left:40px;margin-top: 28px;font-weight: bold;}
.language span{margin-top: -3px;overflow:hidden;width:20px;height:20px; display:inline-block;margin-right:7px;vertical-align:middle;}
.language span img{width:40px;vertical-align: top;}
.language:hover span img{margin-left:-20px;}




.mobile-inner{ display:none; z-index:101;background-color:#fafafa;position:relative}
.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{ z-index:2;color:#222;height:60px;line-height: 42px;font-size:16px;text-align:center;right: 50%;margin-right: -375px;top:7px;width:50px;position:absolute;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon-click{background-color:rgba(255,255,255,.2);cursor:pointer}.mobile-inner-header-icon span{margin-top: 10px;position:absolute;left:calc((100% - 25px)/2);top:calc((100% - 1px)/2);width:25px;height:1px;background-color:#222;}.mobile-inner-header-icon-click span{ background-color:#fff;}.mobile-inner-header-icon span:nth-child(1),.topnavR span i:nth-child(1){transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2),.topnavR span i:nth-child(2){transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1),.topnavR.click span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}@keyframes clickfirst{0%{transform:translateY(4px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(4px) rotate(0deg)}}.mobile-inner-nav{overflow-y: scroll !important;background-color:rgba(0,0,0,1);width:100%;height:100%;position:fixed;top:0;left:0;padding-top:80px;padding-bottom:80px;display:none}.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}
.mobile-inner-header-icon-click{ position:fixed;font-size: 0;}
.mobile-inner-header-icon-click span{margin-top:0;}
.mobile-inner-nav li div{ display:none;background-color: #3a3a3a;}
.mobile-inner-nav li div p{ display:none;background-color: #4a4a4a;}
.mobile-inner-nav li article a{padding-left: 7%;font-size: 14px;}
.mobile-inner-nav li a.on:after{content:'+';float:right;color:#fff;}
.fixbottonnew{ display:none; position:fixed;width:100%;left:0;bottom:0;z-index: 9; background-color:#000543; border-top:1px solid #dcdcdc;overflow:hidden;}
.fixbottonnew a{width:50%;float:left;font-size:18px; position:relative; display:block;line-height: 60px;color:#fff;height:60px;}
.fixbottonnew a img{width:23px; display:inline-block; vertical-align:middle;margin-right:12px;}
.fixbottonnew a:last-child{background-color: #4b96ff;}
.fixbottonnewh{ display:none; height:60px;}
.freelink{ position:absolute;right:0;top:0;margin-top:0;}
.freelink img{ display:block;}




@media(max-width:1466px){
	.productClist dl a, .productCtj dl a {padding: 20px;}
	.productClist dl dd, .productCtj dl dd {font-size: 16px;}
	.promainT .right {width: calc(100% - 462px);}
	.fold_wrap li div h5 {font-size: 20px;}
	.fold_wrap li div {padding: 26px 15px;}
	
}
@media(max-width:1366px){
	.h_hotC dl a dd .left {width: 100%;}
	.h_hotC dl a dd .right{float: left;margin: 0 0 -36px;transform: translateX(0px);transform: translateY(20px);}
	.h_hotC dl a:hover dd .right {transform: translateY(0px);margin: 0 0 0px;}
}
@media(max-width:1199px){
	.solutionClist {width: calc(100% - 280px);margin-right: 2%;}
	.otherbanner h2 {font-size: 42px;}
	.solutionClist {padding:0 5%;}
}

@media(max-width:991px){
	.bannerb,nav,#owl-demo2 .owl-buttons,.site,.tj,.footT,.footB .right,.footB .left .con,.othernav{ display:none !important;}
	header {position: initial; padding:10px 10px;}	
	.logo{margin-top:0;}
	.mobile-inner,.banners{ display:block !important;}
	.bq {font-size: 12px;border:0;padding: 15px 0;}
	.bq span {margin: 0 4px;}
	.map{height:350px;}
	.otherbanner {padding: 90px 20px;}
	.otherbanner h2 {font-size: 38px;}
	.otherbanner p { margin-top: 16px;font-size: 14px;max-width:90%;line-height: 23px;}
	.footB .left {width: 100%;margin-top: 0;}
	.bq { margin-top: 0;text-align: center;}
	footer {padding: 15px 0;}	
	.footB {margin-top: 0;}
	.contacT{ -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;}
	.contacT .left {width: 100%;margin-bottom:20px;}
	.top60 {margin-top: 30px;}
	.contacT .con {width: 48%;margin-bottom: 20px;}
	.newC dl dd .img {width: 160px;margin-top: 21px;}
	.newC dl dd .left {width: calc(100% - 194px);}
	.productClist,.productmain,.hrlist{ width: 100%;}
	.othernav a {float: left;padding: 14px 10px;text-align: center;margin: 0 0.5% 10px;width:32.333%;font-size: 15px;align-items: center;justify-content: center;}
	.solutionClist {width: 100%;margin: 20px 0 0;}
	.technologyCT .left {width: 100%;}
	.technologyCT .right{margin-top:20px;}
	.h_hotC dl a dd .left h5 {font-size: 17px;}
	.h_hotC dl a dd { padding: 20px;}
	.h_newC .customNavigation {margin-top:10px;}
	.fold_wrap li{width:48% !important;margin:0 1% 15px !important;}
	.fold_wrap li img{ display:block;}
	.fold_wrap li a{ background:none; height:auto;margin:0;}
	.solution {width:750px;}
	.logo img{height: 50px;}
    .language {margin: 15px 75px 0 0;}
	.contacB {margin-top: 0;}
	.otherbanner h3 {font-size: 26px;}
	.h_title h2 {font-size: 34px;}
	.aboutC h2 {font-size: 24px;}
	 
}
@media(max-width:767px){
	.h_hotC dl a dd .right{ display:none;}
	.mobile-inner-header-icon {font-size: 15px;right:10px;margin-right: 0;}
	.newmain h1 {font-size: 20px;}
	.pagelist {margin-top: 35px;}
	.pagelist li a, .pagelist li span {padding: 3px 9px;}
	.newmain article{font-size: 15px;margin-top: 16px;}
	.otherbanner h2 {font-size: 20px;}
	.map{height:250px;}
	.newmain time span {font-size: 12px;margin: 0 7px;}
	.about,.contact,.new,.newdetail,.product,.solution,.technology,.h_hot{padding:40px 15px;}
	.h_title h2 {font-size: 24px;}
	.h_title h5 {font-size: 20px;}
	.floatright {max-width: 100%;padding: 0 0 20px 0px;float:none;}
	.floatright img,.promainT .left{width:100%;}
	.aboutC h2 { font-size: 20px;margin-bottom: 16px;}
	.contacT .left h5,.contacT .con h5{font-size: 18px;}
	.contacT .left, .contacT .con {padding: 26px 20px;}
	.newC dl dd .img,.othernav a span{ display:none;}
	.newC dl dt {padding: 0 30px 0 0;height: 102px;}
	.newC dl dd {width: calc(100% - 140px);padding: 0;margin:0;}
	.newC dl dd .left {width: 100%;margin-top: 0;}
	.newC dl dd .left h5 {font-size: 16px;}
	.newC dl dd .left p {font-size: 14px;line-height: 20px;}
	.newC dl dt:after {top: 7px;}
	.prenext p {width: 100%;font-size: 15px;}
	.prenext p:nth-child(2) {width: 100%;text-align: left;margin-top: 10px;}
	.productClist dl {margin-bottom: 15px;padding: 0;}
	.promainT .right{width: 100%;margin-top: 15px;}
	.promainT #sync2 {margin-top: 0;position: absolute;top: 0;width: 100%;left: 0;}
	.opticityimg{ display:block; overflow:hidden;margin-bottom:20px;}
	.opticityimg div{float:left;width:25%; opacity:0;}
	.promainT .right h5 {font-size: 20px;}
	.promainT .right .summary {font-size: 15px;}
	.promainBtab a {font-size: 15px;margin-right: 10px;font-weight: bold;padding:0;}
	.promainBtab a.on {font-size:19px;}
	.othernav a { font-size: 14px; padding: 9px 0;margin: 0 0.5% 5px; width: 32.333%;}
	.solutionC .owl-prev {width: 42px;height: 42px;top:45%;left: 0;}
	.solutionC .owl-next {width: 42px;height: 42px;top:45%;right: 0;}
	.technologyC h2 {font-size: 19px;}
	.technologyC .fuwu ul li .left {width: 100%;}	
	.technologyC .fuwu ul li .right {width: 100%;padding:20px 0 0 0;margin-top: 20px;border-left:0;border-top: 1px solid #dcdcdc;    min-height: auto;color: #444444;line-height: 30px;font-size: 15px;}
	.technologyCT .left{font-size: 15px;}
	.h_hotC dl{width:calc(50% - 2px);margin: 0 1px 15px;}
	.h_hotC dl:first-child{width: 100%;margin: 0 0 15px;}
	.h_newC dl dd h5{font-size: 16px;}
	.h_hotC dl a dd .left h5,.fold_wrap li div h5{font-size: 14px;}
	.h_hotC dl a dd .left p,.fold_wrap li div p{font-size: 13px;display: none;}
	.h_hotC dl a dd {padding: 14px;}
	.h_newC dl dd p{font-size: 14px;line-height: 22px;}
	.h_newC .customNavigation {margin-top:5px;}
	.h_wisdom {padding:0 12px;}
	.fold_wrap li div {padding: 12px 10px;}
	.h_new {padding: 45px 0;margin-top: 36px;}
	.otherbanner h3{font-size: 16px;}
	.fixbottonnew, .fixbottonnewh,.h_hotC dl.last{display: block;}
	.solution {width: 100%;}
	.fold_wrap li .more img {margin: 14px auto 0;width: 24px;}
	.hrlist dl {padding: 0 15px;}
	.hrlist dl dt h5 {font-size: 16px;padding-right: 40px;}
	.hrlist dl:after {top: 26px;right: 15px;width: 26px;height: 26px;}
	.hrlist dl dt p { margin-top: 16px;}
	.hrlist dl dd h5 {font-size: 16px;}
	.otherbanner p {font-size: 12px;line-height: 20px;}
	.otherbanner {padding: 60px 20px;}
	.language span {width: 16px;height: 16px;margin-right: 5px;}
	.language span img {width:32px;}
	.language:hover span img {margin-left:-16px;}
	.promainBtab a:after {height: 6px;}
	.promainBtab a:first-child{margin-bottom:10px;}
	.aboutC {font-size: 15px;line-height: 26px;}
	.fold_wrap li div h5 {white-space: initial;}
}
@media(max-width:500px){
	.contacT .con {width:100%;margin-bottom:20px;}
	.newC dl dt {padding: 0 18px 0 0;font-size: 17px;width: 80px;}
	.newC dl dd {width: calc(100% - 96px);}
	
}