body,p,h1,h2,h3,h4,h5,h6,ul,li,figure,figcaption{ margin:0; padding:0; font-style:normal;  font-family:"DM Sans","PingFang SC","Microsoft YaHei","sans-serif","Helvetica Neue","Helvetica","Arial","Hiragino Sans GB"; color: #333; font-size: 14px;font-weight: normal;}
body{ overflow-x: hidden;background-color: #fff;}
label{ max-width: inherit }
select:focus,input:focus, textarea:focus { outline: none;}
tr,td,dd,dl,dt{ margin:0; padding:0}
img{ border:none; vertical-align: middle;}
a{ text-decoration:none; color: #333;}
a:hover{ text-decoration: none; }
ul,li{ list-style:none}
input{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }/*-webkit-appearance: none;*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.fl{ float: left; }
.fr{ float: right; }

/*body{ background-color: #ddd }*/

::-webkit-scrollbar{
  width:4px;
  height:4px;
}
::-webkit-scrollbar-track{
  background:#000;
  border-radius:2px;
}
::-webkit-scrollbar-thumb{
  background: #007bc7;
  border-radius:10px;
}

::-webkit-scrollbar-corner{
  background: #000;
}


.header{position: fixed;width: 100%;top: 0;z-index:66}
.header h1 img{ margin: 10px 0 ;width: 100px; }
.search{ background-image: url(../images/dengl.png); background-repeat: no-repeat; height: 21px; margin-top: 31px;margin-left: 30px;cursor: pointer; background-size: 21px; padding-left: 26px;}
.search a{font-size: 14px; color: #fff;}
.header.add_header{background-color: rgba(0,0,0,0.7);}
.css3 {-webkit-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s;}

.search,.nav{ display: none; }
.nav{ margin-top: 25px }
.nav>ul>li{ margin: 0 5px }
.nav>ul>li.active>a,.nav a:active,.nav>ul>li>a:hover { background-color: #007bc7;color: #fff}
.nav li{ float: left; display: block; position: relative;}
.nav li a{ padding: 0px 15px;    border-radius: 50px; display: block;position: relative;font-size: 16px;color: #fff}
.nav>ul>li>a{ padding:5px 15px}
.nav a.hov{background-color: #007bc7;color: #fff; position: relative; z-index: 10;}
.nav .subnav{ position: absolute; z-index: 5; left: 0px; top: 54px; background-color: #007bc7; width: 100%; display: none;}
.nav .subnav li{ float: none; }
.nav .subnav li a{  font-size: 16px;  text-align: center; transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;display: block; height: 39px; line-height: 39px;color: #fff }
.nav .subnav li a:hover{ background-color: #fff; color: #007bc7;border-radius: 0px;}

/*moblie*/
.black{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #000; opacity: 0.5; display: none; z-index: 900;}
.black.menuOpen{ display: block;}
.menuBtn{transition:400ms 300ms;width:56px;height:52px;position: relative;overflow: hidden;display:block;cursor:pointer;}
.menuBtn .line{ transition:300ms; width:30px; height:4px; background:#007bc7; position:absolute; left:50%; margin-left: -14px;}
.menuBtn .line1{ top:14px;}
.menuBtn .line2{ top:24px; transition:300ms 100ms;}
.menuBtn .line3{ top:34px;}
.menuBtnShow{ transition:400ms 300ms; background-color: #174F90;}
.menuBtnShow .line{ background-color: #fff;}
.menuBox{ z-index: 9999;background: #fff; position: fixed; right: -120%; top: 0px; width: 340px; height: 100%; overflow-x: hidden; overflow-y: auto; transition: 400ms; -webkit-overflow-scrolling:touch;}
.menuBox .login{ position: absolute;bottom: 0;left: 0;background-color: #007bc7;text-align: center;width: 100%}
.menuBox .login a{color: #fff;font-size: 14px;display: block;padding: 10px 0; }
.menuBoxShow{right: 0px; }
.navMobile dd { display: block; width: 100%; }
.navMobile dd p a{ text-transform: uppercase; font-size: 16px; background: url(../images/m_ico1.png) no-repeat scroll 95% center;}
.navMobile dd a { display: block; padding: 10px 34px 10px 18px; line-height: 1.4; font-size: 14px; color: #8d8d8d; border-bottom: 1px solid #eaeaea;  -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s;}
.navMobile dd a:hover,.navMobile dd p a.cur{ background:none #007bc7; color: #fff;}
.navMobile dd a.cur{background: url(../images/m_ico2.png) no-repeat scroll 95% center #80abde;}
.navMobile dd.dlin1 p a.cur{ background: none #007bc7;}
.navMobile dd .msubnav { background-color: #fff; display: none; }
.navMobile dd .msubnav a { color: #8d8d8d; position: relative; padding-left: 36px; background: url(../images/l.png) no-repeat scroll 18px center #e6e6e6;}


.ziyebanner{ background-repeat: no-repeat;background-position: center;height: 252px}
.titile{ text-align: center;margin-bottom: 34px }
.titile h4{ font-size: 24px;letter-spacing: 2px }
.titile .line{ background-image: url(../images/line.png);width: 70px;height: 6px;background-repeat: no-repeat;background-position: center;margin: 10px  auto }
.titile p{ color: #999999;font-size: 14px }

.partner,.case{margin-top: 50px}
.casebox ul li{ width: 100%;float: left; }
.casebox ul li .padding{ margin:10px 0;position: relative; }
.casebox ul li .img{ position: relative;width:100%;height: 100% }
.casebox ul li .img:after{ content: "";background-image: url(../images/black.png);width: 100%; height: 100%;  position: absolute;  top: 0; left: 0;-webkit-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s; }
.casebox ul li img{width: 100%;height: 100%}
.casebox ul li .imgbot{position: absolute;  top: 0;  left: 0;  z-index: 5; bottom: 0; right: 0; margin: auto;  display: flex;   flex-wrap: nowrap;  align-content: center;  justify-content: center;  align-items: center;flex-direction: column;}
.casebox ul li .imgbot h5{font-size:24px;color: #fff;letter-spacing: 3px}
.casebox ul li .imgbot .line{width: 40px;height: 4px;background-color: #007bc7;margin: 10px auto}
.casebox ul li .imgbot p{font-size: 16px;color: #fff;letter-spacing: 3px}
.casebox ul li .imgbot p i{background-image: url(../images/jiantpou.png);width: 10px;height: 10px;background-size: 10px;background-repeat: no-repeat;display: inline-block;}
.casebox ul li .padding:hover .img:after{opacity: 0;}

.partner{ margin-bottom: 50px }
.partnerbox{position: relative;}
.partnerbox ul li{ width: 50%;float: left;text-align: center; }
.partnerbox .swiper-slide img,.partnerbox ul li img{ max-width: 100% }
.partnerbox .swiper-slide{text-align: center;}
.partnerbox .swiper-pagination{ width: 100%;display: block;}
.partnerbox .swiper-pagination-bullet{ margin: 0 5px;}

.footer{ background-color: #111111;padding: 30px 0 }
.footer .footerbox{ width: 100%;margin: auto; }
.footer .footerLeft ul li{ color: #fff;width: 100%;float: left;font-size: 16px;line-height:32px }
.footer .footerLeft .line{background-image: url(../images/heng.png);background-repeat: no-repeat;height: 2px;margin: 30px 0}
.footer .footerLeft p{ font-size: 14px;color: #fff }

.footer .footerLeft{ width: 100%;margin-bottom: 30px }
.footer .footerRight{ width: 100%;text-align: center; }
.footer .footerRight dl{display: inline-block;width: 100px;text-align: center; margin: 0 10px}
.footer .footerRight dl dt img{ width: 100% }
.footer .footerRight dl dd{ color: #fff;font-size: 14px;margin-top: 10px }


/*cooperation.html*/
.cooperation{ margin: 40px 0 60px }
.cooperationbox ul{ font-size: 0 }
.cooperationbox ul li{ width: 100%;display: inline-block;text-align: center; vertical-align: top;}
.cooperationbox ul li .padding{margin: 20px 0px}
.cooperationbox ul li img{width: 100px;height: 100px;margin-bottom: 20px}
.cooperationbox ul li h4{font-size: 20px;letter-spacing: 1px;position: relative;margin-bottom: 30px}
.cooperationbox ul li h4:after{content: "";position:absolute;width: 50px;height: 5px;background-color: #007bc7;bottom: -15px;  left: 0; right: 0;margin: auto;}
.cooperationbox ul li p{font-size: 16px;letter-spacing: 1px;line-height: 28px;text-align: justify;}

.conTwo{ margin-bottom: 0;height: auto;background-image: url(../images/ing.jpg);background-repeat: no-repeat;background-position:top center;padding: 55px 0;background-size: cover;}
.conTwo .titile h4{ color: #fff }
.conTwobox{padding:20px;margin-top:20px;background-color: rgba(255,255,255,0.9);box-shadow: 0 0 6px #969696;}
.conTwobox ul li{ float: left; width:33.3%;text-align: center;margin:10px 0}
.conTwobox ul li img{ width:70px;height: 70px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; }
.conTwobox ul li p{font-size: 16px;letter-spacing: 1px;margin-top: 20px}
.conTwobox ul li:hover img{ transform:rotate(360deg);-webkit- transform:rotate(360deg); }


.conForm{ width: 100%;margin: auto; }
.conFormTop{ margin-bottom: 0px;font-size: 0 ;}
.conFormTop .item{display: inline-block;width:100%;}
.conFormTop .itsame{margin:5px 0 ; height: 44px; border: 1px solid #ddd; border-radius: 5px;line-height: 32px; padding: 5px; box-sizing: border-box;}
.conFormTop span{ color: red;width: 10px;display: inline-block; }
.conFormTop label{float: left;font-size: 16px;letter-spacing: 1px;width: 100px;display: inline-block;}
.conFormTop .item input{ width: 64%;height: 30px;border:none; font-size: 16px;padding: 0;}
.conFormTop .select{ width: 81%;font-size: 16px;}
.conFormTop select{border:none; font-size: 16px; margin-top: 8px;padding: 0;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/riselect.png) no-repeat scroll right transparent;}
.conFormTop .city-picker-select{width:83%;float: right; }
.conFormTop .city-picker-select select{width: 30%;margin-right: 3.3%;}
.conFormTop textarea{resize: none; width: 100%; padding: 0;  border: none;height: 100px;}
.conFormTop.forming .itsame{ height: auto; }
.conFormTop input[type=submit]{width: 160px;height: 44px;background-color: #1081ce;border-radius:5px;color: #fff;font-size:18px;border:none;}
.conFormTop.submitTop{ text-align: center; }
.confour{ margin:30px 0 50px }

/*news.html*/
.news .newsmenu ul{ font-size: 0;text-align: center; }
.news .newsmenu ul li{ display: inline-block;margin: 0 10px }
.news .newsmenu ul li a{width: 130px;height: 36px;border:1px solid #333;display: inline-block;font-size: 20px;text-align: center;line-height: 36px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.news .newsmenu ul li.hover a,.news .newsmenu ul li:hover a{background-color: #333;color: #fff}
.news{ margin: 30px 0 }
.newsbox ul li{ border-bottom: 1px solid #f2f2f2;padding-bottom: 30px;margin-top: 30px }
.newsbox ul li .news_right .padding{ padding:20px 0;transition: 430ms; -webkit-transition: 430ms; -o-transition: 430ms; -moz-transition: 430ms;  }
.newsbox ul li .news_right h4 a{ color: #333;font-size: 24px; font-weight: bold;margin-bottom: 15px;display: block;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.newsbox ul li .news_right .padding>span{ font-size: 16px; color: #666666;margin-bottom: 30px; display: block; background-image: url(../images/date.png);background-size: 16px;background-repeat: no-repeat;padding-left: 20px;background-position: left center;}
.newsbox ul li .news_right p{ font-size: 18px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.newsbox ul li .news_right .cct_more {position: relative;display:block;margin:30px 0 0;width:123px;height:38px;border:#007bc7 solid 1px;line-height:24px;transition:all ease-out 200ms;-webkit-transition:all ease-out 200ms;color:#535353;}
.newsbox ul li .news_right .cctm_bg {position:absolute;width:123px;height:0;top:0px;z-index:0;background-color:#007bc7;transition:all ease-out 100ms;-webkit-transition:all ease-out 100ms;}
.newsbox ul li .news_right .cct_more span { line-height: 38px;color: #007bc7;position:relative;z-index:22;text-align: center;display: block;font-size:14px;transition:all ease-out 300ms;-webkit-transition:all ease-out 300ms;}
.newsbox ul li .news_right .cct_more:hover div.cctm_bg {height:38px;color:#ffffff;}
.newsbox ul li .news_right .cct_more:hover span {color:#ffffff;}

.newsbox ul li .news_left{width:100%; display: flex;justify-content: center;align-items: center;overflow:hidden; }
.newsbox ul li .news_left img{width: 100%; }
.newsbox ul li .news_right{width: 100%}
.page_desc {margin:50px auto;text-align:center;font-size:14px;}
.page_desc li {margin: 0 5px;display:inline-block;border:2px solid #999999;border-radius: 50px}
.page_desc li>span,.page_desc li a {padding:6px 12px;display:inline-block;color:#333;}
.page_desc li span.current,.page_desc li a:hover {background:#007bc7;color:#fff;border-radius: 50px}


/*newsdetail.html*/
.honour,.news_detail { margin: 50px 0;}
.news_detail .detail_top{ text-align: center;border-bottom: 1px dashed #ddd;padding-bottom: 20px; margin-bottom: 20px;}
.news_detail .detail_top h3{ font-size: 20px; font-weight: bold;margin-bottom: 20px;}
.news_detail .detail_top p{ color: #666;margin-bottom: 20px }
.news_detail .detail_text p{ font-size: 15px; line-height: 30px; color: #555; }
.news_detail .detail_text p img{ max-width: 100%; }
.news_detail .leftbs {border-top: 1px dashed #ddd;padding-top: 50px;margin-top: 50px}
.news_detail .leftbs p a{ font-size:14px;  color:#767676;}
.news_detail .leftbs p a:hover{ color:#007bc7;}

/*about.html*/
.about{ background-color: #f2f2f2;padding: 30px 0}
.about p{font-size: 16px;line-height: 28px;letter-spacing: 1px;text-align: center;width: 100%;margin: auto;}

.honour .honourbox{ position: relative; }
.honour .swiper-container{ width: 80%;margin: auto; }
.honour .swiper-slide{ transform: scale(0.8);}
.honour .swiper-slide img{ width: 100% }
.honour .swiper-pagination-bullet{ background:#999;opacity: 1;width: 13px;height: 13px }
.honour .swiper-pagination-bullet-active{ background-color: #fff }
.honour .swiper-button-next, .honour .swiper-button-prev{ background-color:#007bc7;border-radius: 50%;width: 30px;height: 30px }
.honour .swiper-button-next:after, .honour .swiper-button-prev:after{ font-size:16px;color: #fff }
.honour .swiper-button-next:hover, .honour .swiper-button-prev:hover{background-color:#0068a9}
.honour .swiper-slide-active,.honour .swiper-slide-duplicate-active{ transform: scale(1);}

.teambox{ margin-bottom: 100px }
.teambox ul li{ width: 100%;float: left;position: relative; }
.teambox ul li .padding{margin:10px 0;}
.teambox ul li .topall{ position: relative; }
.teambox ul li .topall img{ width: 100% }
.teambox ul li .topall:after{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.5);}
.teambox ul li h5{ color: #fff;font-size:24px;font-weight: bold; }
.teambox ul li .topall>h5{position: absolute;bottom: 30px;left: 30px;z-index: 5}
.teambox ul li .bottomall{ width: 90%;opacity: 0;position: absolute;top: 0;bottom: 0;z-index: 6;display: flex;flex-direction: column;justify-content: center; align-items: center;margin: auto;right: 0;left: 0;}
.teambox ul li .bottomall .line{width: 50px;height: 5px;background-color: #007bc7;margin: 20px 0}
.teambox ul li .bottomall p{ font-size: 16px;line-height: 28px ;color: #fff;text-align: justify;}
.teambox ul li:hover .bottomall{opacity: 1}
.teambox ul li:hover .topall>h5{opacity: 0}

/*solution.html*/
.soluone{padding:50px 0}
.soluone .soluoneLeft{ width: 100%;margin: 10px 0 }
.soluone .soluoneRight{ width: 100%;text-align: center;margin: 10px 0 }
.sodetail .sodetailLeft img,.soluone .soluoneRight img{ max-width: 100% }
.sodetail .sodetailLeft h3,.soluone h3{font-size: 20px;color: #111111;font-weight: bold;margin-bottom: 20px}
.sodetail .sodetailLeft span,.soluone span{font-size:16px;color: #333333;position: relative;}
.soluone .line{ width: 70px;height: 4px;background-color: #1e417d;margin: 30px 0 }
.soluone p{font-size: 15px;color: #333333;line-height:26px}
.soluone .more{ margin-top: 80px }
.soluone .more a{margin-right: 20px;width: 146px;height: 44px;border:2px solid #007bc7;border-radius: 50px;color: #007bc7;display: inline-block;text-align: center;line-height: 44px;font-size: 16px;transition: all 0.3s ease-in-out;}
.soluone .more a:hover{ background-color: #007bc7;color: #fff }

.white p,.white span,.white h3{ color: #fff }
.white .line{ background-color: #fff }
.white .more a{ color: #fff }
.centerall{display: inherit; flex-direction: row; flex-wrap: nowrap; align-content: center;justify-content: center; align-items: center;}

/*contact.html*/
.contact{ position: relative;overflow: hidden;margin-top: 60px; }
.contact .job_top{width:100%;height:100%;overflow: hidden; position: inherit; background-color: #fff; top: 0; right: 0; z-index: 55; bottom: 0; margin: auto;border-radius: 5px;}
.contact .job_top .padding{ padding: 30px }
.contact .job_top .subNavBox{border-bottom: 1px solid #cccccc}
.contact .job_top .subNavBox ul li{    margin: 0 0 20px 0;}
.contact .job_top .subNavBox ul li h3{margin-bottom: 10px;text-align: left;cursor:pointer;font-weight:bold;font-size:16px;color:#333;background:url(../images/ji_b.png) no-repeat;background-position:right center;background-size: 28px;}
.contact .job_top .subNavBox ul li.currentDt h3{background-image:url(../images/ji_t.png);}
.contact .job_top .subNavBox .list_box{display: none;padding:0 30px; }
.contact .job_top .subNavBox ul li p{display:block;font-size:14px;line-height:24px;}
.contact .job_top .subNavBox ul li p img{ width: 15px;margin-right: 10px; }
#allmap {width: 100%;height:300px;overflow: hidden;margin:0;border: 1px solid #ccc}
.job_menu,.job_bg{ height: 100% }
.job_bg{ display: none; }
.contact .job_top .subNavBox ul li h3 span{font-weight: normal;background-image: url(../images/water.png);background-size: cover; background-repeat: no-repeat;  width: 20px;  height: 30px;display: inline-block;text-align: center; color: #fff; margin-right: 20px;}
.joBottom{margin-top: 30px; width: 100%;text-align: center; }
.joBottom dl{display: inline-block;width: 100px;text-align: center; margin: 0 10px}
.joBottom dl dt img{ width: 100% }
.joBottom dl dd{ color: #666666;font-size: 14px;margin-top: 10px }

.sodetail{margin:30px 0;}
.imgackone .sodetailRight,.imgackone .sodetailLeft,.imgacktwo .sodetailRight,.imgacktwo .sodetailLeft{ width: 100% }
.sodetail .sodetailLeft .imgall{ text-align: center;margin-top: 50px; }
.sodetail .sodetailRight .scTop{padding: 10px 30px;background-color: #eeeeee;}
.sodetail .sodetailRight .scTop p,.sodetail .sodetailRight .scTop h3{font-size: 16px;font-weight: bold;}

.sodetail .sodetailRight .scBottom p,.sodetail .sodetailRight .scBottom h3{width: 100%;float: none;}
.sodetail .sodetailRight .scTop p,.sodetail .sodetailRight .scTop h3{width: 100%;float: none;}

.sodetail .sodetailRight .scBottom .scone{padding: 15px 30px;border-bottom: 1px solid #e5e5e5}
.sodetail .sodetailRight .scBottom .scone h3{font-size: 16px;color: #333;font-weight: bold;}
.sodetail .sodetailRight .scBottom .scone p{font-size:16px;color: #666666}
.sodetail .sodetailRight .sccnter{background-color: #0043b0;padding: 15px 30px;font-size: 16px;color: #fff;}
.sodetail .sodetailRight .sckd{ float: none;width: 100%;}



.highlights{padding: 50px 0;background-image: linear-gradient(to right, #26508b ,#06124e );}
.highlights .heightTit{margin: 0 0 20px 0}
.highlights .heightTit h4{font-size: 24px;color: #fff;}
.highlights .heightTit .line{width: 80px;height: 3px;background-color: #fff;margin: 20px 0}
.highlights .heightTit p{font-size: 14px;color: #fff;line-height: 32px}
.highlights ul li{width: 100%;float: left;}
.highlights ul li .padding{height:auto;padding:20px;box-sizing: border-box;border: 1px solid #fff;margin: 10px 0;}
.highlights ul li img{width: 50px;height:50px}
.highlights ul li .line{width: 50px;margin:20px 0;height: 1px;background-color: #fff;}
.highlights ul li h3{font-size: 18px;color: #ffffff;margin-bottom: 5px}
.highlights ul li p{font-size: 14px;color: #fff}
.effect{ margin: 40px 0 }
.effect dl{ width: 33.3%;text-align: center;float: left;margin:20px 0 }
.effect dl dt img{ width: 50px;height: 50px; }
.effect dl dd{font-size: 16px;color: #333333;margin-top: 10px}

/*index*/


.section3{ background-image: url(../images/section3.jpg);background-repeat: no-repeat;background-size: cover; }
.section .titile h3{font-size: 30px;color: #ffffff;letter-spacing: 1px}
.section .titile span{font-size: 16px;color: #cccccc;margin-top: 5px;display: inline-block;font-family: "Arial"}
.section .titile p{font-size: 16px;color: #fff;line-height: 28px;width: 70%;margin: 30px auto 0}

.tech1{ margin:20px 0}
.tech1 ul{font-size: 0}
.tech1 ul li {width:50%;display: inline-block;text-align: center;vertical-align: top;}
.tech1 ul li b{width: 50px; height: 50px;display: block;transition: 340ms;margin: auto;position: relative;background:transparent;border: 6px solid rgba(0,132,222,0.6); border-radius: 100px; background-size: cover !important;}
.tech1 ul li b:before {
    content: "";width: 100%; height: 100%;position: absolute;left: 0; top: 0;background:#0084de;
    border-radius: 100px;transition: 488ms;transform: scale(0.48);
    -webkit-transform: scale(0.48);-moz-transform: scale(0.48); opacity: 0;visibility: hidden;
}
.tech1 ul li b i { display: block; width: 30px; height: 30px;position: absolute;left:0;top:0;    right: 0;bottom: 0;margin: auto;z-index: 10;background-repeat: no-repeat;background-position: center;background-size:cover; }
.tech1 ul li span{font-weight: bold; display:block; text-align:center; color:#fff; font-size:16px; margin-top:12px; transition:355ms;}
.tech1 ul li p{font-size: 16px;color: #dddddd;margin-top: 10px}
.tech1 ul li:nth-child(1) b i{ background-image:url(../images/ser1.png) ;}
.tech1 ul li:nth-child(2) b i{ background-image:url(../images/ser2.png)  ;}
.tech1 ul li:nth-child(3) b i{ background-image:url(../images/ser3.png)  ;}
.tech1 ul li:nth-child(4) b i{ background-image:url(../images/ser4.png)  ;}
.tech1 ul li:nth-child(5) b i{ background-image:url(../images/ser5.png)  ;}

.indexMore{ text-align: center; }
.indexMore a{ border-radius: 30px;border:2px solid #033ea3;display: inline-block;padding:10px 20px;font-size: 16px;text-transform: uppercase;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; }
.section3 .indexMore a{color: #fff;}
.section5 .indexMore a{color: #555;}
.section3 .indexMore a i{background-image: url(../images/in.png);}
.section2 .indexMore a i,.section4 .indexMore a i,.section5 .indexMore a i{background-image: url(../images/in1.png);}
.indexMore a i{ display: inline-block; background-repeat: no-repeat; width: 26px;height: 12px;  background-size: 18px; background-position: center;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; }
.indexMore a:hover{ background-color: #033ea3;color: #fff; }
.section2 .indexMore a:hover i,.section4 .indexMore a:hover  i,.section5 .indexMore a:hover i{background-image: url(../images/in.png);}
.section.section2 .titile p,.section.section2 .titile h3,.section.section4 .titile h3,.section.section5 .titile h3{  color:#111111}
.section.section5 .partnerbox{ margin-bottom: 100px;}


.section4{background-color:#f5f5f5}
.secProduct{ margin-bottom: 50px;position: relative;}
.secProduct .swiper-container{ width: 90%;margin: auto; }
.secProduct .swiper-slide{background-color: #fff;box-shadow: #000;text-align: center;}
.secProduct .swiper-slide .padding{padding: 20px 30px;}
.secProduct .swiper-slide .seTop0{overflow: hidden; border-bottom: 1px solid #ddd;height: 250px;display: flex;justify-content: center;align-content: center;flex-wrap: nowrap; flex-direction: column;align-items: center;}
.secProduct .swiper-slide img{ max-width: 100%;    max-height: 100%;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.secProduct .swiper-slide h3{font-size: 22px;margin-top: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.secProduct .swiper-slide p{ font-size: 16px;color: #666666;margin: 10px 0 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.secProduct .swiper-slide span{font-size: 14px;color: #666666;text-transform: uppercase;}
.secProduct .swiper-slide:hover img{transform: scale(1.1);}
.secProduct .swiper-slide:hover h3{color: #033ea3;}
.secProduct .swiper-pagination-bullet{ background:#4f4f4f;opacity: 1;width: 13px;height: 13px }
.secProduct .swiper-pagination-bullet-active{ background-color: #fff }
.secProduct .swiper-button-next, .secProduct .swiper-button-prev{ background-color:rgba(79,79,79,0.6);border-radius: 50%;width: 50px;height: 50px }
.secProduct .swiper-button-next:after, .secProduct .swiper-button-prev:after{ font-size: 24px;color: #bdbdbd }
.secProduct .swiper-button-next:hover, .secProduct .swiper-button-prev:hover{background-color:rgba(79,79,79,1)}



.section6{ background-image:url(../images/section6.jpg);background-repeat: no-repeat;background-size: cover;}
.section6Left{ width: 50%;height: 100%;background-color: rgba(0,0,0,.5);display: flex; flex-direction: column;  flex-wrap: nowrap;align-content: center;justify-content: center;}
.section6Right{width: 50%;display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center;  justify-content: center; align-items: center;height: 100%;}
.section6 .boxSec{ height: 100%;}
.section6 .section6Left h4{font-size:24px;color: #ffffff;text-align: center;margin-bottom:30px}
.section6 .sec6box{ width: 75%;margin: auto; }
.section6 .sec6box dl{width: 100%;text-align: center;float: left;margin: 10px 0}
.section6 .sec6box dl dt span{font-size: 28px;color: #0098ff}
.section6 .sec6box dl dt{font-size: 30px;color: #fff;font-weight: bold;}
.section6 .sec6box dl dd{font-size: 14px;color: #eeeeee}
.section6 .section6Right .seone{width: 510px;height: 44px;padding: 0 20px;color: #fff;font-size: 16px;margin-bottom: 20px;box-sizing: border-box;line-height: 44px;background-color: rgba(0,0,0,0.5);border-radius:5px;border:1px solid rgba(192,228,253,0.6);}
.section6 .section6Right .seone label{ width: 100px;float: left;font-size: 16px;color: #fff }
.section6 .section6Right .seone label span{ color: red;    width: 20px;display: inline-block; }
.section6 .section6Right .seone input[type=text]{height: 30px; border: none; width: 350px; background: transparent; color: #fff;  font-size: 16px; padding: 0;margin: 0;}
.section6 .section6Right .seone textarea{margin: 0px; height: 80px;width: 350px; padding: 10px;   box-sizing: border-box; resize: none;font-size: 16px; background: transparent; border: none; color: #fff;}
.section6 .section6Right .seone.transist{ height: 82px }
.section6 .section6Right .sesubmit input[type=submit]{width: 510px;height: 44px;font-size: 16px;border-radius:5px;background-color: #1081ce;color: #fff;border:none;cursor: pointer;}

.section2Left{ width: 50%;height: 100% }
.section2Right{ width: 50%;height: 100%;display: flex; flex-direction: column;  flex-wrap: nowrap;  align-content: center;justify-content: center; align-items: center; }

.section2Right .secbg,.inB_con {width:100%;height:100%;background-size:cover;position:relative;background-repeat:no-repeat;background-position:center;display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center;justify-content: center;align-items: center;}
.inB_con ul {width:100%;}
.inB_con ul li {width:100%;height:190px;}
.inB_con ul li a {padding:0px 11.2% 0px 31%;height:100%;display:block;position:relative;}
.inB_con ul li a>i {position:absolute;left:0px;width:0px;bottom:0px;top:0px;background-color:rgba(24,86,183,0.7);transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.inB_con_d {padding-left:194px;position:relative;height:100%;}
.inB_con_d>p {width:170px;height:100%;position:absolute;z-index:1;left:0px;text-align:center;line-height:190px;}
.inB_con_d>p i {position:absolute;width:100%;height:100%;background-color:rgba(26,57,105,0.6);left:0px;top:0px;transform:scale(0.5) rotate(0);-webkit-transform:scale(0.5) rotate(0);-moz-transform:scale(0.5) rotate(0);opacity:0;transition:600ms;-webkit-transition:600ms;z-index:-1;}
.inB_con_d>p img {display:inline-block;vertical-align:middle;}
.inB_con_d dl {float:left;color:#fff;position:relative;width:100%;top:50%;transform:translateY(-50%);}
.inB_con_d dl dt {font-size:24px;font-weight: bold;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.inB_con_d dl dd {font-size:18px;color:#fff;margin-top:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inB_con ul li a .line {display:block;background:#fff;position:absolute;transition:300ms;-webkit-transition:300ms;opacity:0;visibility:hidden;}
.inB_con ul li a .line_1 {width:28px;height:1px;top:50%;right:3.8%;margin-top:-1px;transform:translateX(30px);-webkit-transform:translateX(30px);}
.inB_con ul li a .line_2 {width:1px;height:28px;top:50%;margin-top:-14px;right:5%;transform:translateY(30px);-webkit-transform:translateY(30px);}
.inB_con ul li a:hover .inB_con_d>p i {transform:scale(1) rotate(180deg);-webkit-transform:scale(1) rotate(180deg);-moz-transform:scale(1) rotate(180deg);opacity:1;}
.inB_con ul li a:hover>i { width: 100%;}
.inB_con ul li a:hover .line {transform:translate(0);-webkit-transform:translate(0);visibility:visible;opacity:1;transition:300ms ease-in 600ms;-webkit-transition:300ms ease-in 600ms;}
.inB_con>a:hover {background-color:rgba(230,0,18,0.5);color:#fff;}


.section1 .swiper-slide{ width: 100%;  height: 100vh; min-height: 600px; background-repeat: no-repeat;position: relative;background-size: cover;background-position: center right;}
.section1 .swiper-pagination-bullet{ background:#999;opacity: 1;width: 13px;height: 13px }
.section1 .swiper-pagination-bullet-active{ background-color: #007bc7 }
.section1 .swiper-button-next, .section1 .swiper-button-prev{ background-color:rgba(255,255,255,0.6);border-radius: 50%;width: 50px;height: 50px }
.section1 .swiper-button-next{right: 10px}
.section1 .swiper-button-prev{left: 10px}
.section1 .swiper-button-next:after, .section1 .swiper-button-prev:after{ font-size: 24px;color: #007bc7 }
.section1 .swiper-button-next:hover, .section1 .swiper-button-prev:hover{background-color:rgba(255,255,255,1)}

/*pintai.html*/
.platform{ margin:50px 0;}
.platform .platformbox{height: auto;}
.platform .platformbox .platLeft{width:100%;height:100%;padding: 30px 0;box-sizing: border-box;box-shadow: 0 0 3px #bdbdbd;display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center;justify-content: center; align-items: center;}
.platform .platformbox .platLeft .padding{ width: 90%;}
.platform .platformbox .platRight{width:100%;height: 100%;}
.platform .platformbox .platLeft h5{font-size: 22px;color: #111;font-weight: bold;margin-bottom:30px}
.platform .platformbox .platLeft p{font-size: 16px;color: #111;line-height: 30px;text-align: justify;}
.platform .platformbox .platRight ul{ height: 100% }
.platform .platformbox .platRight ul li{ float: left;text-align: center;height: 100%;    padding: 230px 0 0 0;box-sizing: border-box;cursor: pointer;}
.platform .platformbox .platRight ul li:last-child{ border-right: none; }
.platform .platformbox .platRight ul li:hover{background-color: #214682}
.platform .platformbox .platRight ul li:hover span{ opacity: 1;visibility: visible; }
.platform .platformbox .platRight ul li:hover{  padding: 170px 0 0 0}
.platgray{ background-color: #eeeeee;padding:30px 0;margin:30px 0 }
.platgray .platformbox .platRight ul li{ width: 50%;}
.platgray .platformbox .platRight ul li img{width: 30px;height: 30px;margin: 30px 0}
.platgray .platformbox .platRight ul li p{ margin-left: auto;margin-right: auto;font-size: 18px;font-weight: bold;color: #fff;border-bottom:1px solid rgba(255,255,255,0.3);width: 80%; padding-bottom: 30px;}
.platwhite .platformbox .platRight ul li{ width: 50%;border-right:none;}
.platwhite .platformbox .platRight ul li img{width: 30px;height: 30px;margin-bottom: 20px}
.platwhite .platformbox .platRight ul li p{font-size: 22px;color: #fff;margin-bottom: 10px }
.platformbox .platRight ul li span{color: #fff;font-size: 13px;line-height: 28px;width: 85%;margin-left: auto;margin-right: auto;display: block;opacity: 0;visibility: hidden;transition:all 0.3s ease-in-out}

/*index texiao*/
.section6 .section6Right form,
.section6 .sec6box,
.section6 .section6Left h4,
.section .indexMore,
.section5 .partnerbox,
.tech1,
.secProduct,
.section .titile p,
.section .titile span,
.section .titile h3{position: relative;bottom:-20px;z-index: 55;opacity: 0;visibility: hidden;}

.section6.visible .section6Right form,
.section6.visible .sec6box,
.section6.visible .section6Left h4,
.section.visible .indexMore,
.section5.visible .partnerbox,
.section3.visible .tech1,
.section4.visible .secProduct,
.section.visible .titile p,
.section.visible .titile span,
.section.visible .titile h3{opacity: 1;visibility: visible;bottom: 0;}

.section6 .section6Left h4,
.section .titile h3{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out}

.section6 .sec6box,
.section .titile span{transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out}

.section6 .section6Right form,
.section5 .partnerbox,
.tech1,
.secProduct,
.section .titile p{transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out}

.section .indexMore{transition: all 1.4s ease-in-out;-webkit-transition: all 1.4s ease-in-out}