@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;

box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;

-ms-box-sizing: border-box; -moz-box-sizing: border-box;}

html {width: 100%; font-weight: normal;

	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;}

body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666;  font-family: Arial,'Noto Sans SC'; font-weight: 300;  }

ul,ul li,ol,li {list-style: none outside none;}

img {vertical-align: middle;border: none;}

input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: Arial,'Noto Sans SC'; font-weight: 300; }

a {text-decoration: none;color: inherit;}

a:hover {text-decoration: none;  }



select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   

select::-ms-expand { display: none; }  



.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}



.fl {float: left;}

.fr {float: right;}

.container{display: block;max-width: 1400px; margin: 0 auto; width:85%; }

.hidden{ overflow:hidden;}



.smain{ padding-top:97px; }



.header{ background:#050d19; border-bottom:1px solid #1e2630; height:97px; position:fixed; left:0; top:0; width:100%; z-index:1000;}

.logos{ height:40px; margin-top:28px;}

.logos img{ display:block; height:100%;}

.nav{ color:#ffffff; line-height:96px; font-size:16px;}

.nav li{ float:left; position:relative;}

.nav li>a{ display:block; padding:0 26px;}

.nav li .dropdown{opacity:0.8; position:absolute; width:100%; left:0; top:100%; background:#050d19; color:#ffffff;display:none;border:1px solid #1e2630; border-bottom:none;}
.nav li .dropdown a{display:block; width:100%; line-height:32px; font-size:14px; text-align:center;border-bottom:1px solid #1e2630;  }
.nav li .dropdown a:hover{ background:#ffffff; color:#333333; }
.nav li .dropdown31{ width:150%; margin-left:-25%;}
.nav li .dropdown44{ width:120%; margin-left:-10%;}
.nav li .dropdown311111{opacity:0.8; position:absolute; width:100%; left:0; top:100%; background:#050d19; color:#ffffff;display:none;border:1px solid #1e2630; border-bottom:none;}.nav li .dropdown311111 a{display:block; width:100%; line-height:32px; font-size:14px; text-align:center;border-bottom:1px solid #1e2630;  }.nav li .dropdown311111 a:hover{ background:#ffffff; color:#333333; }


.header2{background:none; border-bottom:none;}

.gizle{background:#050d19; border-bottom:1px solid #1e2630; }



.login-btn{ background:url(../images/login-btn.png) no-repeat center center;  width:80px; height:26px; line-height:26px; text-align:center; font-size:14px; color:#ffffff; margin-top:35px;}

.login-btn a{ display:block;}



.search-btn{ display:none;}

.search{ width:176px; height:32px; margin:32px 50px 0 50px;}

.search input{width:176px; height:32px; border:1px solid #818181; background:url(../images/search.png) no-repeat 10px center; color:#ffffff; padding-left:30px;}



.nav-toggle{ width:67px; border-left:1px solid #1e2630; height:100%; cursor:pointer; position: absolute; top:0; right:0; display:none;}

.nav-toggle .dian{ position:absolute; top:50%; left:0; margin-top:-12px; width:100%;}

.nav-toggle span{ width:5px; height:5px; background:#ffffff; border-radius:50%; display:block; margin:2px auto;}

.header2 .nav-toggle{ border-left:none;}

.gizle .nav-toggle{ border-left:1px solid #1e2630;}



.wapsearch{ display:none; width:100%; position:fixed; left:0; top:60px; z-index:500;}

.wapsearch input{ width:100%;border:1px solid #323842;color:#ffffff; padding-left:30px;line-height:36px; height:38px; background:#050d19 url(../images/search.png) no-repeat 10px center;}



.wapnav{ position:fixed; top:97px; right:0; width:300px; z-index:1000; display:none; }

.wapnav li{ width:100%; margin:0; text-align:left;}

.wapnav li>a{background-color:#050d19;line-height:50px; padding:0 20px; color:#ffffff; font-size:16px;border-bottom:1px solid #232339;display:block;  }



.wapnav li .dropdown{ background:#ffffff; display:none;}

.wapnav li .dropdown a{ display:block; width:100%; line-height:40px; font-size:14px; padding:0 40px; border-bottom:1px solid #dcdcdc;}

.wapnav li .dropdown a:hover{ background:#ffffff; color:#333333;}







.smain01{height:100%;}

.banner{ height:100%;}

.bantxt{ color:#ffffff; text-align:center; position:absolute; top:50%; left:0; margin-top:-178px; width:100%;}

.bantxt h3{ font-size:72px; font-weight:normal; line-height:1;}

.bantxt p{ font-size:22px; line-height:48px; margin:50px 0 90px 0;}

.bantxt .more{ font-size:18px; width:174px; height:48px; display:block; margin:0 auto; border:2px solid #ffffff; text-align:center; line-height:44px; border-radius:24px; overflow:hidden;}

.bantxt .more a{ display:block;}

.bantxt .more a:hover{ background:#ffffff; color:#050d19;}



.bantxt h3{ position:relative; top:-50px; opacity: 0;transition:all 0.5s ease-out 0.7s;}

.swiper-slide-active .bantxt h3{top:0;opacity:1;}



.bantxt p{ position:relative; top:-50px; opacity: 0;transition:all 0.5s ease-out 1s;}

.swiper-slide-active .bantxt p{top:0;opacity:1;}



.bantxt .more{ position:relative; top:-50px; opacity: 0;transition:all 0.5s ease-out 1.3s;}

.swiper-slide-active .bantxt .more{top:0;opacity:1;}





.banner-next,.banner-prev{ width:66px; height:66px; top:50%; margin-top:-33px; cursor:pointer; z-index:100; position:absolute;}

.banner-prev{ background:url(../images/banner-prev.png) no-repeat center center; background-size:100%; left:60px;}

.banner-next{ background:url(../images/banner-next.png) no-repeat center center; background-size:100%; right:60px;}





.lower_bottom{position:absolute; bottom:27px; left:0;z-index: 100; width:100%;}

.lower{ background:url(../images/lower.png) no-repeat center center; width:23px; height:66px; background-size:23px auto; margin:0 auto; cursor:pointer; position:relative; 

	animation: myFade 2s linear infinite;}

.lower a{ display:block; height:100%;}





.bj02{ background:#f7f8fa;}

.smain02{ background:url(#) no-repeat top center; background-size:100% auto;}



.tit01{ text-align:center;}

.tit01 h3{ color:#252525; font-size:40px; line-height:1.5; font-weight:normal;margin-bottom:40px;}

.tit01 p{ color:#666666; font-size:18px; line-height:2; }





.video-wrap{ width:848px; height:426px; position:relative; margin:60px auto 0 auto;}



.video-wrap .videos{display: block;height: 100%; width:100%; opacity: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; background:#000000;}

.video-wrap .videos.show{opacity: 1;}

.video-wrap .mask{ display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); top:0; left:0; z-index: 5;}

.video-wrap .play{ display:block; position:absolute; width:78px; height:78px; top:50%; margin-top:-39px; left:50%; margin-left:-39px; background:url(../images/video-btn.png) no-repeat center center; background-size:100% 100%; z-index:10; outline:none; border:none; cursor:pointer; opacity:1; -webkit-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out;}

.video-wrap .vtit{ font-size:18px; color:#ffffff; text-align:center; line-height:32px; position:absolute; left:0; bottom:30px; width:100%; z-index:200;}



.bj03{ background:#ffffff;}





.service{ overflow:hidden; margin-top:100px;}

.service .img{ width:50%; height:100%;}

.service .img img{ width:100%; display:block;}

.service .txt{ width:50%;}

.service .txt h3{ color:#252525; font-size:36px; font-weight:normal; margin:25px 0; }

.service .txt p{ color:#666666; font-size:16px; line-height:2;}

.service .txt .more{ display:block; width:174px; text-align:center; line-height:48px; height:48px; border-radius:24px; border:1px solid #0860ea; color:#0860ea; margin-top:35px;}

.service .txt .more a{ display:block;}

.service .txt .more:hover{ background:#0860ea; color:#ffffff;}



.bj04{ background:#ffffff;}





.bj05{ background:#ffffff url(../images/newsbj.jpg) no-repeat center top; background-size:100% 60% ;}



.tit02{ text-align:center;}

.tit02 h3{ color:#ffffff; font-size:40px; line-height:1.5; font-weight:normal;}



.homenews{  margin-top:50px; }

.homenews li{ float:left; margin:0 1%; width:31.33%;}

.homenews li img{ width:100%; display:block;}

.homenews li .txt{ background:#ffffff; padding:35px;

-moz-box-shadow:0 0 12px #cccccc; -webkit-box-shadow:0 0 12px #cccccc; box-shadow:0 0 12px #cccccc;}

.homenews li .txt h3{ color:#232323; font-size:18px; font-weight:normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.homenews li h3:hover{ color:#0860ea;}

.homenews li .txt p{ color:#8c8c8c; font-size:14px; margin:30px 0; line-height:1.8; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; height:50px;}

.homenews li .hncs{ color:#8c8c8c; font-size:14px; overflow:hidden; }

.homenews li .hncs span{ padding-left:30px;height:20px; line-height:20px; float:left;}

.homenews li .hncs .hico01{ background:url(../images/time.png) no-repeat left center;}

.homenews li .hncs .hico02{ background:url(../images/hits.png) no-repeat left center; margin-left:30px;}



.newsmore{  margin-top:65px; width:100%;}

.newsmore a{ display:block; width:174px; text-align:center; line-height:48px; height:48px; border-radius:24px; border:1px solid #0860ea; color:#0860ea; margin:0 auto;}

.newsmore a:hover{ background:#0860ea; color:#ffffff;}





.bj06{ background:#232734;}

.footer{ background:#232734 url(../images/footbj.jpg) no-repeat center center; background-size:100% auto; padding:65px 0; width:100%;}

.finfo{}

.finfo .dblogo{ }

.finfo .dblogo img{ display:block; height:58px;}

.finfo .dbtel{ font-family:Impact; color:#0dd2db; margin-left:55px; font-size:30px; margin-top:30px;}

.finfo .dbtel img{ margin-right:15px;}

.finfo .copy{ margin-left:55px; color:#b4b5b8; font-size:14px; line-height:2; margin-top:15px;}



.dbnav{ overflow:hidden; margin-top:30px;}

.dbnav li{ float:left; margin-right:55px;}

.dbnav li span{ display:block; color:#ffffff; font-size:18px; margin-bottom:30px;}

.dbnav li a{ display:block; color:#b4b5b8; font-size:14px; line-height:2.2;}

.dbnav li a:hover{ color:#ffffff;} 



.wechat{ margin-top:35px;}

.wechat img{ display:block; max-width:130px;}

.wechat span{ display:block; color:#b4b5b8; font-size:14px; text-align:center; line-height:2; margin-top:12px; }









.nyban{ height:534px; position:relative;}

.nybanwz{ position:absolute; left:0; width:100%; top:55%; margin-top:-69px; color:#ffffff; line-height:1;}

.nybanwz h3{ font-size:72px; font-weight:normal;}

.nybanwz p{ font-size:16px; margin-top:50px;}

.nybanwz p a{} 

.nybanwz p span{ margin:0 5px;}





.topnav{ background:#fafafc; text-align:center;}

.topnav a{ display:inline-block;  height:60px; line-height:60px; text-align:center; color:#454545; font-size:16px;}

.topnav a.on,.topnav a:hover{color:#ffffff; 

    background-color: #1760ec; 

    background-image: linear-gradient(to right, #1760ec,#1cdedc); }



.topnav01 a{ width:160px;}

.topnav02 a{ width:120px;}

.topnav03 a{ width:250px;}





.aboutinfo{ overflow:hidden; background:#ffffff url(../images/aboutinfo.jpg) no-repeat center top; background-size:100% auto; padding:95px 0;}

.aleft{ width:60%;}

.aleft .atit01{ font-size:36px; line-height:1.3; color:#1f1f1f; font-weight:400;}

.aleft .atit02{ font-size:26px;color:#1f1f1f;font-weight:400; line-height:1.4; margin-top:10px;}

.aleft .atxt{ color:#515050; font-size:18px; line-height:2; margin-top:10px;}



.aright{ width:30%;}

.aimg{ width:100%; position:relative; padding:30px 30px 0 0;}

.aimg:after{ content:""; position:absolute; top:0; right:0; width:90%; height:88%; background:url(../images/aimgbj.jpg) no-repeat center center; background-size:cover; }

.aimg img{width:100%; display:block; position:relative; z-index:10;}





.honor{ background:#f9fafc url(../images/honorbj.png) no-repeat right center; background-size:auto 100%; padding:70px 0;}

.hleft{ width:48%;}

.hright{ width:48%;}

.htit{ background: url(../images/htitbj.png) no-repeat left center; padding-left:135px; color:#1f1f1f; font-size:36px; font-weight:400; line-height:60px;}

.hinfo{ font-size:16px; color:#515050; line-height:2; margin-top:20px; height:64px;}



.hmain{padding:0 50px; position:relative; margin-top:50px;}

.hlist{ }

.hlist li{ width:32%;}

.hlist li img{ width:100%; display:block;}

.hlist li .tit{ color:#515050; font-size:16px; margin-top:20px; line-height:30px; text-align:center;}

.h-next,.h-prev{ width:35px; height:84px; position:absolute; top:50%; margin-top:-69px; background:#afafb0; z-index:10; cursor:pointer;}

.h-next{ left:0;}

.h-next a{ display:block; height:100%; background:url(../images/hleft.png) no-repeat center center;}

.h-prev{ right:0;}

.h-prev a{ display:block; height:100%; background:url(../images/hright.png) no-repeat center center;}





.h-next:hover,.h-prev:hover{ background:url(../images/hanbj.png) no-repeat center center;}





.cooperation{ padding:50px 0 0 0;}

.cooptit{ color:#1f1f1f; font-size:36px;font-weight:400;}

.cooplist{ overflow:hidden;}

.cooplist li{ float:left; width:100%; overflow:hidden; padding:50px 0; border-bottom:1px solid #e5e5e5;}

.cooplist li .img{ float:left; width:16%;}

.cooplist li .img img{ display:block; width:100%; padding:0 16%;}

.cooplist li .txt{ float:right; width:82%;}

.cooplist li .txt h3{ color:#1f1f1f; font-size:30px;font-weight:400;}

.cooplist li .txt p{ color:#515050; line-height:1.8; font-size:16px; margin-top:20px;}







.prod01{ padding:70px 0;}

.ptit{ color:#1f1f1f; font-size:30px; padding-left:120px; background:url(../images/htitbj.png) no-repeat left center;font-weight:400; line-height:40px;} 

.prod01 .txt,.prod02 .txt{ color:#454545; font-size:16px; line-height:2; padding:25px 25px 0 25px;}





.prod02{ padding:70px 0; background:#f9fafc;}

.advantage{ overflow:hidden; margin-top:70px;}

.advantage li{ float:left; width:20%;}

.advantage li .aico{ width:100px; height:100px; margin:0 auto;}

.advantage li .aico01{ background:url(../images/advantage01.png) no-repeat center center; background-size:auto 90%;}

.advantage li .aico02{ background:url(../images/advantage02.png) no-repeat center center; background-size:auto 90%;}

.advantage li .aico03{ background:url(../images/advantage03.png) no-repeat center center; background-size:auto 90%;}

.advantage li .aico04{ background:url(../images/advantage04.png) no-repeat center center; background-size:auto 90%;}

.advantage li .aico05{ background:url(../images/advantage05.png) no-repeat center center; background-size:auto 90%;}

.advantage li .aico06{ background:url(../images/advantage06.png) no-repeat center center; background-size:auto 90%;}

.advantage li .aico07{ background:url(../images/advantage07.png) no-repeat center center; background-size:auto 90%;}

.advantage li .aico08{ background:url(../images/advantage08.png) no-repeat center center; background-size:auto 90%;}

.advantage li .aico09{ background:url(../images/advantage09.png) no-repeat center center; background-size:auto 90%;}



.advantage li .tit{ color:#454545; font-size:18px; text-align:center; margin:30px 0; font-weight:400;}

.advantage .liw5{ float:left; width:100%;}



.prod03{ padding:70px 0; background:url(../images/xianbj.png) no-repeat right top; }

.technology{ overflow:hidden; margin-top:30px;}

.technology li{ float: left; width:48%; margin:1%; border:1px solid #c7d9ff; padding:25px 45px; color:#454545; font-size:16px; line-height:2;}

.technology li.techen{ border:none; color:#fafafc; font-size:130px; font-family:Impact; text-align:center; line-height:0.9; padding:0; text-transform:uppercase;}





.prod04{ padding:70px 0 0 0; background:#f9fafc;}

.prod04 .info{ color:#454545; font-size:16px; line-height:2; padding:25px 1% 0 1%;}





.business{ overflow:hidden; padding:50px 0 70px 0;}

.business li{ float:left; width:23%; margin:0 1%;}

.business li .img{ width:100%;}

.business li .img img{ display:block; width:100%; text-align:center;}

.business li .txt{ background:#ffffff; padding:35px 0; text-align:center;-moz-box-shadow: 0 0 12px #cccccc; -webkit-box-shadow: 0 0 12px #cccccc; box-shadow: 0 0 12px #cccccc;}

.business li .txt h3{ color:#393939; font-size:20px; line-height:1.8;}

.business li .txt p{ color:#716e6e; font-size:15px; line-height:1.8; margin-top:10px;}





.programme01{ padding:70px 0; background:url(../images/programme01.png) no-repeat center center; background-size:cover;}

.prtit{ color:#1f1f1f; font-size:36px; text-align:center;font-weight:400;}

.prinfo{ color:#5e5e5e; font-size:16px; line-height:2; text-align:center; margin:40px 0;}



.prlist{ overflow:hidden; margin-top:55px; text-align:center;}

.prlist li{ display:inline-block; height:47px; line-height:47px; border-radius:23px; background:#085aeb; color:#ffffff; font-size:18px; padding-right:20px;margin:0 18px;}

.prlist li span{ float:left; width:37px; height:37px; border-radius:50%; margin:5px 15px 5px 5px; line-height:37px; text-align:center; background:#ffffff; font-family:Impact; font-size:18px; color:#085aeb;}





.programme02{padding:70px 0; background:#f9fafc;}



.value{ background:url(../images/valueimg.png) no-repeat center center; background-size:auto 100%; overflow:hidden; padding-bottom:54px;}

.vleft{ float:left; width:31%;}

.vleft li{ width:73%; float:left; overflow:hidden; padding:18px 0; margin:54px 0 0 0;-moz-box-shadow: 0 0 12px #cccccc; -webkit-box-shadow: 0 0 12px #cccccc; box-shadow: 0 0 12px #cccccc;}

.vleft li.vli01{ margin-left:27%;}

.vleft li.vli02{ margin-left:9%;}

.vleft li.vli03{ margin-left:18%;}

.vleft li.vli04{ margin-left:25%;}





.vleft li.vli01{ background:#ffffff url(../images/vico01.png) no-repeat 20px center; background-size:auto 50%;}

.vleft li.vli02{ background:#ffffff url(../images/vico02.png) no-repeat 20px center; background-size:auto 50%;}

.vleft li.vli03{ background:#ffffff url(../images/vico03.png) no-repeat 20px center; background-size:auto 50%;}

.vleft li.vli04{ background:#ffffff url(../images/vico07.png) no-repeat 20px center; background-size:auto 50%;}



.vleft li .vtit{ color:#515151; font-size:16px; height:42px; display:flex; align-items:center; padding-left:80px; padding-right:20px;}





.vright{ float:left; width:31%;}

.vright li{ width:73%; float:right; background:#ffffff; overflow:hidden; padding:18px 0; margin:54px 0 0 0;-moz-box-shadow: 0 0 12px #cccccc; -webkit-box-shadow: 0 0 12px #cccccc; box-shadow: 0 0 12px #cccccc;}

.vright li.vli01{ margin-right:27%;}

.vright li.vli02{ margin-right:9%;}

.vright li.vli03{ margin-right:18%;}

.vright li.vli04{ margin-right:25%;}



.vright li.vli01{ background:#ffffff url(../images/vico04.png) no-repeat 20px center; background-size:auto 50%;}

.vright li.vli02{ background:#ffffff url(../images/vico05.png) no-repeat 20px center; background-size:auto 50%;}

.vright li.vli03{ background:#ffffff url(../images/vico06.png) no-repeat 20px center; background-size:auto 50%;}



.vright li .vtit{ color:#515151; font-size:16px;height:42px; display:flex; align-items:center; padding-left:80px; padding-right:20px;}



.vright{ float:right;}





.programme03{padding:70px 0; background:url(../images/xianbj.png) no-repeat right top;}

.application{ overflow:hidden; margin-top:50px;}

.application li{ float:left; width:48%; margin:0 1%; background:#085aeb; color:#ffffff; overflow:hidden; padding:45px 35px;}

.application li .atit{ float:left; font-size:30px; line-height:36px;}

.application li .more{ float:right; line-height:34px; border:1px solid #ffffff; font-size:18px; padding:0 22px; border-radius:18px;}

.application li .more:hover{ background:#ffffff; color:#085aeb;}





.appshow01{ padding:80px 0; background:url(../images/appshow01.jpg) no-repeat center center; background-size:cover;}

.appleft{ width:48%;}

.appleft h3{ font-weight:400; color:#1f1f1f; font-size:36px; margin-top:40px; }

.appleft p{ color:#5e5e5e; font-size:18px; line-height:2;margin-top:20px;}



.appright{ width:36%;}

.appimg{ width:100%; position:relative; padding:0 0 30px 30px;}

.appimg:after{ content:""; position:absolute; bottom:0; left:0; width:90%; height:88%; background:url(../images/appimgbj.jpg) no-repeat center center; background-size:cover; }

.appimg img{width:100%; display:block; position:relative; z-index:10;}





.appshow02{ background:#f9fafc; padding:70px 0;}



.astit{ color:#1f1f1f; font-size:36px; font-weight:400;}

.challenge{ overflow:hidden; margin-top:35px;}

.challenge li{ position: relative; float:left; width:100%; overflow:hidden; background:#ffffff; padding:15px 24px; border:1px solid #085aeb; border-bottom:4px solid #085aeb; border-radius:20px; margin-bottom:16px;}

.challenge li .cnum{ left:24px; top:50%; margin-top:-19px; position:absolute;  width:38px; height:38px; background:#0858ec; color:#ffffff; font-family:Impact; font-size:18px; text-align:center; line-height:38px; border-radius:50%;}

.challenge li .ctxt{ padding-left:60px; color:#5e5e5e; font-size:16px; line-height:30px; height:60px; display: flex;align-items: center;}





.appshow03{padding:70px 0;}

.appvalue{ overflow:hidden; margin:40px 0 0 0;}

.appvalue li{ float:left; width:22%; margin-right:4%;}

.appvalue li .aenum{ background:#085aeb; text-align:center; line-height:1.2; overflow:hidden; color:rgba(25,255,255,0.1); height:85px; font-family:Impact; font-size:150px;}

.appvalue li .aetxt{ height:192px; border:1px dashed #085aeb; padding:0 40px; display: flex;align-items: center; text-align:center; color:#5e5e5e; font-size:16px; line-height:2;}





.appshow04{ padding-bottom:50px;}

.case{ text-align:center; margin-top:40px;}

.case a{  display:inline-block; height:44px; line-height:44px; padding:0 30px; font-size:18px; color:#ffffff; background:#085aeb; border-radius:22px; margin:0 22px 22px 22px;}





.page{  color:#3d3d3d; font-size:16px; line-height:1.8; }

.page img{ max-width:100%; height:auto!important;}





.contact{ padding:70px 0; background:url(../images/contact.jpg) no-repeat center top; background-size:100% auto;}

.contit{ text-align:center; color:#282828; font-size:36px; font-weight:400;}

.ctel{ color:#0861ea; font-size:40px; font-family:Impact; text-align:center; }

.ctel img{ margin-right:20px; display:inline-block; margin-top:-5px;}





.conlist{ overflow:hidden; /*margin-top:70px;*/}

.conlist li{ float:left; width:99%; margin-right:1%; padding:8px 20px; }

.conlist li h3{ color:#282828; font-size:20px; font-weight:400;margin-top:8px;}

.conlist li p{ color:#626262; font-size:14px; line-height:30px; }





.news{ padding:70px 0;}

.newsleft{ width:86%; border-right:1px solid #e5e5e5; padding-right:5%;}

.newsright{ width:14%; padding-left:2%; }

.newsright .nrtit{ color:#414141; font-size:24px; font-weight:400; line-height:2;}

.newsnav{ overflow:hidden; margin-bottom:40px;}

.newsnav li{ float:left; width:100%; color:#868686; font-size:16px; line-height:48px;}

.newsnav li a{ padding-left:15px; display:block; position:relative;}

.newsnav li a:after{ content:""; position:absolute; background:#868686; width:2px; height:2px; border-radius:50%; left:5px; top:50%; margin-top:-1px;}

.newsnav li.on a,.newsnav li:hover a{ color:#097ce7;}

.newsnav li.on a:after,.newsnav li:hover a:after{ background:#097ce7;}



.newslist{ overflow:hidden;}

.newslist li{ float: left; width:100%; overflow:hidden; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e5e5e5;}

.newslist li .img{ float:left; width:33%; overflow:hidden;}

.newslist li .img img{ width:100%; display:block;}

.newslist li .txt{ float:right; width:64%;}

.newslist li .txt h3{ color:#232323; font-size:24px; font-weight:400; margin:20px 0;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.newslist li .txt h3:hover{ color:#0e57a2;}

.newslist li .txt p{ color:#8c8c8c; font-size:16px; line-height:1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;}

.newslist li .hncs{ color:#8c8c8c; font-size:14px; overflow:hidden; margin-top:30px; }

.newslist li .hncs span{ padding-left:30px;height:20px; line-height:20px; float:left;}

.newslist li .hncs .hico01{ background:url(../images/time.png) no-repeat left center;}

.newslist li .hncs .hico02{ background:url(../images/hits.png) no-repeat left center; margin-left:20px;}





.paging{ overflow:hidden; text-align:center; margin-top:20px;}

.paging a,.paging span{ background:#e6e6e6; display:inline-block; padding:0 12px; height:32px; line-height:32px; margin:0 7px; color:#333333;}

.paging a:hover,.paging span{ background:#0e57a2; color:#ffffff;}



.download{ overflow: hidden; padding:70px 0;}



.downloadlist{ overflow: hidden; border:1px solid #e5e5e5; margin-bottom:70px;}

.downloadlist li{ height:64px; line-height:64px; float:left; width:100%; color:#707070; font-size:16px; padding:0 90px;}

.downloadlist li .dtit{ float:left; width:40%; background:url(../images/download.png) no-repeat left center; padding-left:40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.downloadlist li .dsize{ float:left; width:25%; }

.downloadlist li .dtime{ float:left; width:25%; }

.downloadlist li .dbtn{ float:left; width:10%; }

.downloadlist li .dbtn a{ display:block; line-height:32px; margin-top:16px; float:right; color:#ffffff; width:76px; height:32px; text-align:center; border-radius:16px;

    background-color: #1760ec; 

    background-image: linear-gradient(to right, #1760ec,#1cdedc);}

.downloadlist li.hui{ background:#f9fafc;}





.rtop{ overflow: hidden; padding:70px 0;}

.rtop li{ float:left; width:25%;}

.rtop li .rpico{ width:110px; height:110px; margin:0 auto;}

.rpico01{ background:url(../images/rico01.png) no-repeat center center; background-size:100%;}

.rpico02{ background:url(../images/rico02.png) no-repeat center center; background-size:100%;}

.rpico03{ background:url(../images/rico03.png) no-repeat center center; background-size:100%;}

.rpico04{ background:url(../images/rico04.png) no-repeat center center; background-size:100%;}

.rtop li  .rptit{ text-align:center; color:#4b4a4a; font-size:18px; line-height:2; margin-top:20px;}

.smain03 .rtop{ overflow: hidden; padding:20px 0;}.smain03 .rtop li{ float:left; width:20%;}.smain03 .rtop li .rpico{ width:90px; height:90px; margin:0 auto;}.smain03 .rpico01{ background:url(../images/rico01.png) no-repeat center center; background-size:100%;}.smain03 .rpico02{ background:url(../images/rico02.png) no-repeat center center; background-size:100%;}.smain03 .rpico03{ background:url(../images/rico03.png) no-repeat center center; background-size:100%;}.smain03 .rpico04{ background:url(../images/rico04.png) no-repeat center center; background-size:100%;}.smain03 .rpico05{ background:url(../images/rico05.png) no-repeat center center; background-size:100%;}.smain03 .rpico001{ background:url(../images/rico001.png) no-repeat center center; background-size:100%;}.smain03 .rpico002{ background:url(../images/rico002.png) no-repeat center center; background-size:100%;}.smain03 .rpico003{ background:url(../images/rico003.png) no-repeat center center; background-size:100%;}.smain03 .rpico004{ background:url(../images/rico004.png) no-repeat center center; background-size:100%;}.smain03 .rtop li  .rptit{ text-align:center; color:#4b4a4a; font-size:18px; line-height:0; margin-top:2px;}



.recruit{ overflow:hidden; margin-bottom:100px;}

.recruit li{ float:left; width:100%; margin-bottom:20px;}

.recruit li .rinfo{ padding:40px; background:#f4f5f8; line-height:1; position: relative; cursor:pointer;}

.recruit li .rinfo:after{ content:""; position:absolute; top:50%; margin-top:-6px; right:50px; width:23px; height:13px; background:url(../images/rbtn.png) no-repeat center center; background-size:100%;}

.recruit li .rinfo .rtit{ font-size:20px; color:#1f1f1f; font-weight:400;}

.recruit li .rinfo .rparameter{ font-size:16px; color:#666666; margin-top:30px;}

.recruit li .rinfo .rparameter span{margin-right:80px; }

.recruit li .rmain{ border-top:1px solid #dcdcdc; padding:40px;background:#f4f5f8; font-size:16px; line-height:1.8; display:none; }





.join{ border:1px solid #e5e5e5;width:78%; margin:70px auto 0 auto;}

.jointit{ height:55px; margin-top:20px; border-bottom:1px solid #e5e5e5; overflow:hidden; padding:0 30px; line-height:54px;}

.jointit h3{ float:left; color:#222222; background:url(../images/htitbj.png) no-repeat left center; padding-left:110px; font-size:24px;}

.jointit p{ float:right; color:#141414; font-size:18px;}



.joinform{ overflow:hidden; padding:0 60px 0 20px; margin:80px 0 60px 0; }

.joinform li{ width:50%; margin-bottom:20px; overflow:hidden; float:left;}

.joinform li.w100{ width:100%;}

.joinform li span{ width:32%; line-height:40px; float:left; text-align:right; color:#454545; font-size:16px;}

.joinform li .input{ width:68%; height:40px; float:right; }

.joinform li .input>input{line-height:38px; border:1px solid #e5e5e5; padding:0 10px;font-size:16px; color:#666666; width:100%; }

.joinform li .input .input select{ background: url(../images/san.png) no-repeat right center; line-height:38px; border:1px solid #e5e5e5; padding:0 10px;  font-size:16px; color:#666666;}

.joinform li .checkbox{ width:84%;  float:right; }

.joinform li label{color:#454545; font-size:16px; line-height:40px; margin-right:55px; cursor:pointer;}
.joinform li label input{ margin-right:5px;}


.joinform li.w100 span{ width:16%;}

.joinform li .textarea{ width:84%;  float:right; }
.joinform li .textarea textarea{height:100px; line-height:1.6; border:1px solid #e5e5e5; padding:10px; font-size:16px; color:#666666; width:100%;}


.submit{ overflow:hidden;}

.submit input{ width:240px; height:54px; line-height:54px; text-align:center; color:#ffffff; font-size:18px; font-weight:bold; display:block; cursor:pointer;

    background-color: #1760ec; 

    background-image: linear-gradient(to right, #1760ec,#1cdedc); margin:100px auto;

}





.login{ margin:90px 0;}



.loginimg{ width:53%; height:485px;}

.loginmain{ width:44%; border:1px solid #e5e5e5; padding:45px 70px;}





.lmtit{ color:#222222; font-size:30px; text-align:center; font-weight:bold; line-height:1; margin-bottom:35px;}

.lminput{ height:54px; width:100%; margin-bottom:20px;}

.lminput input{ line-height:52px; border:1px solid #d2d2d2; height:54px; width:100%; padding:0 10px 0 70px;}

.lmico01 input{ background:url(../images/lmico01.png) no-repeat left center;}

.lmico02 input{ background:url(../images/lmico02.png) no-repeat left center;}

.lmico03 input{ background:url(../images/lmico03.png) no-repeat left center;}

.lmico03{ position:relative;}

.lmico03 a{ position:absolute; right:1px; top:1px; height:52px; line-height:52px; width:120px; background:#0860ea; color:#ffffff; text-align:center;}



.lminfo{ line-height:54px; font-size:14px; color:#454545; overflow:hidden;}

.lminfo label{ float:left;}

.lminfo label input{ margin-right:10px;}

.lminfo a{ float:right;}







.lmsubmit{ overflow:hidden;}

.lmsubmit input{ width:100%; height:54px; line-height:54px; text-align:center; color:#ffffff; font-size:18px; font-weight:bold; display:block; cursor:pointer;

    background-color: #0855eb; 

    background-image: linear-gradient(to right, #1760ec,#1cdedc); margin-top:20px;

}



.lmreg{ text-align:center; color:#454545; font-size:14px; margin-top:10px;}



.lmreg a{ display:inline-block; width:74px; height:22px; color:#ffffff; border-radius:11px;

    background-color: #0855eb; 

    background-image: linear-gradient(to right, #1760ec,#1cdedc); margin-top:20px;

}



.regmian{margin:90px 0;}

.register{ overflow:hidden;}

.register li{ float:left; overflow:hidden; margin-bottom:25px; }

.register li.w33{ width:33.33%;}

.register li.w100{ width:100%;}

.register li span{ width:140px; float:left;color:#454545; font-size:16px; text-align:right; line-height:42px;}

.register li .input{ padding-left:140px; height:42px;}

.register li .input>input{ width:100%; line-height:40px;border:1px solid #e5e5e5; padding:0 15px;}

.register li .select{width:100%; height:42px; border:1px solid #e5e5e5; line-height:46px; color:#4b4b4b; font-size:16px;padding:0 15px; position:relative; background:url(../images/san.png) no-repeat right center; background-size:auto 100%;}



.register li label{color:#454545; font-size:16px; line-height:42px; margin-right:55px; cursor:pointer;}

.register li input{ margin-right:5px;}



.regsubmit{ overflow:hidden;}

.regsubmit input{ width:240px; height:54px; line-height:54px; text-align:center; color:#ffffff; font-size:18px; font-weight:bold; display:block; cursor:pointer;

    background-color: #1760ec; 

    background-image: linear-gradient(to right, #1760ec,#1cdedc); margin:100px auto;

}



.memtit{ height:55px; margin-bottom:25px; border-bottom:1px solid #e5e5e5; overflow:hidden; padding:0 30px; line-height:54px;}

.memtit h3{ float:left; color:#222222; background:url(../images/htitbj.png) no-repeat left center; padding-left:110px; font-size:24px;}

.memtit p{ float:right; color:#141414; font-size:18px;}











.choicebj{ background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000;}

.chclick{ background:url(../images/close-white.png) no-repeat center center; background-size:100%; width:25px; height:25px; position:absolute; top:20px; right:20px; cursor:pointer;}

.choice{ width:476px; height:342px; background:url(../images/choice.jpg) no-repeat center center; background-size:cover; color:#ffffff; text-align:center; overflow:hidden; position: fixed; top:50%; left:50%; margin:-171px 0 0 -238px; z-index:2000;}

.choice h3{ font-size:36px; margin-top:50px;}

.choice a{ width:360px; height:55px; border:1px solid #ffffff; line-height:53px; text-align:center; font-size:24px; display:block; margin:30px auto 0 auto;}




.groupid{ text-align:center; margin-bottom:50px;}
.groupid a{ color:#1760ec; display:inline-block; height:34px; line-height:32px; width:120px; border:1px solid #1760ec; border-radius:18px; margin:0 10px;}
.groupid a.on,.groupid a:hover{ background:#1760ec; color:#ffffff;}

.regxian{ border:1px solid #e5e5e5; padding:90px 0;}



.register02{ width:540px; overflow:hidden; margin:0 auto;}

.register02 li{ float:left; overflow:hidden; margin-bottom:25px; width:100%; }

.register02 li span{ width:100px; float:left;color:#454545; font-size:16px; text-align: center; line-height:42px;}

.register02 li .input{ float:left; width:350px; height:42px;}

.register02 li .input>input{ width:100%; line-height:40px;border:1px solid #e5e5e5; padding:0 15px;}



.regtips{ font-size:16px; text-align:center; color:#454545; margin-top:50px;}



.regxian .regsubmit input { margin:70px auto;}



.nstit{ color:#282828; font-size:24px; font-weight:normal; text-align:center; }

.parameter{ text-align:center; color:#8f8e8e; font-size:14px; margin-top:10px;}

.parameter span{ margin:0 10px;}



.showtxt{  color:#3d3d3d; font-size:16px; line-height:1.8; overflow:hidden; margin-top:20px;}

.showtxt img{ max-width:40%; height:auto!important;}



.nspage{ border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; margin:30px 0 0 0; overflow:hidden;}

.nspage div{ width:50%; line-height:24px; padding:12px 10px; color:#828282; font-size:14px; }

.nspage div.fl{ border-right:1px solid #e5e5e5;}

.nspage div.fr{ text-align:right;}

.nspage div a:hover{color:#0860ea;}	

	





.animated{opacity: 0;}

.bantxt .more a,.service .txt .more,.newsmore a,.homenews li h3,.dbnav li a,.newslist li .txt h3,.newsnav li a,.application li .more,.nspage a{transition: 0.3s;

-o-transition: 0.3s;

-ms-transition: 0.3s;

-moz-transition: 0.3s;

-webkit-transition: 0.3s;

}





.newslist li .img img{

-webkit-transition: all .5s ease-in;

-o-transition: all .5s ease-in;

-ms-transition: all .5s ease-in;

-moz-transition: all .5s ease-in;}

.newslist li .img img:hover{

-webkit-transform: scale(1.1);

-ms-transform: scale(1.1);

-o-transform: scale(1.1);

transform: scale(1.1);}





.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;

-o-animation-delay:.2s;-ms-animation-delay:.2s;}

.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;

-o-animation-delay:.4s;-ms-animation-delay:.4s;}

.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;

-o-animation-delay:.6s;-ms-animation-delay:.6s;}

.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;

-o-animation-delay:.8s;-ms-animation-delay:.8s;}

.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;

-o-animation-delay:1s;-ms-animation-delay:1s;}

.delay7{-webkit-animation-delay:1.2s;animation-delay:1.2s; -moz-animation-delay:1.2s;

-o-animation-delay:1.2s;-ms-animation-delay:1.2s;}

.delay8{-webkit-animation-delay:1.4s;animation-delay:1.4s; -moz-animation-delay:1.4s;

-o-animation-delay:1.4s;-ms-animation-delay:1.4s;}

.delay9{-webkit-animation-delay:1.6s;animation-delay:1.6s; -moz-animation-delay:1.6s;

-o-animation-delay:1.6s;-ms-animation-delay:1.6s;}







.tit01 h3{position:relative; top:100px; opacity: 0;transition:all 0.5s ease-out .5s;}

.active .tit01 h3{top:0;opacity:1;}



.tit01 p{position:relative; top:100px; opacity: 0;transition:all 0.5s ease-out .8s;}

.active .tit01 p{top:0;opacity:1;}



.video-wrap{position:relative; top:100px; opacity: 0;transition:all 0.5s ease-out 1.1s;}

.active .video-wrap{top:0;opacity:1;}





.service .fl{position:relative; left:-300px; opacity: 0;transition:all 0.5s ease-out 1.1s;}

.active .service .fl{left:0;opacity:1;}



.service .fr{ position:relative; right:-200px; opacity: 0;transition:all 0.5s ease-out 1.1s;}

.active .service .fr{right:0;opacity:1;}





.homenews li{ position:relative; top:100px;opacity: 0; }

.homenews li.li01{transition:all 0.7s ease-out .5s;}

.homenews li.li02{transition:all 0.7s ease-out .8s;}

.homenews li.li03{transition:all 0.7s ease-out 1.1s;}



.active .homenews li{top:0;opacity: 1;}





.search_info{ background:#fafafc; line-height:60px; height:60px; text-align:center; margin-bottom:40px; font-size:18px; color:#666666;}

.search_info span{ color:#0e57a2;}





.zp_email{ margin:0 auto 50px auto;width:600px; border-radius:30px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    display: block;
    background-color: #1760ec;
    background-image: linear-gradient(to right, #1760ec,#1cdedc);}




@-webkit-keyframes myFade{

	0%{opacity: 1;top:0;}

	25%{top:-10px;opacity: 0.3;}

	50%{top:0px;opacity: 1;}

	75%{top:10px;opacity: 0.3;}

	100%{opacity: 1;top:0px;}

}



@-moz-keyframes myFade{

	0%{opacity: 1;top:0;}

	25%{top:-10px;opacity: 0.3;}

	50%{top:0px;opacity: 1;}

	75%{top:10px;opacity: 0.3;}

	100%{opacity: 1;top:0px;}

}



@-o-keyframes myFade{

	0%{opacity: 1;top:0;}

	25%{top:-10px;opacity: 0.3;}

	50%{top:0px;opacity: 1;}

	75%{top:10px;opacity: 0.3;}

	100%{opacity: 1;top:0px;}

}



@keyframes myFade{

	0%{opacity: 1;top:0;}

	25%{top:-10px;opacity: 0.3;}

	50%{top:0px;opacity: 1;}

	75%{top:10px;opacity: 0.3;}

	100%{opacity: 1;top:0px;}

}