@charset "UTF-8";
/* CSS Document */

body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;}
html{line-height: 1rem;}
body {
	font-family: "SourceHanSansCN", "";
	color: #333;
	-webkit-text-size-adjust: none;
	min-width: 320px;
	max-width:800px;
	overflow-x:hidden;
    position: relative;
	margin: 0 auto;
	font-size:0.1rem;
	/* background: #f7f7f7; */
}
.dis{display:none;}
em,i{font-style:normal;}
/* h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;} */
form{display: inline}
ul, ol{list-style: none}
a {text-decoration: none;color: #333;}
a:hover,a:active,a:focus{color:#00214c;text-decoration: none;
cursor:pointer;}
a:active{color:#aaa;}
/* a{blr:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0);} */
*:focus{outline:0;}
.clearfix:after {content: ".";display: block;height:0;clear:both;visibility: hidden;}
.clearfix {*zoom:1;}
.clear{clear:both;}
img {
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}
button, input, select, textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* */
	font-family: "";
}
textarea{resize:none;}
button,input[type="button"],input[type="reset"], input[type="submit"], input[type="text"],input[type="password"]{
	cursor: pointer;
	/*-webkit-appearance: button;
	-moz-appearance: button*/
	-webkit-appearance:none;
	-moz-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner
{padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
img,object{max-width:100%;}
/*webcss reset*/
.padd-top{ padding-top: 0.45rem;}
.mask_bg{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 120; display: none;}
header{position: fixed; background:#fff; left: 0; top: 0; height: 0.45rem; width: 100%;z-index: 205;transition: 0.5s all;-webkit-transition:0.5s all;}
.type_icon{ width:0.22rem; position: absolute; height: 100%; z-index: 10;  right: 0; top: 0; padding:0 3%;}
.type_icon img,.type_icon.show .img2{ display: block;}
.type_icon img.img2,.type_icon.show .img1{ display: none;}
a.logo{width:1.9rem; display: block;/* margin: 0 auto;*/ float: left; height: 100%; position: relative; z-index: 5; margin-left: 3%;}
a.logo img{display: block;}
.all_content1{ padding-top: 0.45rem;}
.searchImg{ width: 0.3rem; display: block; float: right; margin-right: 0.5rem; height: 100%;}
.searchImg img{ width:0.18rem; }
.serchDiv{background: rgba(0,0,0,0.4); width: 94%; padding:5% 3%; font-size: 0;    position: fixed; z-index: 100; display: none;}
.serchDiv .text_input{ width: 2.5rem; height: 0.3rem; text-indent: 0.12rem; font-size: 0.12rem; border: none; border-radius: 0.15rem 0 0 0.15rem; vertical-align: top; }
.serchDiv .searchBtn{ width: 0.5rem; background-color: #024fa1; height: 0.3rem; border: none; vertical-align: top; border-radius: 0 0.15rem 0.15rem 0; background-image: url(../img/search_ico2.png) ; background-repeat: no-repeat; background-size: 0.18rem; background-position: center;}
/*start*/
.index_play,.index_play img{ display: block; width: 100%;}
.swip_dot .swiper-pagination-bullet{background: #fff;opacity: 1; position: relative;     width: 0.25rem;  height: 0.03rem; border-radius: 0;}
.swip_dot .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fcb541;}
.type_icon.show{background: #fcb541;}
nav{ background: #fff; position: fixed; width: 1.3rem; height:calc( 100% - 1.2rem); top: 0.47rem; right: 0; z-index: 200; overflow: auto; display: none;}
nav ul{text-align: center;}
nav ul li a{ display: block; }
nav ul li>a{ font-size: 0.13rem; position: relative;}
nav .nav_li {display: none;}
/* nav ul li.act .nav_li{ display: block;} */
nav ul li.act  span.more span{ background: #bc111a;}
nav ul li.act>a{ color: #bc111a;}
nav ul li.act{ background: #fff;}
.nav_li a{ font-size: 0.12rem;}
nav ul li{  line-height: 0.5rem;border-bottom: #eee 1px solid;}
.nav li span{ display: inline-block; vertical-align: middle;}
span.more span{background: #b3b3b3; position: absolute;}
span.more{width: 0.12rem;
    height: 0.12rem;
    position: absolute;
    margin-left: 0.1rem; margin-top: 0.02rem;
}
span.more span.h {
    width: 14px;
    height: 2px;
    transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
}
span.more span.v {
    transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
    -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
}
.transform {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
nav.open{ display: block;} 
.sibar{ position: fixed; right:0 ; bottom:0.7rem; z-index: 60; display: none;}
.sibar a,.sibar a img{ display: block; width: 50px; height: 50px;}
.sibar a{ margin-top: 0.12rem;}
.titleName{}
.titleName i{ display: block; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #999; opacity: 0.1; font-size: 0.3rem;}
.titleName font{ display: block; font-weight: bold; color: #024fa1; font-size: 0.15rem; text-align: center; margin-top: -0.15rem;}
.titleName p{ margin-top: 0.1rem; text-align: center;font-size: 0.11rem; color: #666; line-height: 150%;}
.indexVideo{margin-top: 0.1rem;}
.indexVideo video{ width: 100%;    height: 1.6rem;}
.indexIntro>p{ line-height: 180%; font-size: 0.12rem; margin-top: 0.1rem;}
.moreBtn{ display: block; height: 0.4rem;line-height: 0.4rem; background: #fff; text-align: center; font-size: 0.12rem; margin-top: 0.2rem;box-shadow: rgba(0,0,0,0.08) -3px 0px 20px; border-radius: 0.04rem;}
.moreBtn img,.indexNew li  a .p4 img{ margin-left: 0.05rem; width: 0.14rem;}
.indexbusin  .titleName i,.indexCase  .titleName i{ font-size: 0.22rem;}
.indexbusin ul li{ float: left; width: 48%; margin-right: 4%; text-align: center; box-shadow: rgba(0,0,0,0.08) -3px 5px 20px; margin-top: 0.15rem; padding: 0.1rem 0;}
.indexbusin ul li img{ width: 0.4rem;}
.indexbusin ul li p{ margin-top: 0.1rem; line-height: 180%; font-size: 0.12rem;}
.indexCase { background: url(../img/caseBg.jpg) no-repeat; padding: 0.3rem 3%; width: 94%;}
.indexCase .titleName i,.indexCase .titleName font,.indexCase .titleName p{ color: #fff;}
.caseSwiper {margin-top: 0.2rem; margin-bottom: 0.4rem;}
.caseSwiper .swiper-slide a{ display: block; width: 100%;}
.caseSwiper .swiper-slide a span{ display: block; padding: 0.05rem; background: #fff;}
.caseSwiper .swiper-slide a span img{ width: 100%; display: block; height: 1.8rem;}
.caseSwiper .swiper-slide a p{ text-align: center; color: #fff; font-size: 0.12rem;margin-top:0.1rem;}
 .button-prev, .button-next{ position: absolute; width: 0.35rem; height: 0.35rem; top: 0.7rem; z-index: 10;}
.button-prev{ left: 0.05rem;}
.button-next{ right: 0.05rem;}
.indexCase  .moreBtn{ background: #fcb541; color: #fff;}
.indexNew{ padding: 0.3rem 3%; width: 94%;}
.indexNew ul{ padding-top: 0.1rem;}
.indexNew li{padding: 0.15rem 0;border-bottom: #dcdcdc 1px solid;}
.indexNew li .p1{ font-size: 0.13rem; line-height: 150%;}
.indexNew li .p2{ font-size: 0.11rem; color: #999;margin: 0.1rem 0;}
.indexNew li a>img{ display: block; width: 100%;}
.indexNew li  a{display: block; width: 100%;}
.indexNew li  a .p3{ line-height: 180%; font-size: 0.12rem; color: #999; margin-top: 0.1rem;}
.indexNew li  a .p4{ color: #666; font-size: 0.12rem; margin-top: 0.1rem;}
.indexNew li:last-child{ border-bottom: none;}
.enterList a{ display: block; float: left; width: 50%; margin-bottom: 0.2rem; text-align: center;}
.enterList a img{ width: 0.8rem;}
.enterList a .p1{ font-size: 0.12rem;}
.enterList a .p2{color: #999; line-height: 180%; text-transform: uppercase;}
.footCont{ background: #f9f9f9;}
.footCont>div { color: #000033; font-size: 0.12rem; text-align: center;}
.footCont>div img{ display: block; width: 1rem; margin: 0 auto;}
footer{color: #c8c4c4; background: #373838;  width: 94%; padding: 0.1rem 3%; }
footer p{ line-height: 180%;}
footer  a{ color: #c8c4c4;}
.footCont p{font-size: 0.11rem; text-align: center; margin-top: 0.2rem; line-height: 180%;}
.footCont p span{ display: block; color: #999999;}
.footCont p img{ margin-right: 0.05rem; width: 0.1rem; vertical-align: middle; position: relative; top: -0.01rem;}
.footCont p i{ font-weight: bold;font-size: 0.18rem; line-height: 180%;}

/* start */
.insideban{ width: 100%;}
.insideban img{ display: block;width: 100%;}
.serviceNav{ height: 0.5rem;background: #f5f5f5; width: 100%;}
.serviceNav a{ display: block; height: 0.5rem; color: #333; text-align: center; line-height: 0.5rem; font-size: 0.13rem;}
.serviceNav .swiper-slide.active a{background: #00214c; color: #fff;}
.develop>p{ line-height: 180%; color: #999; font-size: 0.12rem;}
.develop .list img{ display: block; margin: 0 auto; width: 0.3rem;}
.develop .list { margin-top: 0.2rem; }
.develop .list ul{ position: relative; padding-bottom: 0.2rem;}
.develop .list ul::before{ content: ''; width: 1px; height: 100%; background: #dadada; position: absolute; left: 50%; top: 0;}
.develop .list li{   margin-top: 0.1rem; display: inline-block; width: 100%;}
.develop .list li div{width: 1.4rem;}
.develop .list li font{ display: block; font-size: 0.13rem; color: #00214c; font-weight: bold; position: relative;}
.develop .list li font::after{ content: ''; width: 0.6rem; height: 1px; background: #00214c; position: absolute;right: 0.2rem; top: 50%; }
.develop .list li p{ line-height: 150%; font-size: 0.11rem; margin-top: 0.1rem;}
.develop .list li.nth2 div{ float: right;}
.caseList li{ float: left;  width: 48%; margin-right: 4%; margin-bottom: 0.15rem; position: relative;}
.caseList li span{ width: 100%; height: 1.38rem; display: block;} 
.caseList li span img{ width: 100%; height: 100%; display: block;}
.caseList li  p{ margin-top: 0.1rem; color: #666; font-size: 0.12rem; position: relative; height: 0.3rem; line-height: 0.3rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; width: 100%; padding: 0 3%; bottom: 0; left: 0; background: #f6f6f6; border: #ececec 1px solid;box-sizing: border-box;}

.newsDetail{ }
.newsDetail h1{ text-align: center; font-size: 0.13rem; font-weight: normal;line-height: 150%;}
.newsDetail .time{ text-align: center; color: #999; padding-bottom: 0.1rem; border-bottom: #eee 1px solid; line-height: 180%; margin-top: 0.05rem;}
.newsDetail .time font{margin: 0 0.05rem;}
.detailIntro{ padding-top: 0.1rem;}
.detailIntro p{ line-height: 180%; color: #999;font-size: 0.12rem; text-align: left; }
.detailIntro p strong{color: #333;}
.detailIntro img{ margin: 0.15rem auto;}
.detailpage a span{ color: #666;}
.detailpage a{ line-height: 220%; font-size: 0.12rem; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; display: block;}
.detailpage{ margin-top: 0.1rem; width: 94%; padding: 0 3% 0.1rem; border-bottom: #e5e5e5 1px solid;}
.gap{ height: 0.1rem; width: 100%; background: #f9f9f9;}
.share{ color: #666; font-size: 0.12rem; width: 94%; padding: 0.1rem 3%;}
.share>div{ display: inline-block;margin-left: 0.1rem; vertical-align: middle;}

.video1{ width: 100%; margin-top: 0.2rem; position: relative;}
.video1 video{ width: 80%; height: 1.4rem; margin: 0 auto;position: absolute;left: 0; top: 0.32rem;}
.company .img1{ }
.video1{ text-align: right;}
.video1 img{ width: 2.4rem;}
.introNum{ background: #f9f9f9; padding: 0.15rem 0;}
.introNum div{ float: left; width: 33.33%; text-align: center; color: #666; font-size: 0.11rem; line-height: 150%; margin: 0 !important;}
.introNum div .p2{ margin-top: 0.06rem;}
.introNum div .p1{ color: #0944a3;}
.introNum div .p1 span{ font-size: 0.16rem; font-weight: bold; margin-right: 0.05rem;}
.detaillTxt{ width: 94%; padding: 0 3% 0.2rem;}
.techlist li{ padding: 0.15rem 0 0.15rem 0.7rem; position: relative; border-bottom: #e5e5e5 1px solid;}
.techlist li font{ position: absolute;left: 0; top: 0.15rem; display: block; width: 0.6rem; height: 0.45rem; color: #fff; background: #01499d; text-align: center; font-family: Arial, Helvetica, sans-serif; line-height: 180%; padding-top: 0.15rem}
.techlist li font i{ display: block; font-size: 0.18rem; font-weight: 600; }
.techlist li .p1{ font-size: 0.12rem; line-height: 180%;}
.techlist li .p2{ color: #999; margin-top: 0.05rem;line-height: 150%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; font-size: 0.11rem;}
.detailImg{ text-align: center;}
.detailImg img{ width: 1.5rem;}
.contact .p1{font-size: 0.13rem;line-height: 150%;}
.contact .p2{ font-size: 0.12rem; color: #999; margin-top: 0.05rem; }
.contact { width: 94%; padding: 0.2rem 3%;}
.contact ul {padding-top: 0.1rem;}
.contact ul li{ line-height: 180%; font-size: 0.12rem;color: #999; margin-top: 0.1rem;}
.contact ul li img{ width: 0.15rem; margin-right: 0.08rem;}
.map{ width:100% ; height: 2rem; margin-bottom: 0.25rem;}
.map img{ height: 100%; width: 100%;}

.jobList{ }
.jobList li { margin-top: 0.1rem;}
.jobList li .p1{ height: 0.4rem;padding: 0 3%;line-height: 0.4rem; font-size: 0.13rem; position: relative; background: #ececec;}
.jobList li .p1 i{ position: absolute;right: 3%; top: 50%; transform: translateY(-50%); width: 0.12rem; display: block; height: 100%; background: url(../img/ico4.png) no-repeat center;background-size: 100%;}
.jobList li div.intro{width: 94%; padding: 0.1rem 3%; display: none; border: #eee 1px solid;}
.jobList li div.intro p{ font-size: 0.11rem; line-height: 180%;}
.jobList li div.intro div strong{ color: #333; font-weight: normal;}
.jobList li div.intro div{font-size: 0.12rem;color: #999; line-height: 180%; margin-top: 0.1rem;}
.jobList li.on div.intro{ display: block;} 
.jobList li.on .p1 i{background: url(../img/ico5.png) no-repeat center;background-size: 100%;}
.jobList li.on .p1 { background: #00214c; color: #fff;border-radius: 0.05rem 0.05rem 0 0;}
.culture ul li{ float: left; width: 50%;}
.culture ul li img{ width: 100%; height: auto;}
.culture ul{ padding-bottom: 0.15rem;}
.culture p{ font-size: 0.12rem; line-height: 220%; color: #666; }
.culture p strong{ font-size: 0.14rem; color: #333;}

.newList li{ padding: 0.15rem 0; border-bottom: #f4f4f4 1px solid;}
.newList li .p1{ font-weight: bold; font-size: 0.12rem; font-weight: bold; line-height: 150%;}
.newList li .p2{ font-family: Arial, Helvetica, sans-serif;color: #999; margin-top: 0.08rem; margin-bottom: 0.08rem;}
.newList li .p2 img{ margin-right: 0.05rem;width: 0.12rem;}
.newList li .p2  span{ margin-right: 0.1rem;}
.newList li .p3{ color: #666; font-size: 0.11rem; line-height: 180%; margin-top: 0.1rem;}
.newList li .p4{ width: 1rem; font-size: 0.12rem; margin-top: 0.15rem; height: 0.3rem;background: #f4f4f4; text-align: center; line-height: 0.3rem;}
.newList li .p4 img{ margin-left: 0.1rem; width: 0.1rem;}
.newList li a>img{ display: block; width: 100%;}

.busin{ width: 94%; padding:0 3% 0.2rem;}
.busin li{ margin-top: 0.2rem;}
.busin li img{ width: 100%; display: block; height: 100%;}
.busin li .p1{ font-size: 0.12rem; font-weight: bold; line-height: 180%; margin-top: 0.08rem ; margin-bottom: 0.06rem;}
.busin li .p2{ line-height: 180%; color: #999;}

.applyForm{ width: 94%; padding: 0.2rem 3%;}
.inputDiv {border: #e9e9eb 1px solid; overflow: hidden; margin-bottom: 0.1rem; background: #f9f9f9; position: relative;}
.inputDiv i{ display: block; position: absolute; right: 0.1rem; color: #e90c0c; font-size: 0.13rem; line-height: 0.4rem; top: 0;}
.inputDiv input{ width: 1.8; font-size: 0.12rem; background:none; border: none; height: 0.4rem; margin-left: 0.4rem; } 
.inputDiv textarea{ padding-top: 0.13rem; padding-left: 0.4rem; height: 0.8rem;  background: #f9f9f9;border: none; display: block; width: 84%;}
.applyBtn{ display: block; width: 100%;   font-size: 0.12rem;}
.applyBtn>input{ width: 50%; float: left; height: 0.4rem; background: #eee; border: none; border-radius: 0;}
.applyBtn>input[type="submit"]{ background: #01499d; color: #fff;}

.messagelist li{ padding-bottom: 0.15rem; margin-bottom: 0.15rem; border-bottom: #e5e5e5 1px solid;}
.messagelist li .p1{ font-size: 0.12rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.messagelist li .p2{font-size: 0.11rem; color: #999; margin-top: 0.1rem;}
.honorList{ margin: 0.2rem auto; width: 100%;}
.honorList .swiper-slide a{ display: block; position: relative;}
.honorList .swiper-slide a span{ display: block; border: #fff 0.05rem solid; width:100%; height: 1.6rem;;  background: #eee; text-align: center;  -webkit-box-shadow: rgba(0,0,0,0.15) 1px -1px 15px ;}
.honorList .swiper-slide a span img{ position: relative;    width: 70%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.honorList .swiper-slide p{ color: #333; font-size: 0.12rem; text-align: center; margin-top: 20px; display: none; position: absolute; width: 3rem;     left: -0.75rem;text-align: center;}
.honorList .swiper-container{ padding: 0.1rem 0 0.4rem;}
.honorList .swiper-slide.swiper-slide-active p{ display: block;}
.honorList .button-prev,.honorList .button-next{ position: absolute;     top: 0.8rem;width:0.3rem; height:0.3rem;z-index: 10;}
.honorList .button-prev{ left: 0.68rem;}
.honorList .button-next{ right: 0.6rem;}
/* start */
.bgfff{ background: #fff;}
.index_play .swiper-slide a,.index_play .swiper-slide img,.advImg img{ display: block; width: 100%;}
.normalUl li:nth-child(2n){ margin-right: 0;}
.margin01 {margin-top: 0.1rem;}
.margin02{ margin-top: 0.2rem;}
.min_width{ width: 94%; padding: 0.2rem 3%;}
/* .scope2 p,.warInfo::before{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);} */
.txtintro,.txtintro font::after,.txtintro1,.txtintro1 h2 img{ top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);} 
a.logo img,.type_icon img,a.returnPage img,.scope1 a>div,.searchImg img{ position: relative; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.scope2 p,.HonorScroll  .swiper-slide  a p,.honorList li p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/* .HonorScroll  .swiper-slide  a,.partnerScroll,.honorList li{-webkit-box-shadow: rgba(0,0,0,0.1) 0px -1px 10px; -moz-box-shadow: rgba(0,0,0,0.1) 0px -1px 10px; box-shadow: rgba(0,0,0,0.1) 0px -1px 10px;} */

.inputDiv span {
    display: block;
    position: absolute;
    height: 0.4rem;
    line-height: 0.4rem;
    padding-left: 0.1rem;
    color: #999;
}