.wrap { background:#fff;}	
.wrap img { display:block; 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-nav a{ border-right:1px solid #ffffff;border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; 
 color:#fff; padding:2.5% 0; width:33.3%;  font-size:1rem;
 text-align:center; display:block; float:left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;
background: #6b8a4e; /* Old browsers */
background: -moz-linear-gradient(top,  #6b8a4e 0%, #6b8a4e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6b8a4e 0%,#6b8a4e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0c419c 0%,#0c419c 100%);
}
.g-nav a:nth-child(3n){border-right:none;}


/*  */


.g-adv .m-cnt li{ width: 33.33%; height: 0.33rem; background:#0c419c; float: left; }
.g-adv .m-cnt li.z-on{ background:#f87413; }


/*  */

.g-cat{font-size: 1rem; background:#dcdcd; background-size: 0.17rem;}
.g-cat h3{text-align: center; padding: 2rem 0 1rem;}
.g-cat h3 b{display: block; line-height: 1.5rem;}
.g-cat h3 b a{font-size: 1.33rem; color: #0c419c; }
.g-cat h3 span{ display: inline-block; font-size: 0.67rem; text-transform: uppercase; color: #999; padding: 0 1.5rem; position: relative;}
.g-cat h3 span:before{content:""; width: 0.75rem; height: 0.14rem; background:#f87413; position: absolute; left: 0; top: 50%; margin-top: -0.07rem;}
.g-cat h3 span:after{content:""; width: 0.75rem; height: 0.14rem; background:#f87413; position: absolute; right: 0; top: 50%; margin-top: -0.07rem;}
.g-cat .m-cnt{text-align: center; margin-bottom: 1rem;}
.g-cat .m-cnt li{ width: 31%; display: inline-block; /* border: 1px solid #999; */ color: #0c419c;margin: 0.3%;
background: #6b8a4e; /* Old browsers */
background: -moz-linear-gradient(top,  #6b8a4e 0%, #6b8a4e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6b8a4e 0%,#6b8a4e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #333 0%,#333 100%);
font-size:12px;}
.g-cat .m-cnt li span{display: block; border: 1px solid #f87413;padding: 0.6rem 0;color:#ffffff; }
.g-cat .m-cnt li.z-on{border: 1px solid #333; color: #fff;
background: #a09054; /* Old browsers */
background: -moz-linear-gradient(top,  #a09054 0%, #a09054 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a09054 0%,#a09054 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0c419c  0%,#0c419c  100%); font-size:14px;
}
.g-cat .m-cnt li.z-on span{ border: 1px solid #f87413; }
.g-cat .m-box .con{ display: inline; float: left; min-height: 1rem; }
.g-cat .m-box p{ margin: 0 4.2%; }
.g-cat .m-box p span{display: block; float: left; width: 50%; overflow: hidden; padding-left: 1rem;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; text-align:center;}
.g-cat .m-box p span a{color: #333;}
.g-cat i a{ display: block; color: #666; text-align: center; background: #dcdcdc; line-height: 2.5rem; height: 2.5rem; margin-top: 1.2rem; }
.g-cat i span{display: inline-block; padding-right: 1.5rem; background:url(../images/cat_bg.png) no-repeat right center; background-size: 1rem;}


/*  */

.g-pro{font-size: 1rem; margin: 0 4.1%;}
.g-pro h3{text-align: center; padding: 2rem 0 1rem;}
.g-pro h3 b{display: block; line-height: 1.5rem;}
.g-pro h3 b a{font-size: 1.33rem; color: #0c419c; }
.g-pro h3 span{ display: inline-block; font-size: 0.67rem; text-transform: uppercase; color: #999; padding: 0 1.5rem; position: relative;}
.g-pro h3 span:before{content:""; width: 0.75rem; height: 0.14rem; background: #0c419c; position: absolute; left: 0; top: 50%; margin-top: -0.07rem;}
.g-pro h3 span:after{content:""; width: 0.75rem; height: 0.14rem; background: #0c419c; position: absolute; right: 0; top: 50%; margin-top: -0.07rem;}
.g-pro .m-cnt{ margin-bottom: 1rem;}
.g-pro .m-cnt li{ width: 50%; float: left; border: 1px solid #999; color: #0c419c; font-weight: bold; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #d7d7d7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#d7d7d7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fcfcfc 0%,#d7d7d7 100%);
}
.g-pro .m-cnt li span{display: block; border: 1px solid #fff;padding: 0.6rem 0; }
.g-pro .m-cnt li.z-on{border: 1px solid #ef4f00; color: #fff;
background: #ef8600; /* Old browsers */
background: -moz-linear-gradient(top,  #ef8600 0%, #ef6800 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ef8600 0%,#ef6800 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ef8600 0%,#ef6800 100%); 
}
.g-pro .m-cnt li.z-on span{ border: 1px solid #fbdd8e; }
.g-pro .m-box .con{ display: inline; float: left; min-height: 1rem; }
.g-pro .m-box li{width: 48%; float: left; margin-right: 4%; margin-bottom: 1.3rem;}
.g-pro .m-box li img{border: 1px solid #ccc;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-pro .m-box li:nth-child(2n){margin-right: 0;}
.g-pro .m-box li span{display: block; text-align: center; padding-top: 0.6rem; color: #333; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.g-pro i a{ display: block; color: #666; width: 56%; margin: 0 auto; text-align: center; background: #dcdcdc; line-height: 2.5rem; height: 2.5rem; border-radius: 0.5rem;-moz-border-radius: 0.5rem;-o-border-radius: 0.5rem;-webkit-border-radius: 0.5rem;}
.g-pro i span{display: inline-block; padding-right: 1.5rem; background:url(../images/cat_bg.png) no-repeat right center; background-size: 1rem;}


/*  */

.g-yd{font-size: 1rem; background:url(../images/bg2.png) repeat; background-size: 0.5rem; margin-top: 2.4rem; padding-bottom: 1.6rem;}
.g-yd h3{text-align: center; font-size: 1rem; color: #fff; background:url(../images/yd_bg.png) no-repeat; background-size:100%; padding: 1rem 0 2.2rem; text-shadow: 0.1rem 0.1rem 0.1rem #0c2d59; -webkit-text-shadow: 0.1rem 0.1rem 0.1rem #0c2d59; -o-text-shadow: 0.1rem 0.1rem 0.1rem #0c2d59; -moz-text-shadow: 0.1rem 0.1rem 0.1rem #0c2d59; line-height: 1.5rem;}
.g-yd h3 b{display: block; font-size: 1.5rem;}
.g-yd ul{margin: 0 4.1%;}
.g-yd li{float: left; width: 48.5%; margin-right: 3%; background: #fff; border: 1px solid #c9c9c9; border-radius: 0.5rem;-moz-border-radius: 0.5rem; -o-border-radius: 0.5rem;-webkit-border-radius: 0.5rem; overflow: hidden; margin-bottom: 0.8rem;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-yd li:nth-child(2n){margin-right: 0;}
.g-yd li b{display: block; text-align: center; background:#6b8a4e; color: #fff; padding: 0.5rem 0;}
.g-yd li p{color: #333; padding: 0.8rem 1rem; line-height: 1.4rem; height: 4.2rem;}
.g-yd li p span{color: #6b8a4e font-weight: bold;}

/*  */

.g-ys{font-size: 1rem;}

.g-ys .m-box .con{ display: inline; float: left; min-height: 1rem; }
.g-ys dd{margin: 0 4.1%;}
.g-ys dd em{ color:#7b6922; font-weight: bold; display: block; padding-left: 3.5rem; margin: 0.5rem 0; line-height: 1.5rem;}
.g-ys dd em span{ display: block; color: #0c419c; font-size: 1.167rem; line-height:2.4rem;}
.g-ys dd p span{display: block; color: #333; line-height: 1.3rem; padding-left: 3rem; padding-bottom: 0.5rem; background:url(../images/ys_bg.png) no-repeat 1.8rem 0;background-size: 0.79rem;}
.g-ys dd p b{color: #ff6600;}
.g-ys .con:nth-child(1) dd em{ background:url(../images/num1.png) no-repeat 0 center; background-size: 2.875rem;}
.g-ys .con:nth-child(2) dd em{ background:url(../images/num2.png) no-repeat 0 center; background-size: 2.875rem;}
.g-ys .con:nth-child(3) dd em{ background:url(../images/num3.png) no-repeat 0 center; background-size: 2.875rem;}
.g-ys .con:nth-child(4) dd em{ background:url(../images/num4.png) no-repeat 0 center; background-size: 2.875rem;}
.g-ys dd p span:first-child{background:url(../images/ys_bg3.png) no-repeat 1.8rem 0;background-size: 0.79rem;}
.g-ys dd p span:last-child{background:url(../images/ys_bg2.png) no-repeat 1.8rem 0;background-size: 0.79rem;}
.g-ys dd p span i{color: #999;}
.g-ys .m-cnt{ padding: 2rem 0 2.5rem; text-align: center;}
.g-ys .m-cnt li{ background:#0c419c; width: 0.75rem; height: 0.75rem; display: inline-block; margin: 0 2%;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%; }
.g-ys .m-cnt li.z-on{background:#f87413;}



/*  */

.g-coop{background: #f3f3f6; padding-bottom: 2rem;}
.g-coop h3{line-height: 2.5rem; margin-bottom: 1.2rem; background: #0c419c; font-size: 1rem; }
.g-coop h3 b{float: left; color: #fff; width: 27.5%; text-align: center; background: #ff6600;}
.g-coop h3 span{float: right; color: #fff; margin-right: 2.5%;}
.g-coop li{float: left; width: 44%; margin-right: 3.6%;}
.g-coop li img{border: 1px solid #ccc;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-coop li span{display: block; text-align: center; font-size: 1rem ;color: #333; padding-top: 0.3rem;}
.g-coop li:nth-child(1){margin-left: 4.2%;}


/*  */


.g-news {font-size: 1rem;}
.g-news .m-cnt{ margin-bottom: 0.5rem; 
background: #a09054; /* Old browsers */
background: -moz-linear-gradient(top,  #a09054 0%, #a09054 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a09054 0%,#a09054 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #333 0%,#333 100%);}
.g-news .m-cnt li{ float: left; width: 33.33%;text-align: center; color: #fff; padding: 0.6rem 0;border-right:1px solid #ffffff;border-left:1px solid #ffffff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-news .m-cnt li:nth-child(1){border-left: none;}
.g-news .m-cnt li.z-on{ font-weight: bold; background:#f87413; }

.g-news .m-box .con{ display: inline; float: left; min-height: 1rem; }
.g-news .m-box ul{ margin: 0 4.1%; }
.g-news .m-box li{ padding-right: 2%; line-height: 2.5rem; height: 2.5rem; overflow: hidden; border-bottom: 1px dotted #999;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;white-space: nowrap;text-overflow: ellipsis; color: #666;background:url(../images/news_ic.png) no-repeat 0 center; background-size: 0.38rem; padding-left: 1rem; }
.g-news .m-box li a{color: #333;}
.g-news .m-box li:last-child{border-bottom: none}

.g-news i a{ display: block; color: #666; text-align: center; background: #dcdcdc; line-height: 2.5rem; height: 2.5rem; margin-top: 1.2rem; }
.g-news i span{display: inline-block; padding-right: 1.5rem; background:url(../images/cat_bg.png) no-repeat right center; background-size: 1rem;}

/*  */

@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:375px) {
html { font-size:88%;}
}
@media screen and (min-width:400px) {
html { font-size:98%;}
}
@media screen and (min-width:414px) {
html { font-size:100%;}
}
@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%;}
}