/*自定义样式*/
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{ position: relative; height:12.917rem;  overflow:hidden; margin:1.667rem 0 0 4.688%;}
nav a{ float:left; line-height: 0rem; height:4.875rem;  width:7.625rem;color:#fff; margin:0 0.667rem 0.917rem 0; overflow:hidden; display:block; background:url(/mobile/Images/Index/navbg.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
nav em{display: block; margin:0 auto; width: 3.333rem; height: 2.5rem; overflow: hidden; }
nav em img{width: 100%;}
nav i{display: block; height:1.667rem;  text-align:center; font:0.917rem/1.667rem "Microsoft Yahei";}


/*fag*/
.m-fag{ height:20.0rem; overflow:hidden; background:url(/mobile/Images/Index/fag_bg.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}

.m-h2{ margin:0 auto 2.292rem; width:100%; text-align:center;}
.m-h2 em{ display:block;color:#000;font:1rem/1.25rem "Microsoft Yahei";}
.m-h2 b{ display:block;color:#000;height: 1.75rem; overflow: hidden; padding-bottom: 0.208rem; font:bold 1.5rem/1.75rem "Microsoft Yahei";background:url(/mobile/Images/Index/fag_t.gif) no-repeat center center;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 0.208rem;}
.m-h2 i{ display:block;color:#b9b9b9;  font:0.5rem/0.667rem Arial, Helvetica, sans-serif;  text-transform: uppercase;}

.m-fag ul{float: right;width: 53.75%; overflow: hidden;}
.m-fag li{font:0.917rem/2.083rem "Microsoft Yahei"; color: #000; margin-bottom:1rem; }
.m-fag li em{float: left;padding-right: 0.25rem; display: inline-block; width: 2.083rem; height: 2.083rem;}

/*case*/
.m-case{position: relative; height:35.583rem; width: 100%; overflow: hidden;background:url(/mobile/Images/Index/bg01.png) no-repeat center bottom;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 0.583rem;}
.m-case .m-h2{margin: 1.833rem auto 1.5rem;}
.m-case .m-h2 b{background:url(/mobile/Images/Index/cs_t.gif) no-repeat center center;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 0.208rem;}

.m-cnt2{ margin:0 0 0 43.44%; height:0.833rem; overflow:hidden;}
.m-cnt2 li{float:left; margin-right:0.333rem; height:0.708rem; width: 0.708rem;overflow:hidden; background:url(/mobile/Images/Index/roll2.png) no-repeat center bottom;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:0.708rem 0.708rem;}
.m-cnt2 li.z-on{ background:url(/mobile/Images/Index/roll1.png) no-repeat center bottom;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:0.708rem 0.708rem;}

.m-case .sclwrap_box , .m-case .m-box{ height:25.167rem; overflow:hidden;}
.m-case .con{float:left; width:100%; display:inline;}
.case_c dl{margin:0 auto;height:25.167rem; width: 90.625%; overflow: hidden;}
.case_c dl dt{height:13.458rem;width:100%;  overflow:hidden; }
.case_c dl dd{width:100%; height: 11.667rem; margin:0 auto; overflow: hidden;}
.case_c dl dd h3{margin-top: 1.5rem;overflow:hidden;color: #313030;font:bold 1.167rem/2.083rem "Microsoft Yahei";}
.case_c dl dd p{margin-bottom: 0.417rem; color: #000;  font:1rem/1.833rem "Microsoft Yahei";}
.case_c .con dl .cs_dd1{background:url(/mobile/Images/Index/cs_g1.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:7.5rem 7.5rem;}
.case_c .con dl .cs_dd2{background:url(/mobile/Images/Index/cs_g2.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:7.5rem 7.5rem;}
.case_c .con dl .cs_dd3{background:url(/mobile/Images/Index/cs_g3.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:7.5rem 7.5rem;}
.case_c .con dl .cs_dd4{background:url(/mobile/Images/Index/cs_g4.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:7.5rem 7.5rem;}

/*pro_list*/
.m-prolist {
    height: 25.167rem;
    width: 100%;
    overflow: hidden;
}
.m-prolist .m-h2{margin:1.833rem auto 1.417rem;}
.m-prolist .m-h2 b{background:url(/mobile/Images/Index/al_t.gif) no-repeat center center;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 0.208rem;}
.pro_list {
    height: 16.25rem;
    width: 90.625%;
    overflow: hidden;
    background: #f8f8f8;
    margin: 0 auto;
}
.pro_list p{float: left; width: 5.5rem; height: 5.5rem; margin: 2.333rem 0 0 1rem;}
.pro_list h3{position: relative; height: 2.25rem; float: right;width: 15.833rem; margin: 0.75rem 0 0.167rem 0; font:bold 1rem/2.25rem "Microsoft Yahei"; color: #202020;}
.pro_list h3 i{display:inline-block;color:#e1e1e1; padding-left: 0.417rem; font-weight: normal; font-size:0.667rem ;font-family: Arial, Helvetica, sans-serif;  text-transform: uppercase;}
.pro_list h3:before{position: absolute;content: ""; left:0rem;bottom: 0rem; width: 1rem; height: 0.083rem; background: #183883;}

.pro_list ul{float: right;width: 15.833rem; }
.pro_list ul li {
    float: left;
    width: 45%;
    font: 1rem/2.083rem "Microsoft Yahei";
    color: #202020;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*m-anli-----------------------------------------------------------------------------------------*/
.m-anli{ position:relative; height:33.583rem; overflow:hidden;}
.m-anli .m-h2{ margin:0rem auto 1.417rem;}
.m-anli .m-h2 b{background:url(/mobile/Images/Index/zs_t.gif) no-repeat center center;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 0.208rem;}

.m-anli .prev,.m-anli .next{ position:absolute;z-index:99;width:2rem;height:2rem;overflow:hidden;top:13.333rem;}
.m-anli .prev { left:1.5rem;}
.m-anli .next{ right:1.5rem;}

.m-anli .sclwrap_box ,.m-anli .m-box{ height:20.417rem; overflow:hidden;}
.m-anli .con{ display:inline; float:left; width:100%;}
.m-anli .con ul{margin: 0 auto; width:90.625%;height:20.417rem;  overflow:hidden;}
.m-anli .con ul li{position: relative;height: 18.167rem; line-height:0rem;width:100%; overflow:hidden;}
.m-anli .con ul li span{position: absolute;left:0rem; bottom: 0rem; width: 100%; height: 2rem; display:block; text-align:center; color:#fff;font:0.917rem/2rem "Microsoft Yahei"; background:rgba(0,0,0,0.7);}

.zs_u2{margin: 0 auto; width:90.625%; overflow: hidden;}
.zs_u2 li{ float:left; height:2.375rem; text-align: center; color:#fff; width:7.5rem; margin:0 0.78rem 0.917rem 0; overflow:hidden; display:block; background:#183883; font:1rem/2.375rem "Microsoft Yahei";}
.zs_u2 a:nth-child(3n) li{margin-right: 0rem;}


/*m-ys*/
.m-ys{position: relative; height:41.917rem; width: 100%; overflow: hidden;background:url(/mobile/Images/Index/ys_bg.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-ys h2{ margin:0.667rem auto 2.5rem; width:100%;color: #fff; text-align:center;font:bold 1.25rem/1.667rem "Microsoft Yahei";}
.m-ys h2 em{ display:block;color:#fff;}
.m-ys h2 em b{font:1.333rem/1.75rem "黑体";color: #7589c8; display: inline-block; padding-left: 0.208rem;}
.m-ys h2 span{display: block;}
.m-ys h2 i{ display:block;color:#7589c8;padding-top: 0.208rem; font:0.5rem/0.667rem Arial, Helvetica, sans-serif;  text-transform: uppercase;}

.m-ys .m-cnt2{ margin:0 0 0 45.312%; height:0.833rem; overflow:hidden;}

.m-ys .sclwrap_box , .m-ys .m-box{ height:31.0rem; overflow:hidden;}
.m-ys .con{float:left; width:100%; display:inline;}
.ys_c dl{margin:0 auto; width:100%; overflow: hidden;}
.ys_c dl dt{height:15.5rem; width:100%;  overflow:hidden; }
.ys_c dl dd{width:90.625%; margin: 0 auto; overflow: hidden;}
.ys_c dl dd h3{margin-bottom: 1rem; overflow: hidden;}
.ys_c dl dd h3 em{display: inline-block;text-align: center; margin-right: 0.417rem; float: left; width: 3.625rem; height: 3.333rem; color:#fff; font:1.333rem/3.333rem Arial, Helvetica, sans-serif;background:url(/mobile/Images/Index/ys_n1.png) no-repeat left top; background-size:3.625rem 3.333rem;}
.ys_c dl dd h3 b{display: inline-block;color: #183883;  font:bold 1.333rem/3.333rem "Microsoft Yahei";}
.ys_c dl dd h3 i{color: #d6d6d6;display: inline-block;padding-left: 0.417rem; font:1.333rem/3.333rem Arial, Helvetica, sans-serif; text-transform: uppercase;}
.ys_c dl dd p{display: block; font:1rem/1.875rem "Microsoft Yahei"; color: #1f2121;}



/*m-about--------------------------------------------------------------------------------------*/
.m-about{ height:26.042rem; overflow:hidden;}
.m-about .m-h2{ margin:1.833rem auto 1.167rem;}
.m-about .m-h2 b{background:url(/mobile/Images/Index/about_t.gif) no-repeat center center;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 0.208rem;}

.m-about p{margin: 0 auto; width:90.625%; height:14.042rem; overflow: hidden;}

.m-about ul{margin: 0 auto 1.5rem; width:90.625%; overflow: hidden;}
.m-about ul li{ float:left; height:2.375rem; text-align: center; color:#fff; width:7.5rem; margin:0 0.78rem 0 0; overflow:hidden; display:block; font:1rem/2.375rem "Microsoft Yahei"; background:#183883;}
.m-about a:nth-child(3) li{margin-right: 0rem;}


/* news--------------------------------------------------------------------------------------*/
.m-news{ position:relative; height:14.583rem; overflow:hidden;}
.m-news .m-cnt{margin: 0 auto 1.167rem; width:90.625%; overflow: hidden;}
.m-news .m-cnt li{position: relative; float:left;width: 33.33%; height:2.375rem; text-align: center; color:#434343;overflow:hidden; display:block; font:1rem/2.375rem "Microsoft Yahei";}
.m-news .m-cnt li.z-on{margin-right: 0rem;color: #fff; background:#183883;}
.m-news .m-cnt li:before{position: absolute; content: ""; right: 0rem; top:0.625rem; width: 1px; height: 1rem; background: #d4d4d4;}
.m-news .m-cnt li:nth-child(3):before{background: none;}
.m-news .m-cnt li.z-on:before{background: none;}

.m-news .sclwrap_box,.m-news .m-box{ height:11.083rem; overflow:hidden;}
.m-news .con{float:left; width:100%; display:inline;}
.news_c{}
.news_c ul{  width: 90.625%; margin:0 auto;}
.news_c ul li{color: #555; padding-left:0.625rem;  font:1rem/1.875rem "Microsoft Yahei"; background:url(/mobile/Images/Index/new_ic.gif) no-repeat left 0.75rem; background-size:0.25rem 0.417rem;}
.news_c ul li em{display: inline-block; float: right; color: #9f9f9f;}






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