/*自定义样式*/
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:183px; overflow:hidden; position:relative;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:195px; overflow:hidden;}
.g-adv img{ width:100%;}

/*nav*/

/*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: center; line-height: 25px; font-size: 12px; 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; font-size: 18px; font-weight: bold;}
.m-h2 span{color: #333; display: block; font-size: 11px; line-height: 18px;}
.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:21px auto 0; width:68.44%; height:21px; overflow: hidden;background:url(/mobile/static/image/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 12px/21px "Microsoft Yahei";}
.tel01 i{display: block; float: right; width:54.4%; text-align: center; color: #e60012; font:bold 12px/21px "Times New Roman", Times, serif;}

/*m-pro----------------------------------------------------------------------*/
.m-pro{position: relative; height:495px; width: 100%; overflow:hidden; background:url(/mobile/static/image/shou.png) no-repeat center; background-size:85%;background-position:28px 456px; margin-bottom:30px}
.m-pro .m-h2{margin: 20px auto;}
.m-pro .m-h2 p{text-align: center;}
.m-pro .m-h2 i{width: 75%;}
.m-pro h3{width: 100%; height: 20px; overflow: hidden;width: 100%;  margin: 0 auto 18px; text-align: center; color: #e60012;font:bold 12px/20px "Microsoft Yahei";  background:url(../image/pro_p1.jpg) no-repeat center top; background-size:100%; padding-left: 30px; 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:0px;margin: 0 auto; width: 91.56%; height:212px; overflow:hidden; }
.m-pro .c-list li{ margin:0 0 12px 0; float:left;padding-left: 3.5%; width:47.44%; height:28px; color:#333; font:12px/25px "Microsoft Yahei"; overflow:hidden;  border:1px 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:1px 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:16px; top:249px; padding-left: 12px; width:43.5%; height:28px; color:#333; font:12px/25px "Microsoft Yahei"; overflow:hidden;  border:1px solid #c5c5c5; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;  background:url(/mobile/static/image/index/pro_ic01.gif) no-repeat 44px center; background-size:2px 5px;}

.m-pro .pro{ position:relative; height:213px; overflow:hidden;}
.m-pro .pro .prev ,.m-pro .pro .next{ position:absolute; z-index:909; width:60px; height:60px; overflow:hidden; top:121px;}
.m-pro .pro .prev { left:25%;}
.m-pro .pro .next{ right:25%;}

.m-pro .sclwrap_box,.m-pro .no_ov{ height:212px; overflow:hidden;}
.m-pro .m-box{ display:inline; float:left; width:100%;}
.m-pro .pro ul{ height: 200px; width:90.625%; overflow:hidden; margin:0 auto;}
.m-pro .pro li{float: left; position: relative; line-height:0px; height:140px; width:47.44%; overflow:hidden; border: 1px solid #c6c6c6;}
.m-pro .pro li em{position: absolute; left:0px; bottom: 0px; width: 100%; height: 133px; overflow: hidden; display: block; font:12px/241px "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:473px;  margin-top: 0px; margin-bottom: 20px; -webkit-background-size: 100%;}
.m-pro .tel01 a em{font-size:12px; left:15.94%; margin-top: 1px;}
.m-pro .tel01 a i{font-size:12px; left:15.94%; margin-top: 1px;}

/*m-ys-----------------------------------------------------------------------------------------*/
.m-ys{ position:relative; height:208px; 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(../image/ys_ic.gif) no-repeat left 0.5rem; background-size:0.25rem 0.5rem; }
/*m-anli-----------------------------------------------------------------------------------------*/
.m-anli{position: relative; width:100%; height:65px; overflow: hidden;background:url(../image/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: 20px auto 20px; height: 50px; }
.m-anli .m-h2 p b{padding-left: 5%;}
/*.m-anli .m-h2 p{line-height: 20px;} */
/*.m-anli .m-h2 p span{ text-align: center;line-height: 18px; font-size: 11px;}*/
.m-anli .m-h2 i{width: 56%;}
.anli_ul{width: 100%; height: 85px; overflow: hidden; border-top:1px solid #dedddc;}
.anli_ul li{ position:relative; float:left;  color:#333; text-align:center; font:12px/33px "Microsoft Yahei";width:33.33%; height:34px; 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:0px; top:0px; height:33px; width:1px; background:#dedddc; }
.anli_ul li:after{ position:absolute; content:""; left:0px; bottom:0px; 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:28px; height:28px;  overflow:hidden; top:312px;}
.m-anli .prev { left:28.594%;}
.m-anli .next{ right:28.594%;}
.m-anli .sclwrap_box ,.m-anli .m-box{ height:112px; overflow:hidden;}
.m-anli .con{ display:inline; float:left; width:100%;}
.m-anli .con ul{position: relative;  margin:0 auto; line-height:0px; width:91.875%; }
.m-anli .con li{float: left;line-height:0px; height:100px; width:48%; overflow:hidden; }
.m-anli .con li em{ display: block; width: 100%; height:33px; overflow: hidden;font:12px/33px "Microsoft Yahei"; color: #333; text-align: center;}
.m-anli .con li:nth-child(2){float: right;}
.al_a { text-decoration:none;font-family:"Microsoft Yahei";}
/*m-bann1-----------------------------------------------------------------------------------------*/
.m-bann1{width:100%; height:190px; overflow: hidden;background:url(/mobile/static/image/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: 140px auto 0; height: 20px; font:12px/20px "Microsoft Yahei"; color: #fff; text-align: center;}
/*m-about-----------------------------------------------------------------------------------------*/
.m-about{position: relative;width: 100%; height: 480px; overflow: hidden;}
.m-about h2{margin:28px auto 28px; height: 22.5px;width: 100%; overflow: hidden; text-align: center; color: #e60012;font:bold 13px/12px "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:60px; width: 19.22%; height: 70px; overflow: hidden;}
.m-about dl{width: 91.563%; height: 330px; margin: 8px auto; overflow: hidden;}
.m-about dt{ height: 203px; overflow: hidden; width: 100%;}
.m-about dd{margin-top: 12px; width: 100%; text-align: center; color: #333; font:12px/30px "Microsoft Yahei"; height: 50px;}
.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: 30px; border: 1px solid #cecece; color: #333;font:12px/30px "Microsoft Yahei"; overflow: hidden; margin-right: 12px;}
.m-about a:nth-child(1) li{ border: 1px solid #e60012; background: #e60012; font-weight: bold; color: #fff}
.m-about a:nth-child(3) li{margin-right: 0px;}
.m-about_a{text-decoration:none;font-family:"Microsoft Yahei";}
/*m-hor*/
.m-hor{height: 170px; width: 100%; overflow: hidden;margin-top:4%;margin-bottom:2%;}
.m-hor dl{ margin:21px auto 0; height: 258px; width: 90.625%;}
.m-hor dt{ width: 100%; height: 188px; overflow: hidden;}
.m-hor dd{ color: #555; width: 100%; overflow: hidden;  font:12px/12px "黑体";}
.m-cnt2{ margin:0 auto; height:42px; width:130px; overflow:hidden;}
.m-cnt2 li{float:left; margin-right:1px; width: 25px; height:4.2px;overflow:hidden;background: #999; border-radius: 5px;}
.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:183px; overflow:hidden;}
.m-hor .con{float:left; width:100%; display:inline;}
.hor_c ul{ width: 90.625%; overflow:hidden; margin:0 auto; margin-bottom:12px;}
.hor_c ul li{float: left; border: 1px solid #ccc; padding: 4px 9px; width:136px; height:60px; overflow:hidden;margin-bottom:12px;}
.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;
}