@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: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%;}
}

/*banner*/
.banner{ overflow:hidden; width:100%; position:relative}
.banner img{ display:block; width:100%;}
.focus .btn { overflow:hidden; text-align:center; width:100%; position:relative; left:0; bottom:2.5em;}
.focus .btn span{ display:inline-block; width:0.8em; height:0.8em; margin:0 0.2em; background:url(../images/Index/banner01.png) no-repeat center; background-size:70%;  z-index: 9999;}
.focus .btn span.on{ background:url(../images/Index/banner02.png) no-repeat center; background-size:100%;}

/*pro*/
.pro { overflow:hidden; width:96%; margin:1.5em auto 2.8em auto}
.pro h2{ text-align:center; font-size:1.2em; color:#0071B7; background:url(../images/Index/pro_t.png) no-repeat center; margin-bottom:1.5em; background-size:110%}
.pro h2 a{ color:#0071B7;}
.pro h2 b{ color:#000}
.pro ul{ overflow:hidden; width:98%; margin:0 auto; margin-bottom:2.5em;}
.pro li{ float:left; width:50%; margin-bottom:4%;}
.pro li a{ display:block; width:160px; margin:0 auto; border:2px solid #0071B7; background-color:#0071B7}
.pro li img{ display:block; width:160px;height:100px;}
.pro li span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1em; color:#fff; padding:1em 0}
.pro .more{ overflow:hidden; display:block; width:30%; text-align:center; font-size:1em; color:#333; padding:0.6em 0; border:1px solid #e7e7e7; border-radius:0.5em; margin:0 auto}

/*合作*/
.hezuo { overflow:hidden; width:96%; margin:0 auto; margin-bottom:2.5em;}
.hezuo h2{ text-align:center; font-size:1.2em; color:#0071B7; background:url(../images/Index/pro_t.png) no-repeat center; margin-bottom:1.5em; background-size:120%}
.hezuo h2 a{ color:#0071B7;}
.hezuo h2 b{ color:#000}
.hezuo .hzbox{ overflow:hidden; width:100%;}
.hezuo .hzbox ul{ overflow:hidden}
.hezuo .hzbox li{ float:left; width:33.333333333%; text-align:center}
.hezuo .hzbox li img{ display: block; margin:0 auto; width:90%; border:4px  solid #f8f8f8; margin-bottom:1em;}
.hezuo .hzbox li a{ display:block; text-align:center; font-size:1em; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*优势*/
.youshi { overflow:hidden; width:95%; padding:6% 2.5%; background:url(../images/Index/youshibg.png) repeat center; margin-bottom:2em;}
.youshi h2{ text-align:center; font-size:1.5em; color:#fff; background:url(../images/Index/youshi01.png) no-repeat center top; background-size:100%; padding:0.6em 0 1.4em 0; background-color:#fff;}
.youshi h2 b{ color:#3d5b0c;}
.youshi .ysbox{ overflow:hidden; width:100%; background-color:#fff; position: relative}
.youshi .yslist { overflow:hidden; width:100%;}
.youshi .yslist img{ display:block; width:100%; margin:1em 0}
.youshi .yslist dl{ overflow:hidden; width:80%; margin:0 auto; padding:0.5em; margin-bottom:2.5em;}
.youshi .yslist dt{ overflow:hidden; float:left; width:2em; height:2em; text-align:center; line-height:2em; font-size:1.5em; color:#fff; background-color:#0071B7; border-radius:5px; transform:rotate(45deg)}
.youshi .yslist dt em{ display:block; transform:rotate(-45deg)}
.youshi .yslist dd{ overflow:hidden; float:right; width:80%;}
.youshi .yslist dd h3{ font-size:1.15em; color:#1b1b1b; margin-bottom:0.1em;}
.youshi .yslist dd p{ font-size:0.9em; color:#1b1b1b;}
.youshi .menu{ overflow:hidden; width:100%; background-color:#fff; padding-top:0.5em;} 
.youshi .menu li { float:left; width:24.5%; text-align:center; padding:0.6em 0; margin-right:0.5%; font-size:1em; color:#5d5d5d; background-color:#dbdbdb; position:relative}
.youshi .menu li i{ display:none; width:1em; height:1em; position:absolute; left:50%; margin-left:-0.5em; top:-0.3em; transform:rotate(45deg); background-color:#0071B7;}
.youshi .menu li:nth-child(4){ width:25%; margin-right:0}
.youshi .menu li.on{ background-color:#0071B7; font-weight:bold; color:#fff;}
.youshi .menu li.on i{ display:block}

/*about*/
.about { overflow:hidden; width:90%; margin:0 auto; margin-bottom:2.8em;}
.about h2{ text-align:center; font-size:1.2em; color:#0071B7; background:url(../images/Index/pro_t.png) no-repeat center; margin-bottom:1.5em; background-size:110%}
.about h2 a{ color:#0071B7;}
.about h2 b{ color:#000;}
.about img{ display:block; width:100%; margin-bottom:1.5em;}
.about h3{ font-size:1em; text-align:center; margin-bottom:1.25em;}
.about h3 a{ color:#1b1b1b;}
.about p{ font-size:1em; line-height:1.5em; color:#333; text-align:justify; text-align-last:center}

/*case*/
.case { overflow:hidden; width:95%; margin:0 auto}
.case h2{ text-align:center; font-size:1.2em; color:#0071B7; background:url(../images/Index/pro_t.png) no-repeat center; margin-bottom:1.5em; background-size:125%}
.case h2 a{ color:#0071B7;}
.case h2 b{ color:#000;}
.case dl{ overflow:hidden; width:50%; margin-bottom:1em; float:left;}
.case dt{ overflow:hidden; width:95%; float:left; padding:2%; background-color:#e5e5e5;}
.case dt img{ display:block; width:100%;}
.case dd{ overflow:hidden; float:right; width:55%;}
.case dd h3{ font-size:1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0.6em 0;}
.case dd h3 a{ color:#000;}
.case dd p{ font-size:1em; line-height:1.3em; color:#000; text-align:justify; height:3.7em;}
.case dl:nth-child(4){ margin-bottom:2.6em;}

/*news*/
.news { overflow:hidden; width:96%; margin:0 auto; padding:6% 2%; background:url(../images/Index/youshibg.png) repeat center; padding-bottom:7em;}
.news .menu{ overflow:hidden; width:100%; padding-bottom:0.7em; background-color:#fff;}
.news .menu li { text-align:center; width:50%; float:left; font-size:1.2em; color:#2d2d2d; padding:1em 0; background-color:#dbdbdb; position:relative}
.news .menu li i{ display:none; width:1em; height:1em; background-color:#0071B7; position:absolute; left:50%; bottom:-0.3em; margin-left:-0.5em; transform:rotate(45deg)}
.news .menu li.on{ background-color:#0071B7; font-weight:bold; color:#fff;}
.news .menu li.on i{ display:block}
.news .newsbox { overflow:hidden; width:100%; background-color:#fff; padding:1em 0 1.5em 0;}
.news .newslist{ overflow:hidden; width:96%; padding:0 2%;}
.news .newslist dl{ overflow:hidden; width:100%; margin-bottom:1.7em;}
.news .newslist dt{ float:left; overflow:hidden; width:40%; border:0.3em solid #e2e2e2;}
.news .newslist dt img{ display:block; width:100%;}
.news .newslist dd{ overflow:hidden; width:55%; float:right}
.news .newslist h3{ font-size:1em; /*white-space:nowrap;*/ text-overflow:ellipsis; overflow:hidden; margin-bottom:0.3em;}
.news .newslist h3 a{ color:#222;}
.news .newslist p{ font-size:1em; line-height:1.25em; color:#585657; height:4.8em; text-align:justify}
.news .list { overflow:hidden; width:100%;}
.news .list li{ overflow:hidden; line-height:2.2em; font-size:1em;}
.news .list li i{ display: block; float:left; width:0.3em; height:0.3em; border-radius:0.5em; background-color:#333; position:relative; top:0.9em; margin-right:0.5em;}
.news .list li a{ display:block; width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333; float:left}
.news .list li span{ float:right; color:#b5b5b5}