/*-----------------------------------------------------------------------------------------------------------------------*/
.ban img{ display:block; width:100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:10.7rem; overflow:hidden; position:relative;}
nav:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px;  z-index:9;}
nav a{ position:relative; color:#333; font-size:1.08rem; width:33.33%; text-align:center; height:3.54rem; line-height:3.54rem; overflow:hidden; display:inline-block;float:left;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,e5e5e5+100 */
background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f5 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f5f5f5 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}
nav a:before{ content:""; position:absolute; top:0.2rem; right:0; width:2px; height:3.4583rem; background:url(/mobile/Images/Common/nav_line.gif) no-repeat right top; background-size:2px 3.4583rem;z-index:9;}
nav a:nth-child(2):before,nav a:nth-child(5):before{ background:none;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.tit1{ text-align:center; background:url(/mobile/Images/Index/line.png) no-repeat center bottom; background-size:13rem 0.25rem; padding-bottom:1rem;}
.tit1 em{ display:block; font-size:0.8rem; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; color:#555;}
.tit1 i{ display:block; width:10rem; margin:0.5rem auto 0;}
.tit1 i img{ display:block; width:100%;}
.tit2 span img{ display:block; width:100%;}
.g-coop{padding:2.2083rem 0 1.5rem 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e9e9e9+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */}
.coop{ position:relative; width:93.75%; margin:1.92rem auto 0;}
.coop .prev{ width:1.4583rem; height:3.125rem; position:absolute; top:1.25rem; left:0;}
.coop .next{width:1.4583rem; height:3.125rem; position:absolute; top:1.25rem; right:0;}
.coop .prev img,.coop .next img{display:block; width:100%;}
.coop .nowarp{ width:81.67%; margin:0 auto;}
.coop .con{ float:left; width:100%;}
.coop .con li{ width:46.5%;}
.coop .con li img{ display:block; width:100%; border:1px solid #ccc; box-sizing:border-box;}
.coop .con li em{display:block; height:2.083rem; line-height:2.083rem; color:#333; font-size:0.8rem; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-family:"黑体";}
.coop .con a:nth-child(2n-1) li{ float:left;}
.coop .con a:nth-child(2n) li{ float:right;}

.guan1{ background:url(/mobile/Images/Index/guan1.jpg) no-repeat center top; background-size:100% auto; height:6.25rem;}
.guan1 h3{ width:76.4375%; padding:1.25rem 0 0 1.25rem; text-align:center; color:#fff;}
.guan1 h3 span{ font-size:1.25rem; display:block; border-bottom:1px solid #fff; padding-bottom:0.3rem;}
.guan1 h3 em{ display:block; font-size:1.255rem; font-family: Arial, Helvetica, sans-serif; background:url(/mobile/Images/Index/guan_lx.png) no-repeat 20% center; background-size:1.4583rem 1.4583rem; font-weight:bold; padding:0.5rem 0;}

.tit2{ height:2.7083rem; background:url(/mobile/Images/Index/pro_bg.gif) repeat-x center top; background-size:5px 2.7083rem; overflow:hidden; padding:0 0.8rem;}
.tit2 i{ display:inline-block; font-size:1rem; color:#333; height:2.7083rem; line-height:2.7083rem; background:url(/mobile/Images/Index/pro_h.gif) no-repeat left center; background-size:3px 0.8rem; padding-left:2%;}
.tit2 span{ display:inline-block; float:right; width:2.83rem; height:1rem; margin-top:0.8rem;}

.g-pro{ margin-top:2.29rem;}
.pro .m-cnt{ width:90.625%; margin:1.25rem auto 0;}
.pro .m-cnt li{ width:11rem; height:2.083rem; overflow:hidden; border:1px solid #ccc; box-sizing:border-box; font-size:1rem; text-align:center; line-height:2.083rem; color:#333; margin-bottom:1rem;} 
.pro .m-cnt li.z-on{ color:#fff; background:#d0231b; border:1px solid #d0231b;}
.pro .m-cnt li:nth-child(2n-1){ float:left;}
.pro .m-cnt li:nth-child(2n){ float:right;}
.pro .m-cnt li a{ color:#333;}
.pro .con{ width:100%; float:left;}
.pro .con ul{ width:90.625%; margin:0.5rem auto 0;}
.pro .con li{ width:47.4%; border:1px solid #ccc; box-sizing:border-box; margin-bottom:1rem;}
.pro .con li img{ display:block; width:100%;}
.pro .con li em{display:block; width:11rem; margin:0 auto; height:1.875rem; line-height:1.875rem; color:#333; font-size:0.8rem; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#f5f5f5; margin-bottom:0.2rem;}
.pro .con a:nth-child(2n-1) li{ float:left;}
.pro .con a:nth-child(2n) li{ float:right;}

.g-sb{ background:#f5f5f5; padding:2rem 0 0.5rem 0; margin-top:1.5rem;}
.g-sb .tit1 i{ width:50%;}
.g-sb .tit1 em{ font-family:"黑体";}
.sb{ background:url(/mobile/Images/Index/sb_bg.jpg) no-repeat center top; background-size:100% auto; height:19.17rem; margin-top:1.5rem; padding:0 0.8rem;}
.sb li{ width:5.83rem; margin:1.25rem 0 0 0; font-size:0.8rem; color:#333; line-height:1.16rem;}
.sb li:nth-child(4),.sb li:nth-child(5){ margin-top:6rem;}

.g-ys{background: #ffffff; /* Old browsers */    height: 45rem;
background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );}
.g-ys h2{ background:url(/mobile/Images/Index/ys_bg.png) no-repeat center top; background-size:21.33rem 3.17rem; margin-top:2.5rem; font-size:1rem; color:#333; text-align:center; padding-top:0.75rem;}
.g-ys h2 em{ display:block; margin:0 auto;}
.g-ys h2 span{ display:block; font-size:0.67rem; padding-top:0.6rem; color:#444;}
.ys{ width:90.625%; margin:2rem auto 0; position:relative;}
.ys .prev{ width:1.67rem; height:1.67rem; position:absolute; top:34.4583rem; left:25%; z-index:8;}
.ys .next{width:1.67rem; height:1.67rem; position:absolute; top:34.4583rem; right:25%;z-index:8;}
.ys .prev img,.ys .next img{display:block; width:100%;}
.ys .con{ float:left; width:100%;}
.ys .nowarp{ float:left; width:100%;}
.ys1{ position:relative; padding-bottom:5.2rem;}
.ys1 h3{ width:91.7%; margin:0 auto 1rem;}
.ys1 h3 img{display:block; width:100%;}
.ys1 dl{ margin-top:1rem; padding-bottom:1rem;}
.ys1 dt{ width:2.5rem; height:3.04rem; padding-top:0.5rem; background:url(/mobile/Images/Index/ys_01.gif) no-repeat center top; background-size:100% auto; font-size:1.5rem; font-weight:bold; text-align:center; color:#fff; font-family: Arial, Helvetica, sans-serif; float:left;}
.ys1 dd{ width:86.2%; float:right;}
.ys1 dd h4{ height:1.75rem; border-bottom:1px dashed #787878; font-size:1.16rem; font-weight:bold; color:#333;}
.ys1 dd p{ color:#444; line-height:1.255rem; font-size:0.8rem; padding-top:0.5rem;}
.ys1 dd p em{ font-weight:bold; color:#d0231b;}
.nub{ width:34.48%; position:absolute; top:34.5rem; left:33%; text-align:center;}
.nub em{ font-size:1.5rem; font-weight:bold; color:#555; font-family: Arial, Helvetica, sans-serif; padding:0 9% 0 3%; background:url(/mobile/Images/Index/ys_line.gif) no-repeat right center; background-size:0.7083rem 1px;}
.nub em.cur{ color:#d0231b;}
.nub em:last-child{ background:none;}

.guan2{ background:url(/mobile/Images/Index/guan2.jpg) no-repeat center top; background-size:100% auto; height:8.75rem;}
.guan2 h3{ width:45%; float:right; padding:1rem 5% 0 0; font-size:1.25rem; color:#fff;}
.guan2 h3 em{ display:block; font-size:0.75rem; border-top:1px solid #fff; border-bottom:1px solid #fff; text-align:center; margin-top:0.5rem; line-height:1.3rem;}
.guan2 h3 i{ text-align:center; font:1rem Arial, Helvetica, sans-serif; text-align:center; padding-top:0.2rem; display:block;}

.g-xc{ background:#f4f4f4; padding:0.2rem 0 0 0;}
.g-xc .tit1 em{ font-family:"黑体";}
.g-xc .tit1 i{ width:50%;}
.xc{ width:90.625%; margin:1.87rem auto 0; padding-bottom:6.3rem; position:relative;}
.xc .prev{ width:2.083rem; height:2.083rem; position:absolute; top:16.5rem; left:41%; z-index:8;}
.xc .next{width:2.083rem; height:2.083rem; position:absolute; top:16.5rem; right:41%; z-index:8;}
.xc .prev img,.xc .next img{ display:block; width:100%;}
.xc .nowarp{ width:100%;}
.xc .con{ float:left; width:100%;}
.xc2{float:left; width:100%;}
.xc2 dl{ width:47.758%; background:#fff;}
.xc2 dt img{display:block; width:100%;}
.xc2 dd em{ display:block; font-size:1rem; color:#333; padding:1rem 0 0 0.5rem; font-weight:bold;height: 2.5rem;overflow: hidden;}
.xc2 dd p{ font-size:0.8rem; line-height:1.25rem; color:#444; padding:0.6rem 0.5rem 1rem 0.5rem;}
.xc2 dl:nth-child(2n-1){ float:left;}
.xc2 dl:nth-child(2n){ float:right;}
.line{ height:1px; position:absolute; top:17rem; left:0;}
.line img {  display:block; width:100%;}
.g-about{ width:90.625%; margin:2.336rem auto 2rem;}
.g-about .tit1 i{ width:24.375%;}
.g-about dt{ margin-top:1.83rem;}
.g-about dt a img{ display:block; width:100%; border:0.92rem solid #eee; box-sizing:border-box;}
.g-about dt em img{ display:block; width:100%;}
.g-about dd h3{ text-align:center; font-size:1rem; font-weight:bold; color:#333; padding-top:1rem;}
.g-about dd p{ font-size:1rem; color:#555; line-height:1.583rem; text-indent:2rem; padding-top:0.9rem;}
.g-about dd em{ color:#d0231b;}

.g-fc li{ margin:1.25rem 0 1.8rem 5.5%; width:11.25rem; float:left;}
.g-fc li img{ display:block; width:100%;}
.g-fc li em{display:block; width:11rem; margin:0 auto; height:1.875rem; line-height:1.875rem; color:#333; font-size:0.8rem; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}