@charset "utf-8";
* {	margin: 0;	padding: 0;}
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,.blue{color: #014f9a;text-decoration: none;	}
img {border: 0px;vertical-align: middle;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {	color: #666666;	background: #fff;	margin: 0 auto;font-size: 15px !important; overflow-x:hidden;}
.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;}
.pad60{padding:60px 0;}
.overflow{ overflow:hidden;}
.white a,.white{ color:#fff;}
.w100{width:100%;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top10{margin-top:10px;}
.top30{ margin-top:30px;}
.top60{ margin-top:60px;}
.red{color: #ff283c;}
* {	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
.text-left{ text-align:left;}
.text-center{ text-align:center;}
.text-right{ text-align:right;}
.container{width:1400px;margin: auto;}
@media (max-width:1420px) {
.container {width:1200px}
}	
@media (max-width:1200px) {
.container {width:990px}
}
@media (max-width:991px) {
.container {width:750px}
}
@media (max-width:767px) {
.container {width:100%}
}
.row {	overflow: hidden;}
.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:767px) {
.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:991px) {
.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%}
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {cursor:default;}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {cursor:not-allowed;}




@font-face {
    font-family: 'BauhausBoldC';
    src: url('../fonts/BauhausBoldC.eot');
    src: url('../fonts/BauhausBoldC.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BauhausBoldC.woff2') format('woff2'),
        url('../fonts/BauhausBoldC.woff') format('woff'),
        url('../fonts/BauhausBoldC.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
header{position: fixed; top: 0;left:0;width:100%;z-index: 99; background-color:#fff;}
.headerh{height:80px;}
.logo{padding:14px 20px 0;width:220px;}
.search{border-left:1px solid #ccd4dd;border-right:1px solid #ccd4dd;padding:28px 20px;}
button{ background-color:transparent;}
.toptel{ background-color:#014f9a;color:#fff;padding:26px 15px 27px;font-size: 22px;font-family: 'BauhausBoldC';}
.toptel img{ display:inline-block; vertical-align:middle;margin-right:5px;width:18px;}
nav{text-align: center;margin:0 20px 0 0;width:50%;}
nav li{text-align: center;float:left;width:12.5%; position:relative;font-size:17px;}
nav li>a{padding:28px 0 29px;position:relative; display:block;height: 80px;}
nav li>a:hover,nav li a.cur{color:#014f9a; font-weight:bold;}
nav li div{font-size: 14px; display:none; position:absolute;width:160px;left:50%;margin-left:-80px;top:100%;}
nav li div a{background-color: rgba(255,255,255,0.8); margin-bottom: 1px;padding:10px 10px; display:block;}
nav li div a:hover{ background-color:#014f9a;color:#fff;}
nav li:hover div{ display:block;}
.bannerb .item a{ display:block;width:100%;}
.scollfox{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; }
.scollfox .search,.scollfox .toptel{ display:none;}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
#owl-demo .item a{ display:block; width:100%;height:calc(100vh - 80px);}
#owl-demo .owl-pagination{ display:none;}
#owl-demo2 .owl-pagination{ position:absolute;width:100%;bottom:30x;left:0; text-align:center;}
#owl-demo2 .owl-pagination .owl-page{width:12px;height:12px;display:inline-block;background-color:#fff;margin:0 5px; border-radius:50%;}
#owl-demo2 .owl-pagination .owl-page.active{background-color:#014f9a; }
#owl-demo .owl-prev{width:45px;height:77px; background:url(../images/caseprev.png) no-repeat;left:-45px;top:50%;margin-top:-22px;}
#owl-demo .owl-next{width:45px;height:77px; background:url(../images/casenext.png) no-repeat;right:-45px;top:50%;margin-top:-22px;}
#owl-demo:hover .owl-prev{left:30px; }
#owl-demo:hover .owl-next{right:30px;}
#owl-demo:hover .owl-prev:hover,#owl-demo:hover .owl-next:hover{ opacity:1;}
.owl-theme .owl-controls .owl-buttons div{ position:absolute; font-size:0;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	/*-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;*/
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
	-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;
}
.banners{ display:none;}
.mobile-inner{z-index:101;background-color:#fafafa;position:fixed; display:none;}
.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{ display:none; z-index:100;height:60px;font-size:25px;text-align:center;right:0;top:0;width:80px;position:fixed;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon-click{cursor:pointer}.mobile-inner-header-icon span{position:absolute;left:19px;top:calc((100% - 1px)/2);width:34px;height:3px;background-color:#231f20}.mobile-inner-header-icon span:nth-child(1){z-index: 1;background-color: #231f20;transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2){z-index: 1;background-color: #231f20;transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2),.topnavR.click span i: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),.topnavR span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2),.topnavR span i: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-header-icon-click span{ background-color:#fff;}
.mobile-inner-header-icon-out span:nth-child(1){top: calc((100% - 4px)/2);}
.mobile-inner-header-icon-out span:nth-child(2){top: calc((100% + 3px)/2);}
.bannerbottom{ background-color:rgba(1,79,154,0.7); position:absolute;width:100%;bottom:0;left:0;padding:0 10%;}
.bannerbottom a{padding:20px 20px;float:left;width:20%; position:relative;}
.bannerbottom a h5{ font-size:19px;}
.bannerbottom a p{font-size:13px;margin-top:10px; line-height:18px;height:36px; overflow:hidden;}
.bannerbottom a:after{background-color:rgba(255,255,255,0.2); position:absolute;content:'';right:0;top:0;width:1px;height:100%; display:inline-block;}
.bannerbottom a:first-child:before{background-color:rgba(255,255,255,0.2); position:absolute;content:'';left:0;top:0;width:1px;height:100%; display:inline-block;}
.bannerbottom a:hover{background-color:rgba(255,255,255,0.1);}
.h_product{ background:url(../images/bg1.jpg) no-repeat center center; background-size:cover;}
.h_productC{padding:0 50px;}
.h_productC .tab a{display:inline-block;padding:10px 20px;margin:3px 1px; background-color:#f5f5f5;}
.h_productC .tab a.on{background-color:#014f9a;color:#fff;}
.h_productC .content li{ display:none; overflow:hidden;}
.h_productC dl{float:left;width:25%;}
.h_productC dl dt,.productlistC .right dl dt,.producttj dl dt{border:1px solid #ebebeb; overflow:hidden;}
.h_productC dl dt div,.productlistC .right dl dt div,.producttj dl dt div{ position:absolute;top:100%;left:0;width:100%;height:100%; background-color:rgba(1,79,154,0.9);padding:30px;color:#fff;}
.h_productC dl dd,.productlistC .right dl dd,.producttj dl dd{font-size:16px;margin-top:10px;}
.h_productC dl dt div h5,.productlistC .right dl dt div h5,.producttj dl dt div h5{font-size:16px;}
.h_productC dl dt div article,.productlistC .right dl dt div article,.producttj dl dt div article{line-height:20px;font-size:14px;height:82px; overflow:hidden;margin:20px 0;}
.h_productC dl dt div article p,.productlistC .right dl dt div article p,.producttj dl dt div article p{margin:0;}
.h_productC dl dt div img,.productlistC .right dl dt div img,.producttj dl dt div img{width:30px;}
.h_productC dl a:hover dt div,.productlistC .right dl a:hover dt div,.producttj dl a:hover dt div{top:0;}
.h_productBC{width:86%;margin:auto; background-color:#014f9a;padding:20px 0;}
.h_productBC img{width:90%;}
.h_productB:after{content:''; display:inline-block;width:7%;right:0;top:0;height:100%; position:absolute; background:url(../images/icon7.png) no-repeat; background-size:100% 100%;}
.h_productB:before{content:''; display:inline-block;width:7%;left:0;top:0;height:100%; position:absolute; background:url(../images/icon6.png) no-repeat; background-size:100% 100%;}
.h_productB .customNavigation .prev{ position:absolute;left:5%;top:16px; z-index:1;}
.h_productB .customNavigation .next{ position:absolute;right:5%;top:16px;z-index:1;}
.h_title h2{ font-size:30px;color:#222;}
.h_title p{margin-top:8px;line-height:31px;color:#9e9e9e;}
.h_title div{color:rgba(1,79,154,0.05); position:absolute;width:100%;height:0;top:0; text-align:center;font-size:146px; text-transform:uppercase;line-height:68px; font-family:"宋体"; font-weight:bold;}
.h_title.white h2,.h_title.white p{color:#fff;}
.h_title.white div{color:rgba(255,255,255,0.05);}
.h_area{background-color:#014f9a;}
.h_areaC,.h_newC { background-color:#fff;padding:60px 120px;}
.h_areaC .tab{width:80%;float:right; position:relative; z-index:1;margin-top:-20px;}
.h_areaC .tab a{display:block;margin:0 5px;}
.h_areaC .tab a h5{ background-color:rgba(0,38,85,0.58);color:#fff;height: 74px;padding: 17px 5px;}
.h_areaC .tab .synced a h5{background-color:rgba(0,38,85,0.3);}
.h_areaC .content dl dt{float:left;width:90%;}
.h_areaC .content dl dd{float:right;width:50%;margin:30px 0 0 -50%; border:5px solid #014f9a;padding:20px;}
.h_areaC .content dl dd div{ background-color:#f4f4f4;padding:30px 50px;}
.h_areaC .content dl dd div h5{ font-size:24px;color:#014f9a;}
.h_areaC .content dl dd div p{ margin-top:20px;height:175px;color:#333;line-height:25px; overflow:hidden;}
.more{ display:inline-block;width:140px; text-align:center;height:40px;line-height:40px;border:2px solid #014f9a;color:#014f9a; font-size:16px;}
.more:hover{ background-color:#014f9a;color:#fff;}
.h_areaC .more{ margin-top:20px;}
.h_areaC .owl-prev {background: url(../images/icon1.jpg) no-repeat; background-size:100%;width:70px;height:70px;right:45%;top:150px;opacity:1 !important;}
.h_areaC .owl-next {background: url(../images/icon2.jpg) no-repeat; background-size:100%;width:70px;height:70px;right:-2%;top:150px;opacity:1 !important;}
.h_aboutC .left{width:55%;margin:3% -20% 0 0;background-color:#014f9a;color:#fff;padding:54px; position:relative; z-index:1;}
.h_aboutC .left h5{font-size:24px;}
.h_aboutC .left p{line-height:30px;height:120px; overflow:hidden;margin:30px 0;}
.h_aboutC .right{width:55%;margin-left:-20%;}
.h_aboutC .left .more{ border-color:#fff;color:#fff;}
.h_aboutC .left .more:hover,.new1C1 .right .morea:hover{ background-color:#fff;color:#014f9a;}
.h_new{ background:url(../images/bg2.jpg) no-repeat center center; background-size:cover;}
.h_newC .right{width:46%;}
.h_newC .left{width:50%;}
.h_newC .left .dt{width:90%;}
.h_newC .left .dd time{ float:left;width:20%;margin-top:28px;}
.h_newC .left .dd time p{ margin-bottom:3px; font-weight:bold;}
.h_newC .left .dd .ddR{ background-color:#f4f4f4;padding:37px 20px;margin-top:-30px;width:80%;float:right; z-index:1; position:relative;}
.h_newC .left .dd .ddR h5,.h_newC .right dl h5{ font-size:18px; font-weight:bold;}
.h_newC .left .dd .ddR p,.h_newC .right dl p{line-height:23px;height:46px;margin:10px 0; overflow:hidden;}
.h_newC .left .dd .ddR time{ display:none;}
.h_newC .left .dd .ddR span,.h_newC .right dl span{ border-radius:20px;border:1px solid #999;font-size:14px;padding:0 10px;}
.h_newC .right dl a{ display:block;border-bottom:1px solid #dcdcdc;padding:24px 20px;}
.h_newC .left a .ddR:after,.h_newC .right a:after,.product1C li:after,.areaC .right dl dd:after,.new3C dl dd:after,.newlist1 dl a:before,.teamC dl a dd:after,.download3C dl dd:after{ z-index:-1;background-color:#014f9a;content:'';width:100%;height:100%; display:block; position:absolute;left:0;bottom:0;-webkit-transform-origin: 100%;transform-origin: 100%;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .45s cubic-bezier(.4,0,.2,1);
    transition: transform .45s cubic-bezier(.4,0,.2,1);
    transition: transform .45s cubic-bezier(.4,0,.2,1),-webkit-transform .45s cubic-bezier(.4,0,.2,1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;}
.h_newC .left a:hover .ddR:after,.h_newC .right a:hover:after,.product1C li:hover:after,.areaC .right dl a:hover dd:after,.new3C dl a:hover dd:after,.newlist1 dl a:hover:before,.teamC dl a:hover dd:after,.download3C dl a:hover dd:after{
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}
.h_newC .left a:hover .ddR{color:#fff; position:relative; z-index:1;}
.h_newC .right a{position:relative; z-index:1;}
.h_newC .right a:after{background-color:#f4f4f4;}
.h_newC .right a:hover span{color:#fff;background-color:#014f9a;border-color:#014f9a;}
.h_newC .right a:hover p,.h_newC .right a:hover time{color:#333;}
.link{ background-color:#014f9a;padding:15px;}
.link a{ display:inline-block;margin:0 10px;}
footer{ background-color:#002655;}
.footT {padding:40px 0 20px;}
.footT dl{width:12%;float:left;}
.footT .dl2{width:14%;}
.footT .dl3{width:15%;}
.footT .dl7{width:23%;}
.footT .dl7 dd{font-size:15px;color:#fff;line-height:26px;}
.footT dl dt{ font-size:17px;margin-bottom:28px; }
.footT dl dt a{color:#fff;}
.footT .dl7 div{margin-top: 18px;font-size:13px;width:150px;}
.footT .dl7 div img{ display:block;margin-bottom:5px;}
.footT dl dd a{display:block;margin:10px 0;font-size:14px;color:#c4e2ff;}
.bq{padding:15px;color:#fff;border-top:1px solid #1a3c66;}
.bq span{ display:inline-block;margin:0 10px;color:#fff;}
.bq span a{color:#fff;}
.about1{margin-top:-60px; position:relative;padding:0 0 60px;}
.about1T .left{width:50%;margin-top:120px;}
.about1T .right{width:46%;position:relative;}
.about1T .left h5,.introduce h5{font-size:30px;color:#014f9a;}
.about1T .left p{font-size:13px; text-transform:uppercase;color:#014f9a;}
.about1T .left article{ margin-top:30px;line-height:30px;height:180px; overflow:hidden;}
.about1B li,.introduce ul li{padding:20px 20px 20px 40px;color:#fff; background-color:#2079cf;float:left;width:25%; overflow:hidden;}
.about1B li div{float:right;width:calc(100% - 90px);font-size:14px;}
.about1B li div h5,.about1B .li1 div,.introduce ul li h5{ font-size:40px;font-weight:bold;line-height: 42px;}
.about1B .li1 div{margin-top:17px;}
.about1B .li2,.introduce ul .li1{ background-color:#1e69b2;}
.about1B .li3,.introduce ul .li2{ background-color:#0c5faf;}
.about1B .li4,.introduce ul .li3{ background-color:#014f9a;}
.about2{ background:url(../images/bg3.jpg) no-repeat center center; background-size:cover;}
.about2C .left{width:55%;}
.about2C .right{width:55%; background-color:#fff;padding:40px 30px;margin:3% 0 0 -30%;font-size:17px;line-height:51px;}
.about3{ background:url(../images/bg4.jpg) no-repeat center center; background-size:cover;}
.about3T{padding:50px 50px; background-color:#fff;margin-top:30px;}
.about3T .desicon{margin-top:-120px;}
.about3T article,.technology1C{ line-height:30px;height:90px; overflow:hidden;}
.technology1C {height:auto;max-height:90px;    margin-top: 20px;}
.about3B h4,.technology2 h2{font-size:42px;}
.about3B li{float:left;width:33.333%; position:relative;}
.about3B li h5{font-size:24px;}
.about3B li p{ text-transform:uppercase;margin-top:10px;font-size:12px;color:#9ab7d4;}
.about3B li:first-child:before{ display:none;}
.about3B li:before{content:'';width:1px;height:80%;top:10%;left:0; background-color:#4f82b4; display:inline-block; position:absolute;}
.about4,.introduce,.culture,.partner,.tj,.area,.new3,.train,.download1{ background:url(../images/bg5.jpg) no-repeat center center; background-size:cover;}
.about4C .swiper-container{padding-bottom: 60px;}
.about4C .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.about4C swiper-container-horizontal>.swiper-pagination-bullets,.about4C .swiper-pagination-custom, .about4C  .swiper-pagination-fraction {
    bottom: 0;}
.about4C .swiper-pagination-bullet {width: 12px !important; height: 12px!important;border: 1px solid #014f9a; background-color:transparent!important; opacity:1!important;}
.about4C .swiper-pagination-bullet-active {background: #014f9a !important;width:26px !important;border-radius:30px !important;}
.site{margin-top:-20px;}
.site .left{width:60%; background:url(../images/sitebg.png) no-repeat center center; background-size:100% 100%;color:#fff;}
.site .left article{width:738px;float:right;}
.site .left a{float:left;padding:30px 30px;font-size:16px;color:#fff;}
.site .left a.cur,.site .left a:hover{ background-color:#014f9a;}
.site .right{width:40%; text-align:right;}
.site .right article{width:460px;margin:37px 0 0 0;}
.site .right img{ display:inline-block;margin-right:5px;}
.introduce .floatright{width:48%;float:right; position:relative; z-index:1;}
.introduce .floatright img{width:95%;}
.introduce .floatright:after{width:90%;height:90%; content:''; display:block; border:1px solid #014f9a; position:absolute;top:5%;right:0; z-index:-1;}
.introduce ul li{width:33.33%;}
.introduce ul li h5{color:#fff;}
.introduce,.technology2 p{line-height:30px;}
.floatright{float:right;padding:0 0 30px 30px;}
.floatleft{float:left;padding:0 30px 30px 0;}
.about2C .right{ background-color:#014f9a;color:#fff;}
.technology1{ background:url(../images/bg6.jpg) no-repeat center center; background-size:cover;}
.technology1 .englishline{font-size:20px;}
.technology1 .englishline:before,.technology1 .englishline:after{width:100px;height:1px; background-color:#ccc; content:''; display:inline-block; vertical-align:middle;margin:0 20px 0 0;}
.technology1 .englishline:after{ margin:0 0 0 20px;}
.technology2{background:url(../images/bg7.jpg) no-repeat center center; background-size:cover;padding:60px 0 120px;}
.technology3{background:url(../images/bg1.png) no-repeat top center; background-size:100%;margin-top:-60px;padding:60px;background-size: 100% 60px;}
.technology3 li{float:left;margin:0 1%;width:31.33%; position:relative; overflow:hidden;}
.technology3 li .div1{ background-color:rgba(0,0,0,0.3); position:absolute;width:100%;bottom:0;left:0;padding:20px;color:#fff; text-align:center;}
.technology3 li .div1 h5,.technology3 li .div2 h5{ font-size:20px; text-align:center;}
.technology3 li .div2{ position:absolute;width:86%; background-color:#014f9a;color:#fff; bottom:0;left:7%;padding:20px;opacity:0;}
.technology3 li .div2 div{ margin-top:20px;padding-top:20px; border-top:1px solid #fff;line-height:25px;}
.technology3 li .div2 p{ text-align:center;margin-top:5px;} 
.technology3 li:hover .div2{opacity:1;}
.technology3 li:hover .div1{opacity:0; }
.partnerC a{ float:left;margin:10px 1%;width:18%;}
.product1{background:url(../images/bg8.jpg) no-repeat center center; background-size:cover;}
.product1C{ background-color:#f9f9f9;padding:40px;}
.product1C li{width:23%;float:left;margin:10px 1%; background-color:#fff;padding:30px; position:relative; z-index:1;}
.product1C li p{width:65px; overflow:hidden;margin:auto;}
.product1C li p img{ width:130px;}
.product1C li h5{ font-size:24px;color:#014f9a;margin:20px 0;}
.product1C li div{line-height:25px;height:100px; overflow:hidden;}
.product1C li:hover,.product1C li:hover h5{color:#fff;}
.product1C li:hover p img{ margin-left:-65px;}
.product2C #sync1 dl a{ display:flex; position:relative;}
.product2C #sync1 dl dt{width:40%;}
.product2C #sync1 dl dd{width:58%;margin-left:2%;background:url(../images/bg9.jpg) no-repeat center center; background-size:cover;color:#fff;padding:150px 8% 150px 160px;}
.product2C #sync1 dl dd h5{font-size:24px;}
.product2C #sync1 dl dd p{ line-height:30px;height:120px; overflow:hidden;margin:30px 0;}
.product2C #sync1 dl dd span{ text-transform:uppercase;padding:0 20px 10px 20px; background:url(../images/icon26.png) no-repeat right bottom;font-size:12px;}
.product2C #sync1 dl img{ width:430px; position:absolute;top:22%;left:18%;}
.product2C .sync2{ background:url(../images/bg10.jpg) repeat-y; background-size:100%;}
.product2C #sync2{ background-color:#fafafa;padding:0 60px;}
.product2C #sync2 dl dt{width:70px;margin:30px auto 5px;}
.product2C #sync2 dl dt img{width:140px;}
.product2C #sync2 dl dd{font-size:16px;padding-bottom:20px; border-bottom:3px solid #fafafa;}
.product2C #sync2 .synced dl dd{border-color:#014f9a;color:#014f9a;}
.product2C #sync2 .synced dl dt img{ margin-left:-70px;}
.product2C #sync2 .synced dl dd{color:#014f9a;}
.product2C #sync1 .owl-prev {background: url(../images/icon24.png) no-repeat;width: 50px;height:50px;left: 50%; top: 111%;margin-left: -700px; z-index:1;}
.product2C #sync1 .owl-next {background: url(../images/icon25.png) no-repeat;width: 50px;height:50px;right: 50%; top:111%;margin-right: -700px; z-index:1;}
.productlist{ background-color:#fafafa;}
.productlistC .right dl,.areaC .right dl,.newlist1 dl,.newlist2 li,.newlist3 dl,.teamC dl,.download2C dl,.cpycC dl,.download3C dl{margin-bottom:30px;}
.productlistC .right,.areaC .right{width:76%;}
.productlistC .left,.areaC .left{width:22%;}
.productlistC .left li>a{ display:block;padding:20px 15px; background:#eee url(../images/icon27.png) no-repeat right 20px center;margin-bottom:1px;}
.productlistC .left li>a:hover,.productlistC .left li.cur>a{ color:#fff;background:#0c5faf url(../images/icon29.png) no-repeat right 20px center;}
.productlistC .left li div{ display:none; background-color:#fff;padding:0 15px;}
.productlistC .left li div a{ display:block; border-bottom:1px solid #dcdcdc;padding:20px 15px 20px 0;}
.productlistC .left li a.cur{color:#fff; background:#0c5faf url(../images/icon28.png) no-repeat right 20px center;}

.productlistC .left li div article p{display:none; background-color:#f3f3f3;padding:0 0 0 10px;}
.productlistC .left li div a.on{background:url(../images/icon27.png) no-repeat right center; background-size:13px;}
.productlistC .left li div a.cur{}

.pagelist {margin:20px 0 0;}
.pagelist li{ display:inline-block;margin:0 3px;}
.pagelist li a,.pagelist li span{ display:block;width:40px;height:40px;line-height:40px;border:1px solid #ededed;}
.pagelist li a:hover,.pagelist li a.cur,.pagelist li.active span{border-color:#014f9a;  background-color:#014f9a;color:#fff;}
.productmain1T .left{width:55%;}
.productmain1T .right{width:41%;}
.productmain1T .left #sync2{margin-top:8px;}
.productmain1T .left #sync2 .item{margin:2px;}
.productmain1T .left #sync1 .owl-prev {background: url(../images/icon30.png) no-repeat;width:33px;height:103px;left:2px; top: calc(100% + 10px); z-index:1;}
.productmain1T .left #sync1 .owl-next {background: url(../images/icon31.png) no-repeat;width:33px;height:103px;right:2px; top: calc(100% + 10px); z-index:1;}
.productmain1T .left #sync2 img{ opacity:0.7;}
.productmain1T .left #sync2 .synced img{ opacity:1;}
.productmain1T .right h5{margin-top:40px;padding-bottom:20px;font-size:26px;color:#333; position:relative;border-bottom:1px solid #dcdcdc;}
.productmain1T .right h5:after{ width:60px; height:4px; content:''; display:inline-block; position:absolute;left:0;bottom:-1px; background-color:#0c5faf;}
.productmain1T .right article{ margin-top:30px;line-height:30px;}
.productmain1T .right article h6{color:#0c5faf;font-size:18px;font-weight:bold;}
.productmain1B{ background-color:#f5f5f5;padding:40px;}
.productmain1B .tab { background-color:#ededed; overflow:hidden;}
.productmain1B .tab a{display:block;float:left; background-color:#dddddd;padding:20px 30px;font-size:20px;}
.productmain1B .tab a.on{background-color:#014f9a;color:#fff;}
.productmain1B .content{margin-top:30px;line-height:30px;}
.productmain1B .content .li{ display:none;}
.productmain1B .content img{ max-width:100%;}
.prenext{margin:50px 0 0; background-color:#014f9a;font-size:16px;}
.prenext .left{width:35%;float:left;}
.prenext .center{width:30%;float:left;border-left:1px solid #fff;border-right:1px solid #fff;}
.prenext .right{width:35%;float:right;}
.prenext .left i{width:21px;height:21px; display:inline-block; vertical-align:middle;margin-right:10px; background:url(../images/icon32.png) no-repeat;}
.prenext .center i{width:21px;height:21px; display:inline-block; vertical-align:middle;margin-right:10px; background:url(../images/icon33.png) no-repeat;}
.prenext .right i{width:21px;height:21px; display:inline-block; vertical-align:middle;margin-left:10px; background:url(../images/icon34.png) no-repeat;}
.prenext a{ display:block;padding:15px;}
.prenext a:hover{ background-color:#002655;}
.producttj .container{ background-color:#fff;padding:60px 40px;}
.areaC .left h5{ padding:20px;color:#fff;background-color:#014f9a;font-size:18px; text-align:center;}
.areaC .left div{border:1px solid #dcdcdc;padding:0 20px;}
.areaC .left div a{ display:block; padding:15px 20px;border-bottom:1px solid #dcdcdc;}
.areaC .left div a:hover,.areaC h5 div a.cur{ background:url(../images/icon27.png) no-repeat center right;}
.areaC .right dl a{ display:block; background-color:#fff;}
.areaC .right dl dd{padding:20px 15px; overflow:hidden; z-index:1;}
.areaC .right dl dd time,.new1C2 li time{width:60px;float:left;font-size:12px;border-right:1px solid #efefef;}
.areaC .right dl dd time p{ font-size:36px;line-height:32px;}
.areaC .right dl dd h5{width:calc(100% - 72px);float:right;line-height:25px;height:50px; overflow:hidden;}
.areaC .right dl a:hover dt img,.new3C dl a:hover dt img,.teamC dl a:hover dt img,.download1C dl:hover dt img,.download3 dl a:hover dt>img{transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);}
.areaC .right dl a:hover,.new3C dl a:hover dd,.newlist1 dl a:hover,.teamC dl a:hover dd{color:#fff;}
.new1,.newlist1,.newlist3,.hr,.team,.contact{ background-color:#f5f5f5;}
.new1C1 .left{width:50%;}
.new1C1 .right{width:50%;padding:110px 60px; background-color:#014f9a;color:#fff;}
.new1C1 .right h5,.new1C2 li div h5,.new3C dl h5,.newlist1 dl dd h5{ font-size:20px;}
.new1C1 .right time{ display:block;margin:20px 0;font-size:13px;}
.new1C1 .right time span,.newlist1 dl dd time span{ display:inline-block;margin-right:15px;}
.new1C1 .right p{line-height:25px;height:75px; overflow:hidden;}
.new1C1 .right .morea{ border-radius:20px;border:1px solid #fff;font-size:14px;padding:5px 20px;color:#fff;margin-top:30px; display:inline-block;}
.new1C2 li a{ display:block; background-color:#fff;padding:30px; overflow:hidden;}
.new1C2 li time{width:100px;font-size: 16px;}
.new1C2 li div{width:calc(100% - 130px);float:right;}
.new1C2 li div p,.new3C dl p,.newlist1 dl dd p{line-height:25px;height:50px; overflow:hidden;margin-top:10px;}
.new1C2 li time p {font-size: 49px;line-height: 63px;}
.new3C dl dd{ background-color:#fff;padding:56px 20px 38px; position:relative; z-index:1;}
.new3C dl time{ background:url(../images/icon35.png) no-repeat center center; background-size:;color:#014f9a; position:absolute;width:102px;height:102px; display:block;top:-51px;left:50%;margin-left:-51px;padding: 20px 0;font-size:13px;}
.new3C dl time p{font-size:24px;line-height:20px;height: 24px;}
.newlist1 dl a{ overflow:hidden; display:block; background-color:#fff;padding:30px; position:relative; z-index:1;}
.newlist1 dl dt{float:left;width:300px;}
.newlist1 dl dd{float:right;width:calc(100% - 330px);margin-top:20px;padding-right:60px;}
.newlist1 dl dd time{ display:block;margin-top:20px;}
.newlist1 dl a:after{ content:'';width:50px;height:100%;top:0;right:0; background:url(../images/icon36.png) no-repeat center center; border-left:1px solid #ededed; display:inline-block; position:absolute;}
.newlist1 dl a:hover:after{ background:url(../images/icon37.png) no-repeat center center; border-left:1px solid #497fb3;}
.newmain h1{font-size:30px; text-align:center;}
.newmain time{ display:block; text-align:center; color:#666666;margin:20px 0;}
.newmain time span{ display:inline-block;margin:0 10px;}
.newmain .info{ background-color:#f9f9f9;padding:30px;line-height:30px;color:#777777;}
.newmain article{ line-height:33px;margin-top:30px;}
.newmain article img,.trainC img{ max-width:100%;}
.trainCT .left{width:80%;}
.trainCT .right{ width:40%; padding:59px 30px; background-color:#014f9a;color:#fff;margin: 5% 0 0 -30%;}
.trainC{ line-height:30px;}
.hrC{ background-color:#fff;padding:60px;}
.hrtitle{ background-color:#efeeee;padding:20px; text-align:center;}
.hrtitle div,.hrlistT div{float:left;width:16.66%;}
.hrlistT{background-color:#f7f9fb;padding:20px; text-align:center; cursor:pointer;border-top:1px solid #fff;}
.hrlistT .div6{ background:url(../images/icon38.png) no-repeat center center;height:27px;}
.hrlistB { display:none; background-color:#fff;border:1px solid #ededed; padding:40px 7%;line-height:30px;}
.hrlist.open .hrlistT .div6{background:url(../images/icon39.png) no-repeat center center;}
.hrlist.open .hrlistT{ background-color:#014f9a;color:#fff;}
.hrlistT .con{width: 100%;}
.teamC dl dd{ padding:30px 20px; background-color:#fff; position:relative; z-index:1;}
.teamC dl dd h5{width:calc(100% - 25px);float:left;}
.teamC dl dd p{ overflow:hidden;float:right;width:22px;}
.teamC dl dd p img{ width:44px;}
.teamC dl a:hover dd p img{ margin-left:-22px;}
.download1C{padding:10px;}
.download1C dl div{ background-color:#f5f5f5; padding:40px 30px; box-shadow:0 0 10px #ccc;}
.download1C dl div dt{ z-index:1;}
.download1C dl div dt:after{ width:100%;height:100%; background-color:#eeeeee;content:''; display:block; position:absolute;top:10px;left:10px; z-index:-1;}
.download1C dl dd{ margin-top:33px;}
.download1C dl dd h5{font-size:16px;}
.download1C dl dd a,.download2C dl dd a{padding:6px 20px; border:1px solid #dcdcdc; background-color:#eee;margin-top:15px; display:inline-block;color:#014f9a;}
.download1C dl dd a i,.download2C dl dd a i{width:22px;height:18px;overflow:hidden;display:inline-block; vertical-align:top;margin-right:5px;}
.download1C dl dd a img,.download2C dl dd a img{width:44px;height:18px; vertical-align:top;}
.download1C dl dd a:hover,.download2C dl dd a:hover{background-color:#014f9a;color:#fff;border-color:#014f9a;}
.download1C dl dd a:hover img,.download2C dl dd a:hover img{margin-left:-22px;}
.download2,.cpyc,.download3{background:url(../images/bg11.jpg) no-repeat center center; background-size:cover;}
.download2C dl div{ background-color:#f5f5f5;padding:30px; overflow:hidden;}
.download2C dl dt{width:200px;float:left;}
.download2C dl dd{width:calc(100% - 220px);float:right;}
.download2C dl dd h5{font-size:20px;padding-bottom:20px; border-bottom:1px solid #dcdcdc; position:relative;margin-top:30px;color:#333;}
.download2C dl dd h5:after{width:40px;height:3px; position:absolute; bottom:-1px;left:0; content:''; display:inline-block;background-color:#014f9a;}
.download2C dl dd p{ margin:20px 0;line-height:25px;height:75px; overflow:hidden;}
.download3C dl dt div{ position:absolute;width:100%;height:100%;top:0;left:0; background-color:rgba(0,0,0,0.2);  text-align:center;}
.download3C dl dt div img{width:84px;margin-top:20%;}
.download3C dl dd{ background-color:#fff;padding:20px; position:relative; z-index:1;}
.download3C dl dd div h5{width:80%;float:left;font-size:18px;}
.download3C dl dd div time{float:right;color:#999;font-size:12px;}
.download3C dl dd p{ margin-top:10px;color:#014f9a;}
.download3C dl dd p i{width:28px;height:28px;overflow:hidden;display:inline-block; vertical-align:top;margin-right:5px;}
.download3C dl dd p i img{width:56px;height:28px;vertical-align:top;}
.download3C dl a:hover dd p i img{margin-left:-28px;}
.download3C dl a:hover,.download3C dl a:hover dd p{color:#fff;}
.contact .left{width:60%;float:left;}
.map{height:500px;}
.contact .right{background-color:#014f9a;color:#fff;padding:40px 40px;width:50%;float:right;margin: 30px 0 0 -30%;}
.contact .right .righttitle div{width:calc(100% - 65px);float:right;}
.contact .right .righttitle h5{font-size:26px;}
.contact .right .righttitle p{ font-size:12px; text-transform:uppercase;margin-top:2px;}
.contact .right article{margin: 0 0 0 21px;padding:40px 0 0 45px; background:url(../images/icon49.png) no-repeat left top;line-height:30px;}
.contact .right article .con1 p{ font-size:30px;}
.contact .right article .con2{margin-top:30px;}
.contact .right article .con2 img{ display:inline-block;margin-right:5px;}
.contact .right article .con2 .left{float:left;width:70%;}
.contact .right article .con2 .con2right{float:right;width:28%;}
.contact .right article .con2 .con2right img{width:80%;float:left;}
.contact .right article .con2 .con2right p{float:right;font-size:13px;width:13px;line-height:17px;}

.h_productC dl dt div h6, .productlistC .right dl dt div h6, .producttj dl dt div h6{ display:none;}
.developC .dl{ margin-top:180px; position:relative; cursor:pointer;}
.developC .dl .dt div{width:98px;height:113px;font-size:18px; background:url(../images/icon34.png) no-repeat; background-size:100% 100%;color:#fff;}
.developC .dl .dt div p{font-size:32px;padding-top:36px;}
.developC .dl .dt em{height:256px;width:3px; background-color:#4c7ea5; display:inline-block;margin:-1px 0 0 48px;}
.developC .dl .dt i{width:18px;height:18px; border:5px solid #4c7ea5; border-radius:50%; display:block; background-color:#fff;margin:5px 0 0 41px;}
.developC .dl .dt b{ position:relative; z-index:-1;width:93px;height:57px; display:inline-block; background:url(../images/shadow.png) no-repeat;margin:-10px 0 0 44px;}
.developC .dl .dd{ position:absolute;left:29%;top:113px;}
.developC .dl .dd h5{color:#4c7ea5;font-weight:bold;}
.developC .dl .dd h5:after{ width:18px;height:3px; content:''; display:block;margin-top:10px; background-color:#4c7ea5;}
.developC .dl .dd p{margin-top:10px;font-size:15px;color:#676767;line-height:22px;height:132px;overflow:hidden;}
.developC .owl-wrapper{ position:relative;}
.developC .owl-wrapper-outer:after{ content:'';width:100%;height:2px; background-color:#c7c7c7; position:absolute;left:0;bottom:60px; display:block; z-index:-1;}
.developC .owl-carousel .owl-wrapper-outer{z-index: 1;}
/*.developC .owl-item:nth-child(5n+2) .dl dt div{background:url(../images/icon35.png) no-repeat; }
.developC .owl-item:nth-child(5n+3) .dl dt div{background:url(../images/icon36.png) no-repeat; }
.developC .owl-item:nth-child(5n+4) .dl dt div{background:url(../images/icon37.png) no-repeat; }
.developC .owl-item:nth-child(5n+5) .dl dt div{background:url(../images/icon38.png) no-repeat; }
.developC .owl-item:nth-child(5n+6) .dl dt div{background:url(../images/icon39.png) no-repeat; }
.developC .owl-item:nth-child(5n+1) .dl dt div{background:url(../images/icon34.png) no-repeat; }*/
.developC .owl-item:nth-child(5n+2) .dl {margin-top: 0;}
.developC .owl-item:nth-child(5n+2) .dl .dt em {height: 436px;background-color: #ef9164;}
.developC .owl-item:nth-child(5n+2) .dl .dt i{border: 5px solid #ef9164;}
.developC .owl-item:nth-child(5n+2) .dl .dd h5 {color: #ef9164;}
.developC .owl-item:nth-child(5n+2) .dl .dd h5:after{background-color: #ef9164;}
.developC .owl-item:nth-child(5n+3) .dl {margin-top:271px;}
.developC .owl-item:nth-child(5n+3) .dl .dt em {height: 165px;background-color: #014f9a;}
.developC .owl-item:nth-child(5n+3) .dl .dt i{border: 5px solid #014f9a;}
.developC .owl-item:nth-child(5n+3) .dl .dd h5 {color: #77c5bf;}
.developC .owl-item:nth-child(5n+3) .dl .dd h5:after{background-color: #014f9a ;}
.developC .owl-item:nth-child(5n+4) .dl {margin-top:53px;}
.developC .owl-item:nth-child(5n+4) .dl .dt em {height: 383px;background-color: #e49f59;}
.developC .owl-item:nth-child(5n+4) .dl .dt i{border: 5px solid #e49f59;}
.developC .owl-item:nth-child(5n+4) .dl .dd h5 {color: #e49f59;}
.developC .owl-item:nth-child(5n+4) .dl .dd h5:after{background-color: #e49f59;}

.developC .owl-item:nth-child(5n+5) .dl {margin-top:258px;}
.developC .owl-item:nth-child(5n+5) .dl .dt em {height:178px;background-color: #95a7cd;}
.developC .owl-item:nth-child(5n+5) .dl .dt i{border: 5px solid #95a7cd;}
.developC .owl-item:nth-child(5n+5) .dl .dd h5 {color: #95a7cd;}
.developC .owl-item:nth-child(5n+5) .dl .dd h5:after{background-color: #95a7cd;}

.developC .owl-item:nth-child(5n+2) .dl .dt div:before{content:''; display:block; position:absolute;width:98px;height:98px; top:0;left:0;
        background: -webkit-gradient( linear, left top, left bottom, from( #bc5d2f ), to( #ef9164 ) );
    background: -webkit-linear-gradient( left, #bc5d2f, #ef9164 );
    background: -moz-linear-gradient( left, #bc5d2f, #ef9164 );
    background: -ms-radial-gradient( left, #bc5d2f, #ef9164 );
    background: -o-linear-gradient( left, #bc5d2f, #ef9164 );
    background: linear-gradient( to bottom, #bc5d2f, #ef9164 );
    border-radius: 50% 50% 2% 50%;
    transform: rotate(45deg);}
.developC .owl-item:nth-child(5n+3) .dl .dt div:before{content:''; display:block; position:absolute;width:98px;height:98px; top:0;left:0;
        background: -webkit-gradient( linear, left top, left bottom, from( #002655 ), to( #014f9a  ) );
    background: -webkit-linear-gradient( left, #002655, #014f9a  );
    background: -moz-linear-gradient( left, #002655, #014f9a  );
    background: -ms-radial-gradient( left, #002655, #014f9a  );
    background: -o-linear-gradient( left, #002655, #014f9a  );
    background: linear-gradient( to bottom, #002655, #014f9a  );
    border-radius: 50% 50% 2% 50%;
    transform: rotate(45deg);}
.developC .owl-item:nth-child(5n+4) .dl .dt div:before{content:''; display:block; position:absolute;width:98px;height:98px; top:0;left:0;
        background: -webkit-gradient( linear, left top, left bottom, from( #e08f3d ), to( #e49f59 ) );
    background: -webkit-linear-gradient( left, #e08f3d, #e49f59 );
    background: -moz-linear-gradient( left, #007fd1, #c600ff );
    background: -ms-radial-gradient( left, #007fd1, #c600ff );
    background: -o-linear-gradient( left, #007fd1, #c600ff );
    background: linear-gradient( to bottom, #e08f3d, #e49f59 );
    border-radius: 50% 50% 2% 50%;
    transform: rotate(45deg);}
.developC .owl-item:nth-child(5n+5) .dl .dt div:before{content:''; display:block; position:absolute;width:98px;height:98px; top:0;left:0;
        background: -webkit-gradient( linear, left top, left bottom, from( #5a76b1 ), to( #95a7cd ) );
    background: -webkit-linear-gradient( left, #5a76b1, #95a7cd );
    background: -moz-linear-gradient( left, #007fd1, #c600ff );
    background: -ms-radial-gradient( left, #007fd1, #c600ff );
    background: -o-linear-gradient( left, #007fd1, #c600ff );
    background: linear-gradient( to bottom, #5a76b1, #95a7cd );
    border-radius: 50% 50% 2% 50%;
    transform: rotate(45deg);}
.developC .owl-item:nth-child(5n+6) .dl .dt div:before{content:''; display:block; position:absolute;width:98px;height:98px; top:0;left:0;
        background: -webkit-gradient( linear, left top, left bottom, from( #9bb249 ), to( #b6c77b ) );
    background: -webkit-linear-gradient( left, #9bb249, #b6c77b );
    background: -moz-linear-gradient( left, #007fd1, #c600ff );
    background: -ms-radial-gradient( left, #007fd1, #c600ff );
    background: -o-linear-gradient( left, #007fd1, #c600ff );
    background: linear-gradient( to bottom, #9bb249, #b6c77b );
    border-radius: 50% 50% 2% 50%;
    transform: rotate(45deg);}
.developC .owl-item:nth-child(5n+1) .dl .dt div:before{content: '';display: block;position: absolute;width: 98px;height: 98px;top: 0;left: 0;
    background: -webkit-gradient( linear, left top, left bottom, from( #497393 ), to( #4c7ea5 ) );
    background: -webkit-linear-gradient( left, #497393, #4c7ea5 );
    background: -moz-linear-gradient( left, #497393, #4c7ea5 );
    background: -ms-radial-gradient( left, #497393, #4c7ea5 );
    background: -o-linear-gradient( left, #497393, #4c7ea5 );
    background: linear-gradient( to bottom, #497393, #4c7ea5 );
    border-radius: 50% 50% 2% 50%;
    transform: rotate(45deg);}

.producttjC dl dt>img,.producttjC dl dt div{width:50%; display:block;float:left;}
.producttjC dl dt div{ position:inherit;padding: 24px 30px 23px;}
.producttjC dl dd{ display:none;}
.pop{ background-color:rgba(0,0,0,0.65); position:fixed;width:100%;height:100%;top:0;left:0; display:none; z-index:2;}
.popC{ position:absolute; top:50%;left:50%;margin:-194px 0 0 -235px;}
.popC h2{ background-color:#014f9a;color:#fff;font-size:24px; font-weight:bold; border-radius:30px;width:80%;margin:auto;height:50px;line-height:50px;margin:auto; position:relative; z-index:2;}
.popC article{ background-color:#fff; border-radius:8px;width:470px; font-size:19px;margin-top:-20px; z-index:1;}
.popC article .popT{padding:70px 50px 50px;color:#333;}
.popC article input{ border:1px solid #dcdcdc;width:100%;padding:10px;margin:18px 0;}
.popC article p{ font-size:14px;color:#aaaaaa;}
.popC article button{ background-color:#f86834;color:#fff;font-size:19px;margin:18px 0 0;width:130px;height:40px;border-radius:5px;}
.popC article .tit{ border-top:1px solid #dcdcdc;font-size:30px;padding:10px;color:#014f9a; text-transform:uppercase;}
.popC article:after{ width:102%;height:100%; background-color:rgba(255,255,255,0.2); position:absolute;top:0;left:0;border-radius:8px;transform:rotate(3deg);
-ms-transform:rotate(3deg); 	/* IE 9 */
-moz-transform:rotate(3deg); 	/* Firefox */
-webkit-transform:rotate(3deg); /* Safari 和 Chrome */
-o-transform:rotate(3deg); content:''; display:block; z-index:-1;transform-origin: bottom center;}
.popC article:before{ width:102%;height:100%; background-color:rgba(255,255,255,0.2); position:absolute;top:0;left:0;border-radius:8px;transform:rotate(-3deg);
-ms-transform:rotate(-3deg); 	/* IE 9 */
-moz-transform:rotate(-3deg); 	/* Firefox */
-webkit-transform:rotate(-3deg); /* Safari 和 Chrome */
-o-transform:rotate(-3deg); content:''; display:block; z-index:-1;transform-origin: bottom center;}





@media(max-width:1420px){
	.h_newC .right dl a {padding: 15px 20px;}
	.new1C1 .right {padding: 78px 60px 79px;}
	.search {padding: 28px 10px;}
	.product2C #sync1 .owl-prev{margin-left: -600px;}
	.product2C #sync1 .owl-next{margin-right: -600px;}
	.h_productC dl dt div article, .productlistC .right dl dt div article, .producttj dl dt div article {margin: 12px 0;}
	.h_productC dl dt div img, .productlistC .right dl dt div img, .producttj dl dt div img {width: 23px;}
	.h_productC dl dt div, .productlistC .right dl dt div, .producttj dl dt div {padding: 21px 30px;}

}
@media(max-width:1260px){
	.site .left article {width: 724px;}
	
}
@media(max-width:1200px){
	.search { padding:28px 5px;}
	.toptel {padding: 28px 7px 27px; font-size: 19px;}
	nav { margin: 0 13px 0 0;}
	nav li{font-size:15px;}
	.logo {padding:21px 9px 0;width: 168px;}
	.h_productC dl dt div p, .productlistC .right dl dt div p, .producttj dl dt div p {margin: 10px 0;}
	.h_areaC .content dl dd div h5 {font-size: 20px;}
	.h_areaC .content dl dd div { padding: 30px 36px;}
	.h_areaC .content dl dd div p {height: 100px;}
	.h_areaC .owl-prev,.h_areaC .owl-next{width: 50px;}
	.h_newC .right dl p {line-height: 20px;font-size: 14px;height: 40px;margin:5px 0;}
	.toptel img {width: 15px;}
	.about1B li div h5, .about1B .li1 div, .introduce ul li h5 {font-size: 36px;}
	.about1B li div { width: calc(100% - 72px);}
	.about1B li img{width:58px;}
	.about1B .li1 div {margin-top: 10px;}
	.about1B .li1{padding:30px 20px 29px 40px;}
	.site .left article {width: 616px;}
	.site .right article {width: 382px;}
	.contact .right {padding: 40px 19px;}
	.download1C dl div{padding:40px 20px;}
	.download2C dl dt { width: 120px;}
	.download2C dl dd{width: calc(100% - 134px);}
	.download2C dl dd h5 { font-size: 16px;padding-bottom: 14px;margin-top: 0px;}
	.download2C dl dd p {margin: 14px 0;}
	.download2C dl dd a{margin-top: -5px;}
	.download2C dl div { padding: 20px;}
	.download3C dl dd div h5 {width: 69%;}
	.new1C1 .right {padding: 46px 44px;}
	.h_newC .right dl a {padding: 12px 20px;}
	.product2C #sync1 .owl-prev{margin-left: -495px;}
	.product2C #sync1 .owl-next{margin-right: -495px;}
	.product2C #sync1 dl img {width: 377px;}
	.productmain1T .left #sync1 .owl-prev,.productmain1T .left #sync1 .owl-next{width: 27px;height: 84px; background-size:100% 100% !important;}
	.h_productC dl dt div article, .productlistC .right dl dt div article, .producttj dl dt div article {height: 60px;}

	
}
@media(max-width:991px){
	.footT,nav,.bannerb,.tj,.prenext .left span,.prenext .right span,.site,.search,.toptel,.bannerbottom,.h_areaC .content dl dt,.link,.h_areaC .more,.areaC .left{ display:none;}
	.mobile-inner,.mobile-inner-header-icon,.banners{ display:block;}
	.logo,.scollfox .logo{ padding: 11px 14px 0;}
	.headerh,header{height: 60px;}	
	#owl-demo2 .owl-pagination{bottom: 30px;}
	.h_productC dl { width: 50%;}
	.h_title div{font-size: 107px;}
	.h_areaC .content dl dd {width: 100%;margin: 0px 0 0 0;border: 0;padding: 0;}
	.h_areaC .owl-prev {width:38px;right: 96%;top: 98px;}
	.h_areaC .owl-next{width:38px;right:-3%;top: 98px;}
	.h_areaC .tab {width: 100%; margin-top: 0;}
	.h_areaC, .h_newC {padding: 60px 50px;}
	.bq { padding: 0;border:0;}
	.h_aboutC .left h5 {font-size: 19px;}
	.h_newC .left,.h_newC .right,.contact .left,.contact .right,.productmain1T .left,.productmain1T .right,.productlistC .left,.productlistC .right,.trainCT .left,.trainCT .right{width: 100%;}
	nav{ position:fixed;width:100%;height:100vh;top:0;left:0; background-color:#002655; z-index:99;margin-top: 0;}
	nav ul li>a{padding: 0 0 0 34px !important; line-height:50px;height:50px; display:block;border-bottom:1px solid #001f46;color:#fff;text-align: left;}
	.mobile-inner-header-icon-click span:nth-child(1),.mobile-inner-header-icon-click span:nth-child(2){background-color:#fff;}
	.mobile-inner-header-icon-click span{background-color:#012655;}
	footer {padding: 15px 0;}
	.bq {padding: 6px 0 0;color: #fff;font-size: 12px;}
	.scollfox nav { margin-top: 0;}
	nav li div a{ background-color:transparent;}
	nav ul li,.areaC .right{ width:100%;margin:0;}
	nav ul li div{ position: initial;margin:0;width:100%;padding:0; background-color:#004082;border:0;font-size:15px;}
	nav ul li div a{line-height:40px;height:40px; display:block;border-bottom:1px solid #044e9c;color:#e0e0e0;padding: 0 10px 0 69px; text-align:left;}
	nav ul li:hover div{ display:none;}
	nav ul {padding-top: 40px;height: 100%;overflow-y: scroll;}
	nav li>a:hover, nav li a.cur {color: #fff; }
	@keyframes fadedown {
		from { transform: translateY(0); opacity: 1; }
		to { transform: translateY(0); opacity: 1; }
	}
	nav ul {padding-top: 57px; font-size: 16px;}
	.floatright,.floatleft { float:none; padding:0;margin-bottom:20px;}
	.map{height:350px;}
	.about1T .right{margin-top: 120px;}
	.about1T .left h5, .introduce h5 { font-size: 25px;}
	.about1T .left p { font-size: 12px;}
	.about1B li, .introduce ul li {padding: 20px 12px 20px 12px;}
	.about1B li img {width: 48px;}
	.about1B li div {width: calc(100% - 55px);}
    .about1B li div h5, .about1B .li1 div, .introduce ul li h5 {font-size: 30px;}
	.about1B .li1 {padding: 35px 12px 34px 12px;}
	.about2C .right {padding: 27px 30px;font-size: 15px;line-height: 41px;}
	.hrC {padding: 30px;}
	.hrlistT,.hrtitle {overflow-x: scroll;}
	.hrlistT .con,.hrtitle article{width: 1000px;}
	.new1C1 .right {padding: 32px 20px;}
	.new1C1 .right time {margin: 13px 0;}
	.new1C1 .right .morea{margin-top: 10px;}
	.new1C1 .right p {line-height: 20px;font-size: 13px;height: 60px;}
	.new1C2 li a { padding: 22px 5px;}
	.newmain h1 {font-size: 24px;}
	.new1C2 li time {width: 68px;font-size: 14px;}
	.new1C2 li time p {font-size: 41px;line-height: 55px;}
	.new1C2 li div { width: calc(100% - 89px);}
	.product1C li {width: 48%;}
	.product2C #sync1 .owl-prev{margin-left: -375px;}
	.product2C #sync1 .owl-next{margin-right: -375px;}
	.product2C #sync1 dl img {width: 327px;}
	.productmain1T .left #sync1 .owl-prev, .productmain1T .left #sync1 .owl-next {width: 32px;height: 117px;background-size: 100% 100% !important;}
	.productlistC .left li{float:left;width:31.33%;border-right:1px solid #fff; position:relative;}
	.productlistC .left li div{ position:absolute;width:100%;top:100%; z-index:1;}
	.productlistC .right{margin-top:20px;}
	.technology3 li .div1 {padding: 20px 2px;font-size: 14px;}
	.technology3 li .div2 div { margin-top: 14px; padding-top: 13px;line-height: 19px;font-size: 12px;}
	.technology3 li .div2{padding: 9px;}
	.technology3 li .div2 p{font-size: 13px;}
	.technology3 li .div1 h5, .technology3 li .div2 h5{font-size: 17px;}
	.trainCT .right{margin-top:10px;padding: 34px 20px;}
	
}
@media(max-width:767px){
	.h_about .right,.about1T .right,.about2C .left,.newlist1 dl a:after,.teamC dl dd p{ display:none;}
	#owl-demo2 .owl-pagination .owl-page{width: 8px;height: 8px;}
	.pad60{padding:40px 0;}
		.h_product,.h_area,.h_about,.h_new,.about1,.about2,.about3,.about4,.area,.contact,.cpyc,.download2,.download3,.introduce,.new1,.newmain,.partner,.productmain1,.productlist,.team,.technology1,.train { padding:40px 20px;}
	.newmain h1 { font-size: 22px;}
	.prenext{font-size:14px;}
	.prenext .center i,.prenext .left i,.prenext .right i{background-size: 18px;width: 18px;height:18px;}
	.prenext .center { width: 36%;}
	.prenext .left,.prenext .right{ width: 32%;}
	.prenext a{padding: 15px 2px;}
	.map{height:250px;}
	.h_title h2 { font-size: 24px;}
	.h_title p {line-height: 19px;font-size: 12px;}
	.h_title div {font-size: 48px;line-height: 32px;}
	.top60 {margin-top: 30px;}
	.h_productC,.productlistC .right dl{padding: 0;}
	.h_productC .tab{overflow: scroll;width: 100%;}
	.h_productC .tab article{width: 1000px;}
	.h_productC .tab a{font-size:13px;padding:10px 9px;margin: 3px 2px;float: left;}
	.h_productC dl dd, .productlistC .right dl dd, .producttj dl dd,.about3B li h5 {font-size: 14px;}
	.h_areaC, .h_newC {padding: 30px 15px;}
	.h_areaC .content dl dd div {padding: 17px 20px;}
	.h_areaC .content dl dd div h5,.h_aboutC .left h5{font-size: 17px;}
	.h_newC .left .dd .ddR h5, .h_newC .right dl h5.new1C1 .right h5, .new1C2 li div h5, .new3C dl h5, .newlist1 dl dd h5{font-size: 16px;}
	.h_areaC .owl-prev {width: 33px;right: 95%;}
	.h_areaC .owl-next{width: 33px;right: -8%;}
	.h_aboutC .left {width: 100%;margin: 0 0 0 0;padding: 20px;}
	.h_aboutC .left p {line-height: 25px; height: 100px;margin: 16px 0;font-size: 14px;}
	.h_newC .left .dd .ddR {padding: 19px 15px;margin-top: -15px;}
	.h_newC .right dl a {padding: 15px 5px;}
	.about1,.about1T .left{margin-top: 0;}
	.about1T .left,.contact .right article .con2 .left,.download3C dl dd div h5,.download3C dl dd div time,.introduce .floatright,.new1C1 .left,.new1C1 .right{width:100%;}
	.about1B li{width: 50%;}
	.about1B li img {width: 30px;}
	.about1B li div { width: calc(100% - 37px);}
	.about1B li div h5, .about1B .li1 div, .introduce ul li h5 {font-size: 24px;line-height: 27px;}
	.about1B .li1 {padding:37px 12px 37px 12px;}
	.about1B .li1 div { margin-top: 2px;}
	.about2C .right{line-height: 30px;width:100%;}
	.about3T {padding: 50px 16px;}
	.about3B h4, .technology2 h2 { font-size: 27px;}
	.areaC .right dl{padding:0 0;margin-bottom:20px;}
	.contact .right article .con2 .con2right{margin-top:20px;float:left;width:120px;}
	.contact .right article .con2 .con2right p{width:100%;margin-top:5px;}
	.contact .right article .con1 p {font-size: 24px;}
	.contact .right article{    font-size: 13px;}
	.download1C dl{padding:0 5px;}
	.download1C dl div {padding: 20px 10px;}
	.download2C dl dd p {line-height: 20px;height: 60px;font-size: 13px;}
	.download3C dl dd div h5{font-size:16px;margin-bottom:5px;}
	.download3C dl dt div img { width: 40px;}
	.download3C dl dd {padding:10px 10px;}
	.download3C dl dd p{font-size:13px;}
	.download3C dl dd p i {width: 20px;}
	.download3C dl dd p i img{width:40px;height:20px;}
	.download3C dl,.teamC dl{padding:0 5px;}
	.hrlistT .con, .hrtitle article { width: 687px;}
	.introduce h5{font-size:20px;}
	.newmain time span {margin: 0 7px;font-size: 12px;}
	.newlist1 dl dt,.newlist1 dl dd { width: 100%;padding-right: 0;}
	.newlist1 dl a{padding:20px;}
	.newlist1 dl dd time span{margin-right: 10px;font-size: 12px;}
	.partner a{width:48%;}
	.productmain1T .left #sync1 .owl-prev, .productmain1T .left #sync1 .owl-next {width: 17px; height:24%; background-size: 100% !important;}
	.productmain1T .right h5 {margin-top: 22px; font-size: 20px;}
	.productmain1B {padding: 15px;}
	.productmain1B .tab a { padding: 9px 0;width: 50%;font-size: 16px; text-align: center;}
	.productlistC .left li>a {padding: 12px 7px;background:#eee; text-align:center;}
	.productlistC .left li { width: 50%;font-size: 14px;}
	.productlistC .left li div{padding: 0 8px;}
	.productlistC .left li div a{padding: 11px 0;}
	.teamC dl dd{ padding: 16px 10px;}
	.teamC dl dd h5 { width: 100%;font-size: 14px;}
	.teamC dl{margin-bottom:15px;}
	.technology1 .englishline{font-size: 14px;}
	.technology1 .englishline:before, .technology1 .englishline:after { width: 28px;}
	.technology1 .desicon img {width:50px;}	
	.technology3 li {margin: 0; width: 100%;margin-bottom:20px;}
	.technology3{padding: 30px;}
	.h_productC dl dt div, .productlistC .right dl dt div, .producttj dl dt div{ display:none;}
}
@media(max-width:640px){
	.pagelist li a {width: 32px;height: 32px;line-height: 32px;}
	
}
@media(max-width:500px){
	.contact .right .righttitle img{width:40px;}
	.contact .right .righttitle h5 {font-size: 18px;}
	.contact .right .righttitle div { width: calc(100% - 51px);}
	.contact .right article {margin: 0 0 0 14px;padding: 40px 0 0 36px;}
	.download2C dl dt {width: 104px;}
	.download2C dl dd {width: calc(100% - 116px);}
}
@media(max-width:400px){
	.about1T .left h5{font-size: 20px;}
}