.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{ width:100%; margin:0 auto; height: auto; z-:15; font-size:0;}

/**/

.q_on1{ overflow: hidden; background:#f6f5fa; border-bottom: 1px solid #e0e0e0; margin-bottom: 2.45rem;}

.q_on1 ul{ overflow: hidden;}

.q_on1 ul li{ width: 33.33%; float: left; border-right: 1px solid #dddcde; padding-top: 1.5rem; box-sizing: border-box;font-size: 0.92rem; color: #333;text-align: center; height:10.8rem;}

.q_on1 ul li:last-child{ border-right: none; }

.q_on1 ul li i{ display: block; font-size: 1.5rem; font-weight: bold; color: #fff;background: url("../images/q_bg1.gif") no-repeat; background-size:4.6rem 5rem; line-height:4.6rem;margin: 0 auto; width: 4.62rem; height:5rem;text-align: center; padding-bottom: 0.45rem;}

.q_on1 ul li span{ display: block;}

/**/

.g-pz{position:relative; margin-bottom: 2.3rem;}

.g-pz .prev{ width:2.1rem; position:absolute; top:5.9rem; left:3.2%;z-: 10;}

.g-pz .next{ width:2.1rem; position:absolute; top:5.9rem; right:3.2%;z-: 10;}

.g-pz h3{ font-weight: normal; text-align: center; color: #333; font-size: 1.25rem; margin-bottom: 1.1rem;}

.g-pz h3 span{ display: block; position: relative; color: #ccc; font-family: Arial; font-size: 0.75rem; text-transform:uppercase;}

.g-pz h3 span:before{ content:""; position:absolute;height:1px;width:16%;left:11%;top:50%; background:#e5e5e5;}

.g-pz h3 span:after{ content:""; position:absolute;height:1px;width:16%;right:11%;top:50%; background:#e5e5e5;}

.g-pz .con ul{ overflow: auto; margin-left: 13.3%;}

.g-pz .con ul li{ width:40.6%; float: left; box-shadow: 3px 3px 3px #eee; margin-right: 0.4rem; border: 1px solid #eee;}

/**/

.g-pz2{background: url("../images/bg2.jpg") no-repeat; background-size:100% 26.8rem; height: 26.2rem; margin-bottom:0;}

.g-pz2 h3{ color: #fff; padding-top: 2.5rem; margin-bottom: 1.25rem;}.g-pz2 h3 span{ color: #659ddd;}

.g-pz2 h3 span:before{ content:""; position:absolute;height:1px;width:10%;left:7%;top:50%; background:#529fde;}

.g-pz2 h3 span:after{ content:""; position:absolute;height:1px;width:10%;right:7%;top:50%; background:#529fde;}

.g-pz2 .con ul{ margin-left: 3.1%;}

.g-pz2 .con ul li{ box-shadow: none; margin-right: 3.3%;width:46%; border: none; box-sizing: border-box; border: 0.3rem solid #fff; background: #fff; text-align: center; font-size: 0;}

.g-pz2 .con ul li img{ border: 1px solid #ccc; box-sizing: border-box;}

.g-pz2 .con ul li span{ display: block; padding-top: 0.7rem; padding-bottom: 0.4rem; text-align: center;}

.g-pz2 .con ul li span a{ color: #333; font-size: 0.92rem;}

.g-pz2 .prev{ width:2.3rem; position:absolute; top:22.5rem; left:38.8%;}

.g-pz2 .next{ width:2.3rem; position:absolute; top:22.5rem; right:38.8%;}

/**/

.q_on3{ border-bottom: 0.6rem solid #eee; overflow: hidden;}

.q_on31{ border-top: 0.6rem solid #eee; padding: 0 3.1%; overflow: hidden;}

.q_on31 h3{ overflow: hidden; padding-top: 1rem; padding-bottom: 0.8rem;}

.q_on31 h3 i{ display: inline-block; width: 9.8rem; height: 3.8rem;background: url("../images/h31.jpg") no-repeat; background-size:9.8rem 3.8rem; line-height:2.9rem; text-indent:2.15rem;}

.q_on31 h3 i a{ color: #fff; font-weight: bold;font-size: 1rem;}

.q_on31 h3 span{ display: inline-block; float: right; width: 56.5%;line-height: 1.38rem;}

.q_on31 h3 span a{ color: #666; font-size: 0.85rem; display: inline-block; padding: 0 3.3%; }

.q_on31 ul{ float: left; font-size: 0;border-top: 1px solid #ccc;border-left: 1px solid #ccc; margin-bottom: 0.9rem;width: 100%;}

.q_on31 ul li{ float: left; width: 50%; box-sizing: border-box; border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}

.q_on31 ul li span{ display: block; text-align: center; color: #333; font-size: 0.92rem; padding-bottom: 0.5rem;}

.q_on31 ul li i{ display: block; width: 6.4rem; height: 1.6rem; line-height: 1.6rem; text-align: center; border: 1px solid #c9c9c9; border-radius: 1.5rem; margin: 0 auto 0.6rem; color: #7b7b7b; font-size: 0.92rem;}.q_on31 ul li i a{ color: #7b7b7b;}

.q_on3 .q_on31:nth-child(2) h3 i{background: url("../images/h32.jpg") no-repeat; background-size:9.8rem 3.8rem; }

.q_on3 .q_on31:nth-child(3) h3 i{background: url("../images/h33.jpg") no-repeat; background-size:9.8rem 3.8rem; }

.q_on3 .q_on31:nth-child(4) h3 i{background: url("../images/h34.jpg") no-repeat; background-size:9.8rem 3.8rem; }

    /**/

.q_on4{ background-size:100% 20.3rem;}

.q_on4 ul{ overflow: hidden; height: 20.3rem; box-sizing: border-box; padding: 2.2rem 0 0 3.1%;}

.q_on4 ul li i{ display: block; width: 6.4rem; height: 1.6rem; line-height: 1.6rem; border: 1px solid #4e99dc; text-indent: 0.55rem;}

.q_on4 ul li i a{ color: #fff; font-weight: bold;font-size: 0.9rem;}

.q_on4 ul li span{ display: block; padding: 0.25rem 0 0.75rem 0;}

.q_on4 ul li span a{ font-size: 0.92rem; color: #fff; padding: 0 2.7%;background: url("../images/ico.png") no-repeat 0 0.6rem; background-size:0.3rem 0.4rem;}

.q_on4 h4{ background: #74c716; height: 2.7rem; line-height: 2.7rem; text-align: center;}

.q_on4 h4 a{ color: #fff; font-size: 0.92rem;}

    /**/

.q_on5{ overflow: hidden; padding-bottom: 0.8rem;}

.q_on5 h3{ color: #333; padding-top: 2.5rem; margin-bottom: 1.25rem; font-size: 1.25rem; text-align: center;}

.q_on5 h3 i{ font-weight: bold;}

.q_on5 h3 span{ color: #ccc; display: block; font-size: 0.75rem; text-transform: uppercase; font-family: Arial; position: relative;}

.q_on5 h3 span:before{ content:""; position:absolute;height:1px;width:10%;left:7%;top:50%; background:#e5e5e5;}

.q_on5 h3 span:after{ content:""; position:absolute;height:1px;width:10%;right:7%;top:50%; background:#e5e5e5;}

.q_on5 ul{ overflow: hidden;}

.q_on5 ul li{ width:33.33%; float: left; text-align: center; font-size: 1rem; color: #333; padding-top: 6.85rem; height: 2.6rem;background: url("../images/z_ico1.gif") no-repeat center 0; background-size: 5.8rem 6.4rem;}

.q_on5 ul li:nth-child(2){background: url("../images/z_ico2.gif") no-repeat center 0; background-size: 5.8rem 6.4rem;}

.q_on5 ul li:nth-child(3){background: url("../images/z_ico3.gif") no-repeat center 0; background-size: 5.8rem 6.4rem;}

.q_on5 ul li:nth-child(4){background: url("../images/z_ico4.gif") no-repeat center 0; background-size: 5.8rem 6.4rem; margin-left:15%;}

.q_on5 ul li:nth-child(5){background: url("../images/z_ico5.gif") no-repeat center 0; background-size: 5.8rem 6.4rem;}

    /**/

/**/

.g-news{ width:100%;  overflow:hidden; position:relative;padding-top: 2.7rem; background: #ff5fa; margin-bottom: 2.6rem;}

.g-news h3{ color: #333;margin-bottom: 1.25rem; font-size: 1.15rem; text-align: center;}

.g-news h3 i{ font-weight: bold;}

.g-news h3 span{ color: #666; display: block; font-size: 0.92rem; text-transform: uppercase;position: relative;}

.g-news h3 span:before{ content:""; position:absolute;height:1px;width:16%;left:7%;top:50%; background:#dddce1;}

.g-news h3 span:after{ content:""; position:absolute;height:1px;width:16%;right:7%;top:50%; background:#dddce1;}

.g-news .sclwrap_box{ overflow:hidden;}

.g-news .m-box .con{ display:inline; float:left;}

.g-news .con dl{ margin: 0 3.1%;}

.g-news .con dl dd h4{ overflow: hidden; padding-top: 1.85rem;}

.g-news .con dl dd h4 i{ display: inline-block; float: left; color: #ccc; font-size: 2.1rem; font-family: Impact;}

.g-news .con dl dd h4 em{ display: inline-block; float: right; width:89%; font-size: 1rem; font-weight: bold;}

.g-news .con dl dd h4 em span{ font-weight: normal; color: #dadade;display: block;}

.g-news .con dl dd p{ font-size: 0.92rem; color: #333; padding: 0.8rem 0 1.6rem 0;}

.g-news .m-cnt{ overflow: hidden; padding-bottom: 2.4rem;}.g-news .m-cnt li:first-child{ margin-left: 37%;}

.g-news .m-cnt li{ width: 0.7rem; height: 0.7rem; border-radius: 0.7rem; background: #c9c9c9; margin-right: 0.6rem; float: left;}

.g-news .m-cnt li.z-on{  background: #0772cf; width: 1.7rem;}

    /**/

.g-case{ overflow: hidden;}

.g-case h3{ color: #333;margin-bottom: 1.15rem; font-size: 1.25rem; text-align: center;}

.g-case h3 span{ color: #ccc; display: block; font-size: 0.92rem; text-transform: uppercase;position: relative;}

.g-case h3 span:before{ content:""; position:absolute;height:1px;width:16%;left:13.5%;top:50%; background:#e5e5e5;}

.g-case h3 span:after{ content:""; position:absolute;height:1px;width:16%;right:13.5%;top:50%; background:#e5e5e5;}

.g-case ul{ overflow: hidden; margin: 0 3.1%;}

.g-case ul li{ float: left; margin-bottom: 0.8rem; background: #efefef; font-size: 0; width: 48.3%;}.g-case ul li:nth-child(2n){ float: right;}

.g-case ul li span{ display: block; height: 2.1rem; line-height: 2.1rem; color: #333; font-size: 0.92rem;text-align: center;}

.g-case h4{ text-align: center; padding-bottom: 1rem;}

.g-case h4 a{ color: #999; font-size: 0.92rem;}

/**/

.g-pz3{position:relative; margin-bottom: 2.5rem;background: url("../images/l_bg.jpg") no-repeat center 0; background-size:100% 31.7rem; height: 31.7rem; margin-bottom: 2.5rem;}

.g-pz3 .prev{ width:2rem; position:absolute; top:11.25rem; left:3.2%;z-: 5;}

.g-pz3 .next{ width:2rem; position:absolute; top:11.25rem; right:3.2%; z-: 5;}

.g-pz3 h3{ font-weight: normal; text-align: center; color: #fff; font-size: 1.25rem; margin-bottom: 1.1rem; padding-top: 2.35rem;}

.g-pz3 h3 span{ display: block; position: relative; color: #8eb4e2; font-family: Arial; font-size: 0.75rem; text-transform:uppercase;}

.g-pz3 h3 span:before{ content:""; position:absolute;height:1px;width:13%;left:11%;top:50%; background:#5ea6e1;}

.g-pz3 h3 span:after{ content:""; position:absolute;height:1px;width:13%;right:11%;top:50%; background:#5ea6e1;}

.g-pz3 .con dl dt{ width: 54%; font-size: 0; border: 0.3rem solid #fff; margin: 0 auto;}

.g-pz3 .con dl dd h4{ text-align: center; color: #fff; font-weight: bold; padding: 1rem 0;font-size: 0.9rem;}

.g-pz3 .con dl dd h4 span{ display: block; font-size: 0.92rem; color: #dee7f6; font-weight: normal;}

.g-pz3 .con dl dd p{ padding: 0 6%; color: #dee8f6; font-size: 0.92rem; text-align: center; line-height: 1.33rem;}

.g-pz3 .con dl dd p a{ color: #dee8f6; }

/**/

.g-abo{padding: 0 3.1%;}

.g-abo h3{ text-align: center; padding-bottom: 1.2rem; color: #0772cf; font-size: 1.33rem; font-weight: bold;}

.g-abo h3 i{ color: #74c716;}

.g-abo h3 span{ display: block; color: #e6e6e6; text-transform: uppercase; font-family: Impact; font-size: 1.5rem; font-weight:normal;}

.g-abo ul li{ background: #efefef;}

.g-abo ul li span{ color: #666; font-size: 0.92rem; display: block; padding: 1rem;}.g-abo ul li span a{color: #666;}



/**/





/**/

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