@charset "utf-8";
/** common **/
html,body{height: 100%;color:#898989;}
html{font-size: 62.5%;}
a{color: #666;}
body{max-width: 800px;margin:0 auto;}
.mgn {width: 96%;margin: 0 auto;}
.hide{display: none;}
.body-wrapper{position: relative;}
.body-wrapper,.cbp-spmenu-push{overflow: hidden;}
.body-bg{background: #f5f5f5;}

.header{margin-top: 0px;}
.header .logo{max-width:505px; height: 1rem;display: inline-block;}
.header .logo a{display: block;height: 1rem;}
.header .logo img{height: 0.56rem; margin-top:0.22rem;}
.header .nav-icon{width: 0.6rem;height: 0.34rem;background: url(../images/icon_nav.png) no-repeat;display: inline-block;float: right;background-size: 100% 100%;margin-right: 0.3rem;margin-top: 0.34rem;}
.nav-position{position: fixed;overflow: hidden;height: 100%;width: 100%;max-width: 800px;}
nav.cbp-spmenu{background: #dbdbdb;overflow-y: scroll;position: absolute}
nav .nav-hd{background: #005d89;height: 1.2rem;line-height: 1.2rem;position: relative;border-bottom: 1px solid #fff;}
nav .nav-hd h3 a{font-size: 0.4rem;color: #fff;padding:0 0 0 0.36rem;font-weight: bold;}
nav .nav-hd h3 a:hover{background: #fff;}
nav .nav-hd .nav-close{display: block; width: 0.44rem;height: 0.44rem; background: url(../images/icon_close.png) no-repeat;background-size: 100% 100%; position: absolute;right: 0.2rem;top:0.4rem;}
nav .nav{background: #fff;}
nav .nav .top-nav{height: 1rem;background: #dbdbdb;font-size: 0.32rem;color: #171717;line-height: 1rem;display: block;padding: 0 0 0 0.36rem;position: relative;border-bottom: 1px solid #c3c3c3;font-weight: normal;}
nav .nav .top-nav i{position: absolute;width:0.3rem;height:0.14rem;background: url(../images/icon_down.png) no-repeat;background-size: 100% 100%;top:0.36rem;right:0.32rem;}
nav .nav .top-nav.slide-up i{background: url(../images/icon_up.png) no-repeat;background-size: 100% 100%;}
nav .nav .sub-section a{display: block;height: 1rem;line-height: 1rem;font-size: 0.28rem;color: #005d89;padding: 0 0 0 0.36rem;border-bottom: 1px solid #005d89;position: relative;background: #ffffff;font-weight: normal;}
nav .nav .sub-section a:last-of-type:after{border:none;}
nav .nav .sub-section a:active {background: #003d5c;color: #fff;}


.banner{width:100%;position:relative;overflow:hidden;z-index: 1;}
.banner img{width:100%;display: block;}
.banner .slides{position:relative;z-index:1;}
.banner .slides li a{text-align: center;display: block;overflow: hidden;}
.banner .slides li a img{display: block;width: 100%;}
.banner .slides li span{display: block;position: absolute;left:0.2rem;bottom:0.5rem;font-size: 0.26rem;color: #fff;}
.banner .swiper-pagination-bullets{bottom: 0.15rem;text-align: center;}
.banner .swiper-pagination-bullet{width: 0.6rem; height: 0.05rem;background: #003674;opacity: 1;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet-active{height: 0.05rem; background: #dc0514;}




.main .hd{position: relative; margin: 0.6rem 0px 0.1rem; text-align: center;}
.main .hd::before {
	position: absolute;
	display: block;
	content: '';
	width: 0.6rem;
	height: 0.1rem;
	background-color: #00a3e9;
	left: 50%;
	top:0.7rem;
	margin-left: -0.3rem;
	border-radius: 0.3rem;
}
.main .hd h3{font-size: 0.42rem;color: #6f6f6f; font-weight: bold;  display:block;}
.main .hd em{font-size: 0.21rem;color: #cecece; display:block; margin-top: 0.3rem; }

.main .more{text-align: center;}
.main .more a{display: inline-block;height: 0.7rem;line-height: 0.7rem;color: #fff;font-size: 0.24rem;width: 3rem;position: relative;margin: 0.3rem auto ; border-radius: 0.1rem; background-color: #00a3e9;}

.index-service{overflow: hidden;padding-bottom: 0.8rem;}
.index-service .service-swiper{position: relative;}
.index-service-list{margin-top: 0.6rem;}
.index-service .service-item{width: 100%;box-sizing: border-box;text-align: center;}
.index-service .service-item h3{font-size: 0.34rem;color: #5f5f5f;margin: 0.3rem 0 0.5rem 0;}
.index-service .service-item p{text-align: left;font-size: 0.24rem;line-height: 0.48rem;color: #929292;max-height: 1.5rem;overflow: hidden;width: 70%;margin: 0 auto;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fbc000'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fbc000'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.index-service .swiper-button-prev,
.index-service .swiper-button-next{background-color: #e5e5e5;background-size: 0.18rem 0.30rem;}
.index-service .swiper-pagination{bottom: -0.8rem;}
.index-service .swiper-pagination .swiper-pagination-bullet{width: 0.6rem;height: 0.08rem;background: #291a77;border-radius: 0;opacity: 1;}
.index-service .swiper-pagination .swiper-pagination-bullet-active{background: #fbc000}

.index-team{position: relative;overflow: hidden;}
.team-swiper{width: 92%;margin: 0 auto;overflow: hidden}
.team-list li{width: 50%;float: left;padding: 4%;box-sizing: border-box;}
.team-list li .pic{height: 100%;overflow: hidden;display: block;}
.team-list li .pic img{width: 100%;}
.team-list li .team-txt{height: 2.1rem;background: #e5e5e5;padding: 0.1rem;}
.team-list li .team-txt span{font-size: 0.2rem;color: #535353;font-weight: lighter;}
.team-list li .team-txt span em{font-size: 0.32rem;color: #303030;position: relative;margin-right: 30px;}
.team-list li .team-txt em:after{position: absolute;content: "";left: 50%;margin-left: -0.1rem;bottom: -0.06rem;width: 0.2rem;height: 2px;background: #919191;}
.team-list li .team-txt p{height: 1.2rem;line-height: 0.4rem;color: #545454;font-size: 0.18rem;font-weight: lighter;overflow: hidden;margin-top: 0.1rem}
.team-list li .view-more{display: block;text-align: right;height: 0.54rem;border: 1px solid #e5e5e5;font-size: 0.14rem;color: #bbbbbb;padding-right: 0.3rem;line-height: 0.54rem;}
.index-team .swiper-button-prev,
.index-team .swiper-button-next{background-size: 0.18rem 0.28rem;}
.index-team .swiper-button-prev{left: -0.8%;}
.index-team .swiper-button-next{right: -0.8%;}

.more-btn{width: 3rem;text-align: center;height: 0.6rem;line-height: 0.6rem;color: #fff;background: #9c9c9c;display: block;font-size: 0.24rem;font-weight: lighter;border-radius: 6px;margin: 0.4rem auto 0;}

.index-news{border-radius: 10px 10px 0 0;background: #f7f7f7;margin-top: 0.3rem;padding: 0.18rem 0.18rem 0.3rem 0.18rem;}
.index-news .hd{padding-top: 0;}
.index-news .news-list{margin-top: 0.3rem;}
.news-list li{border-bottom: 1px solid #eaeaea;padding-bottom: 0.3rem;margin-top: 0.3rem;}
.news-list li span{width: 1.6rem;height: 1.2rem;float: left;display: block;overflow: hidden;}
.news-list li span img{display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
.news-list li .news-text{padding-left: 1.8rem;}
.news-list li .news-text h3{font-size: 0.28rem;color: #494949;}
.news-list li .news-text em{float: right;color: #fabe01;font-size: 0.2rem;font-weight: lighter;}

.index-total{height:1.63rem; background-color: #f6f6f6; width: 100%;}
.index-total ul{}
.index-total ul li{color: #ff0000;text-align: center;width: 25%;box-sizing: border-box;padding-right: 0.2rem;float: left;margin-top: 0.4rem;}
.index-total ul li span{font-size: 0.16rem;}
.index-total ul li span em{font-size: 0.42rem;font-weight: bold;margin-right: 0.1rem;display: inline-block;position: relative; color: #878787;}
.index-total ul li span em::after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: 1.1rem;
	margin-top: -0.6rem;
	width: 1px;
	height: 0.8rem;
	display: block;
	background: #c1c1c1;
}
.index-total ul li.last span em::after{display: none;}
.index-total ul li p{font-size: 0.16rem; color: #9e9e9e;}

.case-list{margin-bottom: 0.4rem;}
.main-wrap .case-list{margin-top: 0.2rem;}
.case-list li{padding: 0.3rem 0.2rem 0.3rem; margin-bottom: 0.4rem;}

.case-list li span{font-size: 0.24rem;font-weight: lighter;color: #00a3e9;display:inline-block;line-height: 0.3rem;text-align: left;margin-top: 0.1rem;}

.case-list li img{width:0.49rem;height:0.58rem; display: inline-block; margin-right: 0.2rem; }
.case-list li span.view-more{float:right; font-size: 0.26rem; color: #ffffff; width: 2rem; height: 0.6rem; background-color: #335698; text-align: center; line-height: 0.6rem; margin-top: 0.3rem;}

.case-list li h3{font-size: 0.32rem;color: #0f0f0f;margin: 0.2rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 0.4rem;line-height: 0.4rem; }

.case-list li h3{font-size: 0.38rem;color: #262626;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 0.4rem;line-height: 0.4rem; }

.case-list li p{font-weight: lighter;color: #6b6b6b;height:1rem;overflow: hidden;font-size: 0.24rem;line-height: 0.48rem;}

.index-qa{margin-top: 0.3rem;}
.index-qa .qa-hd{text-align: center;}
.index-qa .qa-hd span{width: 0.5rem;height: 0.5rem;background: #ff0000;border-radius: 5px;text-align: center;line-height: 0.5rem;color: #fff;display: block;margin:0.2rem auto 0.1rem;}
.index-qa .qa-hd a{color: #ff0000;font-size: 0.24rem;}
.qa-list{margin-top: 0.3rem;}
.qa-list li{width: 96%;margin-bottom: 0.4rem;margin-left: 4%;}
.qa-list li .question p{background: #f0f0f0;height: 1.2rem;overflow: hidden;padding: 0.1rem;padding-left: 0.4rem;}
.qa-list li .answer{background: #f5f5f5;padding: 0.1rem;padding-left:0.4rem;height: 2rem;box-sizing: border-box;}
.qa-list li .answer a{color: #696969;line-height: 0.48rem;overflow: hidden;height: 100%;display: block;}
.qa-list li .qa{position: relative;}
.qa-list li .qa em{display: block;position: absolute;content: "";width: 0.6rem;height: 0.6rem;line-height: 0.6rem;text-align: center;background: #02a0e9;border-radius: 50%;color: #fff;left: -0.3rem;top: 50%;margin-top: -0.3rem;}
.qa-list li .answer em{background: #291a77;}

.index-contact{background: #3a3a3a;color: #fff;margin-top: 0.3rem; padding-top: 0.2rem;}
.index-contact .hd h3{ color: #6f6f6f;}
.index-contact .hd{ }
.index-contact .mgn{margin-top: 0.2rem;}
.index-contact p{font-size: 0.26rem;line-height: 0.48rem;font-weight: lighter; color: #d4d4d4; }

.swiper-sub{height: 0.8rem;position: absolute;background: #d9d9d9;width: 100%;left:0;top:0;}
.swiper-sub:after{display: block;content: "";position: absolute;right: 0.2rem;top: 0.24rem;width: 0.06rem;height: 0.32rem;background: url(../images/icon_scroll.png) no-repeat;background-size: 100% 100%;}
.sub-nav-w{width: 94%;overflow: hidden;position: relative;}
.sub-nav{height: 0.8rem;line-height: 0.8rem;}
.sub-nav li{text-align: center;display: block;font-size: 0.28rem;}
.sub-nav li.active:after{width: 0.5rem;border-bottom: 0.04rem solid #e60910;display: block;content: "";position: absolute;bottom:0;left: 50%;margin-left: -0.25rem;}
.sub-nav li a{display: block;color: #424141;text-align: center;width: 100%;}
.sub-nav li.active a{color: #e60910;}

.breadcrumbs{height: 0.6rem;font-weight: lighter;font-size: 0.26rem;color: #858585;line-height: 0.6rem;padding: 0 0.2rem;margin: 0.1rem 0 0.1rem 0;}
.breadcrumbs a{padding: 0 0.1rem}
.breadcrumbs span{padding: 0 0.1rem;color: #e92f2c;}

.main-wrap{min-height: 8.2rem;position: relative;margin-bottom: 0.8rem;}
.main-wrap .product-list{margin-bottom: 0.8rem;}
.detail{margin-top:0.4rem;margin-bottom: 0.4rem; } 
.detail * {font-family:Microsoft YaHei, Arial, Helvetica, sans-serif !important ;
    }
.detail .tit{font-size: 0.36rem;color: #5d5d5d;line-height: 0.52rem;border-bottom: 1px solid #f7f7f7;padding-bottom: 0.2rem;text-align: center;}
.detail .release{text-align: center;font-size: 0.24rem;color: #bbbbbb;font-weight: lighter;margin-top: 0.1rem;margin-bottom: 0.4rem;}
.detail .release em{margin-left: 0.4rem;}
.detail .content{width: 100%;color: #4c4c4c !important;font-size: 0.28rem !important;font-weight: lighter;line-height: 0.64rem;}
.detail .content img{max-width: 100%;}

.contact-info{color: #383838;line-height: 0.62rem;font-size: 0.28rem;font-weight: lighter;padding: 0 4%;}
.contact-page .map{margin: 0.5rem 0;}
.contact-page .map img{width: 100%;}

.list.team-list{}
.list.team-list li{float: none;width: 100%;}
.list.team-list li .pic{width: 1.6rem;height: 2rem;float: left}
.list.team-list li .pic img{height: 2rem;display: block;}
.list.team-list li .team-txt{padding: 0;padding-left:1.6rem;height: 2rem;}
.list.team-list li .team-txt p{height: 0.76rem;padding-left: 0.4rem;padding-right: 0.3rem;}
.list.team-list li .team-txt span{padding-left: 0.4rem;padding-right: 0.3rem;}
.list.team-list li .team-txt .view-more{background: #fff;margin-top: 0.094rem;}

.team-info{margin-bottom: 0.3rem;}
.team-info .pic{width: 1.6rem;height: 2rem;float: left}
.team-info .pic img{height: 2rem;display: block;}
.team-info .team-txt{background: #e5e5e5;padding: 0.1rem;padding-left:2rem;height: 2rem;}
.team-info .team-txt span{font-size: 0.2rem;color: #535353;font-weight: lighter;}
.team-info .team-txt span em{font-size: 0.32rem;color: #303030;position: relative;margin-right: 30px;}
.team-info .team-txt em:after{position: absolute;content: "";left: 50%;margin-left: -0.1rem;bottom: -0.06rem;width: 0.2rem;height: 2px;background: #919191;}
.team-info .team-txt p{height: 1.2rem;line-height: 0.4rem;color: #545454;font-size: 0.18rem;font-weight: lighter;overflow: hidden;margin-top: 0.1rem}
.team-info .view-more{display: block;text-align: right;height: 0.54rem;border: 1px solid #e5e5e5;font-size: 0.14rem;color: #bbbbbb;padding-right: 0.3rem;line-height: 0.54rem;}




.page{font-size: 0.28rem;margin-bottom: 0.4rem;margin-top:0.2rem; text-align: center;}
.page a,.page span{background: #e9e9e9;padding: 0.06rem 0.15rem;}
.page .current{background: #012875;color: #fff;}
.page .disabled{display: none;background: #eeee;}
.page span:last-child{display: inline;}

.copyright{background: #2b2b2b;color: #ffffff;height: 0.8rem;line-height: 0.8rem;text-align: right; padding:0px 0.2rem;}



.index-product{margin-top: 0.2rem;}
.index-product .product-list{margin: 0.6rem 0.33rem 0.1rem;}
.product-list li{width: 2.6rem;height: 4rem; float: left;margin: 0.15rem 0 0 0.3rem;}
.product-list li.last{margin-right: 0;}
.product-list li a{display: block;}
.product-list li span{display: block;width: 2.6rem;height:auto;overflow: hidden;}
.product-list li span img{width: 100%;}
.product-list li h3{height: 0.6rem;line-height: 0.6rem;color: #535353;position: relative;font-weight: lighter;font-size: 0.32rem; background-color: #e3e3e3; text-align: center;}
.product-list li:nth-child(2n){
   float: right;
	margin-right: 0.3rem;
}




.index-about{margin-top: 0.22rem; width: 100%; height: 10.19rem; padding-top: 0.4rem; background: url(../images/index-about.jpg) no-repeat center bottom; background-size: cover; }
.index-about .hd h3{ color:#ffffff;}
.index-about .hd em{ color:#cecece;}
.index-about .about-intro{font-weight: lighter;font-size: 0.28rem;color: #393939;text-indent:2em;line-height: 0.6rem;margin-top: 0.3rem;margin-bottom: 1rem;max-height: 4.7rem;overflow: hidden;padding:0px 0.5rem;}
.index-about .view-about{ display: block; margin: 0px auto; width: 2.3rem; height: 0.6rem; border: 1px solid #005bff; font-size: 0.32rem; color: #2c2c2c; border-radius: 0.4rem; text-align: center;}

.about-links{margin-top: 0.8rem; width: 100%; text-align: center; padding-bottom: 0.6rem;}
.about-links img{ width:1rem;  display: inline-block; margin: 0px 0.5rem;}
.about-links .last{ margin-right: 0px !important;}

.index-ad{padding-top: 0.1rem;position: relative;}
.index-ad a{display: block;}
.index-ad a img{display: block;width: 100%;}
.index-ad .swiper-pagination.swiper-pagination-bullets{bottom: 0;text-align: left;}
.index-ad .swiper-pagination-bullet{background: #005c8a;opacity: 1;width: 0.22rem;height: 0.22rem;margin: 0 0.07rem !important;}
.index-ad .swiper-pagination-bullet.active{background: #e60c13;}

.index-case{ margin-top:0.6rem;}

.totalnum{background-color: #e50011; color: #fff; padding: 0px 0.25rem;font-size: 0.26rem; display: block; float: right; margin: 0.1rem 0.2rem 0px 0rem; border-radius: 0.15rem;}
.form{width: 100%;margin-top: 0.4rem;}
.form ul{margin-top: 0.05rem;}
.form li{background: #2b2b2b;height: 0.8rem;line-height: 0.8rem;margin-top: 0.3rem;padding:0 0.2rem 0}
.form li label{width: 1.2rem;font-size: 0.3rem;color: #00527b;display: inline-block;font-weight: lighter}
.form li input{display: inline-block;width: 5.2rem;height: 0.8rem;line-height: 0.8rem;;border: none;font-size: 0.3rem;color: #bbbbbb;background: #2b2b2b;font-weight: lighter;}
.form li input::placeholder,
.form li.profile textarea::placeholder{color: #bbbbbb; background-color: #2b2b2b;}
.form li.profile{width: 100%;height: auto;line-height: 0.8rem;font-size: 0.32rem;color: #494949;}
.form li.profile label{height: 0.6rem;line-height: 0.6rem;}
.form li.profile textarea{height: 1.6rem;width: 100%;border:none;text-align: left;background: #2b2b2b;}
.form li input.verify-code{width: 4rem;}
.form li img{display: block;width: 1.3rem;margin-top: 0.16rem;height: 0.48rem;margin-left: 0.2rem;}
.form li.btn{padding: 0;}
.form .submit-btn{width: 100%;background: #2b2b2b;text-align: center;font-size: 0.3rem;color: #fff;display: block;border: none;height: 0.8rem;line-height: 0.8rem;}

.btn-down{ width:4rem; height:0.7rem; line-height: 0.7rem; background-color: #e60410; color: #fff; font-size: 0.3rem; text-align: center; margin: 0.5rem auto; border-radius: 0.2rem;}

/********下载******/
.down-list{margin-bottom: 0.4rem;}
.main-wrap .down-list{margin-top: 0.2rem;}
.down-list li{padding: 0.25rem 0.2rem 0.15rem; margin-bottom: 0.2rem; border-bottom: 1px solid #ccc;}
.down-list li img{width:0.49rem;height:0.58rem; display: inline-block; margin-right: 0.2rem; vertical-align: middle;}


.index-case-list1{position: relative;overflow: hidden;margin-top: 0.6rem;}
.index-case-list1 li{margin-bottom: 0.8rem;position: relative;padding: 0 0.6rem;}
.index-case-list1 li:after{display: block;content: '';height: 1.5rem;background: #f4f4f4;position: absolute;bottom: -0.4rem;left: 0;width: 100%;z-index: -2;}
.index-case-list1 li a{display: block;padding:0;position: relative;}
.index-case-list1 li img{width: 100%;max-width: 100%;max-height: 100%;display: block;}
.index-case-list1 li em{width: 100%; height: 0.6rem;line-height: 0.6rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;position: absolute;bottom: 0;left: 0;text-align: center;font-weight: lighter;z-index: 99;}
.index-case-list1 li em:after{height: 0.6rem;position: absolute;left:0;top:0;content: "";background: #000;opacity: 0.8;display: block;width: 100%;z-index: -1;}