﻿/*===================== 重置样式 START =====================*/
@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#000;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .item_list .item, .news_three_list .news_box li, .img img, .news_one_list .news_box li:hover .xq:after, .news_two_list .news_box li .x, .item_list .item strong, .item_list :after, .item_list :before, .pagenum span, .section_eight .item .bubble, .big_circle .nav_list .x{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.middle_box{display: table;width: 100%;height: 100%;}
.middle_box .middle{display: table-cell;vertical-align: middle;width: 100%;}
.tac{text-align: center;font-size:0;}
.img{overflow: hidden;position: relative;}
.header .product_son .item:hover img, #top_scroll ul li:hover img, .news_one_list .news_box li:hover img, .item_list .item:hover img, .section_six .item:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
img{ border: 0;vertical-align: middle;max-width:100%;display: block;}
/*table{ border-collapse: collapse; border-spacing: 0;}*/
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#d8311b;}
textarea{resize:none;overflow: auto;}
input{padding-top:0;padding-bottom:0;};
select,input{vertical-align:middle; }
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; } 
.clear::after{clear: both;}
.fl{float: left;}
.fr{float: right;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
body{font-family:\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";font-size:16px;color:#333;background-color: #fff;word-break: break-all;word-wrap: break-word;text-align: justify;}
.error3{display: none !important;}
html,body{max-width:1920px;margin:0 auto;}
.inner{width:1300px;margin:0 auto;}
.dn{opacity:0;}
.db{opacity:1;}
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/

.header{position: fixed;top:0;left:0;width:100%;z-index:999999;height:124px;}
.header .inner{position: relative;width:96%;margin:0 auto;}
.header .logo img{margin-top:10px;}
.header .nav{float: left;position: relative;margin-left:8%;width:50%;}
.header .nav ul li{float: left;width:12.5%;height:124px;line-height:124px;text-align: center;position: relative;}
.header .nav ul li a{color:#fff;position: relative;z-index:1;font-size:16px;overflow: hidden;}
.header .nav ul li a:hover, .header .nav ul li a.active{color:#fff;}
.header .nav ul li .pb_bg{width:110%;}
.header .nav ul li .son_nav{display: none;position: absolute;top:124px;left:0;width:160px;z-index:99999999;background-color:#fff;}
.header .nav ul li .son_nav a{height:50px;line-height:50px;}
.header .nav ul li:hover .son_nav{display: block;}
.header.fix .nav ul li .son_nav{top:90px;}
.header .call{margin-top:30px;background:url(../images/call.png) left center no-repeat;padding-left:54px;overflow: hidden;}
.header .call p{font-size:18px;color:#000;line-height:30px;}
.header .call h3{font-size:32px;color:#d8311b;font-family: impact;line-height:40px;}
.header.fix{height:90px;box-shadow: 0 0 5px rgba(0,0,0,.5);background-color: #fff;}
.header.fix .logo img{height:60px;margin-top:15px;transition: all .5s ease-out;}
.header.fix .nav ul li{height:90px;line-height:90px;}
.header .button_box{margin-top:39px;}
.header .but{width:78px;float: left;height:40px;cursor:pointer;position: relative;}
.header .but.e img {width: 0px;height: 0px;max-width: none;position: absolute;right:0;top:50px;z-index: 126;opacity: 0;visibility:hidden;transition: all 0.5s;-webkit-transition: all 0.5s;}
.header .but.e:hover img {width: 140px;height: 140px;opacity: 1;transform: rotate(360deg);-webkit-transform: rotate(360deg);visibility: visible;}
.header .but.c:hover .b{opacity:1;visibility:visible;top:50px;}
.header .but .b{opacity:0;visibility:hidden;position: absolute;top:70px;right:0;width:210px;height:auto;padding:20px;box-shadow:0 0 10px #ccc;font-size:16px;line-height:32px;color:#333;background-color: #fff;}


.big_circle{position:fixed;width:0;height:0;right:0;top:0;z-index:888;background-color: #ccc;}
.big_circle.on{width:100%;height:100%;}
.big_circle .nav_list{display: none;text-align: center;font-size:0;width:80%;height:100%;margin:0 auto;}
.big_circle .nav_list a{display: inline-block;vertical-align: top;width:22.7%;margin:0 1% 30px;height:200px;border:1px solid rgba(255,255,255,0.4);}
.big_circle .nav_list strong{display: block;font-size:20px;color:#fff;line-height:40px;margin-top:60px;}
.big_circle .nav_list span{display: block;font-size:16px;color:#fff;opacity:0.4;line-height:20px;}
.big_circle .nav_list .x{width:10%;height:2px;background-color: #fff;margin:48px auto 0;}
.big_circle .nav_list a:hover .x{width:20%;}

.header .product_son{display: none;position: absolute;text-align: center;font-size:0;left:0;top:124px;width:100%;padding:20px 0;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;}
.header .product_son .item{display: inline-block;width:19%;margin:0 0.5%;text-align: center;vertical-align: top;}
.header .product_son .item strong{display: block;font-size:16px;color:#fff;height:40px;line-height:40px;font-weight:100;}
.header .product_son .item:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}
.header.fix .product_son{top:90px;}

.banner_box{position: relative;overflow: hidden;z-index:1;}
.banner_box .banner{position: fixed;z-index:0;width:100%;}
.banner .bl, .banner .br{width:50px;height:50px;border-radius:50%;border:1px solid #d8311b;}
.banner .bl{background:url(../images/banner_r.png) center no-repeat;right:20px;}
.banner .br{background:url(../images/banner_l.png) center no-repeat;left:20px;}
.banner .bl:hover{background:#d8311b url(../images/banner_r_h.png) center no-repeat;}
.banner .br:hover{background:#d8311b url(../images/banner_l_h.png) center no-repeat;}
.swiper-pagination-bullet-active{background-color:#d8311b !important;border-color:#d8311b !important;}

.index_box{position: relative;z-index:3;background-color: #fff;}

.pub_button{position: relative;z-index:1;}
.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(216,49,27,0.7);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;}
.pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}

.footer{padding:40px 0;overflow: hidden;background-color:#313131;position: relative;z-index:9999;}
.footer .title{margin-bottom:20px;}
.footer .title strong{font-weight:400;font-size:36px;color:#fff;position: relative;font-family: impact;display: inline-block;vertical-align: middle;z-index:1;}
.footer .title strong::after{content:'';position: absolute;width:32px;height:20px;background-color: #d8311b;bottom:7px;right:-7px;z-index:-1;}
.footer .title em{font-size:20px;color:#fff;border-left:1px solid #fff;padding-left:6px;display: inline-block;vertical-align: middle;margin-left:14px;}
.footer .logo{padding-top:30px;}
.footer .logo img{width:300px;}
.footer .one{width:280px;}
.footer .list a{font-weight:bold;font-size:20px;line-height:40px;color:#fff;}
.footer .list a:hover{color:#d8311b;}
.footer .two{width:410px;}
.footer .two .text{font-size:16px;line-height:30px;color:#fff;}
.footer .ewm{text-align: center;width:110px;margin-left:20px;}
.footer .ewm p{font-size:14px;color:#fff;margin-top:10px;}

.copyright, .index_copyright{height:60px;line-height:60px;color:#fff;background-color:#313131;font-size:14px;text-align: center;}
.copyright{border-top:1px solid #5d5959;}
.copyright img, .index_copyright img{display: inline-block;margin:0 10px 4px;}
.copyright a, .index_copyright a{display: inline-block;margin:0 10px;color:#fff;}

.section{background-position:center;background-size:cover;position: relative;overflow: hidden;}
.section .poa{position: absolute;width:100%;height:100%;left:0;top:0;}

.vidbacking-active-body-back{position: fixed;z-index: -1;min-width: 100%;min-height: 100%;top: 50%;left: 50%;background-size: cover;overflow: hidden;opacity: 1;transition: 2s opacity;transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);}
.vidbacking-active-block-back{position: absolute;min-width: 100%;min-height: 100%;height: auto;width: auto;z-index: -1;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);}
.vidbacking{display: none}
.vidmask-body-back{min-height: 100%;min-width: 100%;position: fixed;top: 0;left: 0;z-index: -50;display: block}
.vidmask-block-back{min-height: 100%;min-width: 100%;position: absolute;top: 0;left: 0;height: auto;width: auto;z-index: -50;display: block}

.page_height{position: absolute;left:0;bottom:0;width:100%;}

/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/

.section_one img{margin:0 auto;}
.section_one h3{text-align: center;font-size:26px;color:#fff;margin:50px 0 0;}
.section_one h4{text-align: center;margin:50px 0;color:#fff;font-size:26px;}
.section_one h4 a{display: inline-block;font-size:26px;color:#fff;}

.section_two{background-image:url(../images/bg2.jpg);}
.section_two .img1{width:100%;position: absolute;right:0;top:0;height:30%;background:url(../imagesen/b4.png) center top/contain no-repeat;}
.section_two .img2{width:100%;position: absolute;right:0;bottom:0;height:62%;}
.section_two .img2 .b2{position: absolute;right:0;bottom:0;height:110%;width:100%;z-index:2;background:url(../images/b2.png) 80% top/contain no-repeat;}
.section_two .img2 .b6{position: absolute;right:0;bottom:0;height:110%;width:100%;z-index:2;background:url(../images/b6.png) 70% top/contain no-repeat;}
.section_two .img2 .b7{position: absolute;right:0;bottom:0;height:110%;width:100%;z-index:2;background:url(../images/b7.png) right top/contain no-repeat;}
.section_two .cd{position:absolute;right:0;top:30%;z-index:1;width:774px;height:270px;background:url(../images/b8.png) center top/contain no-repeat;}
.section_two .tac{height:8%;width:100%;position: absolute;top:30%;left:0;z-index:800;}
.section_two .tac a{display: inline-block;height:40px;width:198px;margin:0 10px;border:1px solid #fff;line-height:40px;color:#fff;font-size:16px;box-sizing:border-box;-webkit-box-sizing:border-box}
.section_two .info{width:556px;padding-left:12%;padding-top:5%;position: relative;z-index:10;}
.section_two .radius span{display: inline-block;width:56px;height:56px;border-radius:50%;background-color: #dc0307;text-align: center;line-height:56px;font-size:28px;color:#fff;}
.section_two .info strong{display: block;font-size:38px;color:#fff;margin:10px 0 20px;}
.section_two .info p{font-size:16px;line-height:36px;color:#fff;}
.section_two .more{margin-top:20px;width:134px;height:34px;border-top:1px solid #fff;position: relative;z-index:1;border-bottom:1px solid #fff;text-align: center;line-height:34px;color:#fff;font-size:16px;}
.section_two .more i{display: inline-block;width:30px;height:11px;background:url(../images/b5.png);vertical-align: middle;margin-left:14px;}
.section_two .more em{position: absolute;left:0;top:0;z-index:-1;width:0;height:100%;background-color: #dc0307;}
.section_two .more:hover{border-color:#dc0307;width:150px;}
.section_two .more:hover em{width:100%;}

.section_three{background-image:url(../images/bg3.jpg);}
.section_three .img1, .section_three .img2{margin:0 auto;}
.section_three .img2{margin-top:20px;}
#top_scroll {height:550px;overflow: hidden;width:90%;margin:50px auto 0;}
#top_scroll ul li{float: left;width:24%;margin:0.5%;}
#top_scroll ul li .info{height:40px;border-bottom:1px solid #cdedfa;line-height:20px;padding:0 10px;}
#top_scroll ul li strong{float: left;width:75%;font-size:16px;color:#fff;font-weight:300;}
#top_scroll ul li span{float: right;width:20%;margin-top:8px;height:24px;line-height:24px;color:#fff;font-size:14px;border-radius:80px;border-radius:80px;background-color: #0aa344;text-align: center;}
#top_scroll ul li:hover .info{background-color:#0aa344;}
#top_scroll ul li:hover .info span{background-color: #fff;color:#0aa344;}

.section_four{background-image:url(../images/bg4.jpg);}
.section_four .img{position: absolute;left:0;top:0;height:100%;width:50%;background:url(../images/d1.png) left bottom/contain no-repeat;}
.section_four .info{width:40%;padding-right:5%;}
.section_four .img1{margin-left:-82px;}
.section_four h3{font-size:22px;color:#fff;margin:20px 0 50px;}
.section_four .text{color:#fff;font-size:16px;line-height:34px;}
.section_four .img3{margin-top:30px;}

.section_five{background-image:url(../images/bg5.jpg);}
.section_five .img1, .section_five .img2{margin:0 auto;}
.section_five .img2{margin-top:20px;}
.section_five .sc3{margin-top:30px;padding:30px 0;}
.section_five .ss3{background-position: center;background-size:cover;width:600px;height:450px;border:8px solid #fff;box-sizing:border-box;-webkit-box-sizing:border-box;}

.section_six{background-image:url(../images/bg6.jpg);}
.section_six .height{height:100px;}
.section_six .img1, .section_six .img2{margin:0 auto;}
.section_six .img2{margin-top:20px;}
.section_six .item_box{padding-top:74px;}
.section_six .item{width:31.33%;margin:0 1%;float: left;position: relative;background-color: #fff;box-shadow:0 0 20px #ccc;}
.section_six .date{width:86px;height:88px;background-color:#d8311b;position: absolute;top:-24px;left:30px;z-index:10;text-align: center;color:#fff;font-size:16px;}
.section_six .date strong{display: block;font-size:30px;margin-top:14px;}
.section_six .item a{border:3px solid #fff;}
.section_six .pad{padding:10px 20px;}
.section_six .pad h3{font-weight:bold;font-size:18px;color:#000;}
.section_six .pad p{font-size:15px;line-height:26px;height:52px;overflow: hidden;margin:10px 0;color:#7f7f7f;}
.section_six .pad span{color:#7f7f7f;font-size:14px;padding-right:40px;background:url(../images/f3.png) center right no-repeat;}
.section_six .item:hover .pad span{padding-right:60px;}
.section_six .item:hover h3{color:#d8311b;}

.section_seven{background-image:url(../images/bg7.jpg);}
.section_seven .tab_box{position: absolute;left:0;width:100%;height:100%;top:0;}
.section_seven .tab_button{position: absolute;left:0;width:100%;height:100%;top:0;z-index:2;}
.section_seven .but{width:25%;height:100%;float: left;background-color:rgba(0,0,0,0.45);-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.section_seven .but.active{background-color:rgba(0,0,0,0);}
.section_seven .but a{height:100%;}
.section_seven .item{position: absolute;left:0;width:100%;height:100%;top:100px;}
.section_seven .item.active{display: block;top:0;}
.section_seven .radius{width:154px;height:154px;position: relative;margin:0 auto 40px;}
.section_seven .radius:after{content:'';width:154px;height:154px;background:url(../images/g5.png) center/cover no-repeat;position: absolute;top:0;left:0;}
.section_seven .radius img{height:60px;margin:0 auto;}
.section_seven h3{text-align: center;font-size:28px;color:#fff;font-weight:bold;}
.section_seven .but.active .radius:after{animation:turn 2s linear infinite;-webkit-animation:turn 2s linear infinite;}
@keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}

.section_eight{background-image:url(../images/bg8.jpg);}
.section_eight .height{height:80px;}
.section_eight .img1, .section_eight .img2{margin:0 auto;}
.section_eight .img2{margin-top:20px;}
.section_eight .tac{padding:80px 0;overflow: hidden;}
.section_eight .item{display: inline-block;vertical-align: top;background:url(../images/h10.png) right center no-repeat;width:20%;}
.section_eight .item:last-child{background:none;}
.section_eight .item .bubble{width:80px;height:88px;margin:0 auto;background:url(../images/h3.png);overflow: hidden;}
.section_eight .item .bubble img{margin:26px auto 0;}
.section_eight .item .bubble .i2{display: none;}
.section_eight .item .text{margin-top:20px;}
.section_eight .item .text p{font-size:16px;line-height:30px;color:#fff;}
.section_eight .item:hover .bubble{background:url(../images/h4.png);transform:translateY(-20px) rotateY(360deg);-webkit-transform:translateY(-20px) rotateY(360deg);}
.section_eight .item:hover .bubble .i1{display: none;}
.section_eight .item:hover .bubble .i2{display: block;}
.section_eight .ewm{text-align: center;font-size:0;}
.section_eight .dib{display: inline-block;width:130px;margin:0 30px;}
.section_eight .dib span{display: block;font-size:14px;color:#fff;margin-top:6px;}
.index_copyright{position: absolute;bottom:0;left:0;width:100%;background:none;height:100px;line-height:100px;}

/*===================== 首页 END =====================*/

/* ======================================== 内页 START ======================================== */

/* ===================== 公用  ===================== */

.inner_content{padding:30px 0;}
.article_content{font-size:16px;line-height:26px;color:#333;}
.article_content .article{overflow: hidden;padding:20px 20px 0px;}
.right_article .article{overflow: hidden;padding:0px 0px 0px;}
.article_content img, .article_content a{display: inline-block;}
.article_content p{margin-bottom:10px;}

.pagenum{border-top:1px solid #f2f2f2;margin-top:40px;overflow: hidden;}
.pagenum a{display: inline-block;width:44%;color:#666;font-size:15px;}
.pagenum span{font-size:15px;color:#666;}
.pagenum a:hover{color:#fff;}
.pagenum a:hover span{color:#fff;}

.inner_banner{position: relative;overflow:hidden;}
.inner_banner img{position: relative;z-index:1;}
.inner_banner:before{content: "";width: 100%;height: 100%;position: absolute;right:0;top:0;background: #fff;z-index:100;}
.inner_banner.on:before{animation: scroll_right 1s ease-in-out forwards;-webkit-animation: scroll_right 1s ease-in-out forwards;-moz-animation: scroll_right 1s ease-in-out forwards;-o-animation: scroll_right 1s ease-in-out forwards;}
.inner_banner .bottom{position: absolute;z-index:2;bottom:0;left:0;width:100%;height:258px;background:url(../images/title_bg.png) repeat-x;}
.inner_banner .bottom .inner{position: relative;height:100%;}
.inner_banner .title{color:#fff;position: absolute;bottom:50px;left:0;overflow: hidden;}
.inner_banner .title span{display: block;font-size:60px;font-family:"Microsoft JhengHei";}
.inner_banner .title strong{display: block;font-size:40px;font-family:impact;}
.inner_banner .position{font-size:14px;color:#fff;position: absolute;bottom:55px;right:0;overflow:hidden;}
.inner_banner .position i{display: inline-block;width:5px;height:1px;background-color: #fff;vertical-align: middle;margin:0 5px;}
.inner_banner .position a{color:#fff;display: inline-block;font-family:"Microsoft JhengHei";}
.inner_banner .position a:hover{color:#d8311b;}
.inner_banner .title:before, .inner_banner .position:before{content: "";width:100%;height: 100%;position: absolute;right:0;top:0;background: #fff;z-index: 101;}
.inner_banner .title.on:before{animation: scroll_right 1s 0.2s ease-in-out forwards;-webkit-animation: scroll_right 1s 0.2s ease-in-out forwards;-moz-animation: scroll_right 1s 0.2s ease-in-out forwards;-o-animation: scroll_right 1s 0.2s ease-in-out forwards;}
.inner_banner .position.on:before{animation: scroll_right 1s 0.4s ease-in-out forwards;-webkit-animation: scroll_right 1s 0.4s ease-in-out forwards;-moz-animation: scroll_right 1s 0.4s ease-in-out forwards;-o-animation: scroll_right 1s 0.4s ease-in-out forwards;}
@-moz-keyframes scroll_right{0%{width:100%;}100%{width:0;}}
@-webkit-keyframes scroll_right{0%{width:100%;}100%{width:0;}}
@-o-keyframes scroll_right{0%{width:100%;}100%{width:0;}}
@keyframes scroll_right{0%{width:100%;}100%{width:0;}}

.inner_son_list{font-size:0;text-align: center;background-color:#f9f9f9;}
.inner_son_list a{display: inline-block;height:70px;line-height:70px;font-size:16px;color:#333;padding:0 30px;}
.inner_son_list a:hover{color:#fff;}

.page_list{text-align: center;}
.page_list b{font-size:0;}
.page_list b a, .page_list b font{display: inline-block;font-weight:100;color:#999;font-size:16px;margin-right:10px;border:1px solid #e5e9ef;width:40px;height:40px;line-height:40px;border-radius:6px;text-align: center;}
.page_list b font, .page_list b a:hover{background-color:#d8311b;color:#fff;border-color:#d8311b;}
.page_list_span1, .page_list_span2{display: none;}

.firstRow img {display: inline-block;}

/* ===================== 公用  ===================== */

/* ===================== 产品页 左侧 导航 ===================== */

.left_side_nav{width:260px;}
.left_side_nav .box_one, .left_side_nav .box_two{background-color:#d8311b;padding:10px 10px;}
.left_side_nav .box_one .title{text-align: center;margin-bottom:20px;}
.left_side_nav .box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;}
.left_side_nav .box_one .title p{color:#fff;font-size:16px;}
.left_side_nav .box_one ul li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;}
.left_side_nav .box_one ul li a{color:#333;padding-left:20px;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.left_side_nav .box_one ul li a:hover, .left_side_nav .box_one ul li a.active{color:#fff;}
.left_side_nav .box_one ul li a i{background-color:rgba(216,49,27,0.5);}
.left_side_nav .box_one ul li .son_nav{border-top:1px solid #d8311b;}
.left_side_nav .box_one ul li .son_nav a{background:none;height:40px;line-height:40px;padding-left:40px;position: relative;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.left_side_nav .box_one ul li .son_nav a::after{content:'';position: absolute;left:20px;top:20px;width:8px;height:1px;background-color:#d8311b;transition:0.5s;-webkit-transition:0.5s;}
.left_side_nav .box_one ul li .son_nav a:hover::after, .left_side_nav .box_one ul li .son_nav a.active::after{background-color: #fff;}
.left_side_nav .box_two{margin-top:10px;padding:20px 10px;}
.left_side_nav .box_two p{font-size:16px;color:#fff;line-height:30px;}
.left_side_nav .box_two strong{color:#fff;font-size:30px;display: block;margin-bottom:10px;font-family:impact;font-weight:100;}
.left_side_nav .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align: center;}
.left_side_nav .box_two .more i{background-color:rgba(216,49,27,0.5);}
.left_side_nav .box_two .more:hover{color:#fff;}
.right_side_content.fr{width:1020px;}

/* ===================== 产品页 左侧 导航 ===================== */

/* ===================== 产品 列表页 ===================== */

.list_none{display: none;}

#showdata{display:block;}
.item_list .item{float: left;width:32.33%;margin:0 0.5% 20px;margin-bottom:20px;}
.item_list .item img{margin:0 auto;}
.item_list .item strong{text-transform:uppercase;font-weight:300;font-size:16px;display:block;color:#333;}

.product_one_list .info{display: none;}
.product_one_list .item .title{position: absolute;bottom:0;left:0;width:90%;height:50px;line-height:50px;background-color:rgba(0,0,0,0.45);color:#fff;padding:0 5%;}
.product_one_list .block{opacity:0;visibility: hidden;position: absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(216,49,27,0.6);text-align: center;}
.product_one_list .block:before{content:'';position: absolute;width:28px;height:29px;bottom:-20px;right:-20px;background:url(../images/jt2.png);}
.product_one_list .block:after{content:'';position: absolute;width:28px;height:29px;top:-20px;left:-20px;background:url(../images/jt1.png);}
.product_one_list .item:hover :after{top:20px;left:20px;}
.product_one_list .item:hover :before{bottom:20px;right:20px;}
.product_one_list .scale{padding:20% 15% 0;text-align:left;opacity:0;visibility: hidden;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);}
.product_one_list .scale .t{color:#fff;font-size:22px;font-weight:bold;line-height:30px;height:60px;overflow: hidden;}
.product_one_list .scale i{display: block;width:14px;height:2px;margin:40px 0 20px;background-color: #fff;}
.product_one_list .scale span{display: block;font-size:14px;color:#fff;}
.product_one_list .item:hover .title{bottom:-50px;}
.product_one_list .item:hover .block{opacity:1;visibility: visible;}
.product_one_list .item:hover .scale{opacity:1;visibility: visible;-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

.product_two_list .info strong{height:60px;line-height:60px;padding-left:20px;font-size:18px;position: relative;}
.product_two_list .info strong:after{content:'';position: absolute;left:0px;bottom:20px;width:5px;height:20px;background-color:#d8311b;}
.product_two_list .info strong:before{content:'';position: absolute;bottom:0;left:0;width:0;height:5px;background-color:#d8311b;}
.product_two_list .item:hover strong:after{height:0;}
.product_two_list .item:hover strong:before{width:100%;}
.product_two_list .item:hover strong{color:#d8311b;padding-left:50px;}

.product_three_list .info strong{height:60px;line-height:60px;text-align: center;position: relative;}
.product_three_list .info strong:before, .product_three_list .info strong:after{content:'';position: absolute;top:50%;width:0px;height:2px;background-color:#d8311b;}
.product_three_list .info strong:before{left:0;}
.product_three_list .info strong:after{right:0;}
.product_three_list .item:hover :after, .product_three_list .item:hover :before{width:16px;}

.product_four_list .info strong{height:60px;line-height:60px;padding:0 20px;position: relative;color:#fff;text-align: center;}
.product_four_list .info strong:after{content:'';position: absolute;bottom:0;left:0;width:100%;height:100%;z-index:-1;background-color:#d8311b;}
.product_four_list .item:hover .info strong{color:#333;}
.product_four_list .item:hover .info strong:after{height:5px;}

.product_five_list .item{background-color:#f9f9f9;overflow: hidden;border-radius:6px;}
.product_five_list .info strong{height:60px;line-height:60px;padding:0 20px;position: relative;text-align:center;}
.product_five_list .item:hover{box-shadow: 8px 8px 10px rgba(0,0,0,.1), -8px -8px 10px #fff;}

.product_six_list .img:after{content:'';position: absolute;left:0;top:-100%;width:100%;height:100%;background:rgba(216,49,27,0.4) url(../images/jia.png) center/8% no-repeat;}
.product_six_list .info strong{height:60px;line-height:60px;padding:0 20px;position: relative;text-align: center;z-index:1;}
.product_six_list .info strong:after{content:'';position: absolute;z-index:-1;bottom:0;left:0;width:100%;height:0;background-color:#d8311b;}
.product_six_list .item:hover .img:after{top:0;}
.product_six_list .item:hover strong{color:#fff;}
.product_six_list .item:hover strong:after{height:100%;}

.product_two_list .block, .product_three_list .block, .product_four_list .block, .product_five_list .block, .product_six_list .block, .product_two_list strong.title, .product_three_list strong.title, .product_four_list strong.title, .product_five_list strong.title, .product_six_list strong.title{display: none;}

.product_son_list{background-color: #f9f9f9;position: relative;z-index:10;}
.product_son_list ul{text-align: center;font-size:0;}
.product_son_list ul li{display: inline-block;width:20%;vertical-align: top;position: relative;}
.product_son_list ul li a{font-size:18px;font-weight:bold;color:#333;line-height:70px;}
.product_son_list ul li a:hover, .product_son_list ul li a.active{color:#fff;}
.product_son_list ul li .son_nav{display: none;}
.product_son_list ul li .son_nav a{font-size:16px;font-weight:300;height:50px;line-height:50px;position: relative;}

/* ===================== 产品 列表页 ===================== */

/* ===================== 产品 详情页 ===================== */

.product_article .img1{display: none;}
.product_article .title{overflow: hidden;padding:10px 0 0px;}
.product_article .title h1{text-align: center;font-size:22px;color:#333;}
.product_article .title .time{display: block;height:30px;line-height:30px;text-align: center;margin:14px 0 0;font-size:14px;color:#999;}
.product_article .title .time img{display: inline-block;height:18px;margin-top:-2px;margin-right:10px;}

.left_article{width:30%;z-index:99999;border-top:3px solid #d8311b;}
.left_article h1{color:#333;line-height:36px;font-weight: bold;font-size:22px;text-align: left;margin-bottom:20px;}
.left_article .info_3 span{display: inline-block;padding:8px 0;line-height:24px;color:#555;font-size:12px;}
.left_article .info_3 span img{display: inline-block;height:26px;margin-right:15px;}
.left_article .info_1{text-align: left;}
.left_article .info_1 .dh{color:#555;min-height:40px;line-height:40px;margin-bottom:4px;}
.left_article .info_1 .dh img{float: left;width:26px;margin-top:7px;margin-right:10px;}
.left_article .info_1 .dh span{float: right;width:88%;font-size:15px;color:#555;letter-spacing:0px;}
.left_article .info_1 .dh.num a{font-family:impact;font-size:26px;letter-spacing:2px;color:#555;font-weight:300;}
.product_article_page{font-size:0;margin-top:20px;}
.product_article_page a{margin-right:30px;display: inline-block;vertical-align: top;width:36px;height:36px;overflow: hidden;border-radius:50%;background-color:#d8311b;font-size:0;background-position:center;background-repeat:no-repeat;}
.product_article_page a .pb_bg{display: none;}

.right_article{width:68%;}

#none{overflow: hidden;}
.xgcp_title{padding:10px;background-color:#fafafa; margin:30px 0 0;}
.xgcp_title h3{color:#d8311b;border-left:2px solid #d8311b;padding-left:20px;height:30px;line-height:30px;font-weight: bold;font-size: 20px;}
.xgcp_ul li{float: left;text-align: center;width:23%;margin:1%;}
.xgcp_ul li strong{display: block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align: center;}
.xgcp_ul li:hover strong{color:#fff;}
.xgcp_ul li:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}

.news_article .bshare-custom.icon-medium{text-align: center;margin:0;padding-bottom:10px;border-bottom:1px solid #f2f2f2;}
.bshare-custom.icon-medium{margin-top:20px;}
.bshare-custom.icon-medium span{display: inline-block;vertical-align: middle;font-size:14px;color:#999;}
.bshare-custom a{margin-right:10px !important;opacity:0.6 !important;-webkit-transition: 0s;-o-transition: 0s;-ms-transition: 0s;-moz-transition: 0s;transition: 0s;}
.bshare-custom a:hover{opacity:1 !important;}
.bshare-custom .bshare-qqim{background:url(../images/qq.png) center/80% no-repeat !important;}
.bshare-custom .bshare-weixin{background:url(../images/wechat_1.png) center/90% no-repeat !important;}
.bshare-custom .bshare-itieba{background:url(../images/bdtb.png) center/90% no-repeat !important;}
.bshare-custom .bshare-sinaminiblog{background:url(../images/weibo.png) center/120% no-repeat !important;}
.bshare-custom .bshare-more{background:url(../images/more.png) center/90% no-repeat !important;}

/* ===================== 产品 详情页 ===================== */

/* ===================== 新闻页面 ===================== */

.news_one_list{background-color: #f7f7f7;}
.news_one_list .page_list div{background-color: #f7f7f7;}
.news_one_list .inner{width:1000px;}

.news_one_list .news_box li{margin:0 auto 30px;background-color: #fff;transition:0.5s;}
.news_one_list .news_box li.right .img{float: right;}
.news_one_list .news_box li .img{width:400px;float: left;}
.news_one_list .news_box li .info{width:479px;float: left;padding:40px 60px;}
.news_one_list .news_box li .t_one{display: none;}
.news_one_list .news_box li .t_two{font-size:14px;color:#555;height:30px;line-height:30px;}
.news_one_list .news_box li h3{font-size:18px;color:#333;height:60px;line-height:60px;}
.news_one_list .news_box li p{font-size:15px;color:#999;line-height:26px;height:52px;overflow: hidden;}
.news_one_list .news_box li .xq{display: block;position: relative;z-index:1;width:34px;height:34px;border-radius:50%;font-size:0;margin-top:20px;background: #eee url(../images/banner_r_h.png) no-repeat center center;}
.news_one_list .news_box li .xq:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#d8311b;opacity: 0;visibility: hidden;transform: scale(0.1);transition: all .3s;z-index: -1;}
.news_one_list .news_box li .xq:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/banner_r_h.png) no-repeat center center;border-radius: 50%;opacity: 0;visibility: hidden;transition: all .3s;z-index: 2;}
.news_one_list .news_box li:hover .xq:before{border-radius: 50%;opacity: 1;visibility: visible;transform: none;}
.news_one_list .news_box li:hover .xq:after{opacity: 1;visibility: visible;}
.news_one_list .news_box li:hover{box-shadow: 0 0 20px #aaa;}
.news_one_list .news_box li:hover img, .news_one_list .news_box li:hover .info{transform: translateX(-20px);-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);-ms-transform: translateX(-20px);-o-transform: translateX(-20px);}
.news_one_list .news_box li.right:hover img, .news_one_list .news_box li.right:hover .info{transform: translateX(20px);-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-ms-transform: translateX(20px);-o-transform: translateX(20px);}
.news_one_list .news_box li:hover h3{color:#d8311b;}

.news_two_list .news_box li{float: left;width:31.33%;margin:0 1% 30px;position: relative;box-shadow: 0 0 10px #f1f1f1;}
.news_two_list .news_box li .t_one{display: none;}
.news_two_list .news_box li .t_two{margin:10px 0;font-size:14px;color:#999;}
.news_two_list .news_box li:after{content:'';position: absolute;top:0;left:0;background-color:#d8311b;width:0;height:3px;transition:0.5s;-webkit-transition:0.5s;}
.news_two_list .news_box li a{padding:14px;}
.news_two_list .news_box li strong{display: block;font-size: 20px;line-height: 36px;height: 72px;overflow: hidden;color: #303030;}
.news_two_list .news_box li p{font-size: 14px;line-height:24px;color: #999;height:48px;overflow: hidden;margin: 10px 0;}
.news_two_list .news_box li .xq{display: block;font-size:14px;color:#999;padding-right:20px;height:30px;line-height:30px;position: relative;}
.news_two_list .news_box li .xq:after{content:'';position: absolute;left:70px;top:7px;width:16px;height:16px;background:url(../images/banner_r_h.png) center/cover no-repeat;}
.news_two_list .news_box li:hover{box-shadow: 0 0 30px #ddd;}
.news_two_list .news_box li:hover:after{width:100%;}
.news_two_list .news_box li:hover h3, .news_two_list .news_box li:hover .xq{color:#d8311b;}
.news_two_list .news_box li:hover .xq:after{background:url(../images/banner_r.png) center/cover no-repeat;}

.news_article h1.title{font-size:22px;text-align: center;font-weight:bold;}
.news_article .time{display: block;text-align: center;padding:20px 0 20px;color:#777;}
.news_article .time img{display: inline-block;height:20px;margin:-3px 10px 0 0;}
.news_share{text-align: center;height:24px;line-height:24px;border-bottom: 1px solid #D2D2D2;padding-bottom:10px;}
.news_share span{display: inline-block;vertical-align: top;}
.news_share .bdsharebuttonbox{display: inline-block !important;vertical-align: top;}
.news_article .article_content p{margin-bottom:14px;}

/* ===================== 新闻页面 ===================== */

/* ===================== 全局搜索框 ===================== */

.form_box {display: none;border:1px solid #f1f1f1;border-radius: 5px;margin-bottom: 20px;}
.form_box .sf{margin:0 auto;text-align: center;font-size:0;}
.form_box .an {display: inline-block;border: 1px solid #f1f1f1;background-color: #fff;color: #333;height: 40px;border-radius: 8px;margin: 10px 5px;font-size: 16px;line-height:40px;padding: 0px 15px;outline:none;}
.form_box .an{vertical-align: bottom;}
.form_box .an:hover{border-color:#d8311b;}
.form_box .inp{height:38px;vertical-align: bottom;}
.form_box .submit{width:80px;cursor:pointer;}

/* ===================== 全局搜索框 ===================== */

/* ===================== 在线留言 ===================== */

.form_box_box{padding:60px 0;box-shadow: 0px 0px 100px rgba(76, 76, 76, 0.1);}
ul.fs{width:1000px;margin:0 auto;}
ul.fs input, ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
ul.fs .box1 li{float: left;width:320px;margin-right:20px;}
ul.fs .box1 li:nth-of-type(3){margin:0;}
ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;}
ul.fs li input:hover{border-color:#d8311b;}
ul.fs .box1 li input::-webkit-input-placeholder, ul.fs li.textarea textarea::-webkit-input-placeholder, ul.fs li.yzm input::-webkit-input-placeholder{color: #999;}   
ul.fs .box1 li input:-moz-placeholder, ul.fs li.textarea textarea:-moz-placeholder, ul.fs li.yzm input:-moz-placeholder{color: #999;}    
ul.fs .box1 li input:-ms-input-placeholder, ul.fs li.textarea textarea:-ms-input-placeholder, ul.fs li.yzm input:-ms-input-placeholder{color: #999;}
ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;}
ul.fs li.textarea textarea:hover{border-color:#d8311b;}
ul.fs li.radio{text-align: center;}
ul.fs li.radio label{margin:0 10px;}
ul.fs li.yzm{text-align: center;margin:20px 0;}
ul.fs li.yzm img{display: inline-block;height:20px;}
ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;}
ul.fs li.yzm input:hover{border-color:#d8311b;}
ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#d8311b;font-size:16px;color:#fff;}

/* ===================== 在线留言 ===================== */

/* ===================== 联系我们 地图 ===================== */

#map{height:600px;margin-top:30px;border:1px solid #ccc;}
#map img{max-width:none;}
#map h3{display: block;font-size:20px;color:#d8311b;font-weight:bold;line-height:40px;}
#map p{font-size:15px;color:#333;margin-top:6px;margin-bottom:0;line-height:30px;}

/* ===================== 联系我们 地图 ===================== */

/* ===================== 回到顶部 ===================== */

.go_top{display: none;background:url(../images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#d8311b;border-radius:50%;position: fixed;right:6px;bottom:100px;z-index:99999999999;}

/* ===================== 回到顶部 ===================== */

/* ======================================== 内页 START ======================================== */

/*===================== 响应式代码 START =====================*/

.pc_show{display: block;}
.wap_show{display: none;}
.wap_menu{float: right;margin-top:34px;width:50px;height:50px;background-color: #d8311b;cursor:pointer;position: relative;z-index:99999999;}
.wap_menu .nav_button{position: absolute;right:13px;top:24px;vertical-align: middle;width:24px;height:2px;cursor:pointer;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wap_menu .nav_button::after, .wap_menu .nav_button::before{content:'';width:24px;height:2px;position: absolute;right:0;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wap_menu .nav_button::after{top:9px;}
.wap_menu .nav_button::before{top:-9px;}
.wap_menu.on .nav_button{width:0;}
.wap_menu.on .nav_button::before{-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
.wap_menu.on .nav_button::after{-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}
.fix_footer{height:50px;background-color:#d8311b;position: fixed;bottom:0;left:0;z-index:99;width:100%;}
@media (min-width:640px){.fix_footer{width:640px !important;left:50%;margin-left:-320px;}}
.fix_footer a{float: left;width:33.33%;text-align: center;overflow: hidden;position: relative;}
.fix_footer img{display: inline-block;height:24px;margin:5px 0 0;}
.fix_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;font-weight:400;}
.fix_footer .tel img:nth-of-type(2){position: absolute;left:50%;margin-left:-12px;-webkit-animation:call 1.5s infinite;animation:call 1.5s infinite;}
@-webkit-keyframes call{
	from{-webkit-transform:scale(1);opacity:1;}
	to{-webkit-transform:scale(2);opacity:0;}
}
@keyframes call{
	from{-webkit-transformscale(1);opacity:1;}
	to{-webkit-transform:scale(2);opacity:0;}
}

@media( max-width:1700px ){
	.section_two .info{width:400px;padding-left:5%;}
}
@media( max-width:1600px ){
	/* .section_eight .item{width:240px;} */
	.header .logo img{width:310px;margin-top:24px;}
	.section_two .info{width:340px;padding-left:3%;}
}
@media( max-width:1400px ){
	.inner{width:1200px;}
	.right_side_content.fr{width:936px;}
	#top_scroll ul li{width:24%;}
	.header .nav{margin-left:5%;}
}

@media( max-width:1206px ){
	html, body{max-width:640px;margin:0 auto !important;}
	.inner{width:auto !important;padding:0 10px;}
	.header, .banner_box .banner{width:640px;left:50%;margin-left:-320px;}
	.header, .header.fix{height:54px;}
	.header .logo img, .header.fix .logo img{width:auto;height:44px;margin-top:5px;}
	.header .nav{display: none;float:none;position: absolute;top:54px;left:0;width:100%;margin:0;background-color: #fff;padding:10px;box-sizing: border-box;}
	.header .nav ul li, .header.fix .nav ul li{float:none;width:100%;height:40px;line-height:40px;}
	.banner .swiper-pagination-bullet{width:4px;height:4px;}
	.copyright{height:auto;line-height:30px;margin-bottom:50px;}
	.copyright img{max-width:50%;}
	.inner_banner{height:220px;background:url(../images/neibanner.jpg) center no-repeat;}
	.inner_banner .title span{font-size:34px;}
	.inner_banner .title strong{font-size:20px;}
	.inner_banner .title, .inner_banner .position{position: relative;top:0;right:0;bottom:0;left:0;float:none;}
	.inner_banner .bottom{height:220px;}
	.inner_banner .bottom .inner{position: absolute;height:auto;bottom:20px;right:0;text-align: right;}
	.inner_banner .position{margin-top:20px;font-size:12px;line-height:20px;}
	.inner_son_list a{height:46px;line-height:46px;font-size:14px;width:25%;padding:0 6px;box-sizing:border-box;}
	.product_son_list ul li{width:33.33%;box-sizing:border-box;}
	.product_son_list ul li a{height:46px;line-height:46px;font-size:14px;padding:0 4px;}
	.product_son_list ul li .son_nav a{height:40px;line-height:40px;}
	.item_list .item{width:49%;margin-bottom:10px;}
	.item_list .item strong, .product_one_list .item .title{width:100%;height:36px;line-height:36px;font-size:15px;padding:0 5px;box-sizing:border-box;}
	.product_two_list .item strong{padding-left:10px;}
	.product_two_list .item:hover strong{padding-left:20px;}
	.product_two_list .info strong:after{width:2px;bottom:8px;}
	.product_two_list .info strong:before{height:2px;}
	.left_article, .right_article{width:100%;}
	.left_article{float:none;position: relative !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:auto !important;z-index:2;}
	.left_article h1, .news_article h1.title{font-size:20px;}
	.left_article .info_1 .dh.num a{font-size:16px;}
	.product_article_page{margin:20px 0;}
	.product_article_page a{width:26px;height:26px;background-size: cover;}
	.pagenum{height:auto;line-height:30px;text-align:left;}
	.pagenum a{display: block;width:100%;box-sizing:border-box;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;}
	.news_one_list .news_box li{margin-bottom:10px;}
	.news_one_list .news_box li .img, .news_one_list .news_box li .info{width:100%;float:none !important;padding:0;}
	.news_one_list .news_box li .info{padding:20px;box-sizing: border-box;height:auto !important;}
	.news_two_list .news_box li{width:48%;margin-bottom:10px;}
	.news_two_list .news_box li a{padding:5px;}
	.news_two_list .news_box li .t_two, .news_two_list .news_box li .xq{font-size:12px;}
	.news_two_list .news_box li p{font-size:12px;line-height:20px;height:40px;margin:10px 0;}
	.page_list b a, .page_list b font{width:30px;height:30px;line-height:30px;}
	ul.fs{width:auto;}
	ul.fs .box1 li{margin:0 0 10px 0;width:100%;}
	ul.fs li *{font-size:14px;}
	.form_box_box{padding:0;box-shadow:0 0 0 0;}
	#map{height:300px;}
	.article_content{font-size:15px;line-height:22px;float:none;}
	.article_content .article{padding:0;}
	.footer{padding:20px 0;}
	.footer .two{width:auto;}
	.wap_menu{margin-top:2px;}
	.big_circle .nav_list{width:100%;}
	.big_circle .nav_list a{box-sizing:border-box;width:48%;margin-bottom:6px;height:auto;padding:20px 0;}
	.big_circle .nav_list strong{margin:0;font-size:18px;line-height:30px;}
	.big_circle .nav_list .x{margin-top:16px;}
	
	.section_one{background-image:url(../images/bg1.jpg);}
	.section_one img{max-width:90%;}
	.section_one h3{font-size:18px;margin:1rem 0 0;}
	.section_one h4{font-size:20px;margin:1rem 0;}
	
	.section_two .img1{height:20%;top:10%;}
	.section_two .tac{top:30%;height:12%;}
	.section_two .img2{height:130px;bottom:auto;top:44%;}
	.section_two .img2 .b2{background: url(../images/b2.png) right top/contain no-repeat;}
	.section_two .img2 .b6{background: url(../images/b6.png) right top/contain no-repeat;}
	.section_two .img2 .b7{background: url(../images/b7.png) right top/contain no-repeat;}

	.section_two .tac a{width:45%;margin:0 0.5%;box-sizing:border-box;font-size:12px;}
	.section_two .info{width:auto;padding:0 10px;}
	.section_two .info strong{font-size:20px;}
	.section_two .info p{font-size:14px;line-height:26px;}
	.section_two .more{font-size:12px;}
	.section_two .height{height:10%;}
	.section_two .radius span{width:40px;height:40px;font-size:20px;line-height:40px;}
	
	.section_three .img1, .section_three .img2{max-width:90%;}
	#top_scroll{height:16rem;margin:1rem auto 0;}
	#top_scroll ul li{width:49%;}
	#top_scroll ul li strong{float:none;width:100%;font-size:14px;display: block;}
	#top_scroll ul li .info{padding:0 5px;height:32px;line-height:32px;}
	
	.section_four .info{width:auto;padding:0 10px;float:none;}
	.section_four .text{font-size:14px;line-height:26px;margin-top:1rem;}
	.section_four .img3{margin:1rem auto 0;max-width:60%;}
	
	.section_eight .img1, .section_six .img1, .section_six .img2, .section_five .img1, .section_five .img2{max-width:90%;}
	.section_five .sc3{margin-top:0;}
	.section_five .ss3{width:300px;height:225px;border:2px solid #fff;}
	.swiper-button-next, .swiper-button-prev{width:40px !important;height:40px !important;}
	
	.section_six .item_box{padding-top:1rem;}
	.section_six .item{width:100%;float:none;margin:0 0 14px;}
	.section_six .item a{border:none;}
	.section_six .pad{box-sizing:border-box;}
	.section_six .pad p{font-size:12px;line-height:20px;height:40px;}
	.section_six .pad h3{font-size:16px;}
	.section_six .height{height:1rem;}
	
	.section_seven .but{width:50%;height:50%;}
	.section_seven h3{font-size:16px;}
	.section_seven .radius{width:90px;height:90px;margin:0 auto 20px;}
	.section_seven .radius:after{width:90px;height:90px;}
	.section_seven .radius img{height:32px;}
	
	.section_eight .height{height:3.5rem;}
	.section_eight .tac{padding:30px 0 0;}
	.section_eight .item{width:50%;background:none;margin-bottom:16px;}
	.section_eight .item .text{padding:0;margin-top:10px;}
	.section_eight .item .text p{font-size:0.65rem;line-height:26px;}
	.section_eight .item .bubble{background:none;height:30px;}
	.section_eight .item .bubble img.i1{display: none;}
	.section_eight .item .bubble .i2{display:block;height:30px;margin:0 auto;}
	
	.video_box, .section_two .info p, .section_two .radius, .section_two .cd, .section_eight .img2, .section_eight .index_copyright, .section_eight .ewm, .section_six .pad span, .section_six .item .img, .section_six .date, .section_four h3, .section_four .img1, #top_scroll ul li span, .header .button_box, .footer .ewm, .footer .logo, .footer .one, .product_one_list .block, .inner_banner img, .product_three_list .item :after, .product_three_list .item :before, .bshare-custom.icon-medium, .left_article .info_3, .header .call, .header .product_son, .pc_show, .banner .bl, .banner .br, .header .nav ul li .son_nav{display: none !important;}
	.wap_show{display: block;}	
}
@media( max-width:640px ){
	.header, .banner_box .banner{width:100%;left:0;margin:0;}
}

/*===================== 响应式代码 END =====================*/

.h650 #top_scroll, .h700 #top_scroll{height:500px;}
.h750 #top_scroll, .h800 #top_scroll{height:450px;}

.h650 .section_four h3, .h700 .section_four h3{margin:10px 0 20px;font-size:18px;}
.h650 .section_four .text, .h700 .section_four .text{line-height:24px;}

.h650 .section_five .ss3, .h700 .section_five .ss3, .h750 .section_five .ss3{width:400px;height:300px;}

.h650 .section_six .item .img, .h700 .section_six .item .img{height:210px;}

.h650 .section_eight .height, .h700 .section_eight .height, .h750 .section_eight .height{height:0;}
.h650 .section_eight .tac, .h700 .section_eight .tac, .h750 .section_eight .tac{padding:40px 0;}
.h650 .section_eight .dib, .h700 .section_eight .dib, .h750 .section_eight .dib, .h800 .section_eight .dib{width:90px;}
.h650 .index_copyright, .h700 .index_copyright, .h750 .index_copyright{height:50px;line-height:50px;}
.h800 .section_eight .tac, .h850 .section_eight .tac{padding:30px 0;}

.tg_pages {
    float: right;
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}
.tg_pages li {
    display: inline-block;
}
.tg_pages li a {
    border: 1px solid #bebebe;
    color: #bebebe;
    display: inline-block;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.tg_pages li.thisclass a {
    background: #222 none repeat scroll 0 0;
    border: 1px solid #222;
    color: #ffffff;
}

#prev_next {
    width: 100%;
    border-top: 1px solid #ebecf1;
    padding: 25px 0;
    float: left;
    clear: both;
}
#prev_next li {
    height: 35px;
    line-height: 35px;
    width: 100%;
}
#prev_next li {
    width: 100%;
    min-height: 30px;
    background: #f7f7f7;
    color: #414141;
    line-height: 30px;
    margin: 10px 0;
    text-indent: 15px;
}
#prev_next li a {
    background: #f2f2f2;
    color: #414141;
    line-height: 30px;
    transition: all 0.2s linear 0s;
}
#prev_next li a:hover {
    color: #0087c7;
}