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:1274px;margin:0 auto;}
body{max-width:1920px;margin:0 auto;/* background: url(../images/1.jpg) no-repeat center 82px; */}
.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}
.side-contact .contact-ul li{margin:5px 0;font-size:14px;line-height:1.6;color:#666}
.side-contact .contact-ul .iconfont{margin-right:3px}
.side-contact .contact-ul li a{display:inline;color:#666}
.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: calc(12.8vw + 28px);}
.footlinks{padding: 15px 10%;background: #015198;height: 40px;}
.footlinks,.footlinks a{font-size:12px;}
.link{
    float: left;
    border-left: 3px solid #0091DA;
    padding-left: 10px;
    color: #fff;
}
.link .en{
    font-size: 26px;
}
.link .cn{
}
.footlinks a{
    font-size: 16px;
    margin: 12px 10px;
    display: inline-block;
    color: #fff;
}
.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-banner .swiper-slide{width:100%;display:flex;justify-content:center}
#swiper-banner .swiper-button-next:after,#swiper-banner .swiper-button-prev:after{content:""}
#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{font-size:30px;color:#FFF}
#swiper-banner .swiper-pagination-bullet{transition:width .3s ease;background:#FFF;opacity:.7}
#swiper-banner .swiper-pagination-bullet-active{width:30px;border-radius:999px}
.sec{padding:60px 0}
.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{text-align:center}
/*product*/

.common-title{display:flex;justify-content:space-between;padding:29px 0 68px;background:url(../images/title-icon.png) no-repeat 0 105px}
.common-title .cn{font-size:36px;position:relative}
.common-title .en{font-size:57px;font-weight:bold;color:#F0F0F0;margin-top:-25px}
.common-title a{line-height:32px;height:30px;border:1px solid #F1F1F1;display:block;width:140px;text-align:center;margin-top:27px;font-size:14px}
.common-title span{margin-left:22px}

.pro .pro-list-index{width:100%;position:relative;display:flex;flex-wrap:wrap;margin-bottom: 27px;}
.pro .pro-list-index .pro-item{position:relative;width: calc(25% - 10px);margin: 0 13px 20px 0;background:#FFF;}
.pro .pro-list-index .pro-item:after{content:"";display:block;padding-top: 104%;}
.pro .pro-list-index .pro-item:nth-of-type(4n){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% - 32px);background:rgba(0,0,0,.7);box-sizing:border-box;transition:top .3s ease;}
.pro .pro-list-index .pro-name{color:#FFF;font-size: 16px;line-height: 32px;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}

.prolist{}
.prolist .prolist-title{background: url(../images/pro-title-bg.jpg) no-repeat 0 bottom;background-size: 100% auto;margin-bottom: 40px;position:relative}
.prolist .prolist-title-left{overflow:hidden}
.prolist .prolist-title-top{display:flex;margin-top:60px;margin-bottom:8px}
.prolist .prolist-title-top .cn{font-size:48px;font-weight:bolder;/* border-right:3px solid #0051A1; */padding-right:25px;margin-right:30px;margin-bottom: 25px;}
.prolist .prolist-title-top .en{font-size:38px;color:#7B7B7B;margin-top:10px}
.prolist .prolist-title-bottom{color:#fff;font-size: 21px;padding: 20px 0 0 50px;max-width: 900px;line-height:50px;height: 100px;overflow: hidden;}
.prolist .prolist-title-bottom p:first-child{font-size: 28px;}
.prolist .prolist-title-bottom p:last-child{
    font-size: 20px;
    line-height: 26px;
    overflow: hidden;
}
.prolist .prolist-title-left a{line-height:32px;height: 32px;display:block;width:140px;text-align:center;margin: 20px 0 25px 50px;font-size:14px;color: #fff;background: #FF5722;border-radius: 5px;}
.prolist .prolist-title-left span {
    margin-left: 22px;
}
.prolist .prolist-title-left a:hover{
    background: #000;
}
.prolist .prolist-title-right{position:absolute;bottom: 10px;right:20px;max-width: 300px;}
.prolist .pro-list-index{width:100%;position:relative;display:flex;flex-wrap:wrap;margin-bottom: 27px;}
.prolist .pro-list-index .pro-item{position:relative;width: calc(25% - 20px);margin: 0 26px 20px 0;background:#FFF;}
.prolist .pro-list-index .pro-item:after{content:"";display:block;padding-top: 100%;}
.prolist .pro-list-index .pro-item:nth-of-type(4n){margin-right:0}
.prolist .pro-list-index .pro-item img{max-width:100%;max-height:100%;}
.prolist .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;}
.prolist .pro-list-index .pro-wrap:hover .pro-info{padding:20px;top:0;justify-content:center}
.prolist .pro-list-index .pro-wrap:hover .pro-con{display:block;display:-webkit-box;display:-moz-box}
.prolist .pro-list-index .pro-info{display:flex;flex-direction:column;position:absolute;width:100%;height:100%;left:0;top: calc(100% - 32px);background:rgba(0,0,0,.7);box-sizing:border-box;transition:top .3s ease;}
.prolist .pro-list-index .pro-name{/* height:50px; */color:#FFF;font-size: 16px;line-height: 32px;text-align:center;}
.prolist .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}

.about{position:relative;height:330px;margin-top:52px}
.about>.common-wrapper{position:relative;width:1460px}
.about>.common-wrapper:before{display:block;content:'';width:100%;height:330px;position:absolute;right:58%;background:url(../images/about.jpg) no-repeat center right}
.aboutR{width:58%;float:right;box-sizing:border-box}
.aboutR .about-title{margin-left:20px;border-left:3px solid #024EA4;margin-top:7px;padding:12px 0 0 16px;margin:7px 0 31px 20px;position:relative}
.aboutR .about-title:before{display:block;content:'';width:0;border:5px solid transparent;border-left-color:#024EA4;position:absolute;left:0;top:50%;margin-top:-2px}
.aboutR .about-title .cn{font-size:18px;margin-top:3px}
.aboutR .about-title .en{font-size:36px}
.aboutR .about-text{background:#FAFAFA;padding:46px 30px 37px 30px;font-size:21px;line-height:1.7;text-indent:2em}
.aboutR .about-text a{line-height:32px;height:30px;border:2px solid #F1F1F1;display:block;width:140px;text-align:center;margin-top:39px;font-size:14px;text-indent:0}
.aboutR .about-text span{margin-left:22px}


.statistics{padding: 80px 0 30px;background:url(../images/st.jpg) no-repeat;background-size:cover;box-sizing:border-box;}
.statistics .common-wrapper{text-align:center}
.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}
.hzbm{}
.hzbm .hzbm-box{position: relative;}
.hzbm .hzbm-list-index{width: 92%;position:relative;display:flex;flex-wrap:wrap;margin-bottom: 27px;}
.hzbm .hzbm-list-index .swiper-wrapper{}
.hzbm .hzbm-list-index .hzbm-item{position:relative;width: 20%;background:#FFF;box-sizing: border-box;padding: 0 10px;}
.hzbm .hzbm-list-index .hzbm-item:nth-of-type(4n){margin-right:0}
.hzbm .hzbm-list-index .hzbm-item img{max-width:100%;max-height:100%;display: block;}
.hzbm .hzbm-list-index .hzbm-wrap{}
.hzbm .hzbm-list-index .hzbm-name{background: #333;color:#FFF;font-size: 16px;line-height: 32px;text-align:center;}
.hzbm .hzbm-controls{position:absolute;width:100%;height:100%;top:0;left:0}
.hzbm .hzbm-controls i{font-size:30px}
.hzbm .hzbm-controls .swiper-button-prev,.hzbm .hzbm-controls .swiper-button-next{width:3%;height:100%;top:0;margin-top:0;background:#015198;opacity:1;color:#fff}
.hzbm .hzbm-controls .swiper-button-prev{left:0}
.hzbm .hzbm-controls .swiper-button-next{right:0}

.zszs{}
.zszs .zszs-box{position: relative;}
.zszs .zszs-list-index{width: 92%;position:relative;display:flex;flex-wrap:wrap;margin-bottom: 27px;}
.zszs .zszs-list-index .swiper-wrapper{}
.zszs .zszs-list-index .zszs-item{position:relative;width: 33.3%;background:#FFF;box-sizing: border-box;padding: 0 10px;}
.zszs .zszs-list-index .zszs-item:nth-of-type(4n){margin-right:0}
.zszs .zszs-list-index .zszs-item img{max-width:100%;max-height:100%;display: block;margin: 0 auto;border: 15px solid #DFDFDF;box-shadow: 0 0 5px #eee;position: relative;z-index: 1;box-sizing: border-box;}
.zszs .zszs-list-index .zszs-wrap{}
.zszs .zszs-list-index .zszs-name{background: url(../images/zs-bottom.png) no-repeat center;height: 71px;margin-top: -17px;}
.zszs .zszs-controls{position:absolute;width:100%;height:100%;top:0;left:0}
.zszs .zszs-controls i{font-size:30px}
.zszs .zszs-controls .swiper-button-prev,.zszs .zszs-controls .swiper-button-next{width: 30px;height: 80px;top: 50%;margin-top: -40px;background:#015198;opacity:1;color:#fff;}
.zszs .zszs-controls .swiper-button-prev{left:0}
.zszs .zszs-controls .swiper-button-next{right:0}

#contact-index{position:relative;padding-top:50px}
.contact-index{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.contact-index .common-wrapper{height:100%}
.contact-box{width: 270px;height:100%;background:rgb(2 40 125 / 80%);padding:14px 0;color:#fff;border-top:3px solid #048ED7;box-sizing:border-box;position:relative;z-index: 1;}
.contact-box:before{display:block;content:'';width:0;border:5px solid transparent;border-top-color:#048ED7;position:absolute;top:0px;left:50%;margin-left:-2px}
.contact-title{text-align:center}
.contact-index .en{font-size:24px;line-height:1.5}
.contact-index .cn{}
.contact-index ul{margin: 20px 15px;}
.contact-index li{/* border-bottom:1px solid; */margin: 5px 0;line-height: 1.6;color: #fff;text-align: left;}
.contact-index li:last-child{}
.baidu-map *{max-width:unset;max-height:unset}

.news .news-list-index{margin: 30px 0 0;width:100%;position:relative;display:flex;flex-wrap:wrap;}
.news .news-list-index .news-item{position:relative;width: calc(33% - 30px);margin: 0 48px 0 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 3px 8px 0 rgba(1,81,152,.2);transform:translateY(-3px)!important;}
.news .news-list-index .news-item:hover .news-name{color:#0093dc}
.news .news-list-index .news-item img{
    margin: 0 auto;
    display: block;
}
.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;justify-content: space-between;}
.head-nav>ul>li{position:relative;height:100%;float:left;text-align:center;height: 52px;}
.head-nav>ul>li:first-child{
    margin-left: 30px;
}
.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%;margin-right: 30px;}
.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%}
.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{
    vertical-align: middle;
    margin: 0 3px 0 10px;
}
.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: 1274px;}
}
@media(max-width:1520px){
    .common-wrapper,.head-wrapper{width:1200px}
    .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){
    .common-wrapper,.head-wrapper{width:1000px}
    .prolist .prolist-title-top .cn{
    margin-bottom: 10px;
    font-size: 40px;
}
    .prolist .prolist-title-bottom{
    line-height: 2;
    height: unset;
    padding-top: 15px;
    max-width: 660px;
}
    .prolist .prolist-title-left a{
    margin-bottom: 15px;
}
    .prolist .prolist-title-bottom p:first-child{
    font-size: 20px;
}
    .prolist .prolist-title-bottom p:last-child{
    height: unset;
}
    .prolist .prolist-title-bottom a{}
    .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){
    .prolist .prolist-title-bottom p:first-child{height:auto;line-height: 2;}
    .prolist .prolist-title-bottom p:last-child{
    font-size: 16px;
}
    .head-center{height: auto;}
    .head-logo{margin: 14px 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: calc(12.8vw + 28px);right: -80vw;position:fixed;flex-direction:column;width:80vw;height:100vh;overflow:auto;justify-content: unset;}
    .head-nav>ul>li:first-child{background: none;width: auto;margin-left: 0;}
    .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;position: relative;z-index: 2;}
    .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;position: relative;z-index: 10;}
    .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{padding: 10px;}
    .footlinks .en{}
    .footlinks .cn{}
    .footlinks .link{}
    .footlinks a{
    margin: 3px 10px;
    font-size: 14px;
}
    .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){
    .about>.common-wrapper{width:100%}
    .common-wrapper{width:100%;padding: 0 10px;box-sizing:border-box;}

    .prolist{}
    .prolist .prolist-title{
    margin-bottom: 10px;
    background: none;
}
    .prolist .prolist-title-left{}
    .prolist .prolist-title-top{
    display: block;
    margin: 10px 0;
}
    .prolist .prolist-title-top .cn{
    border: 0;
    font-size: 30px;
}
    .prolist .prolist-title-top .en{
    font-size: 20px;
}
    .prolist .prolist-title-bottom{
    /* color: #666; */
    font-size: 14px;
    padding: 5px 10px;
    line-height: 1.2;
    height: auto;
    background: #015198;
    border-radius: 10px;
}
    .prolist .prolist-title-left a{
    margin-top: 10px;
    color: #000;
    margin-left: 0;
}
    .prolist .prolist-title-left span {}
    .prolist .prolist-title-right{
    display: none;
}
    .prolist .pro-list-index{
    margin-bottom: 0;
}
    .prolist .pro-list-index .pro-item{
    width: calc(50% - 7px);
    margin: 0 14px 15px 0;
}
    .prolist .pro-list-index .pro-item:after{}
    .prolist .pro-list-index .pro-item:nth-of-type(2n){
    margin-right: 0;
}
    .prolist .pro-list-index .pro-item img{
}
    .prolist .pro-list-index .pro-wrap{}
    .prolist .pro-list-index .pro-wrap:hover .pro-info{}
    .prolist .pro-list-index .pro-wrap:hover .pro-con{}
    .prolist .pro-list-index .pro-info{}
    .prolist .pro-list-index .pro-name{}
    .prolist .pro-list-index .pro-con{}

    .about{
    margin-top: 10px;
    height: auto;
}
    .about>.common-wrapper{}
    .about>.common-wrapper:before{display: none;}
    .aboutR{
    width: 100%;
    float: none;
}
    .aboutR .about-title{margin: 0 0 20px 0;padding: 0 0 0 15px;}
    .aboutR .about-title:before{}
    .aboutR .about-title .cn{}
    .aboutR .about-title .en{
    font-size: 30px;
}
    .aboutR .about-text{
    padding: 20px;
    font-size: 14px;
}
    .aboutR .about-text a{
    margin-top: 10px;
}
    .aboutR .about-text span{}
    .hzbm .hzbm-list-index .hzbm-item{width:50%}
    .zszs .zszs-list-index .zszs-item{padding: 0 5px;width:50%;}
    .zszs .zszs-list-index .zszs-name{
    background-size: contain;
    height: 52px;
    display: none;
}
.zszs .zszs-list-index .zszs-item img{border-width:5px}

    
    .sec{padding:5.3333333333vw 0}
    .common-title{font-size:5.3333333333vw}
    .common-title{padding: 20px 0 20px;}
    .common-title .cn{font-size: 20px;}
    .common-title .en{font-size: 22px;margin-top: -10px;}
    .common-title a{width: 100px;margin-top: 0;}
    .common-title span{margin-left: 5px;}
    .pro .pro-list-index{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}
    .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;margin-bottom: 16vw;}
}
@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}
.my_pages ul{text-align:center;list-style:none}
.my_pages ul li{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 ul li a{background:#fff;color:#555;display:inline;height:24px;overflow:hidden;padding:6px 10px;margin:0;border:#999 1px solid}
.my_pages ul li a:hover{color:#fff;background:#FF6600;border:#FF6600 1px solid;height:24px;overflow:hidden;text-decoration:none;cursor:pointer}
.my_pages ul li.thisclass a{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;}
.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{}
@media screen and (max-width:768px){
    .footer-nav{display:none}
}

.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}
}

#index-company{
    width: 1200px;
    margin: 0 auto;
}
.company-title{
    text-align: center;
    font-size: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbe3ef;
}
.yzlx{
    text-align: center;
    font-size: 18px;
    line-height: 37px;
}
.yzlx .pg{
    color: #2192d9;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(../images/gys.png) no-repeat 0 center;
    padding-left: 44px;
}
.yzlx .jc{
    color: #007ffc;
    font-size: 14px;
    vertical-align: middle;
    background: url(../images/xcjc.png) no-repeat 0 center;
    padding-left: 25px;
}
.ziliao{}
.ziliao li{
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    width: 33%;
    padding: 15px 30px;
    color: #333;
    box-sizing: border-box;
}
.ziliao li:before{
    float: left;
    display: inline-block;
    content: '';
    border: 1px solid #dae2ed;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-image: url(../images/icon-icon.png);
}
.ziliao li:nth-child(1):before{
    background-position: -20px -20px;
}
.ziliao li:nth-child(2):before{
    background-position: -100px -20px;
}
.ziliao li:nth-child(3):before{
    background-position: -180px -20px;
}
.ziliao li:nth-child(4):before{
    background-position: -340px -20px;
}
.ziliao li:nth-child(5):before{
    background-position: -500px -20px;
}
.ziliao li:nth-child(6):before{
    background-position: -660px -20px;
}
.ziliao dl{
    margin: 8px 0 0 70px;
    line-height: 21px;
}
.ziliao dt{
    color: #ff751a;
}
.ziliao dd{
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #ff751a;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAAzElEQVQokZWRrwrCcBSFv9+PYTAIw7aosGI3WGx7BLNBEKzDoAhiEWRvYdQ38AHsvsDimggGBRGOYTj/TZm3XLh858A9B/4YRQ2ZwvC6p+LOQ0eauMUEmrhSSAbbn/C8Js4HqLey21eBlh2xj8E6mME2+9V+fWa3Snc7fDkbhYhqDTOOMxeNyuJygoqHmSYvSVr8APYxWviCNGsup9TtDQYwAJp54phAqcwdxg8w/U2+AOA5OqyDia65pT5SeoqOZjeP/RzNPClq/Gz0BqDoRxlkPJhTAAAAAElFTkSuQmCC) right 2px no-repeat;
    padding-right: 17px;
    box-sizing: border-box;
}
.zhaopian{
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 30px auto 50px;
}
.zhaopian li{
    width: 24%;
}
.zhaopian img{}
#message{background:#f5f5f5;padding-top:30px;padding-bottom:50px}
#message .title{text-align: center;margin: 0px auto 30px auto;}
#message .title i{display: inline-block;width: 100px;height: 8px; background: url(/templets/default/css/line.jpg) no-repeat center top;vertical-align: middle;}
#message .centent{position:relative;width:1000px;height:370px;background:#fff;margin:0 auto;-webkit-box-shadow:#666 0px 0px 10px;-moz-box-shadow:#666 0px 0px 10px;box-shadow:0 10px 15px rgba(204,204,204,.3)}
#message .centent .mess_tl{position:absolute;top:0;left:-120px;width:164px;height:86px;background:url(/templets/default/css/mess_tl.png) no-repeat center}
#message .centent .mess_br{position:absolute;bottom:50px;right:65px;width:76px;height:54px;background:url(/templets/default/css/mess_br.png) no-repeat center}
#message .centent ul{width:770px;margin:0 auto}
#message .centent ul li:first-child{margin-left:0}
#message .centent ul li{float:left;margin-left: 45px;}
#message .centent ul dt{padding-top:60px}
#message .centent ul dt label{width:100px;margin-right:10px;font-size: 14px;}
#message .centent ul dt input{width:180px;height:30px;border:1px solid #e6e6e6;padding-left:2px;line-height:26px}
#message .centent ul dt select{width:180px;height:32px;border:1px solid #e6e6e6;padding-left:2px;line-height:32px}
#message .centent ul dt textarea{width:100%;height:120px;margin-top:30px;text-indent:1.5em;padding-top:15px;border:1px solid #e6e6e6}
#message .centent ul dd{text-align:center}
#message .centent ul dd input{width:300px;height:50px;background:#0099e6;color:#fff;border:0;margin-top:20px;font-size:18px}
@media screen and (max-width:768px){
    #index-company{
    width: 100%;
}
    .company-title{}
    .yzlx{
    font-size: 16px;
}
    .yzlx .pg{}
    .yzlx .jc{}
    .ziliao{}
    .ziliao li{
    padding: 5px 0 10px 5px;
    width: 49%;
}
    .ziliao dl{}
    .ziliao dt{}
    .ziliao dd{}
    .zhaopian{
    width: 98%;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
    .zhaopian li{
    width: 49%;
    margin-bottom: 6px;
}
    .zhaopian img{}
    #message{}
    #message .centent{
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}
    #message .centent .mess_tl{}
    #message .centent .mess_br{}
    #message .centent ul{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}
    #message .centent ul li:first-child{}
    #message .centent ul li{
    margin: 5px 0;
}
    #message .centent ul dt{
    padding-top: 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
    #message .centent ul dt label{}
    #message .centent ul dt input{}
    #message .centent ul dt select{}
    #message .centent ul dt textarea{
    margin-top: 10px;
}
    #message .centent ul dd{}
    #message .centent ul dd input{}

}