.wrap { background:#fff;}	
.wrap img { display:block; width:100%;}
.m-cnt:after,.m-cntt: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 {position:relative;}
.g-nav a {border-right:1px solid #890000;border-bottom:1px solid #c13838;border-top:1px solid #890000; 
border-left:1px solid #c13838; font-size:1rem; font-weight: bold; color:#fff; padding:3.5% 0; width:33.3%;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: #af0000;}
.g-nav a:nth-child(3n){border-right:none;}



/* */

.g-ser{ width: 93.6%; margin: 1.6rem auto;position: relative; }
.g-ser input{font-size: 1rem; }
.g-ser .inp01{ color: #afafaf; background:none; width: 76%;height: 2.5rem; line-height: 2.5rem; padding-left: 2.5%; 
background: url(/uploads/image/mi/ser_bg.png) no-repeat; background-size: 100% 2.5rem;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
.g-ser span{width: 25%;position: absolute;  right: 0; top: 0; font-size: 1rem; font-weight: bold;  display: block;background: #af0000; height: 2.5rem; color: #fff;  text-align: center; 
line-height: 2.5rem; }
.g-ser .u-in{ position: absolute; cursor:pointer ; right: 0; top: 0; width: 25%; height: 2.5rem; border: none; background:none; z-index: 999;}


/*  */

.g-pro{}
.g-pro h3{ font-size: 1.25rem; text-align: center;  padding-bottom: 1rem;
background: url(/uploads/image/mi/pro_bg1.png) no-repeat center bottom; background-size: 100%; margin-bottom: 1.5rem;}
.g-pro h3 a{ color: #111; }
.g-pro h3 em{ color: #af0000; font-weight: bold; }
.g-pro .m-cntt li{display: inline-block; width: 43.2%; padding-left: 4%; float: left; font-size: 1rem; height: 2.2rem; line-height: 2.2rem; 
background: #999 url(/uploads/image/mi/pro_icon.png) no-repeat 85% center; background-size:0.83rem;
margin-bottom: 0.8rem; color: #fff; border-radius: 0.2rem;-moz-border-radius:0.2rem;-o-border-radius:0.2rem; -webkit-border-radius: 0.2rem;}
.g-pro .m-cntt li:nth-child(2n){ float: right; }
.g-pro .m-cntt li.z-on{ background: #af0000 url(/uploads/image/mi/pro_icon.png) no-repeat 85% center; background-size:0.83rem; font-weight: bold; }
.g-pro .m-cntt li a{ color:#fff;float: left;    width: 100%;}
.g-pro .sclwrap_box{width: 82.2%; margin: 0 auto; }
.g-pro .m-box ul{display: inline-block; float: left;}
.g-pro .m-box li { float: left; width: 47.2%; position: relative; margin-bottom: 1.2rem;}
.g-pro .m-box li:nth-child(2n){ float: right; }
.g-pro .m-box li span{width: 100%; display: block; text-align: center; font-size: 0.8rem; color: #666;  left: 0; bottom:1rem; text-align: center; height: 1.2rem; line-height: 1.2rem; overflow: hidden;}
.g-pro .m-box li img{ border: 0.1rem solid #d3d2d2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }

.m-cat{ position: relative;width: 82.2%; margin: 0 auto; padding-bottom: 1rem; }
.m-cat i{ position: absolute; right: 0; bottom: 1.8rem; width: 47.2%; padding-left: 4%; font-size: 1rem; height: 2.2rem; line-height: 2.2rem;
background:url(/uploads/image/mi/pro_icon2.png) no-repeat 85% center; background-size:0.5rem; border: 0.1rem solid #af0000;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;
border-radius: 0.2rem;-moz-border-radius:0.2rem;-o-border-radius:0.2rem; -webkit-border-radius: 0.2rem;}
.m-cat i a{ color: #af0000; }



/*  */

.g-td{margin-top: 2rem; background:#f3f3f3 url(/uploads/image/mi/shadow.png) no-repeat 0 bottom; background-size:100% ; padding-bottom: 4rem; }
.g-td h3{ text-align: center; color: #fff;
background:url(/uploads/image/mi/td_bg.png) no-repeat; background-size: 100% 6.67rem; height: 6.67rem;font-weight: bold;  }
.g-td h3 span{display: block; padding-top: 1.2rem; line-height: 1.5rem; font-size: 1.5rem;}
.g-td h3 p{font-size: 2.25rem; }
.g-td h3 p em{font-size: 0.9rem; display: inline-block; font-weight: normal;color: #af0000; height: 1.9rem;vertical-align: middle;
 line-height: 1.9rem; padding: 0 1rem;background:url(/uploads/image/mi/td_bg2.png) no-repeat; background-size: 100% 1.9rem;}

.g-td ul{width: 93.6%; margin: 0 auto; padding-top: 4.8rem; background:url(/uploads/image/mi/td_bg3.jpg) no-repeat; background-size: 100%; }
.g-td li{ float: left; width: 31%; height: 12rem; text-align: center; margin-right: 3.5%; }
.g-td li:nth-child(3n){ margin-right: 0; }
.g-td li img{width: 72.8%; margin: 0 auto;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%;
border: 0.1rem solid #c2c2c2;}
.g-td li b{font-size: 1.083rem; display: block; color: #743e31; padding: 0.3rem 0; }
.g-td li span{display: block; font-size: 0.83rem; color: #666;line-height: 1.1rem;}

.g-td .m-fl{ width: 76%;margin: 0 auto; }
.g-td .m-fl a{display: inline-block; width: 47%; padding: 1.3rem 0 0 18%; float: left; height: 4.21rem; color: #fff; margin-bottom: 1rem;
 font-size: 1rem; font-weight: bold;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-td .m-fl a:nth-child(2n){ float: right; }
.g-td .m-fl a:nth-child(1){background:url(/uploads/image/mi/fl1.jpg) no-repeat; background-size: 100% 4.21rem;}
.g-td .m-fl a:nth-child(2){background:url(/uploads/image/mi/fl2.jpg) no-repeat; background-size: 100% 4.21rem;}
.g-td .m-fl a:nth-child(3){background:url(/uploads/image/mi/fl3.jpg) no-repeat; background-size: 100% 4.21rem;}
.g-td .m-fl a:nth-child(4){background:url(/uploads/image/mi/fl4.jpg) no-repeat; background-size: 100% 4.21rem; text-align: center; padding:0; line-height: 4.21rem;}
.g-td .m-fl span{display: block; font-size: 0.5rem; font-weight: normal; text-transform: uppercase; opacity: 0.5;}


.g-ys{background: #ececec;}
.g-ys h3{ text-align: center; font-size: 1.67rem; color: #111; font-weight: bold;background:url(/uploads/image/mi/ys_bg.png) no-repeat 0 bottom;
background-size: 100%; padding: 1rem 0 1.3rem; margin-bottom: 1.6rem;}
.g-ys h3 em{ color: #af0000; }

.g-ys .sclwrap_box{ width: 93.8%; margin: 0 auto; }
.g-ys dl{display: inline; float: left;}
.g-ys dd{width: 93.6%;margin: 0 auto; padding-top: 0.5rem;}
.g-ys dd b{display: block; font-size: 1.5rem; margin-bottom: 1rem;}
.g-ys dd b i{display: inline-block; font-size: 2.4rem; line-height: 2.8rem; font-family: "arial"; text-align: center; line-height: 4rem; color: #fff; font-weight: normal; background: url(/uploads/image/mi/ys_bg2.png) no-repeat;
 background-size: 3.33rem 3.67rem; width: 3.33rem; overflow: hidden; height: 3.67rem; vertical-align: middle; margin-right: 0.4rem;}
.g-ys dd b em{display: inline-block; vertical-align: middle;}
.g-ys dd b strong{color: #da0006;}
.g-ys dd b span{display:block; font-size: 1rem;color: #bbb; text-transform: uppercase; font-weight: normal;font-family:"times new roman", times, serif; line-height: 1rem;}

.g-ys dd p{ padding-left: 9.2%; }
.g-ys dd p span{ display: block; line-height: 1.5rem; font-size: 1rem; color: #666; padding-left: 1.2rem;
background:url(/uploads/image/mi/ys_bg5.png) no-repeat 0 -2.5rem; background-size: 0.67rem; padding-bottom: 0.6rem;}
.g-ys dd p span:first-child{background:url(/uploads/image/mi/ys_bg3.png) no-repeat 0 0.4rem; background-size: 0.67rem;}
.g-ys dd p span:last-child{background:url(/uploads/image/mi/ys_bg4.png) no-repeat 0 -0.8rem; background-size: 0.67rem;}

.g-ys .m-cnt{ text-align: center; margin-top: 1.5rem;background:url(/uploads/image/mi/ys_bg6.png) no-repeat 0 bottom; background-size: 100% 1.4rem; }
.g-ys .m-cnt li{ display: inline-block; margin: 0 0.5rem; width: 2.8rem; height: 2.8rem; line-height: 2.8rem; text-align: center; font-size: 1.2rem; font-weight: bold;
 font-family: "impact"; color: #313131; background:url(/uploads/image/mi/ys_icon1.png) no-repeat; background-size:100%; }
.g-ys .m-cnt li.z-on{background:url(/uploads/image/mi/ys_icon.png) no-repeat;background-size:100%; color: #fff; }



/*����*/

.g-fa { position: relative; margin-top: 2.6rem; padding-bottom: 1.3rem;background: url(/uploads/image/mi/shadow2.png) no-repeat center bottom; background-size: 100% 1.3rem;}
.g-fa h3{ font-size: 1.25rem; text-align: center;  padding-bottom: 1rem;
background: url(/uploads/image/mi/fa_bg.png) no-repeat center bottom; background-size: 100%; margin-bottom: 1.5rem;}
.g-fa h3 a{ color: #111; }
.g-fa h3 em{ color: #af0000; font-weight: bold; }

.g-fa .sclwrap_box{width: 76%; margin: 0 auto;}
.g-fa .m-box  li{ position: relative; }
.g-fa .m-box li span{ display: block; text-align: center; height: 2.3rem; line-height: 2.3rem; overflow: hidden; position: absolute; left: 0; bottom: 0;
color: #fff; font-size: 1rem; width: 100%; background: rgba(0,0,0,0.8); }

.g-fa .prev{display: inline-block;width: 1rem; position: absolute; left: 4.6%; top: 10rem;}
.g-fa .next{display: inline-block;width: 1rem; position: absolute; right: 4.6%; top: 10rem;}


/*����  ����*/
.g-case{ text-align: center; font-size: 1rem; padding: 1.6rem 0 1rem; margin-top: 1rem;}
.g-case h3{ font-size:1.25em; background:#fff; color:#333; height:3.5em; line-height:3.5em; text-align:center; }
.g-case h3 .m-cnt{width:100%; float:left;}
.g-case h3 li{ font-weight: bold;  color: #333; font-size: 1rem; float: left; width: 50%; height: 2.4rem; line-height: 2.4rem; text-align: center; border: 1px solid #bdbdbd; border-left: none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-case h3 span{ float:right; display:block; width:30%; text-align:center;}
.g-case h3 span a{ display:block; color:#333; font-size:0.75em;}
.g-case h3 li:first-child{ border-left: 1px solid #bdbdbd;}
.g-case h3 li:nth-child(2){ background: #333; color: #fff;  border: none; }
.g-case h3 li.z-on{ background: #af0000; color: #fff; border: none;   }

.g-case .m-box ul{ display:inline; float:left;}
.g-case .m-box li{ float:left; width:43%; margin-right:4%;margin-bottom:1em;}
.g-case .m-box li:first-child{ margin-left:5%;}
.g-case .m-box li:nth-child(3n){ margin-left:5%;}
.g-case .m-box li span{ display:block; text-align:center; padding:1em 0 0; color:#333; height:1.2em; line-height:1.2em; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }

/* ��ѯ */


.g-zx{ text-align: center; font-size: 1rem; padding: 1.6rem 0 1rem; border-top: 0.1rem solid #d3d3d3; margin-top: 1rem;}
.g-zx span{color: #333;  display: inline-block; padding-left: 1.7rem; background:url(/uploads/image/mi/tel2.png) no-repeat 0 center; background-size: 1.3rem;}
.g-zx span b{font-size: 1.25rem;}
.g-zx p{ text-align: center; margin-top: 0.6rem;}
.g-zx p em{display: inline-block;width: 42.2%;  padding-bottom: 0.8rem;background:url(/uploads/image/mi/shadow3.png) no-repeat center bottom; background-size: 100% 0.8rem; }
.g-zx p em a{display:block; height: 1.8rem; background: #333; color: #fff; font-size: 1rem; line-height: 1.8rem; }



/* �߽��ɺ� */

.g-about h3{ height: 2.6rem; line-height: 2.6rem; text-align: center; letter-spacing: 0.2rem; background: #af0000; color: #fff; font-size: 1rem; margin-bottom: 2.2rem; }
.g-about h3 b{ font-size: 1.25rem; padding-right: 0.4rem; }

.m-about{width: 83.4%; margin: 0 auto;}
.m-about .head{padding-bottom: 1.4rem;
}
.m-about .head li{font-size: 1rem; float: left; width: 33.3%; height: 2.4rem; line-height: 2.4rem; text-align: center; border: 1px solid #bdbdbd; border-left: none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.m-about .head li:nth-child(2) {background: #333; border: medium none; color: #fff;}
.m-about .head li:nth-child(2) a{color: #fff;}
.m-about .head li a{font-weight: bold;  color: #333;font-size: 1rem; height: 2.4rem; line-height: 2.4rem; text-align: center;}
.m-about .head li:first-child{ border-left: 1px solid #bdbdbd;}
.m-about .head li.z-on a{ background: #af0000; color: #fff; font-weight: bold; border: none;  }


/* ������ѷ */

.g-news{padding: 2.8rem 0 2rem;}
.g-news .m-cnt{padding-bottom: 1.4rem;}
.g-news .m-cnt li{ font-weight: bold;  color: #333; font-size: 1rem; float: left; width: 33.3%; height: 2.4rem; line-height: 2.4rem; text-align: center; border: 1px solid #bdbdbd; border-left: none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-news .m-cnt li:first-child{ border-left: 1px solid #bdbdbd;}
.g-news .m-cnt li:nth-child(2){ background: #333; color: #fff;  border: none; }
.g-news .m-cnt li.z-on{ background: #af0000; color: #fff; border: none;   }

.g-news .m-box div{display: inline-block; float: left;}
.g-news .sclwrap_box{ width: 87.8%; margin: 0 auto;}
.g-news p {padding: 1px; margin-bottom: 0.8rem;}
.g-news p img{padding: 0.13rem; border: 1px solid #cdcdcd;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

.g-news li{ height: 2rem;line-height: 2rem; font-size: 1rem; }
.g-news li a{float: left; color:#666; padding-left: 1.1rem; background:url(/uploads/image/mi/news_icon.png) no-repeat 0 center; -webkit-background-size: 0.33rem;
background-size: 0.33rem;}
.g-news li span{float: right; color: #9c9b9b;}
.g-news i{ font-size: 1rem; text-align: center; color: #af0000; display: block; background:url(/uploads/image/mi/news_bg.png) no-repeat center 0; -webkit-background-size: 100%;background-size: 100%; height: 3.2rem; line-height: 3.2rem; margin-top: 0.8rem;  }










/*  */

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