

nav{height:7.042rem; border-bottom: 1px solid #dddddd; background: #fff; overflow:hidden; position: relative;}
nav:before{ position: absolute; content:""; top: 50%; left: 0;width: 100%; height: 1px; background: #dddddd;}
nav a{ color:#222222; font-size:1.08rem; width:33%; text-align:center; height:3.5rem; line-height:3.5rem; overflow:hidden; display:block; float:left; position:relative; font-family: "SimHei";}
nav a:before{ position: absolute; content:""; top: 0; right: 0;width: 1px; height: 3.5rem; background: #ddd;}
nav a:nth-child(3n):before{height: 0;}

.m-dz{ height: 31.958rem; background: #f5f5f5; overflow: hidden; padding-top: 2.25rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-dz h2{ height: 4.875rem; overflow: hidden; text-align: center; font-size: 0.833rem; color: #444444; line-height: 1.5rem; position: relative;}
.m-dz h2:before{ position: absolute; content: ""; width: 0.875rem; height: 0.167rem; background: #c5161d; top: 0.7rem; left:4.125rem;}
.m-dz h2:after{ position: absolute; content: ""; width: 0.875rem; height: 0.167rem; background: #c5161d; top: 0.7rem; right:4.125rem;}
.m-dz h2 b{ display: block; font-size: 1.25rem; color: #303030;}
.m-dz h2 span{ color: #c5161d;}
.m-dz .c-list{ height: 5.958rem; overflow: hidden;}
.m-dz .c-list li{ float: left; margin: 0 0 1.042rem 1.25rem; width: 7.125rem; height: 1.75rem; border:1px solid #999999; text-align: center; line-height: 1.7rem; font-size: 1rem; color: #303030;font-family: "SimHei";}
.m-dz .c-list li.z-on{ background: #c5161d; border:1px solid #c5161d; color: #fff;}
.m-dz .c-list li.z-on a{ color:#fff}
.m-dz .c-list li a{ color:#303030}
.m-dz .box-style{ position: relative; height: 19rem; overflow: hidden;}
.m-dz .box-style:before{ position: absolute; content: ""; left:1.25rem; bottom:3.208rem; width: 90.625%; height: 1px; background: #dddddd;}
.m-dz .m-box{ height: 20rem; float: left; width: 100%; display:inline;}
.m-dz .prev , .m-dz .next{ position: absolute; bottom:2.5rem; width: 1.667rem; height: 1.667rem; overflow: hidden;  z-index: 2;}
.m-dz .prev { left:10.875rem;}
.m-dz .next { right:10.875rem;}
.m-dz .no_ov{width: 90.625%; margin: 0 auto;}

.m-pro{ height: 34.75rem; overflow: hidden;}
.m-pro h2{background: #303030; height: 3.333rem; text-align: center; overflow: hidden; font-size: 1.25rem; color: #fff;font-family: "SimHei"; line-height: 3.3rem; position: relative;}
.m-pro h2:before{ position: absolute; content: ""; width: 0.875rem; height: 0.167rem; background: #fff; top: 1.625rem; left:7.5rem;}
.m-pro h2:after{ position: absolute; content: ""; width: 0.875rem; height: 0.167rem; background: #fff; top: 1.625rem; right:7.5rem;}
.m-pro .m-cnt{ margin: 1.875rem 1.25rem 0; overflow: hidden; height: 2.083rem; background: #303030;}
.m-pro .m-cnt li{ float: left; width:50%; height:2.083rem; line-height: 2rem;  text-align: center; font-size: 1.0rem; color: #fff;}
.m-pro .m-cnt li.z-on{ background: #c5161d;}
.m-pro .con{ float: left;width: 100%; display:inline;}
.m-pro .con ul{ height: 24.333rem; overflow: hidden;}
.m-pro .con li{ width: 11.583rem; float: left; margin: 1.25rem 0 0 1.25rem; overflow: hidden; line-height: 0;}
.m-pro .con li:nth-child(2n){ margin-left: 1rem;}
.m-pro .con i{ display: block; width: 12.708rem; height: 2.5rem; background: #c5161d; text-align: center; line-height: 2.5rem; color: #fff; font-size: 1rem;font-family: "SimHei"; margin: 30px auto;}

.m-pic{ position: relative; line-height: 0;}
.m-pic p{ position: absolute; top: 4.125rem; left: 2.667rem; width: 12.708rem; height: 1.125rem; border:1px solid #bf7b79; text-align: center;font-family: "SimHei"; font-size: 0.583rem; line-height: 1.1rem; color: #fff;}
.m-pic p span{ font-size: 0.75rem; font-family: Arial;}

.m-pin{ position: relative; height: 29.625rem; overflow: hidden;}
.pic{ line-height: 0;}
.m-pin h2{ position: absolute; top: 2.25rem; left:0; width: 100%; height: 4.875rem; overflow: hidden; text-align: center; font-size: 0.833rem; color: #dfdfdf; line-height: 1.6rem;}
.m-pin h2:before{ position: absolute; content: ""; width: 0.875rem; height: 0.167rem; background: #a6a7a7; top: 0.7rem; left:5.875rem;}
.m-pin h2:after{ position: absolute; content: ""; width: 0.875rem; height: 0.167rem; background: #a6a7a7; top: 0.7rem; right:5.875rem;}
.m-pin h2 b{ display: block; font-size: 1.25rem; color: #fff;}
.m-pin h2 span{ color: #c5161d;}
.m-pin p{ font-size: 0.833rem; color:#d1d1d1;font-family: "SimHei"; padding-left: 2.417rem; position: absolute; line-height: 1.25rem;}
.m-pin p.p01{ width: 8.25rem; top: 11.458rem; left:2.417rem;background:url(../img/pin_ico1.png) no-repeat left top;    -webkit-background-size: 1.75rem 2.375rem;  -moz-background-size: 1.75rem 2.375rem; -o-background-size: 1.75rem 2.375rem;   background-size: 1.75rem 2.375rem;}
.m-pin p.p02{ width: 7.125rem;top: 15.25rem; left:14.375rem;background:url(../img/pin_ico2.png) no-repeat left top;    -webkit-background-size: 1.75rem 2.375rem;  -moz-background-size: 1.75rem 2.375rem; -o-background-size: 1.75rem 2.375rem;   background-size: 1.75rem 2.375rem;}
.m-pin p.p03{ width:7.5rem ;top: 19.0rem; left:2.417rem;background:url(../img/pin_ico3.png) no-repeat left top;    -webkit-background-size: 1.75rem 2.375rem;  -moz-background-size: 1.75rem 2.375rem; -o-background-size: 1.75rem 2.375rem;   background-size: 1.75rem 2.375rem;}
.m-pin p.p04{ width:7.292rem ;top: 22.75rem; left:14.375rem;background:url(../img/pin_ico4.png) no-repeat left top;    -webkit-background-size: 1.75rem 2.375rem;  -moz-background-size: 1.75rem 2.375rem; -o-background-size: 1.75rem 2.375rem;   background-size: 1.75rem 2.375rem;}

.m-ys{ margin-top: 2.292rem; overflow: hidden; position: relative;}
.m-ys h2{ height:4.417rem; overflow: hidden; padding:2.417rem 0 0 8.917rem; font:1.25rem/1.5rem "SimHei"; color: #444444; background:url(../img/ys_t.jpg) no-repeat center 0;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;background-size: 100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-ys h3{ height: 1.25rem; overflow: hidden; position: relative;}
.m-ys h3:before{ position: absolute; content: ""; width: 100%; height: 1px; background: #dcdcdc; top: 0.667rem; left:0;}
.m-ys h3 i{ display: block; width: 13.583rem; height: 1.25rem;  background: #303030; font-size: 0.667rem; text-align: center; line-height: 1.25rem; color: #fff; font-family: "SimHei"; position: relative; z-index: 3; margin: 0 auto;}
.m-ys .prev , .m-ys .next{ position: absolute; bottom:2.5rem; width: 1.667rem; height: 1.667rem; overflow: hidden;  z-index: 2;}
.m-ys .prev { left:5.792rem;}
.m-ys .next { right:5.792rem;}
.m-ys .con{ float: left;width: 100%; display: inline;}
.m-ys .con p{ line-height: 0; margin-top: 1.25rem;}
.m-ys .con dl{overflow: hidden; margin: 0.25rem 1.125rem 0 1.25rem; height: 10.0rem;}
.m-ys .con:nth-child(4) dl{ height: 7.3rem;}
.m-ys .con dl dt{  height: 3rem; overflow: hidden; text-transform: uppercase; line-height: 1.5rem; padding-left: 2.5rem; font-size: 1.25rem; color: #303030; font-weight: bold;font-family: "SimHei";  background:url(../img/1.jpg) no-repeat left 0;-webkit-background-size: 2.0rem 2.75rem;  -moz-background-size: 2.0rem 2.75rem; -o-background-size: 2.0rem 2.75rem;background-size:2.0rem 2.75rem;}
.m-ys .con:nth-child(2) dl dt{background:url(../img/2.jpg) no-repeat left 0;-webkit-background-size: 2.0rem 2.75rem;  -moz-background-size: 2.0rem 2.75rem; -o-background-size: 2.0rem 2.75rem;background-size:2.0rem 2.75rem;}
.m-ys .con:nth-child(3) dl dt{background:url(../img/3.jpg) no-repeat left 0;-webkit-background-size: 2.0rem 2.75rem;  -moz-background-size: 2.0rem 2.75rem; -o-background-size: 2.0rem 2.75rem;background-size:2.0rem 2.75rem;}
.m-ys .con:nth-child(4) dl dt{background:url(../img/4.jpg) no-repeat left 0;-webkit-background-size: 2.0rem 2.75rem;  -moz-background-size: 2.0rem 2.75rem; -o-background-size: 2.0rem 2.75rem;background-size:2.0rem 2.75rem;}

.m-ys dt span{ color: #c5161d; }
.m-ys dt i{ display: block;padding-top: 0.3rem; border-top: 1px dashed #000000; color: #999999; font-size: 0.833rem; font-family: Arial; line-height: 1rem; font-weight: normal; margin-top: 0.3rem;}
.m-ys dd{ font-size: 0.83rem; line-height: 1.25rem; color: #555555; margin-top: 0.5rem; padding-left:2.375rem;background:url(../img/ys_ico.gif) no-repeat 1.125rem 0.15rem;-webkit-background-size: 0.875rem 0.875rem;  -moz-background-size: 0.875rem 0.875rem; -o-background-size: 0.875rem 0.875rem;background-size:0.875rem 0.875rem;}
.m-ys dd span{ color:#45b344;}
.ys_roll{ text-align: center; color: #b2b2b2; font-size: 1.5rem;}
.ys_roll b{ color: #555555; font-size: 1.5rem; font-family: Arial;}
.ys_roll b span{ color: #c5161d;}

.m-pk{ height: 28.708rem; overflow: hidden; padding-top: 2rem; background:#191919 url(../img/pk_bj.jpg) no-repeat center bottom;-webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;background-size:100%;background-size: 100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pk h2{ height: 5.2rem; overflow: hidden; text-align: center; font-size: 0.833rem; color: #fff; line-height: 1.6rem; position: relative;}
.m-pk h2:before{ position: absolute; content: ""; width: 0.875rem; height: 0.167rem; background: #a3a3a3; top: 2.45rem; left:6.833rem;}
.m-pk h2:after{ position: absolute; content: ""; width: 0.875rem; height: 0.167rem; background: #a3a3a3; top: 2.45rem; right:6.833rem;}
.m-pk h2 b{ display: block; font-size: 1.25rem; color: #fff;}
.m-pk h2 span{ color: #c5161d;}
.m-pk .m-cnt{ margin-left: 1.25rem; height: 1.875rem; overflow: hidden;}
.m-pk .m-cnt li{ width: 5.75rem; height: 1.75rem; border:1px solid #4a4a4a; text-align: center; line-height: 1.7rem; color: #fff; font-size: 0.917rem;font-family: "SimHei"; margin-right: 0.292rem ; float: left;}
.m-pk .m-cnt li.z-on{ background:#c5161d; border:1px solid #c5161d;}
.m-pk .con{ float: left; width: 100%; display:inline; position: relative;}
.m-pk .con dl{ float: left; width: 11.167rem; overflow: hidden; margin: 1.25rem 0 0 1.25rem;font-family: "SimHei"; height: 15.875rem; border-bottom: 1px solid #49494a;}
.m-pk .con dt img { border:0.25rem solid #d7d7d7; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pk .con dl:nth-child(2){ margin-left: 1.833rem;}
.m-pk .con dd span{ display: block; padding-top: 0.833rem; line-height: 1.5rem; font-size: 1rem; color: #c5161d; }
.m-pk .con dd p{ padding-top: 0.625rem; font-size: 0.833rem; color: #999999; line-height: 1.25rem;}
.m-pk .con i{ display: block; position: absolute; top: 3.375rem; left:11.375rem; width:3.75rem; height: 3.75rem; z-index: 3;}

.m-lc{ margin-top: 1.95rem; height: 22.0rem; overflow: hidden;}
.m-lc h2{ height: 2.083rem; text-align: center; overflow: hidden; font-size: 1.25rem; color: #303030;font-family: "SimHei"; line-height: 2rem; position: relative; font-weight: bold;}
.m-lc h2:before{ position: absolute; content: ""; width: 0.875rem; height: 0.167rem; background: #c5161d; top: 1rem; left:6.958rem;}
.m-lc h2:after{ position: absolute; content: ""; width: 0.875rem; height: 0.167rem; background: #c5161d; top: 1rem; right:6.958rem;}
.m-lc h2 span{ color: #c5161d;}
.m-lc dl{ margin: 1.667rem 0 0 1.15rem; width: 5.3rem; height: 4.167rem; overflow: hidden; float: left;}
.m-lc dt{ width: 1.667rem; height: 1.667rem; background: #c5161d; border-radius: 100%; text-align: center; line-height: 1.6rem; font-size: 1.2rem; font-family: Arial; color: #fff; position: relative; z-index: 3; margin: 0 auto;}
.m-lc dd{ width: 5.125rem; height: 3.083rem; border:1px solid #999999; position: relative;font-family: "SimHei";  text-align: center; line-height: 1rem; margin-top: -0.708rem; z-index: 1; padding-top: 1.375rem ; font-size: 0.917rem; color: #555555; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-lc dl:nth-child(10){ margin-left: 7.5rem;}

.m-jz{ height: 27.833rem; overflow: hidden; background:#f5f5f5;}
.m-jz h2 , .m-about h2{background: #303030; height: 3.333rem; text-align: center; overflow: hidden; font-size: 1.25rem; color: #fff;font-family: "SimHei"; line-height: 3.3rem; position: relative;}
.m-jz h2:before , .m-about h2:before{ position: absolute; content: ""; width: 0.875rem; height: 0.167rem; background: #fff; top: 1.625rem; left:8.625rem;}
.m-jz h2:after , .m-about h2:after{ position: absolute; content: ""; width: 0.875rem; height: 0.167rem; background: #fff; top: 1.625rem; right:8.625rem;}
.m-jz dl{ width: 11.583rem; float: left; border:0.125rem solid #dcdcdc; height: 16.25rem; background: #fff; margin: 1.25rem 0 0 1.25rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-jz dl:nth-child(3){ margin-left: 1rem;}
.m-jz dt{ line-height: 0;}
.m-jz dd{ text-align: center;}
.m-jz dd h3{ padding-top: 0.75rem;font-family: "SimHei"; font-size: 1rem; color: #303030; line-height: 1.2rem;}
.m-jz dd h3 span{ font-size: 0.75rem; color: #666666; display: block;}
.m-jz dd p{ padding:0.625rem 0.833rem 0; height: 3.125rem; overflow: hidden; font-size: 0.833rem; line-height: 1.25rem; color: #555555;font-family: "SimHei";}
.m-jz dd i{ display: block; width: 5.25rem; height: 1.458rem; background: #c5161d; text-align: center; line-height: 1.45rem; color: #fff; font-size: 0.833rem;font-family: "SimHei"; margin: 0 auto;}
.m-zx{ display: block; width: 12.708rem; height: 2.5rem; background: #c5161d; text-align: center; line-height: 2.5rem; color: #fff; font-size: 1rem;font-family: "SimHei"; margin: 2rem auto 0;}

.m-about{overflow: hidden; margin-top:30px}

.m-about dl{ margin: 1.167rem auto 0; width: 90.625%; overflow: hidden;}
.m-about dl dt{ line-height: 0; padding-bottom: 1.125rem; background: url(../img/about_y.jpg) no-repeat center bottom;-webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;background-size:100%;background-size: 100%;}
.m-about dl dt img{border:0.875rem solid #eeeeee; border-radius: 0.3rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-about dl dd a{display: block ; font-size: 0.917rem; line-height: 1.5rem; color: #555555; padding:0 1rem; font-family: "SimHei";}
.m-about dd b{display: block; font-size: 1.08rem; color: #222222; padding: 1rem 0;text-align: center;}
.m-about dd i { color: #d0231b;}
.m-about dd p{ text-indent: 1rem;}

.m-xc{ height: 13.625rem; overflow: hidden; margin-top:30px}
.m-xc .c-list{ margin: 0 1.25rem ; overflow: hidden; height: 2.083rem; background: #303030;}
.m-xc .c-list li{ float: left; width:50%; height:2.083rem; line-height: 2rem;  text-align: center; font-size: 1.0rem; color: #fff;}
.m-xc .c-list li.z-on{ background: #c5161d;}
.m-xc .box-style{ position: relative;}
.m-xc .prev , .m-xc .next{ position: absolute; top:3.75rem; width: 1.667rem; height: 1.667rem; overflow: hidden;  z-index: 2;}
.m-xc .prev { left:1.25rem;}
.m-xc .next { right:1.25rem;}
.m-xc .no_ov{ margin: 0 3.583rem;}
.m-xc .m-box{ height: 11.667rem; float: left;width: 100%; display:inline;}
.m-xc .m-box li { width: 9.25rem; float: left; margin-top: 1.25rem; overflow: hidden;}
.m-xc .m-box li img{border:0.208rem solid #dcdcdc; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; height:88px}
.m-xc .m-box li:last-child{ margin-left: 0.75rem;}
.m-xc .m-box li span{ display: block; height: 2.083rem; line-height: 2rem; text-align: center; font-size: 0.833rem; color: #555555; font-family: "SimHei";}

.m-news{ height:22.625rem; position: relative; overflow: hidden;}
.u-more{ position: absolute;width: 2.75rem; height: 0.958rem; top: 0.75rem; right:1.25rem; font-size: 0.583rem; color: #c5161d; line-height: 0.9rem; background: #fff; overflow: hidden; z-index: 3;font-family: Arial; text-align: center;}
.m-news .m-cnt{ height: 2.5rem; overflow: hidden; background: #303030;}

.m-news .m-cnt li{float: left; font-size: 1rem; color: #fff; height:2.5rem;line-height: 2.5rem; padding:0 0.75rem; position: relative;}
.m-news .m-cnt li:before{ position: absolute; content:""; width: 1px; background: #4e4e4e; height: 1rem; border-right: 1px solid #121212; top: 0.75rem; right: 0;}
.m-news .m-cnt li:last-child:before{ height: 0;}
.m-news .m-cnt li.z-on{  background: #c5161d;}

.m-news .m-cnt li:last-child{ border-right: 0; background:none;}

.m-news .con{ float: left; display: inline; width: 100%;}
.m-news .con ul{ margin: 1rem 1.25rem;}
.m-news .con li{ height: 2.333rem; font-size: 1rem; color: #7d7d7d;border-bottom: 1px dashed #bfbebe; line-height: 2.3rem; overflow: hidden; padding-left: 1.167rem;background: url(../img/news_ico.gif) no-repeat left 0.9rem;-webkit-background-size: 0.5rem 0.75rem;  -moz-background-size: 0.5rem 0.75rem; -o-background-size: 0.5rem 0.75rem;background-size:0.5rem 0.75rem;background-size: 0.5rem 0.75rem;}
.m-news .con a:last-child li{ border-bottom: 0;}




@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}
