.wrap { background:#fff url(/Mobile/Images/Common/bg.png) repeat; background-size: 6rem;}	
.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 #945421;  border-left:1px solid #ae6e3b;
 color:#fff; background: #0269cf; padding:4.5% 0; width:33.33%;  font-size:1rem; font-weight: bold;
 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;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aa6630+0,aa6630+47,a55e25+47,a55e25+100 */
background: #aa6630; /* Old browsers */
background: -moz-linear-gradient(top,  #aa6630 0%, #aa6630 47%, #a55e25 47%, #a55e25 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #aa6630 0%,#aa6630 47%,#a55e25 47%,#a55e25 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #aa6630 0%,#aa6630 47%,#a55e25 47%,#a55e25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa6630', endColorstr='#a55e25',GradientType=0 ); /* IE6-9 */
}
.g-nav a:nth-child(3n){border-right:none;}


/*  */


.g-cn{font-size: 1rem;}
.g-cn h3{text-align: center; line-height: 1.25rem; color: #919191; font-size: 1.083rem; font-weight: bold; padding-top: 1.5rem;}
.g-cn h3 span{display: block; text-transform: uppercase;font-family:"Times New Roman", Times, serif; font-size: 0.83rem; color: #d0d0d0; font-weight: normal;}
.g-cn h3 b{display: block; color: #a55e25; font-size: 2.08rem; line-height: 3.6rem;}

/*  */


.g-pk{ padding: 0 1.6%; }
.m-pkpic{padding-bottom: 0.6rem;}
.g-pk h3{text-align: center; font-size: 1.25rem; color: #000; font-weight: bold; padding: 1.5rem 0;}
.g-pk h3 span{font-size: 1rem; color: #b9b9b9; display: block; 	text-transform: uppercase; font-family:"Times New Roman", Times, serif; padding-bottom: 0.3rem;}
.g-pk .m-cnt{text-align: justify; font-weight: bold; height: 12rem; overflow: hidden;}
.g-pk .m-cnt:after{content: "";display:inline-block; width:100%; height:0; overflow:hidden;}
.g-pk .m-cnt li{ display: inline-block; width: 28.8%; height: 3rem; background: #a55e25; line-height: 3rem; text-align: center; font-size: 1rem; color: #fff; border-radius: 0.3rem;-moz-border-radius:0.3rem;-o-border-radius: 0.3rem;-webkit-border-radius: 0.3rem; margin-bottom: 1.2rem; }
.g-pk .m-cnt li.z-on{ background: #121212; }
.g-pk .m-cnt a{display: inline-block; width: 28.8%; height: 3rem; background: #a55e25; line-height: 3rem; text-align: center; font-size: 1rem; color: #fff; border-radius: 0.3rem;-moz-border-radius:0.3rem;-o-border-radius: 0.3rem;-webkit-border-radius: 0.3rem; margin-bottom: 1.2rem;}
.g-pk .m-box{ background: #ececec;}
.g-pk .m-box dl{float: left; width: 47%;}
.g-pk .m-box .con dl:last-child{float: right;}
.g-pk .m-box dt img{border: 0.13rem solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-pk .m-box dd{font-size: 1rem; color: #000; line-height: 1.6rem; padding-left: 4%; }
.g-pk .m-box .con dl:last-child dd{padding-left: 0; padding-right: 4%;}
.g-pk .m-box dd b{display: block; font-size: 1.083rem; padding: 2rem 0 0.6rem; position: relative;}
.g-pk .m-box dd b:before{content: ""; width: 4.3rem; height: 0.17rem; background: #000; position: absolute; left: 0; top: 1.5rem; }
.g-pk .m-box dd p{height: 9.6rem;}

.g-pk .m-box dt i{display: block; margin-bottom: 1.4rem; position: relative;}
.g-pk .m-box dl:last-child dt i:before{content: "vs"; font-size: 1.8rem;color: #fff; width: 3.8rem; height: 3.8rem; line-height: 3.2rem; text-align: center; background: #a55e25; position: absolute; left: -2.6rem; top: 50%; margin-top: -1.9rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%; border: 0.2rem solid #fff;}
.g-pk .m-box dt span{display: block; position: relative;}
.g-pk .m-box dl:last-child dt span:before{content: "vs"; font-size: 1.8rem; color: #fff; width: 3.8rem; height: 3.8rem; line-height: 3.2rem; text-align: center; background: #a55e25; position: absolute; left: -2.6rem; top: 50%; margin-top: -1.9rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%; border: 0.2rem solid #fff;}


.g-pk .nr4{width: 96%; margin: 0 auto;}
.g-pk .pic{width: 98%; margin: 0 auto;}

.g-pk .nr7 p{font-size: 1rem; line-height: 1.67rem;  background: #ececec; padding: 2.2rem 1.5rem 2rem; margin-bottom: 1rem;}
.g-pk .nr7 p b{display: block; font-size: 1.083rem; padding-bottom: 0.6rem; position: relative; padding-top: 0.6rem;}
.g-pk .nr7 p b:before{content: ""; width: 4.38rem; height: 0.17rem; background: #000; position: absolute; left: 0; top: 0;}


/*  */


.g-pro {padding: 0 1.6%;}
.g-pro h3{text-align: center;  padding: 2rem 0 1.5rem; color: #666666; font-size: 1.083rem; line-height: 1.5rem;}
.g-pro h3 span{font-size: 1rem; color: #b9b9b9; display: block; 	text-transform: uppercase; font-family:"Times New Roman", Times, serif;}
.g-pro h3 b{font-size: 1.25rem; color: #000;font-weight: bold;display: block; }

.g-pro p{padding-bottom: 0.5rem;}
.g-pro p a{ float: left; width: 49%; height: 3.88rem;  line-height: 3.88rem;  background: #a55e25; font-size: 1rem; color: #fff; text-align: center; margin-bottom: 0.8rem;border-radius: 0.3rem;-moz-border-radius: 0.3rem;-o-border-radius: 0.3rem;-webkit-border-radius: 0.3rem; }
.g-pro p a:nth-child(2n){float: right;}

.g-pro li{ float: left; width: 49%; position: relative; margin-bottom: 1.5rem;}
.g-pro li span{display: block; position: absolute; left: 0; bottom: 0; height: 2rem; line-height: 2rem; overflow: hidden; width: 85%; padding-right: 15%; text-align: center; font-size: 1rem; color: #fff; background:url(/Mobile/Images/Index/bg1.png) no-repeat; background-size: 100% 100%;}
.g-pro li:nth-child(2n){float: right;}
.g-pro i a{ display: block; width: 48%; margin: 0 auto; text-align: center; font-size: 1rem; color: #fff; background: #9c541a; line-height: 2rem; height: 2rem;border-radius: 2rem;-moz-border-radius: 2rem;-o-border-radius: 2rem;-webkit-border-radius: 2rem; }

/*  */


.g-yx{background:url(/Mobile/Images/Index/yx_bg.jpg) no-repeat; background-size: 100% 100%; margin-top: 1.6rem; padding: 0 1.6% 0.5rem;}
.g-yx h3{font-size: 1.083rem; font-weight: bold; line-height: 1.5rem; background:url(/Mobile/Images/Index/logo2.png) no-repeat 17.5%  1.2rem; background-size: 2.2rem; color: #fff; padding: 1.2rem 0 1rem 32%;}

.g-yx{text-align: justify;}
.g-yx ul:after{content: "";display:inline-block; width:100%; height:0; overflow:hidden; }
.g-yx li{width: 30%; display: inline-block;}
.g-yx li img{border: 0.21rem solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-yx li span{display: block; text-align: center; font-size: 1rem; color: #fff; font-weight: bold; padding-top: 0.6rem;}


/*  */

.g-case{padding: 0 1.6%;  height: 39rem; overflow: hidden; position: relative;}
.g-case h3{text-align: center;  padding: 2rem 0 1.5rem;  line-height: 1.5rem; font-size: 1.25rem; color: #000;font-weight: bold;display: block; }
.g-case h3 span{font-size: 1rem; color: #b9b9b9; display: block; 	text-transform: uppercase; font-family:"Times New Roman", Times, serif;}


.g-case .c-list{ text-align: justify; }
.g-case .c-list:after{content: "";display:inline-block; width:100%; height:0; overflow:hidden;}
.g-case .c-list li{ display: inline-block; width: 21.4%; height: 5rem; background:url(/Mobile/Images/Index/case_bg.png) no-repeat; background-size: 100% 100%; line-height: 5rem; font-size: 1rem; color: #fff; text-align: center; }
.g-case .c-list li span{display: inline-block; line-height: 1.25rem; vertical-align: middle; font-weight: bold;}
.g-case .c-list li.z-on{background:url(/Mobile/Images/Index/case_bg2.png) no-repeat; background-size: 100% 100%; }

.g-case .m-box li{ display: inline; float: left; min-height: 1rem; }
.g-case .m-box li a{display: block; border: 0.17rem solid #b2b2b2;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;position: relative;}
.g-case .m-box li span{ position: absolute; left: 0; bottom: 0; line-height: 2.3rem; height: 2.3rem; color: #fff; font-size: 1rem; background: rgba(0,0,0,0.5); width: 100%; text-align: center; overflow: hidden;}
.g-case .prev{ width: 2.04rem; position: absolute; bottom: 0; left: 38%; z-index: 9;}
.g-case .next{width: 2.04rem; position: absolute; bottom: 0; right: 38%; z-index: 9; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);transform: rotate(180deg);}
.g-case .change-box{ position:relative; margin-bottom:20em; padding-bottom: 6.3rem;}
.g-case .m-box div{display: inline-block; float: left;}

.g-case i{font-size: 1rem; text-align: center;display: block; position: absolute; bottom: 6.5rem; width: 100%; font-weight: bold;}
.g-case i a{color: #8a8a8a;}


/*  */


.g-ys h3{text-align: center; font-size: 1.6rem; color: #a55e25; font-weight: bold;}
.g-ys h3 span{display: block; font-size: 0.5rem; text-transform: uppercase; color: #c2c4c3; font-weight: normal; line-height: 1rem;}
.g-ys h3 p{font-size: 0.92rem; color: #000; margin: 0.8rem 0 1.5rem; line-height: 2.75rem; background:url(/Mobile/Images/Index/bg2.png) no-repeat; background-size: 100% 100%; }
.g-ys .m-cnt{padding-bottom: 1.5rem;}
.g-ys .m-cnt li{float: left; width: 24%; height: 5.2rem; line-height: 5.2rem; text-align: center; font-size: 0.92rem; color: #fff; font-weight: bold; background:url(/Mobile/Images/Index/ys_bg1.png) no-repeat; background-size: 100% 100%; margin-right: 1.33%; position: relative;}
.g-ys .m-cnt li:last-child{ margin-right: 0; }
.g-ys .m-cnt li.z-on:before{ content:"";height: 0;width: 0;border: 0.8rem solid #a55e25;border-color: #a55e25 transparent transparent transparent; position:absolute; left:50%; margin-left:-0.6rem; top:5.2rem;}
.g-ys .m-box .con{ display: inline; float: left; min-height: 1rem; }
.g-ys dt img{ border: 0.13rem solid #e6e6e6; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }

.g-ys dd em{ display: block; height: 4.67rem; background: #e1e1e1; margin: 0.8rem 0 1.3rem; }
.g-ys dd em b{display: inline-block; padding-top: 1rem; height: 100%; font-size: 1.25rem; line-height: 1.25rem; color: #fff; width: 22%; text-align: center; background:url(/Mobile/Images/Index/ys_bg1.png) no-repeat; background-size: 100% 100%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; vertical-align: middle;}
.g-ys dd em span{display: inline-block; font-size: 1.083rem; color: #000; font-weight: bold; margin-left: 2%; width: 73%; vertical-align: middle;}
.g-ys dd em span i{color: #999; font-size: 0.5rem; text-transform: uppercase; display: block; font-weight: normal;}
.g-ys dd p{ color: #666; font-size: 1rem; line-height: 1.6rem; padding: 0 4%;}
.g-ys dd p b{color: #a55e25; font-weight: normal;}
.g-ys dd p span{display: block; background:url(/Mobile/Images/Index/ys_ic.png) no-repeat 0 0.5rem; background-size:0.83rem; padding-left: 1.6rem; padding-bottom: 1.5rem;}

/*  */


.g-honor{background: #a55e25; font-size: 1rem; position: relative; padding-bottom: 1rem;}
.g-honor h3{text-align: center;  padding: 1.2rem 0 1.5rem; color: #ffbd88; font-size: 1.083rem; line-height: 1.5rem;}
.g-honor h3 span{font-size: 1rem; color: #d8a175; display: block; 	text-transform: uppercase; font-family:"Times New Roman", Times, serif;}
.g-honor h3 b{font-size: 1.6rem; color: #fff;font-weight: bold;display: block; margin-bottom: 0.5rem; }

.g-honor .btn{text-align: center; margin-top: 1.5rem; background:url(/Mobile/Images/Index/line.png) no-repeat 0 1.2rem; background-size:100% 1px;}
.g-honor .prev{ width: 2.4rem; display: inline-block;  -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);transform: rotate(180deg); margin-right: 1rem;}
.g-honor .next{ width: 2.4rem; display: inline-block; }
.g-honor ul{ width: 90%; margin: 0 auto;}
.g-honor li{ float: left; width: 48%; }
.g-honor li:last-child{ float: right; }
.g-honor li span{display: block; width: 100%; overflow: hidden; text-align: center; color: #fff; padding-top: 0.6rem; line-height: 1.2rem; height: 1.2rem; overflow: hidden;}


/*  */

.g-news{padding: 1rem 0 2.2rem; font-size: 1rem;}
.g-news .m-cnt{background: #914c15; height: 4rem; line-height: 4rem;}
.g-news .m-cnt li{ padding: 0 7%; text-align: center;float: left; color: #fff; font-weight: bold; }
.g-news .m-cnt li.z-on{ background: #ffe87a; color: #582700;}
.g-news .m-box ul{padding: 1.5rem 5.5%;}
.g-news .m-box li{height: 2.5rem; line-height: 2.5rem; border-bottom: 1px dashed #b7b7b7; padding-left: 1.5rem; background:url(/Mobile/Images/Index/news_ic.png) no-repeat 0 center; background-size:0.38rem; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.g-news .m-box li a{color: #000;}
.g-news .m-box li:last-child{border: none; margin-bottom: 0.5rem;}
.g-news em a{ display: block; width: 48%; margin: 0 auto; text-align: center; font-size: 1rem; color: #fff; background: #9c541a; line-height: 2rem; height: 2rem;border-radius: 2rem;-moz-border-radius: 2rem;-o-border-radius: 2rem;-webkit-border-radius: 2rem; }

.g-news .m-box .con{ display: inline; float: left; min-height: 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%;}
}