@charset "utf-8";

*{
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a{
	color:#000;
	text-decoration:none;
}
img{max-width:100%;}
body{
	max-width:750px;
	margin:0 auto;
	overflow-x: hidden;
}
table { width:100%; max-width:100%; height:auto;}

.flex{
	display: flex;
}
.flex-c{
	display: flex;
    justify-content: center;
    align-items: center;
}
.flex-Lc{
	display: flex;
    align-items: center;
}
.flex-L{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-Lt{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-Lend{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	-moz-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex-end{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.header{
	width:100%;
	height:.96rem;
	position: fixed;
	left: 0;
	top:0;
	z-index:99999;
	padding:0 .5rem;
	background-color: rgba(10, 18, 28,0.6);
}
.header .logo{
	float: left;
	height:.94rem;
	display: flex;
	align-items: center;
	width:2.1rem;
}
.header .nav-icon{
	float: left;
	width:.45rem;
	height:.30rem;
	background:url(../images/nav-icon.png) no-repeat ;
	background-size:100%;
	position: absolute;
	right:.5rem;
	top:50%;
	 transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.banner-wzhi-1{
	text-align: center;
	width:100%;
	position: absolute;
	left: 0;
	top:50%;
	padding:0 .5rem;
	 transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.banner-wzhi-1 .logo2 img{
	display: inline-block;
	width:4.25rem;
}
.banner-wzhi-1  .page h3{
	color:#fff;
	font-size:.38rem;
	line-height:.5rem;
	padding-top:.4rem;
}
.banner-wzhi-1  .page p{
	color:#fff;
	text-transform: uppercase;
	font-size:.22rem;
	line-height:.4rem;
}
.banner-wzhi-2{
	width:100%;
	position: absolute;
	left: 0;
	padding:0 .5rem;
	top:50%;
	 transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.banner-wzhi-2 h2{
	text-align: center;
}
.banner-wzhi-2 h2 span{
	display: inline-block;
	color:#fff;
	font-size:.66rem;
	line-height:1.20rem;
	width:3.4rem;
	text-align: center;
	border: 1px solid #fff;
}
.banner-wzhi-2 h3{
	color:#fff;
	text-align: center;
	font-size:.60rem;
	line-height:1rem;
	padding:.26rem 0 .35rem;
}
.banner-wzhi-2 p{
	color:#fff;
	font-size:.28rem;
	line-height:.46rem;
	text-align: justify;
}
.banner-wzhi-3{
	width:100%;
	position: absolute;
	left: 0;
	top:50%;
	padding:0 .5rem;
	 transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.banner-wzhi-3 h2{
	color:#fff;
	font-size:.60rem;
	line-height:1rem;
	text-align: center;
}
.banner-wzhi-3 h3{
	text-align: center;
	color:#fff;
	font-size:.24rem;
	line-height:.3rem;
	padding:.2rem 0 .4rem;
	text-transform: uppercase;
}
.banner-wzhi-3 p{
	color:#fff;
	font-size:.30rem;
	line-height:.40rem;
	padding:.14rem 0;
}

.banner .swiper-pagination{
	bottom:20px;
}
.banner .swiper-pagination .swiper-pagination-bullet{
	background:#949498;
	width:.12rem;
	height:.12rem;
	margin:0 .06rem;
	opacity: 1;
}
.header-nav{
	width:100%;
	position: absolute;
	left: 0;
	top:100%;
	z-index:99999;
	background:rgba(1, 3, 5,0.8);
	display: none;
}
.header-nav ul li{
	
}
.header-nav ul li{
	border-bottom: 1px solid #fff;
}
.header-nav ul li .tabel h3 a{
	display: block;
	color:#fff;
	font-size:.36rem;
	line-height:.84rem;
	padding:0 .6rem;
	background:url(../images/danj-1.png) no-repeat 92% center;
	background-size:.15rem;
}
.header-nav ul li.none .tabel h3 a{
	background: none;
}
.header-nav ul li.active .tabel h3 a{
	color:#35a8eb;
}
.header-nav ul li .slide{
	display: none;
}
.header-nav ul li.active .slide{
	display: block;
}
.header-nav ul li .slide a{
	display: block;
	color:#fff;
	font-size:.30rem;
	line-height:.60rem;
	padding:0 .6rem;
}
.header-nav ul li .slide a+a{
	border-top:1px solid #6c747f;
}

.section_1{
	height:14.60rem;
	padding:0 .5rem;
	background:url(../images/section_1.jpg) no-repeat top center;
	background-size:100%;
}
.respect_title{
	text-align: center;
	padding:.3rem 0 0;
}
.respect_title h3{
	font-size:.60rem;
	line-height:.8rem;
	color:#fff;
}
.respect_title p{
	font-size:.24rem;
	line-height:.40rem;
	color:#fff;
	text-transform: uppercase;
}
.respect-fulls .page{
	/*padding:0 .5rem;*/
}
.respect-fulls .page h4{
	/*text-align: center;*/
	color:#fff;
	font-size:.36rem;
	line-height:.46rem;
	text-align: justify;
	padding:.2rem 0 .5rem;
}
.respect-fulls .page p{
	text-align:justify;
	color:#fff;
	font-size:.24rem;
	line-height:.4rem;
	padding:.2rem 0;
}
.respect-fulls .page .morex{
	padding:.3rem 0;
}
.respect-fulls .page .morex a{
	display: inline-block;
    /*width:1.12rem;*/
    padding:0 .3rem;
    font-size:.24rem;
    line-height:.42rem;
    color: #fff;
    background: #35a8eb;
    border-radius:.3rem;
    /*text-align: center;*/
}
.proof-swiper{
	/*width: 92%;*/
	margin:.3rem -.2rem 0;
	padding:.3rem;
	background:rgba(255, 255, 255,0.5);
}
.section_2{
	height:7.8rem;
	padding:0 .5rem;
	background:url(../images/section_2.jpg) no-repeat top center;
	background-size:100%;
}

.franchise_video {
    width:6.26rem;
    height:3.4rem;
    margin:.5rem auto 0;
    position: relative;
    border-radius:.2rem;
    overflow: hidden;
    border: 2px solid #415d83;
    background-color: #000;
}
.franchise_video .index-1ml {
   width:6.26rem;
    height:3.4rem;
    position: relative;
    cursor: pointer;
}
.franchise_video .index-1ml video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: #f3f3f3; */
    display: none;
}
.section_3{
	/*padding:.5rem 0 0;*/
	background:#131313;
}
.section_3 .bg{
	min-height:4.9rem;
	background:url(../images/section_3.jpg) no-repeat top center;
	background-size:100%;
}
.science-page {
	padding:1rem .5rem 0;
}
.science-page h3{
	font-size:.40rem;
	color:#fff;
	line-height:.6rem;
	padding-bottom:.8rem;
}
.science-page h3 span{
	font-size:.4rem;
	color:#35a8eb;
}
.science-page p{
	font-size:.24rem;
	color:#fff;
	line-height:.6rem;
}
.section_3-list ul{
	padding:.76rem .3rem 0;
}
.section_3-list ul li{
	width:49%;
}
.section_wenz_3 h3{
	font-size:.48rem;
	color:#35a8eb;
	line-height:.6rem;
}
.section_wenz_3{
	padding:.3rem .5rem;
}
.section_wenz_3 p{
	font-size:.24rem;
	color:#fff;
	line-height:.3rem;
	text-align: justify;
	padding:.2rem 0;
}

.section_4{
	min-height:19.45rem;
	background:url(../images/section_4.jpg) no-repeat top center;
	background-size:100%;
}
.respect-fulls.cur .page{
	padding:.5rem;
}
.Products-bus{
	padding:.2rem;
}
.Products-bus ul{
	padding:.65rem .3rem .3rem;
	border-radius:.2rem;
	background:rgba(255,255,255,0.2);
}
.Products-bus ul li{
	float: left;
	width:50%;
	padding:0 .2rem;
}
.Products-bus ul li .Img img{
	display: block;
	width:100%;
}
.Products-bus ul li p{
	text-align: center;
	color:#fff;
	font-size:.24rem;
	line-height:.70rem;
}
.tac{
	text-align: center !important;
}
.section_5{
	min-height:12.29rem;
	padding:0 .5rem;
	background:url(../images/section_5.jpg) no-repeat top center;
	background-size:100%;
}
.Scene-Imglist ul{
	padding:.6rem .2rem 0;
	margin:0 -.5rem;
}
.Scene-Imglist ul li {
    float: left;
    width:50%;
    padding:0 .07rem;
    margin: 0 0 .22rem;
    
}
.Scene-Imglist ul li span{
	display: block;
	border: 1px solid #fff;
	border-radius:.05rem;
	overflow: hidden;
	height:2.22rem;
}
.Scene-Imglist ul li span img{
	display: block;
	width:100%;
	height:100%;
}

.section_6{
	background:#222324;
	padding:0 .5rem .2rem;
}
.Fullnewbar ul{
	padding:.3rem 0 0;
}
.Fullnewbar ul li{
	padding-top:.28rem;
	border-bottom:1px solid #4e4f50;
}
.Fullnewbar ul li .text p{
	color:#fff;
	font-size:.24rem;
	text-align: center;
	line-height:.44rem;
	padding:.2rem 0;
	 white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.btn_more {
    display:block;
    width:1.5rem;
    line-height:.42rem;
    color: #fff;
    margin:.3rem auto;
    background: #35a8eb;
    border-radius:.3rem;
    text-align: center;
}
.section_7{
	height:8.19rem;
	padding:0 .5rem;
	background:url(../images/section_7.jpg) no-repeat top center;
	background-size:100%;
}
.Products_map{
	padding:1rem 0 0;
}
.footer{
	background:#222324;
	padding:.2rem 0;
}
.foot-tell{
	border-bottom:1px solid #4f4f50;
	padding:0 .5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.foot-tell span{
	display: inline-block;
	color:#fff;
	font-size:.3rem;
	line-height:.76rem;
	color:#efefef;
}
.footadress{
	padding:.25rem .5rem;
}
.footadress .copyright p{
	color:#fff;
	text-align: center;
	font-size:.24rem;
	line-height:.4rem;
}
.footadress .items{
	padding:.3rem 0;
	margin:0 .4rem;
}
.footadress .items .wzh{
	color:#fff;
	font-size:.24rem;
	line-height:.3rem;
	margin-right:.2rem;
}
.footadress .items .Img{
	width: 1.8rem;
}

.banner-gy{
	height:5.27rem;
	background:url(../images/banner-gy.jpg) no-repeat top center;
	background-size:100%;
	position: relative;
	padding-top:.6rem;
	display: flex;
	text-align: center;
	  justify-content: center;
	  align-items: center;
}
.banner-gy .wenzhis h3{
	color:#fff;
	font-size:.60rem;
	line-height:.80rem;
	padding:.4rem 0;
}
.banner-gy .wenzhis p{
	color:#fff;
	font-size:.30rem;
	padding:.1rem 0;
	line-height:.5rem;
}
.banner-gy .wenzhis h4 span.dian_gy{
	display: inline-block;
	width:.19rem;
	height:.19rem;
	background:url(../images/dian_gy.png) no-repeat;
	background-size:100%;
}

.Crumbs-navadr{
	border-bottom:1px solid #cdcdcd;
	padding:0 .4rem;
	color:#898989;
	font-size:.24rem;
	line-height:.76rem;
}
.Crumbs-navadr a{
	display: inline-block;
	font-size:.24rem;
	line-height:.76rem;
	color:#898989;
}
.synopsis-clisk ul{
	padding:.30rem 0 .32rem;
}
.synopsis-clisk ul li{
	margin:0 .12rem;
}
.synopsis-clisk ul li a{
	display: block;
	width:1.7rem;
	text-align: center;
	line-height:.6rem;
	font-size:.30rem;
	color:#383838;
}
.synopsis-clisk ul li.active a{
	color:#fff;
	background:#35a8eb;
}
.synopsis-conts{
	background:#f3f3f3;
	padding: .22rem;
}
.synopsis-inner{
	padding:.28rem;
	background:#fff;
}
.synopsis-jshao .pages{
	padding:.4rem 0;
}
.synopsis-jshao .pages p{
	text-indent:2em;
	padding:.12rem 0;
	font-size:.24rem;
	color:#383838;
	line-height:.4rem;
	text-align: justify;
}

.synopsis-jshao .pages p img{ display:block; margin:3px auto; }





.synopsis-text{
	padding:.3rem 0;
}
.synopsis-text h3{
	text-align: center;
	font-size:.30rem;
	color:#383838;
	line-height:.5rem;
}

.synopsis-cjlist ul li{
	float: left;
	width:50%;
	padding:0 .2rem;
	text-align: center;
}
.synopsis-cjlist ul li p{
	font-size:.24rem;
	line-height:.70rem;
	color:#383838;
}
.synopsis-cjlist ul{
	margin:0 -.2rem;
}


.M_ind_news_title { line-height:35px;  height:35px; background-color:#f3f3f3; }
.M_news_fy { width:85%; margin:5px auto; line-height:25px;}

.M_rc_t1 { background-color:#388bd7; line-height:26px; color:#FFFFFF;  font-size:16px; }
.news_nr_time_14{ color:#a8a8a8; font-size:12px; line-height:26px;}
.news_nr_tiltle_30{ color:#383838; font-size:22px; line-height:30px;}
.ryzh_img img { width:100%; height:auto;}
.cp_list_prodname { font-family:14px; padding:5px; 0px; margin:10px 0px; text-align:center;}

/*

.cp_nerong td{ width:100%; height:auto;}
.cp_nerong ing{ width:100%; height:auto;}

*/


.cccp_table_line01 { font-size:16px; line-height:50px; height:50px; text-align:center; font-weight: 600;background-color:#c0e8f7;border-left:#666666  solid 1px;  border-top:#666666  solid 1px; border-right:#666666  solid 1px;}
.cccp_table_line02 { font-size:16px; line-height:50px; height:50px; text-align:center; font-weight: 600;background-color:#c0e8f7;border-left:#666666  solid 1px;  border-top:#666666  solid 1px; border-right:#666666  solid 1px;}
.cccp_table_td_123 { font-size:14px; height:24px; line-height:24px; text-align:center; color:#333;background-color:#f6f6f6;border-left:#666666  solid 1px;  border-top:#666666  solid 1px; border-right:#666666  solid 1px; width:300px;}
.cccp_table_td_123_4 { font-size:14px; height:24px; line-height:24px; text-align:center; color:#333;border-left:#666666  solid 1px;  border-top:#666666  solid 1px; border-right:#666666  solid 1px; width:300px;}

.cccp_table_td_4 { font-size:14px; height:24px; line-height:24px; text-align:center; color:#333;background-color:#f6f6f6;border-left:#666666  solid 1px;  border-top:#666666  solid 1px; border-right:#666666  solid 1px; border-bottom:#666666 solid 1px; width:300px;}
.cccp_table_td_4_bai { font-size:14px; height:24px; line-height:24px; text-align:center; color:#333;border-left:#666666  solid 1px;  border-top:#666666  solid 1px; border-right:#666666  solid 1px; border-bottom:#666666 solid 1px; width:300px;}
.cccp_table_td_5 { font-size:14px; height:24px; line-height:24px; text-align:left; padding:3px; color:#333;background-color:#f6f6f6;border-left:#666666  solid 1px;  border-top:#666666  solid 1px; border-right:#666666  solid 1px; border-bottom:#666666 solid 1px; width:300px;}

.cp_list_proname_14 a{ font-size:15px; color:#FFFFFF;}
.cp_list_proname_14 a:hover{ font-size:15px; color:#35a8eb;}

.job_neirong { line-height:24px; font-size:14px; color:#666666;}

.fuwu_neirong p{ line-height:24px; font-size:14px; color:#666666; text-align: justify; text-indent:2em;}
.fuwu_neirong strong {   font-size:22px; line-height:42px; color:#09F; margin:10px auto;display: block;}



.cp_neirong_name { font-size:18px;; line-height:24px; color:333333;}

.banner-cp{
	height:5.27rem;
	background:url(../images/banner-cp.jpg) no-repeat top center;
	background-size:100%;
	position: relative;
	padding-top:.9rem;
	display: flex;
	text-align: center;
	  justify-content: center;
	  align-items: center;
}
.banner-cp .wenzhis h3{
	color:#fff;
	font-size:.4rem;
	line-height:.52rem;
}
.banner-cp .wenzhis p{
	color:#fff;
	font-size:.18rem;
	padding:.1rem 0;
	line-height:.32rem;
}
.banner-cp .wenzhis h4 span.dian_gy{
	display: inline-block;
	width:.19rem;
	height:.19rem;
	background:url(../images/dian_gy.png) no-repeat;
	background-size:100%;
}

.banner-xw{
	height:5.27rem;
	background:url(../images/banner-xw.jpg) no-repeat top center;
	background-size:100%;
	position: relative;
	padding-top:.9rem;
	display: flex;
	text-align: center;
	  justify-content: center;
	  align-items: center;
}
.banner-xw .wenzhis h3{
	color:#fff;
	font-size:.4rem;
	line-height:.52rem;
}
.banner-xw .wenzhis p{
	color:#fff;
	font-size:.18rem;
	padding:.1rem 0;
	line-height:.32rem;
}
.banner-xw .wenzhis h4 span.dian_gy{
	display: inline-block;
	width:.19rem;
	height:.19rem;
	background:url(../images/dian_gy.png) no-repeat;
	background-size:100%;
}

.banner-job{
	height:5.27rem;
	background:url(../images/banner-job.jpg) no-repeat top center;
	background-size:100%;
	position: relative;
	padding-top:.9rem;
	display: flex;
	text-align: center;
	  justify-content: center;
	  align-items: center;
}
.banner-job .wenzhis h3{
	color:#fff;
	font-size:.4rem;
	line-height:.52rem;
}
.banner-job .wenzhis p{
	color:#fff;
	font-size:.18rem;
	padding:.1rem 0;
	line-height:.32rem;
}
.banner-job .wenzhis h4 span.dian_gy{
	display: inline-block;
	width:.19rem;
	height:.19rem;
	background:url(../images/dian_gy.png) no-repeat;
	background-size:100%;
}


.banner-fuwu{
	height:5.27rem;
	background:url(../images/banner-fuwu.jpg) no-repeat top center;
	background-size:100%;
	position: relative;
	padding-top:.9rem;
	display: flex;
	text-align: center;
	  justify-content: center;
	  align-items: center;
}














.banner-ry{
	height:5.27rem;
	background:url(../images/banner-ry.jpg) no-repeat top center;
	background-size:100%;
	position: relative;
	padding-top:.9rem;
	display: flex;
	text-align: center;
	  justify-content: center;
	  align-items: center;
}
.banner-ry .wenzhis h3{
	color:#fff;
	font-size:.4rem;
	line-height:.52rem;
}
.banner-ry .wenzhis p{
	color:#fff;
	font-size:.18rem;
	padding:.1rem 0;
	line-height:.32rem;
}
.banner-ry .wenzhis h4 span.dian_gy{
	display: inline-block;
	width:.19rem;
	height:.19rem;
	background:url(../images/dian_gy.png) no-repeat;
	background-size:100%;
}




.banner-lx{
	height:5.27rem;
	background:url(../images/banner-lx.jpg) no-repeat top center;
	background-size:100%;
	position: relative;
	padding-top:.9rem;
	display: flex;
	text-align: center;
	  justify-content: center;
	  align-items: center;
}
.banner-lx .wenzhis h3{
	color:#fff;
	font-size:.4rem;
	line-height:.52rem;
}
.banner-lx .wenzhis p{
	color:#fff;
	font-size:.18rem;
	padding:.1rem 0;
	line-height:.32rem;
}
.banner-lx .wenzhis h4 span.dian_gy{
	display: inline-block;
	width:.19rem;
	height:.19rem;
	background:url(../images/dian_gy.png) no-repeat;
	background-size:100%;
}
