/*自定义样式*/
h2 a:hover{ text-decoration: none;}
input,textarea{ outline:none; }
textarea{ resize:none;}
em{ font-style: normal;}

.f_fm{ font-family: "Microsoft Yahei"; }
.f_ft{ font-family: "Times New Roman", Times, serif; }
.f_far{ font-family: Arial, Helvetica, sans-serif; }
.f_fim{ font-family: Impact; }
.f_fst{ font-family: "Microsoft Yahei" }


/*banner*/
.g-adv{ height:12.5rem; overflow:hidden; position:relative;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:12.5rem; overflow:hidden;}



/*nav*/
nav{ height:6.667rem; width:100%; overflow:hidden;}
nav a{ position:relative; float:left;  color:#333; text-align:center; font:1rem/3.333rem "Microsoft Yahei";width:35%; height:3.333rem; overflow:hidden; display:block;}
nav a:nth-child(1){ color: #fff; font-weight: bold; background: #e60012;}
nav a:nth-child(3n){width: 30%;}
nav a:nth-child(3n):before{background: none;}

nav a:before{ position:absolute; content:""; right:0rem; top:0rem; height:3.333rem; width:1px; background:#dedddc; }
nav a:after{ position:absolute; content:""; left:0rem; top:0rem; height:1px; width:100%; background:#dedddc; }


/*m-case----------------------------------------------------------------------*/
.m-case{position: relative; height: 65.542rem; overflow: hidden; width: 100%;}
.m-case .cs_bg{line-height: 0rem;}
.m-case .case{position: absolute;left:0rem; top:0rem; height: 65.542rem; overflow: hidden; width: 100%;}

.m-h2{ margin:2.417rem auto 1.25rem; height:5.083rem; width:100%; text-align:center; font-family:"Microsoft Yahei"; }
.m-h2 p{ text-align: left; line-height: 2.5rem; font-size: 1.25rem; font-weight: bold; color: #1f1a17;}
.m-h2 p b{float: left;padding-left: 24%; padding-right: 0.7rem; color: #e60012; font-size: 2.5rem; font-style: italic;}
.m-h2 p em{color: #e60012;}
.m-h2 span{color: #333; display: block; font-size: 1.0rem; line-height: 1.75rem;}
.m-h2 i{ display:block; width: 68%; height:0.667rem; margin: 0 auto; background: #e60012; color:#fff; font:0.5rem/0.667rem Arial, Helvetica, sans-serif; text-transform:uppercase;}

.cs_img{margin:0 auto; line-height: 0rem; width: 87.5%; overflow: hidden; height: 26.083rem;}
.cs_img em{display: block; height: 3.333rem; width: 100%; text-align: center; overflow: hidden; color: #1f1a17; font:bold 1rem/3.333rem "Microsoft Yahei";  }
.cs_img em i{color: #e60012; font-size:1.16rem;}

.case ul{margin:0 auto; width: 87.5%; height: 23.667rem; overflow: hidden; border: 1px dashed #acacac; padding-top: 1.583rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.case ul li{position: relative; width: 82.86%; height: 3.0rem; overflow: hidden; margin:0 auto 0.458rem; }
.case ul li:before{position: absolute; content: ""; left:1.9rem; bottom: 0rem; width: 100%; height: 1px; border-bottom: 1px dashed #acacac; overflow: hidden;}
.case ul li em{float: left; display: block; height: 100%; width: 3.0rem; line-height: 0rem; background: #1f1a17; border-radius: 100%;}
.case ul li span{color: #1f1a17;float: right; width:77%; display: block; font:1rem/3rem "Microsoft Yahei";}
.case ul li.z-on em{background: #e60012;}
.case ul li.z-on span{color: #e60012; font-weight: bold;}


.tel01{margin:2.083rem auto 0; width:68.44%; height:2.083rem; overflow: hidden;background:url(/mobile/Images/Index/btn.png) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size:100%;}
.tel01 em{display: block; float: left; width: 45.5%; text-align: center; color: #fff; font:bold 1rem/2.083rem "Microsoft Yahei";}
.tel01 i{display: block; float: right; width:54.4%; text-align: center; color: #e60012; font:bold 1.333rem/2.083rem "Times New Roman", Times, serif;}



/*m-pro----------------------------------------------------------------------*/
.m-pro{position: relative; height:49.583rem; width: 100%; overflow:hidden;}
.m-pro .m-h2{margin: 2.083rem auto;}
.m-pro .m-h2 p{text-align: center;}
.m-pro .m-h2 i{width: 75%;}
.m-pro h3{width: 100%; height: 1.917rem; overflow: hidden;width: 100%;  margin: 0 auto 1.75rem; text-align: center; color: #e60012;font:bold 1.083rem/1.917rem "Microsoft Yahei";  background:url(/mobile/Images/Index/pro_p1.jpg) no-repeat center top; background-size:100%; padding-left: 3rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.m-pro .c-list{ line-height:0rem;margin: 0 auto; width: 91.56%; height:15.333rem; overflow:hidden; }
.m-pro .c-list li{ margin:0 0 0.75rem 0; float:left;padding-left: 3.5%; width:47.44%; height:2.083rem; color:#333; font:1rem/2.0rem "Microsoft Yahei"; overflow:hidden;  border:0.083rem solid #c5c5c5;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .c-list .z-on{ border:0.083rem solid #e60214; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .c-list li:nth-child(2n){float: right;}

.m-more{position: absolute;right:1.083rem; top:24.2rem; padding-left: 3.5%; width:43.5%; height:2.083rem; color:#333; font:1rem/2.0rem "Microsoft Yahei"; overflow:hidden;  border:0.083rem solid #c5c5c5; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;  background:url(/mobile/Images/Index/pro_ic01.gif) no-repeat 3.75rem center; background-size:0.292rem 0.5rem;}

.m-pro .pro{ position:relative; height:21.333rem; overflow:hidden;}
.m-pro .pro .prev ,.m-pro .pro .next{ position:absolute; z-index:909; width:6em; height:6rem; overflow:hidden; top:12.083rem;}
.m-pro .pro .prev { left:25%;}
.m-pro .pro .next{ right:25%;}

.m-pro .sclwrap_box,.m-pro .no_ov{ height:21.333rem; overflow:hidden;}
.m-pro .m-box{ display:inline; float:left; width:100%;}
.m-pro .pro ul{ height: 12.167rem; width:90.625%; overflow:hidden; margin:0 auto;}
.m-pro .pro li{float: left; position: relative; line-height:0rem; height:9.917rem; width:47.44%; overflow:hidden; border: 0.083rem solid #c6c6c6;}
.m-pro .pro li em{position: absolute; left:0px; bottom: 0px; width: 100%; height: 2.417rem; overflow: hidden; display: block; font:1rem/2.417rem "Microsoft Yahei"; color: #333; text-align: center;}
.m-pro .pro li:nth-child(2){float: right;}

.m-pro .tel01{position: absolute; z-index: 909px; left:15.94%; top:44.75rem;  margin-top: 2rem;}


/*m-ys-----------------------------------------------------------------------------------------*/
.m-ys{ position:relative; height:58rem; overflow:hidden;}

.m-ys h2{width:100%;height:13.958rem; margin:0 auto 1.5rem;}
.m-ys h2 img{width:100%;height:auto;}
.m-ys .prev , .m-ys .next{ position:absolute; z-index:909; width:6rem; height:6rem;  overflow:hidden; top:51rem;}
.m-ys .prev { left:25%;}
.m-ys .next{ right:25%;}

.m-ys .sclwrap_box ,.m-ys .m-box{ height:39.417rem; overflow:hidden;}
.m-ys .con{ display:inline; float:left; width:100%;}
.m-ys .con dl{position: relative;  margin:0 auto; line-height:0rem; width:89.07%; }
.m-ys .con dt{height:15.125rem;  width:100%; }
.m-ys .con dt img{width:100%;min-width:320px;max-width:640px;}
.m-ys .con dd{position: absolute; left:0.833rem; top:13.458rem; width:96.5%; height:28rem; overflow: hidden; font-family:"Microsoft Yahei";}
.m-ys .con dd em{ display:block;float: left; width: 3.625rem; height: 20.708rem; overflow: hidden;}
.m-ys .con dd h3{ margin-top:3.667rem; margin-bottom: 1rem; float: right; width: 84%; overflow: hidden;  }
.m-ys .con dd h3 span{position: relative; color: #1f1a17; display: block; height: 3.0rem; width: 100%; font-size: 1.167rem; line-height: 3.0rem;}
.m-ys .con dd h3 span:before{position: absolute;content: ""; left:0px; bottom: 0rem; width: 1.917rem; height: 0.125rem; background: #c1c1c1; overflow: hidden;}
.m-ys .con dd h3 b{color: #e60012; display: block; font-size:1rem; line-height: 2.5rem; font-weight: bold;}
.m-ys .con dd p{float: right;  padding-left: 1.583rem; margin-bottom: 18px;  width: 74.5%; overflow: hidden;font-size:1rem; line-height:1.5rem;background:url(/mobile/Images/Index/ys_ic.gif) no-repeat left 0.5rem; background-size:0.25rem 0.5rem; }



/*m-anli-----------------------------------------------------------------------------------------*/
.m-anli{position: relative; width:100%; height:35.583rem; overflow: hidden;background:url(/mobile/Images/Index/al_bg.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size:100%;}
.m-anli .m-h2{margin: 2.083rem auto 1.917rem; height: 7.708rem; }
.m-anli .m-h2 p b{padding-left: 5%;}
.m-anli .m-h2 p{line-height: 1.917rem;} 
.m-anli .m-h2 p span{ text-align: center;line-height: 1.917rem; font-size: 1.25rem;}
.m-anli .m-h2 i{width: 56%;}

.anli_ul{width: 100%; height: 8.458rem; overflow: hidden; border-top:1px solid #dedddc;}
.anli_ul li{ position:relative; float:left;  color:#333; text-align:center; font:1rem/3.333rem "Microsoft Yahei";width:33.33%; height:3.333rem; overflow:hidden; display:block;}
.anli_ul a:nth-child(1) li{ color: #fff; font-weight: bold; background: #e60012;}

.anli_ul li:before{ position:absolute; content:""; right:0rem; top:0rem; height:3.333rem; width:1px; background:#dedddc; }
.anli_ul li:after{ position:absolute; content:""; left:0rem; bottom:0rem; height:1px; width:100%; background:#dedddc; }
.anli_ul a:nth-child(3n) li:before{background: none;}


.m-anli .prev , .m-anli .next{ position:absolute; z-index:909; width:2.792rem; height:2.792rem;  overflow:hidden; top:31rem;}
.m-anli .prev { left:28.594%;}
.m-anli .next{ right:28.594%;}

.m-anli .sclwrap_box ,.m-anli .m-box{ height:11.042rem; overflow:hidden;}
.m-anli .con{ display:inline; float:left; width:100%;}
.m-anli .con ul{position: relative;  margin:0 auto; line-height:0rem; width:91.875%; }
.m-anli .con li{float: left;line-height:0rem; height:10.25rem; width:48%; overflow:hidden; }
.m-anli .con li em{ display: block; width: 100%; height:3.333rem; overflow: hidden;font:1rem/3.333rem "Microsoft Yahei"; color: #333; text-align: center;}
.m-anli .con li:nth-child(2){float: right;}

/*m-bann1-----------------------------------------------------------------------------------------*/
.m-bann1{width:100%; height:12.375rem; overflow: hidden;background:url(/mobile/Images/Index/bann1.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size:100%;}
.m-bann1 p{margin: 9.167rem auto 0; height: 2.083rem; font:1rem/2.083rem "Microsoft Yahei"; color: #fff; text-align: center;}

/*m-about-----------------------------------------------------------------------------------------*/
.m-about{position: relative;width: 100%; height: 33.625rem; overflow: hidden;}
.m-about h2{margin:2.833rem auto 2.75rem; height: 2.25rem;width: 100%; overflow: hidden; text-align: center; color: #e60012;font:bold 1.25rem/1.417rem "Microsoft Yahei";  background:url(/mobile/Images/Index/gy_t.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size:100%;}
.m-about h3{z-index: 100; position: absolute; left:9.375%; top:6.125rem; width: 19.22%; height: 7.125rem; overflow: hidden;}

.m-about dl{width: 91.563%; height: 21.083rem; margin: 0 auto; overflow: hidden;}
.m-about dt{ height: 10.958rem; overflow: hidden; width: 100%;}
.m-about dd{margin-top: 1.2rem; width: 100%; text-align: center; color: #333; font:1rem/2.083rem "Microsoft Yahei";}
.m-about dd a{display: block; color: #333;}

.m-about ul{width: 91.563%;  margin: 0 auto; overflow: hidden;}
.m-about li{text-align: center; float: left;width: 29.5%; height: 1.917rem; border: 0.083rem solid #cecece; color: #333;font:1rem/1.917rem "Microsoft Yahei"; overflow: hidden; margin-right: 1.083rem;}
.m-about a:nth-child(1) li{ border: 0.083rem solid #e60012; background: #e60012; font-weight: bold; color: #fff}
.m-about a:nth-child(3) li{margin-right: 0rem;}




@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:400px){
	html{ font-size:93.75%;}
}			
@media screen and (min-width:414px){
	html{ font-size:96%;}
}
@media screen and (min-width:480px){
	html{ font-size:112.5%;}
}
@media screen and (min-width:568px){
	html{ font-size:131.25%;}
}
@media screen and (min-width:639px){
	html{ font-size:150%;}
}
/*m-hor*/
.m-hor{height: 13rem; width: 100%; overflow: hidden;margin-top:4%;margin-bottom:2%;}
.m-hor dl{ margin:2.083rem auto 0; height: 25.833rem; width: 90.625%;}
.m-hor dt{ width: 100%; height: 18.833rem; overflow: hidden;}
.m-hor dd{ color: #555; width: 100%; overflow: hidden;  font:0.917rem/1.167rem "黑体";}

.m-cnt2{ margin:0 auto; height:0.417rem; width:13rem; overflow:hidden;}
.m-cnt2 li{float:left; margin-right:0.833rem; width: 2.5rem; height:0.417rem;overflow:hidden;background: #999; border-radius: 0.5rem;}
.m-cnt2 li.z-on{background: #333;}
.m-cnt2 li:nth-child(4){ margin-right: 0px;}

.m-hor .sclwrap_box , .m-hor .m-box{ height:18.292rem; overflow:hidden;}
.m-hor .con{float:left; width:100%; display:inline;}

.hor_c ul{ width: 90.625%; overflow:hidden; margin:0 auto;}
.hor_c ul li{float: left; border: 1px solid #ccc; padding: 0.625rem 0.917rem; width:9.667rem; height:4.5rem; overflow:hidden;margin-bottom:1rem;}
.hor_c ul li img{}
.hor_c ul li:nth-child(2),.hor_c ul li:nth-child(4){ float: right;}

.case div img {
    max-width: 640px;
    min-width: 320px;
    width: 100%;
}
.m-ys .con dd em img,.case ul li em img,.m-pro .pro li a img,.m-anli .con li a img,.m-about h3 img {
    height: auto;
    width: 100%;
    text-align:center;
}