@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#f2f2f2;  font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}
header{ overflow:hidden; width:100%; background-color:#fff;}
header h1{ width:28%; float:left; margin:3% 1% 2% 1%; padding-right:3%; border-right:1px solid #dfdfdf;text-align: -webkit-center;}
header h1 img{ display:block; max-width:65%;}
header h2{font-size:1.1em;float:right;margin-top:8%; margin-right:2%;width:62%; color:#0093E0}
header h2 span{ display:block; color:#9E0203; font-size:0.75em;font-weight:normal; margin:1.5% 0;}
header h2 p{font-weight:normal;/* padding-left:1.5em; background:url(../images/hdPhone.png) no-repeat left center; */background-size:8%; font-size: .75em; color:#000; line-height:1.5em}
header h2 p b{font-weight:normal; color:#333;}
/*nav*/

/*nav{overflow:hidden; width:96%; background-color:#991E20; padding:1% 2%}
nav a{ display:block; float:left; width:29%; float:left; padding:.85em 0; margin:1.5% 2%; text-align:center;  color:#991E20; font-size:1em; background-color:#fff; border-radius:0.5em;}*/
nav { overflow:hidden; width:100%; background:url(../images/nav_bg.png) repeat center;}
nav a{ display:block; float:left; width:33.333333333%; text-align:center; font-size:1em; color:#fff; background:#0093E0; border-bottom:1px solid #0093E0; border-top:1px solid #007ED1; padding:0.7em 0;}

/*banner*/
.banner{ overflow:hidden; width:100%;}
.banner img{ display:block; width:100%;}
.banner .banmerAniu{ overflow:hidden; width:100%; height:5px; background:#767676;} 
.banner .banmerAniu span{ display:block; height:5px; width:25%;background:#767676; float:left;}
.banner .banmerAniu span:hover,.banner .banmerAniu span.on{ background-color:#0093E0;}

.gg_bg{ overflow:hidden;width:100%;height:1.5em; background-color:#f2f2f2;}
h3.gg_tit{font-size:1.25em; text-align:center; color:#000;  margin-top:4%;}
h4.gg_tit{font-size:0.85em; text-align:center; color:#666; font-weight:normal; margin-top:1%;}

/*唯一*/
.wy{background-color:#fff/*f2f2f2*/; overflow:hidden;}
.wy .whyBox{ margin:0 auto; width:98%;}
.wy .whyBox h4{ color:#000; margin-top:5%; font-size:1.15em;}
.wy .whyBox h2{ font-size:1.9em; color:#313131}
.wy .whyBox h2 strong{ font-size:1.2em; color:#0093E0}
.wy .whyBox p.p{ font-size:1em; color:#333333; margin-top:.5%}
.wy .whyBox img.img01{ width:104%; display:block; position:relative; left:-2%;}
.wy .whyBox p.p1{ font-size:1.1em; color:#0093E0; padding:0.2em 0; border-bottom:1px solid #7c7c7c;}
.wy .whyBox  h3{ font-size:1.65em; color:#333333; margin:2% 0 8%}
.wy dl{ overflow:hidden; margin:2% 0;}
.wy dt{ border-bottom:0.2em solid #000;}
.wy dt p{ font-size:1.1em; color:#333; padding:.2em 0; margin-top:1%}
.wy dd{ margin-top:2%;}
.wy dd p{background: url(../images/tu-xiaodian.png) no-repeat left 0.5em;background-size: 2%;padding-left:3%;font-size:.85em;color:#666666;line-height:1.8em;}

/*8大*/
.ps{ overflow:hidden; width:100%; background:url(../images/pasaBg.png) repeat-y; background-size:100%; background-color:#fff; height:auto; overflow:hidden;}
.ps img.imggy{ display:block; width:100%;}
.ps .menu{ width:96%; margin:4% auto 3%;}
.ps .menu li{ width:21.2%; font-size:0.85em; text-align:center; margin:0 1.5% 2%; padding:0.5em 0; color:#fff; background-color:#c9c9c9; border-radius:1em; float:left; position:relative;}
.ps .menu li img{ display:none; width:11px; height:5px;position:absolute; top:2.3em; left:48%;}
.ps .menu li.on{ background-color:#0093E0;}
.ps .menu li.on img{ display:block;}
.ps .menu li.last{ margin-right:0}
.ps .list{ overflow:hidden; width:90%; margin:0 auto;}
.ps .list li{ width:46%; margin:0 2%; float:left; background-color:#fff; border-radius:0.6em; margin-bottom:4%; border-bottom:3px solid #dcdcdc;}
.ps .list li a{ display:block; color:#333; text-align:center; line-height:1.5em; margin-bottom:1em;}
.ps .list li a img{ width:100%; display:block;}
.ps a.more{ display:block; width:35%; margin:0 auto 5%;}
.ps a.more img{ display:block; width:100%;}

/*完美碰撞*/
.wmpz{ overflow:hidden; width:100%;background-color:#fff}
.wmpz h3{ font-weight:normal}
.wmpz h3 span{ color:#ff821d; font-weight:bold}
.wmpz img{ display:block; width:100%; margin-top:3%; margin-bottom:5%;}
.wen{ overflow:hidden; width:100%; position:relative; margin:0 auto;}
.wen img{ display:block; width:100%;}
.wen dl{width: 49%;position:absolute;right:5%;bottom: 9%;}
.wen dt{width: 19%;float:left;}
.wen dt img{ display:block; width:100%;}
.wen dd{width: 78%;float:right;}
.wen dd p{font-size: 1em;color:#8d8e8f;}
.wen dd a{ font-size:1.35em; color:#ffffff; display:block; font-weight:bold;}
/*优势*/
.ys{ overflow:hidden; width:100%;}
.ys img{ display:block; width:100%;}

/*产品*/
.pr{ overflow:hidden; width:100%; background:url(../images/gy.png) no-repeat center; background-size:100%; padding-bottom:2%; padding-top:2%}
.pr h3{ font-size:1.55em; color:#fff; text-align:center; margin-top:1%;}
.pr h3 span{ color:#FDE201; font-weight:bold}
.pr h4{ text-align:center; margin-top:2%; font-size:1.15em; font-weight:normal; color:#f7f7f7;}

/*加盟*/
.jm2{ overflow:hidden; width:100%; background:#0093E0;  padding-bottom:5%;}
.jm2 h3{ font-size:1.55em; color:#fff; text-align:center; margin-top:5%;}
.jm2 h3 span{ color:#FDE201; font-weight:bold}
.jm2 h4{ text-align:center; margin-top:2%; font-size:1.15em; font-weight:normal; color:#f7f7f7;}


.jm{ overflow:hidden; width:100%; background:url(../images/bg12.jpg) repeat;padding-bottom:5%;}
.jm h3{ font-size:1.25em; color:#333333; text-align:center; margin-top:6%;}
.jm h3 span{ color:#0093E0; font-weight:bold}
.jm h4{ text-align:center; margin-top:2%; font-size:0.85em; font-weight:normal; color:#999;}
.jm .list{ width: 85%; overflow:hidden; margin:0 auto; margin-top:6%; display:table; text-align:center;}
.jm .list li{ overflow:hidden; width:23%; text-align:center; margin:0 5%; float:left; background:url(../images/jm_li_bg.png) no-repeat center top; background-size:100%;}
.jm .list li b{ display:block; font-size:1.1em; color:#000; padding:1.1em 0 .4em; }
.jm .list li.on{ background:url(../images/jm_li_hover.png) no-repeat center top;background-size:100%;}
.jm .list li.on b{ color:#0093E0;}
.jm .jmCon{ width:94%; margin:0 auto; overflow:hidden; border-radius:5px; background:#fff; padding:0px 10px 20px;}
.jm .jmBox{ overflow:hidden; width:100%; padding-bottom:30px; padding: 10px 20px 0px 0px;box-sizing: border-box;}
.jm .jmBox .more{color: #fff;background: #0093E0;display: block;width: 150px;height: 40px;line-height: 40px;margin: 40px auto 0;font-size: 15px;text-align: center;}
.jm .jmBox img{ display:block; width:100%; border-radius:0.6em; }
.jm .jmBox h5{ font-size:1.1em; color:#0093E0; text-align:center; margin:3% 0 1%;max-width:100%;}
.jm .jmBox p{ color:#333333; font-size:0.85em; text-align:center; line-height:1.8em; max-width:100%;}


/*招商*/
.zs{ overflow:hidden; width:100%; background:url(../images/cysddm_36.jpg) repeat;}
.zs h3{ text-align:center; margin-top:4%;  font-size:1.25em; color:#fff; font-weight:normal}
.zs h3 img{ width:15%; margin-left:1%}
.zs h4{text-align:center; font-size:0.85em; font-weight:normal; color:#bdbdbd; margin-top:1%; }
.zs h4 span{ color:#0093E0;}
.zs .zsCon{ width:90%; margin:0 auto; overflow:hidden}
.zs .zsBox{ width:100%; overflow:hidden}
.zs .zsBox img{ display:block; border:.3em solid #fff; width:97.5%; margin:5% 0;}
.zs .zsBox h5{ text-align:center; color:#ff821d; font-size:1.08em; font-weight:normal;}
.zs .zsBox p{ width:75%; margin:0 auto; line-height:1.4em; color:#fff; font-size:0.85em; text-align:center; margin-top:3%;}
.zs .list{ margin:1% 10% 6%; display: inline-block; font-size: 0;height: 10px; padding: 3px 5px; vertical-align: top; width:80%; text-align:center;}
.zs .list li {
    background: #786a43 none repeat scroll 0 0;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    margin: 0 6px;
    overflow: hidden;
    vertical-align: top;
    width: 10px;
}
.zs .list .on { background: #0093E0 none repeat scroll 0 0;}
/*
.zs .list li{width:25%; float:left; padding:0.5em 0; line-height:1.5em; opacity:0.8; color:#fff; font-size:1.1em; background:url(../images/zs_li_bg.jpg) no-repeat right center;background-color:#786a43; position:relative; text-align:center;}
.zs .list li i{ display:none; background:url(../images/zs_li_xjx.png) no-repeat center; width:13px; height:7px; position:absolute; top:-7px; left:48%; z-index:100}
.zs .list li:last-child{background:#786a43;}
.zs .list li.on{ background:#9E0203;}
.zs .list li.on i{ display:block;}*/
/*代理*/
.d_l{ overflow:hidden; width:100%; background:url(../images/bg12.jpg) repeat; /* background-color:#000*/}
.d_l h2{ text-align:center; font-size:1.65em; color:#0093E0; margin:5% 0 1%; }
.d_l h3{ font-weight:normal; text-align:center; font-size:1.25em; color:#000; margin-bottom:6%;}
.d_l h3 span{ color:#0093E0;}
.d_l .dlBox{ margin:0 auto; width:92%; padding:3% 4%; background-color:#0093E0;  position:relative; padding-bottom:8%}
.d_l .dlBox img.xjx{ position:absolute; top:-.75em; left:50%; margin-left:-13px; width:1em; height:0.85em; display:block}
.d_l .dlCon{ overflow:hidden; width:94%; background-color:#fff; padding:2% 3%; margin-top:3%}
.d_l .dl{ overflow:hidden; width:100%; background-color:#f7f7f7; padding:5% 0;}
.d_l .dl dt{ width:30%; float:left;}
.d_l .dl dt img{ display:block; width:100%;}
.d_l .dl dd{ float:right; width:65%;}
.d_l dd h5{ font-size:1.8em; color:#0093E0;}
.d_l dd p{ font-size:0.85em; color:#333333; margin-top:2%}
.d_l table{ overflow:hidden; width:100%; background-color:#dbdbdb;}
.d_l table tr{ overflow:hidden;background:url(../images/dl-bgBTNbG.jpg) repeat-x bottom center}
.d_l table tr th{ text-align:center; background:url(../images/dl-dlRt.jpg) repeat-y right ,url(../images/dl-touBg.jpg) repeat center; padding:.5em 0; text-align:center; font-size:1em; color:#fff; width:20%; border-bottom:1px solid #fff}
.d_l table tr th:first-child{ color:#fff; background:#0093E0;/* background:url(../images/dl-firstBg.jpg) repeat-x center*/}
.d_l table tr th:last-child{ background:#8F8465;/* background:url(../images/dl-touBg.jpg) repeat center*/}
.d_l table tr td{width:20%; text-align:center; font-size:1em; color:#333; padding:.5em 0; background:url(../images/dl-bg-tdBg.jpg) repeat-y  right center}
.d_l table tr td:first-child{ color:#fff;background: #0093E0 url(../images/dl-bgBTNbG.jpg) repeat-x bottom center}
.d_l table tr td:last-child{ background:none;}
.d_l table tr:last-child{ background:none;}

/*突破*/
.T_p{ overflow:hidden ;width:100%; background-color:#fff}
.T_p h4{ font-size:1.2em; color:#030303; text-align:center; margin-top:5%;}
.T_p h2{ color:#0093E0; font-size:1.5em; text-align:center; margin-top:3%}
.T_p p.p{ text-align:center ; color:#020202; font-size:1em; background:url(../images/tp_titBg.png) no-repeat center; background-size:80%; margin:1% 0}
.T_p .tup{ overflow:hidden; width:96%; margin:4% auto; display: flex; flex-wrap: wrap;}
.T_p .tup li .picture_container {padding-top:100%; position: relative;  overflow: hidden;  background: none;}
.T_p .tup li .picture_container img {display: block;position: absolute; top: 0;left:0;right:0;bottom:0;margin: auto;  }
.T_p .tup li{ width:45%; margin:2.5% 1.5%; box-shadow:0 0 .5em #ccc; padding:1%; border-radius:.5em;float: left;position: relative; padding-bottom:40px;}
.T_p .tup li img{ max-width:100%; display:block;}
.T_p .tup li span{ display:block; text-align:center; font-size:0.85em; color:#333; line-height:2em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.T_p .tup li:nth-child(2n){ float:right}
.T_p h4.phone{ text-align:center; background:url(../images/tp_azx.png) no-repeat center; text-align:center; font-weight:normal; font-size:.8em; margin:3% 0 5%; background-size:87%; padding:1.2em 0;}
.T_p h4 a{ color:#0093E0; font-size:1.1em; font-weight:bold}

/*流程*/
.L_c{ overflow:hidden; width:100%;background:url(../images/bg12.jpg) repeat;background-color:#f2f2f2;}
.L_c h2{ text-align:center; font-size:2em; color:#030303; margin:7% 0 2%;}
.L_c h2 img{ display:inline-block; width:20%}
.L_c .lcli{ overflow:hidden; width:94%; margin:5% auto 2%; }
.L_c .lcli li{ width:48%; float:left; margin-bottom:2%;}
.L_c .lcli li:nth-child(2n){ float:right;}
.L_c .lcli li p{ text-align:center; font-size:1.1em; color:#333333; margin:5% 0; margin-top:8%}
.L_c .lcImg{ padding:2%; width:96%; background-color:#fff; position:relative;}
.L_c .lcImg img{ display:block; width:100%;}
.L_c .lcImg span{ display:block; width:2em; height:2em; border-radius:50%; color:#fff; text-align:center; line-height:2em; position:absolute; left:50%; bottom:-1em; margin-left:-1em; background-color:#0093E0}


/*留言*/
.ly{ overflow:hidden; width:100%; background-color:#fff}
.ly h3{ text-align:center; font-size:1em; background:url(../images/ly_bg.jpg) no-repeat center bottom; background-size:100%; padding-bottom:3%; margin-top:5%; color:#333; }
.ly .lyBox{ width:90%; margin:5% auto; overflow:hidden;}
.ly .text{ overflow:hidden; width:98%;  border:1px solid #dcdcdc; border-radius:0.5em; margin-bottom:2%;}
.ly .text span{display:block; float:left; width:5%;margin:2% 2%;line-height:2.5em;}
.ly .text span img{ display:block; width:100%;}
.ly .text input{ width:90%; float:right; background:none; outline:none; border:none; line-height:2.5em; color:#666666; font-size:0.85em; margin-top:.5%;}
.ly .text  textarea{ width:90%; margin-top:3%; height:6em; background:none; outline:none; border:none; resize:none;color:#666666; font-size:0.85em;}
.ly .lyBox .more{ width:99%; display:block; padding:.65em 0; background:#0093E0; color:#fff; text-align:center; border-radius:0.5em; font-size:1em;}

/*rexian*/
.rx{ overflow:hidden;width:100%; background-color:#fff; margin:3% 0; margin-bottom:16%;}
.rx .rxBox{ overflow:hidden; width:90%; margin:3% auto;}
.rx .rxBox p{ font-size:1em; color:#464646; padding:0.6em 0; background:url(../images/jmrxPhone.png) no-repeat left center; background-size:12%; padding-left:10%; float:left;}
.rx .rxBox p span{ color:#000}
.rx .rxBox img{ display:block; width:8%; float:right; margin-top:}
/*ft*/
footer{ width:100%; background-color:#0093E0; overflow:hidden; position:fixed; bottom:0; left:0;text-align: center;}
footer a{ display:block; height: 1.8em; line-height:1.8em; font-size:1.4em; width:22%; float:left; padding:1.2em 0 1.2em 0.6em; color:#fff}
footer a img{ display:block; width:1em; padding-top: .3em; margin-left:10%; float:left; /*margin-right:4%;*/}
footer a.last{ background:none;}

.focus{ width:100%;margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; text-indent:-999em;}
.focus .hd ul .on{ background:#0093E0;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.main {
    background-color: #f2f2f2;
    font-family: Microsoft YaHei;
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
    min-width: 320px;
    overflow: hidden;
    position: relative;
}
.mian_cpzx_nr {
	
	background-color: #e4e9de;
	padding-left: 2%;
	padding-right: 2%;
	margin-top: 0px;
}
.cp_ul {
	border-left: 2px #fff solid;
}
.cp_ul>li {
	box-sizing: border-box;
	width: 25%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 60px;
	float: left;
	border-right: 2px #fff solid;
	position: relative;
}
.cp_ul_div1_img {
	padding-bottom: 20px;
}
.cp_ul_div1_img img {
	width: 70%;
}
.pBOX1_p1 {
	text-transform: uppercase;
	font-size: 14px;
	font-family: Impact;
	color: #0093E0;
	padding-bottom: 5px;
}
.pBOX1_p2 {
	color: #0093E0;
	font-size: 13px;
}
.cp_ul_div2 {
	background-image: url(../images/bj_img_03.png);
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	text-align: center;
	/*background-size: 100%;*/
	background-position: center;
}
.cp_ul_div2_img {
	padding-top: 5px;
}
.cp_ul_div2_img img{ width:100%;}
.cp_ul_div2_pBOX_p1 {
	text-transform: uppercase;
	font-size: 12px;
	font-family: Impact;
	color: #fff;
}
.cp_ul_div2_pBOX_p2 {
	color: #fff;
	font-size: 12px;
}
.navBOX {
	padding-top: 10px;
}
.navBOX li {
	line-height: 20px;
	font-size: 12px;
	color: #fff;
}
.navBOX li a {
	color: #fff;
}
.newMain{ overflow:hidden;}
.nlist{ }
.nlist:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.nlist li{ text-align:center; width:50%; float:left; padding:1em 0; background-color:#535654; position:relative;}
.nlist li img{ display:inline-block; vertical-align:middle; width:2em;}
.nlist li span{ font-size:1em; color:#fff;}
.nlist li:after{ content:''; position:absolute; bottom:-1em; margin-left:-0.25em; left:50%; width:0; height:0; border:0.5em solid transparent; border-top-color:#0093E0; display:none;}
.nlist li.on{ background-color:#0093E0;}
.nlist li.on:after{ display:block;}
.ncont{ margin:7% 3%;}
.ncont ul{}
.ncont li{ overflow:hidden; padding:0 0.3em; height:2.5em; line-height:2.5em; border-bottom:1px dotted #cecece;}
.ncont li em{ float:right; font-size:1em; color:#838383;}
.ncont li a{ font-size:1em; color:#343434; padding-left:1em; background:url(../images/nt1.png) no-repeat left center; background-size:0.3em;}
.ncont li a:hover{ color:#0093E0; background:url(../images/nt2.png) no-repeat left center;background-size:0.3em;}

.news {overflow:hidden; margin:0px auto 20px;overflow: hidden; width:90%; background:#fff; padding:20px 5% 20px;/*background:url(../images/lyBg3.jpg) repeat center;*/}
.news h3{ font-size:1.2em; margin-bottom:1em; border-bottom:1px solid #333; padding-bottom:1em}
.news h3 a{ color:#0093E0;font-size:1.2em;}
.news h3 span{ font-size:1.5rem; color:#fde201; margin-left:0.5rem;}
.news h4{ font-size:1.3rem; margin-bottom:1.7rem;}
.news h4 a{font-size:1.7rem;color:#129B4D}
.news h4 a:hover{color:#129B4D}
.news .newsleft ul{ overflow:hidden; margin-top:1rem;}
.news .newsleft li{ font-size:1.1rem; line-height:3.5rem; border-bottom:1px solid #d9d9d9; overflow:hidden}
.news .newsleft li a{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333;font-size:1.5rem; padding-left:0; padding-right:0;}
.news .newsleft li span{ padding-right:0;}
.news .newsleft li em{ color:#129B4D; padding-right:0.3rem;}
.news .newsleft li a:hover{ color:#129B4D;}
#message_main{ width:100%;}
#message_main .row { border-bottom: 1px dashed #e8e8e8; margin-bottom: 5px; padding: 12px 0 15px;}
.row {margin-left: -15px; margin-right: -15px;}
.news .newsright dl{ overflow:hidden; margin-bottom:1.5rem;}
.news .newsright table tr td { color: #333;text-align: center;}
.pull-left {float: left;}
.col-xs-4,.col-xs-8{ min-height: 1px;padding-left: 15px;position: relative;}
.news .newsright dl dt{ font-weight:bold;box-sizing:border-box;}
.news .newsright dl dd{ box-sizing:border-box;}
.news .newsright dl dt img{border: 1px solid #e8e8e8;display: block; height: auto; max-width: 100%; padding: 3px;vertical-align: middle;width: 100%;box-sizing:border-box;}
.news h4 { font-size: 1.3em;}
.news .newsright .newsBox{ overflow:hidden; position:relative; width:100%; height:25rem; margin-top:1rem}
.news .newsright p {color: #0093E0;font-size: .9em;line-height: 1.5em; overflow: hidden; text-align: justify; margin-top:5px;box-sizing:border-box;}