/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}

.sdfs{
    font-size: 12px;
    color: #fff;
}
.sdfs a{
    color: #fff;
}
/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


.com-img{  overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}





.top2{height:143px;overflow:hidden;}

.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}




/*主体样式*/

.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}

.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}



/*页面底部*/
.foot{background:#333;}
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}

.f_nav dd a{font-size:12px;color:#333;line-height:20px;}
.copyright{text-align:center;line-height:24px;}

/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}

.dhusndg{
    width: 100%;
    left:50%;
    margin-left: -50%;
    position: absolute;
    top:0px;
    z-index: 999;
   border-bottom: rgba(255,255,255,0.27) 1px solid; 
}
.fngh{
    max-width: 1700px;
    margin: 0 auto;
    font-family: "Microsoft Yahei";
    padding: 0 2%;
}
.dlogo{
    width: 25%;
}
.dlogo img{
    max-width: 100%;
    height: auto;
}
.nnav{
    width: 69%;
}
.nei{
    border-bottom: #e5e5e5 1px solid;
    line-height: 72px;
    height: 72px;
    overflow: hidden;
}

#formsearch1 input{background:none;border:none;float:left;width:80%;outline: none;border-right: none;}
#formsearch1 input#keyword{height:35px;line-height:35px;padding-left:4px;color:#666;}
#formsearch1 input#s_btn{width:34px;height:35px;line-height:35px;text-align:center;background:url(../images/d3e77ba95e5531d05175152851d2685765013699.jpg) no-repeat center;color:#fff;border:none;cursor:pointer;
float: right;
font-size: 0px;
}
.dfg{
    width: 40%;
    font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #666666;
}
.dfg a{
    color: #666666;
    padding-right: 3%;
}
.dfg span{
    font-size: 14px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #2ba2d3;
    text-transform: uppercase;
}
.dfg em{
    font-size: 14px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #333333;
    font-style: normal;
}
.dsos{
    width: 25%;
    border-right: #e5e5e5 1px solid;
    padding-top: 1.2%;
    border-left: #e5e5e5 1px solid;
}
.nei1{
    overflow: hidden;
    padding: 3% 0;
}
.cgg{
    text-align: center;
}
.cgg_a{
    font-size: 1.8rem;
	font-weight: 600;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #313131;
    text-transform: uppercase;
    display: none;
}
.cgg_a span{
    font-weight: 400;
}
.cgg_b{
    font-size: 1.4rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2rem;
	letter-spacing: 0px;
	color: #333333;
}
.cgg_d{
    width: 52px;
	height: 2px;
	background-color: #2ba2d3;
    margin:1% auto 0;
}
.hexinh{
    margin-top: 3rem;
}
.hexinh li{
    width: 31.5%;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    padding: 3%;
    text-align: center;
    margin-bottom: 2rem;
    cursor: pointer;
}
.hexinh_img{
    width: 30%;
    margin: 0 auto;
    height: 71px;
}
.hexinh_img img{
    max-width: 100%;
    height: auto;
}
.hexinh_aa{
    font-size: 1.2rem;
	font-weight: 600;
	font-stretch: normal;
	line-height: 3rem;
	letter-spacing: 0px;
	color: #333333;
}
.hexinh_bb{
    width: 2.3rem;
	height: 0.1rem;
	background-color: #2ba2d3;
	border-radius: 0.1rem;
    margin: 0 auto;
}
.hexinh_cc{
    font-size: 0.7rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5rem;
	letter-spacing: 0rem;
	color: #666666;
    margin-top:1rem;
}
.hexinh li:hover{
    background: url(../images/6fb3b42e08e73e17c013a906b6d446f0770bb24f.jpg) no-repeat;
    background-size: 100% 100%;
}
.hexinh li:hover  .hexinh_aa{
    color:#fff;
}
.hexinh li:hover  .hexinh_bb{
    background-color: #fff;
}
.hexinh li:hover  .hexinh_cc{
    color:#fff;
}
.hexinh li:hover  .hexinh_img img{
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(260deg) brightness(104%) contrast(101%);
}
.nei2{
    background: #f8f9fa;
    padding-top: 3%;
    overflow: hidden;
}
.cgg_ee{
    font-size: 0.8rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2rem;
	letter-spacing: 0rem;
	color: #333333;
}
.anling li{
    position: relative;
    width: 25%;
    overflow: hidden;
    cursor: pointer;
}
.anling_img img{
    width: 100%;
    height: auto;
    /* -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; */
}
.anling li:hover .anling_img img{
    filter: grayscale(0);
} 
.anling li:hover .anlingnei{
    opacity: 1;
}
.anlingnei{
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    padding: 2%;
    background:rgba(0, 0, 0, .38);
    opacity: 0;
}
.anlingnei_b{
    width: 2.2rem;
	height: 0.1rem;
	background-color: #ffffff;
    margin: 2% auto 0;
}
.anlingnei_a{
    font-size: 1rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.2rem;
	letter-spacing: 0rem;
	color: #ffffff;
}
.anlingnei_c{
    font-size: 0.8rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.2rem;
	letter-spacing: 0rem;
	color: #ffffff;
}
.nei3{
    background: url(../images/0e99fce8d3d4f337d1a214b838bc41ba92f670d7.jpg) center center no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 3% 0;
    color: #fff;
    overflow: hidden;
}
.weing{
    width: 55%;
    font-size: 1.4rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.6rem;
	letter-spacing: 0rem;
	color: #ffffff;
}
.ina{
    width: 25%;
    margin-top: 1.5rem;
}
.ina li{
    width: 47%;
	border: solid 0.1rem #ffffff;
    text-align: center;
    line-height: 2.5rem;
    font-size: 0.8rem;
    height: 2.5rem;
}
.ina li a{
    color: #fff;
}
.ina li:hover{
    background-color: #2ba2d3;
    border: solid 0.1rem #2ba2d3;
}

.nei4{
    background: url(../images/c9193cf639179b6bdf30135de1b20fae5880cff4.jpg) top center no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 3%;
    overflow: hidden;
    position: relative;
}
.dsing{
    width: 48%;
    overflow: hidden;
}
.dsing img{
    max-width: 100%;
    height: auto;
}
.nei4 .abg0 {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch;
    margin-top: 1%;
}
.nei4 .abg0 .abg {
    width: 52%;
    background: #f8f9fb;
    padding-top: 5%;
    padding-left: 7%;
    padding-right: 3%;
}
.abgg_hj{
    font-size: 1.5rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.6rem;
	letter-spacing: 0rem;
	color: #333333;
}
.abgg_a{
    font-size: 2.2rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.6rem;
	letter-spacing: 0rem;
    color: #333333;
    text-transform: uppercase;
    text-align: center;
}
.abgg_a span{
    color: #2ba2d3;
}
.abgg_b{
    font-size: 0.8rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.6rem;
	letter-spacing: 0rem;
	color: #959595;
    text-align: center;
}
.abgg_c{
    font-size: 0.8rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.8rem;
	letter-spacing: 0rem;
	color: #969696;
    margin-top: 2%;
}
.abgg_m{
    text-align: center;
    width: 9.3rem;
	height: 2.2rem;
	background-color: #2ba2d3;
    font-size: 0.8rem;
    line-height: 2.2rem;
    margin-top: 4rem;
}
.abgg_m a{
    color: #fff;
}
@media (max-width: 1700px) {
    .abgg_m {
        margin-top: 4rem;
    }
}
@media (max-width: 1600px) {
    .abgg_m {
        margin-top: 0.5rem;
    }
    .nei4 .abg0 .abg {
        padding-top: 3%;
    }
}
.nei5{
    background: url(../images/52b6cb4e5d26e7a101fb5c02d6ca51db382cb9b9.jpg) center center no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 3% 0;
    overflow: hidden;
    margin-top: 3%;
}
.lihsng{
    margin-top: 2rem;
}
.lihsng li{
    text-align: center;
    width: 12%;
    cursor: pointer;
}
.lihsng_img img{
    max-width: 100%;
    height: auto;
}
.lihsng_as{
    font-size: 0.9rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 3.4rem;
	letter-spacing: 0rem;
	color: #ffffff;
}
.lihsng_as a{
    color: #ffffff;
}
.lihsng_img{
    transform:rotate(0deg);
    transition: all 0.6s ease;
}
.lihsng li:hover .lihsng_img{
    transform:rotate(360deg);
    transition: all 0.6s ease;
}

.nei6{
    padding: 3% 0;
    overflow: hidden;
}
.cgg h3 {
    font-size: 12px;
    color: #ffffff;
}
.xwd{
    margin-top: 3rem;
}
.xxd{
    width: 35%;
    background: url(../images/a6e26b0e706f1302461668e12840fadb13227161.png) top center no-repeat;
    background-size: 100% 100%;
    border: #d5d5d5 1px solid;
    box-sizing: border-box;
    padding:0% 2% 2% 2%;
}
.xss{
    width: 63%;
}
.xxd_img img{
    width: 100%;
    height: auto;
}
.dsomh{
    font-size: 1.2rem;
	font-weight: 600;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #ffffff;
    line-height: 3.5rem;
}
.xxd_aa{
   font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #515151;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xxd_aa a{
    color: #515151;
}
.xxdodmh{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #646464;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.xxd_nhg{
    float: left;
    width: 50%;
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #646464;
    margin-top: 4%;
}
.xxd_a{
    float: right;
    width: 40%;
    margin-top: 4%;
    text-align: right;
    color: #646464;
}
.xxd_a a{
    color: #646464;
}
.xss li{
    width: 49%;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, .2);
    margin-bottom: 2%;
    box-sizing: border-box;
    padding:4% 3%;
}
.xss li:nth-child(3){
    margin-bottom: 0px;
}
.xss li:nth-child(4){
    margin-bottom: 0px;
}
.xxd_nhg1{
    float: left;
    width: 50%;
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #646464;
    margin-top: 10%;
}
.xxd_a1{
    float: right;
    width: 40%;
    margin-top: 10%;
    text-align: right;
    color: #646464;
}
.xxd_a1 a{
    color: #646464;
}
.kaing{
    width: 12%;
    color: #fff;
}
.kaing_a{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;
}
.kaing_b{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;
    background: url(../images/f60321344e630387d8c614bc640982c03922b3a3.png) 80% center no-repeat;
}
.daomh{
    width: 70%;
    margin-top: 2%;
}
.x-nav-menu{
    display: none;
}
.dgbfg{
    margin-top: 4%;
}
.liangd{
    width: 40%;
    color: #fff;
}
.liangd_a{
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;
}
.liangd_b{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
    margin-top: 2%;
}
.zaing{
    width: 30%;
}
.zainggg{
    width: 35%;
    margin-top: 5%;
}
.zainggg_a{
    background: url(../images/d440420886912ae81e51531246f4deab124a2f4f.png) no-repeat;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    text-indent:40%;
}
.zainggg_a a{
    color: #fff;
}
.zaingering{
    width: 60%;
}
.zaingering img{
    max-width: 100%;
    height: auto;
}
.zainggg_b{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 11.5px;
	color: #acacac;
    margin-top: 2%;
}
.zainggg_c{
    font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
}
.abdnagh{
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
    text-align: left;
}
.abdnagh a{
    color: #ffffff;
}
.admhd{
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
    text-align: right;
}
.admhd a{
    color: #ffffff;
}
.anling {
    margin-top: 2%;
}

@media(max-width: 1440px){
   .zainggg_b{
      letter-spacing: 8.5px;
   }
   .weing{
       font-size: 20px;
       line-height: 35px;
   }
   .nei4 .abg0 .abg {
       padding-top: 1%;
   }
}

@media(max-width: 1024px){
    .weing{
       font-size: 18px;
       line-height: 32px;
   }
   .liangd{
       width: 50%;
   }
   .zaing {
        width: 39%;
    }
    .x-menu > li>a{
        font-size: 14px;
    }
}
@media(max-width: 996px){
    .x-banner , .page-banner{
        margin-top: 60px;
    }
    .cgg_a{
        font-size: 25px;
        line-height: 45px;
    }
    .cgg_b{
        font-size: 18px;
        line-height: 30px;
    }
    .hexinh_aa{
        font-size: 20px;
        line-height: 50px;
    }
    .cgg_ee{
        font-size: 14px;
        line-height: 35px;
    }
    .anlingnei_a{
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .anlingnei_c{
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .weing {
        font-size: 14px;
        line-height: 30px;
    }
    .ina {
        width: 37%;
        margin-top: 1rem;
    }
    .ina li{
        font-size: 16px;
    }
    .abgg_a{
        font-size: 25px;
    }
    .abgg{
        width: 100%;
    }
    .abgg_hj{
        font-size: 23px;
        margin-top: 1%;
    }
    .lihsng_as{
        font-size: 15px;
    }
    .xxd{
        width: 100%;
    }
    .xss {
        width: 100%;
        margin-top: 2%;
    }
    .kaing {
        width: 25%;
        color: #fff;
    }
    .zaing {
        width: 48%;
    }
    .zainggg_b {
        letter-spacing: 2.5px;
        text-align: center;
    }
    .admhd{
        width: 100%;
        text-align: center;
    }
    .abdnagh{
        width: 100%;
        text-align: center;
    }
    .visible-xs {
        display: block!important;
    }
    .x-footer{
        padding-bottom: 9%;
    }
    .nei4 .abg0 .abg {
        padding-top: 0;
    }
    .abgg_m {
        margin-top: 0;
    }
}
@media(max-width: 763px) {
    .nei4 {
        padding-top: 6%;
    }
    .nei4 .abg0 {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .nei4 .abg0 .abg {
        width: 100%;
        padding-left: 4%;
    padding-right: 3%;
    }
    .dsing {
        width: 100%;
    }
    .abgg {
    width: 100%;
    padding-bottom: 5%;
    }
    .fngh {
        padding-bottom: 4%;
    }
}

@media(max-width: 500px){
    .nei{
        display: none;
    }
    .hexinh li{
        width: 48%;
    }
    .hexinh_img{
        height: 50px;
    }
    .hexinh_aa {
        font-size: 16px;
        line-height: 48px;
    }
    .hexinh_cc{
        font-size: 14px;
        line-height: 26px;
    }
    .anling li{
        width: 50%;
    }
    .weing{
        width: 100%;
        text-align: center;
    }
    .ina{
        display: none;
    }
    .abgg_b{
        font-size: 15px;
    }
    .abgg_hj {
        font-size: 21px;
        line-height: 35px;
        margin-top: 2rem;
    }
    .abgg_c{
        font-size: 14px;
        line-height: 26px;
    }
    .lihsng li{
        width: 23%;
    }
    .dsomh{
        font-size: 20px;
    }
    .xss li{
        width: 100%;
    }
    .x-layout{
        display: none;
    }
    .x-footer {
        padding-bottom: 13%;
    }
}


/* 推翻 */
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}

.w1440{
    max-width: 1470px;
    margin: 0 auto;
    padding: 0 15px;
}

.headbg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    padding: 20px 0;
}

.headindex{
    align-items: center;
}

.headindex .logo{
    width: 15.27%;
}

.headindex .logo img{
    max-width: 100%;
}

.headindex .tnav{
    width: 73%;
}

/* adindex */
.adindex{

}

.adlist li{
    width: 16.67%;
    text-align: center;
    padding: 30px 0;
    border-top: 5px solid transparent;
}

.adlist li .img1{
    margin-bottom: 10px;
}

.adlist li .img1 img{
    max-width: 100%;
}

.adlist li .wza{
    color: #333333;
    font-size: 18px;
}

.adlist li .wzb{
    color: #a9a9a9;
    font-size: 14px;
    text-transform: uppercase;
}

.adlist li:hover{
    background: #f2f2f2;
    border-top: 5px solid #0380ac;
}

@media(max-width: 1280px){
    .adlist li .wza{
        font-size: 16px;
    }
    .adlist li .wzb{
        font-size: 13px;
    }
}

@media(max-width: 780px){
    .adindex{
        margin: 20px 0;
    }
    .adlist{
        flex-wrap: wrap;
    }
    .adlist li{
        width: 33.333%;
        padding: 15px 0;
    }
    .adlist li .img1 img{
        max-width: 40px;
        width: 100%;
    }
    .adlist li .wza{
        font-size: 15px;
    }
    .adlist li .wzb{
        font-size: 12px;
    }
}

@media(max-width: 640px){
    .adlist li{
        width: 50%;
    }
}


/* 产品 */
.probg{
    background:#f2f2f2;
    padding: 6.25vw 0;
}

.pubt{
    align-items: center;
}

.pubt .pubt1 h3{
    color: #0380ac;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 8px;
}

.pubt .pubt1 h4{
    color: #b8b7b7;
    font-size: 16px;
    text-transform: uppercase;
}

.pubt .pubt2 a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 165px;
    height: 45px;
    border: 1px solid #e6e6e6;
    background: #fff;
}

.pubt .pubt2 a span{
    color: #333333;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 1.5vw;
}

.plist1{
    margin: 0 -0.9165%;
    margin-top: 1.3vw;
}


.plist1 li{
    float: left;
    width: 31.5%;
    margin: 0 0.9165%;
    margin-bottom: 1.833%;
}

.plist1 li .img1 img{
    width: 100%;
}

.plist1 li .wz{
    background: #fff;
    padding: 25px 0;
}

.plist1 li .wz .wza{
    background: url(../images/2d14af6a7ed04759ecf354def220f9817ba0d401.png) no-repeat left center;
    padding-left: 15px;
    color: #333333;
    font-size: 16px;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.plist1 li .wz .wzb{
    background: url(../images/91aaba4b343a00f19fe584577e55b835026600ac.png) no-repeat center center;
    width: 27px;
    height: 27px;
    border: 1px solid #acacac;
    border-radius: 50%;
    margin-right: 30px;
}


.plist1 li:hover .wz .wza{
    color: #0380ac;
}

.plist1 li:hover .wz .wzb{
    background: #0380ac url(../images/ac6bcb15f33f4613395d3016233860508bce6b26.png) no-repeat center center;
    border: 1px solid #0380ac;
}

@media(max-width: 1024px){
    .pubt .pubt1 h3{
        font-size: 24px;
    }
    .pubt .pubt1 h4{
        font-size: 14px;
    }
    .pubt .pubt2 a{
        width: 150px;
    }
    .pubt .pubt2 a span{
        font-size: 12px;
    }
    .plist1 li .wz{
        padding: 15px 0;
    }
    .plist1 li .wz .wza{
        font-size: 14px;
    }
}

@media(max-width: 780px){
    .probg{
        padding: 40px 0;
    }
    .plist1{
        margin: 0;
        margin-top: 20px;
    }
    .plist1 li{
        width: 48%;
        margin: 0;
        margin-bottom: 4%;
    }
    .plist1 li:nth-child(2n){
        float: right;
    }
    .plist1 li .wz .wzb{
        margin-right: 5px;
    }
    .pubt .pubt2 a{
        width: 120px;
    }
}

/* 服务品牌 */
.service-index{
    padding: 5.73vw 0;
}

.slist1{
    margin: 0 -1.32%;
    margin-top: 1.3vw;
}

.slist1 li{
    float: left;
    width: 17.36%;
    margin: 0 1.32%;
    margin-bottom: 2.64%;
}

.slist1 li .img1{
    border: 1px solid #dadada;
}

.slist1 li .img1 img{
    max-width: 100%;
}

@media(max-width: 780px){
    .service-index{
        padding: 40px 0;
    }
    .slist1{
        margin: 0;
        margin-top: 20px;
    }
    .slist1 li{
        width: 31.333%;
        margin: 0 1%;
        margin-bottom: 2%;
    }
}

/* about */
.abbg{
    align-items: center;
    position: relative;
}

.abbg::before{
    content: '';
    position: absolute;
    top: 35px;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
}

.abl{
    width: 49.6875%;
    position: relative;
}

.abl > img{
    width: 100%;
}

.abwen{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 240px;
    z-index: 99;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 87%;
}

.abwrap{
    background: #fff;
    padding: 3.65vw 2.6vw;
}

.abtt h3{
    color: #333333;
    font-size: 2.39583333333333vw;
}

.abtt h3 b{
    color: #0c83ad;
}

.abtt h4{
    color: #333333;
    font-size: 20px;
    margin: 1vw 0;
}

.abtt h5{
    width: 110px;
    height: 4px;
    background: #0c83ad;
    margin-top: 1.6vw;
}

.aw{
    margin-top: 1.8vw;
}

.aw p{
    color: #666666;
    font-size: 16px;
    line-height: 2.25;
    text-align: justify;
}

.amore{
    border: 1px solid #000000;
    width: 180px;
    height: 46px;
    line-height: 44px;
    text-align: center;
    margin-top: 2vw;
}

.amore a{
    display: block;
    color: #666666;
    font-size: 16px;
}

.abr{
    width: 50%;
    position: relative;
}

.abr img{
    width: 100%;
}

@media(max-width: 1366px){
    .abtt h4{
        font-size: 18px;
    }
    .aw p{
        font-size: 13px;
    }
    .amore a{
        font-size: 14px;
    }
}

@media(max-width: 1200px){
    .abwen{
        left: 100px;
        width: 100%;
    }
}

@media(max-width: 1100px){
    .abtt h4{
        font-size: 14px;
    }
    .abwrap{
        padding: 2vw;
    }
    .amore{
        width: 150px;
        height: 35px;
        line-height: 33px;
    }
    .amore a{
        font-size: 12px;
    }
}

@media(max-width: 1024px){
    .aw p{
        line-height: 1.8;
    }
}

@media(max-width: 780px){
    .abbg{
        flex-wrap: wrap;
    }
    .abbg::before{
        display: none;
    }
    .abl{
        width: 100%;
    }
    .abr{
        width: 100%;
    }
    .abwen{
        position: relative;
        left: 0;
    }
    .abwrap{
        padding: 15px;
    }
    .abtt h3{
        font-size: 20px;
    }
    .abtt h4{
        margin: 5px 0;
    }
    .amore{
        margin-top: 10px;
    }
}

/* news */
.newsbg{
    background: #f2f2f2;
    padding-top: 5.5vw;
    padding-bottom: 5.5vw;
}

.nlist1{
    margin-top: 1.3vw;
}

.nlist1 li{
    margin-bottom: 2.34375vw;
}



.nlist1 li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}

.nlist1 li:nth-child(2n) a{
    flex-direction: row-reverse;
}

.nlist1 li a .img1{
    width: 50%;
}

.nlist1 li a .img1 img{
    width: 100%;
}

.nlist1 li a .wz{
    width: 50%;
    background: #fff;
    padding: 2.7vw 3.125vw;
    padding-left: 3.4vw;
    display: flex;
    justify-content: space-between;
}

.nlist1 li a .wz .wzl{
    width: 112px;
}

.nlist1 li a .wz .wzl img{
    width: 100%;
}

.nlist1 li a .wz .wzr{
    width: 72%;
}

.nlist1 li a .wz .wzr .wzra{
    color: #666666;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nlist1 li a .wz .wzr .wzrb{
    color: #898989;
    font-size: 16px;
    line-height: 2;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 20px 0;
    margin: 20px 0;
}

.nlist1 li a .wz .wzr .wzrc{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #595757;
    font-size: 16px;
}

@media(max-width: 1366px){
    .nlist1 li a .wz .wzr .wzrb{
        font-size: 15px;
    }
    .nlist1 li a .wz .wzr .wzrc{
        font-size: 14px;
    }
}


@media(max-width: 1280px){
    .nlist1 li a .wz .wzr .wzrb{
        font-size: 14px;
        padding: 10px 0;
        margin: 10px 0;
    }
}

@media(max-width: 1100px){
    .nlist1 li a .wz .wzr .wzra{
        font-size: 18px;
    }
    .nlist1 li a .wz .wzr .wzrb{
        line-height: 1.5;
    }
}

@media(max-width: 1024px){
    .nlist1 li a .wz .wzr .wzrb{
        line-height: 1.3;
    }
}

@media(max-width: 780px){
    .newsbg{
        padding: 40px 0;
    }
    .nlist1{
        margin-top: 20px;
    }
    .nlist1 li{
        margin-bottom: 10px;
    }
    .nlist1 li a{
        display: block;
    }
    .nlist1 li a .img1{
        width: 100%;
    }
    .nlist1 li a .wz{
        width: 100%;
        padding: 20px 10px;
    }
    .nlist1 li a .wz .wzl{
        width: 35%;
    }
    .nlist1 li a .wz .wzr{
        width: 62%;
    }
    .nlist1 li a .wz .wzr .wzra{
        font-size: 15px;
    }
    .nlist1 li a .wz .wzr .wzrb{
        font-size: 12px;
    }
    .nlist1 li a .wz .wzr .wzrc{
        font-size: 12px;
    }
}

/* foot */
.footbg{
    background: #595757;
    padding-top: 3.65vw;
    padding-bottom: 3.125vw;
}

.footl{
    width: 29%;
    padding-right: 4.5vw;
    border-right: 1px solid #b9b9b9;
}

.flogo img{
    max-width: 100%;
}

.fw{
    margin: 0.5vw 0;
}

.fw p{
    color: #ffffff;
    font-size: 14px;
    line-height: 2;
}

.fwmore a{
    display: flex;
    align-items:center;
    color: #fff;
    font-size: 16px;
}

.fwmore a img{
    margin-left: 15px;
}

.footm{
    width: 31%;
    border-right: 1px solid #b9b9b9;
}

.ft{
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

.flx p{
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}


.flx p img{
    margin-right: 10px;
}

.flx p:last-child{
    margin-bottom: 0;
}

.footr{
    width: 25.3%;
}

.elist li{
    text-align: center;
}

.elist li .img1 img{
    max-width: 100%;
}

.elist li .wz{
    color: #fff;
    font-size: 14px;
    line-height: 3;
}

.copbg{
    background: #222222;
    padding: 20px 0;
}

.fnav{
    border-bottom: 1px solid #b5b5b6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.fnav ul{
    width: 75%;
}

.fnav ul li{
    background: url(../images/a5849599032f9361ced8b86010508a2620dbed20.png) no-repeat right center;
    padding-right: 2.6vw;
    margin-right: 2.6vw;
}

.fnav ul li:last-child{
    background: none;
}

.fnav ul li a{
    color: #b5b5af;
    font-size: 16px;
}

.fwz{
    color: #b5b5af;
    font-size: 16px;
}

.fwz a{
    color: #b5b5af;
}

.cy{
    color: #b5b5af;
    font-size: 14px;
    text-align: center;
}

.cy a{
    color: #b5b5af;
}

@media(max-width: 1200px){
    .footm{
        width: 38%;
    }
    .elist li{
        width: 45%;
    }
}

@media(max-width: 1100px){
    .fnav ul li a{
        font-size: 14px;
    }
    .fwz{
        font-size: 14px;
    }
}

@media(max-width: 995px){
    .footm{
        width: 42%;
    }
}

@media(max-width: 780px){
    .footbg{
        padding: 30px 0;
    }
    .footindex{
        flex-wrap: wrap;
    }
    .footl{
        width: 100%;
        padding-right: 0;
        border-right: none;
    }
    .fw{
        margin: 10px 0;
    }
    .footm{
        width: 100%;
        margin: 15px 0;
        border-right: none;
    }
    .flx p{
        margin-bottom: 5px;
    }
    .footr{
        width: 70%;
    }
    .elist li .wz{
        line-height: 2;
    }
    .fnav{
        display: none;
    }
    .cy{
        font-size: 12px;
    }
}