aside-sublistheader_main@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

*{margin:0;padding:0;}
body{background:#fff; font-size:12px;line-height:22px;font-family:"Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
.body,.ul,.ol,.li,.p,.h1,.h2,.h3,.h4,.h5,.h6,.form,.fieldset,.table,.td,.img,.div,.tr,.dl,.dd,.select,.option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;width:100%;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

header.act{position:fixed;left:0;top:0;z-index:100;animation:searchTop 0.5s ease-in-out}
@keyframes searchTop {
    0% {top:-100px}
    to {top:0}
}

header{position:absolute;width:100%;z-index:999;}
.header-bj{background:rgba(255,240,200,0.7);}
.header_main{display:flex;justify-content:space-between;align-items:center;position:relative;}
.logo{ width:615px;}
.logo img{ max-width:100%; display:block;}
.header-link{width:200px;display:flex;justify-content:space-between;position:relative;}
.header-link a{display:block;}
.header-link a img{display:block;max-width:100%;transition:0.5s;}
.header-link a:hover img{transform:translateY(-5px);}
.header-link .erweima{position:absolute;left:0;top:45px;width:120px;height:120px;display:none;}
.header-link .erweima img{display:block;max-width:100%;height:auto;margin:0 auto;}

.head_qr_box{display: none;position: absolute;top: 120%;left: 40px;z-index: 99}

.header_nav{ width:100%; display:flex;justify-content:space-between;background:rgba(85,170,235,0.9)}
.nav_ul {display: flex;width:100%;}
.nav_ul li {position:relative;width:12.5%;}
.nav_ul li .nav_a {display:block;font-size:15px;color:#fff;text-align:center;line-height:50px;background:url(../images/nav-shu.jpg) no-repeat right center;position:relative;}
.nav_ul li .nav_a:not(.active){transition:0.5s;transform-style:preserve-3d;transform-origin:center top;}
.nav_ul li .nav_a:not(.active):before{content:attr(data-nav);position:absolute;left:0;top:100%;width:100%;height:calc(100% - 2px);background:#2684ce;transform-origin:top center;transform:rotateX(-90deg);transition:0.5s;}
.nav_ul li:hover .nav_a:not(.active), .nav_ul li .nav_a.active {background: #2684ce;}
.nav_ul li:hover .nav_a:not(.active) {transform:rotateX(88deg);}

.nav_ul li .sub_ul {display: none;width:100%;position: absolute; padding:0;z-index:1000;background:rgba(85,170,235,0.9);}
.nav_ul .sub_ul li{width:100%;padding:5px;}
.nav_ul .sub_ul li .nav_a2{font-size:12px;line-height:30px;text-align: center;color:#fff;display:block;}
.nav_ul li .nav_a2:hover, .nav_ul li .nav_a2.on {background: #2684ce;}

/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{ cursor:pointer;z-index:999; width:40px; height:40px; display:flex;justify-content:center;align-items:center;position:absolute;right:0;top:50%;transform:translate(0,-50%);}
.icon-menu .span01 { width:40px;height:3px;background:#2684ce;border-radius:5px; display:block;}
.icon-menu .span02 { width:40px;height:3px;background:#2684ce;border-radius:5px; display:block; margin:5px 0;}
.icon-menu .span03 { width:40px;height:3px;background:#2684ce;border-radius:5px; display:block;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:8px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-8px;transform:rotate(-45deg);}
.sjnav{ width:115px; height:280px; position:absolute;right:0%; top:89px;z-index:9999;background:rgba(255,255,255, 0.9) none repeat scroll 0 0 !important; background-color:#202020;}
.sjnav ul{ padding:0; margin:0;}
.sjnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjnav li a{display:block;line-height:40px;  font-size:15px; color:#2684ce;}
.sjnav li a:hover{background:#333; color:#fd5573;}
.sjnavhide{ height:0; overflow:hidden;}

/*大图滚动开始*/
.banner{position:relative;}
/*.ban_img { padding-top:57%;}*/
.ban_img2{padding-top:32%;}
/*.swiper-pagination-bullet{width:15px;height:15px;}
.swiper-pagination-bullet-active{background:#fd5573}*/
.prev-banner, .next-banner{ font-size:30px;font-family:"SimSun";color:#fff;width:40px;height:40px;background:rgba(0,0,0,0.5);border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:bold;}
.prev-banner{left:-50%;}
.next-banner{right:-50%;}
.banner:hover .prev-banner{left:10px;}
.banner:hover .next-banner{right:10px;}

.banner-absolute1{position:absolute;left:50%;top:215px;transform:translate(-50%,0);}
.banner-absolute1 img, .banner-absolute3 img{margin-left:5%;}
.banner-absolute2{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);}
.banner-absolute3{position: absolute; left: 50%; top: 130px; transform: translate(-50%,0);}

.banner-box{display:flex;justify-content:space-between;align-items:center;}
.banner-box .banner-txt{color:#fff;}
.banner-box .banner-txt .t1{line-height:78px;font-size:70px;font-family:"Arial";font-weight:bold;}
.banner-box .banner-txt .t2{line-height:65px;font-size:45px;}
.banner-box .banner-txt .t3{line-height:55px;font-size:35px;}
.banner-box img{display:block;max-width:100%;}

.banner ul{display:flex;flex-wrap:wrap;justify-content:space-around;position:absolute;left:0;bottom:0;z-index:999;width:100%;}
.banner ul li{width:25%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.banner ul li a{display:block;}
.banner ul li img{display:block;max-width:100%;margin:0 auto;transition:0.5s;}
.banner ul li .txt-bt{text-align:center;font-size:22px;color:#fff;margin:15px 0 30px 0;}
.img-box{height:94px;display:flex;align-items:center;justify-content:center;}
.banner ul li:hover img{transform:rotateY(360deg);}
.banner ul li:hover .txt-bt{font-weight:bold;}

.txt img{max-width: 100% !important;}

/*product*/
.page{display:flex;flex-wrap:wrap;margin:20px 0 50px 0;}
.page-left{width:285px;margin-right:30px;}
.s-drop-wrap { width:100%; }
.s-drop-btn { background:#4ba6f3; line-height:33px; font-size:25px; color: #fff; text-align:center;position:relative;padding:20px 0;}
.s-drop-btn i{display:block;line-height:21px;font-size:14px;font-style:normal;}
.s-drop-btn span {position:absolute;right:20px;top:50%;transform:translate(0, -50%);}
.s-drop-btn.act{ background:#4ba6f3;}

.s-drop-list.active{display:block;}
.s-drop-list {display: none;}
.s-drop-list:first-child{display:block;}
.s-drop-list li{ margin-bottom:5px;}
.s-drop-list li a{ }
.s-drop-list li a span{display:block;width:22px;height:22px;border:1px solid #eee;border-radius:50%;font-size:15px;color:#eee;font-family:"SimSun";display:flex;justify-content:center;align-items:center;font-weight:bold;}
.aside-list-link{ font-size:16px; color:#333;line-height:43px;border:1px solid #e5e5e5;position:relative;padding:0 25px 0 50px;display:flex;justify-content:space-between; align-items:center; }
.aside-list-link:before{display:block;content:"";width:2px;height:100%;background:#4ba6f3;position:absolute;left:1px;}
.aside-list-link:hover, .aside-list-link.act{ background:#4ba6f3; color:#fff;}
.s-drop-list li .aside-sublist{ width:100%;  display:none;  }
.s-drop-list li .aside-sublist li{margin-top:5px;}
.s-drop-list li .aside-sublist li a{ color:#5e5e5e; line-height:40px;  font-size:14px; margin-bottom:1px; text-align:center; background:#eee;display:block;}
.s-drop-list li .aside-sublist li a:hover, .aside-sublist li a.act{ color:#4ba6f3;}

.aside-list-link1{ font-size:16px; color:#333;line-height:43px;border:1px solid #e5e5e5;position:relative;padding:0 25px 0 50px;display:flex;justify-content:space-between; align-items:center; }
.aside-list-link1:before{display:block;content:"";width:2px;height:100%;background:#4ba6f3;position:absolute;left:1px;}
.aside-list-link1:hover, .aside-list-link1.act{ background:#4ba6f3; color:#fff;}
.s-drop-list li .aside-sublist1{ width:100%;  display:none;  }
.s-drop-list li .aside-sublist1 li{margin-top:5px;}
.s-drop-list li .aside-sublist1 li a{ color:#5e5e5e; line-height:40px;  font-size:14px; margin-bottom:1px; text-align:center; background:#eee;display:block;}
.s-drop-list li .aside-sublist1 li a:hover, .aside-sublist1 li a.act{ color:#4ba6f3;}

#tab1{margin:10px 0 0 0;}
#tab1 .tab {display:flex;justify-content:space-between;margin-bottom:5px;}
#tab1 .tab a{display:block;font-size:16px;color:#fff;background:#4ba6f3;width:48%;line-height:44px;text-align:center;}

.page-left .lxfs{margin:10px 0 0 0;}
.page-left .lxfs img{display:block;max-width:100%;margin:8px auto;}
.page-left .lxfs .txt{font-size:14px;color:#333;line-height:26px;margin:10px 0 0 0;}

.page-right{width:calc(100% - 315px);margin:20px 0 0 0;}
.page-right form{display:flex;border:6px solid #eee;background:#eee;}
.page-right form select{padding:0 12px;}
.page-right form .text{width:calc(100% - 220px);padding-left:20px;border-left:1px solid #eee;line-height:38px;}
.page-right form .submit{width:140px;line-height:38px;background:url(../images/but.png) no-repeat 36px center, #4ba6f3;font-size:14px;color:#fff;border-radius:20px;margin-left:8px;padding-left:18px;}
.page-title{margin:26px 0 0 0;display:flex;justify-content:space-between;border-bottom:1px solid #d3d3d3;line-height:32px;position:relative;}
.page-title span{font-size:14px;color:#333;}
.page-title a{font-size:13px;color:#333;}
.page-title:before{display:block;content:"";width:186px;height:2px;background:#2684ce;position:absolute;left:0;bottom:-1px;}

.pro-ul{margin:24px 0 0 0;display:flex;flex-wrap:wrap;}
.pro-ul li{width:32.3%;margin:0.5%;}
.pro-ul li .pic{width:100%;position:relative;overflow:hidden;border:1px solid #eee;}
.pro-ul li .pic .pro-img{padding-top:82%;}
.pro-ul li .txt{margin:4px 0 0 0;border:1px solid #eee;background:#ededed;text-align:center;line-height:43px;font-size:14px;color:#333;}
.pro-ul li:hover .img_cover{transform:scale(1.1);}
.pro-ul li:hover .txt{background:#4ba6f3;color:#fff;}

footer{background:#333;}
.foot-main{display:flex;padding:12px 0 28px 0;justify-content:space-between;align-items:center;}
.foot-lxfs{width:230px;padding-right:35px;}
.foot-lxfs .foot-logo{display:block;max-width:100%;margin:0 auto;}
.foot-lxfs .tel{margin-top:15px;padding-top:5px;border-top:1px solid #9d9d9d;color:#fff;}
.foot-lxfs .tel .t1{line-height:24px;font-size:14px;}
.foot-lxfs .tel .t2{line-height:33px;font-size:22px;font-family:"Arial";}
.foot-lxfs .erweima{display:flex;align-items:center;margin-top:23px;}
.foot-lxfs .erweima img{display:block;max-width:100%;width:120px;height:120px;border:3px solid #fff;margin-right:20px;}
.foot-lxfs .erweima span{display:block;font-size:14px;color:#fff;width:15px;}

.foot-nav{display:flex;width:890px;justify-content:space-between;}
.foot-nav dl{width:100px;}
.foot-nav dl dt a{line-height:42px;font-size:18px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.3);display:block;font-weight:normal;margin-bottom:7px;}
.foot-nav dl dd a{line-height:29px;font-size:16px;color:rgba(255,255,255,0.5)}
.foot-nav dl dd a:hover{color:#2684ce;text-decoration:underline !important;}
.foot-txt{background:#4ba6f3;font-size:14px;color:#fff;text-align:center;padding:10px 0;}

/*product-show*/
.product-show{margin:24px 0 0 0;}
.show-main{display:flex;justify-content:space-between;flex-wrap:wrap;}
.show-left{width:50%;}
.gallery-top{border:1px solid #eee;}
.gallery-top .show_img{padding-top:75%;}
.gallery-thumbs{margin:10px auto 0 auto;width:calc(100% - 50px);}
.gallery-thumbs .swiper-slide{opacity:0.6; cursor:pointer;border:1px solid #d1d1d1;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border-color:#4ba6f3;}
.gallery-thumbs .show_img{padding-top:70%;}
.next-show, .prev-show{font-size:30px;font-family:"SimSun";color:#9a9a9a;font-weight:bold;background:none;width:initial;height:initial;transform:translate(0,-50%);margin:0;}
.prev-show{left:0;}
.next-show{right:0;}
.gallery-thumbs-box{position:relative;}

.show-right{width:49%;border:1px solid #eee;border-top:3px solid #4ba6f3;padding:0 15px 0 25px;}
.show-right .txt-bt{line-height:48px;font-size:20px;color:#4ba6f3;font-weight:bold;border-bottom:1px dashed #e3e3e3;}
.show-right .txt-nr{line-height:38px;font-size:16px;color:#333;margin:20px 0 0 0;}

.show-xq{margin:25px 0 0 0;}
#tab2 .tab{display:flex;justify-content:space-between;}
#tab2 .tab a{display:block;width:24.5%;line-height:36px;text-align:center;font-size:15px;color:#fff;background:#4ba6f3;}
#tab2 .txt{font-size:16px;color:#333;line-height:30px;margin-top:10px;}
.xq-block{display:none;}
.xq-block.active{display:block;}

.cp-tj{position:relative;margin:40px 0 0 0;}
.cp-tj .tuijian{background:#e8e8e8;}
.cp-tj .tuijian span{display:inline-block;width:200px;line-height:46px;text-align:center;background:#4ba6f3;font-size:18px;color:#fff;}
.swiper-cptj{margin:10px 0 20px 0;}
.swiper-cptj a{display:block;}
.swiper-cptj a .pic{width:100%;position:relative;overflow:hidden;border:1px solid #eee;}
.swiper-cptj a .pic .pro-img{padding-top:82%;}
.swiper-cptj a .txt{margin:4px 0 0 0;border:1px solid #eee;background:#ededed;text-align:center;line-height:43px;font-size:14px;color:#333;}
.swiper-cptj a:hover .img_cover{transform:scale(1.1);}
.swiper-cptj a:hover .txt{background:#4ba6f3;color:#fff;}
.prev-cptj, .next-cptj{ font-size:20px;font-family:"SimSun";color:#fff;width:35px;height:35px;background:#4ba6f3;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:bold;}
.prev-cptj{left:-60px;}
.next-cptj{right:-60px;}

.xg-ul{margin:24px 0 0 0;display:flex;flex-wrap:wrap;}
.xg-ul li{width:24%;margin:0.5%;}
.xg-ul li .pic{width:100%;position:relative;overflow:hidden;border:1px solid #eee;}
.xg-ul li .pic .pro-img{padding-top:82%;}
.xg-ul li .zi{margin:4px 0 0 0;border:1px solid #eee;background:#ededed;text-align:center;line-height:26px;font-size:13px;color:#333;}
.xg-ul li:hover .img_cover{transform:scale(1.1);}
.xg-ul li:hover .zi{background:#4ba6f3;color:#fff;}

/*news*/
.news_ul{display:block;margin:20px 0 0 0;}
.news_ul li{margin:0 0 30px 0;}
.news_ul li a{display:flex;flex-wrap:wrap;}
.news_ul li a .pic{width:210px;height:140px;margin-right:20px;overflow:hidden;position:relative;}
.news_ul li a .pic .news-img{padding-top:66.66%;}
.news_ul li a .txt{width:calc(100% - 230px);display:flex;flex-wrap:wrap;align-content:space-between;flex-direction:row;}
.news_ul li a .txt .bt-box{display:flex;justify-content:space-between;line-height:26px;width:100%;color:#333;}
.news_ul li a .txt .bt-box .txt-bt{font-size:18px;transition:0.5s;font-weight:bold;}
.news_ul li a .txt .bt-box span{font-size:12px;}
.news_ul li a .txt .txt-nr{line-height:25px;font-size:14px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_ul li a .txt .txt-xq{font-size:14px;color:#666;position:relative;right:calc(-100% + 48px);transition:0.5s;padding:0 10px;}
.news_ul li a:hover .img_cover{transform:scale(1.1);}
.news_ul li a:hover .txt .bt-box .txt-bt{color:#0a5eb4;}
.news_ul li a:hover .txt .txt-xq{color:#fff;background:#0a5eb4;}

/*news_show*/
.news_show { width:100%; margin-top:25px;text-align:center;}
.news_show img {  display:block; max-width:100%; margin:2% auto;}
.news_show .h1 {  display:inline-block ;line-height:42px; font-size:18px; color:#2d2d2d;font-weight:bold; border-bottom:2px solid #00458e;text-align:center; margin:2% auto;}
.news_show .h2 {  display:block;line-height:35px; font-size:14px; color:#636363; margin-top:2%; text-align:left;}
.news_show .h3 {  display:block;line-height:35px; font-size:12px; color:#636363; margin-top:2%; text-align:right;}

/*brand*/
.brand-ul{margin:20px 0 0 0;display:flex;flex-wrap:wrap;}
.brand-ul li{width:32.3%;margin:0.5%;}
.brand-ul li .pic{width:100%;position:relative;overflow:hidden;border:1px solid #eee;}
.brand-ul li .pic .brand-img{padding-top:61%;}
.brand-ul li .txt{text-align:center;line-height:36px;font-size:14px;color:#333;}
.brand-ul li:hover .img_cover{transform:scale(1.1);}

/*service*/
.service-ul{display:block;}
.service-ul li{border-bottom:1px solid #eee;padding:35px 0 15px 0;}
.service-ul li .txt{width:100%;}
.service-ul li .txt .bt-box{display:flex;justify-content:space-between;line-height:26px;width:100%;color:#333;}
.service-ul li .txt .bt-box .txt-bt{font-size:18px;transition:0.5s;font-weight:bold;}
.service-ul li .txt .bt-box span{font-size:12px;}
.service-ul li .txt .txt-nr{line-height:25px;font-size:14px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:20px 0;}
.service-ul li .txt .txt-xq{display:block; font-size:14px;color:#fff;position:relative;right:calc(-100% + 65px);transition:0.5s;background:#4ba6f3;width:65px;line-height:26px;text-align:center;}
.service-ul li:hover .txt .txt-nr{text-decoration:underline !important;}






/**/


/*手机底部*/
.hot{width:100%; height:58px; background:#4ba6f3; position:static; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
.hot .fa{background:url(../images/qq.png) no-repeat center center;width:16px;height:17px;}

@media (max-width:1700px){
    .banner-box img{max-width:50%;}
    .banner-box .banner-txt .t1{font-size:60px;line-height:68px;}
    .banner-box .banner-txt .t2{font-size:35px;line-height:55px;}
    .banner-box .banner-txt .t3{font-size:25px;line-height:45px;}
    .banner ul li img{max-width:60%;}
    .img-box{height:78px;}
    .banner ul li .txt-bt{font-size:16px;margin:10px 0;}
    .banner-absolute1{top:180px;}
    }
@media (max-width:1600px){
    .banner-absolute1 img{max-width:40%;}
    .banner-absolute3 img{max-width:36%;}
    }

@media (max-width:1400px){
	.banner-box img{max-width:30%;}
    .img-box{height:70px;}
    .banner ul li img{max-width:55%;}
    .banner ul li .txt-bt{font-size:15px;}
    .banner-box .banner-txt .t1{font-size:40px;line-height:58px;}
    .banner-box .banner-txt .t2{font-size:25px;line-height:45px;}
    .banner-box .banner-txt .t3{font-size:20px;line-height:40px;}
    }


@media (max-width:1200px){
	.wrap{ width:96%}
    .banner-absolute1{top:140px;}
    .banner ul{bottom:40px;}
    .img-box{height:55px;}
    .banner ul li img{max-width:58%;}
    .banner ul li .txt-bt{font-size:14px;}
    }

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    /*.banner ul{bottom:150px;}
    .ban_img{padding-top:150%}*/
    .header-sj{position:absolute;}
    header{position:relative;}
    /*product*/
    .page-left{width:100%;margin:0;}
    .page-right{width:100%;}
    .s-drop-btn{text-align:left;padding:10px;}
    #tab1{display:none;}
    .foot-nav{width:calc(100% - 260px);}
    .foot-nav dl:nth-last-of-type(1){display:none;}
    .foot-nav dl:nth-last-of-type(2){display:none;}
    .foot-nav dl dd a{font-size:14px;}
    .banner ul li{margin:10px 0;}
    }
 
@media (max-width:767px){
	.wrap{ width:96%}
    .header-sj{position:absolute;}
    header{position:relative;}
    .logo{width:300px;}
    .index-logo{width:100%;}
    .sjnav{top:63px;}
    /*.ban_img{padding-top:150%}*/
    .banner ul{bottom:40px;}
    .banner ul li{margin:10px 0;}
    .banner ul li .txt-bt{font-size:12px;}
    .img-box{height:30px;}
    .banner ul li img{max-width:50%;}
    /*product*/
    .page-left{width:100%;margin:0;}
    .page-right{width:100%;}
    .s-drop-btn{text-align:left;padding:10px;font-size:18px;}
    .s-drop-btn i, .s-drop-box{display:none;}
    .s-drop-btn span{font-size:14px;}
    .pro-ul{margin:0;}
    .pro-ul li{width:49%}
    .pro-ul li .txt{line-height:30px;font-size:12px;}
    .aside-list-link{font-size:12px;}
    .foot-nav{display:none;}
    .foot-lxfs{width:100%;padding:0;}
    .foot-lxfs .tel{text-align:center;}
    .foot-lxfs .erweima{justify-content:center;}
    .foot-txt{font-size:12px;}
    /*product-show*/
    .show-left{width:100%;}
    .show-right{width:100%;margin:20px 0 0 0;}
    #tab2 .txt{font-size:14px;line-height:30px;}
    /*news*/
    .news_ul, .news_show, brand-ul, .service-ul{margin:0;}
    .news_ul li a .pic{width:120px;height:100px;margin-right:10px;}
    .news_ul li a .txt{width:calc(100% - 130px);}
    .news_ul li a .txt .txt-nr{font-size:12px;line-height:20px;}
    .news_ul li a .txt .txt-xq{font-size:12px;background:#4ba6f3;color:#fff;}
    .brand-ul li{width:49%;}

    .page-right form .submit{width:70px;background:#4ba6f3;padding:0;}
    .page-right form select{padding:0;}
    .page-right form .text{width:calc(100% - 150px);}
    .xg-ul li{width:32.3%;}

    }

@media (max-width:567px){
	}

@media (max-width:467px){

    }

@media (max-width:376px){
	}

@media (max-width:336px) {
    .logo{width:260px;}
    }