﻿.wrap{ background:#fff;}
.wrap img { width:100%;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/**/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0; margin-bottom:1.3rem;}
/**/
.g-nav { position:relative; overflow:hidden; margin-bottom:1.5rem; box-sizing: border-box; padding-left:4.7%;}
.g-nav a { float:left; width:30%; text-align:center; display:block; color:#fff;background:url(/mobile/Images/Index/nav.jpg) no-repeat; background-size:100% 2.5rem; height:2.5rem; margin:0 3.1% 0.4rem 0; line-height: 2.5rem;font-size: 1rem;}
/**/
.g-wu{ width:100%;overflow:hidden; position:relative; margin-bottom:2.3rem;}
.g-wu h3{ font-size: 0; padding-bottom: 0.9rem;}
.g-wu .m-box .con{ display:inline; float:left;}
.g-wu .con ul{ overflow: hidden; padding-left: 4.7%; box-sizing: border-box;}
.g-wu .con ul li{ float: left; width: 30.5%; font-size: 0; margin-right: 1.75%;}
.g-wu .con ul li img{ display: inline-block; box-sizing: border-box; border: 0.3rem solid #d5d5d5;}
.g-wu .con ul li span{ display: block; text-align: center;line-height: 2.35rem; height: 2.35rem; color: #585858; font-size: 0.83rem; font-weight: bold; padding-bottom: 1.1rem;background:url(/mobile/Images/Index/ico1.gif) no-repeat center bottom; background-size:1.25rem 1.08rem;}
.g-wu .prev{ width:2.1rem; position:absolute; top:9rem; left:0.1rem; z-index: 5;}
.g-wu .next{ width:2.1rem; position:absolute; top:9rem; right:0.1rem; z-index: 5;}
    /**/
.yuu{ overflow: hidden;background:url(/mobile/Images/Index/ys.jpg) no-repeat center 0; background-size:100% 17.5rem; height: 17.5rem;}
.yuu h3{ font-size: 0; padding-top: 0.85rem; height: 6.3rem;}
.yuu ul{ overflow: hidden;}
.yuu ul li{ float: left; width:20.85%; margin-left: 3.1%; text-align: center; font-weight: bold; color: #0165b4; font-size: 1rem;}
.yuu ul li span{ display: block; padding-top: 0.6rem;}
/**/
.pro{ overflow: hidden; box-sizing: border-box; padding:1.75rem 4.5% 0; margin-bottom: 1.65rem;}
.pro h3{ color: #0165b4; font-size: 1.5rem; font-weight: bold; text-align: center;background:url(/mobile/Images/Index/p_h3.gif) no-repeat center bottom; background-size:100% 0.33rem; padding-bottom: 1.1rem; margin-bottom: 1.1rem;}
.pro1{ overflow: hidden; padding-bottom: 0.6rem;}
.pro1 ul li{ float:left; width:48.5%; text-align:center; display:block; color:#fff;background:url(/mobile/Images/Index/p_li.jpg) no-repeat; background-size:100% 2.5rem; height:2.5rem; margin:0 2% 0.4rem 0; line-height: 2.5rem;}.pro1 ul li a{ font-size: 1rem; color: #fff;}
.pro1 ul li:nth-child(2n){ margin-right: 0;}

.g-pz{position:relative;}
.g-pz .prev{ width:2.1rem; position:absolute; top:3rem; left:-1.1rem; z-index: 5;}
.g-pz .next{ width:2.1rem; position:absolute; top:3rem; right:-1.1rem; z-index: 5;}
.g-pz .nowarp { margin:0 0.5% 0 0;}
.g-pz .m-box .con{ display:inline; float:left;}
.g-pz .con ul{ overflow: hidden;}
.g-pz .con ul li{ float: left; width: 48.5%; text-align: center;}
.g-pz .con ul li:nth-child(2n){ float: right;}
.g-pz .con ul li span{ font-size: 1rem; color: #333; padding: 0.5rem 0 1rem 0; display: block;}

.pro h4{ margin: 0 18%;text-align:center; display:block; color:#fff;background:url(/mobile/Images/Index/p_m.jpg) no-repeat; background-size:100% 2.35rem; height:2.35rem; line-height: 2.35rem;font-size: 1rem;}
.pro h4 a{ color:#fff;}
/**/
.g-ys{ width:100%; overflow:hidden;}
.g-ys h2{background:url(/mobile/Images/Index/y_h31.jpg) no-repeat; background-size:100% 3.33rem; font-size: 0; height: 3.33rem; box-sizing: border-box; padding-top: 0.99rem; margin-bottom: 1.3rem;}
.g-ys h2 img{ display: block; width: 51%; margin: 0 auto;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ margin:0 4.7%;}
.g-ys dl dd h3{ overflow: hidden; padding: 1.25rem 0 0.8rem 0;}
.g-ys dl dd h3 em{ display: inline-block; float: left; width: 3.54rem;}
.g-ys dl dd h3 i{ display: inline-block; float: right; width: 80%; color: #0165b4; font-weight: bold; font-size: 1.25rem;}
.g-ys dl dd h3 i span{ display: block;}
.g-ys dl dd p{ font-size: 1rem; color: #333; line-height: 1.6rem; padding-bottom: 0.85rem;}
.g-ys dl dd p span{ display: block;}

.g-ys .m-cnt{ display:block; margin:0 auto 1.3rem; width: 43%;background:url(/mobile/Images/Index/y_ul.gif) no-repeat; background-size:100% 2.5rem; height: 2.5rem; box-sizing: border-box; padding-top: 0.95rem;}
.g-ys .m-cnt li{ width:0.42rem; height:0.42rem; line-height:0.42rem; border-radius:0.42rem;background:#898989; float:left; margin-right:0.8rem; }
.g-ys .m-cnt li.z-on{ background:#0165b4;}
.g-ys .m-cnt li:first-child{ margin-left:31%;}
/**/
.g-yiy{ width:100%; overflow:hidden;background:url(/mobile/Images/Index/show.jpg) repeat; background-size:100% 17.92rem; height:28.92rem; position: relative;}
.g-yiy h2{ text-align: center; color: #0165b4; font-weight: bold; padding: 1.35rem 0 1.1rem 0; font-size: 1.25rem;}
.g-yiy .m-box .con{ display:inline; float:left;}
.g-yiy .con p{ width: 48.5%; margin: 0 auto; font-size: 0;}
.g-yiy .con p img{ display: inline-block; border-radius: 0.35rem;position: relative;z-index: 123;}
.g-yiy .m-cnt{ display:block; position: absolute; top: 4.2rem; left: 0; width: 100%;}
.g-yiy .m-cnt li{ width:22%; height:2.5rem; line-height:2.5rem;float:left;margin-left: 1.45%;background:url(/mobile/Images/Index/s_li.png) no-repeat; background-size:100% 2.5rem; text-align: center; color: #fff; margin-bottom: 0.6rem;font-size: 0.9rem;}
.g-yiy .m-cnt li:nth-child(2n){ margin-left: 52.5%;}
.g-yiy .m-cnt li.z-on{background:url(/mobile/Images/Index/s_lic.png) no-repeat; background-size:100% 2.5rem; color: #fff;}
/**/
.pk{ overflow: hidden; padding-bottom: 1.8rem;}
.pk h2{background:url(/mobile/Images/Index/pk_h3.jpg) no-repeat center 0; background-size:100% 5.5rem; height: 5.5rem; box-sizing: border-box; padding-top: 1.4rem;}
.pk h2 img{ display: block; width: 85%; margin: 0 auto;}
.pk_l{ overflow: hidden; width: 31.5%; margin-left: 3.1%; float: left; padding-top: 0.6rem;}
.pk_l i{ display: block; height: 2.5rem; line-height: 2.5rem; margin-bottom: 1.7rem;background:url(/mobile/Images/Index/p_li1.jpg) no-repeat center 0; background-size:100% 2.5rem; font-size: 1rem; color: #fff; text-align: center;}
.pk_l ul{ overflow: hidden;}
.pk_l ul li strong{ display:block; width: 3.3rem; height: 3.3rem; text-align: center; color: #fff; font-size: 1.17rem; font-weight: bold; margin: 0 auto;background:url(/mobile/Images/Index/p_iio1.jpg) no-repeat center 0; background-size:100% 3.3rem; line-height: 3.3rem;}
.pk_l ul li span{ display: block; font-size: 0.83rem; color: #333; text-align: center; line-height: 1.25rem; padding: 0.3rem 0 0.5rem;}
.pk_c{ width: 31.3%; float: left;}
.pk_c h3{ margin-bottom: 1.2rem;}
.pk_c ul{ overflow: hidden;background:url(/mobile/Images/Index/pll.jpg) no-repeat center 0; background-size:6.3rem 32.7rem; height: 32.7rem;}
.pk_c ul li{ display: block; color: #fff; font-size: 1rem; line-height: 1.54rem; text-align: center; padding-bottom: 2rem; border-bottom: 1px dotted #80b5db; margin: 0 20%;}
.pk_c ul li span{ display: block; padding-top: 1.5rem;}

.pk_r{width: 31.5%;float: left; margin-left: 0;}
.pk_r i{background:url(/mobile/Images/Index/p_li2.jpg) no-repeat center 0; background-size:100% 2.5rem; }
.pk_r ul li strong{background:url(/mobile/Images/Index/p_iio2.jpg) no-repeat center 0; background-size:100% 3.3rem; }
/**/
.g-news{ width:100%;overflow:hidden; position:relative;}
.g-news h2{background:url(/mobile/Images/Index/y_h31.jpg) no-repeat center 0; background-size:100% 3.3rem; height: 4.3rem; box-sizing: border-box; padding-top: 1.05rem;}
.g-news h2 img{ display: block; width: 85%; margin: 0 auto;}

.g-news .m-cnt{ overflow: hidden; margin-bottom: 1rem; box-sizing: border-box; padding: 0 17%;}
.g-news .m-cnt li{ width:48.5%; text-align:center; float:left; position:relative; color: #fff;background:url(/mobile/Images/Index/n_li.jpg) no-repeat center 0; background-size:100% 2.5rem; height: 2.5rem; line-height: 2.5rem;font-size: 1.2rem;}
.g-news .m-cnt li:nth-child(2){ float: right;}
.g-news .m-cnt li.z-on{ background:url(/mobile/Images/Index/n_lic.jpg) no-repeat center 0; background-size:100% 2.5rem;}

.hz ul{ width:88%; margin:0 auto; height:17rem; padding-top:0.55rem; overflow:hidden;}
.hz a{ color:#666;}
.hz li{ float:left; width:30%; margin:0 4.8% 1rem 0;}
.hz li:nth-child(3n){ margin-right:0;}
.hz li img{ width:99%; border:1px solid #b3b3b3; border-radius:2px; display:block;}
.hz li span{ display:block; width:100%; height:auto;  padding-top:0.8rem; font-size:0.833rem; color:#666; text-align:center;}

.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box dl{ overflow:hidden;margin: 0 3.3% 1.25rem 4.7%;}
.g-news .m-box dl dt{ float:left;}
.g-news .m-box dl dt img{ width:8.8rem; border:0.3rem solid #e9e9e9;}
.g-news .m-box dl dd{ width:55%; float:right;}
.g-news .m-box dl dd b{ font-size:1rem; color:#333; display:block;}
.g-news .m-box dl dd p{ color:#666; font-size:0.83rem; line-height:1.5rem; padding-top: 0.55rem;}
/**/
.abo{ overflow: hidden; padding-bottom: 1.5rem;}
.abo h2{background:url(/mobile/Images/Index/y_h31.jpg) no-repeat center 0; background-size:100% 3.3rem; height: 4.3rem; box-sizing: border-box; padding-top: 1.05rem;}
.abo h2 img{ display: block; width: 85%; margin: 0 auto;}
.abo dl dt{ font-size: 0; padding-bottom: 1.17rem; margin-bottom: 0.35rem;background:url(/mobile/Images/Index/a_bg.jpg) no-repeat center bottom; background-size:100% 1.17rem;;}
.abo dl dt img{ width:90.5%;margin: 0 auto; box-sizing: border-box; border: 0.4rem solid #e6e6e6; display: block;}
.abo dl dd p{ padding: 0 4.2% 1.5rem;font-size:0.9rem;color: #333; line-height: 1.67rem;}
.abo dl dd p span{ display: block;}
.abo dl dd em{ display: block; padding-left: 2%;}
.abo dl dd em a{ display: inline-block; height: 2.5rem; line-height: 2.5rem; text-align: center;background:url(/mobile/Images/Index/a_btn.png) no-repeat center bottom; background-size:100% 2.5rem; font-size: 1rem; color: #fff; margin-right: 2%; width:22%;}
/**/

@media screen and (min-width:320px) {  html { font-size:75%;}}
@media screen and (min-width:360px) {  html { font-size:87%;}}
@media screen and (min-width:480px) {  html { font-size:112%;}}
@media screen and (min-width:568px) {  html { font-size:131%;}}
@media screen and (min-width:639px) {  html { font-size:150%;}}


.hyyy .ppx {
    float: left;
    width: 32%;
    overflow: hidden;
    margin-left: 1%;
    height: 7.6rem;
    cursor: pointer;
    margin-bottom: 0.2rem;
}
.hyyy .ppx img {
    width: 100%;
}