@media screen and (min-width: 320px) {
	body{font-size: 75%;}
}
@media screen and (min-width: 360px) {
	body{font-size: 85.25%;}
}
@media screen and (min-width: 400px) {
	body{ font-size: 100%;}
}
@media screen and (min-width: 480px) {
	body{font-size: 112.5%;}
}
@media screen and (min-width: 568px) {
	body{font-size: 133%;}
}
@media screen and (min-width: 639px) {
	body{
		font-size: 150%;
	}
}
/* **************************************** */
/*
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;


-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
*/
/* **************************************** */
.m-nav{overflow: hidden; overflow: hidden; background: #3395e4;}
.m-nav li{ width: 25%;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; border-left: 1px solid #219afb;border-right: 1px solid #2883cc;border-bottom: 1px solid #2883cc; border-top: 1px solid #219afb; height: 3.216667em; line-height: 3.216667em; float: left; text-align: center; color: #fff;}
.m-nav a:nth-child(1) li,
.m-nav a:nth-child(5) li{ border-left: none;}
.m-nav a:nth-child(4) li,
.m-nav a:nth-child(8) li{ border-right: none;}
/**/
.swipe {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	margin-top:0.5em;
	margin-bottom:0.28em;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > div {
	float: left;
	width: 100%;
	position: relative;
}
.swipe_pic {
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-size: 60px auto;
	background-repeat: no-repeat;
}
.swipe_pic img {
	width: 100%;
}
.swipe_num {
	position: absolute;
	right: 45%;
	bottom: 1em;
}
.swipe_num li {
	float: left;
	width: 8px;
	height: 8px;
	font-size: 0;
	text-indent: 999rem;
	background: #fff;
	margin: 0 4px;
	overflow: hidden;
	border-radius:5px;

}
.swipe_num li.active {
	width: 8px;
	height: 8px;
	border-radius:5px;
}
.swipe_num li.active{  background:#f9cc0f; box-shadow:0 0 1px #f9cc0f; border-radius:5px;}

/**/


.m-nt{ padding-bottom:1em; overflow:hidden;}
.m-nt h2 img{ width:100%}
.m-nt p{ padding: 0.3em 0 0 20%; background:url(../Images/nt_bg.jpg) no-repeat center top; background-size:contain; line-height:2.53em;}
.m-nt p b{ display:block; padding-bottom:0.75em; font-size:1.25em; color:#333333;}


/*²úƷչʾ*/
.g-cpzs{ overflow: hidden;}
.g-cpzs h2{ height: 3em; background: #3395e4; line-height: 3em; overflow:hidden; padding: 0 1.25em; font-size: 1em; position: relative;}
.g-cpzs h2 i{ display: block; overflow: hidden; color: #fff; float: right; width: 1.25em; line-height: 1.15em; border: 1px solid  #fff; border-radius: 100%; text-align: center;  height: 1.25em; margin: 0.8333em 0 0;}
.g-cpzs h2 em{ font-size: 1.25em; color: #fff; padding-left: 1.3333em;}
.g-cpzs h2:after{ left: 1.25em; position: absolute; content: ""; top: 0.91666em; width: 1.16667em;height: 1.16667em;
background:url(../Images/proFlIco.png) no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}

.m-cpzs{ padding-bottom:1.25em; overflow:hidden;}
.m-cpzs p{ padding:0 5.625%; overflow:hidden;}
.m-cpzs p a{ float:left; width:48%; padding:1em 0 0 0; text-align:center; color:#333333;}
.m-cpzs p a:nth-of-type(2n){ float:right;}
.m-cpzs p a img{ display:block; width:95%; margin:0 auto 0.3em; padding:3px; border:1px solid #e5e5e5;}
.m-cpzs .more{ position:relative; display:block; padding: 0 0 0 15%; line-height:3.1em; text-align:center; color:#000000; text-align:center;background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#d4d4d4)); margin-top:1em; 
background-image: -webkit-linear-gradient(top,   #fafafa, #d4d4d4); 
background-image: -moz-linear-gradient(top, #fafafa, #d4d4d4);
background-image: linear-gradient(top,  #fafafa, #d4d4d4);}
.m-cpzs .more:before{ position:absolute; content:''; width:0.7917em; height:0.9em; left:38%; top:1.2em; background:url(../Images/cpzs_icon1.png) no-repeat center top; background-size: contain;}



.g-lct{ height: 40.08333em; overflow: hidden;
background:url(../Images/lct.jpg) no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}
.g-lct h2{ padding-top:1.375em; height: 5.875em; font-size: 1em;  color: #fff; text-align: center; color: #fff;}
.g-lct h2 em{ display: block; font-size: 1.6667em; font-weight: bold; color: #fff; height: 1.825em;}
.g-lct h2 b{ display: block; line-height: 2.3em; color: #fff; font-weight: normal;}
.g-lct .u-btn{ display: block; width: 7.25em; height: 1.875em; line-height: 1.875em; text-align: center; margin: 0 auto; color: #222222; background: #fdc400; border-radius: 9.375em; margin-bottom: 1.25em;}
.m-lct{ display: block; padding: 0 1.6667em;}
.m-lct dl{ width: 10.25em; overflow: hidden;}
.m-lct dt{ display: block;}
.m-lct dt img{ display: block; width: 100%; height: auto; overflow: hidden;}
.m-lct dd{ line-height: 2.8333em; overflow: hidden; height: 4.41667em; text-align: center; color: #fff; font-weight: bold;}
.m-lct dl:nth-child(1n){ float: left;}
.m-lct dl:nth-child(2n){ float: right;}


/**/
.g-case{ height: 18em; overflow: hidden;}
.g-case h2{ height: 3em; background: #3395e4; line-height: 3em; overflow:hidden; padding: 0 1.25em; font-size: 1em; position: relative;}
.g-case h2 i{ display: block; overflow: hidden; color: #fff; float: right; width: 1.25em; line-height: 1.15em; border: 1px solid  #fff; border-radius: 100%; text-align: center;  height: 1.25em; margin: 0.8333em 0 0;}
.g-case h2 em{ font-size: 1.25em; color: #fff; padding-left: 1.3333em;}
.g-case h2:after{ left: 1.25em; position: absolute; content: ""; top: 0.91666em; width: 1.16667em;height: 1.16667em;
background:url(../Images/proFlIco.png) no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}
/**/
.m-case{ padding: 0.8333em 1.25em 0; height:13.9em; position: relative;}
.m-case .prev,
.m-case .next{ position: absolute; top: 6.233em; width: 1.58333em;}
.m-case .prev img,
.m-case .next img{ width: 100%; height: auto;display: block;}
.m-case .prev{ left: 1.25em;}
.m-case .next{ right: 1.25em;}
.m-case .nowarp,
.m-case .sclwrap_box,
.m-case .m-box,
.m-case .con{ height: 17.5em; overflow: hidden;}
.m-case .con{ width: 100%; display: block; float: left;}
.m-case .nowarp{ margin: 0 4.8333em;}
.m-case .con a{ display: block;}
.m-case .con img{ display: block; width: 100%;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; padding: 1px; border: 1px solid #bfbfbf;}
.m-case .con i{ display: block; height: 2.25em; line-height: 2.25em; text-align: center; color: #666}
/**/
/**/
.g-abt{ height: 24.4em; overflow: hidden;}
.g-abt h2{ height: 3em; background: #3395e4; line-height: 3em; overflow:hidden; padding: 0 1.25em; font-size: 1em; position: relative;}
.g-abt h2 i{ display: block; overflow: hidden; color: #fff; float: right; width: 1.25em; line-height: 1.15em; border: 1px solid  #fff; border-radius: 100%; text-align: center;  height: 1.25em; margin: 0.8333em 0 0;}
.g-abt h2 em{ font-size: 1.25em; color: #fff; padding-left: 1.3333em;}
.g-abt	 h2:after{ left: 1.25em; position: absolute; content: ""; top: 0.91666em; width: 1.16667em;height: 1.16667em;
background:url(../Images/proFlIco.png) no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}
/**/
.m-abt{ padding: 0.8333em 1.25em 0; height:13.9em; position: relative;}
.m-abt .prev,
.m-abt .next{ position: absolute; top: 6.133em; width: 1.58333em;}
.m-abt .prev{ left: 1.25em;}
.m-abt .next{ right: 1.25em;}
.m-abt .prev img,
.m-abt .next img{ width: 100%; height: auto;display: block;}
.m-abt .nowarp,
.m-abt .sclwrap_box,
.m-abt .m-box,
.m-abt .con{ height:20.8333em; overflow: hidden;}
.m-abt .con{ width: 100%; display: block; float: left;}
.m-abt .nowarp{ margin: 0 0em;}
.m-abt .con a{ display: block;}
.m-abt .con em{ display: block; margin: 0 3.9166em; position: relative;}
.m-abt .con em:after{ position: absolute; left: 0; bottom:-1em; height: 1em; content: ""; width: 100%;
background:url(../Images/abtY.jpg) no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}
.m-abt .con img{ display: block; width: 100%;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; padding: 0.08333em; border: 1px solid #c5c5c5; background: #e5e5e5}
.m-abt .con i{ display: inline-block;  text-align: center; color: #3395e4}
.m-abt .con b{ display: block; height:2.3em ;line-height:2.3em ; color: #222222; text-align: center; padding-top: 1em;}
.m-abt .con span{ color: #666; text-align: center; display: block; line-height: 1.5em;}
/**/
.g-news{ height: 18.333em;}
.g-news .m-cnt{ height: 3em;  background: #3395e4; padding-right: 1.25em}
.g-news .m-cnt li{ width: 6.574em; height: 2.769em; float: left; text-align: center; line-height: 2.769em; font-size: 1.08333em;color: #fff; position: relative;}
.g-news .m-cnt li.z-on{ background: #fdc500; color: #222222;}
.g-news .m-cnt li.z-on:after{left: 50%;margin-left:;bottom: -0.25em; border-top:0.3em solid #fdc500; border-left: 0.3em solid #fff;border-right: 0.3em solid #fff; content: ""; position: absolute;}
.g-news .m-cnt .more{ display: block; overflow: hidden; color: #fff; float: right; width: 1.25em; line-height: 1.15em; border: 1px solid  #fff; border-radius: 100%; text-align: center;  height: 1.25em; margin: 0.8333em 0 0;}
.g-news .m-cnt li:nth-child(1){ border-right: 1px solid #3395e4}
.g-news .m-cnt li:nth-child(2){ border-right: 1px solid #3395e4;border-left: 1px solid #ffffff;}
.g-news .m-cnt li:nth-child(3){border-left: 1px solid #ffffff;}
.g-news .sclwrap_box,
.g-news .m-box,
.g-news .con{ display: block; height: 13.5em; overflow: hidden;}
.g-news .sclwrap_box{ padding-top: 0.6667em;}
.g-news .con{ display: block; width: 100%; float: left;}
.g-news .con a{ display: block; margin: 0 1.25em; color: #666; height: 2.29166em;line-height: 2.29166em; padding-left: 1.25em; position: relative; overflow:hidden;}
.g-news .con a:after{ position: absolute; left: 0; top: 0.78em; width: 0.5em; height: 0.5em; border-radius: 100%; border: 0.0833em solid #3395e4;content: ""}
/**/