@charset "utf-8";
/* CSS Document */
body {font-family: "Microsoft YaHei"; font-size: 15px; overflow-x: hidden; color: #333;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,b{margin:0; padding:0; font-weight:normal;}
*{ box-sizing:border-box; margin:0; padding:0;}
ul,ol,li {list-style: outside none none; margin:0; padding:0;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; color:#333;}
.clear{ clear:both}
a:hover, a:focus {text-decoration: none;color: inherit;outline: none;}
img {height: auto; -ms-interpolation-mode: bicubic; border: 0 ;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.l { float: left;}.r { float: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.red{color:#cd0510;}
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */

  @if $lte7 {
    *display: inline; /* 3 */
    *zoom: 1; /* 3 */
  }
}
.tc{ text-align:center;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-28{padding-bottom:28%;}
.rect-30{padding-bottom:30%;}
.rect-40{padding-bottom:40%;}
.rect-45{padding-bottom:45%;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-65{padding-bottom: 65%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-140{padding-bottom:140%;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
/*图片通用样式*/
.img-common{background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-background-size: cover;}
/*通用more*/
.more{height: 32px; border: 1px solid #777; color: #666;line-height: 32px; font-size:14px;padding:5px 25px;box-sizing: border-box;}
.more:hover{ border: 1px solid #65ac1e; color: #fff; background:#65ac1e;}
.green_more{border: 1px solid #65ac1e; color: #65ac1e; height: 32px; line-height: 32px; font-size:14px;padding:5px 25px;box-sizing: border-box;}
.green_more:hover{border: 1px solid #65ac1e; color: #fff; background:#65ac1e;}
/*通用*/
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
/*page*/
.page{color: #777777; text-align: center;padding-top: 20px;clear:both;float: none;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #65ac1e;border: 1px solid #65ac1e;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}

/*header*/
.header_top{ background:#666; position:relative; z-index:999999;color:#fff; font-size:14px;}
.header_top .h_top_tool{line-height:38px;color: #ccc; }
.header_top .h_top_tool .search { margin-top:3px;border: 1px solid #ccc; width:50%; margin-left:15px;}
.header_top .h_top_tool .search .ser_keywords{ float: left; width:81%; line-height: 24px; padding: 3px 12px; height: 30px; background:none; border: none;color:#fff; }
.header_top .h_top_tool .search .form-control {color:#fff;}
.header_top .h_top_tool .search .bt{ float: left; width:28px; height: 28px; position:relative;background:none;font-family:'FontAwesome';}
.header_top .h_top_tool .search .bt:after{ content: "\f002";position:absolute; left:0;top:0; font-size:18px;width:28px; line-height:30px; color:#ccc;}
.header_top .h_top_tool .search .btn-default{ border: none;}
.header_top .h_top_tool .search .form-control {  background-color:; background:none;padding: 4px 6px; height:30px;}
.header_top .h_top_tool .search .form-control:focus {border:none;  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, .6);box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, .6);}
.header_top .h_top_tool .search .btn:active,.header_top .h_top_tool .search .btn.active {  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);}
.header_top .h_top_tool .language {color: #ccc;position: relative;z-index:99999999; font-family:'FontAwesome';line-height:38px;}
.header_top .h_top_tool .language:before{content: "\f0ac";position:absolute; left:0;top:0; font-size:24px; }
.header_top .h_top_tool .language a {color: #ccc;z-index:99999999;}
.header_top .h_top_tool .language a.tit {color: #ccc; padding:2px 30px 2px 15px;  background: url(../images/sj.png) no-repeat 80px center; width: 100%;}
.header_top .h_top_tool .language .con {position: absolute;top: 100%;left: -10%;display: none;background: #fff; z-index:99999; border-bottom:3px solid #a4cd50; border-left:1px solid #ccc; border-right:1px solid #ccc;width: 120%;padding: 10px 0;min-height: 60px;overflow: auto;}
.header_top .h_top_tool .language .con a { width: 100%;font-size: 14px;height: 30px;text-align: center;line-height: 30px; color:#333; display:block; border:none; border-radius:0;z-index:99999; }
.header_top .h_top_tool .language .con a:hover{ color:#a4cd50;}
@media only screen and (max-width: 1200px){
.header_top .h_top_tool .search { margin-top:3px;border: 1px solid #ccc; width:53%; margin-left:15px;}
}
@media screen and (max-width: 1024px){
.header_top .h_top_tool .language { float:right;}
.header_top .h_top_tool{line-height:32px;color: #ccc; }
.header_top .h_top_tool .language .con {width: 100%;}
.header_top{ background:#666; position:relative; z-index:1;color:#fff; font-size:14px;}
}
@media screen and (max-width: 768px) and {
.header_top .h_top_tool .language .con a { width: 100%;font-size: 14px;height:26px; line-height: 26px;z-index:99999; }
}
@media screen and (max-width: 425px) and (min-width: 0px){
.header_top .h_top_tool .language .con {padding: 0px 0;overflow: auto;}
.header_top .h_top_tool .language .con a { width: 100%;font-size: 14px;height:24px; line-height: 24px;z-index:99999; }
}
.header{ overflow: visible;position: relative;z-index: 1;  margin:0 auto; background: rgba(255, 255, 255);border-bottom: 1px solid #d5d5d5;  box-shadow:1px 2px 10px rgba(0,0,0,.4);}
.header.fixed{position:fixed; left:0; top:0px; width:100%;}
.head{position:relative;top:0px;left:0px;background:#fff;height:110px; z-index:9;/*box-shadow:1px 2px 10px rgba(0,0,0,.4);*/transition:all .3s}
.head.fixed{position:fixed; left:0; top:0px; width:100%;  box-shadow:1px 2px 10px rgba(0,0,0,.4);}
.head .logo{padding-top:25px; transition:all .3s}
.head .logo a{display:block;position:relative;overflow:hidden}
.head .logo img{ position:relative;z-index:100}
.head .nav{width:60%; float:right;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.head .nav ul li{float:left;width:14.285%;height:100px; margin-top:10px; transition:all .3s}
.head .nav ul li .a1{line-height:100px;display:block;text-align:center;font-size:18px;color:#333;transition:all .3s}
.head .nav ul li:hover .a1{color:#a4cd50;transition:all .3s}
.head .nav ul li .div1{display:none;width:100%;left:0px;position:absolute;top:110px;z-index:100}
.head .nav ul li .div1 .container{padding-right: 0px;padding-left: 0px;}
.head .nav ul li .div1 .top_line{ border-top:3px solid #65ac1e;background:#fff; box-shadow:0px 2px 10px rgba(0,0,0,.4);}
.head .nav ul li .div1 .p1{width:57.4%;float:right; font-size:16px;height:65px;}
.head .nav ul li .div1 .p1 a{color:#999; text-transform:uppercase;background:#fff;display:inline-block;height:63px;line-height:63px;margin-right:5%;font-family:'FontAwesome'; padding-left:12px; position: relative;transition:all .5s}
.head .nav ul li .div1 .p1 a:before{content: "\f105";position:absolute; width:15px; height:15px;  border-radius: 10px; left:0;top:0; }
.head .nav ul li .div1 .p1 a:hover{ color:#a4cd50}
/*.nav ul li .mad3 .p1 .pad{margin-left:30%}
.nav ul li .mad4 .p1 .pad{margin-left:44%}
.nav ul li .mad5 .p1 .pad{margin-left:45%}
.nav ul li .mad6 .p1{text-align:right}*/
.moblie_head,.a_txt{display:none}
@media screen and (max-width: 1600px) and (min-width:1200px) {
.head .nav ul li .div1 .p1{width:58.1%}
}

/*移动端导航*/
@media screen and (max-width: 1024px){
.head{display:none}
.moblie_head{display:block;height:64px;background:#fff;/*position:fixed;top:0px;left:0px;*/width:100%;z-index:9;border-bottom:1px solid #ddd}
.moblie_head .lf{padding-top:5px; }
.moblie_head .lf img{height:54px}
.moblie_head .rg{padding-top:20px; text-align:right; padding-right:3%;}
.moblie_head .rg .fa{ font-size:24px;}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:1000000;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}
@media screen and (max-width: 425px){
.moblie_head .lf{padding-top:10px; }
.moblie_head .lf img{height:44px}
}
/* footer */
 footer{position:relative;}
.footer{background:#0c0c0c; position:relative;}
.footer .f_top .left .f_txt a{ color:#FAFAFA;}
.footer a:hover{ color:#f4f9fe}
.footer .f_top{padding:50px 0; border-bottom:1px solid #42464d;}
.footer .f_top .left{ margin-top:30px;}
.footer .f_top .left a{ color:#FAFAFA;}
.footer .f_top .left a:hover{ color:#65ac1e;}
.footer .f_top .left dl{width:20%; float:left;}
.footer .f_top .left dl dt{font-size:18px;color:#FAFAFA; line-height:34px;padding-bottom:15px; margin-bottom:17px;position: relative;}
.footer .f_top .left dl dt:after{ content:" "; width:30px; left:0px; top:40px; height:2px; background: #65ac1e; position:absolute;}
.footer .f_top .left dl dd{ color:#d3d4d5; line-height:34px;}
.footer .f_top .right .f_txt{margin:30px 0 20px;}
.footer .f_top .right .f_txt dl dt{ font-size:18px;line-height:34px;padding-bottom:15px; margin-bottom:17px; position: relative;}
.footer .f_top .right .f_txt dl dt:after{ content:" "; width:30px; left:0px; top:40px; height:2px; background: #65ac1e; position:absolute;}
.footer .f_top .right .f_txt dl a{ color:#FAFAFA;}
.footer .f_top .right .f_txt dl dd{line-height:34px; color:#FAFAFA;}
.footer .f_top .right .f_txt dl dd .tel{ font-size:26px; color:#FAFAFA; font-weight:bold; font-family:Arial;}
.footer .f_top .right .f_txt dl dd .tel:hover{color:#65ac1e;}
.footer .f_top .right .cont{position:relative; font-size:18px; color:#FAFAFA; font-weight:bold;}
.footer .f_top .right .cont .bdsharebuttonbox a { display: inline-block; width: 30px; height: 30px; padding: 0; margin: 0; margin-right: 10px; background: url(../images/ico-30.png) no-repeat 0 0; }
.footer .f_top .right .cont .bdsharebuttonbox .bds_weixin { background-position: -90px 0; }
.footer .f_top .right .cont .bdsharebuttonbox .bds_tqq { background-position: -120px 0; }
.footer .f_top .right .cont .bdsharebuttonbox .bds_tsina { background-position: -150px 0; }
.footer .f_top .right .cont .bdshare-button-style0-16 a{opacity:0.8;}
.footer .f_top .right .cont .bdshare-button-style0-16 a:hover{opacity:1;}
.footer .f_bott{padding:20px 0; line-height:22px; color:#FAFAFA;}
.footer .f_bott a{ color:#FAFAFA;}
.footer .f_bott .f_bott_l{ width:30%;}
.footer .f_bott .f_bott_r{ width:70%;}
@media only screen and (max-width: 1024px){
.footer .f_bott .f_bott_l{ width:36%;}
.footer .f_bott .f_bott_r{ width:64%;}
}
@media only screen and (max-width: 768px){
.footer .f_top{padding:30px 0; border-bottom:1px solid #42464d;}
.footer .f_top .right{width:100%; float:none;}
.footer .f_top .right .f_txt .dl1{margin-right:17px;}
.footer .f_top .left {  margin-top:0px;}
.footer .f_top .left  dl dd{ display:none;}
.footer .f_top .left dl{width:33.33333333%; float:left;}
.footer .f_top .left dl dt{font-size:15px;color:#bdbdbd; line-height:24px;padding-bottom:0px; text-align:center; margin-bottom:10px;position: relative;}
.footer .f_top .left dl dt:after{ content:" "; width:1px; left:0px; top:8px; height:14px; background: #FAFAFA; position:absolute;}
.footer .f_top .left dl:first-child dt:after{ content:" "; width:0px; left:0px; top:5px; height:20px; background: #bdbdbd; position:absolute;}

.footer .f_top .right{ margin-top:20px; text-align:center;}
.footer .f_top .right .f_txt dl dt{ display:none;}
.footer .f_top .right .f_txt dl dt:after{ content:" "; width:0px; left:0px; top:40px; height:2px; background: #65ac1e; position:absolute;}
.footer .f_top .right .f_txt dl dd{text-align:center;}
.footer .f_bott{padding:10px 0;}
.footer .f_bott .f_bott_l{ width:100%; line-height:28px; margin:0 auto; text-align:center;}
.footer .f_bott .f_bott_r{ width:70%; line-height:28px; margin:0 auto; text-align:center;}
.footer .f_bott .f_bott_r .l{ float:none; }
.footer .f_bott .f_bott_r .r{ float:none; margin-left: auto; margin-right:auto; text-align:center;}
.footer .f_top .right .f_txt dl dd .tel{ color:#65ac1e; }
}
@media only screen and (max-width: 425px){
.footer .f_top .left dl:last-child,.footer .f_top .left dl:nth-child(4) { display: none;}
}
@media only screen and (max-width: 425px){
.footer .f_bott .f_bott_r{ width:100%;}
}