﻿.wrap img{ width:100%;}	
@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%;}}
/*通栏广告*/
.g-adv{ width:100%; height:15rem; overflow:hidden; background:#f2f2f3; margin-bottom:2rem;}
.g-adv .m-cnt{ overflow:hidden; margin:0.9rem 0 0 39.8%;}
.g-adv .m-cnt li { float:left; width:0.71rem; height:0.71rem; margin-right:0.9rem;background: url(/mobile/Images/Index/ico2.gif) no-repeat; background-size:100%;}
.g-adv .m-cnt li.z-on{background: url(/mobile/Images/Index/ico1.gif) no-repeat; background-size:100%;}
/*导航样式*/
.g-nav { display:inline-block; width:100%;height:7.6rem; overflow:hidden;}
.g-nav a { margin:0 0.5rem 0.5rem 0; font-size:0.92rem; color:#fff; height:2.5rem; line-height:2.5rem; text-align:center; width:29%; text-align:center; display:block; float:left; background:#54acf3; border-radius:0.25rem;}
.g-nav a:first-child,.g-nav a:nth-child(4){ margin-left:4.8%;}
/**/
.g-pro{ width:100%;overflow:hidden; position:relative; margin-bottom:2.3rem; background:#f2f2f3; padding-bottom:2.15rem;}
.g-pro h3,.g-xl h3{ font-size:1.33rem;color:#333; text-align:center; height:4rem; padding-top:2.3rem;}
.g-pro h3 span,.g-xl h3 span{ display:block; font-size:0.92rem; color:#666; text-align:center; position:relative;}
.g-pro h3 span:before,.g-xl h3 span:before{ content:""; position:absolute;height:1px;width:13%;content: "";left:0;top:50%; background:#dfdfdf;}
.g-pro h3 span:after,.g-xl h3 span:after{ content:""; position:absolute;height:1px;width:13%;content: "";right:0;top:50%; background:#dfdfdf;}
.g-pro .m-cnt{ font-size:1rem; height:3.25rem; overflow:hidden; margin:0 1.3rem;}
.g-pro .m-cnt li{text-align:center; float:left; position:relative; font-size:0.92rem; color:#666; height:2.2rem; line-height:2.2rem;width:33.33%;box-sizing:border-box;border:1px solid #d2d2d2;border-right:none;}
.g-pro .m-cnt li:last-child{border-right:1px solid #d2d2d2;}
.g-pro .m-cnt li.z-on{background:#28a0ec; color:#fff; border:1px solid #d2d2d2; position:relative;}
.g-pro .m-cnt li.z-on:before{ content:""; position:absolute;border-top:0.35rem solid #28a0ec;border-left:0.35em solid transparent;border-right:0.35rem solid transparent;height: 0;width: 0; left:48%; top:100%; }
.g-pro .m-box .con{ display:inline; float:left;}
.g-pro .con ul{ overflow:hidden;}
.g-pro .con ul li{margin:0 1.3rem; position:relative; background:#fff; border-bottom:1px solid #dcdcdc;}
.g-pro .con ul li i{ display:block; text-align:center; line-height:3rem;}
.g-pro .con ul li i a{ color:#333; font-size:0.92rem;}
.g-pro .con ul li em{ display:block; text-align:center; margin-bottom:1.3rem; margin-top:1.3rem;}
.g-pro .con ul li em span{ display:inline-block; width:0.875rem; margin-right:0.3rem;}
.g-pro .con ul li em span img{ vertical-align:middle;}
.g-pro .con ul li em a{ display:inline-block; border:1px solid #ffa70f; border-radius:1rem; line-height:1.6rem; padding:0 1.6rem; font-size:0.92rem; color:#ffa70f; margin:0 0.3rem;}
/**/
.g-xl{position:relative; height:25.5rem; overflow:hidden;}
.g-xl .m-more{ position:absolute; right:1.35rem; top:6.425rem;line-height:2.4rem;background:#54acf3;font-size:1rem; display:block; color:#fff; width:45%; text-align:center;}
.g-xl:before{ content:""; position:absolute;height:1px;width:33.2%;content: "";left:1.3rem;bottom:3rem; background:#a4d3f9;}
.g-xl:after{ content:""; position:absolute;height:1px;width:33.2%;content: "";right:1.3rem;bottom:3rem; background:#b7db8c;}
.g-xl h3{ padding-top:0;}
.g-xl h3 span:before{ content:""; position:absolute;height:1px;width:6.5%;content: "";left:0;top:50%; background:#dfdfdf;}
.g-xl h3 span:after{ content:""; position:absolute;height:1px;width:6.5%;content: "";right:0;top:50%; background:#dfdfdf;}
.g-xl .c-list { font-size:1rem; line-height:2.4rem; margin:0 1.3rem 0.8rem; overflow:hidden;}
.g-xl .c-list li { float:left; text-align:center; color:#fff; width:50%; background:#54acf3; box-sizing:border-box; border-bottom:1px solid #fff; border-right:1px solid #fff;}
.g-xl .c-list li.z-on { background:#78bc27;}

.g-xl .m-cpcon { position:relative;}
.g-xl .m-cpcon .prev { position:absolute; bottom:2.6rem; left:38%; width:2.5rem; z-index:9;}
.g-xl .m-cpcon .next { position:absolute; bottom:2.6rem; right:38%; width:2.5rem; z-index:9;}

.g-xl .m-cpcon .no_ov { margin:0 1.3rem;}
.g-xl .m-cpcon .sclwrap_box { height:16.85rem;}
.g-xl .m-cpcon .no_ov .m-box .page { position:relative; float:left}
.g-xl .m-cpcon .page ul{ overflow:hidden; box-sizing:border-box; border:1px solid #d2d2d2;}
.g-xl .m-cpcon .page ul li{ float:left; width:50%; box-sizing:border-box;}
.g-xl .m-cpcon .page ul li:first-child{ border-right:1px solid #d2d2d2;}
.g-xl .m-cpcon .page ul li span{ display:block; height:2rem; line-height:2rem; text-align:center; border-top:1px solid #d2d2d2;}
.g-xl .m-cpcon .page ul li span a{ color:#333; font-size:0.92rem;}
/**/
.g-choi{ padding-top:2.3rem; background:#f2f2f3; padding-bottom:0.3rem; margin-bottom:2.25rem;}
.g-choi h3{font-size:1.33rem;color:#333; text-align:center;}
.g-choi h3 span{ display:block; font-size:0; padding:0.5rem 0 1.5rem 0;}
.g-choi ul{ overflow:hidden; position:relative;}
.g-choi ul:after{ content:""; position:absolute;height:92%;width:1px;content: "";right:50%;top:0; background:#dcdcdc;} 
.g-choi ul:before{ content:""; position:absolute;height:1px;width:90%;content: "";left:1.3rem;top:46.5%; background:#dcdcdc;} 
.g-choi ul li{ float:left; width:42%; margin-left:5.5%; background:#fff; border-radius:0.35rem; margin-bottom:2rem; box-shadow:1px 1px 1px  #dfdfe0;}
.g-choi ul li img{ display:inline-block; box-sizing:border-box; padding:0.8rem 2rem 0.35rem;}
.g-choi ul li span{ display:block; font-size:1rem; color:#666; text-align:center; line-height:2.45rem;}
/**/
.g-hb{position:relative;margin-bottom:2.4rem;}
.g-hb:before{ content:""; position:absolute;height:1px;width:33.2%;content: "";left:1.3rem;top:3rem; background:#a4d3f9;}
.g-hb:after{ content:""; position:absolute;height:1px;width:33.2%;content: "";right:1.3rem;top:3rem; background:#b7db8c;}
.g-hb h3{ font-size:1.33rem;color:#333; text-align:center; height:4.9rem;}
.g-hb .m-box .con{ display:inline; float:left;}
.g-hb .prev{ width:2rem; position:absolute; top:2rem; left:41%;}
.g-hb .next{ width:2rem; position:absolute; top:2rem; right:41%;}
.g-hb .m-box .con{ display:inline; float:left;}
.g-hb .con dl{ background:#f2f2f3; margin:0 1.3rem; padding-bottom:1.75rem;}
.g-hb .con dl dt{ font-size:0;}
.g-hb .con dl dd p{ padding:0 0.9rem; line-height:1.5rem; color:#666; font-size:0.92rem;}
.g-hb .con dl dd p i{ display: block; color:#333; line-height:2.5rem;}
.g-hb .con dl dd p span{ color:#ffa70f;}
/**/
.g-news{ width:100%;overflow:hidden;  margin-bottom:2.2rem; background:#f2f2f3; padding-bottom:2.45rem;}

.g-news .m-cnt{ font-size:1rem;overflow:hidden; margin-bottom:1.2rem;}
.g-news .m-cnt li{ float:left; position:relative; font-size:1rem; color:#fff;background:#555; width:33.33%;height:2.9rem;line-height:2.9rem ; background:#54acf3; box-sizing:border-box; border-right:1px solid #fff; text-align:center; position:relative;}
.g-news .m-cnt li span{ display:inline-block; width:1.1rem; margin-right:0.45rem;}
.g-news .m-cnt li span img{ vertical-align:middle;}
.g-news .m-cnt li .m-more{ top:2.9rem; position:absolute; left:0; width:33.33%; height:2.5rem; line-height:2.5rem;background:#fff; filter:Alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7 ; opacity: 0.7; display:block; z-index:5; text-align: center; border-bottom-right-radius:1rem;}
.g-news .m-cnt li .m-more a{ display:inline-block; height:1.5rem; line-height:1.5rem; width:5.6rem; border:1px solid #ffa70f; border-radius:1rem; color:#ffa70f; font-size:0.92rem; z-index:9; position:relative;}
.g-news .m-cnt li.z-on{background:#78bc27;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .con p{ margin:0 1.3rem;}
.g-news .con ul{ overflow:hidden; margin:0 1.3rem;}
.g-news .con ul li{position:relative; line-height:2.3rem; border-bottom:1px solid #ccc;}
.g-news .con ul li a{ font-size:0.92rem; color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:85%;}
.g-news .con ul li i{ display:inline-block; width:1.5rem; text-align:center; color:#a0a0a0;}
.g-news .con ul li span{ float:right; font-size:0.92rem; color:#666;}
/**/
.g-jij{ overflow:hidden; margin-bottom:1.6rem;}
.g-jij h3{ height:3.9rem;font-size:1.33rem;color:#333; text-align:center;}
.g-jij h3 span{ display:block; color:#999; font-size:0.92rem; position:relative;}
.g-jij h3 span:before{ content:""; position:absolute;height:1px;width:42%;content: "";left:0;top:50%; background:#e2e2e2;}
.g-jij h3 span:after{ content:""; position:absolute;height:1px;width:42%;content: "";right:0;top:50%; background:#e2e2e2;}
.g-jij dl dt{ float:left; width:11.5rem; margin:0 0 0 1.3rem;}
.g-jij dl dd{ width:46%; float: right; margin-right:3%;}
.g-jij dl dd h4{ color:#2a95e5; display:block; font-size:0.92rem; padding-bottom:0.5rem;}
.g-jij dl dd p{ font-size:0.92rem; color:#666; line-height:1.4rem;}
/**/
.g-wen { margin-top:1.38em; position:relative; height:14.6rem; overflow:hidden; background:#f2f2f3; padding-top:1.6rem;}
.g-wen .c-list { font-size:1rem; height:2.5rem; line-height:2.5rem; margin:0 1.3rem 1.2rem; overflow:hidden;}
.g-wen .c-list li{ float:left; text-align:center; color:#fff; width:47.5%; background:#ebebeb; margin:0 0.2rem;background: url(/mobile/Images/Index/w_bg1.gif) no-repeat; background-size:100%; text-indent:-4%;}
.g-wen .c-list li:nth-child(2){background: url(/mobile/Images/Index/w_bg3.gif) no-repeat; background-size:100%; }
.g-wen .c-list li.z-on { background: url(/mobile/Images/Index/w_bg11.gif) no-repeat; background-size:100%;}
.g-wen .c-list li:nth-child(2).z-on { background: url(/mobile/Images/Index/w_bg31.gif) no-repeat; background-size:100%;}

.g-wen .m-cpcon { position:relative;}
.g-wen .m-cpcon .prev { position:absolute; top:2.8rem; left:1.2rem; width:0.9rem; z-index:9;}
.g-wen .m-cpcon .next { position:absolute; top:2.8rem; right:1.2rem; width:0.9rem; z-index:9;}

.g-wen .m-cpcon .no_ov { margin:0 2.25em 0 4.25em;}
.g-wen .m-cpcon .sclwrap_box { height:20.8em;}
.g-wen .page { position:relative; float:left;}
.g-wen .page ul li{ width:45%;float:left; margin:0 0.2rem;position:relative; background:#fff;}
.g-wen .page ul li span{ display:block; text-align:center; width:100%; line-height:2.1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-wen .page ul li span a{ font-size:0.92rem; color:#666;}

/**/
/**/
/**/
/**/

