html{font-size: 85%;}







.f-fl{ float:left;} /*左浮动*/







.f-fr{ float:right;} /*右浮动*/























.g-hd{ height:7.5rem; width: 100%; overflow:hidden; background:url(../images/h_bg.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%; border-bottom:1px solid #cecece;}







.g-hd .h_con{ position:relative; margin:0 auto; width:100%; height:7.5rem; overflow:hidden;}	







.g-hd .h_con:before{ position:absolute; content:""; left:21%; top:2.333rem; width:1px; height:3.125rem; overflow: hidden; 







/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdcdd+0,b2b2b2+51,dbdcdd+100 */







background: #dbdcdd; /* Old browsers */







background: -moz-linear-gradient(top,  #dbdcdd 0%, #b2b2b2 51%, #dbdcdd 100%); /* FF3.6-15 */







background: -webkit-linear-gradient(top,  #dbdcdd 0%,#b2b2b2 51%,#dbdcdd 100%); /* Chrome10-25,Safari5.1-6 */







background: linear-gradient(to bottom,  #dbdcdd 0%,#b2b2b2 51%,#dbdcdd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdcdd', endColorstr='#dbdcdd',GradientType=0 ); /* IE6-9 */}















.g-hd .m-logo{ display:block; width:16%; height:4rem; overflow:hidden; margin:2rem 0 0 4%;}







.g-hd .m-logo img{ width:4.917rem; height:3.917rem; }







.g-hd .m-wz{ margin-top:2.333rem; width:74%; overflow:hidden; font:bold 1.1rem/1.667rem "Microsoft Yahei";}







.g-hd .m-wz i{ display:block; color:#5f5f5f; font:1.083rem/1.583rem "Microsoft Yahei";}























/*g-ft------------------------------------------------------------------------------------------------------------------------*/







.g-ft{ padding-bottom: 5rem; width:100%;overflow:hidden;}







.g-ft img{ width:100%;}















.m-top{ margin:1.25rem auto; height:3.583rem; width:3.583rem; overflow:hidden; }







.m-top img{ height:3.583rem; width:3.583rem;}























.m-ss{ height:3.083rem; margin:0 auto; width: 93.75%; overflow: hidden;}







.m-ss .inp01{ float:left; height:3.083rem;width:85.5%;overflow:hidden;font:1rem/3.083rem "Microsoft Yahei";color:#999;outline:none; border:0; background:url(../images/f_ser1.jpg) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;







 padding-left:1rem; border-radius:0rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }







.m-ss .u-in{ display: block; float:left; cursor: pointer; z-index:99;height:3.083rem;width:14.5%; overflow:hidden; border-radius:0rem;background:url(../images/f_ser2.jpg) no-repeat center 0; -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}























.g-ft h2{ margin:0 auto; height:3rem; width: 93.75%; font:1rem/2.5rem "Microsoft Yahei"; color:#999; text-align:left;}







.g-ft h2 em{ display: block; float: right;}















.social_nav5{ height:5.417rem;  position:fixed; bottom:0; min-width:320px; max-width:640px; overflow:hidden; width:100%; z-index:999;}







.social_nav5 li{ position:relative; float:left; padding-top:0.833rem; width:25%; height:5.417rem; overflow:hidden; font:1rem/2rem "Microsoft Yahei";  text-align:center; color:#fff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}







.social_nav5 li i{ margin:0 auto; width:2rem; height:2rem; display:block;}







.social_nav5 li i img{}







.social_nav5 li a{ color:#fff}







.social_nav5 li:nth-child(1){ background:#fab929;}















.social_nav5 li:before{ position:absolute; content:""; right:0rem; top:0rem; width:1px; height:5.417rem; overflow:hidden; background:#fff;}







.social_nav5 li:nth-child(4):before{ background:none;}







.social_nav5 li:nth-child(1):after{ background:none;}