@charset "utf-8";
/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,h5,h6,img,input,form,dl,dd,span,strong,p,em{margin:0 auto; padding:0;}
body,html{height:100%;}
img{ border:0;}
ul, li{ list-style-type:none;}
a{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;}
a,a:hover{text-decoration:none;}
body{font-family: "Microsoft YaHei"; font-size:14px; overflow-x:hidden; }
.bodyv{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.hiddle{display:none;}
.middle{width:1200px;margin:0 auto;}
input,textarea{outline:none;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
i,em{ font-style:normal;}

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}

/*header*/
.header{ background:#fff;overflow:hidden;padding:18px 0 0 0;}
.header .middle{width:1250px;}
.logo{float:left;}
.logo img{display:block;}
.nav{float:right;margin-top:22px;}
.nav li{float:left;font-size:16px;color:#333;text-align:center;margin:0 5px;}
.nav li a{color:#333;display:block;padding:0 30px;border-bottom:3px solid #fff; transition:all 1s;}
.nav li i{display:block;color:#4da262;font-size:18px;line-height:6px;margin-top:40px; position:relative;bottom:-20px; transition:all 1s;}
.nav li:hover a{border-bottom:3px solid #4da262;}
.nav li:hover i{bottom:0;}
.nav li.nav_hover a{border-bottom:3px solid #4da262;}
.nav li.nav_hover i{bottom:0;}
.en{float:right;font-size:14px;color:#333;margin-top:22px;margin-left:5px;}
.en a{color:#333;}
.en a:hover{color:#4da262;}
/*header*/

/*footer*/
.footer{overflow:hidden; background:#4c4c4c;padding:40px 0;}
.footerfl{width:50%;overflow:hidden;float:left;padding:0 100px 0 70px;}
.footerfl p{display:block;overflow:hidden;margin:10px 0;width:100%;float:left;}
.footerfl_k{border:1px solid #fff; background:none;height:40px;font-size:14px;color:#a8a8a8;width:100%;padding:10px;}
.footerfl_kd{width:48%;}
.footerfl_kw{height:80px;}
.footerfl_a{border:1px solid #fff;color:#fff;font-size:18px;line-height:40px; background:none;width:205px;margin:0 auto;display:block;cursor:pointer; transition:all 1s;}
.footerfl_a:hover{ background:#fff;color:#4da262;}
.footerfr{width:50%;float:right;overflow:hidden;padding-left:30px;}
.footerfr_bt{font-size:28px;color:#fff;font-weight:normal;margin-top:20px;}
.footerfr_bt p{display:block;font-size:18px;color:#dcdcdc;margin-top:5px;}
.footerfr_nr{font-size:14px;color:#fff;margin-top:35px;}
.footerfr_nr li{display:block;overflow:hidden;line-height:20px;margin:8px 0;}
.footerfr_nr li i{font-size:20px;color:#9b9b9b;float:left;width:20px;}
.footerfr_nr li p{display:block;width:95%;float:right;}
.foot{overflow:hidden; background:#2c2c2c;line-height:54px;text-align:center;font-size:12px;color:#fff;}
.foot a{color:#fff;}
.foot a:hover{color:#9b9b9b;}
/*footer*/

/*右侧*/
.m_ybxf{ position:fixed;top:50%;margin-top:-128px;right:0;width:60px;z-index:9;}
.m_ybxf li{width:60px;height:60px;text-align:center;line-height:58px; transition:all 1s;cursor:pointer;}
.m_ybxf li i{font-size:30px;color:#fff; transition:all 1s;display:block; background:#4da262; position:relative;z-index:1;border-bottom:2px solid #fff;}
.m_ybxf li a{display:block; position:relative;}
.m_ybxf li:hover i{ background:#4da262;color:#fff;}
.m_ybxf li span{ position:absolute;top:0;right:-130%;width:120px;line-height:58px;font-size:15px;color:#fff; background:#4da262;z-index:0; transition:all 1s;}
.m_ybxf li:hover span{right:60px;}
.m_ybxf li:hover .span_img{right:60px;}
.m_ybxf li span.span_img{ line-height:inherit;}
.m_ybxf li span.span_img img{width:120px;height:120px;display:block;}
/*右侧*/