@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{-webkit-text-size-adjust:none;margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; }
html,body{height:100%;font-size:16px; color:#474747;  }
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;} 
ul,li { list-style:none; padding:0; margin:0;}
*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */
a { color:#474747; text-decoration:none;}
a:hover {color:#ff0000; text-decoration:none;}
.clear { clear:both;}
.fl { float: left;}
.fr { float:right;}
.wrap { width:100%;  margin:0 auto 0; overflow:hidden; }

.top_w { padding:0 1em; background:#525866;}
.top { max-width:1200px; margin:0 auto 0; padding:0.4em 0; text-align:left; color:#ffffff; line-height:1.5em;}

/*头部 start*/
.header_w { padding:0 1em;}
.header {clear:both; max-width:1200px;padding:2.4em 0 2.9em; margin:0 auto 0;}
.header .logo { float:left;}
.header .logo img { display:block;}
.header .btn_menu { display: none;}
/*头部 end*/

/*导航 start*/
.mask { display:none;}
.nav_w { padding-top:0.5em; float:right; text-align:center;}
.nav_w .close { display:none; position: absolute; top:20px; left:auto; right:3%; cursor:pointer; width:16px; height:16px; background:url(images/close.png) 0 0 no-repeat; background-size:100% auto;}
.nav {margin:0 auto 0;  }
.nav ul {}
.nav li { margin-left:2.2em; line-height:1.6em;display:inline-block;text-align:center;}
.nav li a {display:inline-block; }
.nav li a:hover{ color:#ff0000;}

/*导航 end*/

/*新焦点图片 start*/
.swiper_1 {width: 100%; }
.swiper_1 .swiper-slide {background-repeat:no-repeat; background-position: center center; }
.swiper_1 .swiper-slide img.pic {  height:500px; width:100%;}	
.swiper_1.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 5%;
  left: 0;
  width: 100%;
}
.swiper_1 .swiper-pagination-bullet {
   display:inline-block; margin:0 0.4em;  width:0.8em; height:0.8em; line-height:14px; text-align:center; background:#666; cursor:pointer;-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; opacity: 1;
}
.swiper_1 .swiper-pagination-bullet-active {
  opacity: 1;
  background:#ff0000; color:#fff;
}

/*新焦点图片 end*/
.pro_box_w { clear:both; padding:0 0.5em;}
.pro_box { margin:0 auto 0; max-width:1200px; text-align:center; padding:2.2em 0 4em;}
.pro_box .tit { font-size:2.2em;  }
.pro_box .list { margin-top:1.4em;}
.pro_box .list .sub_cate_box a { margin:1.5em 0.8em 0;float: left; background:#efefef; line-height:2.8em; padding:1px 1.1em 0;}
.pro_box .list .sub_cate_box a:hover { background:#ff0000; color:#ffffff;}
.pro_box .list{
  display: flex;
  width: 100%;
}

.pro_box .list .cate_name{
  width: 315px;
  margin-top: 1.5em;
  height: 2.8em;;
  line-height:2.8em;
  text-align: center;
  background:#ff0000; 
  color:#ffffff;
}
.pro_box .list .cate_name a{
  color:#ffffff;
}

.pro_box .list .sub_cate_box{
  flex: 1;
}


.fa_box_w { clear:both; overflow:hidden; padding:2.4em 1em;background:#606060 url(images/fa_bg.jpg) center center no-repeat; background-size:cover; }
.fa_box { max-width:1200px; margin:0 auto 0; text-align:center; }
.fa_box .tit { font-size:2.2em; color:#ffffff;  }
.fa_box .list {width:100%; overflow:hidden; }
.fa_box .list ul {margin:0 8% 0;}
.fa_box .list li { float:left; margin:3.2em 4% 0;  width:42%; text-align:center;}
.fa_box .list .pic { float:none; display:block;background-repeat:no-repeat; background-color:#ceced0; background-position: center center; background-size:cover; border:4px solid #ceced0; }
.fa_box .list .pic a { display:block;}
.fa_box .list .pic:hover {filter:alpha(opacity=80);-moz-opacity:.8; opacity:0.8; }
.fa_box .list .pic img{ width:100%; height:auto; display:block; }
.fa_box .list .txt { color:#ffffff; margin:0.9em 0 0;text-align:center;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;}
.fa_box .list .txt a { color:#ffffff;}
.fa_box .list .txt a:hover { color:#ff0000;}

.hzkh_box_w { clear:both; padding:0 1em;}
.hzkh_box { margin:0 auto 0; max-width:1200px; text-align:center; padding:2.2em 0 4em;}
.swiper_hzhb_w { position: relative; z-index:0; padding:0 50px;}
.swiper-container.swiper_hzhb {  margin:1.8em 0 0; padding:0 0 1em }
.swiper_hzhb .swiper-slide {}	
.swiper_hzhb .swiper-slide .pic {  background-repeat:no-repeat; background-position: center center; background-size:contain; margin:12px 1.3em 0;}
.swiper_hzhb .swiper-slide a {display:block;  height:auto; cursor:pointer;}
.swiper_hzhb .swiper-slide a:hover { }
.swiper_hzhb .swiper-slide .pic img { display:block; width:100%; height:auto;}
.swiper_hzhb_w .swiper-button-prev{ z-index:5000; cursor:pointer;position:absolute;top:50%; left:0; margin-top:-25px;display:block;height:50px;width:26px;overflow:hidden;text-indent:-1000px;background:url(images/arrow2.png) 0 center no-repeat;}
.swiper_hzhb_w .swiper-button-next { z-index:5000;cursor:pointer;position:absolute;top:50%; right:0; margin-top:-25px;display:block;height:50px;width:26px;overflow:hidden;text-indent:-1000px;background:url(images/arrow2.png) right center no-repeat;}

.footer_w{ clear: both;overflow:hidden; background-color: #434a5a; padding:2.6em 1em 2.6em; }
.footer { max-width:1200px;margin: 0 auto; color:#cccccc; font-size:0.9em;}
.footer a{ color:#cccccc; }
.footer .foot_ewm{float: right;width:15.4%; }
.footer .foot_ewm .img{width:107px; margin:0 auto 0 0;}
.footer .foot_ewm .tit{ text-align:left;font-size:1.1em; font-weight: bold; color:#cccccc;margin:0 auto 1.1em;}
.footer .about_us{float: left;width:46%; margin-right:5%; }
.footer .about_us .tit{ margin-bottom:1.1em; font-size:1.1em; font-weight: bold; color:#cccccc;}
.footer .about_us .txt{  font-size:0.9em;text-align: left; line-height:2.1em;}
.footer .contact{float: left;width:22%; margin-left:3%; margin-right:1%; }
.footer .contact .tit{ margin-bottom:1.1em;font-size:1.1em; font-weight: bold; color:#cccccc;}
.footer .contact .txt{font-size:0.9em;text-align: left}
.footer .contact .txt span { display:inline-block; margin-right:0.8em;}
.footer .contact .tel { padding-left:1.7em; line-height:2.1em;background:url(images/i_tel.png) 0 0.5em no-repeat; background-size:1.3em auto;}
.footer .contact .qq { padding-left:1.7em; line-height:2.1em; background:url(images/i_qq.png) 0 0.3em no-repeat;background-size:1.3em auto;} 

.footer .line { margin-top:3em; float:left; width:0; height:107px; border-left:1px solid #72757b;}

.footer .f_tel {  float:right; margin:1.2em 3% 0 0; background:url(images/i_tel.png)0 center no-repeat; background-size:46px auto; padding-left:54px;}
.footer .f_tel .tel { width:207px; height:auto;}
.footer .f_tel .t2 { font-size:1.1em; color:#666666; line-height:1.8em;}
.copyright{  clear:both; background:#373e4c; color:#aaa; font-size:0.9em; line-height:1.9em; padding:1.8em 1em; text-align:center;}
.copyright span { display:inline-block;}
@media screen and (max-width: 1200px) {
.swiper_1 .swiper-slide { background-size:cover;}
.swiper_1 .swiper-slide img.pic {  height:auto; width:100%;}	
}
@media screen and (max-width: 940px) {
.nav li { margin-left:1.8em;}
.swiper_hzhb_w {  padding:0 35px;}
.swiper_hzhb .swiper-slide .pic { margin:12px 0.5em 0;}
}

@media screen and (max-width: 880px) {
.header .logo img { width:180px; height:auto;}
.nav { padding-top:0.7em}
.nav li { margin-left:1.4em; font-size:0.9em;}
.pro_box .list{display: inline-block}
}


@media screen and (max-width: 768px) { 
.wrap { width:100%;  margin:0 auto 0; overflow:hidden; }
.header {width:100%; height:auto; padding:0.8em 0 0.8em; position:relative; z-index:1000;}
.header .btn_menu { cursor:pointer; position:absolute; float:right;right:0; top:50%; margin-top:-12px; display: block; width:24px; height:24px; background:url(images/btn_menu.png) center center no-repeat; background-size:100% auto;}
.header .h_txt { padding-right:2.5em; margin-top:0.7em;}

.mask { display:none; position: fixed;  left:0; top:0; width:100%; background:#000000; height:900px; z-index:4000;filter:alpha(opacity=50);-moz-opacity:.5; opacity:0.5;}
.nav_w { display:none; position: absolute; left:0; margin:0; width:100%; top:38px;z-index:5000; background-image:none; height:auto;padding:0 0 0;} 
.nav_w .close { display:block;}
.nav {margin:1em auto 0; padding-top:2em;  height:auto;  width:98%; font-size:14px; text-align:center;}
.nav ul {float: none; margin:0;  }
.nav li { display:block; float:left; width:31.3%;margin:10px 1% 0; padding:0;  }
.nav li a { background:#ffffff;color:#474747; display: block; line-height:3em;font-size:1.2em;  }
.nav li a:hover { background:#b81c25; color:#ffffff}

.pro_box .list{display: inline-block}

.pro_box .list a { margin:1.5em 0.4em 0;}

.fa_box .list ul { margin:0;}
.fa_box .list li {margin: 2em 2% 0;width: 46%;}

.footer_w {display: none}
.footer .foot_ewm { margin-top:3em; float:none; width:100%; text-align:center;}
.footer .foot_ewm .img { width:100%;}
.footer .foot_ewm .tit { width:100%; text-align:center;}
.footer .about_us {  float:none; width:100%; margin-right:0;}
.footer .contact { margin-top:3em;float:none; width:100%; margin-right:0; margin-left:0;}
.footer .contact .txt { text-align:center;}
.footer .contact .qq { display:block; margin:0 auto 0; width:8em; text-align:left;}
.footer .contact .tel { display:block; margin:0 auto 0; width:8em; text-align:left; }
.footer .line { display:none;}
}
@media screen and (max-width: 540px) {
.pro_box .list a { font-size:0.9em;}
}
@media screen and (max-width: 420px) {
.header .logo img {width:150px;}
.nav li { width:48%}
.fa_box .list li {margin: 2em 2% 0;width: 96%;}
}
@media screen and (max-width: 360px) {
html,body{font-size:14px;}
}