@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:99999;animation:searchTop 0.5s ease-in-out;width:100%;background:#fff;}
@keyframes searchTop {
    0% {top:-100px}
    to {top:0}
}

header{position:relative;width:100%;}
.header-main{display:flex;justify-content:space-between;align-items:center;}
.logo{ width:656px;}
.logo img{ max-width:100%; display:block;}
header .header-right{width:260px;display:flex;flex-wrap:wrap;justify-content:flex-end;}
header .tel{background:url(../images/tel.png) no-repeat left center;padding-left:20px;font-size:20px;color:#00aeed;font-weight:bold;font-family:"Arial";}
header form{width:260px;background:#ececec;display:flex;margin-top:15px;}
header form .text{width:calc(100% - 39px);line-height:36px;padding-left:10px;background:#ececec;}
header form .submit{width:39px;background:url(../images/but.png) no-repeat center center;}

.header-nav{ width:100%;background:#00aeed;}
.nav-ul {display: flex;}
.nav-ul li {position:relative;width:16.66%;}
.nav-ul li .nav_a {display:block;font-size:16px;color:#fff;text-align:center;background:url(../images/nav-shu.jpg) no-repeat right center;line-height:50px;}
.nav-ul li .nav_a span{font-size:14px;font-family:"Arial";margin-left:10px;}
/*.nav-ul li:hover .nav_a, .nav-ul li .nav_a.active {color: #fff;background: #ec1d25;}*/
.nav-ul .sub_ul {display: none;width: 100%;position: absolute; padding:0;z-index:999;background:rgba(236,29,37,0.8);width:100%;box-shadow:0 0 10px #333;}
.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: #00aeed;color: #fff;}
.nav-ul li:hover{color: #fff;background: #ec1d25;}
.nav-ul li .act{color: #fff;background: #ec1d25;}

/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{ cursor:pointer;z-index:999; width:40px; height:40px; border:3px solid #fd5573; border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;right:0;top:0;}
.icon-menu .span01 { width:18px;height:3px;background:#fd5573;border-radius:5px; display:block;}
.icon-menu .span02 { width:18px;height:3px;background:#fd5573;border-radius:5px; display:block; margin:5px 0;}
.icon-menu .span03 { width:18px;height:3px;background:#fd5573;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:110px;z-index:9999;background:rgba(44, 44, 44, 0.7) 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:#fff;}
.sjnav li a:hover{background:#333; color:#fd5573;}
.sjnavhide{ height:0; overflow:hidden;}

/*大图滚动开始*/
.banner{}
.ban-img { padding-top:27%;}
/*.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;}

.about{background:url(../images/bj1.jpg) no-repeat 50% 50%;background-size:cover;padding:50px 0;}
.about-main{display:flex;justify-content:space-around;}
.about-box{width:725px;margin-right:10px;display:flex;align-items:center;}
.about-box .about-title{background:#00aeed;color:#fff;width:200px;height:185px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center;}
.about-box .about-title .t1{font-size:102px;font-family:"Arial";line-height:74px;position:relative;width:100%;}
.about-box .about-title .t1 span{font-size:24px;line-height:12px;margin-left:3px;}
.about-box .about-title .t2{font-size:30px;line-height:42px;}
.about-box .txt{width:calc(100% - 200px);border:5px solid #00aeed;height:340px;padding:0 25px 30px 25px;display:flex;flex-wrap:wrap;align-content:space-around;position:relative;}
.about-box .txt div{width:100%;}
.about-box .txt .t1{font-size:25px;color:#000;}
.about-box .txt .t2{font-size:20px;color:#ec1d25;font-weight:bold;}
.about-box .txt .t3{font-size:16px;color:#333;line-height:32px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.about-box .txt .t4{font-size:25px;color:#000;font-weight:bold;display:flex;justify-content:space-around;}
.about-box .txt a{display:block;width:220px;line-height:44px;text-align:center;background:#00aeed;position:absolute;left:50%;bottom:-22px;transform:translate(-50%,0);border-radius:30px;font-size:16px;color:#fff;}
.about-main .about-img{border:5px solid #00aeed;width:375px;}
.about-main:hover .about-title{margin-top:50px;}

.zizhi{margin:70px 0 0 0;position:relative;}
.swiper-zizhi a{display:block;position:relative;overflow:hidden;}
.swiper-zizhi a .zizhi-img{padding-top:71%;}
.prev-zizhi, .next-zizhi{ font-size:16px;font-family:"SimSun";color:#fff;width:33px;height:33px;background:#00aeed;display:flex;justify-content:center;align-items:center;font-weight:bold;transform:translate(0,-50%);}
.prev-zizhi{left:-35px;}
.next-zizhi{right:-35px;}
.prev-zizhi:hover, .next-zizhi:hover{background:#ec1d25;}

.product{background:url(../images/bj2.jpg) no-repeat 50% 50%;background-size:cover;padding:50px 0;}
.pro-title{text-align:center;color:#fff;position:relative;}
.pro-title .t1{display:inline-block;padding:0 35px;position:relative;}
.pro-title .t1:before{content:"";width:27px;height:37px;border-top:2px solid #257ad5;border-left:2px solid #257ad5;position:absolute;left:0;top:24px;}
.pro-title .t1::after{content:"";width:27px;height:37px;border-top:2px solid #257ad5;border-right:2px solid #257ad5;position:absolute;right:0;top:24px;}
.pro-title .t1 b{font-size:50px;font-weight:bold;line-height:50px;display:block;}
.pro-title .t1 span{background:#00aeed;font-size:26px;padding:10px 20px;display:block;margin-left:8px;}
.pro-title .t1 .t1-box{display:flex;align-items:center;height:50px;}
.pro-title .t2{font-size:20px;line-height:70px;}
.pro-title .t3{font-size:92px;text-transform:uppercase;color:rgba(37,122,213,0.2);font-family:"Arial";position:absolute;left:50%;bottom:-10px;transform:translate(-50%,0);width:100%;line-height:64px;}
.swiper-product{margin:60px 0 0 0;}
.swiper-product a{display:block;background:#fff;height:390px;}
.swiper-product .pic{width:100%;position:relative;height:calc(100% - 80px);display:flex;justify-content:center;align-items:center;}
.swiper-product .pic img{display:block;max-width:100%;}
.swiper-product .txt{width:100%;height:80px;background:#00aeed;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; color:#fff;padding:0 10px;position:relative;}
.swiper-product .txt .t1{font-size:20px;}
.swiper-product .txt span{display:block;width:26px;height:26px;border:1px solid #fff;display:flex;justify-content:center;align-items:center;font-size:20px;}
.swiper-product .txt .txt-box{width:100%;display:flex;justify-content:space-between;align-items:center;}

.swiper-product a:hover .pic{height:100%;}
.swiper-product a:hover .txt{height:100%;background:rgba(4,93,189,0.7);position:absolute;z-index:999;left:0px;}
.swiper-product a:hover .txt .t1{width:100%;padding:16px 0;font-weight:bold;}
.swiper-product a:hover .txt span{ margin:0 auto;}
.swiper-product a:hover .txt .txt-box{width:90%;border:1px solid #fff;text-align:center;padding-bottom:16px;flex-wrap:wrap;margin:0 auto;}
.swiper-product a:hover .txt.txt-re1{bottom:0;}
.swiper-product a:hover .txt.txt-re2{top:0;}

.guanggao{background:#ffa200;}
.guanggao img{display:block;max-width:100%;margin:0 auto;}

.swiper-product2{margin:20px 0;padding:1px;}
.swiper-product2 .swiper-slide{border:1px solid #fff;box-shadow:0 0 0 1px #e8e8e8;}
.swiper-product2 .swiper-slide a{display:block;position:relative;border:1px solid #e8e8e8;overflow:hidden;}
.swiper-product2 .swiper-slide a .pro-img{padding-top:81%;border:1px solid #fff;}
.swiper-product2 .swiper-slide a .txt{width:100%;line-height:40px;text-align:center;font-size:14px;color:#fff;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.3);}
.swiper-product2 .swiper-slide a:hover .img_cover{transform:scale(1.1);}
.swiper-product2 .swiper-slide a:hover .txt{background:rgba(4,93,189,0.7);}
.prev-pro, .next-pro{ width:27px;height:62px;background:url(../images/jiantou.png) no-repeat center center;transform:translate(0,-50%);}
.prev-pro{left:-50px;}
.next-pro{right:-50px;transform:translate(0,-50%) scale(-1,-1);}
.pro-more{width:200px;line-height:40px;text-align:center;background:#ec1d25;font-size:14px;color:#fff;margin:40px auto;display:block;}
.pro-more:hover{background:#00aeed;color:#fff;}

.liyou{background:url(../images/bj3.jpg) no-repeat 50% 50%;background-size:cover;padding:45px 0 0 0;}
.ly-title{text-align:center;color:#fff;}
.ly-title .t1{line-height:50px;font-size:50px;color:#fff;font-weight:bold;}
.ly-title .t2{line-height:22px;font-size:14px;color:#fff;letter-spacing:19px;padding-left:18px;}
.liyou ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:40px 0 0 0;}
.liyou ul li{width:301px;padding-bottom:50px;color:#fff;display:flex;align-items:center;}
.liyou ul li img{display:block;max-width:100%;margin-right:26px;}
.liyou ul li .txt{line-height:28px;font-size:16px;}
.liyou ul li .txt b{display:block;width:100%;font-size:20px;padding-bottom:10px;}
.liyou ul li:hover img{transform:rotateY(360deg);}

.news{background:url(../images/bj4.jpg) no-repeat 50% 50%;background-size:cover;padding:45px 0;}
.news-title{text-align:center;position:relative;}
.news-title .t1{display:inline-block;padding:0 35px;position:relative;}
.news-title .t1:before{content:"";width:27px;height:37px;border-top:2px solid #08b1ed;border-left:2px solid #08b1ed;position:absolute;left:0;top:24px;}
.news-title .t1::after{content:"";width:27px;height:37px;border-top:2px solid #08b1ed;border-right:2px solid #08b1ed;position:absolute;right:0;top:24px;}
.news-title .t1 b{font-size:50px;font-weight:bold;line-height:50px;display:block;color:#0a4490;}
.news-title .t1 span{background:#00aeed;font-size:26px;padding:10px 20px;display:block;margin-left:8px;color:#fff;}
.news-title .t1 .t1-box{display:flex;align-items:center;height:50px;}
.news-title .t2{font-size:20px;line-height:70px;color:#333;}
.news-title .t3{font-size:92px;text-transform:uppercase;color:rgba(37,122,213,0.2);font-family:"Arial";position:absolute;left:50%;bottom:-10px;transform:translate(-50%,0);width:100%;line-height:64px;}
.news-main{margin:60px 0 0 0;display:flex;justify-content:space-between;}
.news-left{width:48%;}
.news-left .news-pic{width:100%;position:relative;overflow:hidden;}
.news-left .news-pic .news-img{padding-top:48%;}
.news-left .news-box{margin:6px 0 0 0;}

.news-right{width:50%;}
.news-main ul{display:block;}
.news-main ul li{margin-bottom:13px;}
.news-main ul li a{display:flex;background:#fff;}
.news-main ul li a .pic{width:175px;position:relative;overflow:hidden;margin-right:20px;}
.news-main ul li a .pic .news-img{padding-top:74%;}
.news-main ul li a .txt{width:calc(100% - 195px);display:flex;flex-wrap:wrap;align-content:space-around;}
.news-main ul li a .txt .txt-bt{width:100%;font-size:16px;color:#333;}
.news-main ul li a .txt .txt-nr{width:100%;font-size:14px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-main ul li a:hover .img_cover{transform:scale(1.1);}
.news-main ul li a:hover .txt .txt-bt{color:#00aeed;}

.foot-nav{color:#fff;font-size:16px;background:#00aeed;text-align:center;padding:15px 0;}
.foot-nav a{color:#fff;}
.foot-nav a:hover{text-decoration:underline !important;}

.contact{background:url(../images/bj5.jpg) repeat;}
.cont-main{display:flex;justify-content:space-between;align-items:center;height:310px;}
.cont-left{width:240px;background:#1763b4;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:100%;font-size:30px;color:#00baff;font-family:"Impact";text-align:center;}
.cont-left img{display:block;max-width:100%;margin:0 auto 12px auto;}
.cont-lxfs .t1{font-size:35px;color:#d2e1ee;font-weight:bold;line-height:64px;}
.cont-lxfs .t2{color:#00baff;display:flex;align-items:center;}
.cont-lxfs .t2 .t2-box{line-height:22px;font-size:18px;text-transform:uppercase;}
.cont-lxfs .t2 .t2-box b{display:block; line-height:30px;font-size:25px;}
.cont-lxfs .t2 .t2-tel{font-size:30px;font-weight:bold;margin-left:20px;}
.cont-lxfs .lxfs-box{display:flex;margin:20px 0 0 0;}
.cont-lxfs .lxfs-box .lxfs{line-height:25px;font-size:16px;color:#d2e1ee;margin-right:30px;}
.cont-right{width:108px;}
.cont-right .erweima{padding:5px 0;}
.cont-right .erweima img{display:block;max-width:100%}
.cont-right .erweima span{display:block;font-size:12px;color:#fff;text-align:center;background:#00aeed;}

footer{background:#0a4490;font-size:14px;color:#fff;text-align:center;padding:10px 0;}

/*product*/
.page{background:#ececec;padding:10px 0 40px 0;min-height:500px;}
.page-bt{margin:19px 0;padding-left:14px;font-size:14px;color:#333;line-height:18px;border-left:3px solid #00aeed;}
.page-main{display:flex;flex-wrap:wrap;}
.page-left{width:285px;margin-right:15px;}
.s-drop-wrap { width:100%; }
.s-drop-btn { background:url(../images/page-dian.jpg) no-repeat 50% 50%;background-size:cover; line-height:40px; font-size:30px; color: #fff; text-align:center;position:relative;font-weight:bold;padding:28px 0;}
.s-drop-btn i{display:block;line-height:25px;text-transform:uppercase;font-size:15px;font-style:normal;font-weight:normal;}
.s-drop-btn span {position:absolute;right:20px;top:50%;transform:translate(0, -50%);}
.s-drop-btn.act{ background:url(../images/page-dian.jpg) no-repeat 50% 50%;background-size:cover;}

.sublist-box{background:#f9f9f9;border:1px solid #c5c5c5;padding:6px 0;}
.sublist-box .hot-txt{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;padding:0 15px;display:flex;justify-content:space-between;line-height:33px;font-size:14px;}
.sublist-box .hot-txt b:last-child{color:#ec1d25;}

.s-drop-list {display: block;background:#f9f9f9;}
.s-drop-list li{}
.s-drop-list li a{ display:block; }
.aside-list-link{ font-size:14px; color:#0a4490;line-height:42px;padding:0 15px;font-weight:bold;}
.aside-list-link:hover, .aside-list-link.act{ color:#ec1d25;}
.aside-list-link span{color:#134b94;}
.aside-list-link .link-box{display: flex; justify-content: space-between;align-items:center;}

.s-drop-list li .aside-sublist{ width:100%; display:none;  }
/*.s-drop-list li:first-child .aside-sublist{display:block;}*/
.s-drop-list li .aside-sublist li{}
.s-drop-list li .aside-sublist li a{ border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;padding:0 15px;font-size:14px;color:#333;padding-left:43px;line-height:32px;margin-bottom:10px;position:relative}
.s-drop-list li .aside-sublist li a:before{content:"";width:8px;height:8px;border:2px solid #9e9e9e;border-radius:50%;position:absolute;left:20px; top:50%;transform:translate(0,-50%);}
.s-drop-list li .aside-sublist li a:hover{color:#00aeed;}
.s-drop-list li .aside-sublist li a:hover:before{border-color:#00aeed;}

.page-left .lxfs{margin-top:5px;}
.lxfs-bt{background:#00aeed;line-height:50px;font-size:20px;color:#fff;text-align:center;}
.lxfs-txt{margin-top:5px;background:#f9f9f9;border:1px solid #c5c5c5;padding:7px 10px;line-height:26px;font-size:14px;color:#333;}

.page-right{width:calc(100% - 300px);}
.hot-pro{background:#f9f9f9;border:1px solid #c5c5c5;padding:24px 14px;}
.hot-pro .t1{font-size:18px;color:#00aeed;font-weight:bold;line-height:36px;float:left;width:74px;}
.hot-pro ul{overflow:hidden;width:calc(100% - 74px);display:flex;flex-wrap:wrap;}
.hot-pro ul li{display:flex;align-items:center;}
.hot-pro ul li a{display:block;line-height:36px;font-size:16px;color:#333;margin:0 20px;}
.hot-pro ul li a:hover{color:#ec1d25;text-decoration:underline !important;}
.pro-ul{display:flex;flex-wrap:wrap;margin:6px 0 0 0;width:101%;}
.pro-ul li{width:32.333%;margin:0 1% 20px 0%;}
.pro-ul li a{display:block;position:relative;border:1px solid #c5c5c5;overflow:hidden;transition:0.5s;}
.pro-ul li a .pro-img{padding-top:81%;border:1px solid #fff;}
.pro-ul li a .txt{width:100%;line-height:40px;text-align:center;font-size:14px;color:#fff;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.3);}
.pro-ul li a:hover .txt{background:rgba(4,93,189,0.7);}
.pro-ul li a:hover{border-color:#9e1319;}

/*product-show*/
.pro-show{display:flex;padding:0 15px;justify-content:space-between;}

#MagnifierWrap2{position: relative;width:400px;}
.MagnifierMain{position: relative;width: 100%;box-shadow:0 0 10px #ccc;border:10px solid #fff;height:300px;}

.MagnifierMain img{display:block;max-width:100%;overflow:hidden;margin:auto;} 
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move; width:100px !important;height:100px !important;}

.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff; z-index:999;}
.MagnifierPop img{display:block;max-width:100%;margin:0 auto; width:initial !important;height:auto !important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.MagnifierImg{position: absolute;top:0; left: 0;}
        
.spec-items{position: relative;width:calc(100% - 50px);height:50px;overflow: hidden;margin:15px auto 0 auto;}
.spec-items ul{width: 500%;position: absolute;top: 0;left: 0;display:flex;}
.spec-items li{width: 86px;height:50px;overflow: hidden;margin-right:2px;}
.spec-items li.on{border:1px solid #fd5573;}
.spec-items li img{display:block;max-width:100%; margin:0 auto; height:100%;} 

.spe_leftBtn, .spe_rightBtn{position: absolute;bottom:0;display: block;width: 20px;height:50px;line-height:50px;font-family: SimSun;text-align: center;font-size: 20px;color: #ddd;cursor: default;background-color: #f9f9f9;}
.spe_leftBtn.on, .spe_rightBtn.on{background-color: #ccc;color: #999;cursor: pointer;} 
.spe_leftBtn{left: 0;}
.spe_rightBtn{right: 0;}

.sj-gun{width:calc(100% - 300px);}
.gallery-top{border:1px solid #dcd9d9;}
.gallery-top .show_img{padding-top:78%;}
.gallery-thumbs-box{position:relative;}
.gallery-thumbs{margin:10px auto 0 auto;width:calc(100% - 80px);}
.gallery-thumbs .swiper-slide{opacity:0.6; cursor:pointer;border:1px solid #d1d1d1;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border-color:#3899a2;}
.gallery-thumbs .show_img{padding-top:78%;}
.next-show, .prev-show{font-size:30px;font-family:"SimSun";color:#3899a2;font-weight:bold;background:none;transform:translate(0,-50%);margin:0;width:30px;height:100%;background:#f2f2f2;text-align:center;display:flex;justify-content:center;align-items:center;}
.prev-show{left:0;}
.next-show{right:0;}
.next-show:hover, .prev-show:hover{background:#3899a2;color:#fff;}


.show-right{width:360px;}
.show-right .t1{font-size:20px;color:#333;padding:10px 0;border-bottom:1px dashed #ededed;}
.show-right .t2{font-size:16px;color:#333;line-height:30px;padding:10px 0;}

.show-jj{margin:30px 0 0 0;}
.show-jj .t1{background:#f9f9f9;border:1px solid #c5c5c5;padding:0 12px;line-height:32px;font-size:16px;color:#333;}
.show-jj .t2{font-size:14px;color:#333;line-height:30px;padding:18px 0;}
.show-jj .t2 img{max-width:100%; height:auto;}



/*news*/
.news-page{margin:20px 0 0 0;background:#fff;border:1px solid #c5c5c5;padding:20px 10px;}
.news-ul{display:block;}
.news-ul li{margin-bottom:30px;}
.news-ul li a{display:flex;background:#f9f9f9;}
.news-ul li a .pic{width:175px;position:relative;overflow:hidden;margin-right:20px;}
.news-ul li a .pic .news-img{padding-top:74%;}
.news-ul li a .txt{width:calc(100% - 195px);display:flex;flex-wrap:wrap;align-content:space-around;padding-right:20px;}
.news-ul li a .txt .txt-bt{width:100%;font-size:16px;color:#333;}
.news-ul li a .txt .txt-nr{width:100%;font-size:14px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-ul li a .txt .txt-xq{font-size:14px;color:#333;width:100%;text-align:right;}
.news-ul li a:hover .img_cover{transform:scale(1.1);}
.news-ul li a:hover .txt .txt-bt{color:#00aeed;}
.news-ul li a:hover .txt .txt-xq{color:#00aeed;font-weight:bold;}

/*news-show*/
.news-show { width:100%; text-align:center;}
.news-show img {  display:block; max-width:100%; margin:2% auto;}
.news-show .txt-bt {  display:inline-block ;line-height:42px; font-size:18px; color:#2d2d2d;font-weight:bold; border-bottom:2px solid #017efb;text-align:center; margin:2% auto;}
.news-show .txt-nr { line-height:35px; font-size:14px; color:#636363; text-align:left;}
.news-show .txt-date { line-height:35px; font-size:12px; color:#636363; margin-top:2%; text-align:right;}

/*about*/
.about-page{width:100%;}
.about-page .txt-nr{line-height:35px; font-size:14px; color:#636363; }
.about-page .ab-bt{font-size:20px;font-weight:bold;color:#00aeed;padding-bottom:30px;}


/*手机底部*/
.hot{width:100%; height:58px; background:#191919; position:fixed; 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; }


@media (max-width:1200px){
	.wrap{ width:96%}
    .swiper-product a{height:320px;}
    .swiper-product .txt{height:60px;}
    .swiper-product .pic{height:calc(100% - 60px);}
    .swiper-product .txt .t1{font-size:16px;}
    .swiper-product .txt span{width:18px;height:18px;font-size:14px;}
    }

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    .about-box .about-title{width:130px;}
    .about-box .about-title .t1{font-size:88px;}
    .about-box .txt{width:calc(100% - 130px);padding:0 15px 20px 15px;height:290px;}
    .about-box .txt .t4{font-size:20px;}
    .about-box .txt .t3{font-size:14px;line-height:26px;}
    /*product*/
    .page-left{width:100%;margin:0;}
    .sublist-box{padding:0;}
    .s-drop-btn{text-align:left;padding:10px 20px;}
    .s-drop-list, .s-drop-list li:first-child .aside-sublist{display:none;}
    .page-right{width:100%;}
    .news-page{height:100% !important;}

    .show-right{width:280px;}
    }
 
@media (max-width:767px){
		.cont-lxfs .lxfs-box .lxfs table{width:100%!important; }
	.cont-lxfs .lxfs-box .lxfs table td{width:100%!important; float:left;}
	.wrap{ width:96%}
    .logo{width:293px;}
    .sjnav{top:110px;}
    .ban-img{padding-top:55%}
    .about, .product, .news{padding:20px 0;}
    .about-main{display:block;}
    .about-box{width:100%;margin:0;}
    .about-box .about-title{display:none;}
    .about-box .txt{width:100%;height:300px;padding:0 15px 20px 15px;}
    .about-main .about-img{padding-top:90%;width:100%;}
    .about-box .txt .t1{font-weight:bold;}
    .about-box .txt .t4{font-size:20px;}
    .about-box .txt .t3{font-size:14px;line-height:26px;}
    .zizhi, .swiper-product{margin:20px 0 0 0;}
    .pro-title .t2, .news-title .t2{font-size:14px;line-height:32px;}
    .pro-title .t1 b, .news-title .t1 b{font-size:30px;line-height:32px;}
    .pro-title .t1 span, .pro-title .t3, .pro-title .t1:before, .pro-title .t1::after, .news-title .t1 span, .news-title .t3, .news-title .t1:before, .news-title .t1::after{display:none;}
    .swiper-product a{height:300px;}
    .swiper-product .txt{height:46px;}
    .swiper-product .pic{height:calc(100% - 46px);}
    .swiper-product .pic img{max-width:86%;}
    .swiper-product .txt .t1{font-size:14px;}
    .pro-more{margin:0 auto 20px;width:150px;}
    .swiper-product2 .swiper-slide a .txt{line-height:30px;font-size:13px;}
    .liyou{padding:20px 0 0 0;}
    .ly-title .t1{font-size:26px;}
    .ly-title .t2{padding:0;letter-spacing:3px;}
    .liyou ul{margin:20px 0 0 0;justify-content:space-between;}
    .liyou ul li{width:49%;display:block;text-align:center;padding-bottom:20px;}
    .liyou ul li img{margin:0 auto;max-width:25%;}
    .ly-img{height:50px;display:flex;justify-content:center;align-items:center;}
    .liyou ul li .txt b{padding:5px 0;font-size:16px;}
    .liyou ul li .txt{font-size:13px;line-height:24px;}
    .news-main{display:block;margin:20px 0 0 0;}
    .news-left{width:100%;}
    .news-right{width:100%;}
    .news-main ul li a .pic{width:120px;margin-right:10px;}
    .news-main ul li a .txt{width:calc(100% - 130px);}
    .foot-nav{font-size:13px;padding:8px 0;}
    .cont-main{display:block;height:initial;padding:20px 0;text-align:center;}
    .cont-lxfs .t1{font-size:26px;}
    .cont-lxfs .t2{display:block;}
    .cont-lxfs .t2 .t2-tel{margin:0;padding:5px 0;}
    .cont-lxfs .lxfs-box{display:block;}
    .cont-lxfs .lxfs-box .lxfs{margin:0;line-height:30px;}
    /*product*/
    .page-left, .page-right, .pro-u{width:100%;margin:0;}
    .sublist-box{padding:0;}
    .s-drop-btn{text-align:left;padding:10px;font-size:22px;}
    .s-drop-list, .s-drop-btn i, .s-drop-list li:first-child .aside-sublist{display:none;}
    .pro-ul li{width:48%;margin:1%;}
    .pro-ul li a .txt{line-height:30px;font-size:13px;}
    .news-page{height:100% !important;}
    /*news*/
    .news-ul li a .pic{width:120px;margin-right:10px;}
    .news-ul li a .txt{width:calc(100% - 130px);padding:0;}
    .news-ul li a .txt .txt-xq{display:none;}
    .news-ul li{margin-bottom:15px;}

    .pro-show{display:block;padding:0;}
    .sj-gun{width:100%;}
    .show-right{width:100%;margin-top:15px;}
    .show-jj{margin-top:15px;}
    }

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

@media (max-width:467px){

    }

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

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