﻿@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	body{font-size:82%;}
}
@media screen and (min-width:375px) {
	body{font-size:94.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:94.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*/
header{ overflow:hidden;}
header p{ text-align: center;line-height: 2.5em;
    font-size: 1em; border-bottom:solid 1px #dedede;}
header p img {
    width: 4%;
    margin-right: 2%;
}
header h1{ margin:0 auto; width:100%; padding-top:0.3em;}
header h1 img{ display:block; width:50%; margin:0 auto; }
header h2{ text-align:center; font-size:1.3em; color:#5f5f5f;  padding-top:.2em; background-size:65%; font-weight:normal; margin-top:1%; padding-bottom:0.8em;}

/*导航
nav{ overflow:hidden; width:100%; background-color:#fff; border-top:1px solid #d5d5d5;}
nav a{ width:33%; float:left; display:block; padding:.8em 0; border-bottom:1px solid #d5d5d5; font-size:1.05em; text-align:center; background:url(../images/Common/navliBg.png) repeat-y right center; color:#4d5154;}
nav a:nth-child(3n){ background:none; width:34%;}
nav a:hover,nav a.on{ color:#0080cc}*/

.nav{ overflow: hidden; background: #25a3dd;}
.nav ul{position:relative; overflow:hidden; height: 6.2em; position: relative;}
.nav ul li{float:left; width:25%; text-align:center; position: relative;}
.nav ul li a{display:block; height: 3.1em; line-height: 3.1em; text-transform: uppercase; font-size:1em; color:#fff;}
.nav ul li:after{content:''; position:absolute; top:0; right:1px; z-index:9; height:100%; width:0px;  border-left:0.1em solid #fff;}
.nav ul:after{content:''; position:absolute; top:50%; right:1px; z-index:9; height:0; width:100%;  border-top:0.1em solid #fff;}

/*banner*/
.banner{ overflow:hidden; width:100%;}
.banner a img{ display:block; width:100%;}

/*标题*/
.title{ width:100%; text-align:center; overflow:hidden; margin-top:5.5%;}
.title img{ display:block; margin:0 auto;}
.title h2{ font-size:1.25em; color:#0075c2; margin-top:.8%}
.title h2 a{ color:#0075c2;}
.title h2 i{ display:inline-block; width:9%; height:.9em; margin:0 .2em;}
.title h2 i.lt{ background:url(../images/Index/ltBg.png) no-repeat center; background-size:100%;}
.title h2 i.rt{ background:url(../images/Index/rtBg.png) no-repeat center; background-size:100%;}
.box{ margin-left:auto; margin-right:auto; width:94%;}

/*产品*/
.P_R{ overflow:hidden; width:100%; background-color:#e9f0f5;}
.P_R .title img{ width:30%;}
.P_R .box{ background-color:#fff; margin-top:4%; padding-bottom:2%}
.P_R .proNav{ display:inline-block; border:2px solid  #0080cc; width:99%;}
.P_R .proNav li{ width:33%; text-align:center; font-size:1em; float:left; background:url(../images/Index/pro_liBg.jpg) repeat-y right center; padding:.8em 0; position:relative}
.P_R .proNav li i{ display:none; width:.85em; height:10px; background:url(../images/Index/nav-xjx.png) no-repeat center; position:absolute; left:50%; margin-left:-.4em; bottom:-9px; background-size:100%;}
.P_R .proNav li a{ color:#252525;}
.P_R .proNav li:last-child{ width:34%; background:none;}
.P_R .proNav li.on{ background-color:#0080cc; font-weight:bold; color:#fff}
.P_R .proNav li.on a{color:#fff;}
.P_R .proNav li.on i{ display:block}
.P_R .PRCon{ overflow:hidden; width:100%; margin-top:3%; padding-bottom:1.5%;}
.P_R .list{ padding:0 1%;}
.P_R .list li{ width:47.5%; float:left; margin:2% 0;}
.P_R .list li img{ display:block; width:100%; }
.P_R .list li span{ display:block; text-align:center; font-size:.9em; color:#333333; margin-top:.6em;height: 2.5em;}
.P_R .list li:nth-child(2n){ float:right}
.P_R a.more{ display:block; width:30%; border:2px solid #c1c1c1; border-radius:5px; margin:5% auto; font-size:.9em; text-align:center; padding:.7em 0;}

/*产品*/
.P_R1{ overflow:hidden; width:100%; background-color:#e9f0f5; padding-top:1.5em;}
.P_R1 .title img{ width:30%;}
.P_R1 .box{ background-color:#fff; margin-top:4%; padding-bottom:2%}
.P_R1 .proNav{ display:inline-block; border:2px solid  #0080cc; width:99%;}
.P_R1 .proNav li{ width:33%; text-align:center; font-size:1em; float:left; background:url(../images/Index/pro_liBg.jpg) repeat-y right center; padding:.8em 0; position:relative}
.P_R1 .proNav li i{ display:none; width:.85em; height:10px; background:url(../images/Index/nav-xjx.png) no-repeat center; position:absolute; left:50%; margin-left:-.4em; bottom:-9px; background-size:100%;}
.P_R1 .proNav li a{ color:#252525;}
.P_R1 .proNav li:last-child{ width:34%; background:none;}
.P_R1 .proNav li.on{ background-color:#0080cc; font-weight:bold; color:#fff}
.P_R1 .proNav li.on a{color:#fff;}
.P_R1 .proNav li.on i{ display:block}
.P_R1 .PRCon{ overflow:hidden; width:100%; margin-top:3%; padding-bottom:1.5%;}
.P_R1 .list{ padding:0 1%;}
.P_R1 .list li{ width:47.5%; float:left; margin:2% 0;}
.P_R1 .list li img{ display:block; width:100%;}
.P_R1 .list li span{ display:block; text-align:center; font-size:.9em; color:#333333; margin-top:.6em;height: 2.5em;}
.P_R1 .list li:nth-child(2n){ float:right}

.P_R1 a.more{ display:block; width:30%; border:2px solid #c1c1c1; border-radius:5px; margin:5% auto; font-size:.9em; text-align:center; padding:.7em 0;}


 
.Speak{ overflow: hidden ;width: 100%; background-color: #fff; margin-top: 5%}
.Speak article p{text-align:center; color: #c2c2c2; font-size: 1em; font-family: Arial; text-transform: uppercase;}
.Speak section{ margin-top:3%; margin-bottom: 2%;}
.Speak .spBox,.Speak .spDl{ width: 100%; overflow: hidden}
.Speak .spDl{ margin-bottom: 3%;}
.Speak .spDl dt{ width: 45%; float: left;}
.Speak  dt img{ display: block; width: 100%; border:1px solid  #dfdfdf; padding: .3em; box-sizing: border-box;}
.Speak dd{ width: 50%; float: right}
.Speak dd h3{ font-weight:normal; font-size: 1em ;color: #232323;}
.Speak dd p{ font-size: 1em ;color: #232323; line-height: 1.4em; overflow: hidden; height: 4.2em; margin-top: 2%}
.Speak dd a.more{ display: inline-block; background-color: #0065ce; float: left; font-size: .9em; padding: .5em 1em ; margin-top: 1%; border-radius: 1em; color: #fff}
  

/*选择*/
.C_h{ overflow:hidden; width:100%;}
.C_h .title img{ width:65%;} 
.C_h .title h2{ color:#0075c2; margin-bottom:2%; }
.C_h .title img.img{ width:80%;}
.C_h .box{ overflow:hidden; background-color:#fff; margin:4% auto 4%; padding:4% 0;}
.C_h .chCon{ overflow:hidden; width:94%; margin:0 auto}
.C_h dl{ overflow:hidden}
.C_h dl dt{ border:7px solid #e9f0f6; width:90%; margin:0 auto;}
.C_h dl dt img{ display:block; width:100%;}
.C_h dl dd{ margin-top:6%; padding:0 2%; width:96%;}
.C_h dl dd h3{ text-align:center; font-size:1.25em; color:#0075c2;}
.C_h dl dd p{ font-size:1em; color:#333; text-align:center; margin-top:2%; line-height:1.8em}
.C_h .chBtn{ overflow:hidden; text-align:center; width:100%; margin:4% 0 3%}
.C_h .chBtn li{ display:inline-block; width:3em; height:3px; background-color:#9d9d9d; margin:0 .1em;text-indent: -99999em;}
.C_h .chBtn li.on{ background-color:#0080cc}

/*能力*/
.N_L{ overflow:hidden; width:100%; background:#fff}
.N_L .title img{ width:85%;}
.N_L .nlCon{ overflow:hidden; margin:0 auto; width:90%; }
.N_L .nlBox{ overflow:hidden;border-bottom:1px solid #ccc; padding:2% 0; padding-bottom:2%;}
.N_L .list{ overflow:hidden;}
.N_L .list li{ width:100%;padding-bottom:.65em;}
.N_L .list li img{ display:block; max-width:100%;}
.N_L .list li:last-child{ float:right}
.N_L .nlCon h3{ overflow:hidden; font-size:1em; color:#0075c2; width:100%;}
.N_L .nlCon h3 b{ float:left; font-size:1.5em; margin-right:1%; font-family:Impact;  border-bottom:1px  solid #ccc; padding-bottom:.1em;}
.N_L .nlCon h3 span{  vertical-align:-webkit-baseline-middle}
.N_L .nlCon p{ font-size:.85em; color:#000; line-height:1.5em; margin:2% 0;}
.N_L .nlBox:last-child{ border-bottom:none}

/*团队*/
.t_M{ overflow:hidden; width:100%;   background-color:#0080cc; padding:5% 0;}
.t_M h3{ font-size:1.15em; color:#fff; text-align:center; width:85%;font-weight:normal; margin:0 auto; border-radius:1em; background-color:#25a3dd; padding:.5em 0;}
.t_M h2{ font-size:1.4em; margin:1.5% auto; color:#fff; text-align:center; width:90%; border-bottom:1px dotted #096ca7; padding-bottom:.2em;}
.t_M h4{ font-size:1.25em; color:#fff; text-align:center}
.t_M h4 img{ display:inline-block; width:5%; margin-right:2%}
.t_M h4 span{ font-weight:normal; font-size:.75em;}

/*500亿*/
.fV{ overflow:hidden; background-color:#e9f0f5; width:100%;}
.fV .title img{ width:90%;}
.fV .box{ background-color:#fff; margin:5% auto; overflow:hidden;}
.fV .box li{ width:50%; float:left; border:1px solid #0080cc; box-sizing: border-box; height:11em; padding:0 5%;}
.fV .box li a{ display:block;}
.fV .box li p{ text-align:center; color:#333; font-size:1.25em; margin-bottom:13%;}
.fV .box li img{ display:block; margin:13% auto 8%; width:25%;}
.fV .box li:last-child,.fV .box li:first-child{ background-color:#0080cc; color:#fff}
.fV .box li:last-child p,.fV .box li:first-child p{ color:#fff}
.fV .box li:nth-child(2){ border:1px solid #0080cc; border-top:1px solid #0075c2;border-right:1px solid #0075c2; }
.fV .box li:nth-child(3){ border:1px solid #0075c2; border-top:0px; border-right:0px; padding-top:1px;}
.fV a.more{ display:block; width:30%; border:2px solid #c1c1c1; border-radius:5px; margin:5% auto; font-size:.9em; text-align:center; padding:.7em 0;}



/*加盟*/
.J_M{ overflow:hidden; width:100%; background-color:#fff}
.J_M .title img{ width:85%;}
.J_M .jmCon{ width:90%; margin:0 auto;}
.J_M .list{ overflow:hidden; width:100%; margin:5% 0;}
.J_M .list li{ width:48%; float:left; margin:3% 0;}
.J_M .list li img{ width:100%; display:block}
.J_M .list li span{ display:block; text-align:center; font-size:1em; color:#333; margin-top:3.5%;}
.J_M .list li:nth-child(2n){ float:right}
.J_M a.more{ display:block; width:30%; border:2px solid #c1c1c1; border-radius:5px; margin:5% auto; font-size:.9em; text-align:center; padding:.7em 0;}

/*新闻*/
.N_W{ overflow:hidden; width:100%; background-color:#e9f0f5; padding-bottom:8%;}
.N_W .box{ background-color:#fff; margin-top:4%;}
.N_W .proNav{ display:inline-block; border:2px solid  #0080cc; width:99%;}
.N_W .proNav li{ width:33.33%; text-align:center; font-size:1em; float:left; background:url(../images/Index/pro_liBg.jpg) repeat-y right center; padding:.7em 0; position:relative}
.N_W .proNav li i{ display:none; width:.85em; height:10px; background:url(../images/Index/nav-xjx.png) no-repeat center; position:absolute; left:50%; margin-left:-.4em; bottom:-9px; background-size:100%;}
.N_W .proNav li { color:#252525;}
.N_W .proNav li:last-child{background: none;}
.N_W .proNav li.on{ background-color:#0080cc; font-weight:bold}
.N_W .proNav li.on {color:#fff; }
.N_W .proNav li.on i{ display:block}
.N_W .NWCon{ overflow:hidden; padding:0 2%; width:96%; margin-top:5%;}
.N_W .nw01{  overflow:hidden; width:100%;}
.N_W dl{ overflow:hidden; width:100%;}
.N_W dt{ width:95%; float:left;  border:3px solid #e2e2e2}
.N_W dt img{ display:block; width:100%;}
.N_W dd{ width:65%; float:right}
.N_W dd h3{ font-size:1em; color:#1b1b1b; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;}
.N_W dd h3 a{ color:#1b1b1b}
.N_W dd p{ font-size:0.9em; color:#333333; line-height:1.5em; height:5.5em; margin-top:1%;}
.N_W .nw_li{ overflow:hidden; width:100%; margin:3% 0;}
.N_W .nw_li li{ overflow:hidden; padding:.7em 0; font-size:.95em; border-bottom: 0.1em dashed #d0d0d0;background: url(../images/Index/sj.png) no-repeat left center; background-size: 0.4em;}
.N_W .nw_li li a{ color:#333333; width:70%;overflow:hidden; white-space:nowrap;  text-overflow:ellipsis; display:block; float:left; margin-left:1em;}
.N_W .nw_li li span{ float:right; color:#b5b5b5; width:22%; font-size:0.85em;}


/*address*/
address{ overflow:hidden; width:100%; background-color:#25a3dd; padding:3% 0 14%;}
address p{ line-height:1.8em; color:#fff; font-size:.9em;}
address p a{ color:#fff}


/*版权*/
.bq{ overflow:hidden; width:100%; background:#0f81b5; padding-bottom:13%;}
.bq p{ text-align:center; font-size:.9em; text-align:center; padding:.8em 0; color:#999}



/*底部*/
footer{ overflow:hidden; background-color:#35a8dc; width:100%; position:fixed; left:0; bottom:0; border-top:1px solid #35a8dc}
footer a{ width:20%; display:block; padding:.3em 0; font-size:1em; color:#fff; text-align:center; background:#25a3dd url(../images/Common/navliBg.png) repeat-y right center; float:left;}
footer a img{ display:block; width:32%; margin:0 auto}
footer a:last-child{ background:#25a3dd;}



/*首页广告轮播*/
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden; }
.focus .hd{ width:100%; height:25px;  position:absolute; z-index:1; bottom:1em; text-align:center;  }
.focus .hd ul{ display:inline-block; height:15px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; }
.focus .hd ul li{  display:inline-block; width:15px; height:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden; cursor:pointer;}
.focus .hd ul .on{ background:#0080cc;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  display: block;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}

.top{ width:10%; position:fixed; right:.5em; bottom:9.5%; z-index:99999; }
.top a{ } 
.top a img{display:block; width:100%;}


/*关于我们*/
.Gtxcg{overflow: hidden; padding-top: 0.5em; padding-bottom: 0.6em;        margin-left: auto;
    margin-right: auto;
    width: 94%; background:#fff;}
.Gtxcg h4{ width: 100%; overflow: hidden;}
.Gtxcg h4 img{display: block; width: 100%;}

.Gtxcgcont{padding: 0 4%; margin-top: 1em; overflow: hidden;}
.Gtxcgcont img{display: block; width: 100%;}
.Gtxcgcont h5{height: 2em;font-size: 1.1em;margin-top: 0.3em; text-align: center; line-height: 2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Gtxcgcont h5 a{font-size: 1.1em; color: #1e1e1e; font-weight: normal;}
.Gtxcgcont p{line-height: 1.8em; color: #5a5a5a; font-size: 1em; margin-top: 0.3em;}
a.more{ display:block; width:30%; border:2px solid #c1c1c1; border-radius:5px; margin:5% auto; font-size:.9em; text-align:center; padding:.7em 0;}


/*页码样258式*/
.pageNavi {
	PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center
}

.pageNavi1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.wp-pagenavi {
	CLEAR: both
}
.wp-pagenavi A {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;border-radius:5px;
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;border-radius:5px;
}
.wp-pagenavi A:hover {
	BORDER-LEFT-COLOR:#25a3dd; BORDER-BOTTOM-COLOR:#25a3dd; BORDER-TOP-COLOR:#25a3dd; BORDER-RIGHT-COLOR:#25a3dd;background:#25a3dd; color:white; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px;
}/*当前指上页码的边框色*/

.wp-pagenavi SPAN.current {
	BORDER-LEFT-COLOR:#25a3dd; BORDER-BOTTOM-COLOR:#25a3dd; BORDER-TOP-COLOR:#25a3dd; BORDER-RIGHT-COLOR:#25a3dd; background:#25a3dd; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px; border:#25a3dd 1px solid;border-radius:5px;
}/*当前选中页码的背景色*/


.productCenter-main-one-top{ width: 90%; height: 50px; padding: 0 5%; overflow: hidden; cursor: pointer;  background: url(../images/common/pro-btn.png) no-repeat 95% 22px;}

.productCenter-main-one-top em{ float: left; line-height: 50px; }
.pro-menu{ float: left; margin: 20px 11px 0 0;}
.pro-menu span{ width: 17px; height: 4px; display: block; background: #25a3dd;}
.pro-menu span+span{ margin-top: 3px;}

.productCenter-main-one ul{ padding-bottom: 20px; display: none;}
.productCenter-main-one ul li{ width: 100%; padding-left: 36px; box-sizing: border-box; line-height: 40px; cursor: pointer; }
.pro-subBar{ display: none;}
.pro-subBar a{ display: block; line-height: 40px; padding-left: 22px; box-sizing: border-box;}
.productCenter-main-one .pro-menuBg{ background-position: 95% -10px;}