*{ margin: 0; padding: 0; font-family: "Microsoft YaHei", "苹方黑体-中粗-简", "Segoe UI", Helvetica; font-family:Microsoft YaHei,sans-serif;/*移动端默认的字体*/}
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, a, em, img,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, tbody, tfoot, thead, tr, th, td {
	color:#555;
	font-size:14px;
	border:none;
}
li{list-style:none;}
a{ text-decoration:none;}
a:hover{color:#990a0a;}
div{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal; }
.clear{ clear:both;}

.fL{ float:left;}
.fR{ float:right;}



@media only screen and (min-width: 320px){html {font-size: 62.5%!important;}}  
@media only screen and (min-width: 360px){html {font-size: 72.5%!important;}}  
@media only screen and (min-width: 400px){html {font-size: 82.5%!important;}}  
@media only screen and (min-width: 480px){html {font-size: 94%!important;}}  
@media only screen and (min-width: 640px){html {font-size: 72.5%!important;}}  
@media only screen and (min-width: 750px){html {font-size: 82.5%!important;}}  
@media only screen and (min-width: 1080px){html {font-size: 94%!important;}}  


/*公共页顶部*/
.logobg{width:96%;  background:#fff; height:auto; overflow:hidden; z-index:999; position:absolute; padding:1% 2%;}
.logobg .logo{ width:70%;  /*background:url(../image/public/logo.png) 5px no-repeat;background-size:80%; */ padding-top:1%; }
.logobg span{ float:right; width:15%; text-align:center; padding-top:1%;}
.logobg a{
	   line-height:80%; 
	  color:#fff;
	  font-size:3vw; 
	  padding:0 1%;
}
.clm{ float:left; left:93%; position:relative; z-index:9990; width:20%; height:auto; overflow:hidden; padding-top:2%;}
.logobg .fR{ float:right; margin-left:0.5em;}
.banner{ width:100%;}
.logobg_h{ height:45px;} /*与.title_bar实际高度保持一致*/

/*.toptitle{background:#f1f1f1; line-height:260%; height:auto; overflow:hidden; font-size:3.5vw; padding:0 2%;}
.toptitle-left{ float:left;}
.toptitle-right{ float:right;}*/


/*产品页顶部*/
.titbg{width:100%;  height:auto; overflow:hidden; z-index:999; position:absolute; }
.titbg .logo{ width:80%;  background: url(../images/about_02.png) right no-repeat #2577a9; height:3.4rem; color:#fff; padding-left:4%; line-height:220%; font-size:4.5vw;}
.titbg span{ float:right; width:16%; text-align:center; background:#f4f4f4;}
.titbg a{
	   line-height:80%; 
	  color:#fff;
	  font-size:3vw; 
	  padding:0 1%;
}


/*底部*/
.footer{width: 100%;
	height:auto;
	overflow: hidden;
	background:#5797bd;
	text-align:center;
	line-height:200%;
	font-size:3.5vw; 
	padding:1% 0;
	color:#fff;
	}
.footer a{color:#fff;}	
.footer_h{ height:0;}

/*banner切换*/
#banner {
	width: 100%;
	height:auto;
	overflow: hidden;
	position:relative;
}
#banner .swiper-slide {
	position:relative;
	text-align:center;
}
#banner img {
	width: 100%;
}
.gallerytitle {
	text-align: left;
	padding-left:10px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	/*text-shadow: 1px 1px 1px #000;*/
	background-color: rgba(0,0,0,0.4);
}
.pagination {
	position: absolute;
	z-index: 20;
	bottom: 10px;
	width: 66px;
	text-align: center;
	right:45%;
}
.swiper-pagination-bullet {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius:5px;
	background: #fff;
	margin: 0 2px;
	opacity: 0.8;
	cursor: pointer;
}
.swiper-pagination-bullet-active {
	background: #ff6600;
}

.bignav{background:#f1f1f1; line-height:300%; height:auto; overflow:hidden; font-size:3.5vw; padding-left:2%;}
.bignav .current{ background:#d7e2ea; }
.bignav a{padding:0 1.5%; line-height:300%;}


/*首页图标*/
.nav{ background:url(../images/newbg.png) repeat;}
.nav ul{ overflow:hidden; padding:8px;}
.nav li{ float:left; width:21%; overflow:hidden; padding:2%; text-align:center;}
.nav li a{ display:block;}
.nav li h3{line-height:150%; font-size:2.5vw; color:#8f8f8f;}
.nav li h2{ line-height:200%; text-align:center; font-size:3vw; margin:0px auto; font-weight:600; color:#272727;}
/*.nav ul li img{box-shadow:0 0 10px #06C;}*/


/*公司简介图标*/
.companynav{background:url(../images/arrowbg.png) repeat;}
.companynav ul{ overflow:hidden; padding:8px;}
.companynav li{ float:left; width:21%; overflow:hidden; padding:2%; text-align:center;}
.companynav li a{ display:block;}
.companynav li h3{line-height:150%; font-size:2.5vw; color:#8f8f8f;}
.companynav li h2{ line-height:200%; text-align:center; font-size:3vw; margin:0px auto; font-weight:600; color:#272727;}
/*.nav ul li img{box-shadow:0 0 10px #06C;}*/


.a_company{ background:url(../images/about_11.png) top center no-repeat;  width:100%; height:auto; overflow:hidden; margin:0px auto;}
.a_company_text{ width:80%; font-size:3.5vw; line-height:200%; color:#141414; margin:0px auto; padding:0; padding-bottom:5%;}	

.a_dvlop{background:url(../images/index_08.jpg) top center no-repeat; background-size:100%; width:100%; height:15rem; margin:0px auto;}

.a_cru{background:url(../images/index_07.jpg) center no-repeat; background-size:100%;  width:100%; height:17rem; margin:0px auto;}

.a_roon{background:url(../images/index_05.jpg) top center no-repeat; background-size:100%; width:100%; height:30rem; margin:0px auto;}

/*间隔线*/
.h_gray{ line-height:100%; width:100%; border-top:1px #bfbfbf solid;  border-bottom:1px #bfbfbf solid; background:#e8e8e8; color:#e8e8e8; font-size:8px;}

.home{
	text-align:left;
	height:auto;
	overflow:hidden;
	font-size:14px; 
	line-height:35px; 
	color:#666;
	margin:0 auto;
	width:96%;
	padding:0 2%;
	border-bottom:2px #f2f2f2 solid;
	}	


/*公司新闻*/
.news_method{
	width: 96%;
	height:auto;
	overflow: hidden;
	margin:0 auto;
	}
.news_method dl{ padding:0 2%; padding-bottom:2%; width:96%; height:auto; overflow: hidden; border-bottom:1px #ccc solid; margin:2% 0; margin-bottom:0;}	

.news_method dl h2{line-height:200%; font-size:3.5vw; font-weight:600; color:#000;}
.news_method dd a{ color:#ff0000; font-weight:600; font-size:3.0vw;}
.news_method dt{ float:right; width:35%; text-align:right;}
.news_method dd{ float:left; width:63%; text-align:left; line-height:200%; font-size:3.0vw; color:#7f7f7f;  padding-right:2%;}



/*新闻中心*/
.news_center{
	width: 96%;
	height:auto;
	overflow: hidden;
	margin:0 auto;
	}
.news_center dl{ padding:0 2%; padding-bottom:2%; width:96%; height:auto; overflow: hidden; border-bottom:1px #ccc solid; margin:2% 0; margin-bottom:0;}	

.news_center dl h2{line-height:250%; font-size:3.5vw; font-weight:600; color:#000;}
.news_center dd a{ color:#ff0000; font-weight:600; font-size:3.0vw;}
.news_center dt{ float:left; width:35%; text-align:right; padding-top:2%;}
.news_center dd{ float:right; width:63%; text-align:left; line-height:200%; font-size:3.0vw; color:#7f7f7f;  padding-left:2%;}

/*新闻中心*/
.qfx_news_list{padding:2rem 4%; padding-bottom:3rem; margin:0 auto; min-height:33rem;}
.qfx_news_list h1{ font-size:4.5vw; text-align:left; line-height:200%; color:#036; margin:0px auto; font-weight:600; padding:2%;}
.qfx_news_list p{ line-height:250%; font-size:3.5vw; color:#393939; text-indent:2em;}

	
/*产品中心*/
.products_center{
	width: 100%;
	height:auto;
	overflow: hidden;
	min-height:35rem;
	}
.products_center dl{ padding:0 3%; padding-bottom:2%; width:94%; height:auto; overflow: hidden; border-bottom:1px #ccc solid; margin:2% 0; margin-bottom:0;}	

.products_center dd h2{line-height:250%; font-size:3.5vw; font-weight:600; color:#000;}
.products_center dd a{ color:#ff0000; font-weight:600; font-size:2.5vw; float:right; bottom:0;}
.products_center dt{ float:left; width:35%; text-align:right; padding-top:2%;}
.products_center dd{ float:right; width:63%; padding-left:2%;}	
.products_center dd p{text-align:left; line-height:200%; font-size:2.5vw; color:#7f7f7f; min-height:8rem;}	



.product_show{ padding:4%; min-height:33rem;}
.product_show .pic{ margin:0 auto; width:100%; text-align:center;}
.product_show .pic-2{margin:0 auto; width:100%;  text-align:center;}

.product_show h1{ font-size:4.5vw; color:#036; line-height:400%; font-weight:600;}
.product_show .text{width:98%; font-size:3.5vw;  line-height:200%; padding-top:5%; margin:0 auto;}
.product_show .text h2{ font-size:3.5vw; color:#0a57bc; line-height:200%; text-decoration: underline; }
.product_show .text p{ line-height:200%;}

/*产品应用*/
.aplic_center{
	width:96%;
	margin:0 auto;
	height:auto;
	overflow: hidden;
	}
.aplic_center dl{ padding:0 2%; padding-bottom:2%; width:96%; height:auto; overflow: hidden; border-bottom:1px #ccc solid; margin:2% 0; margin-bottom:0;}	

.aplic_center dl h2{line-height:250%; font-size:4.5vw; font-weight:600; color:#004ea2;}
.aplic_center dl a{ color:#ff0000; font-weight:600; font-size:3.0vw; float:right; bottom:0;}
.aplic_center dt{ text-align:center; padding:2%;}
.aplic_center dd{text-align:center;}	
	
	
.contactus_center{ width:96%; padding:5%; margin:0 auto;}
.contactus_center p{ font-size:4.0vw; line-height:200%;}
	
/*大标题*/
.bigtitle{ height:auto; overflow:hidden; margin:0px auto; padding:3%; background:url(../images/line1.png) bottom center no-repeat; background-size:90%; line-height:200%; font-size:4.0vw; font-weight:600; text-align:center;}




.bigtitle span{color:#1d1c1d; font-size:5vw; width:86%; text-align:left; float:left; line-height:200%; margin-top:10px; letter-spacing:1px;}
.bigtitle span.s1{font-size:4.2vw;}
.smtitle, .smatitle{ float:right; height:auto; overflow:hidden; color:#9b9b9b; font-size:3vw; width:88%; text-align:left; line-height:120%; }
.smatitle{font-size:2.2vw;}
.bigtitle p img{ color:#000; text-align:left; width:55%; margin:0;}



/*产品展示*/

.service{
	width:100%;
	background:url(../images/arrowbg.png) repeat;
	padding-bottom:80px;
	}
	
.service li{
	float:left;
	width:22.8%;
	margin:50px 1%;
	border:1px #ccc solid;
	height:auto;
	overflow:hidden;
	height:406px;
	position:relative;
	}
	
.service li p{
	padding-top:35%;
	text-align:center;
	}
	
.service li h2{
	font-size:24px; 
	line-height:80px; 
	color:#fff; 
	text-align:center;
	}	
	
.service li .xs{
	width:100%;
	padding:20px 0;
	position: absolute;
	height:406px;
	display:none;
	top:0;
	left:0;
	cursor:pointer;
	}
	

.service li:hover .xs{display:block; text-align:center;}			
.service li:hover p{ display:none}
.service li:hover h2{ display:none}
.service li:hover .xs h1{ font-size:24px; padding-top:35%;}
.service li:hover .xs button{ background:url(../images/writhbg.png) repeat; color:#000; font-size:22px;  padding:5px 15px; height:auto; overflow:hidden; margin-top:20px; -moz-border-radius:6px;      /* Gecko browsers */
     -webkit-border-radius:6px;   /* Webkit browsers */
     border-radius:6px;}	
	
.service li.s1{background:url(../images/bg4.png) center no-repeat}
.service li.s1:hover{background:url(../images/bg-4a.png) center no-repeat}

.service li.s2{background:url(../images/bg3.png) center no-repeat}
.service li.s2:hover{background:url(../images/bg-3b.png) center no-repeat}

.service li.s3{background:url(../images/bg2.png) center no-repeat}
.service li.s3:hover{background:url(../images/bg-2c.png) center no-repeat}

.service li.s4{background:url(../images/bg1.png) center no-repeat}
.service li.s4:hover{background:url(../images/bg-1d.png) center no-repeat}	
	
	


/*领跑行业的服务项目*/
.servicenav{ }
.servicenav ul{ overflow:hidden; padding:0.2rem  1rem ; margin:0px auto;}
.servicenav ul li{ float:left; width:45%; overflow:hidden; padding:2%; height:auto; padding-bottom:15px; height:19rem; text-align:center;}


.servicenav ul li.s1{background:url(../images/bg4.png) center no-repeat; background-size:100%; margin-right:1%;}
.servicenav ul li.s1:hover{background:url(../images/bg-4a.png) center no-repeat; background-size:100%;margin-right:1%;}

.servicenav ul li.s2{background:url(../images/bg3.png) center no-repeat; background-size:100%;margin-left:1%;}
.servicenav ul li.s2:hover{background:url(../images/bg-3b.png) center no-repeat; background-size:100%;margin-left:1%;}

.servicenav ul li.s3{background:url(../images/bg2.png) center no-repeat; background-size:100%;margin-right:1%;}
.servicenav ul li.s3:hover{background:url(../images/bg-2c.png) center no-repeat; background-size:100%;margin-right:1%;}

.servicenav ul li.s4{background:url(../images/bg1.png) center no-repeat; background-size:100%;margin-left:1%;}
.servicenav ul li.s4:hover{background:url(../images/bg-1d.png) center no-repeat; background-size:100%;margin-left:1%;}	


.servicenav ul li img{ width:50%;  margin:0 auto; height:auto; overflow:hidden; padding-top:35%; }
.servicenav ul li p{line-height:370%; font-size:3.5vw; font-weight:600; color:#fff;}

/*产品应用*/
.degree{ width:100%; height:auto; overflow:hidden;}

/*公司简介*/
.company{ width:100%; height:auto; overflow:hidden; background:url(../images/index_06.png) center no-repeat;}
.company a{ color:#F00;}
.compay-left{
	padding:5%;
	font-size:3.5vw;
	line-height:200%;
	text-align:left;
	color:#141414;
	}	
.compay-right{
	}	
	




/*中间小bannergonggao*/
.banner_gonggao{
	width: 100%;
	height:auto;
	overflow: hidden;
}
.gonggao1{ background:#fff;}
.gonggao2{ background:#c81a61; color:#fff;  line-height:200%; font-size:6vw; text-align:center; letter-spacing:3px;}

/*领跑行业的实战经验*/
.experience {
	width: 100%;
	height:auto;
	overflow: hidden;
	
}
.experience ul{ padding:2%; margin-top:1rem; margin_bottom:1rem	;}
.experience li{ 
    float:left;
	width:43%;
	padding:1rem 2%; 
	border:2px solid #ccc darkslategray; 
	box-shadow: darkgrey 3px 3px 3px 2px;
	margin:0.5rem; margin-bottom:1.5rem;
	 }
.experience li img{border:1px solid #ccc}
.experience li h2{line-height:200%; font-size:1.8vw; text-align:center; width:100%;}
.experience li a{ display:block;}


/*理论体系*/
.system_info{
	width: 100%;
	height:auto;
	overflow: hidden;
	
}
.system_info ul{ padding:0 2%; margin-top:1rem; margin_bottom:1rem	;}
.system_info li{ 
    float:left;
	width:33%;
	padding:1rem 2%; 
	border:2px solid #ccc darkslategray; 
	box-shadow: darkgrey 3px 3px 3px 2px;
	margin:0.5rem; margin-bottom:1.5rem;
	 }
.system_info li img{border:1px solid #ccc}



/*领跑行业的信誉度*/
.Credibility{
	width: 100%;
	height:auto;
	overflow: hidden;
	background:#f8485c;
	}
.Credibility .video{ margin:1rem auto; text-align:center; width:60%;}	
.Credibility h2{line-height:300%; font-size:3vw; color:#fff; text-align:center;}



/*情感答疑*/
.answer_questions{
	width: 100%;
	height:auto;
	overflow: hidden;
	}
.answer_questions ul{ padding:0 2%;}
.answer_questions li{ float:left; width:80%; padding:0 2%;}
.answer_questions h2{line-height:300%; font-size:4vw; color:#727272; text-align:center;}	


.payment_h{ height:30rem;}
.payment{
	display:block;
	background:#f8485c;
	color:#fff;
	text-align:center;
	line-height:200%;
	font-size:5vw;
	position:fixed;
	bottom:0;
	width:100%;
	}