
/*Â·Ã–Ã’Â³*/
.page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff;}
.page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff;}
.page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px;}
.page_nav font{ border:1px solid #fff;}
.page_nav a:hover{ color:#fff; border:1px solid #54a530; background-color:#54a530}

.viewpage{ margin:0; padding:20px 0 50px 0; border-top:1px solid #eee;}
.viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;}
.viewpage .main_r_nav a{ font-size:14px; color:#444}
.viewpage .main_r_nav a:hover{ text-decoration:underline;}

/*分页*/
.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}
.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}
.fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}
.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}
.fenye .num:hover,.fenye .next:hover{ background-color:#cc0000; color:#fff; border:1px solid #cc0000;}




#faqbox{padding:90px 0 50px 80px; }
#faqbox form{}
#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:10px; color:#999; font-size:13px;}
#faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#555;}
#faqbox .Content{line-height:2em;text-align:left; padding-bottom:10px;}
#faqbox font{margin:0 5px;}
#faqbox .FaqTitle{ height:50px; line-height:50px; padding:0 10px; border:1px solid #ddd; width:435px; vertical-align:top;}
#faqbox .Content textarea{height:100px;}
.wizfrm{ border:none;width:455px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;cursor:pointer;background:#fff; margin-top:20px;  font-family:'siyuan';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; border-radius:5px;background-color:#dd0103; }
.wizfrm:hover{ background-color:#ff9900; }

/**/
@charset "utf-8";
/* CSS Document */

.htgsy{ width:100%; padding-top:30px; padding-bottom:30px;}
.nynr p,.nynr{ font-size:16px; color:#363636; line-height:40px;}
.nynr{ width:1180px; height:auto; overflow:hidden;}


.htny_pro{ width:100%; height:auto;}
.huatai_nr{ width:1180px; margin:0 auto;}

.huatai_nr li{ width:279px; height:275px; float:left; margin-bottom:20px; margin-left:10px; margin-right:6px;}
.huatai_nr li .tu01 {
    float: left;
    width: 279px;
    height: 209px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.huatai_nr li .tu01 .up01 {
    width: 279px;
    height: 209px;
    position: absolute;
    z-index: 10;
    left: -279px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.huatai_nr li .tit001 {
    height: 58px; 
    width: 100%; 

}
.huatai_nr li .tit001 a h3 {
    display: block;
    margin: 0 auto;
    width: 100%; background:#1e1e1e;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.huatai_nr li .tit001 a:hover h3 {
    display: block;
    margin: 0 auto;
    width: 100%; background:#e91f32;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    font-size: 16px;
}
.huatai_nr li .tu01 .up01:hover a {
    font-size: 18px;
    color: #ffffff;
    background-color: #f05435;
    background-image: none;
}
.huatai_nr li:hover .tu01 .up01{  left:0px;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}


.gun_img58{  width:184px; height:150px; float:left;margin-right:10px; margin-bottom:15px;}
.gun_img58 a { font-size:16px;text-align:center;display: block;width: 184px;height: 150px; color: hsl(0, 0%, 100%);overflow: hidden;position: relative;}
.gun_img58  a  img{ width:184px; height:150px;}
.gun_img58  a:hover img{ width:184px; height:150px; }
.gun_img58 a span{transition: all .45s cubic-bezier(.215, .61, .355, 1);text-align:center;transition:all ease-out .2s; width:184px;text-align:center;position:absolute;left:0px;top:120px;height:150px; font-size:12px; text-align:center; color:#ffffff; line-height:30px;}
.gun_img58  a:hover span{color: hsl(0, 0%, 100%);top: 0px;transition: all .45s cubic-bezier(.215, .61, .355, 1); font-size:12px; line-height:30px;height: 100px; padding-top:50px; width:184px; text-align:center; color:#ffffff; } 

.neiye_tt{ width:100%; height:240px; padding-top:20px; overflow:hidden;}
.tuijian_pro{ width:1180px; height:240px; margin:autol; padding:0px;}

.tuijian_pro h3{ font-size:24px; font-weight:normal; display:block; width:100%; color:#464646; line-height:50px; text-indent:10px;}
.tuijian_pro h3 span{ text-indent:20px;font-size:18px; font-weight:normal; color:#777777; line-height:50px; }*/
.yqlj{ width:1180px; margin:auto; padding:0px; height:30px; overflow:hidden;}
.yqlj a{ float:left; color:#6d6d6d; font-size:14px; line-height:30px;}

.nyba{ width:100%; height:400px;}


.nynr{ width:1180px; margin:auto; padding:0px; padding:20px;}

.animate-box{}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;}
.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;}
@-webkit-keyframes fadeInUp{
	from{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp{
	from{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.news{ display:block; height:auto;}
.news .nbt{text-align: center;}
.news .nbt li{display:inline-block;height:40px;line-height:40px;width:16%;transform: skew(-20deg);}
.news .nbt li a{display:block;padding:0 30px;font-size:16px;text-align:center;color: #fff;}
.news .nbt li a div{transform: skew(20deg);}
.news .nbt li a:hover{background:#02328d;color:#fff;}
.news .nbt li.hover a{background:#02328d;color:#fff;}
.news .list ul,.news .list li{width:100%;}
.news .list li.gray{}
.news .list .center{width:980px;margin:0 auto;position:relative;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;left:0;}
.news .list li a{padding:50px 0;display: block;}
.news .list .num{display:block;width:104px; float:left; padding-right:20px;border-right:1px solid #ddd;line-height:60px;font-size:72px;font-family:"Arial";color:#d2d2d2;font-weight:bold;font-style:italic;}
.news .list .font{display:block;width:83.7%;font-size:18px;line-height:30px; float:right;}
.news .list .font p{ font-size:18px; line-height:35px; color:#000;}
.news .list .font .intro{font-size: 14px;color: #bbb;}
.news .list li:hover{}
.news .list li:hover .num,.news .list li:hover .font p,.news .list li:hover .font .intro{color:#be0000;}
.news .list li:hover .num img{border:1px solid #fa1e2f;}
.news .list li:hover .center{left:-16px;}
.f-cb:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}
.news-info{padding-top:28px;padding-bottom:50px;}
.news-info .titbox{border-bottom:1px solid #dcdcdc;text-align:center;padding-bottom:12px;margin-top:47px;}
.news-info h3{font-size:30px;font-weight:normal;line-height:52px;color:#333;}
.news-info .date{line-height:28px;}
.news-info .cont{padding-top:20px;padding-bottom:50px;border-bottom:1px solid #dcdcdc;font-size:14px;line-height: 30px;}
.news-info .cont img{max-width:100%;}
.news-info .cont .mobile{display:none;}
.news-info .paging{margin-top:20px;}
.news-info .paging .return{display:inline-block;width:118px;height:33px;line-height:33px;text-align:center;border:1px solid #e60012;color:#e60012;border-radius:18px;font-size:14px;margin-top:13px;}
.news-info .paging p{line-height:30px;font-size:14px;color:#777;}
.news-info .paging a{color:#777;font-size:14px;}
.news-info .paging a:hover{color:#e60012;font-size:14px;}
.root{ width:1180px; margin:auto; padding:0px;}
.fl{ float:left;}
.fr{ float:right;}

.content_mk2,.content_mk2 p{ font-size:16px; line-height:30px; color:#000;}
.crumbs{line-height:25px;text-align:right;color: #999;font-size: 14px;}
.crumbs a{display:inline-block;margin: 0 5px;color: #999;font-size: 14px;padding: 0 5px;}
.crumbs a:hover{background:#e60012;color:#fff;}
.content_mk2{ padding-top:30px;}
.div_currpage { clear:both;
  width: 100%; text-align:center;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 30px;
}
.div_currpage a, .div_currpage span {
  padding: 10px 20px; border-radius:10px;
  line-height: 35px; background:#ffffff;
  border: 1px solid #eb0505;
  font-family: Arial;
  text-align: center;
  display: inline;
  margin-top: 10px; margin-right:10px;
}
.div_currpage span, .div_currpage a:hover {
  background: #eb0505;
  font-weight: bold;
  color: #fff;
}
.dl_nr{width:100%;height:auto;}
.dlnrm{ width:1160px;margin:auto; padding:20px;}
.dlbt{ width:100%; height:50px;}
.dlbt h3{ font-size:20px; text-align:center; color:#ffffff;  line-height:35px; width:130px; height:40px; background:#1d245a; float:left;}
.dlbt p{ display:block; width:220px; height:40px; line-height:40px; font-size:16px; color:#ffffff; text-align:center; float:left; margin-left:35px; background:#191919; font-size:16px; text-align:center;}
.xleft{ width:400px; float:left; background:#d20202; padding:20px; height:320px;}
.xleft h5{ font-size:22px; color:#ffffff; line-height:35px; font-weight:normal;}
.xleft p{ font-size:16px; color:#ffffff; line-height:28px;}
.xknr{ clear:both; width:1180px; height:auto; padding-bottom:30px; font-size:14px;  color:#414141; line-height:28px; padding-top:30px; margin:auto;}

.neirong_lx{ width:1180px; margin:0 auto;}
.nr_b{ width:100%; height:45px; border-bottom:1px solid #e0e0e0; line-height:45px; font-size:20px; color:#0a1566; text-indent:25px;}
.nrbtsd{ padding:30px; font-size:14px; color:#000; line-height:28px;}
.nrbtsd p{ font-size:16px; color:#000; line-height:29px;}
.nrbtsd h5{ font-size:18px; color:#e00a0a; line-height:35px; font-weight:normal;}
#goodsshow{overflow:hidden;width:100%;margin:0 auto;margin-bottom:20px;}
#goodsshow img{border:0;}
#goodsshow .left{float:left;width:480px;margin:0 0px 10px 20px;}
#goodsshow .right{float:left;width:550px; padding-left:50px;}
#goodsshow .right h2{font-size:40px;font-family:siyuan;margin:0 0 10px 0; padding-top:55px; color:#e00000;}

#goodsshow .shop_big{background:#f3f3f3;width:450px; padding:10px; border:1px solid #f0f0f1; height:338px; overflow:hidden;cursor:pointer;}
#goodsshow .shop_plist{clear:both;width:620px;}
.wlscontent{ width:1180px; margin:auto; padding:0px; height:auto; padding-top:30px; padding-bottom:30px; overflow:hidden;}

.nr_lsed{ width:100%; height:35px; font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#bdbdbd;}
.nr_slidf{ width:100%; height:50px; border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc; line-height:50px; font-size:24px; text-indent:20px; margin-top:50px; color:#3d2f28;}
.zxrxx{ width:100%; height:50px; padding-top:30px; color:#e30c0c; font-size:22px; text-indent:20px;}
.mt30{ width:100%; padding-top:40px;}

.prew .pre2,.prew .pre2 .next2{ float:left;}

.hutai_com{ width:100%; height:50px; padding-top:32px;}
.company_m{ width:1180px; height:auto; margin:0 auto;}
.company_m h3{ font-size:40px; color:#da0000; line-height:50px; text-indent:50px; border-bottom:1px solid #333; font-family:"siyuan"; text-align:center;}
.company_m h3 span{ font-size:22px; color:#e7e7e7; padding-left:20px; line-height:80px;}

.hm_com{ width:100%; height:auto; padding-bottom:30px; }
.company_hm{ width:1180px; height:auto; margin:0 auto; }
.company_hm h3{ font-size:40px; color:#da0000; line-height:50px; text-indent:50px; border-bottom:1px solid #333; font-family:"siyuan";text-align:center;}
.company_hm h3 span{ font-size:22px; color:#e7e7e7; padding-left:20px; line-height:80px;}
.hm_listr{ width:1180px; margin:0 auto;}
.hm_listr ul{display: table; width:100%; height:auto; overflow:hidden;  margin-left: auto; margin-right: auto;}


.hm_listr ul li{
  float:left; margin-bottom:20px;
  *float:none;
  *display:inline;
  *zoom:1; 
  margin-left:10px; 
  margin-right:8px; 
  height: 30px; 
  border: 1px solid #e5e5e5;
  overflow:hidden; 
  position:relative; 
  z-index:10;
  text-align: center;
} 
.hm_listr ul li a{  background-color: #da0a00;
  display: block; padding:0 15px;
  height: 30px;
  line-height: 30px;
  font-size:16px;
  color: #ffffff;
  text-align: center;
}
.hm_listr  ul li:hover{ color: #ffffff;}
.hm_listr ul li:hover a{  background-color: #000000; color: #ffffff;}
.dqwz{ width:100%; height:60px; border-bottom:1px solid #f2f2f2; font-size:16px; color:#aaaaaa; line-height:60px; margin-bottom:15px; }
.dqwz_m{ width:1120px; height:60px; margin:0 auto; text-align:right; font-size:16px;}
.dqwz_m a{font-size:16px; color:#aaaaaa; line-height:60px;}
.dqwz_m a:hover{font-size:16px; color:#e40000; line-height:60px;}
.xw_l2{ width:90%; padding-left:15px;  float:left;}
.xw_l2 .pre{ width:80px; overflow:hidden; float:left; font-size:14px; margin-right:20px;text-align:center;  border:1px solid #da0000;color:#da0000; border-radius:25px; line-height:35px; }
.xw_l2 .next{ width:80px; float:right;overflow:hidden;float:left;  margin-right:20px;font-size:14px; text-align:center;  border:1px solid #9a9a9a;color:#8e8e8e; border-radius:25px; line-height:35px;}
.xw_l2 .next a{ color:#8e8e8e; line-height:35px; font-size:14px; }
.xw_l2 .next a:hover{ color:#da0000; line-height:35px; font-size:14px; }

.xw_l2 .pre a{ color:#da0000; line-height:35px; font-size:14px; }
.xw_l2 .pre a:hover{ color:#8e8e8e; line-height:35px; font-size:14px; }