/*自定义样式*/
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; }

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

/*nav*/
nav{ position: relative; height:7.5rem; width:100%; overflow:hidden; background:url(/mobile/Images/Index/nav_bg.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
nav a{ float:left;text-align: center; height:3.75rem;  color:#fff; width: 33.33%; font-size: 1.2rem; line-height:3.75rem;}
nav a:nth-child(1){font-weight: bold;color: #0250a5;}

/*case*/
.m-cs01{width: 100%; height: 48.2rem; margin-top: 1.7rem;}
.m-cs01 p{ width: 89.06%; height: 21.2rem; overflow: hidden; margin: 0 auto 1.2rem;}
.m-cs01 ul{ width: 89.06%;overflow: hidden; margin: 0 auto;}
.m-cs01 ul li{border-bottom: 1px solid #d9d9d9;overflow: hidden; height: 3.2rem; color: #555;font-size:1.1rem; line-height: 3.2rem;}
.m-cs01 ul li em{display: inline-block; color: #555; margin:0.4rem 0.8rem 0 0; width: 2.15rem; height: 2.2rem; text-align: center;  font:1.2rem Arial, Helvetica, sans-serif;line-height: 2.2rem;background:url(/mobile/Images/Index/cs_num.png) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%; }
.m-cs01 ul li em img{vertical-align: top;}
.m-cs01 ul li b{color: #d40900;}
.m-cs01 ul li:nth-child(7){border-bottom: 0px;}


/*m-case*/
.m-case{position: relative; height:40.4rem; width:100%; overflow:hidden; background:url(/mobile/Images/Index/gy_bg.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}

.m-h2{ margin: 3.5rem auto 2.0rem; height: 4.0rem; position: relative; width: 100%; text-align: center;}
.m-h2 em{height: 100%; width: 100%;}
.m-h2 i{display: block; position: absolute; left:0rem; top:2.1rem; height: 1.75rem; width: 100%; font-size: 1.2rem; line-height: 1.75rem; color: #333;}

.m-case .sclwrap_box ,.m-case .m-box{ height:31.0rem; overflow:hidden;}
.m-case .con{ display:inline; float:left; width:100%;}
.m-case .con dl{height:31.0rem; margin:0 auto; width:62.5%; overflow:hidden;}
.m-case .con dl dt{margin-bottom:1.2rem; height:12.5rem; width: 100%; overflow: hidden;}
.m-case .con dl dd{width: 100%; overflow: hidden;}
.m-case .con dl dd h3{overflow: hidden; margin-bottom:1.4rem; width: 100%; height:3.0rem; font-size: 1.2rem; line-height: 3.0rem; background:url(/mobile/Images/Index/gy_txt.jpg) no-repeat left top; background-size: 100%; padding-left: 1.6rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-case .con dl dd p{color: #555; font-size: 1.1rem; line-height: 2.2rem;}
.prev,.next{position: absolute;z-index: 100; top:23.7rem; width:2.05rem; height:2.05rem;}
.prev img,.next img{display: block; width: 100%;}
.prev{left:1.75rem;}
.next{right:1.75rem;}

/*m-pro*/
.m-pro{width:100%;margin-top: 3.5rem; height:45.9rem; overflow:hidden;}
.m-pro .m-h2{height:5.7rem;margin: 0 auto 1.65rem; }

.m-pro .m-cnt{ margin:0 auto; width: 89.063%;  overflow:hidden;}
.m-pro .m-cnt li{float:left; margin-right:0.7rem; margin-bottom:1rem;height:2.75rem;width:31.23%; text-align: center; overflow:hidden; font:1.2rem/2.75rem "Microsoft Yahei"; color:#333; background:url(/mobile/Images/Index/pro_ip2.gif) no-repeat left top; background-size: 100%; }
.m-pro .m-cnt li.z-on{color: #fff; background:url(/mobile/Images/Index/pro_ip1.gif) no-repeat left top; background-size: 100%;}
.m-pro .m-cnt li:nth-child(3n){margin-right: 0rem;}

.m-pro .sclwrap_box,.m-pro .m-box{ height:32.0rem; overflow:hidden;}
.m-pro .con{float:left; width:100%; display:inline;}
.pro_c ul{overflow: hidden; width: 89.0625%; margin:0 auto;}
.pro_c ul li{margin-bottom: 1.25rem; border: 1px solid #e3e3e3;line-height: 0rem;float: left; width:47.4%; height: 13.3rem; background: #ededed;}
.pro_c ul li img{width: 100%;}
.pro_c ul li span{color: #555;display: block; width: 100%; padding:0 1.2rem; background: url(/mobile/Images/Index/pro_ic.gif) no-repeat 12.0rem center; background-size:0.3rem 0.5rem; font-size: 0.6rem; line-height: 2.45rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro_c ul li:nth-child(2n){float: right;}

/*lc*/
.m-lc{position: relative; height:34.5rem; width:100%; overflow:hidden; background:url(/mobile/Images/Index/lc_bg.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-lc h2{margin:3.4rem auto 1.9rem;  width: 100%; height:5.0rem; color: #333; font-size: 1.2rem; line-height: 1.9rem;text-align: center; background:url(/mobile/Images/Index/lc_t2.png) no-repeat center 2.4rem; background-size: 100%;}
.m-lc h2 b{font:bold 1.5rem/2.4rem "Microsoft Yahei"; color:#333; display: block;}
.m-lc .sclwrap_box ,.m-lc .m-box{ height:31.0rem; overflow:hidden;}
.m-lc .con{ display:inline; float:left; width:100%;}
.m-lc .con ul{margin:0 auto; position: relative; width:90.625%; overflow:hidden;background:url(/mobile/Images/Index/lc_ic.png) no-repeat center 7.0rem;background-size:1.4rem 0.9rem;}
.m-lc .con ul li{float: left; width: 46.55%; overflow: hidden;}
.m-lc .con ul li p{ overflow: hidden;}
.m-lc .con ul li em{display: block; float: left; padding-left: 0.2rem; font:2.1rem/3.1rem Arial; color: #d5d6d9;}
.m-lc .con ul li span{display: block;float: right;width:80%; color: #333; font-size:0.9rem; line-height:1.2rem;}
.m-lc .con ul li span b{}
.m-lc .con ul li:nth-child(2){float: right;}
.m-lc .con ul li .lc_sp1{padding-top:0.5rem; }
.m-lc:before{position: absolute;content: ""; left:1.5rem; top:30.5rem;width:10.25rem;height: 1px; background: #cccccc;}
.m-lc:after{position: absolute;content: ""; right:1.5rem; top:30.5rem;width:10.25rem;height: 1px; background: #cccccc;}
.m-lc .prev,.m-lc .next{position: absolute;z-index: 100; top:29.5rem; width:2.05rem; height:2.05rem;}
.m-lc .prev img,.m-lc .next img{display: block; width: 100%;}
.m-lc .prev{left:36.563%;}
.m-lc .next{right:36.563%;}


/*m-ys*/
.m-ys{position: relative; height:56.0rem; width:100%; overflow:hidden; background:url(/mobile/Images/Index/ys_t.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100% 10.25rem;}
.m-ys:before{position: absolute;content: ""; left:0rem; top:52rem;width:12.15rem;height: 1px; background: #cccccc;}
.m-ys:after{position: absolute;content: ""; right:0rem; top:52rem;width:12.15rem;height: 1px; background: #cccccc;}

.m-ys h2{ margin:2.3rem auto 4.9rem; height: 4.0rem; width: 100%; text-align: center; color: #fff;}
.m-ys h2 em{display: block; font-weight: bold; font-size: 1.5rem; line-height: 2.3rem;}
.m-ys h2 i{display: block;font-size: 1.0rem; font-weight: normal; line-height: 1.7rem;}

.m-ys .sclwrap_box ,.m-ys .m-box{ height:43.0rem; overflow:hidden;}
.m-ys .con{ display:inline; float:left; width:100%;}
.m-ys .con dl{height:43.0rem; margin:0 auto; width:100%; overflow:hidden;}
.m-ys .con dl dt{margin-bottom:1.2rem; height:18.05rem; width: 100%; overflow: hidden;}
.m-ys .con dl dd{width: 29.0rem; margin-left: 1.2rem; overflow: hidden;}
.m-ys .con dl dd h3{width:29.2rem; margin-bottom: 1.2rem;overflow: hidden;}
.m-ys .con dl dd h3 em{display: block;  float: left; width: 5.1rem; height: 5.0rem;}
.m-ys .con dl dd h3 span{float: right;display: block;width: 23rem; font-size: 1.2rem; line-height: 1.9rem; color: #333; overflow: hidden;margin-top: 0.7rem; height: 3.5rem;border-bottom: 1px dashed #b2b2b2;border-top: 1px dashed #b2b2b2; padding-top: 0.35rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-ys .con dl dd h3 span b{color: #0250a5;}
.m-ys .con dl dd h3 span i{display: block; text-transform: uppercase;font: 0.6rem/0.75rem Arial, Helvetica, sans-serif; color: #848484;}
.m-ys .con dl dd p{position: relative; margin-bottom: 1.0rem; padding-left:6.0rem; color: #333; font-size:1.1rem; line-height:1.8rem;background: url(/mobile/Images/Index/ys_ic.gif) no-repeat 4.0rem 0.7rem; background-size:0.5rem 0.5rem;}
.m-ys .con dl dd p b{color: #d40900;}

.m-ys .prev,.m-ys .next{position: absolute;z-index: 100; top:51.0rem; width:2.05rem; height:2.05rem;}
.m-ys .prev{left:12.15rem;}
.m-ys .next{right:12.15rem;}

/*kh*/
.m-kh{height:48.9rem; width:100%; overflow:hidden; background:url(/mobile/Images/Index/kh_bg.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100% 1.75rem;}
.m-kh dl{width: 26.6rem; margin:3.35rem auto 0; background:url(/mobile/Images/Index/kh_ibg.jpg) no-repeat center 5.1rem;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:26.6rem 11.5rem;}
.m-kh dl dt{margin: 0 auto 1.9rem; width:23.15rem; height:18.9rem; overflow: hidden;}
.m-kh dl dd{width:23.15rem;}
.m-kh dl dd h3{color: #333;margin-bottom: 1.2rem; font-size:1.2rem; line-height: 1.7rem; }
.m-kh dl dd h3 span{display: block; color: #333;font-size: 1.5rem;line-height: 1.9rem;font-weight: bold; }
.m-kh dl dd h3 span i{color: #d0d0d0;padding-left: 0.4rem; display: inline-block;text-transform: uppercase; font-weight: normal; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif;}
.m-kh dl dd p{color: #555;font:1.1rem/2.0rem "Microsoft Yahei";}
.m-kh dl dd em{display: block;text-align: center; width: 9.0rem; height: 2.5rem; line-height: 2.5rem; font-size:1.0rem; color: #fff;margin-top: 1.5rem; background:url(/mobile/Images/Index/kh_b.gif) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:9.0rem 2.5rem;}

/*about*/
.m-about{height:45.25rem; width:100%; overflow:hidden; background:url(/mobile/Images/Index/about_bg.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100% 21.5rem;}
.m-about dl{width:23.75rem; margin:5.6rem auto 0;}
.m-about dl dt{margin: 0 auto 0.95rem; width:100%; height:12.75rem; overflow: hidden;}
.m-about dl dd{width:100%;position: relative;}
.m-about dl dd:before{position: absolute;content: "";left:0rem; top:5.15rem;width: 3.4rem;height: 0.1rem;background: #0250a5;}
.m-about dl dd h3{text-align: center; color: #333;margin-bottom: 4.2rem;font-weight: bold; font-size:1.0rem; line-height:1.5rem; }
.m-about dl dd h3 i{color: #8d8d8d;display:block;text-transform: uppercase; font-weight: normal; line-height: 0.8rem; font-size:0.6rem; font-family: Arial, Helvetica, sans-serif;}
.m-about dl dd p{color: #555;font:1.1rem/2.0rem "Microsoft Yahei";}
.m-about dl dd em{display: block;text-align: center; width: 9.0rem; height: 2.5rem; line-height: 2.5rem; font-size:1.0rem; color: #fff;margin-top: 1.5rem; background:url(/mobile/Images/Index/kh_b.gif) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:9.0rem 2.5rem;}


/*m-cul*/
.m-cul{width: 100%;position: relative; height: 22.1rem; overflow: hidden;}
.m-cul:before{position: absolute;content: ""; left:1.8rem; top:18.75rem;width:10.35rem;height: 1px; background: #cccccc;}
.m-cul:after{position: absolute;content: ""; right:1.8rem; top:18.75rem;width:10.35rem;height: 1px; background: #cccccc;}
.m-cul .prev,.m-cul .next{position: absolute;z-index: 100; top:17.7rem; width:2.05rem; height:2.05rem;}
.m-cul .prev{left:12.15rem;}
.m-cul .next{right:12.15rem;}


.m-cul h2{width: 89.688%; margin: 0 auto 1.1rem; height: 2.5rem; line-height: 2.5rem; color: #000;background:url(/mobile/Images/Index/cul_ic20.gif) no-repeat 8.65rem center; background-size:15.65rem 0.35rem; }
.m-cul h2 i{float: right; font-size: 1.1rem; color: #555; display: inline-block;}
.m-cul h2 span{float: left;display: block; height: 2.5rem; font-weight: bold;font-size: 1.2rem;color: #000;}
.m-cul h2 span em{display: inline-block;width: 1.8rem; height: 1.5rem;vertical-align: top; margin:0.3rem 1.1rem 0 0; }
.m-cul h2 span em img{width: 100%;}

.m-cul .sclwrap_box ,.m-cul .m-box{ height:18.5rem; overflow:hidden;}
.m-cul .con{ display:inline; float:left; width:100%;}
.m-cul .con ul{ margin:0 auto; width: 89.063%; overflow:hidden;}
.m-cul .con ul li{position: relative; float: left; line-height: 0rem; width:47.895%; height: 14.0rem; text-align: center; overflow: hidden;}
.m-cul .con ul li img{width: 100%; height: 9.6rem;}
.m-cul .con ul li em{position: absolute;right: 0.0rem;top:7.9rem; overflow: hidden; width: 1.85rem; height:1.7rem; background:url(/mobile/Images/Index/cul_ic02.png) no-repeat left top; background-size:1.85rem 1.7rem;}
.m-cul .con ul li span{color: #555; font-size: 1.1rem; line-height:4.4rem;}
.m-cul .con ul li:nth-child(2n){float: right;}

/*m-new*/
.m-new{position: relative; height: 18.0rem;width:100%;}
.m-new .new_m{position: absolute;right: 2.5rem;top:0rem; line-height: 3.5rem; font-size: 1.1rem; color: #555; display: inline-block;}

.m-new .m-cnt{margin:0 auto 1.9rem; width:89.53125%; height: 3.5rem; margin: 1.9rem; overflow:hidden;background:url(/mobile/Images/Index/new_t.jpg) no-repeat center top; background-size: 100%;}
.m-new .m-cnt li{float:left;font-size: 1.2rem;font-weight: bold; margin-right: 1.0rem; line-height: 3.5rem; color: #000;}
.m-new .m-cnt li em{float: left;vertical-align: top; display: inline-block;width:1.8rem; height:1.35rem; margin:1.1rem 1.1rem 0 1.2rem;}
.m-new .m-cnt li em img{vertical-align: top;}
.m-new .m-cnt li.z-on{color: #0250a5;}

.m-new .sclwrap_box,.m-new .m-box{ height:12.5rem; overflow:hidden;}
.m-new .con{float:left; width:100%; display:inline;}
.new_c {width: 100%;}
.new_c ul{margin:0 auto;  width:89.53125%; overflow: hidden; }
.new_c ul li{margin-bottom:0.7rem; overflow: hidden;line-height: 2.0rem; font-size: 1.1rem; height:2.1rem; color: #555555;}
.new_c ul li em{float: left; display: block; color: #a3a3a3;border: 1px solid #cbcbcb; line-height: 1.9rem; width: 4.2rem; height: 1.9rem; text-align: center; margin-right: 1.05rem;}


/*m-hor*/
.m-hor{position: relative; height:51.5rem; width:100%; overflow:hidden; background:url(/mobile/Images/Index/cs2_bg.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-hor .m-h2{margin: 3.6rem auto 2.0rem;}

.m-hor .m-cnt{ margin:0 auto; width: 89.063%; height:12.3rem; overflow:hidden;}
.m-hor .m-cnt li{float:left; margin-bottom: 1.0rem; margin-right:0.8rem; height:2.75rem;width:31.23%; text-align: center; overflow:hidden; font:1.2rem/2.75rem "Microsoft Yahei"; color:#333; background:url(/mobile/Images/Index/cs_ip2.gif) no-repeat left top; background-size: 100%; }
.m-hor .m-cnt li.z-on{color: #fff; background:url(/mobile/Images/Index/cs_ip1.gif) no-repeat left top; background-size: 100%;}
.m-hor .m-cnt li:nth-child(3n){margin-right: 0rem;}

.m-hor .sclwrap_box,.m-hor .m-box{ height:32.0rem; overflow:hidden;}
.m-hor .con{float:left; width:100%; display:inline;}
.hor_c dl{ width: 89.0625%;height: 25.5rem; margin:0 auto;}
.hor_c dl dt{height: 12.55rem; width: 100%;border-bottom: 1px solid #d1d1d1;}
.hor_c dl dd{position: relative; width: 100%;padding: 1.8rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.hor_c dl dd p{margin-bottom: 0.6rem; color: #555;display: block; font-size: 1.1rem; line-height: 2.0rem;}
.hor_c dl dd p b{color: #333;}
.hor_c dl dd em{position: absolute; right: 0rem; top:10.85rem; width: 2.6rem; height: 2.1rem;}







html {font-size: 10px;}
@media screen and (min-width: 320px) {
    html {
        font-size: 10.625px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 11.875px;
    }
}
@media screen and (min-width: 400px) {
    html {
        font-size: 13.125px;
    }
}
@media screen and (min-width: 440px) {
    html {
        font-size: 14.375px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 15.625px;
    }
}
@media screen and (min-width: 520px) {
    html {
        font-size: 16.875px;
    }
}
@media screen and (min-width: 560px) {
    html {
        font-size: 18.125px;
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: 19.375px;
    }
}
@media screen and (min-width: 640px) {
        html {
            font-size: 20px;
        }
    }