a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
a,a:hover{color:#000}
a,a:hover,a:link,a:visited{text-decoration:none}
body{font-family:Arial,sans-serif;font-size:16px}
img{max-width:100%;max-height:100%}
input{-webkit-appearance:none;border-radius:0}
.flex{justify-content:center;align-items:center}
.flex,.flex-box{display:flex}
.flex-wrapper{display:flex;flex-wrap:wrap}
.card{display:flex;flex-direction:column}
.common-wrapper{width:1600px;margin:0 auto}
body{max-width:1920px;margin:0 auto}
.inner-banner{width:100%;position:relative}
.inner-banner img{width:100%;display:block;height:auto}
.banner-title{width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;position:absolute;font-size:35px;color:#0093dc}
.inner-nav{height:50px;line-height:50px;background:#f8f8f8}
.inner-nav .common-wrapper{display:flex;justify-content:space-between}
.inner-nav .nav-title{color:#333}
.bPosition,.bPosition a{color:#666}
.common-content .common-wrapper{display:flex}
.common-main{margin:50px 0}
.common-main .sidec{width:270px}
.common-main .sidec>div{margin-top:20px}
.common-main .sidec>div:first-of-type{margin-top:0}
.common-main .mainc{flex:1;margin-left:30px}
.common-main .mainc p{line-height:1.8;color:#333}
.common-main .common-wrapper{display:flex}
.side-item .title{background:#0093dc;color:#FFF;font-size:18px;border:none}
.side-item a{display:block;width:100%;height:100%}
.side-item a:hover{color:#0093dc}
.side-item>div{height:44px;width:100%;text-align:center;line-height:44px;font-size:16px;border:1px solid #f6f6f6;border-bottom:0;}
.side-item>div:last-child{border-bottom:1px solid #f6f6f6}
.side-contact .contact-ul{padding:10px;background-color:#FFF;border:1px solid #f6f6f6;height: auto;box-sizing: border-box;}
.side-contact .contact-ul li{margin:5px 0;font-size:14px;line-height:1.6;color:#666;text-align: left;}
.side-contact .contact-ul .iconfont{margin-right:3px}
.side-contact .contact-ul li a{display:inline;color:#666;font-size:18px}
.side-cate li{position:relative;padding-left:14px}
.side-cate li a:hover{color:#0093dc}
.side-cate .pro-menu{display:none}
.side-cate .pro-menu a{font-size:14px}
.side-cate>ul>li{line-height:45px;display:block;background-color:#FFF;padding-left:30px;border-bottom:1px solid #f6f6f6}
.side-cate>ul>li i{position:absolute;content:"";top:0;right:0;width:50px;height:47px;cursor:pointer;display:block}
.side-cate>ul>li i:before{position:absolute;content:" ";top:18px;right:21px;width:8px;height:8px;border:2px solid #707070;border-top:none;border-left:none;transform:rotate(-45deg);transition:transform .3s ease-in-out;cursor:pointer}
.side-cate>ul>li .active:before{transform:rotate(45deg)}
.side-cate>ul>li a{width:100%;height:100%}
.side-cate>ul>li .sub-menu{display:none}
.side-cate>ul>li li{line-height:35px}
.side-cate>ul>li li a{font-size:14px}
.side-cate .LiLevel2 a{padding-left:15px;box-sizing:border-box}
.side-cate .LiLevel2 .pro-menu a{padding-left:25px}
.side-cate>ul{border-left:1px solid #f6f6f6;border-right:1px solid #f6f6f6}
.side-pro ul{margin:0 0 20px}
.side-pro ul li{height:78px;padding:10px;border:1px solid #f6f6f6;border-bottom:none}
.side-pro ul li a{width:100%;height:100%;display:block;display:flex}
.side-pro ul li a>div{flex:1;display:flex}
.side-pro ul li:last-child{border-bottom:1px solid #f6f6f6}
.side-pro ul .pro-img{display:flex;justify-content:flex-end}
.side-pro ul .pro-img img{max-height:100%;max-width:100%;height:auto;width:auto}
.side-pro ul .side-pro-name{padding:10px;align-items:center;font-size:14px;overflow:hidden;line-height:1.3}
.side-news ul{margin:0 0 20px}
.side-news ul li{height:78px;padding:10px;border:1px solid #f6f6f6;border-bottom:none}
.side-news ul li a{width:100%;height:100%;display:block;display:flex}
.side-news ul li a>div{flex:1;display:flex}
.side-news ul li:last-child{border-bottom:1px solid #f6f6f6}
.side-news ul .news-img{display:flex;justify-content:flex-end}
.side-news ul .news-img img{max-height:100%;max-width:100%}
.side-news ul .news-date{color:#999}
.side-news ul .side-newsinfo{padding:10px;font-size:14px;line-height:1.3;flex-direction:column;justify-content:space-between}
.common-pages{margin-bottom:50px;width:100%;height:60px}
.common-pages,.common-pages a,.common-pages span{display:flex;justify-content:center;align-items:center}
.common-pages a,.common-pages span{margin:10px;transition:all .3s ease;box-sizing:border-box;border:1px solid #f6f6f6;padding:10px 16px;height:30px;color:#494949}
.common-pages span{opacity:.4}
.common-pages span.ctxt{opacity:1;border:none;background:#0093dc;color:#FFF}
.common-pages a:hover{background-color:#0093dc;color:#FFF}
.common-link{width:100%;display:flex;background:#f8f8f8}
.common-link>div{flex:1;display:flex;align-items:center;height:50px;font-size:18px;padding-left:20px}
.common-link>div a{height:100%;line-height:50px;max-width:400px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.common-link>div i{color:#0093dc}
.common-link .prev,.common-link .prev a{color:#333}
.common-link .prev i{margin-right:20px}
.common-link .next{padding-right:20px;color:#333;justify-content:flex-end}
.common-link .next a{color:#0093dc}
.common-link .next i{margin-left:20px}
.random-prolist{width:100%;display:flex;flex-wrap:wrap;margin-top:30px;justify-content:space-between}
.random-prolist .pro-item{width:18%;margin-bottom:20px}
.random-prolist .pro-item:hover .pro-name{color:#0093dc}
.random-prolist .pro-name{font-size:14px;text-align:center;margin:5px 0;display:block;color:#333}
.random-prolist .img-wrap{position:relative}
.random-prolist .img-wrap:after{content:"";display:block;padding-top:60%}
.random-prolist .img-wrap>a{position:absolute;top:0;left:0;width:100%;height:100%}
.random-prolist .img-wrap>a img{max-height:100%;max-width:100%}
.top-btn{display:none;border-radius:50%;width:40px;height:40px;background:#FFF;z-index:1;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease}
.top-btn:hover{cursor:pointer;background:#ccc}
.top-btn i{position:relative;transform:scale(1.4)}
.sm-mask{position:fixed;width:100%;bottom:0;height:100%;background:rgba(0,0,0,.6);z-index:8;display:none;top: 40px;}
.footlinks{padding:5px 10%;background:#181818;text-align:center;line-height:150%}
.footlinks,.footlinks a{font-size:12px;color:hsla(0,0%,100%,.6)}
.pro-type{width:100%;line-height:44px;font-size:22px;border-bottom:1px solid #e2e2e2;border-left:2px solid #0093dc;padding-left:20px;font-weight:700;margin-bottom:20px;box-sizing:border-box}
.ie .side-pro ul li{height:auto}
.ie .side-news ul .news-img img,.ie .side-pro ul .pro-img img{width:100%}
.ie .feedbackForm tr:last-child{background-color:#FFF}
.ie .feedbackForm tr td:first-of-type{width:auto;vertical-align:top}
.ie .feedbackForm tr:nth-last-child(2) td:nth-of-type(2){width:90%}
.ie .feedbackForm,.ie .feedbackForm tbody{max-width:1200px}
.ie10 .side-pro ul .side-pro-name{display:block}
.swiper-container .swiper-slide{width:100%;display:flex;justify-content:center}
.swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after{content:""}
.swiper-container .swiper-button-next i,.swiper-container .swiper-button-prev i{font-size:30px;color:#FFF}
.swiper-container .swiper-pagination-bullet{transition:width .3s ease;background:#FFF;opacity:.7}
.swiper-container .swiper-pagination-bullet-active{width:30px;border-radius:999px}
.sec{padding:60px 0}
.common-title{font-size:30px;line-height:1.8;color:#333;text-align:center}
.common-con{color:#666;margin:10px auto 0;max-width:750px;line-height:1.5}
.common-btn{width:300px;height:56px;border:1px solid #e5e5e5;margin:0 auto}
.common-btn a{width:100%;height:100%;display:block;line-height:56px}
.common-btn a,.company .common-wrapper{text-align:center}
.company-list{width:100%;display:flex;margin:30px 0}
.company-item{position:relative;width:calc(25% - 9px);border:1px solid #f6f6f6;margin-right:12px;transition:all .3s ease}
.company-item:last-child{margin-right:0}
.company-item:after{content:"";display:block;padding-top:90%}
.company-item:first-of-type:hover .company-icon{background:url(../images/index-sprite-white.png) no-repeat;background-position:-8px -8px}
.company-item:nth-of-type(2) .company-icon{background-position:-102px -8px}
.company-item:nth-of-type(2):hover .company-icon{background:url(../images/index-sprite-white.png) no-repeat;background-position:-102px -8px}
.company-item:nth-of-type(3) .company-icon{background-position:-198px -8px}
.company-item:nth-of-type(3):hover .company-icon{background:url(../images/index-sprite-white.png) no-repeat;background-position:-198px -8px}
.company-item:nth-of-type(4) .company-icon{background-position:-292px -8px}
.company-item:nth-of-type(4):hover .company-icon{background:url(../images/index-sprite-white.png) no-repeat;background-position:-292px -8px}
.company-item:hover{background:#0093dc;transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.company-item:hover .con,.company-item:hover .title{color:#FFF}
.company-wrap{padding:0 30px;box-sizing:border-box;position:absolute;top:0;bottom:0;width:100%;height:100%}
.company-wrap .title{font-size:20px;color:#333;line-height:1.5;text-align:center}
.company-wrap .con{margin-top:20px;color:#666;line-height:1.5;text-align:left}
.company-icon{margin:40px auto;width:80px;height:80px;background:url(../images/index-sprite.png) no-repeat;background-position:-8px -8px}
.pro{background:#f8f8f8}
.pro .common-wrapper{text-align:center}
.pro .pro-list-index{margin:30px 0;width:100%;position:relative;display:flex;flex-wrap:wrap}
.pro .pro-list-index .pro-item{position:relative;width:calc(33% - 37.5px);margin:0 50px 50px 0;background:#FFF}
.pro .pro-list-index .pro-item:after{content:"";display:block;padding-top:60%}
.pro .pro-list-index .pro-item:nth-of-type(3n){margin-right:0}
.pro .pro-list-index .pro-item img{max-width:100%;max-height:100%}
.pro .pro-list-index .pro-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
.pro .pro-list-index .pro-wrap:hover .pro-info{padding:20px;top:0;justify-content:center}
.pro .pro-list-index .pro-wrap:hover .pro-con{display:block;display:-webkit-box;display:-moz-box}
.pro .pro-list-index .pro-info{display:flex;flex-direction:column;position:absolute;width:100%;height:100%;left:0;top:calc(100% - 50px);background:rgba(0,0,0,.7);box-sizing:border-box;transition:top .3s ease}
.pro .pro-list-index .pro-name{height:50px;color:#FFF;font-size:20px;line-height:50px;text-align:center}
.pro .pro-list-index .pro-con{color:#FFF;line-height:1.5;transition:display .3s ease;display:-webkit-box;display:-moz-box;max-height:80px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;display:none}
.statistics{padding:30px 0;background:url(../images/st.jpg) no-repeat;background-size:cover;box-sizing:border-box}
.statistics .common-wrapper{text-align:center}
.statistics .common-title,.statistics .st-con{color:#FFF}
.statistics .st-con{font-size:26px;margin-top:10px}
.statistics .count{display:flex;margin:40px 0}
.statistics .count-item{width:25%}
.statistics .count-num{margin-top:10px;color:#FFF;font-size:26px}
.statistics .count-name{margin-top:10px;font-size:14px;color:#FFF}
.statistics .count-progress{margin:10px auto;position:relative;width:80px;height:2px;background:#FFF}
.statistics .count-done{position:absolute;width:50%;height:100%;background:#0093dc}
.news .common-wrapper{text-align:center}
.news .news-list-index{margin:30px 0;width:100%;position:relative;display:flex;flex-wrap:wrap}
.news .news-list-index .news-item{position:relative;width:calc(33% - 37.5px);margin:0 50px 50px 0;background:#FFF;border:1px solid #f6f6f6;transition:transform .3s ease}
.news .news-list-index .news-item:nth-of-type(3n){margin-right:0}
.news .news-list-index .news-item:hover{box-shadow:0 5px 10px 0 rgba(0,0,0,.1);transform:translateY(-3px)!important}
.news .news-list-index .news-item:hover .news-name{color:#0093dc}
.news .news-list-index .news-item img{width:100%}
.news .news-list-index .news-name{font-size:18px;line-height:1.5;text-align:left;color:#333;display:-webkit-box;display:-moz-box;max-height:20px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.news .news-list-index .news-info{padding:30px;text-align:left}
.news .news-list-index .news-con{color:#666;font-size:14px;line-height:1.5;display:-webkit-box;display:-moz-box;max-height:60px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.news .news-list-index .news-date{margin:15px 0;color:#666;font-size:16px}
.prolist-1{width:100%;position:relative;display:flex;flex-wrap:wrap}
.prolist-1 .pro-item{position:relative;width:calc(33% - 37.5px);margin:0 50px 50px 0;background:#FFF;border:1px solid #f6f6f6}
.prolist-1 .pro-item:after{content:"";display:block;padding-top:60%}
.prolist-1 .pro-item:nth-of-type(3n){margin-right:0}
.prolist-1 .pro-item img{max-width:100%;max-height:100%}
.prolist-1 .pro-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
.prolist-1 .pro-wrap:hover .pro-info{padding:20px;top:0;justify-content:center}
.prolist-1 .pro-wrap:hover .pro-con{display:-webkit-box;display:-moz-box;display:block}
.prolist-1 .pro-info{display:flex;flex-direction:column;position:absolute;width:100%;height:100%;top:calc(100% - 50px);left:0;background:rgba(0,0,0,.7);box-sizing:border-box;transition:top .3s ease}
.prolist-1 .pro-name{height:50px;color:#FFF;font-size:20px;line-height:50px;text-align:center}
.prolist-1 .pro-con{display:none;color:#FFF;line-height:1.5;transition:display .3s ease;display:-webkit-box;display:-moz-box;max-height:80px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.prolist-0 .pro-item{width:100%;height:auto;margin-bottom:30px;display:flex;background:#fbfbfb;transition:transform .3s ease,box-shadow .3s ease}
.prolist-0 .pro-item:hover{transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.prolist-0 .pro-item:hover .pro-name{color:#0093dc;transition:color .3s ease}
.prolist-0 .pro-img{flex:3;position:relative;background-color:#FFF}
.prolist-0 .pro-img:after{content:"";display:block;padding-top:60%}
.prolist-0 .pro-img>a{position:absolute;width:100%;height:100%;display:flex;align-items:center}
.prolist-0 .pro-img img{max-width:100%;max-height:100%}
.prolist-0 .pro-name{font-size:20px}
.prolist-0 .pro-info{flex:7;padding:30px;display:flex;flex-direction:column;justify-content:space-between}
.prolist-0 .pro-con{line-height:1.5;color:#666;font-size:14px;margin:20px 0;display:-webkit-box;display:-moz-box;max-height:36px;line-height:18px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.prolist-0 .more-btn{width:160px;height:46px;line-height:46px;text-align:center;border:1px solid #f6f6f6;background:#FFF}
.pro-review{display:flex}
.pro-review .pro-preview-left{min-width:428px;box-sizing:border-box}
.pro-review .pro-preview-right{padding:50px;margin-bottom:30px;flex:1;height:450px;display:flex;box-sizing:border-box;flex-direction:column;justify-content:space-between}
.pro-review .pro-preview-right .pro-name{font-size:24px;line-height:30px;text-align:left;color:#2b2b2b}
.pro-review .pro-preview-right article{font-size:16px;color:#2b2b2b;line-height:24px;margin:30px 150px 0 0}
.pro-review .pro-preview-right .btn-list{margin:10px 0;display:flex;flex-wrap:wrap}
.pro-review .pro-preview-right .btn-list .btn,.pro-review .pro-preview-right .btn-list .pdown2{height:50px;width:220px;display:flex;justify-content:center;align-items:center;margin:30px 20px 0 0;border:1px solid #e5e5e5;cursor:pointer;box-sizing:border-box}
.pro-review .pro-preview-right .btn-list .btn a,.pro-review .pro-preview-right .btn-list .pdown2 a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.pro-review .pro-preview-right .btn-list .btn span,.pro-review .pro-preview-right .btn-list .pdown2 span{font-size:18px;color:#333}
.pro-review .pro-preview-right .btn-list .btn:hover span,.pro-review .pro-preview-right .btn-list .pdown2:hover span{color:#FFF}
.pro-detail .title{font-size:20px}
.pro-detail .title span{padding-bottom:10px;border-bottom:2px solid #0093dc}
.pro-detail .content{margin-top:30px}
.pro-detail .content p{padding-bottom:0}
.pro-detail table{margin-top:10px}
.pro-detail table,.pro-detail td,.pro-detail th{border:1px solid #eee}
.pro-detail .feedbackForm table{border:none;margin-top:30px}
.pro-detail .feedbackForm td,.pro-detail .feedbackForm th{border:none}
.pro-detail .part{margin:30px 0}
.pic_box{display:flex;margin-top:20px;justify-content:space-between}
.pic_box .pic{width:18%}
.pic_box .pic p{text-align:center}
.singglepic{height:100%;display:flex;justify-content:center;align-items:center;max-width:425px}
.newslist-1{width:100%;position:relative;display:flex;flex-wrap:wrap}
.newslist-1 .news-item{position:relative;width:calc(33% - 37.5px);margin:0 50px 50px 0;background:#FFF;border:1px solid #f6f6f6;transition:transform .3s ease}
.newslist-1 .news-item:nth-of-type(3n){margin-right:0}
.newslist-1 .news-item:hover{box-shadow:0 5px 10px 0 rgba(0,0,0,.1);transform:translateY(-3px)}
.newslist-1 .news-item:hover .news-name{color:#0093dc}
.newslist-1 .news-name{font-size:18px;line-height:1.5;text-align:left;color:#333}
.newslist-1 .news-info{padding:30px;text-align:left}
.newslist-1 .news-con{color:#666;font-size:14px;line-height:1.5;display:-webkit-box;display:-moz-box;max-height:54px;line-height:18px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.newslist-1 .news-date{margin:15px 0;color:#666;font-size:16px}
.newslist-0,.newslist-1 img{width:100%}
.newslist-0 .news-item{background:#fbfbfb;padding:20px;margin-bottom:20px;transition:box-shadow .3s ease,background .3s ease,transform .3s ease}
.newslist-0 .news-item:hover{background:#FFF;box-shadow:0 5px 10px 0 rgba(0,0,0,.05);transform:translateY(-3px)}
.newslist-0 .news-top{display:flex;justify-content:space-between;margin-bottom:20px}
.newslist-0 .news-name{color:#333;line-height:1.3}
.newslist-0 .news-con{font-size:14px;color:#666}
.newslist-0 .news-date{color:#999}
.mainc>.news-title{color:#333;font-size:20px;text-align:center;font-weight:600;line-height:1.5}
.mainc>.news-date{text-align:center;color:#666;font-size:16px;margin:20px 0}
.mainc>.news-text p{line-height:1.8;color:#666;margin-bottom:10px}
.contact-ul li{margin:5px 0;font-size:14px;line-height:1.6;color:#666}
.contact-ul li a{display:inline;color:#666}
.contact-con{margin-left:45px}
.contact-wrap{margin:30px 0 45px}
.contact-img{position:relative}
.contact-img:after{content:"";display:block;width:100%;height:100%;position:absolute;top:15px;left:15px;border:2px solid #000;z-index:-1}
.map_bg{width:100%;height:450px}
.map_bg img{max-height:unset;max-width:unset}
.common-container .feedback-content{margin:50px 0;padding:0 260px;display:flex}
.common-container .feedback-content .feedback-main{margin-left:20px;flex:1}
.common-container .feedback-content .feedback-main .feedback-tips{margin-bottom:50px}
.common-container .feedback-content .feedback-main .feedback-tips p{line-height:30px}
.common-container .feedback-content .feedback-main .feedback-tips p a{color:#0093dc}
.common-container .feedback-content .feedback-main .send-inquiry .inquiry-form{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}
@keyframes hvr-icon-wobble-horizontal{
	16.65%{transform:translateX(6px) scale(1.7)}
	33.3%{transform:translateX(-5px) scale(1.7)}
	49.95%{transform:translateX(4px) scale(1.7)}
	66.6%{transform:translateX(-2px) scale(1.7)}
	83.25%{transform:translateX(1px) scale(1.7)}
	to{transform:translateX(0) scale(1.7)}
}
.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.3s}
.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon{animation-name:hvr-icon-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
.hvr-bounce-to-right{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s}
.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;background:#0093dc;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.hvr-bounce-to-right:active,.hvr-bounce-to-right:active a,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:focus a,.hvr-bounce-to-right:hover,.hvr-bounce-to-right:hover a{color:#FFF}
.hvr-icon-wobble-horizontal .hvr-icon{transform:translateZ(0)}
.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#FFF;transition-property:color;transition-duration:.3s}
.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#0093dc;transform:scaleY(0);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}
.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#FFF}
.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{transform:scaleY(1)}
.hvr-bounce-to-right-y{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s}
.hvr-bounce-to-right-y:before{content:"";position:absolute;z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;background:#0093dc;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.hvr-bounce-to-right-y:active,.hvr-bounce-to-right-y:focus,.hvr-bounce-to-right-y:hover{color:#000}
.hvr-bounce-to-right-y:active:before,.hvr-bounce-to-right-y:focus:before,.hvr-bounce-to-right-y:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}

.head-center{}
.head-logo{margin-top:7px}
.head-logo img{display:block;max-width: 900px;}
.head-tel{}
.head-tel img{display:block;margin: 0px 0;}
.nav{width:100%;margin:0 auto;background-image:url(../images/wj_r6_c2.jpg);background-repeat:repeat-x;background-position:left bottom;height: 52px !important;}
.head{top:0;left:0;right:0;width:100%;box-sizing:border-box;z-index:9;background-color:#0093dc;max-width:1920px;margin:0 auto;position:relative;/* height:80px !important; */transition-property:height;transition-duration:.2s;transition-timing-function:ease;}
.head-center .head-wrapper{max-width: 1300px;}
.head-wrapper{width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.head-nav{height:100%;background-image:url(../images/wj_r6_c44.jpg);background-repeat:no-repeat;background-position:right bottom}
.nav .head-wrapper{background-color:#0092DB;display:block;width: 1400px;}
.head-nav>ul{height:100%;display:flex;background-image: url(../images/wj_r6_c33.jpg);background-repeat: no-repeat;background-position: left bottom;}
.head-nav>ul>li{position:relative;height:100%;float:left;text-align:center;height: 52px;width: 12%;}
.head-nav>ul>li:first-child{}
.head-nav>ul>li>a{transition:color .3s ease;transition:background-color .3s ease;height:100%;font-weight:600;color:#FFF;font-size: 18px;line-height: 24px;height: 24px;padding-top: 18px;display: block;}
.head-nav>ul>li>a:hover{color:#FFBF60}
.head-nav>ul>li .inmenu_1,.head-nav>ul>li:hover>a{opacity:1}
.head-nav>ul .submenu{background-color:#0093dc;position:absolute;width: 100%;transform-origin:top;top:100%;transition:all .4s ease;transform:rotateX(90deg);opacity:0;}
.head-nav>ul .submenu a{display:block;padding:0 20px;line-height:40px;white-space:nowrap;transition:all .4s ease;color:#FFF;opacity:.6}
.head-nav>ul .submenu a:hover{opacity:1}

.headsearch{position:relative;height:100%}
.searchicon{color: #fff;padding:6px 10px;cursor:pointer;font-size:18px;margin-top: 14px;display: block;}
.search-box{position:absolute;right: 0;top:100%;display:none;width:300px;border:1px solid #ccc;background:#fff;height:44px;box-sizing: border-box;}
.search-box #txtSearch{width:260px;height:100%;color:#333;padding: 0 10px;font-size:14px;float:left;outline: 0;border: none;font: inherit;border-radius: 0;box-sizing: border-box;}
.search-box #txtSearch::-webkit-input-placeholder{color:#999}
.search-box #txtSearch::-moz-placeholder{color:#999}
.search-box #txtSearch:-ms-input-placeholder{color:#999}
.search-box #txtSearch::-ms-input-placeholder{color:#999}
.search-box #txtSearch::placeholder{color:#999}
.search-box .searchbtn{width: 38px;float:left;height:100%;background:0 0;display:block;border: none;border-left: 1px solid #ccc;color:#666;cursor: pointer;outline: 0;font: inherit;-webkit-appearance: none;border-radius: 0;box-sizing: border-box;}


.head-top{width:100%;height:40px;background:#333;color:#FFF;font-size:14px}
.head-top .common-wrapper{height:100%;display:flex;justify-content:space-between}
.head-top .top-left,.head-top .top-right{height:100%;line-height:40px}
.head-top .top-right{display:flex}
.head-top .top-right>div{margin:0 20px}
.nav-btn{display:none;position:relative;margin:auto 0;height:4.2666666667vw;width:6vw}
.nav-btn span{border-radius:2px;position:absolute;display:block;width:6vw;height:.6666666667vw;background-color: #000;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s;}
.nav-btn span:first-child{top:.1vw}
.nav-btn span:nth-child(2){top:2.1333333333vw}
.nav-btn span:nth-child(3){top:4.2666666667vw}
.toggle-animate span:first-of-type{top:1.6vw;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s}
.toggle-animate span:nth-of-type(2){opacity:0;transition:opacity .2s}
.toggle-animate span:nth-of-type(3){top:1.6vw;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s}
.foot{width:100%;position: relative;}
.foot .common-wrapper{display:flex;align-items:center}
.foot .text{width:300px;line-height:70px;color:#FFF}
.mobile-bottom{display:none}
.search-box{}
.search-input{display:flex;flex:1;justify-content:flex-end}
.search-input input{display:inline-block;height:40px;box-sizing:border-box;outline:none}
.search-input .seatxt{padding-left:10px;width:560px;border:1px solid #e5e5e5;margin-right:10px;border-radius:999px}
.search-input .stbn{width:150px;background-color:#FFF;color:#0093dc;border:none;cursor:pointer;border-radius:999px}
.foot-list{min-height:300px;box-sizing:border-box;background-color:#222}
.foot-l{width:100%;height:100%;display:flex}
.foot-l .foot-u{margin-top:30px}
.foot-l .foot-u li{margin:20px 0}
.foot-l .foot-u li a{transition:all .3s ease;color:#FFF;opacity:.5;font-size:14px;line-height:1.3}
.foot-l .foot-u li a:hover{opacity:1}
.foot-l .lfr{margin-top:30px;display:flex}
.foot-l .lfr li{margin-right:10px}
.foot-item{padding-top:30px;height:100%;width:25%}
.foot-item .intro{margin-top:30px;color:#FFF;font-size:14px;line-height:1.8;opacity:.5}
.foot-title{font-size:16px;font-weight:700;color:#FFF}
.foot-cate,.foot-code,.foot-nav{padding-left:100px}
.foot-cate ul,.foot-nav ul{margin-top:30px}
.foot-cate ul li,.foot-nav ul li{margin:10px 0}
.foot-cate ul li a,.foot-nav ul li a{transition:all .3s ease;color:#FFF;opacity:.5;font-size:14px;line-height:1.3}
.foot-cate ul li a:hover,.foot-nav ul li a:hover{opacity:1}
.foot-right{width:100%;line-height:25px;background-color:#181818;display:flex;justify-content:center;align-items:center;font-size:14px;line-height: 3;}
.foot-right,.foot-right a{color:hsla(0,0%,100%,.6)}
.foot-right img{margin: 0 3px 0 10px;vertical-align: middle;}
.code-img{margin-top:30px}
.code-img img{max-width:140px}
.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none;display:flex;justify-content:center;align-items:center;width:60px;height:60px;background:#000;opacity:.3;transition:background-color .3s ease,opacity .3s ease}
.swiper-button-next:hover,.swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{background-color:#0093dc;opacity:1}
.preview-container{position:relative;width:450px}
.preview-container .small-box{position:relative;width:450px;height:450px;border:1px solid #eee;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#FFF}
.preview-container .small-box img{max-width:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:hsla(0,0%,80%,.6);border:1px solid #eee;display:none}
.preview-container .thumbnail-box{margin-top:40px;position:relative;width:100%;box-sizing:border-box}
.preview-container .thumbnail-box .list{overflow:hidden;width:390px;margin:0 auto;position:relative}
.preview-container .thumbnail-box .list ul{width:100000px;display:flex}
.preview-container .thumbnail-box .list ul .item{width:58px;height:58px;display:flex;justify-content:center;align-items:center;margin:0 10px;box-sizing:border-box;border:1px solid #ccc}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{max-width:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{border:1px solid #0093dc}
.preview-container .thumbnail-box .list .banner-page{display:none;justify-content:center;align-items:center;position:absolute;height:6.6666666667vw;width:13.3333333333vw;border-radius:5.3333333333vw;background:rgba(0,0,0,.8);bottom:1.3333333333vw;right:1.3333333333vw;z-index:999}
.preview-container .thumbnail-box .list .banner-page span{color:#FFF;font-size:4vw}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;width:22px;height:32px;margin-top:-16px}
.preview-container .thumbnail-box .btn-prev{left:0;background:url(../images/btn_prev.png) no-repeat}
.preview-container .thumbnail-box .btn-next{right:0;background:url(../images/btn_next.png) no-repeat}
.preview-container .thumbnail-box .btn_prev_disabled{background:url(../images/btn_prev_disabled.png) no-repeat;cursor:not-allowed}
.preview-container .thumbnail-box .btn_next_disabled{background:url(../images/btn_next_disabled.png) no-repeat;cursor:not-allowed}
.preview-container .big-box{display:none;overflow:hidden;top:0;left:449px;border:1px solid #eee;position:absolute;width:450px;height:450px;box-sizing:border-box;background:#FFF;z-index:20}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:130%}
.feedbackForm{width:100%;margin:30px 0}
.feedbackForm table{width:100%}
.feedbackForm tbody{display:flex;flex-wrap:wrap;justify-content:space-between}
.feedbackForm tr{width:49%;display:flex;height:40px;line-height:40px;margin-bottom:20px;background-color:#fafafa}
.feedbackForm tr td:first-of-type{width:unset}
.feedbackForm tr td:nth-of-type(2){flex:1}
.feedbackForm tr td:nth-of-type(2) input{width:100%;box-sizing:border-box;height:40px;font-size:16px;border:none;background-color:#fafafa}
.feedbackForm tr td:nth-of-type(2) input:focus{outline:none}
.feedbackForm tr:last-child{margin-top:20px;width:100%;background-color:unset}
.feedbackForm tr:nth-last-child(2){height:auto}
.feedbackForm tr:nth-last-child(2),.feedbackForm tr:nth-last-child(3){width:100%}
.feedbackForm tr textarea{width:100%;margin-top:10px;border:none;outline:none;background-color:#fafafa;font-size:16px;box-sizing:border-box;resize:none;font-family:Arial,sans-serif}
.feedbackForm tr .smtcss{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.feedbackForm tr #ImgSend{width:150px;height:44px;box-sizing:border-box;border:1px solid #e5e5e5;cursor:pointer}
.feedbackForm .lable{padding:0 16px;color:#333}
.feedbackForm .xh{color:red}
@media screen and (max-width:768px){
	.feedbackForm #feedbackForm tr:nth-child(2),.feedbackForm #feedbackForm tr:nth-child(4){display:none}
}
.load{animation:loading 1.4s ease infinite;background-image:linear-gradient(90deg,#f0f0f0 25%,#e3e3e3 37%,#f0f0f0 63%);background-size:400% 100%}
img.lazy{opacity:0}
img:not(.initial){transition:opacity 1s,transform .3s ease}
img.error,img.initial,img.loaded{opacity:1}
img:not([src]){visibility:hidden}
@keyframes loading{
	0%{background-position:100% 50%}
	to{background-position:0 50%}
}@media(max-width:1680px){
	.common-wrapper,.head-wrapper{width:1400px}
	.company-wrap .con{font-size:14px;display:-webkit-box;display:-moz-box;max-height:45px;line-height:15px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
}
@media(max-width:1520px){
	.common-wrapper,.head-wrapper{width:1200px}
	.company-wrap .con{font-size:12px;display:-webkit-box;display:-moz-box;max-height:30px;line-height:15px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
	.prolist-1 .pro-item{width:calc(33% - 10px);margin:0 15px 15px 0}
	.prolist-1 .pro-name{height:30px;line-height:30px;font-size:14px}
	.prolist-1 .pro-info{top:calc(100% - 30px);font-size:12px}
	.newslist-1 .news-info{padding:15px}
	.newslist-1 .news-name{font-size:16px}
	.newslist-1 .news-date{margin:5px 0}
	.newslist-1 .news-item{width:calc(33% - 10px);margin:0 15px 15px 0}
	.pro-review .pro-preview-right article{margin:30px 0 0}
}
@media(max-width:1280px){
	.company-wrap .con{display:none}
	.common-wrapper,.head-wrapper{width:1000px}
	.pro .pro-list-index .pro-name{font-size:14px}
	.pro .pro-list-index .pro-con{font-size:12px}
	.common-btn{width:150px;height:46px}
	.common-btn a{line-height:46px}
	.news .news-list-index .news-info{padding:10px}
	.search-input .seatxt{width:460px}
	.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{width:45px;height:45px}
	.common-main .sidec{width:220px}
}@media(min-width:769px)and (max-width:1080px){
	.head,body{min-width:1060px}
	.common-side{display:none}
}
@media screen and (max-width:768px){
	.head-center{height: 40px;}
	.head-logo{margin: 5px 0;}
	.head-logo img{display:block;max-width: 100%;}
	.head-tel{display: none;}
	.head-tel img{display:block;margin-top:6px}

	.head-top{display:none}
	.head-nav ul li .inmenu_1{background-color:#0093dc}
	.head-nav{position:absolute}
	.head-nav>ul{background-color:#0093dc;top: 40px;right: -80vw;position:fixed;flex-direction:column;width:80vw;height:100vh;overflow:auto;}
	.head-nav>ul>li:first-child{background: none;width: auto;}
	.head-nav>ul>li{position:relative;height:auto;margin:0;display:block;padding:4vw 5.3333333333vw;border-bottom:1px solid hsla(0,0%,100%,.5);width: auto;}
	.head-nav>ul>li a{width:100%;display:flex;justify-content:space-between;color:#FFF;font-size:4vw;height:auto;padding-top: 0;}
	.head-nav>ul>li .inmenu_1:after{content:none}
	.head-nav>ul>li:last-child{border-bottom:none}
	.head-nav>ul>li i{position:absolute;box-sizing:border-box;width:8vw;height:4vw;padding-left:4vw;right:4vw;top:4vw;color:#FFF;transform:scale(1.4) rotate(0);transform-origin:center center;transition:all .3s}
	.head-nav>ul>li .slide-active{transform:scale(1.4) rotate(90deg);transform-origin:6vw 2.9vw}
	.head-nav>ul>li:hover>a,.head-nav>ul>li:hover>i{color:#FFF;background-color:transparent}
	.head-nav>ul>li:hover>a:after,.head-nav>ul>li:hover>i:after{transform:translateX(-50%) rotateY(90deg)}
	.head-nav>ul .submenu{transition:none;position:relative;width:100%;right:0;transform-origin:top;transform:rotateX(0);opacity:1;height:auto;background:#0093dc;top:0;list-style-type:square;display:none}
	.head-nav>ul .submenu li{position:relative;list-style-type:none;padding:1.3333333333vw 0 0;margin:0 0 0 5.3333333333vw;border-bottom:none}
	.head-nav>ul .submenu li a{font-size:3.4666666667vw;line-height:26px}
	.head-nav>ul .submenu li a:hover{background:transparent}
	.headsearch{display:none}
	.head-wrapper{height:100%}
	.head{position:fixed;top:0;left:0;/* height:13.3333333333vw; *//* box-shadow:0 2px 6px rgba(0,0,0,.2); */height: 0 !important;}
	.head-wrapper{justify-content:space-between;position:relative;width: 100%;padding: 0 10px;box-sizing: border-box;}
	.head-logo{width: 80%;}
	.swiper-container .swiper-pagination-bullet-active{width:6vw}
	.nav-btn{display:flex}
	.mobile-bottom{z-index:4;width:100%;justify-content:space-evenly}
	.mobile-bottom,.mobile-bottom .mobile-bottom-item{height:16vw;background:#0093dc;display:flex;align-items:center}
	.mobile-bottom .mobile-bottom-item{padding:.6666666667vw 0;flex-direction:column;justify-content:space-around;width:16vw;font-size:4vw;box-sizing:border-box}
	.mobile-bottom .mobile-bottom-item a{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;color:#FFF}
	.mobile-bottom .mobile-bottom-item i{transform:scale(1.6);margin-bottom:.6666666667vw;color:#FFF}
	.inner-nav{height:12vw;font-size:14px}
	.inner-nav a{line-height:12vw}
	.contact-info{margin-top:5.3333333333vw}
	.table-responsive{touch-action:auto;width:100%;margin:1.3333333333vw 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
	.common-link{flex-direction:column}
	.common-link>div{height:9.3333333333vw}
	.common-link>div,.common-link>div a{line-height:9.3333333333vw}
	.common-link .next,.common-link .prev{padding:0 10px;font-size:14px}
	.common-link .prev i{margin-right:5px}
	.common-link .next i{margin-left:5px}
	.common-link a{font-size:14px}
	.foot{margin-bottom:16vw}
	.common-main{margin-top:5.3333333333vw}
	.sidec{display:none}
	.common-main .mainc{margin-left:0}
	main{}
	.contact-wrap{box-sizing:border-box;margin:5.3333333333vw 0;flex-wrap:wrap}
	.contact-img{width:100%}
	.contact-con{margin:5.3333333333vw 0 0}
	.contact-img:after{top:5px;left:5px}
	.common-pages{flex-wrap:wrap;justify-content:flex-start}
	.common-pages a,.common-pages span{font-size:14px}
	.feedbackForm tr{width:100%}
	.feedbackForm tbody{width:89.3333333333vw}
	.common-btn{width:100%;height:10.6666666667vw}
	.common-btn a{line-height:10.6666666667vw}
	.footlinks{margin-bottom:16vw}
	.pro-type{font-size:16px;width:89.3333333333vw;line-height:30px}
	.map_bg{height:80vw}
	.prodetail-main .common-main{margin:0}
}
@media screen and (max-width:768px){
	.common-wrapper{width:100%;padding:0 5.3333333333vw;box-sizing:border-box}
	.sec{padding:5.3333333333vw 0}
	.common-title{font-size:5.3333333333vw}
	.company-list{margin:5.3333333333vw 0;justify-content:space-between;flex-wrap:wrap}
	.company-item{width:47%;margin-bottom:5.3333333333vw;margin-right:0}
	.company-wrap{padding:0 2vw}
	.company-icon{margin:5.3333333333vw auto;background-size:560px 68px;height:60px;width:60px;background-position:-5px -5px}
	.company-item:nth-of-type(2) .company-icon{background-position:-70px -5px}
	.company-item:nth-of-type(3) .company-icon{background-position:-136px -5px}
	.company-item:nth-of-type(4) .company-icon{background-position:-202px -5px}
	.company-item:after{padding-top:120%}
	.company-wrap .con{display:block;display:-webkit-box}
	.company-wrap .title{font-size:14px}
	.pro .pro-list-index{margin:5.3333333333vw 0;justify-content:space-between;flex-wrap:wrap}
	.pro .pro-list-index .pro-item{width:47%;margin:0 0 5.3333333333vw}
	.pro .pro-list-index .pro-name{height:20px;line-height:20px;padding:0 5px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
	.pro .pro-list-index .pro-wrap:hover .pro-info{top:calc(100% - 20px);padding:0;display:block}
	.company-item{pointer-events:none}
	.pro .pro-list-index .pro-info{top:calc(100% - 20px)}
	.statistics{background-size:cover}
	.statistics .st-con{font-size:5.3333333333vw}
	.statistics .count{flex-wrap:wrap;justify-content:space-between}
	.statistics .count-item{width:47%;margin-bottom:5.3333333333vw}
	.statistics{height:110vw;background-position:50% 50%}
	.news .news-list-index{margin:5.3333333333vw 0}
	.news .news-list-index .news-item{width:100%;margin:0 0 5.3333333333vw}
	.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{display:none}
	.search-box{height:auto}
	.search-box .common-wrapper{display:flex;flex-direction:column;height:auto;padding:2.6666666667vw}
	.search-input .seatxt{width:auto;flex:8}
	.search-input .stbn{width:50px;flex:2}
	.search-input{width:100%;justify-content:flex-start}
	.foot .text{width:100%;line-height:30px;margin-bottom:2vw;font-size:14px}
	.foot-code,.foot-intro,.foot-nav{display:none}
	.foot-item{width:100%;padding-top:5.3333333333vw}
	.foot-l .foot-u{margin-top:5.3333333333vw}
	.foot-l .foot-u li{margin:2.6666666667vw 0}
	.foot-list{height:auto;min-height:unset}
	.foot-right{height:auto;font-size:14px;padding:2.6666666667vw 0;flex-wrap:wrap;line-height:1.5}
}
@media screen and (max-width:768px){
	.common-main .mainc{width:100%}
	.prolist-1 .pro-item{width:100%;margin:0 0 5.3333333333vw;pointer-events:unset}
	.prolist-1 .pro-con{display:-webkit-box;display:-moz-box;max-height:56px;line-height:14px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
	.prolist-1 .pro-name{font-size:16px;padding:0 5px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
	.prolist-0 .pro-item{flex-direction:column}
	.prolist-0 .pro-info{flex:1;padding:4vw}
	.prolist-0 .pro-name{margin:4vw 0}
	.prolist-0 .more-btn{margin:4vw 0 0;width:100%;height:10.6666666667vw;line-height:10.6666666667vw}
	.prolist-0 .pro-img{border:1px solid #eee;border-bottom:none}
	.prolist-0 .pro-img>a{justify-content:center}
	.prolist-0 .pro-con{display:-webkit-box;display:-moz-box;max-height:54px;line-height:18px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
	.pro-review{flex-direction:column}
	.pro-review .pro-preview-left{width:100vw;min-width:100vw;position:relative;left:-5.3333333333vw;height:auto}
	.pro-review .pro-preview-left .preview-container{background:#FFF;visibility:hidden;width:100%}
	.pro-review .pro-preview-left .preview-container .small-box{display:none}
	.pro-review .pro-preview-left .preview-container .thumbnail-box{margin-top:0}
	.pro-review .pro-preview-left .preview-container .thumbnail-box a{display:none}
	.pro-review .pro-preview-left .preview-container .thumbnail-box .list,.pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper{width:100%}
	.pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item{height:auto;border:none;margin:0}
	.pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img{width:100%}
	.pro-review .pro-preview-left .preview-container .thumbnail-box .list .banner-page{display:flex}
	.pro-review .pro-preview-right{margin-bottom:0;padding:5px 0}
	.pro-review .pro-preview-right .pro-name{font-size:18px;margin:4vw 0}
	.pro-review .pro-preview-right .pro-price,.pro-review .pro-preview-right .pro-views{font-size:16px;margin:5px 0;padding-bottom:0}
	.pro-review .pro-preview-right .share-btn-list{margin:1.3333333333vw 0}
	.pro-review .pro-preview-right article{font-size:14px;line-height:1.3;margin:0}
	.pro-review .pro-preview-right .btn-list{justify-content:space-between;margin-top:4vw}
	.pro-review .pro-preview-right .btn-list .btn,.pro-review .pro-preview-right .btn-list .pdown2{height:13.3333333333vw;width:100%;margin:2.6666666667vw 0}
	.pro-review .pro-preview-right .btn-list .btn span,.pro-review .pro-preview-right .btn-list .pdown2 span{font-size:16px}
	.pro-review .singglepic{width:100%!important;height:auto!important;margin-top:0;margin-bottom:0!important;border:none!important}
	.pro-review .singglepic img{max-width:100%;max-height:100%}
	.swiper-container .swiper-pagination-bullet{background-color:#000;opacity:.2}
	.swiper-container .swiper-pagination-bullet-active{background-color:#0093dc;opacity:1}
	.products-main .swiper-container .swiper-pagination-bullet-active{width:8px}
	.products-main .inner-banner,.products-main .inner-nav{display:none}
	.products-main .common-main{margin-top:0}
	.random-prolist .pro-item{width:47%}
	.prodetail-main .inner-banner img{display:none}
}
@media screen and (max-width:768px){
	.newslist-1 .news-item{width:100%;margin:0 0 5.3333333333vw}
	.newslist-1 .news-item img{width:100%}
	.newslist-0 .news-item{padding:5.3333333333vw}
	.newslist-0 .news-top{flex-direction:column;margin-bottom:0}
	.newslist-0 .news-date{margin:2.6666666667vw 0}
	.newslist-0 .news-con{display:-webkit-box;display:-moz-box;max-height:54px;line-height:18px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
}
.prolist-1 .pro-name{-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.infoBoxContent p{line-height:1.2}
.infoBoxContent a{color:blue}
#swiper-banner .swiper-slide img{width:100%}
.e_mobile{display:none}
@media screen and (max-width:768px){
	.pro-review .pro-preview-right article{display:none}
	.pro-detail .content p{font-size:18px;line-height:2}
	.foot{margin-bottom:16vw;margin-bottom:calc(16vw + constant(safe-area-inset-bottom));margin-bottom:calc(16vw + env(safe-area-inset-bottom))}
	.mobile-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
	.mobile-bottom,.mobile-bottom .mobile-bottom-item{height:16vw}
	.pro-review .pro-preview-right{height:auto}
	.mainc>.news-title{text-align:left}
	.mainc>.news-date{margin:10px 0;text-align:left;font-size:12px;color:#666!important}
	.mainc>.news-date a{color:#666!important}
	.mainc>.news-text p{line-height:2;color:#444;font-size:18px}
}
.my_pages{clear:both!important;padding:5px 0 0;text-align:center;margin:5px auto;line-height:30px;text-align:center;}
.my_pages span{list-style:none;text-align:center;height:24px;display:inline;margin:0 2px;padding:0;overflow:hidden;white-space:nowrap;font-size:13px}
.my_pages a{background:#fff;color:#555;display:inline;height:24px;overflow:hidden;padding:6px 10px;margin:0;border:#999 1px solid}
.page-numbar a{margin:0 2px}
.my_pages a:hover{color:#fff;background:#FF6600;border:#FF6600 1px solid;height:24px;overflow:hidden;text-decoration:none;cursor:pointer}
.my_pages a.page-num-current{background:#FF6600;border:#FF6600 1px solid;height:24px;overflow:hidden;color:#fff;font-weight:700}
.head-tel{color:#fff;font-size:20px}
.footer-nav{background: #222222;line-height:50px;position: relative;}
.footer-nav ul{justify-content:space-around}
.footer-nav li{}
.footer-nav a{color:#fff;font-size:18px;font-weight:bold;}
.footer-nav li:first-child a{opacity:1}
.footer-nav a:hover{}
.code-ewm{height:auto !important}
@media screen and (max-width:768px){
	.footer-nav{display:none}
}

.sssfix {
    position: fixed;
    top: 54px;
    width: 270px;
    background: #fff;
}


.suspension{position:fixed;z-index:999999999;right:0;bottom:50%;ght:240px;margin-bottom:-120px;margin-bottom:-120px;margin-bottom:-120;margin-bottom:-12;margin-bottom:-1;margin-bottom:-}
.suspension-box{position:relative;float:right}
.suspension .a{display:block;width:55px;height:40px;padding:10px 0 5px;background-color: #0092DB;margin-bottom:4px;cursor:pointer;outline:none;text-decoration:none;text-align:center;border-radius:2px;}
.suspension .a.active,.suspension .a:hover{background: #015198;}
.suspension .a .i{display:inline-block;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat}
.suspension .a-service .i{display:inline-block;width:20px;height:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0}
.suspension .a span{display:block;width:100%;text-align:center;color:#fff;font-size:12px;padding-top:4px}
.suspension .a-service-phone .i{display:inline-block;width:20px;height:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{display:inline-block;width:20px;height:20px;background-position:-56px -12px}
.suspension .a-cart .i{background-position:-88px 0}
.suspension .a-top .i{background-position:-132px 0}
.suspension .a-top{background:#D2D3D6;display:none}
.suspension .a-top:hover{background:#c0c1c3}
.suspension .d{display:none;width:240px;background:#fff;position:absolute;right:67px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161,163,175,0.11)}
.suspension .d .arrow{position:absolute;width:8px;height:12px;right:-8px;top:31px}
.qrcode-img img{width:150px;margin:0 auto}
.suspension .d-service{top:0}
.suspension .d-service-phone1{top: 0;}
.suspension .d-service-phone2{top: 60px;}
.suspension .d-service-phone3{top: 120px;}
.suspension .d-service-phone4{top: 180px;}
.suspension .d-qrcode{top:78px}
.suspension .d .inner-box{padding:8px 22px}
.suspension .d-service-item{padding:4px 0}
.suspension .d-service-item:after{display:block;content:'';clear:both}
.suspension .d-service .d-service-item{border-bottom:none}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden}
.suspension .d-service-item:hover .i-qq{background-position:center 3px}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item p{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px}
.suspension .d-service .d-service-item p{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}
.suspension .d-service-intro{padding-top:10px}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block}
.suspension .d-qrcode{text-align:center;width:160px}
.suspension .d-qrcode .inner-box{padding:10px 0}
.suspension .d-qrcode p{font-size:14px;color:#999;padding-top:5px}
@media screen and (max-width:768px){
	.suspension{display:none}
}