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,;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;}



/*----- 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{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.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;}

.logo{float:left;line-height:143px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(https://cdn.myxypt.com/inqbllmq/t/1/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;}







.scxian-nr .bd ul li{width: 318px;height: 407px;float: left;border: solid 1px #f0f1f2;text-align: center;padding: 20px;margin: 0px 14px;}
.scxian-nr .bd ul li img{width: 100%;}
.scxian-nr .bd ul li h3{font-size: 17px;color: #333333;font-weight: bold;margin-top: 20px;margin-bottom: 15px;}
.scxian-nr .bd ul li p{font-size: 13px;line-height: 19px;color: #666666;}
.scxian-nr .bd ul li a{display: block;}
.scxian-nr .bd ul li a img{width: 32px;height: 32px;margin-top: 12px;}
.scxian-nr .bd ul li a .cimg2{display: none;}
.scxian-nr .bd{overflow: hidden;}
.scxian-bt{text-align: center;}
.scxian-bt h3{font-size: 36px;color: #333333;font-weight: bold;margin-top: 45px;margin-bottom: 10px;}
.scxian-bt h3 strong{color: #004198;font-size: 36px;}
.scxian-bt span{display: block;background: url(../../../../6aac1751/22/01/f8ec23e56bb14b83021e29af8c620dac95db8941.png) no-repeat center;font-size: 16px;color:#333333;}
.scxian-nr{margin-top: 25px;position: relative;}
.scxian-nr .bd ul li:hover{border: 1px solid #004198;}
.scxian-nr .bd ul li:hover .cimg2{display: block;margin: 0 auto;margin-top: 12px;}
.scxian-nr .bd ul li:hover .cimg1{display: none;}
.scxian-nr .hd .next{position: absolute;width: 59px;height: 59px;background: url(../../../../6aac1751/22/01/d7dee051c900bf0324b2df76d7ee53dc2e2b910a.png) no-repeat center;left:-70px;z-index: 9999;top: 120px;}
.scxian-nr .hd .prev{position: absolute;width: 59px;height: 59px;background: url(../../../../6aac1751/22/01/0b9d44096196f8cec629ce082fd052a294556040.png) no-repeat center;right:-70px;z-index: 9999;top: 120px;}




.fuwulc{background: url(../../../../6aac1751/22/01/e9eff2d8515f319479f535b7845745f39e861688.jpg) no-repeat center;height: 234px;padding-top: 35px;}
.lc-left h3{font-size: 38px;color: #ffffff;font-weight: bold;}
.lc-left{float: left;width: 765px;}
.lc-right{float: right;width: 365px;}
.lc-left ul li{width: 108px;margin-top: 21px;padding-top: 15px;height: 70px;float: left;text-align: center;background-image: linear-gradient(0deg, #004198 0%, #0061e4 100%);
border-radius: 10px;margin-right: 45px;position: relative;}
.lc-left ul li h4,.lc-left ul li h5{font-size: 16px;color: #fff;}
.lc-left ul li::before{display: block;content: "";background: url(../../../../6aac1751/22/01/8ea07f06629936ef8f467b85eda222f35b532df4.png) no-repeat center;width: 12px;height: 13px;position: absolute;top: 30px;right: -30px;}
.lc-left ul li:last-child::before{display: none;}
.lc-right h6{background: url(../../../../6aac1751/22/01/454611fa0fbc41a3cd99f1d3f334e8d6d7b78010.png) no-repeat center;font-size: 16px;color: #fff;text-align: center;margin-top: 30px;}
.lc-right-tel{padding-left: 67px;background: url(../../../../6aac1751/22/01/2d62d7fa0acfd795a64f9440040519206319d1f3.png) no-repeat left center;margin-top: 35px;}
.lc-right-tel p{font-weight: bold;color: #fff;font-size: 36px;}


.ab-left{float: left;width: 600px;background: #eeeeee;border-top: 9px solid #004198;padding-left: 20px;padding-right: 50px;height: 372px;}
.ab-right{float: right;width: 600px;height: 372px;}
.ab-nr{margin-top: 55px;}
.ab-left h3{font-weight: bold;margin-top: 40px;margin-bottom: 27px;}
.ab-left p{line-height: 29px;font-size: 14px;color: #333333;}
.sy-about ul li{width: 299px;text-align: center;border-right: 1px solid #eeeeee;background-color: #fff;}
.sy-about ul li a{display: block;}
.sy-about ul li a img{margin: 15px 0px;}
.sy-about ul li a h3{font-size: 14px;color: #333333;margin-bottom: 30px;}
.sy-about{background: url(../../../../6aac1751/22/01/0db8474fd44b973270df9effb998e975fbaa9498.jpg) no-repeat center;height: 745px;padding-top: 55px;}
.sy-about ul li:hover h3{color: #004198;}
.sy-about ul li:hover a img{filter: invert(16%) sepia(83%) saturate(2478%) hue-rotate(201deg) brightness(97%) contrast(109%);}




.solution{
  margin-top: 3%;
}
.x-solution{
  margin-top:25px;

}
.so-cate{
  width: 446px;
  
   float: left;
}
.so-cate li{
  width: 208px;
  height: 103px;
  background-color: #ededed;
  float: left;
  text-align: center;
  margin-bottom: 10px;
  margin-right: 15px;
}
.so-cate li a{
  display: block;
}
.so-cate li:nth-child(2n) a{
  border-right: none;
}
.so-cate li:nth-child(11) a,.so-cate li:nth-child(12) a{
  border-bottom: none;
}
.so-cate li .img{
  height: 50px;
  overflow: hidden;;
}
.so-cate li .img img{
  position: relative;
  top:0;
  transition: all 0.3s;
}
.so-cate li .text{
  padding-top:5px;
}
.so-cate li .text h3{
  color: #333333;
  font-size: 16px;
  line-height: 1.5;
}
.so-cate li .text .en{
  color:rgba(51,51,51,.4);
  font-size: 12px;
  line-height: 1.5;
  font-family: arial;
}
.so-cate li.on img{
  top:-50px;
}
.so-cate li.on a{
  background:#132b83;
  height: 102px;
}
.so-cate li.on .text h3{
  color:#fff;
}
.so-cate li.on .text .en{
  color:#fff;
}
.cate-img-tab{
  width: 754px;
  float: right;
  height: 440px;
  overflow: hidden;
  position: relative;
}
.cate-img-tab .en{position: absolute;left: 0px;bottom: 0px;background: rgba(0,0,0,.41);height: 103px;font-size: 16px;color: #fff;line-height: 25px;padding-left: 28px;padding-top: 18px;padding-right: 30px;}
.hezuo{margin-top: 0px;background: #f5f5f5;padding-bottom: 2.3vw;}
.hezuo-nr{margin-top: 3vw;}
.hezuo-nr ul li a img{width: 100%;}
.hezuo-nr ul li a{display: block;padding: 10px;}
.hezuo-nr .slick-dots li{	width: 18px;
	height: 18px;
	background-color: #e5e5e5;}
  .hezuo-nr .slick-dots li.slick-active{	width: 18px;
	height: 18px;
	background-color: #004198;}
  .xw-nr{display: none;}
.hezuo-nr ul{padding: 0px 5%;}
.hezuo-nr .slick-prev{position: absolute;left: 0px;background: url(../../../../6aac1751/22/06/65e1b0b1f376f7367b247545b9bfe54dc4d6ac8d.png) no-repeat center;width: 51px;height: 51px;background-size: 100%;z-index: 9999;top: 46%;font-size: 0px;}
.hezuo-nr .slick-next{position: absolute;right: 0px;background: url(../../../../6aac1751/22/06/b0801410d895be6be42288747a216f2c6c2570e1.png) no-repeat center;width: 51px;height: 51px;background-size: 100%;z-index: 9999;top: 46%;font-size: 0px;}
.sy-news{background: url(../../../../6aac1751/22/01/e9dfede0b0b0dccc54fb9278c3b6129686ca3511.jpg) no-repeat center;height: 1077px;padding-top: 52px;margin-top: 50px;}
.prolist ul li{float: left;width: 174px;height: 57px;background-color: #e5e5e5;text-align: center;line-height: 57px;margin-right: 65px;font-size: 19px;color: #333333;margin-top: 54px;margin-bottom: 45px;}
.prolist ul li:first-child{margin-left: 265px;}
.prolist ul li.cur{background: #004198;color: #fff;}

.xinwen-nr-left{float: left;width: 540px;}
.xinwen-nr-right{float: right;width: 620px;}
.xinwen-nr-left-list1{height: 452px;
	background-color: #f5f5f5;}
.xinwen-nr-left-list1 li a{display: block;padding-top: 30px;}
.xinwen-nr-left-list1 li a img{width: 100%;}  
.xinwen-nr-left-list1 li a .det{padding-left: 33px;padding-top: 25px;}
.xinwen-nr-left-list1 li a .det h3{font-size: 18px;color: #333333;font-weight: bold;}
.xinwen-nr-left-list1 li:hover a .det h3{color: #005bac;}
.xinwen-nr-left-list1 li a .det h2{margin: 13px 0px;color: #020202;font-size: 12px;font-weight: normal}
.xinwen-nr-left-list1 li a .det p{color: #666666;font-size: 14px;line-height: 19px;}

.xinwen-nr-left-list2 li:last-child{border-bottom: 1px solid #dcdcdc;}
.xinwen-nr-left-list2 li{height: 62px;border-top: 1px solid #dcdcdc;padding-top: 18px;padding-left: 30px;background: url(../../../../6aac1751/22/01/13786a7adbc9f44c1ea1f137b7937411f5360d0d.png) no-repeat  left center;}
.xinwen-nr-left-list2 li .det h3{font-size: 16px;color: #333333;font-weight: normal;}
.xinwen-nr-left-list2 li .det h2{font-size: 14px;color: #666666;font-weight: normal;}
.xinwen-nr-left-list2 li:hover .det h3,.xinwen-nr-left-list2 li:hover .det h2{color: #005bac;}
.xinwen-nr-right ul li{height: 152px;border-top: 1px solid #dcdcdc;}
.xinwen-nr-right ul li:last-child{border-bottom: 1px solid #dcdcdc;}
.xinwen-nr-right ul li .det h3{font-size: 16px;color: #333333;font-weight: normal;margin-top: 40px;margin-bottom: 25px;}
.xinwen-nr-right ul li:hover .det h3{color: #005bac;}
.xinwen-nr-right ul li .det h2{font-size: 14px;color: #666666;font-weight: normal;margin-top: 40px;}
.xinwen-nr-right ul li a .xw-wz p{font-size: 14px;color: #999999;font-weight: normal;line-height: 19px;}
.xinwen-nr-right ul li a .xw-wz{background: url(../../../../6aac1751/22/01/c49ed410c84962bd53beb06bbabdd99848a2102b.png) no-repeat right bottom;} 




.sy-fot{background: #0b0b0b;border-top: 1px solid #5a5a5a;padding-top:4.5vw;color: #fff;padding-bottom: 0.8vw;}
.sy-fot a{color: rgba(255,255,255, .5);font-size: 14px;}
.fota{float: left;width: 33%;border-right:1px solid #4a4a4a ;}
.fotb{float: left;width: 38.5%;padding: 0px 3%;border-right:1px solid #4a4a4a ;}
.fotc{float: right;width: 28.5%;padding-left: 3.5%;}
.sy-fot h3{font-size: 24px;color: #fff;font-weight: normal;position: relative;padding-bottom: 15px;margin-bottom: 40px;}
.sy-fot h3::after{display: block;content: "";background: #0b50f2;width: 35px;height: 4px;position: absolute;left: 0px;bottom: 0px;}
.bulianwz p{font-size: 16px;line-height: 2.5;color: rgba(255,255,255, .5);}
.bulianwz p img{margin-right: 20px;}
.dblian-ma .ma1{width: 110px;margin-right: 70px;float: left;}
.dblian-ma .ma2{width: 110px;float: right;margin-right: 70px;}
.dblian-ma img{width: 100%;}
.dblian-ma p{text-align: center;line-height: 35px;}
.dblian-ma{margin-top: 11px;}
.fotb li{float: left;width: 50%;}
.fotb li a{font-size: 14px;}
.xypg-left-subnav li{width: 100%;padding-left: 15px;position: relative;line-height: 30px;height: 28px!important;}
.xypg-left-subnav li::before{display: block;content: ".";color: #fff;position: absolute;top: -7px;left: 3px;font-size: 26px;}
.fotc li{width:50%;float: left;height: 150px;}
.fotc .xypg-left-subnav li{width: 100%!important;}


.ffot2{font-size: 14px;color: rgba(255,255,255, .5);background: #1d1d1d;text-align: left;padding: 12px 0px;line-height: 25px;}
.ffot2 a{font-size: 14px;color: rgba(255,255,255, .5);line-height: 25px;}

@media(max-width: 768px){
  .ffot2{padding-bottom: 55px;}
}

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


.max1300{
  max-width: 1330px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}


.head-index{
  
}

.head-index .headl{
  width: 50%;
  align-items: center;
  justify-content: flex-start;
}

.head-index .headl .logo{

}

.head-index .headl .logo img{
  max-width: 100%;
}
.head-index .headl .logowz{
  margin-left: 18px;
}
.head-index .headl .logowz p:nth-of-type(1){
  font-weight: 600;
  color: #333333;
  font-size: 1.3rem;
}

.head-index .headl .logowz p:nth-of-type(2){
  color: #999999;
  font-size: 14px;
  font-family: "Arial";
  text-align: center;
  background: url(../../../../32e69318/22/02/47dbb243d8bf83a31f5f3b3180a364d1720efe18.png) no-repeat center center;
}
.head-index .headr{
  align-items: center;
}
.head-index .headr .tel1{
  background: url(../../../../32e69318/22/02/bf9644e82489abc4b76e4cd4a269f6f20b9dc473.png) no-repeat left center;
  padding-left: 54px;
}

.head-index .headr .tel1 p:nth-of-type(1){
  font-weight: 500;
  color: #666666;
  font-size: 14px;
}

.head-index .headr .tel1 p:nth-of-type(2){
  font-weight: 600;
  color: #333333;
  font-size: 1.4rem;
  line-height: 1;
}

.telxian{
  margin: 0 5px;
}

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

.head-index .headr .tel2{
  background: url(../../../../32e69318/22/02/bf9644e82489abc4b76e4cd4a269f6f20b9dc473.png) no-repeat left center;
  padding-left: 54px;
}

.head-index .headr .tel2 p:nth-of-type(1){
  font-weight: 500;
  color: #666666;
  font-size: 14px;
}

.head-index .headr .tel2 p:nth-of-type(2){
  font-weight: 600;
  color: #333333;
  font-size: 1.4rem;
  line-height: 1;
}


/**/
.sou-index{
  align-items: center;
  padding: 20px 0;
}

.sou-index .hot{
  background: url(../../../../6aac1751/22/06/3a5927bbb04c1baf729bf510724ac6f05d3c7d08.png) no-repeat left center;
  padding-left: 22px;
  color: #666666;
  font-size: 14px;
}

.sou-index .hot a{
  color: #666666;
  position: relative;
  padding-right: 15px;
  margin-right: 10px;
}

.sou-index .hot a::before{
  content: "";
  position: absolute;
  background: url(../../../../6aac1751/22/06/ce2b566ade62658dcda148b8e946778faa4ebc90.png) no-repeat right center;
  width: 7px;
  height: 13px;
  right: 0;
  top: 50%;
  margin-top: -6.5px;
}

.sou-index .hot a:last-child::before{
  display: none;
}

.sou-index .sss{
  width: 34.30769230769231%;
  background: #f6f6f6;
}

.sou-index .sss #formsearch {
    z-index: 11;
}

.sou-index .sss #formsearch input {
    line-height: 34px;
    height: 34px;
    background: none;
    border: none;
}

.sou-index .sss #formsearch input#keyword {
    text-indent: 16px;
    float: left;
    width: 200px;
    color: #999999;
    outline: none;
}

.sou-index .sss #formsearch input#s_btn {
    background: url(../../../../6aac1751/22/06/e414b5a9d2bd710fba773e1dedcd0897c238e6e9.png) no-repeat 50% 50%; 
    font-size: 0;
    float: right;
    width: 15%;
    outline: none;
    padding: 0;
}

.sou-index .sss #formsearch ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #999999;
}

.sou-index .sss #formsearch ::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999999;
}

.sou-index .sss #formsearch ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
}

.sou-index .sss #formsearch ::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999999;
}

/**/


.ban-logo img{max-width: 100%;}
.ban-logo{width: 10%;}
.ban-gun{width: 88%;overflow: hidden;margin-left: 2%;}
.banner-nr{align-items: center;border: 1px solid #f2f2f2;}
.ban-gun ul li a img{width: 100%;}
.ban-gun ul li a h3{text-align: center;font-size: 16px;color: #333333;font-weight: normal;margin-top: 1vw;}


.zg-sort .tabzz li{width: 160px;height: 40px;text-align: center;}
.zg-sort .tabzz li+li{margin-left: 120px;}
.zg-sort .tabzz li a{font-size: 20px;color: #333333;text-align: center;line-height: 40px;}
.zg-sort .flex{justify-content: center;margin: 2.8vw 0px;}
.zg-sort .tabzz li.cur{background: #0b50f2;border-radius: 25px;}
.zg-sort .tabzz li.cur a{color: #fff;}
.zg-sort .tabzz1 li{
  height: 40px;
  text-align: center;
    padding: 0 15px;
}
.zg-sort .tabzz1 li+li{margin-left: 120px;}
.zg-sort .tabzz1 li a{font-size: 20px;color: #333333;text-align: center;line-height: 40px;}
.zg-sort .flex{justify-content: center;margin: 2.8vw 0px;}
.zg-sort .tabzz1 li.cur{background: #0b50f2;border-radius: 25px;}
.zg-sort .tabzz1 li.cur a{color: #fff;}
.cgpro-left{width: 19.5%;}
.cgpro-right{width: 77%;}
.cgpro-right ul li{width: 30.1%;}
.cgpro-right ul li a img{width: 100%;}
.tabzz_content .product-con{height: 0px;overflow: hidden;}
.tabzz_content .product-con.active{height: 100%;overflow: visible;}

.tabzz_content .product-con2{height: 0px;overflow: hidden;}
.tabzz_content .product-con2.active{height: 100%;overflow: visible;}
/**/
.pt{
  text-align: center;
  color: #090909;
  font-size: 40px;
}
.pt .pt1 b{
  font-weight: 600;
  color: #0b50f2;
}

.pt .pt2{
  font-size: 20px;
  color: #666666;
  margin-top: -1px;
}

.pt .pt2 span{
  margin: 0 10px;
  
}
.pt .pt2 span.hzz{
  margin: 0 10px;
  font-size: 40px;
  
}
.pt .pt2 span b{color: #0b50f2;font-weight: bold;}
@media(max-width: 767px){
.hezuo-nr .slick-prev{position: absolute;left: 0px;background: url(../../../../6aac1751/22/06/65e1b0b1f376f7367b247545b9bfe54dc4d6ac8d.png) no-repeat center;width: 31px;height: 31px;background-size: 100%;z-index: 9999;top: 46%;font-size: 0px;}
.hezuo-nr .slick-next{position: absolute;right: 0px;background: url(../../../../6aac1751/22/06/b0801410d895be6be42288747a216f2c6c2570e1.png) no-repeat center;width: 31px;height: 31px;background-size: 100%;z-index: 9999;top: 46%;font-size: 0px;}
.hezuo-nr ul li a{padding: 2px;}
  .pt{
    font-size: 24px;
  }
  .pt .pt2 span.hzz{font-size: 26px;}
  .zg-sort .tabzz1 li+li{margin-left: 30px;}
  .zg-sort .tabzz1 li{height: 30px;
  margin-bottom: 5px;
  }
  
  .zg-sort .tabzz1 li a{font-size: 14px;line-height: 30px;}
  .ban-gun ul li a h3{font-size: 14px;margin-bottom: 1vw;}
  .pt .pt2 span{

  }
  .pt .pt2{
    font-size: 12px;
  }

  .pt .pt2 img{
    display: none;
  }
}

.sy-bannertu{border-top: 1px solid #ebebeb;padding-top: 3.5vw;}

.product-index{
  margin-top: 4.98958333333333vw;
  background: #f7faff;
  padding-top: 2.5vw;
  padding-bottom: 5.7vw;
}
.product-index.hg{padding-top: 3.5vw;}
.product-con{
  /* margin-top: 2.8vw; */
}
.prol{
  width: 19.5%;
}

.prol .prot{
  background: #0b50f2;
  color: #fff;
  font-size: 1.35416666666667vw;
  text-align: center;
  line-height: 4;
}

.prol .psort{
  background: #f8f8f8;
}

.prol .psort li{
  border-bottom: 1px solid #dcdcdc;
}

.prol .psort li a{
  display: block;
  color: #333333;
  font-size: 0.9vw;
  line-height: 4.6;
  background: url(../../../../32e69318/22/02/5743c642a21f43f76b80360dd2b6a72c34d1f621.png) no-repeat 18px center;
  ;;;;;;;;;padding-left: 2vw;;;;;;;;;;
}
.prol .psort li:hover{

}

.prol .psort li.cur a{
  color: #0b50f2;
  background: url(../../../../32e69318/22/02/19e8e19341eb27e33e0c06afe8216f3238cf7d24.png) no-repeat 18px center;
}

.prol .ptel{
  background: #0b50f2;
  padding: 2.979167vw 0;
  padding-left: 1.875vw;
}

.prol .ptel h3{
  font-size: 0.9375vw;
  color: #fff;
}

.prol .ptel h3 img{
  max-width: 100%;
  margin-right: 6px;
}

.prol .ptel p{
  color: #ffffff;
  font-size: 1.25vw;
  font-weight: 600;
  line-height: 1;
  margin-top: 0.78125vw;
}

.tt{
  display: none;
}

.pror{
  width: calc(100% - 24%);
}

.plist1{
  flex-wrap: wrap;
}

.plist1 li{
  width: 31%;
  position: relative;
  margin-bottom: 1%;
  overflow: hidden;
}
.plist1 li a{border: 1px solid #f2f2f2;display: block}
.plist1 li .img1 img{
  width: 100%;
}

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

.plist1 .wz{
  /* position: absolute;
  bottom: 0;
  left: 0;
  right: 0; */
  text-align: center;
  
}

.plist1 .wz .wz1{
  /* width: 48px;
  height: 48px;
  background: #142038;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  margin-bottom: -24px; */
}

.plist1 .wz .wz2{
  background: #f8f8f8;
  color: #333333;
  font-size: 0.8375vw;
  line-height: 3.4444444444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.plist1 .wz .wz2 img{
  max-width: 100%;
}

.plist1 .wzh{
  background: rgba(0,0,0,.8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 11.5%;
  transform: translateY(200%);
  transition: 0.5s;
}

.plist1 .wzh .wzh1{
  width: 48px;
  height: 48px;
  background: #0b50f2;
  border-radius: 50%;
  margin: 0 auto;
}

.plist1 .wzh .wzh1 img{
  max-width: 100%;
  filter: brightness(0);
}

.plist1 .wzh .wzh2{
  font-weight: 600;
  font-size: 1.04166666666667vw;
  color: #fff;
  padding: 1.04166666666667vw 0;
}

.plist1 .wzh .wzh3{
  width: 36px;
  height: 2px;
  background: #fff;
  margin: 0 auto;
}

.plist1 .wzh .wzh4{
  color: #fff;
  font-size: 0.83333333333333vw;
  line-height: 1.5;
  margin-top: 1.35416666666667vw;
  text-align: center;
}

.plist1 li:hover .wz{
  display: none;
}
.plist1 li:hover .wzh{
  transform: translateY(0);
}


@media(max-width: 767px){
  .zg-sort .tabzz li{width: 100px;height: 30px;text-align: center;margin-bottom: 10px;}
.zg-sort .tabzz li+li{margin-left: 20px;}
.zg-sort .tabzz li a{font-size: 14px;color: #333333;text-align: center;line-height: 30px;}
  .product-con{
    display: block;
  }
  .prol{
    width: 100%;
  }
  .prol .prot{
    font-size: 16px;
  }
  .prol .psort li a{
    font-size: 14px;
    padding-left: 35px;
    line-height: 50px;
  }
  .prol .ptel h3{
    font-size: 16px;
  }
  .prol .ptel p{
    font-size: 18px;
  }
  .pror{
    width: 100%;
    margin-top: 5%;
  }
  .plist1 li{
    width: 48%;
  }
  .plist1 .wz .wz2{
    font-size: 14px;
  }
}




/**/
.xuanze-bg{
  background: #f5f5f5;
  margin-top: 4%;
  padding-top: 4.6875vw;
  padding-bottom: 6.25vw;
}

.xuanze-roll{
  margin-top: 3.38541666666667vw;
}

.xuanze-roll .list1{
  align-items: center;
  justify-content: space-between;
}

.xuanze-roll .list1 li{
  position: relative;
}

.xuanze-roll .list1 li::before{
  /* position: absolute;
  content: "";
  width: 6px;
  height: 1px;
  background: #b1b1b1;
  right: 13%;
  top: 50%; */
}

.xuanze-roll .list1 li:last-child::before{
  display:none;
}

.xuanze-roll .list1 li span{
  display: block;
  height: 34px;
  background: transparent;
  border-radius: 20px;
  line-height: 34px;
  text-align: center;
  color: #333333;
  font-size: 20px;
  padding: 0px 14px;
}

.xuanze-roll .list1 li.on span{
  background: #0b50f2;
  color: #fff;
}

.xuanze-roll .con{
 
  margin-top: 2.34375vw;
}

.xuanze-roll .list2{

}

.xuanze-roll .list2 li a{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}


.xuanze-roll .list2 li a .wz{
  width: 47%;
  background: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 3.6vw;
  padding-right: 1.8vw;
}

.xuanze-roll .list2 li a .wz .wz1{
  color: #333333;
  font-size: 1.5625vw;
}

.xuanze-roll .list2 li a .wz .wz2{
  color: #666666;
  font-size: 14px;
  margin-top: 5px;
}

.xuanze-roll .list2 li a .wz .wz3{
  color: #999999;
  font-size: 0.83333333333333vw;
  line-height: 2.25;
  margin-top: 2.08333333333333vw;
}

.xuanze-roll .list2 li a .wz .wz4{
  width: 90px;
  height: 32px;
  background: #0b50f2;
  border-radius:40px;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  line-height: 32px;
  text-transform: uppercase;
  margin-top: 1.82291666666667vw;
}

.xuanze-roll .list2 li a .wz .wz5{
  justify-content: flex-start;
  margin-top: 3.125vw;
}
.xuanze-roll .xx img{
  max-width: 100%;
}
.xuanze-roll .prev{
  margin-right: 1.82291666666667vw;
}

.xuanze-roll .list2 li a .img1{
  width: 53%;
}

.xuanze-roll .list2 li a .img1 img{
  width: 100%;
}
.awname{font-size: 28px;color: #333333;margin-top: 2.5vw;}

@media(max-width: 767px){
  .xuanze-roll .list1{
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .xuanze-roll .list1 li{
    width: 33%;
  }
  .awname{font-size: 25px;}
  .xuanze-roll .list1 li span{
    font-size: 14px;
  }
  .xuanze-roll .con{
    max-width: initial;
    margin-left: 0;
    overflow: hidden;
  }
  .xuanze-roll .list2 li a{
    display: block;
  }
  .xuanze-roll .list2 li a .wz{
    width: 100%;
    padding: 4%;
  }
  .xuanze-roll .list2 li a .wz .wz1{
    font-size: 18px;
  }
  .xuanze-roll .list2 li a .wz .wz3{
    font-size: 12px;
  }
  .xuanze-roll .list2 li a .img1{
    width: 100%;
  }
}



/**/
.about-index{
  margin-top: 4.6875vw;
}

.about-con{
  margin-top: 4.16666666666667vw;
}

.aboutl{
  width: 50%;
}

.aboutl p img{
  width: 100%;
}

.aboutr{
  width: 50%;
  background: #f8f8f8;
}

.aw{
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  padding: 0 3.575rem;
}

.aw .aw1{
  color: #333333;
  font-size: 1.4rem;
}

.aw .aw1 span{
  display: block;
  width: 50px;
  height: 3px;
  background: #0b50f2;
  margin-top: 1rem;
}

.aw .aw2{
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  margin-top: 1.75rem;
}
.aw .aw3{
  margin-top: 3.25rem;
}
.aw .aw3 a{
  width: 7.8rem;
  height: 2.5rem;
  border: 1px solid #acacac;
  display: inline-block;
  text-align: center;
  line-height: 2.4rem;
  font-size: 0.8rem;
  color: #666666;
  margin-right: 1.75rem;
}

.aw .aw3 a.a11{
  background: #0b50f2;
  border: 1px solid #0b50f2;
  color: #fff;
}


@media(max-width: 767px){
  .about-con{
    display: block;
  }
  .aboutl{
    width: 100%;
  }
  .aboutr{
    width: 100%;
  }
  .aw{
    padding: 2%;
  }
  .aw .aw1{
    font-size: 20px;
  }
  .aw .aw3 a{
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .aw .aw3 a.a11{
    font-size: 14px;
    
  }
}


/**/
.service-bg{
  background: url(../../../../6aac1751/22/06/b34b1ac5285739fe05d420d8fe635e118a45676e.jpg) no-repeat top center;
  background-size: 100% 100%;
  padding-top: 5.20833333333333vw;
  padding-bottom: 4.42708333333333vw;
  overflow: hidden;
  margin-top: 5.2vw;
}

.spt .pt1{
  color: #fff;
}

.spt .pt2{
  color: #fff;
}

.service-con{
  margin-top: 6.42708333333333vw;
}
.service-list{
  flex-wrap: wrap;
}

.service-list li{
  width: 43.07692307692308%;
  margin-bottom: 3.125vw;
  position: relative;
  z-index: 99;
}

.service-list li::before{
  content: "";
  position: absolute;
  left: -1.6rem;
  top: -1.7rem;
  background: url(../../../../6aac1751/22/06/116ffa24823b664f1fd342597906bcd56ce01d4f.png) no-repeat top center;
  background-size: 100% 100%;
  width: 6.75rem;
  height: 7.05rem;
  z-index: -1;
}

.service-list li:nth-of-type(2):before{
  right: -1.6rem;
  left: initial;
}

.service-list li:nth-of-type(3):before{
  left: -1.6rem;
  bottom: -1.7rem;
  top: initial;
}

.service-list li:nth-of-type(4):before{
  right: -1.6rem;
  bottom: -1.7rem;
  left: initial;
  top: initial;
}

.service-list li a{
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.service-list li a .img1 {
 
}
.service-list li a .img1 img{
  width: 100%;
}
.service-list li a .wz{
  background: #fff;
  padding: 3.64583333333333vw 0;
  padding-left: 2.5vw;
  padding-right: 1.04166666666667vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  right: 0;
  width: 50.89285714285714%;
}

.service-list li a .wz .wz1{
  font-weight: 600;
  color: #333333;
  font-size: 1.5625vw;
  position: relative;
}
.service-list li a .wz .wz1::after{ display: block;
  width: 46px;
  height: 2px;
  background: #0b50f2;
  content:"";
  position: absolute;
  left: 0px;
  top: 3.04166666666667vw;
  }
.service-list li a .wz span{
 
}

.service-list li a .wz .wz2{
  color: #333333;
  font-size: 14px;
  line-height: 24px;
  margin-top: 1.97916666666667vw;
}

.service-list li a .wz .wz3{
  margin-top: 1.5625vw;
}

.service-list li a .wz .wz3 img{
  max-width: 100%;
}

.service-list li:nth-child(2n) a{
  direction: rtl;
}
.service-list li:nth-child(2n) a .wz{
  left: 0;
}
@media(max-width: 767px){
  .service-list{
    display: block;
  }
  .service-list li a .wz .wz1::after{top: 8vw;}
  .service-list li{
    width: 100%;
  }
  .service-list li a .img1{
    width: 50%;
  }
  .service-list li a .wz{
    width: 50%;
  }
  .service-list li a .wz .wz1{
    font-size: 18px;
  }
  .hezuo-bg{
    padding-top: 5%;
  }
  .hezuo-index .ht .pt2 span{
    font-size: 24px;
  }
}



/**/
.news-index{
  margin-top: 5.20833333333333vw;
}

.news-con{
  margin-top: 4.94791666666667vw;
}

.newsl{
  width: 47.69230769230769%;
}

.nlist1{
  
}

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

.nlist1 li .ww{
  margin-top: 1rem;
}

.nlist1 li .ww .date{
  width: 14%;
  border-right: 2px solid #dcdcdc;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  
}

.nlist1 li .ww .date .d1{
  color: #999999;
  font-size: 0.9rem;
  position: relative;
}
.nlist1 li .ww .date .d1::before{
  content: "";
  position: absolute;
  background: url(../../../../32e69318/22/02/41a86a80673d97c715158c7a62b864e3b93cb298.png) no-repeat top center;
  width: 11px;
  height: 12px;
  left: 60%;
  top: -10%;
}

.nlist1 li .ww .date .d2{
  color: #666666;
  font-size: 2.7rem;
  line-height: 1;
}

.nlist1 li .ww .wz{
  width: 81%;
}

.nlist1 li .ww .wz .wz1{
  color: #333333;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nlist1 li .ww .wz .wz2{
  color: #999999;
  font-size: 14px;
  line-height: 26px;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
  margin-top: 0.75rem;
}

.nlist1 li:hover .ww .wz .wz1{
  color: #0b50f2;
}

.newsr{
  width: 47.69230769230769%;
  border-left: 1px solid #dcdcdc;
  padding-left: 2.5rem;
}

.nsort{
  align-items: center;
  justify-content: flex-start;
}

.nsort li{
  background: url(../../../../32e69318/22/02/1b872d063564b1483f26b56c16078754a27c3626.png) no-repeat right center;
  width: 25%;
  margin-right: 10%;
}

.nsort li:last-child{
  background: none;
}
.nsort li a{
  display: block;
  color: #666666;
  font-size: 0.9rem;
  text-transform: uppercase;
}

.nsort li:hover a{
  color: #333333;
}


.nlist2{
  
}
.nlist2 li{
  border-bottom: 1px dashed #e5e5e5;
  padding-bottom: 1.25rem;
}
.nlist2 li .ww{
  margin-top: 1.25rem;
}

.nlist2 li .ww .date{
  width: 14%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  
}

.nlist2 li .ww .date .d1{
  color: #999999;
  font-size: 0.9rem;
  position: relative;
}
.nlist2 li .ww .date .d1::before{
  content: "";
  position: absolute;
  background: url(../../../../32e69318/22/02/41a86a80673d97c715158c7a62b864e3b93cb298.png) no-repeat top center;
  width: 11px;
  height: 12px;
  left: 60%;
  top: -10%;
}

.nlist2 li .ww .date .d2{
  color: #666666;
  font-size: 2.7rem;
  line-height: 1;
}

.nlist2 li .ww .wz{
  width: 71%;
  position: relative;
}

.nlist2 li .ww .wz::before{
  content: '';
  position: absolute;
  background: url(../../../../6aac1751/22/06/935c56fe967264804c3eb23680401cfc24eea4fd.png) no-repeat top center;
  left: -8px;
  top: 12px;
  width: 8px;
  height: 8px;
}

.nlist2 li .ww .wz .wz1{
  color: #333333;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
}

.nlist2 li .ww .wz .wz2{
  color: #999999;
  font-size: 14px;
  line-height: 26px;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
  margin-top: 0.75rem;
}

.nlist2 li:hover .ww .wz::before{
  background: url(../../../../6aac1751/22/06/6328d5b89ad0281e25148e7f9782111c644f5fe8.png) no-repeat top center;
}

.nlist2 li:hover .ww .wz .wz1{
  color: #0b50f2;
}


@media(max-width: 767px){
  .news-con{
    display: block;
  }
  .newsl{
    width: 100%;
  }
  .nlist1 li .ww .date .d1{
    font-size: 18px;
  }
  .nlist1 li .ww .date .d2{
    font-size: 24px;
  }
  .nlist1 li .ww .wz .wz1{
    font-size: 14px;
  }
  .nlist1 li .ww .wz .wz2{
    font-size: 12px;
    line-height: 20px;
  }
   .newsr{
    width: 100%;
    margin-top: 5%;
  }
  .nsort li a{
    font-size: 14px;
  }
  .nlist2 li .ww .wz::before{
    top: 5px;
  }
  .nlist2 li .ww .wz .wz1{
    font-size: 14px;
  }
  .nlist2 li .ww .wz .wz2{
      font-size: 12px;
    line-height: 20px;
  }
  .nlist2 li .ww .date .d1{
    font-size: 18px;
  }
  .nlist2 li .ww .date .d1{
    font-size: 24px;
  }
}