@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;
400&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);
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
}.clearfix {zoom:1;}
.clearfix:before,.clearfix:after {display:table;content:"";}
.clearfix:after {clear:both;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1;background: #dddddd;
}
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-size:16px
}
input{
    -webkit-appearance:none;
    border-radius:0
}
.flex{
    display:flex;
    justify-content:center;
    align-items:center
}
.flex-wrapper,.list-4{
    display:flex;
    flex-wrap:wrap
}
.list-4{
    width:100%
}
.list-4>li{
    width:calc(25% - 15px);
    height:300px;
    margin-right:20px;
    box-sizing:border-box;
    border:1px solid #000;
    margin-bottom:20px
}
.list-4>li:nth-of-type(4n){
    margin-right:0
}
.list-2{
    display:flex;
    flex-wrap:wrap;
    width:100%
}
.list-2>li{
    width:calc(50% - 15px);
    height:300px;
    margin-right:30px;
    box-sizing:border-box;
    border:1px solid #000;
    margin-bottom:30px
}
.list-2>li:nth-of-type(2n){
    margin-right:0
}
.list-1{
    display:flex;
    flex-wrap:wrap;
    width:100%
}
.list-1>li{
    width:100%;
    height:200px;
    box-sizing:border-box;
    border:1px solid #000;
    margin-bottom:30px
}
.list-6{
    width:100%;
    display:flex
}
.list-6>li{
    flex:1;
    box-sizing:border-box;
    border:1px solid #000;
    margin-right:20px
}
.list-6>li:after{
    display:block;
    content:"";
    width:100%;
    padding-bottom:100%
}
.card{
    display:flex;
    flex-direction:column
}
.common-wrapper{
    width:1600px;
    margin:0 auto
}
body{
    max-width:1920px;
    margin:0 auto;
    font-family:Roboto,sans-serif
}
.banner{
    width:100%;
    position:relative;

    background:#0078d7
}
.banner img{
    width:100%;
    display:block
}
.banner-wrap{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.banner-title{
    text-transform:uppercase;
    font-family:Bebas Neue;
    font-size:52px;
    color:#fff;
    margin-bottom:22px
}
.bPosition{
    font-size:14px;
    color:#ffffff
}
.bPosition a{
    color:#fff
}
.bPosition span{
    color:#fff;
    margin:0 5px
}
.common-main{
    padding:60px 0 0
}
.common-main .common-wrapper{
    width:1400px
}
.common-main article img{
    margin:0 auto
}
.common-main article p{
    margin-bottom:20px;
    line-height:2
}
.common-left{
    flex:1
}
.common-right{
    width:350px;
    margin-left:68px
}
.common-pages{
   
    align-items:center;
    justify-content:flex-end;
    margin-bottom:50px;
    width:auto;
    color:#3c3c3c;
    margin-left:auto
}
.common-pages .tip{
    margin-right:10px
}
.common-pages .tol{
    margin-left:10px
}
.common-pages .tip,.common-pages .tol{
    padding:0;
    opacity:1;
    border:none;
    font-weight:400;
    background:transparent
}
.common-pages a,.common-pages span{
    padding:16px 20px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#3c3c3c;
    border-top:1px solid #d7d7d7;
    border-bottom:1px solid #d7d7d7;
    border-left:1px solid #d7d7d7;
    background:#fff
}
.common-pages span{
    opacity:.4
}
.common-pages span.ctxt{
    opacity:1;
    background:#0078d7;
    border-color:#0078d7;
    color:#fff
}
.common-pages a:hover{
    background-color:#0078d7;
    border-color:#0078d7;
    color:#fff
}
.common-pages .last{
    border-right:1px solid #d7d7d7
}
.side-search{
    width:100%;
    background:#0078d7;
    padding:34px 24px;
    box-sizing:border-box;
    position:relative
}
.side-search input{
    width:100%;
    height:50px;
    outline:none;
    border:none;
    padding-left:14px
}
.side-search .btn{
    position:absolute;
    top:39px;
    right:13px;
    width:43px;
    height:43px;
    background:#000;
    cursor:pointer
}
.side-search .btn i{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff
}
.side>div{
    margin-bottom:30px
}
.side-title{
    width:100%;
    height:55px;
    line-height:55px;
    font-size:18px;
    background-color:#0078d7;
    color:#fff;
    padding-left:33px;
    text-transform:uppercase;
    box-sizing:border-box;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.side-cate>ul{
    padding:10px 33px;
    background:#fff;
    font-size:14px
}
.side-cate .type-active{
    color:#0078d7
}
.side-cate>ul li{
    position:relative;
    border-bottom:1px solid #eee;
    line-height:45px
}
.side-cate>ul li:hover>a{
    color:#0078d7
}
.side-cate>ul li a{
    width:100%;
    height:100%;
    display:block;
    padding-right:50px;
    transition:color .3s;
    line-height:45px;
    box-sizing:border-box;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.side-cate>ul>li:last-child{
    border:none
}
.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:16px;
    right:21px;
    width:8px;
    height:8px;
    border:2px solid #707070;
    border-top:none;
    border-left:none;
    transform:rotate(45deg);
    transition:transform .15s;
    cursor:pointer
}
.side-cate>ul>li i.active:before{
    transform:rotate(-45deg) rotateX(180deg)
}
.side-cate>ul>li>ul{
    display:none
}
.side-cate>ul>li>ul li{
    padding-left:40px;
    position:relative
}
.side-cate>ul>li>ul li:last-child{
    border:none
}
.side-cate>ul>li>ul li:before{
    content:"-";
    position:absolute;
    left:30px
}
.side-cate>ul .pro-menu{
    display:none
}
.side-pro{
    background:#fff
}
.side-pro li{
    margin:0 20px;
    padding:20px 10px;
    display:flex;
    height:100px;
    border-bottom:1px solid #eee
}
.side-pro li:last-child{
    border:none
}
.side-pro li:hover img{
    transform:scale(1.05)
}
.side-pro-img{
    width:40%;
    overflow:hidden
}
.side-pro-img img{
    transition:transform .2s;
    max-height:100%;
    max-width:100%
}
.side-pro-info{
    padding:0;
    width:60%;
    display:flex;
    flex-direction:column;
    justify-content:space-around
}
.side-pro-name{
    color:#333;
    font-size:14px;
    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
}
.side-pro-more{
    color:#0078d7;
    font-size:14px;
    text-transform:uppercase;
    font-family:Lato
}
.side-pro-more:hover{
    color:#0078d7
}
.side-pro>a{
    width:100%;
    height:100%;
    display:block
}
.proCateTags{
    width:100%;
    background:#fff;
    padding:24px;
    box-sizing:border-box
}
.proCateTags span{
    width:100%;
    height:100%;
    display:flex;
    display:block
}
.proCateTags a{
    background:#fff;
    border:1px solid #e9e9e9;
    padding:14px;
    color:grey;
    margin:0 10px 16px 0;
    font-size:14px;
    display:inline-block;
    vertical-align:middle;
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    transition:color .3s,border-color .3s
}
.proCateTags a:hover{
    animation-name:hvr-pop;
    animation-duration:.3s;
    animation-timing-function:linear;
    animation-iteration-count:1;
    color:#0078d7;
    border-color:#0078d7
}
.common-link{
    width:100%;
    display:flex
}
.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 .prev{
    background-color:#0078d7;
    color:#000
}
.common-link .prev a{
    color:#000
}
.common-link .prev i{
    margin-right:20px
}
.common-link .next{
    background-color:#000;
    color:#0078d7
}
.common-link .next a{
    color:#0078d7
}
.common-link .next i{
    margin-left:20px
}
#toast-container{
    padding-top:100px
}
.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:100vw;
    bottom:0;
    height:100%;
    background:rgba(0,0,0,.6);
    z-index:8;
    display:none;
    top:13.3333333333vw
}
#xyz *{
    box-sizing:border-box
}
#xyz{
    position:relative;
    z-index:99999;
    width:120px;
    height:32px;
    line-height:32px;
    margin-left:10px
}
.xyz12{
    width:100%;
    position:absolute;
    height:100%
}
.xyz12 ul{
    border:1px solid #dbdbdb;
    background:#fff
}
.xyz12 ul>li{
    display:none
}
.xyz12 ul>li:first-of-type{
    display:block
}
.xyz12 li{
    float:none;
    margin-left:0;
    width:100%;
    position:relative;
    height:30px;
    z-index:1;
    text-align:left
}
.xyz12 li a{
    color:#333;
    font-size:12px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:block;
    padding:0 8px
}
.xyz12 li.selected{
    border-top:0
}
.xyz12 li.selected a{
    color:#8550d9
}
.xyz12 span{
    right:6px;
    top:0;
    display:block;
    width:32px;
    height:32px;
    z-index:100
}
.xyz12 span,.xyz12 span:after{
    position:absolute;
    cursor:pointer
}
.xyz12 span:after{
    content:" ";
    top:10px;
    right:10px;
    width:7px;
    height:7px;
    border:2px solid #707070;
    border-top:none;
    border-left:none;
    transform:rotate(45deg)
}
.xyz12 span.dp:after{
    top:13px;
    transform:rotate(-135deg)
}
.xyz12 li img{
    vertical-align:middle;
    margin:0 7px 0 0;
    width:16px
}
.xyz12 li:hover{
    background:#f2f2f2
}
.cu li{
    line-height:2;
    font-size:14px;
    color:#fff
}
.cu li i{
    color:#0078d7;
    margin-right:14px
}
.singglepic{
    width:550px!important;
    height:550px!important;
    background:#fff;
    display:flex;
    justify-content:center;
    align-content:center;
    cursor:pointer;
    overflow:hidden
}
.singglepic:hover img{
    transform:scale(1.1)
}
.singglepic img{
    display:block;
    margin:auto;
    width:80%;
    transition:.3s ease
}
.singglepic.on img{
    position:static!important;
    max-width:100%!important;
    width:auto;
    max-height:100%!important
}
.share-btn-list{
    margin:20px 0
}
.BMap_shadow img{
    max-width:inherit;
    max-height:inherit
}
.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{
    transform:scale(2);
    color:#fff
}
.swiper-container .swiper-pagination-bullet{
    background:#fff
}
.swiper-container .swiper-pagination-bullet-active{
    background:#0078d7
}
.common-tip,.common-title{
    text-align:center;
    margin-bottom:10px
}
.common-title{
    font-size:45px;
    text-transform:uppercase;
    font-family:Lato
}
.common-tip{
    color:#4c4c4c;
    font-family:Lato;
    line-height:2
}
.que{
    position:relative;
    display:flex;
    top:-5px;
    z-index:2
}
.que article{
    font-size:14px;
    line-height:1.5;
    margin:20px 0;
    max-width:448px
}
.que-item{
    display:block;
    flex:1;
    padding:70px;
    box-sizing:border-box;
    position:relative
}
.que-item:first-of-type{
    background:#a7a9ac
}
.que-item:nth-of-type(2){
    background:#0078d7
}
.que-item:nth-of-type(2) .more-btn i:after{
    border-color:#0078d7
}
.que-item:nth-of-type(3){
    background:#f4f4f4
}
.que-item:nth-of-type(3) .more-btn,.que-item:nth-of-type(3) .que-num,.que-item:nth-of-type(3) .que-title,.que-item:nth-of-type(3) article{
    color:#1f2b41
}
.que-item:nth-of-type(3) .more-btn i{
    background:#1f2b41
}
.que-item:nth-of-type(3) .more-btn i:after{
    border-color:#fff
}
.que-item:nth-of-type(3):after,.que-item:nth-of-type(3):before{
    border-color:#0078d7
}
.que-item:before{
    bottom:0;
    transition:opacity .5s ease 0s,transform .5s ease 0s;
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:scaleX(0);
    -webkit-transform:scaleX(0)
}
.que-item:after,.que-item:before{
    content:"";
    position:absolute;
    width:94%;
    height:92%;
    top:4%;
    left:3%;
    opacity:0;
    box-sizing:border-box
}
.que-item:after{
    transition:opacity .3s ease 0s,transform .3s ease 0s;
    border-left:2px solid #fff;
    border-right:2px solid #fff;
    transform:scaleY(0);
    -webkit-transform:scaleY(0)
}
.que-item:hover:after,.que-item:hover:before{
    opacity:1;
    transform:scale(1)
}
.que-item:hover .more-btn{
    margin-left:14px
}
.que-num{
    font-size:32px;
    font-family:Arial;
    margin-bottom:20px
}
.que-num,.que-title{
    color:#fff
}
.que-title{
    font-size:25px
}
.que .more-btn,.que article{
    color:#fff
}
.que .more-btn{
    font-size:14px;
    text-transform:uppercase;
    transition:margin .2s
}
.que .more-btn i{
    display:inline-block;
    width:14px;
    height:14px;
    background:#fff;
    position:relative;
    top:1.5px;
    left:3px
}
.que .more-btn i:after{
    content:"";
    display:inline-block;
    position:absolute;
    top:4px;
    left:3px;
    width:4px;
    height:4px;
    border-right:2px solid #24292f;
    border-bottom:2px solid #24292f;
    transform:rotate(-45deg)
}
.adv{
    margin:50px 0
}
.adv-list{
    margin-top:30px
}
.adv-list .common-wrapper{
    display:flex;
    flex-wrap:wrap;
    width:1400px
}
.adv-item{
    width:25%;
    box-sizing:border-box;
    padding:20px;
    display:flex;
    flex-direction:column;
    align-items:center;background: #ffffff;
    transition:box-shadow .2s
}
.adv-item img{
    margin-bottom:40px;
    width:100%;

}
.adv-item article{
    color:#333333;
    line-height:1.8;
    font-size:14px;
    display:-webkit-box;
    display:-moz-box;
    max-height:120px;
    line-height:20px;
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:6;
    overflow:hidden
}
.adv-item:hover{
    box-shadow:0 1px 10px rgba(34,25,25,.15);background: #ffffff;
}
.adv-t{
    font-size:18px;
    margin-bottom:20px
}
.cate-list{
    display:flex
}
.cate-item{
    width:25%;
    position:relative
}
.cate-item:hover .cate-name,.cate-item:hover .cate-num{
    opacity:0
}
.cate-item:hover .cate-btn{
    opacity:1;
    transform:translateZ(0) scale(1)
}
.cate-name{
    font-size:26px;
    margin-bottom:24px
}
.cate-name,.cate-num{
    font-family:Lato;
    transition:opacity .3s
}
.cate-num{
    font-size:16px
}
.cate-img{
    background-color:#212121
}
.cate-img img{
    opacity:.28;
    max-height:100%;
    max-width:100%
}
.cate-info{
    position:absolute;
    transition:top .4s ease;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.cate-info a{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    width:100%;
    height:100%;
    flex-direction:column
}
.cate-btn{
    width:160px;
    height:35px;
    background:#0078d7;
    border-radius:3px;
    position:absolute;
    line-height:35px;
    text-align:center;
    transition:opacity .35s,transform .35s;
    transform:translate3d(0,10px,0) scale(1.1);
    opacity:0;
    bottom:20%
}
.pro{
    padding:50px 0;
    background-color:#dddddd;
}
.pro-img{
    position:relative
}
.pro-img:after{
    content:"";
    display:block;
    padding-top:100%
}
.pro-img img{
    max-height:100%;
    max-width:100%
}
.pro .img-wrap{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.pro-item{
    width:calc(25% - 41.25px);
    margin-right:55px;
    background-color:#fff;
    position:relative;
    margin-bottom:40px
}
.pro-item:nth-of-type(4n){
    margin-right:0
}
.pro-item:hover{
    margin-bottom:-18px;
    transition:box-shadow .3s;
    box-shadow:-1px 2px 32px 0 rgba(174,175,177,.55);
    z-index:2
}
.pro-item:hover .pro-name{
    color:#0078d7
}
.pro-item:hover .pro-btn{
    height:58px;
    transition:height .3s;
    color:#fff
}
.pro-info{
    padding:24px;
    background-color:#fff;
    border-top:1px solid #e5e5e5
}
.pro-info article{
    color:#666;
	padding-left: 20px;

    font-size:14px;
    display:-webkit-box;
    display:-moz-box;
    max-height:40px;
    line-height:20px;
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.pro-name{
    font-size:16px;
    color:#333;
    margin-bottom:20px;
    display:block
}
.pro-btn{
    width:100%;
    background-color:#0078d7;
    display:block;
    text-align:center;
    line-height:58px;
    color:transparent;
    height:0;
    text-transform:uppercase;
    font-size:14px;
    font-family:Lato
}
.pro-btn:hover{
    color:#fff
}
.pro-list{
    margin-top:70px;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start
}
.pro .more-btn{
    width:200px;
    height:55px;
    line-height:55px;
    text-transform:uppercase;
    font-family:Lato;
    color:#fff;
    display:block;
    font-size:14px;
    margin:30px auto 0;
    background:#282828;
    border-radius:3px;
    text-align:center
}
.about{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    overflow:hidden
}
.about>div{
    width:50%
}
.about-tip{
    font-size:16px;
    margin-bottom:20px
}
.about .about-con .about-title{
    font-size:38px;
   
    text-transform:uppercase;
    line-height:1.3
}
.about article{
    max-width:630px;
    font-size:14px;
    color:#fff;
    margin:30px 0;
    line-height:1.8
}
.about-con{
    background:url(/images/bj-map.jpg) no-repeat;
    background-size:cover;
    display:flex;
    justify-content:center;
    color:#fff;
    flex-direction:column;
    padding-left:160px;
    box-sizing:border-box
}
.about-img{position:relative}
.about-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:73px;height:73px;background:#0078d7;border-radius:50%}
.about-icon i{position:relative;left:3px;color:#fff;font-size:45px}
.about-icon:after{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;content:"";border-radius:50%;display:block;width:95px;height:95px;border:2px solid #0078d7}
.about-img img{display:block}
.about .about-sel{
    display:inline-block;
    margin-right:24px
}
.about .about-sel img{
    position:relative;
    top:3px
}
.about ul li{
    font-size:14px;
    margin-bottom:20px
}
.about .more-btn{
    width:160px;
    height:55px;
    line-height:55px;
    font-size:14px;
    display:inline-block;
    font-family:Lato;
    text-align:center;
    background:#0078d7;
    margin-top:20px;
    color:#fff;
    border-radius:3px
}
.about-list{
    padding:74px 0;
    background:#f4f4f4;
    box-sizing:border-box
}
.about-list .common-wrapper{
    display:flex
}
.about-ri{
    padding-left:24px
}
.about-item{width:25%;display:flex;justify-content:center;align-items:center}
.about-num{
    color:#09162a;
    font-family:Arial;text-align: center;
    font-size:48px
}
.about-text{ color:#09162a; 
	text-align: center;
    margin-top:10px;
    text-transform:uppercase;
    font-size:14px
}
.about .about-list{
    width:100%;
    position: relative;
}
.news{
    padding:50px 0
}
.news-title{
    font-size:20px;
    color:#000;
    margin-bottom:20px;
    display:block;
    display:-webkit-box;
    display:-moz-box;
    max-height:48px;
    line-height:24px
}
.news-title,.news article{
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.news article{
    color:#868686;
    font-size:14px;
    display:-webkit-box;
    display:-moz-box;
    max-height:52px;
    line-height:26px;
    margin-bottom:40px
}
.news-info{padding:42px 24px;border-top:none}
.news-more{text-transform:uppercase;color:#0d0d0d;font-family:Lato;font-size:14px;padding:15px 20px;transition:background-color .3s;border-radius:3px}
.news-more i{font-size:12px;margin-left:12px;position:relative;top:-2px}
.news-item:hover .news-more{background-color:#141414;color:#fff}
.news-item:hover .news-more i{color:#fff}
.news-date{padding:10px 22px;background:#0078d7;color:#fff;font-size:12px;display:inline-block;position:absolute;top:0;left:0}
.news-img{position:relative}
.news-img img{display:block;width:100%}
.news-item{display:flex;outline:1px solid #dfdfdf;box-sizing:border-box}
.news-item{width:48%;height:46%}
.news-item .news-img{flex:1}
.news-item .news-img img{height:100%;max-width:none;object-fit:cover}
.news-item .news-info{flex:1.5}
.news-list{margin:50px 0 20px;display:flex;height:550px;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
.news-l{
    flex:.93;
    margin-right:46px
}
.news-r{
    flex:2;
    flex-direction:column;
    justify-content:space-between
}
.news-r,.news-r .news-item{
    display:flex
}
.news-r .news-info{
    padding:54px 40px;
    border-top:1px solid #dfdfdf
}
.news-r .news-img{
    width:auto;
    height:100%
}
.news-r .news-img img{
    height:100%;
    max-width:none
}
.part{
    padding:25px 0;
    border-top:2px solid #f2f2f2
}
.part-item,.part-list{
    display:flex
}
.part-item{
    padding:25px 0;
    width:16.66667%;
    justify-content:center;
    align-items:center;
    transition:box-shadow .3s,transform .3s
}
.part-item:hover{
    box-shadow:0 1px 10px rgba(34,25,25,.15);
    border-radius:5px;
    transform:translateY(-2px)
}
.part-item:hover img{
    transform:scale(1.05)
}
.part-item img{
    max-width:100%;
    max-height:100%;
    transition:transform .25s
}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{
    transition:background .3s ease
}
#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover{
    background:#0078d7
}
#swiper-banner .swiper-slide img{
    width:100%
}
.prolist-0,.prolist-0 .pro-item{display:flex;flex-direction:column}
.prolist-0 .pro-item{width:100%;height:280px;margin-right:0;flex-wrap:wrap;justify-content:center;align-content:flex-start}
.prolist-0 .pro-item:hover{margin-bottom:40px}
.prolist-0 .pro-item .pro-btn,.prolist-0 .pro-item .pro-btn .arr{line-height:38px;height:38px;color:#fff;cursor:pointer}
.prolist-0 .pro-item .pro-btn{width:150px;order:1}
.prolist-0 .pro-img{width:280px;height:280px;margin-right:50px}
.prolist-0 .pro-img a{display:flex;width:100%;height:100%}
.prolist-0 .pro-img img{display:block;margin:auto}
.prolist-0 .pro-img:after{display:none}
.prolist-0 .pro-info{border-top:none;padding-left:0}
.prolist-0 .pro-info article{max-width:400px}
.prolist-1{
    display:flex;
    flex-wrap:wrap
}
.prolist-1 .img-wrap{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.prolist-1 .pro-item{
    width:calc(33% - 36px)
}
.prolist-1 .pro-item:nth-of-type(4n){
    margin-right:54px
}
.prolist-1 .pro-item:nth-of-type(3n){
    margin-right:0
}
.prolist-1 .pro-info{
    border-top:1px solid #e5e5e5
}
.prolist-1 .pro-item:hover .pro-btn .arr{
    transition:height .3s;
    height:58px
}
.prolist-1 .pro-btn{
    position:relative;
    cursor:pointer;
    margin-top:auto
}
.prolist-1 .pro-btn .arr{
    position:absolute;
    top:0;
    right:0;
    height:0;
    width:58px;
    background:#000;
    color:#fff
}
.pro-item.checked{
    outline:2px solid #0078d7
}
.prolist-bottom{
    margin-top:30px
}
.pro-main{
    padding:40px 0 60px;
    background:#f4f4f4
}
.pro-main .common-wrapper{
    display:flex
}
.prolist-top{
    display:flex;
    justify-content:space-between
}
.prolist-top h1{
    line-height:50px;
    height:50px;
    font-size:24px;
    padding-left:20px;
    border-left:4px solid #0078d7;
    max-width:50%;
    border-bottom:1px solid #ccc;
    overflow:hidden;
    margin-bottom:50px
}
.bottom-wrap{
    box-shadow:0 0 10px rgba(0,0,0,.1);
    border-radius:5px;
    padding:10px;
    line-height:1.7em;
    color:#2b2b2b
}
.content-list1{
    display:flex;
    flex-wrap:wrap
}
.content-item{
    width:calc(25% - 27.75px);
    margin:0 37px 50px 0
}
@keyframes hvr-wobble-horizontal{
    16.65%{
        transform:translateX(8px)
    }
    33.3%{
        transform:translateX(-6px)
    }
    49.95%{
        transform:translateX(4px)
    }
    66.6%{
        transform:translateX(-2px)
    }
    83.25%{
        transform:translateX(1px)
    }
    to{
        transform:translateX(0)
    }
}
.content-item:nth-of-type(4n){
    margin-right:0
}
.content-item:hover .content-more{
    background:#0078d7;
    color:#fff;
    transform:translateX(0)
}
.content-title{
    font-size:18px;
    color:#000
}
.content-info{
    padding-top:30px
}
.content-info article{
    color:#868686;
    font-size:14px;
    margin-top:15px;
    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
}
.content-more{
    display:inline-block;
    margin-top:25px;
    width:160px;
    height:55px;
    line-height:55px;
    text-align:center;
    transform:translateX(-20px);
    transition:transform .3s;
    font-family:Lato;
    border-radius:3px
}
.content-more i{
    margin-left:12px
}
.content-img{
    position:relative
}
.content-img img{
    width:100%
}
.content-date{
    position:absolute;
    width:116px;
    height:31px;
    line-height:31px;
    text-align:center;
    color:#fff;
    right:15px;
    top:0;
    transform:translateY(-50%);
    font-size:12px;
    background:#0078d7
}
.content-bottom .common-pages{
    justify-content:center
}
.content-main{
    padding:80px 0 30px
}
.content-main .common-c-title{
    margin:10px 0 30px;
    color:#242424;
    font-size:36px;
    position:relative
}
.content-main .common-c-title:after{
    position:absolute;
    top:125%;
    content:"";
    display:block;
    width:100px;
    height:2px;
    background:#0078d7
}
.content-main .content-top{
    margin:20px 0
}
.content-main .content-c-date{
    position:relative;
    margin-right:15px
}
.content-main .content-c-date,.content-main .content-c-view{
    color:#0078d7;
    font-size:14px
}
.content-main .content-c-view i{
    margin-right:5px;
    color:#000
}
.content-main .common-content article p{
    color:#666;
    font-size:14px;
    line-height:2
}
.content-main .content-c-tit{
    font-size:26px;
    margin:30px 0
}
.link-wrap{
    margin-top:30px;
    width:100%;
    display:flex;
    height:110px;
    justify-content:space-between
}
.link-wrap .link-l,.link-wrap .link-r{
    width:47%;
    height:100%;
    background:#f4f4f4;
    display:flex;
    align-items:center;
    box-sizing:border-box;
    line-height:1.3;
    position:relative;
    overflow:hidden
}
.link-wrap .link-l:after,.link-wrap .link-r:after{
    content:"";
    position:absolute;
    display:block;
    border-bottom:50px solid #0078d7;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    height:0;
    width:120px
}
.link-wrap .link-sign{
    position:absolute;
    font-size:14px;
    color:#fff
}
.link-wrap .link-sign a{
    color:#fff
}
.link-wrap .link-l{
    padding:0 78px 0 130px
}
.link-wrap .link-l .link-sign{
    left:12px;
    z-index:1
}
.link-wrap .link-l:after{
    left:-30px
}
.link-wrap .link-r{
    padding:0 130px 0 78px
}
.link-wrap .link-r .link-sign{
    right:12px;
    z-index:1
}
.link-wrap .link-r:after{
    right:-30px
}
.contant-c-main .common-wrapper{
    display:flex
}
.content-list0{
    display:flex;
    flex-direction:column
}
.content-list0 .content-item{
    width:100%;
    margin-bottom:50px;
    height:230px;
    display:flex
}
.content-list0 .content-img{
    height:100%
}
.content-list0 .content-img img{
    width:auto;
    height:100%;
    max-width:none
}
.content-list0 .content-info{
    width:100%;
    padding:30px 30px 30px 50px;
    border:1px solid #f1f1f1
}
.content-list0 .content-info article{
    max-width:1040px
}
.content-list1 .content-title{
    display:block;
    height:45px;
    display:-webkit-box;
    display:-moz-box;
    max-height:40px;
    line-height:20px;
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.content-list1 .content-info{
    display:flex;
    flex-direction:column;
    height:170px
}
.content-list1 .content-more{
    margin-top:auto
}
.pro-c-main{
    padding:80px 0;
    background:#ffffff;
}
.pro-c-top{
    display:flex
}
.pro-c-info{
    padding:24px 200px 0 55px;
    box-sizing:border-box;
    flex:1;
    margin-left:50px
}
.pro-c-name{
    color:#141414;
    font-size:24px;
    display:-webkit-box;
    display:-moz-box;
    max-height:112px;
    line-height:28px;
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden
}
.pro-c-con{
    color:#2b2b2b;
    padding:30px 0;
    line-height:1.8;
    border-top:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
    margin:14px 0
}
.pro-c-main article{
    padding:0 100px
}
.pro-c-main article p{
    font-size:16px;
    color:#333333;
    line-height:1.5
}
.pro-c-main .pro-rel-item{
    flex-direction:column;
    width:auto
}
.pro-c-main .pro-rel-item .img-wrap{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.pro-c-main .pro-rel-item .pro-info{
    border-top:1px solid #e5e5e5
}
.pro-c-art{
    background:#fff;
    margin-top:54px;
    padding-bottom:50px
}
.pro-c-art .link-wrap{
    padding:0 100px;
    box-sizing:border-box
}
.pro-c-art .link-wrap .link-l:after,.pro-c-art .link-wrap .link-r:after{
    width:135px
}
.pro-c-art .content-c-tit{
    font-size:26px;
    margin:30px 0
}
.pro-c-art .inquiry{
    padding:0 100px;
    box-sizing:border-box
}
.pro-c-art article table{
    margin-top:10px;
    border-collapse:collapse
}
.pro-c-art article table td{
    border:2px solid #ccc
}
.pro-art-tit{
    width:100%;
    height:66px;
    line-height:66px;
    text-align:center;
    color:#272727;
    font-size:20px;
    margin-bottom:30px;
    border-bottom:1px solid #dcdcdc
}
.btn-list{
    display:flex;
    flex-wrap:wrap;
    max-width:360px;
    justify-content:space-between
}
.btn-list .btn{
    cursor:pointer
}
.btn-list>*{
    margin-bottom:20px
}
.btn-list .btn,.btn-list .LayImAhrefNode,.pdown1,.pdown2,.pdown3{
    width:166px;
    height:55px;
    line-height:55px;
    text-align:center;
    background:#292929;
    color:#fff;
    border-radius:3px
}
.pdown1 a,.pdown2 a,.pdown3 a{
    width:100%;
    height:100%;
    display:block;
    color:#fff
}
.hov-c{
    transition:background .3s
}
.hov-c:hover{
    background:#0078d7
}
.pro-rel-top{
    margin:48px 0;
    display:flex
}
.pro-rel-top .pro-rel-btn{
    min-width:50px;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.pro-rel-top .pro-rel-btn .rel-btn-l,.pro-rel-top .pro-rel-btn .rel-btn-r{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:100%;
    cursor:pointer
}
.pro-rel-top .pro-rel-btn .rel-btn-l:active,.pro-rel-top .pro-rel-btn .rel-btn-r:active{
    transform:scale(.7)
}
.pro-rel-top .pro-rel-btn i{
    transform:scale(1.3)
}
.pro-rel-top .line{
    position:relative;
    flex:1;
    height:1px;
    background:#dcdcdc;
    top:15px;
    margin:0 20px
}
.pro-rel-top .pro-rel-tit{
    font-size:30px;
    color:#000
}
#List1{
    display: flex;
    justify-content: space-between;
}
#List2{
    display: none;
}
#List1 .pic,#List2 .pic{
    width: 18%;
}
#List1 .pic img,#List2 .pic img{
    width: 100%;
}
#List1 .pic p{
    text-align: center;
}
.pro-rel-item .pro-info article{
    padding:0
}
.pro-rel-img{
    width:100%;
    background:#fff;
    position:relative
}
.pro-rel-img:after{
    content:"";
    display:block;
    padding-bottom:100%
}
.pro-rel-img a{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.contact-main,.feedback-main{
    background:#f4f4f4;
    padding-bottom:50px
}
.contact-box{
    margin:0 auto;
    width:100%;
    height:600px;
    background-color:#fff;
    z-index:1;border: 2px solid #cccccc;
    display:flex
}
.contact-box .box-l{
    width:100%;
    padding:40px 50px 56px 100px
}
.contact-box .box-r{
    width:190px;
    height:100%;
    background-color:#0078d7;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    cursor:pointer
}
.contact-box .box-t{
    display:block;
    -ms-writing-mode:tb-lr;
    writing-mode:vertical-lr;
    text-transform:uppercase;
    font-size:26px;
    color:#fff;
    width:28px
}
.contact-box .box-icon{
    width:64px;
    height:64px;
    background-color:#fff;
    position:relative;
    border-radius:50%;
    margin-top:33px
}
.contact-box .box-icon em,.contact-box .box-icon i{
    color:#0078d7;
    position:absolute;
    top:45%;
    left:50%;
    font-size:30px;
    transform:translate(-50%,-50%)
}
.contact-box .title-s{
    color:#0078d7;
    line-height:1
}
.contact-box .title-m{
    font-size:40px;
    color:#0a0a0a;
    line-height:1;
    text-transform:uppercase
}
.contact-box .feedback-tips p{
    color:#828282;
    font-size:12px;
    line-height:1.5
}
.contact-wrap{
    position:relative;
    margin:0px 0 50px
}
.contact-list{
    margin:0 auto;
    width:100%;
    height:170px;
    z-index:1;
    background-color:#ffffff;
    display:flex
}
.contact-item{
    width:25%;
    height:100%
}
.contact-icon,.contact-item{
    display:flex;
    justify-content:center;
    align-items:center
}
.contact-icon{
    width:55px;
    height:55px;
    background-color:#0078d7
}
.contact-info{
    min-height:55px;
    padding-left:20px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    justify-content:space-around
}
.contact-t{
    text-transform:uppercase;
    color:#141414
}
.contact-c{
    color:#666;
    font-size:14px
}
#bmap{
    width:100%;
    max-width:1920px;
    height:440px;
    position:absolute;
    left:0;
    top:0
}
.common-main .infoBoxContent a{
    color:#00f
}
.common-main .infoBoxContent p{
    line-height:1.85
}
.common-main{
    position:relative
}
.about-main{
    background-color:#ffffff
}
.feedback-main .contact-box{
    margin-top:50px;
    height:auto
}
.feedback-main .contact-box p{
    margin-bottom:20px
}
.document-main{
    padding:40px 0 60px
}
.document-main .common-wrapper{
    display:flex
}
.document-main .video-list{
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.document-main .video-list .video-img{
    border-radius:5px
}
.document-main .video-list .video-img a{
    display:block;
    width:100%;
    height:100%;
    border-radius:5px;
    overflow:hidden
}
.document-main .video-list .video-img img{
    width:100%;
    display:block
}
.document-main .video-list .video-name{
    color:#333;
    margin-bottom:12px
}
.document-main .video-list .video-info{
    padding-top:24px
}
.document-main .video-list .video-in{
    font-size:12px;
    color:#666
}
.document-main .video-list>li{
    width:calc(33% - 36px);
    margin-right:55px;
    margin-bottom:30px
}
.document-main .video-list>li:nth-of-type(3n){
    margin-right:0
}
.document-main .video-content video{
    width:70%;
    height:auto
}
.document-main .video-content p{
    font-size:20px;
    color:#333;
    margin:10px 0
}
.document-main .download-list{
    position:relative;
    top:-40px
}
.document-main .download-item{
    padding:100px 0
}
.document-main .download-item:nth-child(odd){
    background:#fff
}
.document-main .download-item:nth-child(2n){
    background:#f4f4f4
}
.document-main .download-title{
    font-size:22px;
    margin-bottom:30px;
    color:#111
}
.document-main .download-title i{
    color:#0078d7;
    margin-left:20px
}
.document-main .download-info{
    color:#8e8e8e;
    line-height:1.8
}
.document-main .project-list{
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.document-main .project-item{
    width:calc(25% - 30px);
    margin-right:40px
}
.document-main .project-item:nth-of-type(4n){
    margin-right:0
}
.document-main .project-item:hover .info-r{
    background:#0078d7
}
.document-main .project-info{
    padding:30px 20px;
    width:90%;
    display:flex;
    justify-content:space-between;
    margin:0 auto;
    border:1px solid #e2e2e2;
    box-sizing:border-box;
    position:relative;
    top:-34px;
    background:#fff
}
.document-main .project-info .info-r{
    width:40px;
    height:40px;
    position:relative;
    background:#24292f;
    transition:background .3s
}
.document-main .project-info .info-r i{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff
}
.document-main .project-info .info-l p:nth-child(2){
    color:#0078d7;
    margin-top:10px;
    font-size:14px;
    text-transform:uppercase
}
.document-main .project-img{
    position:relative
}
.document-main .project-img:after{
    content:"";
    display:block;
    padding-bottom:100%
}
.document-main .img-wrap{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.document-main .faq-list{
    display:flex;
    flex-wrap:wrap
}
.document-main .faq-list .faq-item{
    width:calc(50% - 25px);
    margin-bottom:40px;
    margin-right:50px
}
.document-main .faq-list .faq-item:nth-of-type(2n){
    margin-right:0
}
.document-main .faq-list .faq-title{
    padding:23px 20px 23px 44px;
    border:1px solid #e9e9e9;
    cursor:pointer;
    line-height:1.3;
    position:relative
}
.document-main .faq-list .faq-title:after{
    border:6px solid transparent;
    border-left:7px solid #47494b;
    width:0;
    height:0;
    position:absolute;
    top:30px;
    right:10px;
    content:"";
    transform-origin:center center;
    transform:rotate(90deg)
}
.document-main .faq-list .faq-title:hover{
    background:#0078d7;
    color:#fff
}
.document-main .faq-list .faq-title:hover:after{
    border-left:7px solid #fff
}
.document-main .faq-list .faq-title.active{
    background:#0078d7;
    color:#fff
}
.document-main .faq-list .faq-title.active:after{
    transform:rotate(-90deg);
    top:23px;
    border-left:7px solid #fff
}
.document-main .faq-list .faq-con{
    padding:34px 40px;
    font-size:14px;
    color:#898989;
    line-height:1.5;
    background:#f4f4f4;
    display:none
}
@keyframes hvr-icon-wobble-horizontal{
    16.65%{
        transform:translateX(6px)
    }
    33.3%{
        transform:translateX(-5px)
    }
    49.95%{
        transform:translateX(4px)
    }
    66.6%{
        transform:translateX(-2px)
    }
    83.25%{
        transform:translateX(1px)
    }
    to{
        transform:translateX(0)
    }
}
.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 .hvr-icon{
    transform:translateZ(0)
}
.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
}
@keyframes hvr-pop{
    50%{
        transform:scale(1.05)
    }
}
.hvr-pop{
    display:inline-block;
    vertical-align:middle;
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent
}
.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{
    animation-name:hvr-pop;
    animation-duration:.3s;
    animation-timing-function:linear;
    animation-iteration-count:1
}
.hvr-bounce-to-right,.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,.hvr-bounce-to-right:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#0078d7;
    transform:scaleX(0);
    transform-origin:0 50%;
    transition-property:transform;
    transition-duration:.5s;
    transition-timing-function:ease-out;
    border-radius:3px
}
.hvr-bounce-to-right-y:hover,.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{
    color:#fff
}
.hvr-bounce-to-right-y:hover:before,.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)
}
@keyframes hvr-bob{
    0%{
        transform:translateY(-8px)
    }
    50%{
        transform:translateY(-4px)
    }
    to{
        transform:translateY(-8px)
    }
}
@keyframes hvr-bob-float{
    to{
        transform:translateY(-8px)
    }
}
.hvr-bob{
    display:inline-block;
    vertical-align:middle;
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent
}
.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{
    animation-name:hvr-bob-float,hvr-bob;
    animation-duration:.3s,1.5s;
    animation-delay:0s,.3s;
    animation-timing-function:ease-out,ease-in-out;
    animation-iteration-count:1,infinite;
    animation-fill-mode:forwards;
    animation-direction:normal,alternate
}
@keyframes hvr-wobble-vertical{
    16.65%{
        transform:translateY(8px)
    }
    33.3%{
        transform:translateY(-6px)
    }
    49.95%{
        transform:translateY(4px)
    }
    66.6%{
        transform:translateY(-2px)
    }
    83.25%{
        transform:translateY(1px)
    }
    to{
        transform:translateY(0)
    }
}
.hvr-wobble-vertical{
    display:inline-block;
    vertical-align:middle;
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent
}
.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{
    animation-name:hvr-wobble-vertical;
    animation-duration:1s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:1
}
.head{
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100px;
    box-sizing:border-box;
    z-index:1002;
    position:relative;
    background-color:#fff;
    transition-property:height;
    transition-duration:.2s;
    transition-timing-function:ease;
    max-width:1920px;
    margin:0 auto
}
.head-wrapper{
    width:1600px;
    margin:0 auto;
    display:flex;
    justify-content:center;
    align-items:center
}
.head-logo{
    min-width:160px;
    height:100%;
    margin-right:100px
}
.head-nav{
    height:100%;
    width:100%
}
.head-nav>ul{
    height:100%;
    display:flex;
    justify-content:flex-end
}
.head-nav>ul>li{
    position:relative;
    height:100%
}
.head-nav>ul>li>a{
    transition:color .3s ease;
    transition:background-color .3s ease;
    padding:0 18px;
    height:100%;
    display:flex;
    font-weight:700;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    white-space:nowrap
}
.head-nav>ul>li .inmenu_1,.head-nav>ul>li:hover>a{
    color:#0078d7
}
.head-nav>ul .submenu{
    background-color:#fff;
    position:absolute;
    transform-origin:top;
    top:100%;
    transition:all .4s ease;
    transform:rotateX(90deg);
    opacity:0;
    z-index:2;
    display:none
}
.head-nav>ul .submenu a{
    display:block;
    padding:0 20px;
    line-height:40px;
    white-space:nowrap;
    transition:all .4s ease
}
.head-nav>ul .submenu a:hover{
    background-color:#0078d7;
    color:#fff
}
.head-nav>ul .more{
    display:none
}
.head-top{
    width:100%;
    height:44px;
    background:#2e2e2e;
    color:#fff;
    font-size:14px
}
.head-top .common-wrapper{
    height:100%;
    display:flex;
    justify-content:space-between
}
.head-top .top-left{
    height:100%;
    line-height:40px
}
.head-top .top-left a{
    color:#fff
}
.head-top .top-right{
    line-height:40px
}
.head-top .top-right,.head-top .top-right .search-wrap{
    height:100%;
    display:flex;
    align-items:center
}
.head-top .top-right .search-wrap:hover input{
    padding-left:14px;
    width:200px
}
.head-top .top-right input{
    padding:0;
    width:0;
    border:none;
    height:75%;
    outline:none;
    border-radius:3px;
    transition:width .3s
}
.head-top .top-right.active input{
    padding-left:14px;
    width:200px
}
.head-top .icon-email{
    opacity:.5;
    position:relative;
    top:1px
}
.head-top .search-btn{
    padding:0 20px;
    border-left:1px solid #505050;
    border-right:1px solid #505050;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    margin-left:10px
}
.head-contact{
    display:flex;
    min-width:160px;
    margin-left:50px
}
.head-contact .phone{
    margin-top:10px;
    white-space:nowrap
}
.head-contact p:first-of-type{
    font-size:12px
}
.head-contact p:nth-of-type(2){
    font-size:18px
}
.head-contact img{
    width:30px;
    height:30px;
    position:relative;
    top:5px;
    left:-20px
}
.head.active{
    position:fixed;
    top:0;
    height:70px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.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:60px
}
.mobile-bottom{
    display:none
}
.foot-list{
    padding-bottom:70px;
    background-color:#20232c
}
.foot-l{
    width:100%;
    height:100%;
    display:flex
}
.foot-l .foot-u{
    margin-top:30px
}
.foot-l .foot-u .foot-cate a:before{
    position:relative;
    top:-2px;
    content:"-";
    margin-right:10px
}
.foot-l .foot-u .foot-cate a:hover{
    color:#fff;
    opacity:1;
    padding-left:10px
}
.foot-l .foot-u li{
    margin:20px 0
}
.foot-l .foot-u li a{
    transition:all .3s ease;
    color:#eee;
    opacity:.6;
    font-size:14px;
    line-height:1.3
}
.foot-l .lfr{
    display:flex
}
@keyframes hvr-pulse-grow{
    to{
        transform:scale(1.1)
    }
}
.foot-l .lfr li{
    margin-right:10px;
    display:inline-block;
    vertical-align:middle;
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent
}
.foot-l .lfr li:last-child i{
    font-size:28px
}
.foot-l .lfr li:first-child i{
    font-size:22px
}
.foot-l .lfr li:active,.foot-l .lfr li:focus,.foot-l .lfr li:hover{
    animation-name:hvr-pulse-grow;
    animation-duration:.28s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-direction:alternate
}
.foot-l .lfr a{
    width:50px;
    height:50px;
    background:#0078d7;
    display:flex;
    justify-content:center;
    align-items:center
}
.foot-l .lfr i{
    color:#fff;
    font-size:18px
}
.foot-item{
    padding-top:70px;
    height:100%;
    width:25%
}
.foot-title{
    font-size:24px;
    color:#f3f3f3;
    line-height:1.5;
    text-transform:uppercase;
    position:relative
}
.foot-title:after{
    content:"";
    position:absolute;
    width:54px;
    height:3px;
    background:#0078d7;
    top:120%;
    display:block;
    left:0
}
.foot-cate,.foot-nav{
    padding-left:100px
}
.foot-cate ul,.foot-nav ul{
    margin-top:42px
}
.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;
    font-size:14px;
    line-height:2
}
.foot-cate ul li a:before{
    position:relative;
    top:-2px;
    content:"";
    display:inline-block;
    width:5px;
    height:5px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    margin-right:14px;
    transform:rotate(-45deg)
}
.foot-cate ul li a:hover{
    color:#fff;
    opacity:1;
    padding-left:10px
}
.foot-right{
    width:100%;
    height:114px;
    background-color:#20232c;
    color:#d1d1d1;
    border-top:1px solid #44464e
}
.foot-right .common-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:100%
}
.foot-right .common-wrapper a{
    color:#d1d1d1
}
.foot-right ul{
    display:flex
}
.foot-right ul a{
    padding:0 10px;
    color:#d1d1d1;
    position:relative;
    transition:color .3s ease
}
.foot-right ul a:after{
    content:"";
    position:absolute;
    display:block;
    right:0;
    height:10px;
    width:1px;
    top:6px;
    background:#fff;
    opacity:.1
}
.foot-right ul a:hover{
    color:#fff
}
.foot-right ul li:last-child a:after{
    display:none
}
.footlinks{
    background:#151821;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:12px
}
.footlinks,.footlinks a{
    color:#707070
}
.foot-intro{
    color:#fff;
    line-height:1.8;
    margin:30px 0;
    font-size:14px
}
.foot-intro+p{
    margin-bottom:20px;
    color:#fff
}
.send-letter img{
    width:140px
}
.foot-letter .send-letter{
    margin-top:42px
}
.foot-letter .send-letter p{
    width:250px;
    font-size:14px;
    color:#fff;
    line-height:2
}
.foot-letter .send-letter input{
    margin:20px 0;
    color:#fff;
    transition:border .3s ease
}
.foot-letter .send-letter input:focus{
    outline:none;
    border:1px solid #0078d7
}
.foot-letter .send-letter .eput{
    height:52px;
    background:#20232c;
    border:1px solid #505050;
    box-sizing:border-box;
    width:280px;
    padding-left:14px
}
.foot-letter .send-letter .eput::-webkit-input-placeholder{
    color:#898989;
    font-size:14px
}
.foot-letter .send-letter .eput:-moz-placeholder,.foot-letter .send-letter .eput::-moz-placeholder{
    color:#898989;
    font-size:14px
}
.foot-letter .send-letter .eput:-ms-input-placeholder{
    color:#898989;
    font-size:14px
}
.foot-letter .send-letter .ebtn{
    width:150px;
    height:52px;
    background:#0078d7;
    box-sizing:border-box;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer
}
.foot-letter .send-letter .ebtn i{
    margin-left:14px
}
.swiper-slide{
    display:flex;
    justify-content:center
}
.swiper-lazy-preloader{
    width:30px!important;
    height:30px!important;
    border-radius:50%!important;
    border:2px solid #000!important;
    border-top-color:transparent!important
}
#tabs .tabs-item{
    display:none
}
#tabs .current{
    background-color:#0078d7
}
.tabs-top{
    width:100%;
    display:flex
}
.tabs-title{
    width:25%;
    height:65px;
    background:#111;
    color:#fff;
    line-height:65px;
    text-align:center;
    box-sizing:border-box;
    border-right:2px solid #fff;
    cursor:pointer;
    transition:background-color .3s
}
.tabs-title:nth-of-type(8n){
    border-right:none
}
.tab-content{
    border:2px solid #e9e9e9;
    padding:48px 60px 18px
}
.tab-content img{
    max-width:100%;
    max-height:100%
}
.preview-container{
    position:relative;
    width:450px;
    background:#fff;
    padding-bottom:1px
}
.preview-container .small-box{
    position:relative;
    width:450px;
    height:450px;
    border-bottom:1px solid #eee;
    display:flex;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    background-color:#fff;
    cursor:move
}
.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:20px 0;
    position:relative;
    width:100%;
    box-sizing:border-box;
    background:#fff
}
.preview-container .thumbnail-box .list{
    width:390px;
    margin:0 auto;
    position:relative
}
.preview-container .thumbnail-box .list ul{
    width:100000px;
    display:flex;
    padding:2px 0
}
.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;
    overflow:hidden;
    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%;
    display:block
}
.preview-container .thumbnail-box .list ul .item-cur{
    border:none;
    outline:2px solid #0078d7
}
.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:-10px
}
.preview-container .thumbnail-box .btn-prev{
    left:0;
    background:url(imgs/btn_prev.png) no-repeat;
    background-position:10px 0;
    background-size:10px
}
.preview-container .thumbnail-box .btn-next{
    right:0;
    background:url(imgs/btn_next.png) no-repeat;
    background-size:10px
}
.preview-container .thumbnail-box .btn_prev_disabled{
    background:url(imgs/btn_prev_disabled.png) no-repeat;
    background-position:10px 0;
    background-size:10px;
    cursor:not-allowed
}
.preview-container .thumbnail-box .btn_next_disabled{
    background:url(imgs/btn_next_disabled.png) no-repeat;
    background-size:10px;
    cursor:not-allowed
}
.preview-container .big-box{
    display:none;
    overflow:hidden;
    top:0;
    left:449px;
    border:1px solid #eee;
    position:absolute;
    width:550px;
    height:553.5px;
    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 .send-btn{
    width:170px;
    height:50px;
    line-height:50px;
    text-align:center;
    background:#24292f;
    color:#fff;
    border-radius:3px;
    margin-left:50%;
    transform:translateX(-50%);
    cursor:pointer
}
#feedbackForm .send-btn .span{
    display:inline-block
}
#feedbackForm .send-btn i{
    display:none
}
.inquiry-form{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.inquiry-form input{
    width:49%;
    height:50px;
    font-size:14px;
    padding:0 14px
}
.inquiry-form input,.inquiry-form textarea{
    margin-bottom:28px;
    background:#f7f7f7;
    border:none;
    outline:none;
    box-sizing:border-box
}
.inquiry-form textarea{
    padding:14px;
    width:100%;
    font-family:Roboto,sans-serif;
    font-size:16px;
    resize:none
}
.inquiry-form .input-error{
    outline:1px solid red
}
@media screen and (max-width:768px){
    .inquiry-form{
        flex-direction:column
    }
    #feedbackForm{
        width:100%
    }
    #feedbackForm .send-btn{
        margin-left:50%;
        transform:translateX(-50%)
    }
    .inquiry-form .form-l,.inquiry-form .form-r{
        width:100%
    }
    .form-l input{
        margin-bottom:4vw
    }
    .inquiry-form input{
        width:100%
    }
}
.compare-action{
    position:relative;
    height:37px;
    margin-top:15px;
    left:-20px;
    display:flex;
    align-items:center;
    cursor:pointer
}
.compare-action span{
    display:inline-block;
    color:#000;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.compare-action .compare-action-check+label{
    width:16px;
    height:16px;
    content:" ";
    border:1px solid #000;
    border-radius:1px;
    margin-right:10px;
    cursor:pointer
}
.compare-action .compare-action-check:checked+label:before{
    font-size:16px;
    line-height:16px;
    content:"✓";
    text-align:center;
    color:#000;
    position:relative;
    left:2px;
    top:1px
}
.compare-action input[type=checkbox]{
    visibility:hidden
}
.compare-panel{
    height:100px;
    background:#f1f1f1;
    position:fixed;
    z-index:999999;
    bottom:0;
    left:0;
    width:100%;
    display:none;
    box-sizing:border-box;
    border:1px solid #ccc;
    font-size:14px
}
.compare-panel .button-area{
    float:right;
    height:100%;
    color:#fff;
    display:flex;
    align-items:center
}
.compare-panel .button-area .contact-button{
    margin:16px 20px;
    background:#0078d7;
    color:#fff;
    line-height:28px;
    padding:0 12px;
    border-color:transparent;
    border-radius:3px;
    font-size:14px;
    cursor:pointer
}
.clear-all,.close{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    color:#666;
    opacity:.5
}
.clear-all .ic-close,.close .ic-close{
    position:absolute;
    width:32px;
    height:32px;
    left:12px;
    top:45px
}
.clear-all .ic-close:after,.clear-all .ic-close:before,.close .ic-close:after,.close .ic-close:before{
    position:absolute;
    left:15px;
    content:"";
    height:16px;
    width:2px;
    background-color:#fff
}
.clear-all .ic-close:before,.close .ic-close:before{
    transform:rotate(45deg)
}
.clear-all .ic-close:after,.close .ic-close:after{
    transform:rotate(-45deg)
}
.button-area .clear-all{
    margin-right:20px;
    cursor:pointer
}
.button-area .clear-all:hover{
    opacity:1;
    color:#0078d7
}
.button-area .close{
    position:relative;
    width:60px;
    height:100%;
    background:#555;
    cursor:pointer;
    display:inline-grid;
    align-items:Center;
    font-size:16px;
    text-align:center
}
.button-area .close i{
    color:#fff
}
.list-wrapper{
    height:100%;
    margin-right:380px;
    position:relative;
    display:flex;
    align-items:center;
    overflow-x:auto;
    overflow-y:hidden
}
.list-wrapper::-webkit-scrollbar{
    height:8px
}
.list-wrapper::-webkit-scrollbar-track{
    border-radius:10px;
    background-color:rgba(0,0,0,.1)
}
.list-wrapper::-webkit-scrollbar-thumb{
    border-radius:10px;
    background-color:rgba(0,0,0,.3)
}
.list-wrapper .next,.list-wrapper .pre{
    display:block;
    position:absolute;
    top:0;
    cursor:pointer;
    height:60px;
    color:#999;
    font-size:32px;
    line-height:60px;
    width:32px
}
.list-wrapper .next{
    right:0;
    text-align:right;
    color:#fff
}
.list-wrapper .item-clear{
    position:relative;
    float:right;
    box-sizing:border-box;
    width:20px;
    height:100%;
    border-left:1px solid #ebecf0;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center
}
.list-wrapper .item-clear .ic-close{
    position:absolute;
    width:32px;
    height:32px;
    left:-6px;
    top:25px
}
.list-wrapper .item-clear .ic-close:after,.list-wrapper .item-clear .ic-close:before{
    position:absolute;
    left:15px;
    content:"";
    height:10px;
    width:2px;
    background-color:#333
}
.list-wrapper .item-clear .ic-close:before{
    transform:rotate(45deg)
}
.list-wrapper .item-clear .ic-close:after{
    transform:rotate(-45deg)
}
.list-wrapper .item-clear .fa{
    color:#c4c6cf
}
.list-wrapper .item-content{
    padding:7px;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center
}
.list-wrapper .item-img{
    float:left;
    width:80px;
    height:45px;
    display:flex;
    align-items:center
}
.list-wrapper .item-img img{
    max-width:100%;
    max-height:100%
}
.list-wrapper .item-title{
    display:-webkit-box;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:12px;
    line-height:18px;
    color:#666;
    margin-left:10px
}
.cart-list{
    padding:0 32px
}
#productChache_listPC{
    position:relative;
    height:90px;
    overflow:hidden;
    display:flex;
    align-items:center
}
.selected-all{
    margin-left:0;
    display:flex
}
.selected-item{
    padding:10px 6px
}
.selected-item .item-box{
    width:220px;
    height:60px;
    background:#fff
}
@media(max-width:768px){.sideqq{display: none}
    .compare-action{
        position:relative;
        margin:5.3333333333vw 2.6666666667vw;
        height:8vw;
        font-size:3.2vw;
        left:-10px;
        justify-content:flex-start
    }
    .compare-action .compare-action-check+label{
        margin-left:0;
        margin-right:5px
    }
    .products-content .pro-list .compare-action span{
        margin:0
    }
    .compare-panel{
        height:17vw
    }
    .compare-panel .button-area{
        padding:0 3vw;
        display:flex;
        justify-content:space-between;
        float:none
    }
    .compare-panel .button-area .close{
        display:none
    }
    .compare-panel .list-wrapper{
        padding-left:0;
        position:absolute;
        top:-15.6vw;
        margin-right:0;
        width:100%
    }
    .compare-panel .list-wrapper::-webkit-scrollbar{
        height:3px
    }
    .compare-panel .list-wrapper::-webkit-scrollbar-track{
        border-radius:3px;
        background-color:rgba(0,0,0,.3)
    }
    .compare-panel .list-wrapper::-webkit-scrollbar-thumb{
        border-radius:3px;
        background-color:rgba(0,0,0,.7)
    }
    .compare-panel .list-wrapper .cart-list{
        padding:0
    }
    .compare-panel .list-wrapper .cart-list #productChache_listPC{
        background:#fff
    }
    .compare-panel .list-wrapper .cart-list #productChache_listPC .selected-all{
        width:100%
    }
    .compare-panel .list-wrapper .selected-item{
        padding:0;
        width:20vw;
        position:relative
    }
    .compare-panel .list-wrapper .selected-item .item-box{
        width:auto;
        height:14vw
    }
    .compare-panel .list-wrapper .selected-item .item-clear{
        height:30px;
        width:30px;
        background:#eee;
        border:none;
        position:absolute;
        border-radius:50%;
        opacity:.7;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%)
    }
    .compare-panel .list-wrapper .selected-item .item-clear .ic-close{
        top:10px;
        left:0
    }
    .compare-panel .list-wrapper .selected-item .item-content{
        padding:2px 3px;
        box-sizing:border-box;
        border:1px solid #eee
    }
    .compare-panel .list-wrapper .selected-item .item-content .item-title{
        display:none
    }
    .compare-panel .list-wrapper .selected-item .item-content .item-img{
        width:auto;
        height:13vw
    }
}
.inquiry-pro-list{
    background:#fff;
    margin:50px 0;
    display:none;
    width:100%;
    box-sizing:border-box;
    border:1px solid #ddd;
    padding:0 100px
}
.inquiry-pro-list a{
    text-decoration:none;
    color:#000
}
.inquiry-pro-list .inquiry-pro-item{
    width:100%;
    height:100px;
    border-bottom:1px solid #ddd;
    display:flex;
    padding:40px 10px;
    margin-top:0;
    box-sizing:content-box
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img{
    height:100%;
    width:200px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img a{
    width:100%;
    height:100%
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img img{
    height:100%
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name{
    padding-top:30px;
    margin-left:50px;
    font-size:14px
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a{
    font-size:16px
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a:hover{
    color:#0078d7
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p{
    padding:0;
    margin:0
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del{
    position:relative;
    padding-top:20px;
    height:100%;
    width:200px;
    margin-left:auto;
    display:flex;
    justify-content:center;
    align-items:center
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close{
    position:absolute;
    width:32px;
    height:32px;
    left:-6px;
    top:43px
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after,.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before{
    position:absolute;
    left:15px;
    content:"";
    height:20px;
    width:2px;
    background-color:#333
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before{
    transform:rotate(45deg)
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after{
    transform:rotate(-45deg)
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:hover{
    cursor:pointer
}
.inquiry-pro-list .inquiry-pro-item:last-child{
    border:none
}
@media(max-width:768px){
    .inquiry-pro-list{
        padding:1vw 5vw
    }
    .inquiry-pro-list .inquiry-pro-item{
        box-sizing:border-box;
        padding:3vw;
        margin:0;
        height:20vw
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-del{
        padding-top:0;
        width:10vw
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close{
        right:0;
        top:4vw
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-name{
        font-size:3vw;
        margin:0;
        padding:2vw 0 0;
        max-width:48vw
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-name p a{
        font-size:3.2vw;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-img{
        min-width:24vw;
        margin-right:3vw;
        width:auto
    }
}
.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%
    }
}
#feedbackForm span.xh,.feedbackForm #feedbackForm .atextarea,.feedbackForm #feedbackForm .fsbtn,.feedbackForm #feedbackForm .lable,.feedbackForm #feedbackForm .submita,.feedbackForm #feedbackForm .text,.feedbackForm #feedbackForm table,.feedbackForm #msg,.feedbackForm .fput,.feedbackForm .ftxt{
    max-width:none;
    padding:0;
    margin:auto;
    border:0;
    height:auto;
    font-size:auto;
    line-height:1.5;
    font-family:Arial;
    color:#333;
    background:0 0;
    text-align:left
}
.feedbackForm{
    max-width:800px;
    margin:50px auto
}
.feedbackForm table{
    width:100%
}
.feed-title{
    font-size:1.875rem;
    color:#2c2c2c;
    margin-top:2.5rem;
    margin-bottom:1.25rem;
    font-weight:600;
    text-transform:uppercase
}
.feedbackForm #feedbackForm td{
    border:0;
    height:48px;
    padding:0;
    width:auto;
    margin-left:10px
}
.lable{
    white-space:nowrap
}
.feedbackForm #feedbackForm tbody{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.feedbackForm #feedbackForm tr{
    border-radius:2px;
    box-sizing:border-box;
    margin-bottom:15px;
    font-size:.9375rem;
    color:#727272;
    background:#f7f7f7
}
.feedbackForm #feedbackForm tr:nth-child(-n+4){
    width:49%;
    flex-basis:49%
}
.feedbackForm #feedbackForm tr:nth-child(-n+5){
    display:flex;
    justify-content:flex-start
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) td:first-child{
    display:flex;
    align-items:center;
    padding:0 5px
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) td:last-child{
    width:100%;
    flex-basis:100%;
    display:block
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) input{
    width:100%;
    height:100%;
    outline:0
}
.feedbackForm #feedbackForm tr:nth-child(5){
    width:100%;
    flex-basis:100%
}
.feedbackForm #feedbackForm tr:nth-child(6){
    width:100%;
    flex-basis:100%;
    display:flex;
    flex-direction:column
}
.feedbackForm #feedbackForm tr:nth-child(7){
    width:100%;
    height:0;
    border:0;
    padding:0
}
#feedbackForm input,.feedbackForm #feedbackForm #SubmitContent{
    border:0;
    font-size:.9375rem;
    color:#000;
    padding-left:5px;
    box-sizing:border-box
}
.feedbackForm #feedbackForm #SubmitContent{
    width:100%;
    margin-top:10px;
    padding-left:0;
    box-sizing:border-box
}
.feedbackForm #feedbackForm .submita{
    color:#fff;
    font-size:16px;
    padding:10px 35px;
    border:none;
    background-color:#0078d7;
    text-transform:uppercase;
    cursor:pointer
}
#feedbackForm input::-webkit-input-placeholder{
    font-size:14px;
    color:#666
}
#feedbackForm input:-ms-input-placeholder{
    font-size:14px;
    color:#666
}
#feedbackForm input::placeholder{
    font-size:14px;
    color:#666
}
#feedbackForm input{
    color:#666
}
.feedbackForm #feedbackForm tr:nth-child(6) td{
    height:auto;
    padding:0 5px;
    display:block
}
.feedbackForm #feedbackForm tr:nth-child(6) textarea{
    outline:0;
    text-indent:15px
}
.feedbackForm #feedbackForm .xh{
    color:red
}
.smtcss{
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    top:-30px
}
@media screen and (max-width:768px){
    .feedbackForm #feedbackForm tr:nth-child(7){
        height:20vw;
        background:transparent
    }
    .feedbackForm #feedbackForm tr:nth-child(-n+4){
        width:100%;
        flex-basis:100%
    }
    .feedbackForm #feedbackForm tr:nth-child(2),.feedbackForm #feedbackForm tr:nth-child(4){
        display:none
    }
    .feedbackForm{
        margin-bottom:0
    }
}
.ie{
    background:#f4f4f4
}
.ie .adv-item article{
    width:100%
}
.ie .cate-btn{
    left:35%
}
.ie .banner{
    margin-bottom:80px
}
.ie #feedbackForm{
    margin-bottom:50px
}
.ie .link-wrap .link-l .link-sign,.ie .link-wrap .link-r .link-sign{
    bottom:20px
}
.ie .link-wrap .link-a{
    margin-top:40px
}
.ie .contact-icon{
    position:relative
}
.ie .contact-icon img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.ie .contact-wrap{
    margin-bottom:50px
}
.ie .contact-info{
    max-height:none
}
.ie .pro-c-main .common-wrapper{
    margin-top:50px
}
.ie10 #feedbackForm{
    max-width:1000px
}
.ie10 .contact-box .box-l{
    max-width:1200px
}
.ie10 .btn-list .btn,.ie10 .btn-list .LayImAhrefNode,.ie10 .pdown1,.ie10 .pdown2,.ie10 .pdown3{
    display:block
}
.ie10 .link-wrap .link-l,.ie10 .link-wrap .link-r{
    background:transparent
}
@media(max-width:1700px){
    .adv-list .common-wrapper,.common-wrapper,.head-wrapper{
        width:1200px
    }
    .about-con{
        padding-left:100px
    }
    .news-r .news-info{
        padding:30px 20px
    }
}

@media(max-width:1700px){
.head-wrapper2{
        width:1400px
    }

}


@media(max-width:1500px){
    .head-logo{
        margin-right:50px
    }
    .adv-list .common-wrapper,.common-main .common-wrapper,.common-wrapper,.head-wrapper{
        width:1200px
    }
    .news-r .news-info{
        padding:20px 10px
    }
    .news-list .news-more{
        padding:8px
    }
    .news-l .news-info{
        padding:60px 28px
    }
    .pro-info{
        padding:16px;
        max-width:400px
    }
    .pro-name{
        margin-bottom:10px
    }
    .about .about-con{
        padding:30px 50px
    }
    .about .about-con,.about .about-img{
        width:100%
    }
    .about .about-img{
        max-height:450px
    }
    .about .about-img img{
        width:100%;
        object-fit:cover
    }
    .prolist-1 .pro-btn .arr{
        width:38px
    }
    .pro-btn{
        line-height:38px;
        font-size:12px
    }
    .pro-item:hover .pro-btn,.prolist-1 .pro-item:hover .pro-btn .arr{
        height:38px
    }
}
@media(max-width:1380px){
    .foot-letter .send-letter .eput{
        width:240px
    }
    .swiper-button-next,.swiper-button-prev{
        width:50px;
        height:50px
    }
    .common-right{
        display:none
    }
    .prolist-1 .pro-item{
        width:calc(25% - 27.75px);
        margin-right:37px
    }
    .prolist-1 .pro-item:nth-of-type(3n){
        margin-right:37px
    }
    .prolist-1 .pro-item:nth-of-type(4n){
        margin-right:0
    }
    .foot-l{
        flex-wrap:wrap
    }
    .foot-l .foot-item{
        width:50%;
        box-sizing:border-box
    }
    .foot-l .foot-item:nth-of-type(2n){
        padding-left:50px
    }
    .foot-l .foot-cate,.foot-l .foot-nav{
        padding-left:0
    }
    .que-item{
        padding:30px
    }
    .pro-info{
        max-width:none
    }
    .pro-c-info{
        padding:24px 50px 0 55px
    }
}
@media(max-width:1240px){
    .adv-list .common-wrapper,.common-main .common-wrapper,.common-wrapper,.head-wrapper{
        width:900px
    }
    .head-wrapper{
        justify-content:space-between
    }
    .head-nav{
        position:relative;
        width:44px;
        height:44px;
        margin-right:auto;
        background:#0078d7;
        overflow:hidden
    }
    .head-nav:after{
        content:"☰";
        font-size:16px;
        width:1em;
        line-height:1;
        text-align:center;
        position:absolute;
        top:50%;
        left:50%;
        margin-top:-8px;
        margin-left:-8px;
        color:#fff
    }
    .head-nav>ul{
        position:absolute;
        top:0;
        left:0;
        width:250px;
        background:#0078d7;
        padding-top:44px
    }
    .head-nav.active{
        overflow:visible
    }
    .head-nav.active:after{
        content:"✕"
    }
    .head-nav.active ul{
        height:auto;
        flex-direction:column
    }
    .head-nav.active ul>li{
        height:44px
    }
    .head-nav.active ul>li>a{
        color:#fff
    }
    .head-nav.active ul>li .inmenu_1,.head-nav.active ul>li>a:hover{
        text-decoration:underline
    }
    .head-nav.active>ul .submenu{
        left:100%;
        top:0;
        padding-top:0
    }
    .head-nav.active>ul .submenu a{
        color:#333;
        line-height:44px
    }
    .head-nav.active>ul .submenu a:hover{
        color:#fff
    }
    .news-l{
        display:none
    }
    .adv-item{
        width:50%
    }
    .pro-item{
        width:calc(50% - 20px);
        margin-right:40px
    }
    .pro-item:nth-of-type(2n){
        margin-right:0
    }
    .news-list{
        height:auto
    }
    .news-item{
        width:100%!important;
        margin-bottom:40px
    }
    .news-item:first-of-type{
        flex-direction:row
    }
    .news-item:first-of-type .news-img{
        flex:1
    }
    .news-item:first-of-type .news-img img{
        height:100%;
        max-width:none
    }
    .news-item:first-of-type .news-info{
        flex:1.5
    }
    .part-list{
        flex-wrap:wrap
    }
    .part-item{
        width:33%
    }
    .foot-right ul{
        display:none
    }
    .content-item,.document-main .project-item,.prolist-1 .pro-item{
        margin-right:40px;
        width:calc(33% - 30px)
    }
    .content-item:nth-of-type(4n),.document-main .project-item:nth-of-type(4n),.prolist-1 .pro-item:nth-of-type(4n){
        margin-right:40px
    }
    .content-item:nth-of-type(3n),.document-main .project-item:nth-of-type(3n),.prolist-1 .pro-item:nth-of-type(3n){
        margin-right:0
    }
    .document-main .project-info{
        padding:15px
    }
    .pro-c-top{
        flex-direction:column
    }
    .preview-container{
        margin-left:100px
    }
    .pro-c-info{
        width:800px;
        margin:30px auto;
        padding:0
    }
    .link-wrap .link-l{
        margin-bottom:30px
    }
    .link-wrap .link-l,.link-wrap .link-r{
        width:100%;
        height:110px
    }
    .link-wrap{
        height:auto;
        flex-wrap:wrap
    }
}
@media screen and (max-width:768px){
    .banner{
        margin-top:13.3333333333vw;
        height:40vw;
        background-size:100%
    }
	.banner-wrap2{display: none;}
    .banner img{
        display:none
    }
    .banner-wrap{
        padding-right:4.5333333333vw;
        align-items:flex-end;
        box-sizing:border-box;
		width:100%;
    }
    .banner-title{
        font-size:36px
    }
    .about-main{
        padding-top:4vw
    }
    .about-main article .about-title{
        margin:4vw 0 0!important;
        font-size:28px!important;
        line-height:1.3
    }
    .about-main article .a-line{
        margin:4vw auto!important
    }
    .tab-content{
        padding:5.3333333333vw
    }
    .tab-content p{
        margin:4vw 0!important
    }
    .tab-content img{
        margin-bottom:4vw!important
    }
    .tabs-top{
        flex-wrap:wrap
    }
    .tabs-title{
        width:50%;
        border-bottom:2px solid #fff;
        -ms-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
        box-sizing:border-box;
        padding:2.6666666667vw;
        height:auto;
        line-height:8.6666666667vw
    }
    #tabs{
        margin-bottom:4vw
    }
    .about-main article .adv-t{
        line-height:1.3
    }
    .head-contact,.head-top{
        display:none
    }
    .head-nav{
        width:auto;
        height:auto
    }
    .foot .common-wrapper{
        width:100%
    }
    .foot-l .foot-item:first-of-type{
        display:none
    }
    .foot-letter .send-letter{
        margin-top:5.3333333333vw
    }
    .foot-l .foot-item,.foot-l .foot-item:nth-of-type(2n){
        padding:0;
        margin-bottom:3vw;
        width:100%
    }
    .foot-l .foot-letter{
        display:none
    }
    .foot-cate ul,.foot-nav ul{
        display:flex;
        flex-wrap:wrap
    }
    .foot-cate ul li,.foot-nav ul li{
        margin:1vw 0 1vw 3.2vw
    }
    .foot-l{
        padding:4vw 0 0
    }
    .cu li i{
        margin-right:5px
    }
    .foot-title{
        font-size:18px
    }
    .foot-cate ul,.foot-nav ul{
        margin-top:5.3333333333vw
    }
    .foot-letter .send-letter .eput{
        margin:10px 0
    }
    .foot-list{
        padding-bottom:0
    }
    .foot-right{
        padding:4vw 0;
        height:auto
    }
    .foot-right p{
        font-size:12px;
        text-align:center;
        width:100%
    }
    .foot-right ul{
        display:none
    }
    .foot{
        padding-bottom:16vw
    }
    .bPosition{
        padding-left:4vw;
        line-height:1.4
    }
    .link-wrap .link-l,.link-wrap .link-r{
        height:20vw
    }
    .search-wrap{
        display:flex;
        padding-left:10vw;
        margin:4vw 0;
        position:relative
    }
    .search-wrap input{
        width:75vw;
        height:10.6666666667vw;
        background-color:#fff;
        outline:none;
        padding:0 0 0 14px;
        border:1px solid #ccc
    }
    .search-wrap .search-btn{
        height:100%;
        position:absolute;
        right:10vw;
        width:10vw
    }
    .search-wrap .search-btn i{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%)
    }
    #toast-container{
        padding-top:150px
    }
    .head-wrapper{
        height:100%
    }
    .head{
        height:13.3333333333vw;
        position:fixed;
        top:0;
        left:0;
        right:0;
        box-shadow:none
    }
    .head-nav{
        position:absolute
    }
    .head-nav>ul{
        background-color:#fff;
        top:13.3333333333vw;
        right:-100vw;
        left:unset;
        position:fixed;
        flex-direction:column;
        width:100vw;
        overflow-y:auto;
        overflow-x:hidden;
        padding-top:0;
        height:calc(100vh - 13.333vw);
        justify-content:flex-start
    }
    .head-nav>ul>li{
        position:relative;
        height:auto;
        margin:0;
        display:block;
        padding:4vw 5.3333333333vw;
        border-bottom:1px solid #ccc
    }
    .head-nav>ul>li a{
        width:100%;
        display:flex;
        justify-content:space-between;
        color:#5d5d5d;
        font-size:15px;
        height:auto
    }
    .head-nav>ul>li .inmenu_1{
        color:#0078d7
    }
    .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;
        right:4vw;
        top:4vw;
        color:#5d5d5d;
        transform:scale(1.4) rotate(-90deg);
        transform-origin:center center;
        transition:all .3s
    }
    .head-nav>ul>li .slide-active{
        transform:scale(1.4) rotate(90deg)
    }
    .head-nav>ul>li:hover>a,.head-nav>ul>li:hover>i{
        color:#5d5d5d;
        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:#fff;
        top:0;
        list-style-type:square;
        display:none;
        padding-top:0
    }
    .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:13px;
        line-height:26px
    }
    .head-nav>ul .submenu li a:hover{
        background:transparent
    }
    .nav-btn{
        display:flex
    }
    .head-wrapper{
        justify-content:space-between;
        position:relative;
        padding:0 5.3333333333vw;
        margin:0
    }
    .head-logo{
        width:37.3333333333vw
    }
    .mobile-bottom{
        z-index:4;
        width:100%;
        justify-content:space-evenly
    }
    .mobile-bottom,.mobile-bottom .mobile-bottom-item{
        height:16vw;
        background:#0078d7;
        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
    }
    .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
    }
    .xyz12{
        margin-top:2.6666666667vw;
        margin-left:8vw;
        background-color:transparent;
        top:0
    }
    .xyz12 a{
        color:#fff;
        font-size:14px
    }
    #bmap{
        height:59.0666666667vw;
        width:100vw;
        position:relative;
        top:0;
        left:-4vw
    }
    .contact-wrap{
        margin-top:4vw
    }
    .contact-list{
        flex-wrap:wrap;
        height:auto;
        padding:4vw;
        box-sizing:border-box
    }
    .contact-item{
        width:100%;
        justify-content:flex-start;
        margin-bottom:4vw
    }
    .contact-box,.contact-box .box-r{
        flex-direction:column-reverse;
        height:auto
    }
    .contact-box .box-r{
        padding:4vw 0;
        width:100%
    }
    .contact-box .box-t{
        width:100%;
        -ms-writing-mode:lr-tb;
        writing-mode:horizontal-tb;
        text-align:center;
        margin-top:4vw;
        font-size:20px
    }
    .contact-box .box-icon{
        margin-top:0;
        width:10.6666666667vw;
        height:10.6666666667vw
    }
    .contact-box .box-icon i{
        font-size:24px
    }
    .contact-box .box-l{
        padding:4vw;
        box-sizing:border-box
    }
    .contact-box .title-m{
        font-size:22px
    }
    .contact-main{
        padding-top:0
    }
    .common-main{
        overflow-x:hidden
    }
    .feedback-main p{
        line-height:1.5
    }
    .document-main .video-list>li{
        width:100%;
        margin-right:0
    }
    .document-main .video-list{
        flex-direction:column
    }
    .document-main .video-list .video-info{
        padding-top:4vw
    }
    .document-main .download-item{
        padding:4vw 0
    }
    .document-main .download-info{
        font-size:12px;
        display:-webkit-box;
        display:-moz-box;
        max-height:80px;
        line-height:16px;
        text-overflow:ellipsis;
        word-break:break-all;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:5;
        overflow:hidden
    }
    .document-main .download-title{
        position:relative;
        padding-right:20px;
        font-size:14px;
        margin-bottom:4vw;
        line-height:1.5
    }
    .document-main .download-title i{
        position:absolute;
        top:5px;
        right:10px
    }
    .document-main .download-list{
        top:0
    }
    .document-main{
        padding:4vw 0
    }
    .document-main .project-list{
        justify-content:space-between
    }
    .document-main .project-item{
        width:47%;
        margin-right:0
    }
    .document-main .project-info .info-r{
        min-width:30px;
        height:30px
    }
    .document-main .project-info{
        padding:2vw
    }
    .document-main .project-info .info-l p:nth-child(2){
        display:none
    }
    .document-main .project-info .info-l .title{
        font-size:12px;
        display:-webkit-box;
        display:-moz-box;
        max-height:28px;
        line-height:14px;
        text-overflow:ellipsis;
        word-break:break-all;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden
    }
    .document-main .faq-list .faq-item{
        width:100%;
        margin-right:0;
        margin-bottom:4vw
    }
    .document-main .faq-list .faq-title{
        padding:4vw 5vw 4vw 4vw
    }
    .document-main .faq-list .faq-con{
        padding:4vw
    }
    .document-main .faq-list .faq-title:after{
        top:45%
    }
    .document-main .faq-list .faq-title.active:after{
        top:35%
    }
    .document-main .project-item:nth-of-type(4n){
        margin-right:0
    }
    .btn-list{
        display:flex;
        justify-content:space-between
    }
    .btn-list a,.btn-list div{
        width:47%
    }
}
@media screen and (max-width:768px){
    .adv-list .common-wrapper,.common-main .common-wrapper,.common-wrapper,.head-wrapper{
        width:100%;
        margin:0
    }
    .common-wrapper{
        padding:0 4vw;
        box-sizing:border-box
    }
    .about .about-con .about-title{
        font-size:20px
    }
    #swiper-banner{
        margin-top:13.3333333333vw
    }
    #swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{
        width:20px;
        background:transparent
    }
    #swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{
        color:#0078d7
    }
    #swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover{
        background:transparent
    }
    #swiper-banner .swiper-button-next,#swiper-banner .swiper-container-rtl .swiper-button-prev{
        right:5px
    }
    .que{
        flex-wrap:wrap;
        flex-direction:column
    }
    .adv{
        padding:0;
        margin:5.3333333333vw 0
    }
    .adv-list .common-wrapper{
        justify-content:space-between
    }
    .que-item{
        width:100%;
        padding:6.6666666667vw 4vw 10.6666666667vw
    }
    .que-num{
        margin-right:10px;
        margin-bottom:0
    }
    .que-num,.que-title{
        display:inline-block;
        font-size:24px
    }
    .que-item:hover:after,.que-item:hover:before{
        opacity:0
    }
    .common-title{
        font-size:26px
    }
    .adv-item{
        width:48%;
        padding:2.4vw;
        border:1px solid #e1e1e1;
        margin-bottom:4vw
    }
    .adv-t{
        font-size:14px;
        margin-bottom:2.6666666667vw;
        line-height:1.3
    }
    .adv-item img{
        width:16vw;
        height:16vw;
        margin:5.3333333333vw 0
    }
    .adv-item article{
        font-size:12px;
        margin-top:auto;
        display:-webkit-box;
        display:-moz-box;
        max-height:48px;
        line-height:16px;
        text-overflow:ellipsis;
        word-break:break-all;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
        overflow:hidden
    }
    .cate{
        display:none
    }
    .pro-list{
        justify-content:space-between;
        margin-top:6vw
    }
    .pro-item{
        width:47%
    }
    .pro-item,.pro-item:nth-of-type(4n){
        margin-right:0
    }
    .about-title{
        font-size:18px
    }
    .about .about-con{
        padding:66vw 4vw 4vw;
        color:#a7a9ac
    }
    .about{
        position:relative
    }
    .about article{
        color:#151515;
        margin:4vw 0
    }
    .about .more-btn{
        display:inline-block
    }
    .about ul li{
        font-size:12px;
        background:url(imgs/home-sel_blue.png) no-repeat;
        background-position:10px;
        margin-bottom:8px;
        line-height:2
    }
    .about .about-sel img{
        visibility:hidden
    }
    .about-title{
        color:#0078d7
    }
    .about .about-img{
        width:92vw;
        left:4vw;
        position:absolute;
        top:4vw
    }
    .con-wrap{
        background:#fff;
        padding:5.3333333333vw
    }
    .about-list .common-wrapper{
        flex-wrap:wrap;
        justify-content:space-between
    }
    .about-item{
        width:47%;
        justify-content:flex-start;
        margin-bottom:4vw
    }
    .about-text{
        font-size:12px;
        color:#fff
    }
    .about-num{
        font-size:20px;
        color:#fff
    }
    .about-ic img{
        width:40px;
        height:40px
    }
    .about .about-list{
        background:#24292f;
        padding:4vw 0
    }
    .news article{
        margin:4vw 0
    }
    .news{
        padding:6.6666666667vw 0 0
    }
    .news-item:first-of-type .news-info{
        height:auto
    }
    .news-item:first-of-type .news-img,.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{
        flex:1.3
    }
    .news-item:first-of-type .news-img img,.news-item:nth-of-type(2) .news-img img,.news-item:nth-of-type(3) .news-img img{
        object-fit:cover
    }
    .news-item{
        height:30vw!important
    }
    .news-item .news-title{
        white-space:pre-wrap;
        font-size:16px;
        display:-webkit-box;
        display:-moz-box;
        max-height:40px;
        line-height:20px;
        text-overflow:ellipsis;
        word-break:break-all;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden
    }
    .news-item .news-info{
        flex:0;
        width:60%;
        padding:4vw;
        height:auto
    }
    .news-item .news-info article{
        display:none
    }
    .news-item .news-img{
        flex:1.3;
        width:40%
    }
    .news-item .news-img a{
        display:block;
        width:100%;
        height:100%
    }
    .news-item .news-more{
        font-size:12px
    }
    .news-item .news-date{
        padding:2vw
    }
    .part{
        padding:0
    }
    .part-item{
        width:33%;
        padding:4vw;
        box-sizing:border-box
    }
    .part-list{
        flex-wrap:wrap
    }
}
@media screen and (max-width:768px){
    .content-item{
        width:47%;
        margin-right:0
    }
    .content-list1{
        justify-content:space-between
    }
    .content-list0 .content-item{
        width:47%;
        display:block;
        margin-bottom:50px
    }
    .content-item:nth-of-type(4n){
        margin-right:0
    }
    .content-list0{
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:space-between
    }
    .content-list0 .content-info{
        padding:4vw 0 0
    }
    .content-main{
        padding:8vw 0;
        background:#f7f7f7
    }
    .content-date{
        right:10px
    }
    .content-info{
        padding-top:4vw
    }
    .content-title{
        font-size:16px;
        display:-webkit-box;
        display:-moz-box;
        max-height:40px;
        line-height:20px;
        text-overflow:ellipsis;
        word-break:break-all;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden
    }
    .content-date{
        padding:1.3333333333vw 2.6666666667vw;
        width:auto;
        height:auto;
        line-height:16px
    }
    .content-more{
        margin-top:3vw;
        padding:3vw;
        font-size:12px;
        width:auto;
        height:auto;
        transform:translateX(0);
        line-height:18px;
        background:#ebebeb
    }
    .content-main .common-c-title{
        font-size:24px;
        line-height:1.4
    }
    .link-wrap .link-l,.link-wrap .link-r{
        width:100%
    }
    .link-wrap .link-l{
        margin-bottom:4vw;
        padding:0 28px 0 130px
    }
    .link-wrap .link-r{
        padding:0 130px 0 28px
    }
    .link-wrap{
        flex-direction:column
    }
    .link-a,.link-a a{
        -ms-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap
    }
    .contant-c-main{
        background:#fff
    }
    .content-list1 .content-info{
        height:40vw
    }
}
@media screen and (max-width:768px){
    .pro-main{
        padding:4vw 0
    }
    .prolist-top{
        display:none
    }
    .prolist-0,.prolist-1{
        justify-content:space-between
    }
    .prolist-0{
        flex-direction:row;
        flex-wrap:wrap
    }
    .prolist-0 .pro-info{
        padding:4vw
    }
    .prolist-0 .pro-item .pro-btn{
        width:100%
    }
    .prolist-0 .pro-img{
        width:100%;
        height:auto;
        margin-right:0;
        position:relative
    }
    .prolist-0 .pro-img:after{
        display:block
    }
    .prolist-0 .img-wrap{
        position:absolute;
        top:0;
        left:0;
        bottom:0;
        justify-content:center;
        align-items:center
    }
    .prolist-0 .pro-item{
        display:flex;
        flex-direction:column;
        height:auto
    }
    .prolist-0 .pro-item:hover{
        margin-bottom:4vw
    }
    .prolist-0 .pro-item .pro-btn .arr{
        display:none
    }
    .prolist-0 .pro-item,.prolist-1 .pro-item{
        width:47%;
        margin-right:0;
        margin-bottom:4vw
    }
    .prolist-1 .pro-item:nth-of-type(3n),.prolist-1 .pro-item:nth-of-type(4n){
        margin-right:0
    }
    .common-left{
        width:100%
    }
    .common-pages{
        width:100%;
        flex-wrap:wrap;
        justify-content:flex-start;
        margin-bottom:4vw
    }
    .common-pages a,.common-pages span{
        margin-bottom:4vw;
        border-right:1px solid #d7d7d7
    }
    .common-pages .last{
        border-right:none
    }
    .common-pages .last a{
        border-right:1px solid #d7d7d7
    }
    .pro-item{
        display:flex;
        flex-direction:column
    }
    .pro-item .pro-btn{
        height:38px;
        color:#fff;
        order:1
    }
    .prolist-1 .pro-item .pro-btn .arr{
        display:none
    }
    .pro-info{
        padding:4vw
    }
    .pro-name{
        height:40px;
        display:-webkit-box;
        display:-moz-box;
        max-height:40px;
        line-height:20px;
        text-overflow:ellipsis;
        word-break:break-all;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden
    }
    .pro-c-main{
        margin-top:13.3333333333vw;
        padding:0
    }
    .pro-c-main .common-wrapper{
        padding:0
    }
    .pro-c-top{
        flex-direction:column
    }
    .pro-c-top .pro-preview-left{
        width:100%;
        min-width:100%;
        height:auto
    }
    .pro-c-top .pro-preview-left .preview-container{
        visibility:hidden;
        width:100%
    }
    .pro-c-top .pro-preview-left .preview-container .small-box{
        display:none
    }
    .pro-c-top .pro-preview-left .preview-container .thumbnail-box{
        margin:0
    }
    .pro-c-top .pro-preview-left .preview-container .thumbnail-box a{
        display:none
    }
    .pro-c-top .pro-preview-left .preview-container .thumbnail-box .list,.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .wrapper{
        width:100%
    }
    .pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item{
        height:auto;
        border:none;
        margin:0;
        outline:none
    }
    .pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img{
        width:100%
    }
    .pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .banner-page{
        display:flex
    }
    .pro-c-top .pro-preview-right{
        margin-bottom:0;
        padding:4vw 0
    }
    .pro-c-top .pro-preview-right .pro-name{
        font-size:4vw
    }
    .pro-c-top .pro-preview-right .pro-price,.pro-c-top .pro-preview-right .pro-views{
        font-size:4vw;
        margin:1.3333333333vw 0
    }
    .pro-c-top .pro-preview-right .share-btn-list{
        margin:4vw 0
    }
    .pro-c-top .pro-preview-right article{
        font-size:3.2vw;
        line-height:4.8vw;
        margin-right:0
    }
    .pro-c-top .pro-preview-right .btn-list{
        justify-content:space-between;
        margin-top:4vw
    }
    .pro-c-top .pro-preview-right .btn-list .btn-list .btn,.pro-c-top .pro-preview-right .btn-list .btn-list .LayImAhrefNode,.pro-c-top .pro-preview-right .btn-list .pdown1,.pro-c-top .pro-preview-right .btn-list .pdown2,.pro-c-top .pro-preview-right .btn-list .pdown3{
        width:47%
    }
    .pro-c-top .pro-preview-right .btn-list .btn,.pro-c-top .pro-preview-right .btn-list .pdown2{
        height:6.6666666667vw;
        width:40vw;
        margin:4vw 0
    }
    .pro-c-top .pro-preview-right .btn-list .btn span,.pro-c-top .pro-preview-right .btn-list .pdown2 span{
        font-size:4vw
    }
    .pro-c-top .singglepic{
        width:100%!important;
        height:auto!important;
        margin-bottom:0!important;
        border:none!important
    }
    .pro-c-top .singglepic img{
        max-width:100%;
        max-height:100%;
        width:100%
    }
    .pro-c-info{
        margin:0;
        padding:4vw
    }
    .pro-c-name{
        font-size:20px;
        margin:4vw 0
    }
    #gallery .swiper-pagination-bullet{
        background:#000;
        opacity:.2
    }
    #gallery .swiper-pagination-bullet-active{
        background:#0078d7;
        opacity:1
    }
    .pro-c-main article{
        padding:0 4vw;
	
    }
	 .pro-c-main img{
		 max-width: 90%;
	
    }
    .pro-c-art{
        margin-top:4vw
    }
    .pro-c-art .inquiry,.pro-c-art .link-wrap{
        padding:0 4vw
    }
    .pro-rel-top{
        margin:4vw 0
    }
    .pro-c-art .content-c-tit,.pro-rel-top .pro-rel-tit{
        font-size:20px
    }
    .pro-rel{
        padding:4vw
    }
    .preview-container{
        margin-left:0
    }
    .pro-c-info{
        width:100%
    }
    .pro-c-con{
        margin:0 0 4vw
    }
    .pro-c-banner{
        display:none
    }
    .btn-list .btn,.btn-list .LayImAhrefNode,.pdown1,.pdown2,.pdown3{
        width:47%
    }
    .btn-list .btn>a,.btn-list .LayImAhrefNode>a,.pdown1>a,.pdown2>a,.pdown3>a{
        width:100%
    }
}
/* add */
 .foot-right_b{
    width:100%;
    background-color:#20232c;
    color:#d1d1d1
}
.foot-right_b .common-wrapper{
    padding:10px 0;
    width:100%;
    text-align:center;
    display:flex;
    justify-content:center
}
 .singglepic{
    width:450px!important;
    height:450px!important
}
 @media screen and (max-width:768px){
    .content-list0 .content-img{
        height:auto
    }
     .content-list0 .content-img img{
        width:100%;
        height:auto
    }
     .content-list0 .content-img a{
        display:flex;
        width:100%;
        height:100%
    }
     .content-list0 .content-item{
        height:auto
    }
     .content-list0 .content-more{
        width:100%;
        box-sizing:border-box
    }
}
 .head-logo a{
    display:flex;
    height:100%;
    width:100%;
    justify-content:center;
    align-items:center
}
 .head-logo img{
    max-height:100%;
    max-width:100%;
    width:auto
}
 .e_mobile{
    display:none
}
 @media screen and (min-width:1250px) and ( max-width:1920px){
    .about .about-con, .about .about-img{
        width: 50%;
    }
    .about .about-img img{
        width: auto
    }
}
 @media screen and (max-width:768px){
    .banner img{
        display:block;
        width:100%;
        height:100%;
        object-fit:cover
    }
}
 @media screen and (max-width:768px){
    .pro-c-con{
        display:none
    }
    .pro-c-main article p{
        font-size:18px;
        line-height:2
    }
    .content-main .content-c-date{
        font-size:12px;
        color:#666
    }
    .content-main .content-c-date a{
        color:#666
    }
    .content-main .content-top{
        margin:10px 0
    }
    .content-main .common-c-title{
        font-size:20px
    }
    .content-main .common-content article p{
        font-size:18px;
        color:#444
    }
    .mobile-bottom,.mobile-bottom .mobile-bottom-item{
        min-height:16vw
    }
    .mobile-bottom{
        height:auto;
        padding-bottom:constant(safe-area-inset-bottom);
        padding-bottom:env(safe-area-inset-bottom)
    }
    .foot{
        padding-bottom:calc(16vw + constant(safe-area-inset-bottom));
        padding-bottom:calc(16vw + env(safe-area-inset-bottom))
    }
}
.footlinks{
    height: auto;
    line-height: 1.4;
    padding: 10px 0;
}