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

/*图放大*/
.pic .img-tp{overflow:hidden;}
.pic .img-tp img{display:block;transition:all 1s;}

.pic:hover .img-tp img{transform:scale(1.1);
-webkit-transform: scale(1.1); /*Safari 和 Chrome*/
-moz-transform: scale(1.1); /*Firefox*/
-ms-transform: scale(1.1); /*IE9*/
-o-transform: scale(1.1); /*Opera*/
}
/*图放大*/

.img-text-sb{vertical-align:super;}
.img-text-middle{position: absolute;top: 50%;transform: translateY(-50%);}
.img-text-center{text-align: center;}
.img-text-transform{text-transform: uppercase;}
.img-text-left{text-align: left;}
.img-text-right{text-align: right !important;}
.img-text-bold{font-weight: bold;}
.img-text-underline{text-decoration:underline;}
.img-fl{float: left !important;}
.img-fr{float: right !important;}
.img-display{display:none;}
.img-display-black{display:block;}
.img-over{overflow: hidden;}
.img-line-top{border-top 1px solid #e3e3e3}
.img-line-bottom{border-bottom: 1px solid #e3e3e3}
.img-line-left{border-left 1px solid #e3e3e3}
.img-line-right{border-right: 1px solid #e3e3e3}

/*通用*/
.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 { background-color:#fff; height: 110px; padding: 10px 0 0; position: fixed; z-index: 1000; left: 0; top: 0; right: 0; width: 100%; box-sizing: border-box; }
header:hover, header.active, header.slided , header.static { background-color: #fff; }
/*header:hover .logo, header.active .logo, header.slided .logo , header.static .logo { background-image: url(../images/logo.png); }*/
header:hover .nav_list li a, header.active .nav_list li a, header.slided .nav_list li a , header.static .nav_list li a { color: #000; }
header:hover .tools a, header:hover .tools em, header:hover .tools span, 
header.active .tools a, header.active .tools em, header.active .tools span, 
header.slided .tools a, header.slided .tools em, header.slided .tools span,
header.static .tools a, header.static .tools em, header.static .tools span{ color: #000; }
header:hover .tools a, header.active .tools a, header.slided .tools a , header.static .tools a {  }
header .tools a:hover{color:#cc0000;}
header .in_con { width: 100%; display: block; }
header .logo { display: block;  height: 78px; background-repeat: no-repeat; background-image: url(../images/logo.png); margin-top:5px; }
header .nav_list { line-height: 100%; overflow: hidden; height: 68px; }
header .nav_list li { float: left; line-height: 62px; margin-left:6%; position: relative;z-index:9991;height:68px; }
header .nav_list li b { position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #cc0000 transparent; border-top: none; display: none; }
header .nav_list li:hover a, header .nav_list li.active a { color: #cc0000; }
header .nav_list li.slided a { color: #cc0000; }
header .nav_list li.slided b { display: block; }
header .nav_list li a { color: #333; font-size:16px; font-weight: bold; text-decoration: none; display: block; line-height: 62px; height:68px; }
header .nav_list li a.active { color: #cc0000; }
header .tools { text-align:right; line-height: 30px; margin-right: 0 !important; border: 0 !important;height: auto !important; color: #666; }
header .tools span { color: #333; display: inline-block; vertical-align: middle; margin-left:10px;}
header .tools em { padding: 0 10px; font-size: 1.2rem; font-weight: 100; }
header .m_tools { float:right;}
header .m_tools .mobile_search{display:none; font-size: 20px;line-height:58px; cursor: pointer;width:30px;}
header .m_tools .mobile_search.cur{font-size:20px;overflow:hidden;text-indent: 89em;background-image:url(../images/fa-times_bg.png);background-position:left center;background-repeat:no-repeat;background-size:20px;}
header .tools .tx-input {width: 165px;height: 30px;background:#f0f0f0; padding-left: 10px;box-sizing: border-box;display: inline-block;}
header .tools .tx-input input[type=text] {width: 81%;height: 100%; float: left;}
header .tools .tx-input input {border: none;outline: none;background: none;display: block;}
header .tools .tx-input .bt{ float: left; width:28px; height: 28px; position:relative;background:none;font-family:'FontAwesome';}
header .tools .tx-input .bt:after{ content: "\f002";position:absolute; left:0;top:0; font-size:18px;width:28px; line-height:30px; color:#ccc;}
header .tools .tx-input .btn-default{ border: none;}
header .mobile-bar{float:right;height:64px;line-height:76px;overflow:hidden; display:none;padding:18px 0px;cursor:pointer;}
header .mobile-bar span{font-size:28px;color:#333;width:24px;}
header:hover .mobile-bar span,header.active .mobile-bar span,header.slided .mobile-bar span , header.static .mobile-bar span{color:#000;}
.sub_nav_body { display: none; border-top:3px solid #cc0000; background-color: #fff; padding: 30px 0; position: absolute; top: 110px; left: 0; width: 100%; box-sizing: border-box;z-index:9 }
.sub_nav_body .sub_tit { font-size: 1.5rem; color: #333; border-bottom: 1px solid #8cd4f4; padding-bottom: 10px; margin-bottom: 20px; font-weight: 700; margin-left: 10px; }
.sub_nav_body ul.sub_list { width: 100%; display: block; }
.sub_nav_body ul.sub_list li { float: left; width: 20%;}
.sub_nav_body ul.sub_list li:nth-child(1) a, .sub_nav_body ul.sub_list li:nth-child(7n) a { border-color: transparent; }
.sub_nav_body ul.sub_list li a {color: #333; padding-left: 30%; border-left: 1px solid #b5b5b5; }
.sub_nav_body .search_out input, .sub_nav_body .search_out a , .sub_nav_body .search_btn_ico{ vertical-align: middle; display: inline-block; box-sizing: border-box; }
.sub_nav_body .search_out input { height:60px;line-height: 60px; border: 0; width: calc(100% - 50px); background-color:transparent;border-bottom:1px solid #333; color:#333;}
.sub_nav_body .search_out input::-webkit-placeholder{color:#333;}
.sub_nav_body .search_out input::placeholder{color:#333;}
.sub_nav_body .search_out a.search_btn { border: 1px solid #333; width: 120px; height: 60px; line-height: 60px; font-size: 1.8rem; text-align: center; color: #333; }
.sub_nav_body .search_out a.search_btn_ico{color:#333;font-size:2.4rem;margin-left:1rem;display:inline-block;text-decoration:none;}
.sub_nav_body .pro_list { width: 100%; display: block; margin-bottom:10px; }
.sub_nav_body .pro_list li { float: left; width: 16.6%; box-sizing: border-box; padding: 10px 20px 10px 25px; border-left: 1px solid #b5b5b5; }
.sub_nav_body .pro_list li:first-child { border: 0; }
.sub_nav_body .pro_list li:last-child{padding-right:0;}
.sub_nav_body .pro_list li h3, .sub_nav_body .pro_list li a { color: #333; text-decoration: none; }
.sub_nav_body .pro_list li h3 a{border-bottom:1px solid #fff;padding-bottom:3px;color:#cc0000;}
.sub_nav_body .pro_list li h3 { font-size: 18px; margin-bottom: 20px; }
.sub_nav_body .pro_list li p { line-height: 24px; color:#666666;margin-bottom:5px;}
.sub_nav_body .pro_list li p a:hover{text-decoration: underline !important;}
.sub_nav_body .pro_list li p.s_1 { margin-bottom: 20px; line-height: 2rem; }
.sub_nav_body .pro_list li p.s_2 { color: #333; font-size: 1.5rem; line-height: 2.2rem; margin: 10px 0; }
.sub_nav_body .pro_list li p a { font-size: 1.5rem; text-decoration: none; }
.sub_nav_body .pro_list li h6 a { margin-right: 5px; display: inline-block; border: 1px solid #fff; 
padding: 5px 8px; font-size: 1.5rem; text-decoration: none; color: #fff; }
.sub_nav_body .pro_list li h6 a:last-child{margin-right:0;}
.sub_nav_body .pro_list li:last-child img{display:block;width:100%;}
.sub_nav_body .search_btn{text-decoration:none;}
.mobile_header_mask{background-color:rgba(0,0,0,.5);position: fixed;left:0;right:0;top:64px;bottom:0;display:none;z-index:5;}
.mobile_nav{position: fixed;left:0;right:0;bottom:0;top:64px;overflow-y:auto;display:none;z-index:99}
.mobile_nav ul{background-color:#fff;}
.mobile_nav ul li{border-bottom:1px solid #c9c9c9;}
.mobile_nav ul li a,.mobile_nav ul li h3{display:block;line-height:50px;height:50px;padding:0 20px;color:#333;cursor:pointer;text-decoration:none;outline: 0;position: relative;}
.mobile_nav ul li h3{display:block;font-size:1.6rem;font-weight:700;}
.mobile_nav ul li h3 i{display:inline-block;width:18px;height:10px;background-image:url(../images/mobile_nav_h3_i.png);background-size:cover;background-position:center;background-repeat:no-repeat;position: absolute;right:20px;top:21px;transition:all ease-out .3s;}
.mobile_nav ul li a i{display:inline-block;width:18px;height:10px;background-image:url(../images/mobile_nav_h3_i.png);background-size:cover;background-position:center;background-repeat:no-repeat;position: absolute;right:20px;top:21px;transform: rotate(-90deg)}
.mobile_nav ul li h3.cur i{transform: rotate(180deg);}
.mobile_nav ul li ul.sub_down{padding-bottom:20px;display:none; padding-left:20px;}
.mobile_nav ul li ul.sub_down li{border-bottom:0;}
.mobile_nav ul li ul.sub_down li a{display:block; height:33px;line-height:33px;color:#666;padding-left:40px;font-weight:100;}
.mobile_nav ul li ul.sub_down li h4{font-size:15px;height:33px;line-height:33px;color:#333;padding-left:40px;font-weight:700;}
.mobile_nav ul li ul.sub_down li h4 a{padding:0;font-weight:700;color:#333;}
.mobile_nav ul li ul.sub_down li p a{padding-left:60px; font-size:14px;}
@media only screen and (max-width: 1200px) {
header .nav_list li {margin-left:5.5%;}
}
@media only screen and (max-width: 1120px) {
header .nav_list li {margin-left:4.5%;}
}
@media only screen and (max-width: 992px){
header .nav_list {display: none;}
header {height: 64px;padding: 0;border-bottom: 1px solid #ccc}
header .container {padding-right: 0}
header .logo {margin-top: 7px;width: 179px;height: 49px;background-size:179px auto;}
header .nav_list {display: none}
header .mobile-bar {display: block}
header .tools span {padding: 0 20px}
header .tools .search_btn {display: none}
header .m_tools .mobile_search {display: inline-block}
header .col-xs-3 { padding-right:0px;}
.sub_nav_body {top: 64px;padding: 20px 0;}
.sub_nav_body .container{padding-right:15px;}
.sub_nav_body .search_out{border-bottom:1px solid #333;width:100%;overflow:hidden;}
.sub_nav_body .search_out input { line-height: 40px;border:0;opacity:.5;}
.search_body .search_input_bar .search_out{border-bottom:1px solid #333;}
.search_body .search_input_bar .search_out input{border-bottom:0;opacity:.5;}
.sub_nav_body .search_out .btn-default{ border:#fff;}
.search_body .search_details_con .list li h3 , .search_body .search_details_con .list li p{padding-right:35%;}
header .tools {display: block}
.tools {display: none}
}

/*foot*/

.footer{background-color:#101010; padding:60px 0 0px;}
.footer .main-nav{line-height:.625em;color:#909090; padding-bottom:30px;display:block}
.footer .main-nav .gray a{color:#909090!important; }
.footer .main-nav h3{text-transform:uppercase;font-size:.75em;font-weight:600;letter-spacing:.08em;margin-top:0}
.footer .main-nav ul{padding:12px 0}
.footer .main-nav ul:first-child{padding-top:0}
.footer .main-nav ul:last-child{padding-bottom:0}
.footer .main-nav li{font-weight:300;display:inline-block;padding-right:10px; font-size:16px;border-right:1px solid #909090;margin:0 6px 17px 0}
.footer .main-nav li:first-child{border:0}
@media (max-width:766px){
.footer{background-color:#101010; padding:30px 0 0px;}
.footer .main-nav li{ margin:8px 3px; font-size:15px;}
.footer .main-nav li:first-child{display:block;margin-bottom:10px}}
.footer .main-nav li:last-child{padding-right:0;margin-right:0;border:0}
.footer .main-nav li a{ color:#fff}
.footer .main-nav li a:hover{color:#f0f0f0;}
@media (min-width:767px){
.footer .main-nav h3{display:inline-block;width:153px;line-height:1.0833em;margin-bottom:3px}
.footer .main-nav li{margin:0 6px 9px 0}
.footer .main-nav li:first-child{float:left}
.footer .main-nav ul{margin:0;padding:0 0 15px;clear:left}
.footer .main-nav a{line-height:1.0833em}}
@media (min-width:1280px){
.footer .main-nav ul{padding:7px 0}
.footer .main-nav li{line-height:1em}
.footer .main-nav a{font-size:1em}
.footer .promo{font-size:16px;line-height:40px;}
.footer .promo img{float:right; margin:25px 0 0;display:block}
}
.footer .promo{padding-top:9px;border-top:1px solid silver;color:#fff;line-height:30px;}
.footer .promo .tit{font-weight:500;}
.footer .promo p{font-weight:300;margin:0}
.footer .promo span{ float:left; margin-right:10px;}
.footer .promo a{display:block;color:#fff; }
.footer .promo img{margin:25px 25% 30px; text-align:center;display:block}
@media (min-width:767px){.footer .promo{padding-top:48px;padding-bottom:41px}
.footer .promo .title{margin:0 0 13px}
.footer .promo img{margin:5px 0 0}}
@media (min-width:1280px){.footer .promo{padding-top:40px;padding-bottom:45px}
.footer .promo .tit{margin:0 0 21px}
.footer .promo img{margin:4px 0 0}
.footer .promo p{font-size:1em}
}
.footer .bottom{background-color:#000;padding:20px 0 15px;color:#ccc; font-weight:500;letter-spacing:.025em}
.footer .bottom a{color:#ccc; line-height:38px;}
.footer .bottom a:hover{color:#cc0000;}
.footer .copyright{color:#ccc; line-height:38px; margin-right:18px;}
.footer .footer-social .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 .footer-social .bdsharebuttonbox .bds_weixin { background-position: -90px 0; }
.footer .footer-social .bdsharebuttonbox .bds_tqq { background-position: -120px 0; }
.footer .footer-social .bdsharebuttonbox .bds_tsina { background-position: -150px 0; }
.footer .footer-social .bdshare-button-style0-16 a{opacity:0.8;}
.footer .footer-social .bdshare-button-style0-16 a:hover{opacity:1;}

@media (min-width:767px){.footer .footer-social{float:right;text-align:right; }}
@media (max-width:767px){
.footer .copyright{color:#ccc; line-height:38px; }
}
/*通用page*/
.pages{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.pages a,.pages span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.pages .goprev{margin-right: 10px;}
.pages .gonext,.pages .count {margin-left: 10px;}
.pages i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.pages a:hover,.pages span{color:#fff; background: #cc0000;}
.pages span.count { border: 0;background: 0;color: #777777;}

#kefu {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 999;
  width: 60px;
  height: 60px;
}
#kefu .topBtn {
  width: 60px;
  height: 60px;
  background-color: #f2f2f2;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  -webkit-animation: wobble 250ms  infinite;
  animation: wobble 250ms  infinite;
  background-image: url('../images/b533f69e182f40319f7711565bc3a093.gif');
}
#kefu .topBtn:active {
  background: #ddd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('../images/b533f69e182f40319f7711565bc3a093.gif');
}
#kefu span {
  width: 60px;
  height: 60px;
  background-color: #f2f2f2;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}
#kefu span.other {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  z-index: -1;
}
#kefu span.other:hover .tel {
  display: block;
}
#kefu span.other .tel {
  position: absolute;
  right: -70px;
  bottom: 70px;
  width: 150px;
  height: 50px;
  padding: 10px 10px 0 10px;
  background: rgba(255, 255, 255, 0.8);
  color: #333;
  font-size: 18px;
}
#kefu span.other .tel dt {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
#kefu span.other .tel dt a{ color:#333;}
#kefu span.other .tel dd {
  font-size: 14px;
}
#kefu .eweima,
#kefu .tel {
  display: none;
}
#showKfList:checked + label {
  background: #ddd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('../images/b533f69e182f40319f7711565bc3a093.gif');
}
#showKfList:checked ~ span.other {
  -webkit-transform: translate(-70px, 0);
  transform: translate(-70px, 0);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-image: url('../images/c2559f122dfd48a68e93fb53faad45e1.gif');
}
#showKfList {
  width: 60px;
  height: 60px;
  display: none;
}