@charset "utf-8";
img {vertical-align: top;}
.clearfix{ clear: both;}
.w1200{width: 1200px; margin: auto;}
.banner{ position: relative; height: 700px;  background: no-repeat fixed center center; background-size: auto 100%;    text-align: center;}
.banner-about{ background-image: url(../img/large_img.jpg); height: 901px!important;}
.banner-products{ background-image: url(../images/product-banner.jpg);}
.banner-news{ background-image: url(../images/news-banner.jpg);}
.banner-contact{ background-image: url(../images/product-banner.jpg);}

.banner .banner-mask{ position: fixed; top: 340px; left: 0; width: 100%; z-index: 1;}
.banner .banner-mask img{ display: inline-block;}
.banner .banner-mask .tabs-btn{ margin-top: 82px;}
.banner .banner-mask .tabs-btn a{ display: inline-block; margin: 0 13px; width: 232px; height: 36px; line-height: 36px; font-size: 18px; box-sizing: border-box; text-align: center; color: #fff; border: 1px solid #fff; text-decoration: none; font-family: '黑体';}
.banner .banner-mask .tabs-btn a:hover, .banner .banner-mask .tabs-btn a.active{ color: #000; background-color: #fff;}

/*关于我们*/
.other_banner {  margin-top:70px; overflow:hidden; position:relative;}
.other_banner i{ display:block; width:100%; height:100%; position:absolute; z-index:5; left:0; top:0; background:rgba(0,0,0,0.4);}
.other_banner {  width:100%;}
.other_banner img {  width:1900px; height:280px; position:relative; left:50%; margin-left:-950px;}
.banner_txt{ width:45px; height:280px; position:absolute; left:50%; margin-left:-27px; top:0; z-index:10;}
.style_r > h4 span,.style_l h4 span,.about_main .about_part1 h4 span,.about_part_c span,.about_part4 > span {display:none;}
.about_wrap {background: #fff;}
.other_main { width:1142px; margin:0 auto; }
.site_wrap{ height:38px; line-height:38px;}
.site_wrap {height: 38px;line-height: 38px;}
.site span { padding: 0px 2px;color: #403e43;}
.about_main { padding-top:84px; }
.about_main .about_part1 h4 {  margin-bottom:52px; }
.about_main .about_part1 h4 img{ margin:0 auto; display:block; }
.about_part1 {  margin-bottom:100px;}
.about_part1 .svg_file {display: block;}
.about_part1 p {  color:#858585; text-align:center; font-size:14px; line-height:2em; margin-bottom:88px;}
.about_part1 > img {  width:100%; height:auto;}
.about_part_l,.about_part_c { width:33.3%; float:left; }
.about_part2 {  padding-bottom:90px; overflow:hidden;}
.about_part_l img {  width:60%; height:auto; margin:0 auto; display:block; margin-bottom:50px;}
.about_part_c {padding-top:70px;}
.about_part_c img {  margin:0 auto 16px; display:block;}
.about_part_l p,.about_part_c p { line-height:2.4em; font-size:14px; text-align:center; color:#858585; }
.about_part_c p{ padding-top:1.5em;}

.about_part3 { margin-bottom:86px; position:relative;  }
.about_part3 img {  width:100%; height:auto;}
.about_part3_tit{ position:absolute; width:21%; left:50%; margin-left:-10%; top:24%;}
.about_part3_tit img{ position:absolute; left:0; top:0; width:100%; height:auto; transform:scale(1.2,1.2); opacity:0;transition:all 0.6s cubic-bezier(0.42,0,1,1) 0s;}
.about_part3_tit img.on{ transform:scale(1,1); opacity:1;}


.about_part4 { padding:0 0px;  padding-bottom:110px; width:942px; margin: 0 auto;}
.about_part4 img {  margin-bottom:42px;}
.about_part4 b {  font-size:14px; color:#000;}
.about_part4_box{ width:100%; overflow: hidden;}
.about_part4_box_l{ width:27%; float:left;}
.about_part4_box_l .svg_file{ display:block;}
.about_part4_box_r{ width:73%; float:left;}

.about_part4_box_r ul li{ color:#000000; font-size:14px; padding-left: 25px; background: url(../images/quanquan.svg) no-repeat left center; margin-bottom: 40px;}
.about_part4_box_b{ padding-top:30px;}
.about_part4_box_b em{ display:block; width:48px; height:2px; background: #717171; margin-bottom: 24px;}
.about_part4_box_b  p{ color:#858585; font-size:14px; line-height: 1.7em;}
/*产品中心*/
.style_header {  height:38px; line-height:22px; padding:8px 16px; background:#333137; color:#fff; margin-bottom:40px; z-index:10;box-sizing: border-box;}
.style_header span {float:left;font-size:12px;}
.style_select {float:left;height:22px;border:1px solid #fff;width:108px;padding-right:22px;background:url(../images/style_pic3.jpg) no-repeat 86px center;position:relative;cursor:pointer;box-sizing: border-box;}
.leftbanner{ margin:0;}

.style_select dl {  position:absolute; width:200px; left:0; top:22px; background:#333137; display:none;z-index: 2;}
.style_select em,.style_select dd { font-size:12px; font-family:Arial; padding-left:8px; line-height:20px; display:block; height:22px;     box-sizing: border-box; }
.style_select dd { cursor:pointer; }
.style_select dd a{display: block;}
.style_rightMenu {  float:right;}
.style_rightMenu a {  margin-left:18px; position:relative; top:3px;}
.style_l {  width:110px; overflow:hidden; float:left; margin-left:20px;}
.style_l h4 {margin-bottom:14px;}
.style_l h4 span{display:block;}
.style_l ul {  margin-bottom:50px;}
.style_l ul li { line-height:20px; border-bottom:1px solid transparent; margin-bottom:12px; font-size:12px; }
.style_l ul li a {  display:block; color:#979797;}
.style_l ul li.on,.style_l ul li:hover { border-bottom:1px solid #979797; }

.style_r {  float:left; width:932px; margin-left:80px;}
.style_r h4{ margin:24px 0 70px; text-align:center;}
.style_r li { width:33.3%; float:left;height: 385px; }
.style_r ul { margin:0 -13px; }
.style_r li .style_box {  margin:0 13px; position:relative;}
.style_r li .style_box > a { display:block; width:100%; margin-bottom:26px; overflow: hidden; }
.style_r li .style_box > a img {  width:100%; height:100%;}
.style_inner_cover {  position:absolute; left:0; top:0; width:100%; background:rgba(51,49,55,0.95); padding-top:45px; opacity:0; overflow: hidden;}
.style_inner_cover > i { color:#fff; font-size:12px; padding-top:18px; display:block; position:absolute; bottom:22px; text-align:center; width:100%; left:0; background:url(../images/style_png3.png) no-repeat center top; }

.icon_header {  text-align:center; width:102px; margin:0 auto; position:relative; z-index: 50;}
.icon_header a {  display:inline-block; width:24px; height:24px; float:left;}
.icon_header > .aBox{ display:inline-block; width:24px; height:24px; float:left; position:relative;}
.icon_header > .aBox > a{ position:absolute; z-index:20; left:0; top:0; opacity:1;}
.icon_header > .aBox embed { position:absolute; z-index:10; left:0; top:0; }
.style_inner_cover span {  margin:0 24px; width:1px; height:24px; display:inline-block; background:#fff; float:left;}
.style_inner_cover > a{ display:block; position:absolute; z-index: 40; left:0; top:0; width:100%; height:100%;}
.style_box dl { text-align:center; }
.style_box dl dt { position:relative; line-height:32px; font-size:14px; margin-bottom:10px; }
.style_box dl dt a { color:#010101; font-family:Arial;font-weight: 600; }
.style_box dl dt a:hover { color:#b1b0ae; }
.style_box dl dt i {  position:absolute; display:block; width:34px; height:2px; background:#000000; left:50%; margin-left:-17px; top:0;}
.style_box dl dd { font-size:12px; color:#858585; line-height:1.7em; height:3.4em; overflow:hidden;  }


/*内容*/
.md-close{display: inline-block;position: absolute;background: url(../images/close.png) no-repeat center center #242424;width: 27px;height: 27px;right: -27px;top: 0;}
.md-close:hover{background-color:#f60;}
.picture{width:690px;height:460px;margin:10px 22px 10px 10px;overflow:hidden;float: left;}
.picture img{max-height: 460px;}

.picture_detail{width:478px;height:460px;margin-top:10px;position:relative; float: left;}
.picture_detail h3{line-height:64px;font-size:20px;border-bottom:1px solid #e3e3e3;
    margin:0;}
.pd_detail{position:relative;padding-top:15px;height:380px;}
.pd_detail p{line-height:56px;font-size:12px;color:#000; margin: 0; padding: 0;}

.pd_detail .love{    background: #f9f9f9;
    margin: 5px 0px;
    padding: 18px 10px;
    position: relative;
    color: #999;
    width:380px;
    float: left;
}
.pd_detail .love .dh-goodsDetail-span5 {
    float: left;
    width: 66px;
    line-height: 40px;
    font-size: 16px;
}
.pd_detail .love .orange {  color: #f84c3d;  }
.pd_detail .love .f32 {font-size: 32px;}
.pd_detail .love .t-th {text-decoration: line-through;margin-left: 10px;}

.pd_detail .where{border-top:1px solid #e3e3e3;}
.pd_detail .where p{line-height:36px;font-size:12px;color:#000;}
/*.pd_detail .where .buy_search a{ transition: all 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  color: #7d7d7e;}*/
/*.pd_detail .where .buy_search a.buy{height:36px;color:#000;width:116px;border:1px solid #e3e3e3;background:url(../images/small_icon.png) 18px -36px no-repeat #f8f8f8;line-height:36px;text-indent:42px;font-size:14px;padding:0;display:block;float:left;}*/
/*.pd_detail .where .buy_search a.buy:hover{background:url(../images/small_icon.png) 18px -2px no-repeat #000;border:1px solid #000;color:#fff;}*/
/*.pd_detail .where .buy_search a.search_net{line-height:36px;border-bottom:1px dotted #d9d9d9;color:#a9a8a8;margin:0 20px 0 34px;display:block;width:72px;font-size:12px;float:left;}*/
/*.pd_detail .where .buy_search a.search_net:hover{color:#000;}*/
.pd_detail .where a.seedetail{width:26px;height:26px;padding:12px;text-align:center;font-size:12px;border-radius:100%;display:block;float:right;word-wrap:break-word;line-height:15px;margin-top:15px;color:#fff;    background-color: #000;}
.pro_rec{width: 1200px;position: relative; margin: auto; margin-top: 30px; z-index: 2;    margin-bottom: 50px;border-top: 1px solid #969696;}
.pro_rec .title_slide{line-height:20px;height:20px;width:100%;margin-bottom:10px; z-index: 2;}
.pro_rec .title_slide h3{font-size:14px;width:108px;border-top:2px solid #000;text-align:center;}
.pro_rec .piclist_b{width:1200px;z-index: 2;}
.pro_rec .piclist_b p{font-size: 14px; line-height: 40px;}
.pro_rec .piclist_b img{max-width: 100% !important; height: auto!important;}
/*news*/
.news{background-color:#fff; margin-bottom: 20px;}
.news-main{ }

.news-main .info-box{margin-bottom: 48px;}
.news-main  .info-box .info-wrap{ float: left; margin-top: 40px; width: 33.333%; text-align: center; transition-duration: 1s; -webkit-transition-duration: 1s;}
.news-main  .info-box .info-wrap a{ display: block; margin: 0 10px; padding: 18px 18px 30px 18px; transition-duration: 1s; -webkit-transition-duration: 1s;}
.news-main  .info-box .info-wrap:hover a{ background-color: #fff; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); overflow: visible;}
.news-main  .info-box .info-wrap a img{ width: 344px;height: 260px; object-fit: cover; }
.news-main  .info-box .info-wrap a h3{height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.news-main  .info-box .info-wrap a .date{ text-align: left;}
.news-main  .info-box .info-wrap a .abstract{overflow: hidden; font-size: 14px; line-height: 24px; text-align: justify;height: 120px;}
.news-main  .info-box .info-wrap a .findMore{ position: relative; display: block; margin-top: 20px;height: 36px; text-transform: uppercase; text-align: left; font-size: 12px; line-height: 36px; font-weight: 600; transition-duration: 1s; -webkit-transition-duration: 1s;}
.news-main  .info-box .info-wrap a .findMore:before{ content: ""; position: absolute; top: 50%; left: -18px; margin-top: -1px; width: 16px; height: 2px; background-color: #000; transition-duration: 1s; -webkit-transition-duration: 1s;transition-delay: .5s;-webkit-transition-delay: .5s;}
.news-main  .title{ width: 100%; height: auto; line-height: 35px; text-align: center; font-size: 24px; font-weight: bold; padding: 35px 0 15px 0;color: #3e3e3e;}
.news-main  .summary{ width: 100%; height: auto; line-height: 20px; font-size: 12px; text-align: center; color: #666666; padding-bottom: 15px; border-bottom: 1px dotted #ccc;}
.news-main .detailContent{ width: 99%; min-height: 300px; margin: 25px 10px; line-height: 28px; text-indent: 28px; color: #3E3E3E;}
.news-main .detailContent img{ text-indent: 0px; max-width: 100%; margin: 15px auto; display: block;}


/*分页*/
.page1 {vertical-align:middle;text-align:center; padding:34px 0 0; font-size:12px; color:#606060; height:144px; line-height:20px; clear:both; background:#fff; margin-top:-1px; position:relative; z-index:10; background:url(../images/page_line.jpg) repeat-x top left;}
.page1 span i{ color:#171717; font-family:'Microsoft YaHei';}
.page1 a{vertical-align:middle;display:inline-block;width:auto;height:24px;line-height:24px;text-align:center;color:#000;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.page1 a.on,.page a:hover{background:#333137;color:#fff; }
.page1 a.prev {width:auto; margin:0px 12px 0px 12px; font-family:'Microsoft YaHei';}
.page1 a.next {width:auto; margin:0px 12px 0px 12px; font-family:'Microsoft YaHei';}
.page1 a.first {width:auto; font-family:'Microsoft YaHei';}
.page1 a.last {width:auto; font-family:'Microsoft YaHei'; margin-right:12px;}


/*contact*/
.contact-main{margin-bottom: 50px;}
.contact-main .information {  padding: 30px 40px;  overflow: hidden; }
.contact-main .information ul{float: left;}
.contact-main .information ul li{ font-size: 16px; color: #333; line-height: 36px; padding-left: 40px; background: no-repeat left center;}
.contact-main .information ul li.address{ background-image: url(../images/service-address.png);}
.contact-main .information ul li.phone{ background-image: url(../images/service-phone.png);}
.contact-main .information ul li.email{ background-image: url(../images/service-email.png);}
.contact-main .information .ewms{ float: right;}
.contact-main .information .ewms .ewm-box{ float: left; margin-left: 20px;}
.contact-main .information .ewms .ewm-box img{ margin: 0 auto;display: block;}
.contact-main .information .ewms .ewm-box span{ font-size: 12px; color: #000; margin-top: 10px;}
.contact-main .map {  width: 100%;  height: 400px; }
/*微信二维码弹窗*/
.weixin { position: fixed; width: 300px; height: 200px; z-index: 100000; left: 50%; top: 50%; margin: -100px 0 0 -150px; background: #fff; border: 1px solid #ddd; border-radius: 6px; box-shadow: 1px 1px 2px #aaa; }
.weixin .c { position: absolute; width: 30px; height: 30px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; }
.weixin h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; }
.weixin .img { padding: 10px; text-align: center; /*border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;*/ }
.weixin .img img { width: 180px; height: 180px; }
.weixin p { padding: 2px 10px 0; text-align: center; }