/*-----------------[初始化]--------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0; } 
fieldset,img{border:0; }
ol,ul{list-style:none; }
caption,th{text-align:left; } 
q:before,q:after{content:''; } 
abbr,acronym{border:0; } 
a{text-decoration:none; } 
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.l,.col-l,.col_l,.col-c,.col_c{float:left; }
 .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } 
.dn{display:none; }  
*,*:before,*:after {
    margin: 0;.g-form
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
body {color: #000;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;-webkit-font-smoothing: antialiased;}
img {max-width: 100%;border: none;}
input,textarea,select {font-size: 14px;color: #333;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;}
select::-ms-expand {display: none;}
a {color: #333;text-decoration: none;}
.img-cover{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-contain{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.nav .sub{
    padding-right: 15px;
    padding-bottom: 15px;
}
/*.nav .sub::-webkit-scrollbar { width: 13px;   background: #fff;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
} 
.nav .sub::-webkit-scrollbar-track { background: none; border: 3px solid #fff;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
} 
.nav .sub::-webkit-scrollbar-thumb { background: #fff;border: 3px solid #1B4599;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px; 
} 
.nav .sub::-webkit-scrollbar-thumb:window-inactive { 
     border: 3px solid #1B4599; background: linear-gradient(to right,#f83600,#fe8c00);
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}*/

/*布局*/

.wp {margin: 0 auto;width: 1500px;}
.wp-h {margin: 0 65px;}
/*******************************
    -------[=头部]-------
********************************/
body{padding-top: 94px;}
body.index{
    padding-top: 0;
}
body.index .header{
    background: transparent;
}
.header{
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    left: 0;
    background-color: #1B4599;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header.fixed,body.index .header.fixed{
      background-color: #1B4599;
}

.logo{
    float: left;
    overflow: hidden;
    line-height: 93px;
}
.logo img{
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.nav:after{
    content: '';
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.nav {
    float: right;
}
.ul-box{
    float: left;
}
.nav .s1{
    float: left;
    position: relative;
    padding:  0;
}
.nav .s1 .v1{
    font-size: 16px;
    color:#fff;
    display: block;
    line-height: 93px;
    padding: 0 22px;
    text-align: center;
}
.nav  .sub{
  display: none;
    position: absolute;
    top: 100%;
    left: 0;
 width: 300px;
    z-index: 9;
    padding: 10px 0;
    background-color: #1B4599;

}

.nav .sub a{
    display: block;
    font-size: 14px;
    color:#fff;
    padding-left: 15px;
    line-height: 1.2;
    padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.nav .sub>a{
    padding-right: 30px;
}
ul.sub li.ss:hover .s4{
    background: linear-gradient(to right,#f83600,#fe8c00);
}
.nav  .v1:hover{
    background: linear-gradient(to right,#f83600,#fe8c00);
}
.sub .down:hover .s3{
      background: linear-gradient(to right,#f83600,#fe8c00);
}
.nav .s5:hover{
    background: linear-gradient(to right,#f83600,#fe8c00);
}
.nav .sub li:hover a{
    color:#fff;
}
.nav .sub .down em{
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -9px;
    width: 16px;
    height: 18px;
    z-index: 2;
    background: url(../images/sle.png) no-repeat   center;
}
.g-ico{
    float: left;
    font-weight: bold;
}
.g-ico>div{
    position: relative;
    float: left;
    line-height: 93px;
    cursor: pointer;
}
.g-ico i{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 9px;
    background-repeat: no-repeat;
}
.g-ico .i1{
    background-image: url(../images/ico1.png);
}
.g-ico .i2{
    background-image: url(../images/ico2.png);
}
.g-ico .phone{
    position: absolute;
   display: none;
    top: 110%;
    right: 0;
    background: #02418E;
    height: 35px;
    line-height: 35px;
    width: 200px;
    color:#fff;
    padding: 0 20px;
}
.g-ico .s1:hover .phone{
    display: block;
}
.g-ico .qr{
    display: none;
    position: absolute;
    top: 100%;
    left: -25px;
    width: 100px;
    height: 100px;
    background: url(../images/qr.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.g-ico .s2:hover .qr{
    display: block;
}
.change{
    overflow: hidden;
    line-height: 93px;
}
.change a{
    display: inline-block;
    font-size: 16px;
    color:#FFFFFF;
}
.change span{
    margin:0 5px;
    display: inline-block;
    color:#FFFFFF;
}
.sub li{
    position: relative;
}
.ul-three{
    position: absolute;
    right: -100%;
    top: 0; 
    background: #000;
    background-color: #1B4599;
    width: 300px;
    display: none;
}
.ul-three a{

}
/*******************************
    -------[=导航]-------
********************************/
.menuBtn{
    display: none;
    position: fixed;
    top: 16px;
    right: 12px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 4px;background-color: #fff;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
/*******************************
    -------[=底部]-------
********************************/

/*******************************
    -------[=公用]-------
********************************/

.banner .swiper-slide{
    display: block;
}
.banner .swiper-slide img{
    display: block;
    width: 100%;
}
.banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{
    bottom: 24px;
    left: 0;
    right: 0;
    text-align: center;
  }
.banner.swiper-container .swiper-pagination-bullet{vertical-align: middle;width:14px;height:14px;background:#fff;font-size:0;cursor:pointer;border: none;border-radius: 50%;opacity:1;display: inline-block;}
.banner.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1B4599;}

.g-tit{
    text-align: center;
    margin-bottom: 49px;
    overflow: hidden;
}
.g-tit .cn{
    font-size: 40px;
    color:#000000;
    font-weight: bold;
    margin-bottom: 5px;
}
.g-tit i{
    display: inline-block;
    vertical-align: middle;
    width: 134px;
    height: 7px;
    margin:0 15px;
    background: url(../images/x1.png) no-repeat;
}
.g-tit i:last-child{
    background-image: url(../images/x2.png);
}
.g-tit .desc{
    font-size: 16px;
    color:#848484;
}
.g-tit.sty1 .cn,
.g-tit.sty1 .desc{
    color:#fff;
}
.row1{
    overflow: hidden;
    padding: 44px 0 57px;
}
.ul-list1{
    overflow: hidden;
    background: #1b4599;
    margin-bottom: 34px;
}
.ul-list1 li{
    float: left;
    width: 12.5%;
    height: 538px;
    transition:all .3s;
    color:#fff;
    padding:100px 20px 0;
    border-right: 1px solid #fff;
}
.ul-list1 li.on{
    width: 37.5%;
    border-right: none;
    text-align: left;
    -webkit-background-size: cover;
    background-size: cover;
}
.ul-list1 li.s1.on{
    background: url(../images/pic1.jpg) no-repeat;
}
.ul-list1 li.s2.on{
    background: url(../images/s4.jpg) no-repeat;
}
.ul-list1 li.s3.on{
    background: url(../images/ps.jpg) no-repeat;
}
.ul-list1 li.s4.on{
    background: url(../images/s5.jpg) no-repeat;
}
.ul-list1 li.s5.on{
    background: url(../images/zd.jpg) no-repeat;
}
.ul-list1 li.s6.on{
    background: url(../images/s3.jpg) no-repeat;
}
.ul-list1 li a{
    display: block;
    width: 100%;
    height: 100%;
}
.ul-list1 li .nub{
    font-size: 72px;
    line-height: 1.5;
    color:#4E7AB0;
    font-weight: bold;
    margin-bottom: 17px;
}
.ul-list1 li .tit{
    font-size: 18px;
    font-weight: bold;
    color:#FFFFFF;
    line-height: 1.5;
    height: 3em;
    margin-bottom: 20px;
}
.ul-list1 li .desc{
    display: none;
}
.ul-list1 li .en{
    color:#FFFFFF;
    font-size: 14px;
    color:#96B5DA;
    line-height: 1.43;
    height: 2.86em;
}
.ul-list1 li i{
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-top: 100px;
    background: url(../images/ico3.png) no-repeat center;
}
.ul-list1 li.on i{
    background-image: url(../images/ico4.png);
}
.ul-list1 li.on .tit{
    color:#FFAB01;
    height: auto;
}
.ul-list1 li.on  .nub{
    color:#fff;
}
.ul-list1 li.on .en{
    display: none;
}
.ul-list1 li.on .desc{
    display: block;
    font-size: 18px;
    color:#FFFFFF;
    background-color:#5b5e687a;
    line-height: 1.67;
}
.ul-list1 .txt{
    float: right;
}
.g-link{
    text-align: center;
}
.g-link a{
    display: inline-block;
    width: 199px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    background: #1B4599;
    color:#fff;
    margin:0 15px;
}
.g-link i{
    display: inline-block;
    margin-left: 20px;
    width: 22px;
    height: 9px;
    background: url(../images/ico5.png) no-repeat;
}
.g-link a:last-child{
    background-color: #010101;
}

.row2{
    padding: 70px 0 48px;
    background: url(../images/bg1.jpg) no-repeat fixed;
    -webkit-background-size: cover;
    background-size: cover;
}
.g-txt1{
    overflow: hidden;
}
.g-txt1 .l,
.g-txt1 .r{
    width: 480px;
}
.g-txt1 .item{
    margin-top: 5vw;
    margin-bottom: 139px;
    position: relative;
    z-index: 2;
}
.g-txt1  .item  .tit{
    font-size: 30px;
    color:#02418E;
    font-weight: bold;
    padding-bottom: 7px;
    border-bottom: 1px solid #c8cbcd;
    margin-bottom: 7px;
}
.g-txt1 .item .desc{
    color:#000;
   font-size: 15px;
    line-height: 1.71;
    height: 5.13em;
}
.g-txt1 .r .item{
    padding-left: 58px;
    background: url(../images/ico7.png) no-repeat left top 4px;
}
.g-txt1 .l .item{
    padding-right: 58px;
    background: url(../images/ico7.png) no-repeat right top 4px;
}
.g-txt1 .l .item{
    text-align: right;
}

.g-txt1  .pic{
    overflow: hidden;
    text-align: center;
    width: 24.43vw;
    height: 24.06vw;
    position: absolute;
    left: 0;
    right: 0;
    margin:0 auto;
    z-index: 1;
    background: url(../images/ico6.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.row3{
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    color:#FFFFFF;
    padding: 71px 0 60px;
    background: url(../images/bg2.jpg) no-repeat;
}
.row3 .tit{
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 18px;
}
.row3 .desc{
    margin-bottom: 20px;
}
.row3 .desc span{
    font-weight: bold;
    font-size: 36px;
}
.row3 .desc i{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background: url(../images/ico29.png) no-repeat;
}
.row3 a{
    display: block;
    width: 182px;
    height: 38px;
    margin:0 auto;
    line-height: 38px;
    font-size: 16px;
    color:#FFFFFF;
    background-color: #02418E;
    border-radius: 20px;
}
.row4{
    padding: 45px 0;
    background: #f7f7f7;
}

.g-about{
    position: relative;
}
.g-about .txt{
   float: left;
   width: 50%;
   padding:0 36px  67px 11.56vw;
   background: #fff;
}
.g-about .txt .title{
    padding: 81px 0 38px;
    position: relative;
}
.g-about .txt .cn{
    font-size: 40px;
    color:#232323;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 6px;
}
.g-about .txt .title::after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: 0;
    width: 91px;
    height: 221px;
    background: url(../images/ico8.png) no-repeat;
}
.g-about .txt span{
    font-size: 50px;
    text-transform: uppercase;
    color:rgba(0, 0, 0, 0.25);
    margin-left: 29px;
}
.g-about .txt .desc{
    font-size: 18px;
    color:#676767;
}
.g-about .txt  .info{
    font-size: 15px;
    color:#666;
    line-height: 1.87;
    margin-bottom: 40px;
}
.g-about .map{
    overflow: hidden;
    position: relative;
    top: -48px;
    margin-bottom: -54px;
    width: 711px;
    height: 635px;
    background: url(../images/map.jpg) no-repeat center;
    -webkit-background-size: 100% ;
    background-size: 100% ;
}
.g-about .map .tel{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 277px;
    height: 109px;
    font-size: 14px;
    color:#1D1D1D;
    padding-left: 94px;
    padding-top: 30px;
    background: #fff url(../images/ico12.png) left 15px center no-repeat;
}
.g-about .map .tel p{
    font-size: 20px;
    color:#1D1D1D;
}
.ul-link{
    overflow: hidden;
}
.ul-link a{
    display: block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color:#02418E;
    text-align: center;
    width: 128px;   
    border-right: 1px solid #f1f1f1;
}
.ul-link a:last-child{
    border-right: none;
}
.ul-link i{
    display: block;
    width: 48px;
    height: 48px;
    margin:0 auto;
    background-repeat: no-repeat;
    background-position: center;
}
.ul-link i.i1{
    background-image: url(../images/ico9.jpg);
}
.ul-link i.i2{
    background-image: url(../images/ico10.jpg);
}
.ul-link i.i3{
    background-image: url(../images/ico11.jpg);
}


.row5{
    padding: 54px 0 70px;
    overflow: hidden;
    background: url(../images/bg3.jpg) no-repeat;
}
.g-tab{
    overflow: hidden;
}
.ul-tab{
    overflow: hidden;
    float: left;
    width: 324px;
    margin-right: 8px;
}
.ul-tab li{
    overflow: hidden;
    background-color: #fff;
    height: 140px;
    font-size: 12px;
    color:#5F5F5F;
    padding: 44px 0 0 108px;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    background-repeat: no-repeat;
    background-position: left 38px center;
}
.ul-tab li a{
    display: block;
}
.ul-tab li:last-child{
    border-bottom: none;
}
.ul-tab li.l1{
    background-image: url(../images/ico14.png);
}
.ul-tab li.l2{
    background-image: url(../images/ico16.png);
}
.ul-tab li.l3{
    background-image: url(../images/ico17.png);
}
.ul-tab li:hover{
    color:#fff;
    background-color: #f08700;
}
.ul-tab li:hover a{
    color:#fff;
}
.ul-tab li.l1:hover{
    background-image: url(../images/ico13.png);
}
.ul-tab li.l2:hover{
    background-image: url(../images/ico19.png);
}
.ul-tab li.l3:hover{
    background-image: url(../images/ico18.png);
}
.ul-tab li:hover p{
    color:#fff;
}
.ul-tab li p{
    font-size: 24px;
    font-weight: bold;
    color:#02418E;
}
.ul-tab li i{
    width: 22px;
    height: 22px;
    display: block;
    float: right;
    margin-top: 6px;
    margin-right: 10px;
    background:url(../images/more2.png) no-repeat;
}
.ul-tab li:hover i{
    background-image: url(../images/more.png);
}
.g-tab .tab{
    overflow: hidden;
}
.slider1{
    overflow: hidden;
    background-color: #fff;
}
.slider1 .swiper-slide{
    padding-top: 8px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}
.slider1 .ico{
    text-align: center;
    line-height: 100px;
    height: 100px;
    
}
.slider1 .swiper-slide img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.slider1  .tit{
    font-size: 14px;
    color:#333;
    text-align: center;
    padding: 0 15px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.row6{
    overflow: hidden;
    padding: 66px 0 8.33vw;
    background-color: #f8f8f8;
}
.row6 .title{
    font-size: 16px;
    color:#848484;
    margin-bottom: 25px;
}
.row6 .title .cn{
    font-size: 40px;
    color:#323232;
    font-weight: bold;
    line-height: 1.1;
}
.row6 .bom{
    overflow: hidden;
}
.row6 .bom .desc{
    float: left;
    line-height: 50px;
}
.row6 .bom a{
    display: block;
    float: right;
    width: 199px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    border:1px solid #C6C6C6 ;
    font-size: 14px;
    color:#636363;
}
.row6 .bom a i{
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 9px;
    background: url(../images/ico20.png) no-repeat;
    margin-left: 20px;
}


.slider2 .pic{
    position: relative;
    height: 0;
    padding-top: 76%;
    overflow: hidden;
}
.slider2 .txt{
    background-color: #fff;
    padding: 28px 20px 0;
} 
.slider2 .txt .tit{
    font-size: 18px;
    color:#000000;
    margin-bottom: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.slider2 .txt .desc{
    font-size: 15px;
    color:#404040;
    line-height: 1.6;
    height: 3.2em;
    display: -webkit-box;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    word-break: break-all;  
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 2;
    margin-bottom: 38px;
}
.slider2  .time{
     line-height: 56px;
    height: 56px;
    font-size: 14px;
    color:#777777;
    border-top: 1px solid #e5e5e5;
    background: url(../images/pic3.jpg) no-repeat right center;
}

.footer{
    background: #1C1C1C;
}
.g-form{
    overflow: hidden;
    background: #FFF;
    top: -106px;
    margin-bottom: -50px;
    position: relative;
    padding: 26px 30px 43px;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
}
.g-form::after{
     content: '';
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.g-form .cn{
    font-size: 24px;
    color:#1C1C1C;
    font-weight: bold;
    margin-bottom: -2px;
}
.g-form .bom{
    overflow: hidden;
    margin-bottom: 13px;
}
.g-form .en{
    font-weight: bold;
    font-size: 12px;
    color:#1C1C1C;
    text-transform: uppercase;
    float: left;
}
.g-form .desc{
    float: right;
    font-size: 14px;
    color:#999999;
}
.g-form::after {
    content: '';
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.form .w30{
    float: left;
    width: 260px;
    border:1px solid #e3e3e3;
    margin-right: 20px;
    height: 50px;
    padding-left: 58px;
    background-position: left 16px center;
    background-repeat: no-repeat;
}
.form .w30.w35{
    width: 660px;
    margin-right: 0;
    background-image: url(../images/ico24.png);
}
.form .w30.s1{
    background-image: url(../images/ico22.png);
}
.form .w30.s2{
    background-image: url(../images/ico23.png);
}
.form .w30 input{
    background: none;
    display: block;
    width: 100%;
    height: 100%;
    color:#333;
}
.form .sub{
    float: left;
    position: relative;
    right: -31px;
    top: 0;
}
.form .sub::after {
    content: '';
    display: block;
    position: absolute;
    right: -19px;
    top: 0px;
    width: 20px;
    height: 68px;
    z-index: 3;
    background: url(../images/ico21.png) no-repeat;
}
.form .sub input{
    display: block;
    width: 219px;
    height: 50px;
    font-size: 16px;
    color:#FFFFFF;
    text-align: center;
    background-color: #1b4599;
    cursor: pointer;
}

.g-bom{
    overflow: hidden;
    padding-bottom: 20px;
}
.g-bom .qr{
    width: 118px;
    height: 119px;
    float: right;
    background: url(../images/qr.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
 
.g-bom .item{
    float: left;
    margin-right:30px;
}

.g-bom .tit{
    font-size: 16px;
    color:#FFFFFF;
    font-weight: bold;
    margin-bottom: 18px;
}
.g-bom .add{
    font-size: 14px;
    color:#999999;
    margin-bottom: 50px;
}
.g-bom .add p{
    /*padding-left: 35px;*/
    background-repeat: no-repeat;
    background-position: left top 4px;
    margin-bottom: 10px;
}
.g-bom .link a{
    font-size: 14px;
    display: block;
    color:#999999;
    line-height: 2.14;
}
.g-bom .link a:hover{
    color:#fff;
}
.copy span,
.copy a{
    font-size: 14px;
    line-height: 1.79;
    color:#fff;
}

.links{
    overflow: hidden;
    border-top: 1px solid #282828;
    padding: 30px 0;
}
.links .name{
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 8px;
    background: url(../images/link.png) no-repeat;
}
.links .link{
    overflow: hidden;
}
.links a{
    font-size: 14px;
    line-height: 36px;
    color:rgba(153, 153, 153, .3);
    margin:0 20px;
}
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:33.333%;height:53px;display:block;float:left;position:relative;font-size: 14px;color:#fff;text-align: center;padding-bottom: 4px;}
#floatBottom a img{
    display: block;
    margin:4px auto 2px;
    height: 25px;
}
#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}


@media only screen and (max-width: 1600px) {
   .wp-h{margin: 0 50px;}
   .wp{width: 1400px;}
   .form .w30.w35{width: 561px;}
   .g-about .txt .title{padding-top: 90px;}
   .g-about .txt .cn{font-size: 32px;}
   .g-about .txt span{font-size: 38px;}
   .g-about .map{width: auto;}
   .g-about .txt{padding: 0 40px 45px ;}
   .g-ico{display: none;}
   .nav .s1 .v1{padding: 0 15px;}
   .g-tit .cn{font-size: 32px;}
   .g-bom .item{margin-right: 30px;}
   .g-txt1 .item{margin-bottom: 74px;}
}
@media only screen and (max-width: 1430px) {
    .wp{width: 1240px;}
    .form .w30.w35{width: 401px;}
    .logo{width: 240px;}
    .g-bom .item{margin-right: 28px;}
    .nav .s1 .v1{font-size: 14px;}
    .ul-list1 li .tit{font-size: 18px;}
    .ul-list1 li .nub{font-size: 50px;}
}
@media only screen and (max-width: 1360px) {
   
}
@media only screen and (max-width: 1230px) {
    .wp,.wp-h{width: auto;padding: 0 15px;margin:0;}
    #floatBottom{display: block;}
    .menuBtn{display: block;}
     .nav{
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        z-index: 99;
        overflow: hidden;
        background: #fff;
        width: auto;
        float: none;
        padding: 0;
        display: none;

        border-top:1px solid #eee;
    }

    .nav .ul-box{float: none;}
    .nav .phone{display: none;}
    .nav .s1{float: none;width: auto;}
    .nav .s1 .v1{line-height: 40px;height:40px;text-align: left;padding:0 20px;color:#333; border-bottom:1px solid #eee;}
.nav .sub .down em{width: 47px;height: 47px;top: 0;margin-top: 0;}
.ul-three{position:static;width: auto;background: #00466e;}
    .nav .s1 i {
        display: block;
        width: 40px;
        height: 40px;
        background-position: center center;
          position: absolute;
          right: 0;
          top: 0;
        z-index: 9;
        background: url(../images/sel2.png) no-repeat center center;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
    }
    .nav li .sub{position: static;padding-left: 0;width: auto;box-shadow:none;}
    .nav li .sub a{text-align: left;float: none;color:#fff;}
    .nav .v1{height: 40px;line-height: 40px;text-align: left;color:#333;padding-left: 10px;margin:0;overflow: hidden;}
    .nav li:hover .v1,
    .nav li.on .v1{
        background: none;
    }
    .nav li .v1::after{display: none;}
    .logo{line-height: 60px;width: 150px;height: 60px;}
     .logo  .txt{display: none;}
    body{padding: 0px 0 53px;}
    .g-tit .cn{font-size: 26px;}
    .g-tit .tit{font-size: 24px;}
    .g-bom .item{display: none;}
    .g-bom .item:first-child{display: block;}
    .g-bom .add{float: left;margin-right:80px;}
    .g-bom .qr{float: left;margin-right: 80px;margin-top: 50px;margin-left: 46px;}
    .copy{overflow: hidden;float: left;}
    .g-bom .item:first-child{width: auto!important;}
    .copy span, .copy a{color:#999;}
    .links{padding: 10px 0;}
    .footer{padding-top: 30px;}
    .form .sub::after{display: none;}
    .g-form{position: static;margin:0 0 20px;}
    .form .w30{margin-bottom: 15px;}
    .form .sub{position: static;float: none;margin-top: 30px;}
    .g-about .txt{width: auto;float: none;}
    .g-about .map{display: none;}
    .g-about .txt span{font-size: 34px;}
    .g-txt1 .l, .g-txt1 .r{width: 340px;}
    .g-txt1 .item .desc{font-size: 13px;}
    .g-txt1 .item .tit{font-size: 18px;}
    .g-txt1 .l .item,.g-txt1 .r .item{background: none;padding-left: 0;padding-right: 0;}
    .row3 .tit{font-size: 24px;}
    .g-about .txt .cn{font-size: 28px;}
    .ul-list1 li{height: 400px;padding-top: 30px;}
    .row2{padding: 40px 0 0;}
    .row1{padding: 40px 0;}
    .g-txt1  .item{margin-bottom: 30px;}
    .row6 .title .cn{font-size: 28px;}
    .change{line-height: 40px;padding-left: 20px;}
    .change a,.change span{color:#333;font-size: 14px;}
}
@media only screen and (max-width: 1023px) {
    .ul-list1 li{width: 50%;padding: 0;height: auto;background: none;border-bottom: 1px solid #fff;}
    .ul-list1 .txt{width: auto;text-align: center;float: none;max-width: 100%;}
    .ul-list1 li.on{width: 50%;background: none;border-right: 1px solid #fff;}
    .ul-list1 li.on .tit{color:#fff;}
    .ul-list1 li .nub,.ul-list1 li .desc,.ul-list1 li .en,.ul-list1 li.on .desc,.ul-list1 li i{display: none;}
    .ul-list1 li .tit{margin-bottom: 0;line-height: 45px;font-size: 11px;height: auto;font-weight: normal;}
    .g-txt1 .pic{display: none;}
    .g-form .cn{text-align: center;margin-bottom: 15px;}
    .g-form .bom{display: none;}
    .form .w30,.form .w30.w35{width: auto;float: none;margin-right: 0;}
    .g-bom .add{float: none;margin-right: 0;margin-bottom: 0;}
    .row3,.row4,.row5,.row6{padding: 30px 0;}
    .g-tit{margin-bottom: 15px;}
    .g-tit .cn{font-size: 20px;}
    .g-about .txt .title{padding: 96px 0 50px;}
    .g-tit .desc{font-size: 14px;}
   
}
@media only screen and (max-width: 960px) {
    
  

}

@media only screen and (max-width: 767px) {
    body{padding-top: 60px;}
    .header{background-color: #1B4599;}
 .g-tit i{display: none;}
 
 .g-txt1 .l .item{text-align: left;}
 .g-txt1 .l, .g-txt1 .r{width: auto;float: none;}
 .g-txt1 .l .item{margin-bottom: 15px;}
 .g-txt1 .item .desc{height: auto;}
 .row3 .tit{font-size: 18px;}
 .g-about .txt .title::after{display: none;}
 .g-about .txt .title{padding: 0;margin-bottom: 15px;}
 .g-about .txt span{display: none;}
 .g-about .txt{padding: 15px;}
 .g-about .txt .cn{font-size: 20px;}
 .g-about .txt .info{font-size: 14px;margin-bottom: 15px;}
 .ul-link a{width: 33.333%;margin:0;padding: 0;}
 .ul-tab{display: none;}
 .row6 .bom .desc{float: none;font-size: 14px;line-height: 1.5;text-align: center;margin-bottom: 10px;}
 .row6 .bom a{float: none;margin:0 auto;}
 .row6 .title .cn{text-align: center;margin-bottom: 15px;font-size: 20px;}
 .g-form .cn{font-size: 20px;}
 .form .sub{margin-top: 0;}
 .g-bom .qr{float: none;margin: 0;position: static;overflow: hidden;}

}

@media only screen and (max-width: 500px) {
        .nav .ul-box{ overflow-y: scroll;height: 500px;}

}

.g-pcat {
  height:500px;
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
 /*   background: linear-gradient(to right,#2a5298,#1e3c72);*/
}
.g-pcat .info{
     position: absolute;
        top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.g-pcat .tit{
    color: #fff;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.1;
    z-index: 10;
    text-transform: uppercase;
}
.g-pcat .desc {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 24px;
    position: relative;
    z-index: 10;
    line-height: 1.8em;
}

.g-pcat2{
    background-color: #009cde;
    background-image: radial-gradient(circle farthest-side at center bottom,#009cde,#003087 125%);
    padding: 60px 0;
}
.g-pcat2 .tit{
    font-size: 48px;
    color:#fff;
}
.g-pcat2 .desc{
     font-size: 18px;
    color:#fff;
}
.g-desc{
    margin:0 0 30px;
    padding: 30px;
    font-size: 16px;
    color:#fff;
    background-image: radial-gradient(circle farthest-side at center bottom,#009cde,#003087 125%);
}
.footer{
   margin-top:150px;
}
.g-bg{
    overflow: hidden;
    padding: 30px 0
    ;
}
.wp-t{
    width: 75%;
    margin:0  auto;
}
.pro-info{
    overflow: hidden;
}
.pro-info .wp{
    width:1200px;
}
.pi_top{
    overflow: hidden;
}
.pro-info table{
    width: 100%!important;
}

.ul-pcsrj{
    overflow: hidden;
}
.ul-pcsrj  .pic{
    float: left;
    display: block;
    height: 800px;
    width: 50%;
    margin-right: 30px;
    position: relative;
}
.ul-pcsrj  .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.ul-pcsrj  .txt{
    overflow: hidden;
    height: 600px;
    position: relative;
}
.ul-pcsrj  .txt .desc{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ul-pcsrj.sty2  .pic{
    margin-left: 5%;
}
.ul-pcsrj.sty2  .txt .desc{
     position: absolute;
    top: 50%;
    left:10%;
    transform: translate(0,-50%);
}
.ul-pcsrj p{

}
.pro-info h2{
    font-size: 36px;
    margin-bottom: 15px;
}
body.index .footer{
    margin-top: 0;
}
.pro-info{
    padding-top: 66px;
}
.pro-info .tit{
     margin-bottom: 2.6vw;
       text-align: center;
       font-size: 36px;
}
.pd50{
    padding: 50px 0;
}
.pl50{
    padding:  0 50px;
}
.pro-info .tit span{
    display: inline-block;
    padding: 0 15px;
    background-color: #1B4599;
    color:#fff;
    font-size: 14px;
    line-height: 40px;
}
.pro-info .tab{
    margin-bottom: 20px;
    overflow: hidden;
}
.pro-info .tit{
  
}
.bgblue{
    background-color: #009cde;
    background-image: radial-gradient(circle farthest-side at center bottom,#009cde,#003087 125%);
    color: #fff;
}
.bgf8{
    background-color: #f8f8f8;
}
.bgf5{
    background: #f5f5f5;
}
.bgf3{
    background-color: #f3f3f3;
}
.g-fz,.g-fz a{
    font-size: 14px;
    color:#fff;
}
.g-fz{
    margin:20px 0 ;
}
.main{
    overflow: hidden;
}
.pro-info img{
    display: block;
    margin:0 auto;
}
.pro-info .desc{
    overflow: hidden;
}
.mab30{
    margin-bottom: 4.17vw;
    padding-top: 120px ;
    margin-top: -120px;
}
.ul-content {
    overflow: hidden;
    text-align: center;
}
.ul-content li{
    float: left;
    width: 200px;
    margin-bottom: 15px;
}
.ul-content li div{
    display: block;
    width: 100px;
    height: 60px;
    margin:0 auto 8px;
    object-fit: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.ul-content li span{
    font-size: 12px;
}
.g-pcat3{
    margin-top: 30px;
    background-color: #f8f8f8;
    padding: 30px 50px;
}
.g-pcat3 .tit{
    font-size: 32px;
    color:#333;
    text-align: center;
    margin-bottom: 25px;
    font-weight: bold;
}
.g-pcat3 .desc{
   font-size: 16px;
   line-height: 1.8;
   text-indent: 2em;
}
#a1 .desc p{
    display: inline-block;
}
.ul-pzytd br{
    display: none;
}
.ul-pzytd{
    overflow: hidden;
    margin:0 -20px;
}
.ul-pzytd li{
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.ul-pzytd li .con{
    margin:0 20px;
    height: 80px;
    padding: 34px 0 0;
    background: url(../images/pro-bg.jpg) no-repeat 70px;
    font-size: 0;
    position: relative;
}
.ul-pzytd li .con::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background: url(../images/pro-ico.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

}
.ul-pzytd li span{
    font-size: 14px;
    line-height: 1.2;
    padding-left: 100px;
    display: block;
    color:#333;
}


.ul-pcsrj .swiper-button-prev{
    background: url(../images/prev1.jpg) no-repeat;
    width: 56px;
    height: 56px;
    left: 153px;
}
.ul-pcsrj .swiper-button-next{
    background: url(../images/next1.jpg) no-repeat;
    width: 56px;
    height: 56px;
    right: 153px;
    z-index: 9;
}
.ul-pcsrj  .sty1.pic{
    float: right;
}
.ul-pcsrj  .txt:nth-child(1){
    display: none;
}

.ul-pcsrj .swiper-slide .swiper-slide{
    display: none;
}
#a2 .desc{
    text-align: center;
}
@media only screen and (max-width: 1600px) {
.nav .sub{padding: 0;}
.nav .sub a{padding: 10px 15px;}
.logo{line-height: 60px;}
.nav .s1 .v1{line-height: 60px;}
.change{line-height: 60px;}
}

@media only screen and (max-width: 1430px) {
    .wp-t{width: 95%;}
    .pro-info .desc{margin-left: 0;}
    .g-pcat2 .tit{font-size: 46px;}
    .g-pcat3 .tit{font-size: 32px;}
    .g-pcat .tit{font-size: 36px;}
    .g-pcat .desc{font-size: 16px;}
    .ul-pcsrj .swiper-button-prev{left: 0;}
    .ul-pcsrj .swiper-button-next{right: 0;}
}
@media only screen and (max-width: 1230px) {
    .proinfo .box{margin-bottom: 20px;}
.ul-pcsrj img{width: auto;float: none;margin-right: 0;margin-bottom: 10px;}
.g-pcat .desc{font-size: 18px;}
.g-pcat .tit{font-size: 28px;}
.g-pcat2 .tit{font-size: 28px;}
.g-pcat2 .desc{font-size: 18px;}
body.index{padding-top: 60px;}
body.index .header{background-color: #1B4599;}
.g-pcat3 .tit{font-size: 24px;}
.g-pcat{margin-top: 60px;}

  .g-pcat .info{left: 15px;right:15px;transform: translate(0,0);position: static;padding-top: 50px;}
.ul-pzytd li{width: auto;float: none;}
.pro-info .wp{width: auto;padding: 0 15px;}
.nav .s1 .v1{line-height:40px;height:40px;}
.change{line-height:40px;}
}

@media only screen and (max-width: 1023px) {
    .wp-t{width: auto;padding: 0 15px;}
    .pro-info h1{font-size: 22px;}
    .pro-info .tit{font-size: 20px;margin-bottom: 15px;}
    .pd50{padding: 30px 0;}
    .footer{margin-top: 30px;}
    .g-pcat2 .tit{font-size: 22px;}
    .g-pcat2{padding: 20px 0;}
    .g-desc{padding: 15px 0;font-size: 14px;}
    .g-pcat3{padding: 15px;}
    .g-pcat3 .tit{font-size: 20px;margin-bottom: 8px;}
    
    .row3 .desc span{font-size: 18px;display: block;padding-top: 6px;}
    .pro-info{padding-top: 150px;}

}
@media only screen and (max-width: 960px) {
.ul-pcsrj .pic,.ul-pcsrj .sty1.pic{width: auto;float: none;height: auto;margin-right: 0;}
.ul-pcsrj .txt{height: auto;width: auto;padding: 30px;}
.ul-pcsrj .txt .desc{position: static;transform: translate(0,0);}
.ul-list1 li.on{background: none!important;}
}


@media only screen and (max-width: 767px) {
    .ul-content li{width: 50%;}
    .g-pcat{margin-top: 0;}
    .row1{padding: 20px 0 30px;}
    .pro-info .desc img{height: auto!important;}
    .pro-info strong{font-size: 16px;}
    .pro-info .desc p,.white-ul li{font-size: 14px!important;}
    .white-ul li{margin-bottom: 15px;}
    .ul-tabx1.fixed .wp-t{padding: 0;}
     .footer{margin-top: 0px;}
     .pro-info .tit,.pro-info .tab{margin-bottom: 30px;}
     .g-pcat .desc{font-size: 12px;}
     .g-pcat .tit{font-size: 20px;margin-bottom: 5px;}
     .g-pcat2 .desc{font-size: 14px;}
     .pro-info h2{font-size: 20px;}
     #a7{overflow-x: scroll;}
      #a7 .desc{width: 700px;}
      .g-pcat{height: auto;padding: 0  0 30px;}
      .ul-pzytd li .con{background: #eee;padding: 0;height: auto;}
      .ul-pzytd li .con::after{display: none;}
     .ul-pzytd li span{padding: 10px;}
     .pro-info .desc{text-align: left!important;}
     .ul-pcsrj .txt{padding: 15px;}
     .ul-pcsrj img{margin-bottom: 0;}
     #a2 .desc span{font-size: 14px!important;}
     .pro-info strong span,.pro-info strong{font-size: 16px!important;}
     .pro-info{padding-top: 66px;}
    
}
.companyInfo p,
.companyInfo span{
    font-family: "Microsoft YaHei"!important;
}

#a2 .desc{
    width: 500px;
    margin:0 auto;
}
#a2 .desc span{
    display: block;
        display: flex;
}
/*.pro-chesu{
    background-image: url(../svg/chesu.svg);
}
.pro-moniliangshuchu{
    background-image: url(../svg/moniliangshuchu.svg);
}.pro-pinlv{
    background-image: url(../svg/pinlv.svg);
}.pro-RS232{
    background-image: url(../svg/RS232.svg);
}.pro-usb{
    background-image: url(../svg/usb.svg);
}.pro-yali{
    background-image: url(../svg/yali.svg);
}.pro-youwen{
    background-image: url(../svg/TEMPERATURE.svg);
}.pro-can{
    background-image: url(../svg/can.svg);
}.pro-maichong{
    background-image: url(../svg/maichong.svg);
}.pro-zhendong{
    background-image: url(../svg/zhendong.svg);
}.pro-iepe{
    background-image: url(../svg/IEPE.svg);
}.pro-jiaodu{
    background-image: url(../svg/jiaodu.svg);
}.pro-li{
    background-image: url(../svg/li.svg);
}.pro-gps{
    background-image: url(../svg/gps.svg);
}.pro-chuping{
    background-image: url(../svg/chuping.svg);
}.pro-tuoluoyi{
    background-image: url(../svg/tuoluoyi.svg);
}.pro-jiasu{
    background-image: url(../svg/jiasu.svg);
}.pro-ico18{
    background-image: url(../svg/);
}.pro-ico19{
    background-image: url(../svg/);
}.pro-ico20{
    background-image: url(../svg/);
}.pro-ico21{
    background-image: url(../svg/);
}.pro-ico22{
    background-image: url(../svg/);
}.pro-ico23{
    background-image: url(../svg/);
}.pro-ico24{
    background-image: url(../svg/);
}.pro-ico25{
    background-image: url(../svg/);
}.pro-ico26{
    background-image: url(../svg/);
}*/



.g-pro{
    overflow: hidden;
    margin-top: 30px;
}
.g-pro .left{
    width: 320px;
    float: left;
    margin-right: 40px;
    background-color: #009cde;
    background-image: radial-gradient(circle farthest-side at center bottom,#009cde,#003087 125%);
}
.sub2 .down2{
    position: relative;
}
.sub2 .down2>a{
    font-size: 16px;
    font-weight: bold;
}
.pro-list a{
    color:#fff;
    padding: 0 20px;
    font-size: 14px;
    line-height: 45px;
    display: block;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.pro-list a:hover{
     background: linear-gradient(to right,#f83600,#fe8c00);
}
.pro-list .v1{
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    color:#f08700;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
.ul-three2{
    display: none;
       background: linear-gradient(to right,#f83600,#fe8c00);
}
.pro-list em {
    display: block;
    position: absolute;
    right: 5px;
    top: 15px;
    width: 16px;
    height: 18px;
    z-index: 2;
    cursor: pointer;
    background: url(../images/sle.png) no-repeat center;
}

.por-con{
    overflow: hidden;
}
.por-con h1{
    font-size: 36px;
    font-weight: bold;
    color:#333;
    margin-bottom: 15px;
    border-bottom: 2px solid #999;
}
.pro-img img{
    display: block;
    width: 100%;
}
.ul-tab2{
    overflow: hidden;
    background: #1B4599;
    margin: 15px 0;
}
.ul-tab2 li{
    float: left;
    cursor: pointer;
}
.ul-tab2 li span{
    display: block;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color:#fff;
}
.ul-tab2 li.on span{
    background: linear-gradient(to right,#f83600,#fe8c00);
}
.ul-xtpz{
    overflow: hidden;
}
.ul-xtpz li{
    overflow: hidden;
    background-color: #f5f5f5;
}
.ul-xtpz .pic{
    width: 50%;
    float: left;
    height: 500px;
    overflow: hidden;
}
.ul-xtpz .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ul-xtpz .txt{
    overflow: hidden;
    padding: 30px 50px 0;
}
.ul-xtpz .txt .tit{
    font-weight: bold;
    font-size: 22px;
    color:#333;
    margin-bottom: 15px;
}
.ul-xtpz  li:nth-child(even) .pic{
    float: right;
}
.ul-test {
    overflow: hidden;
    margin:0 -15px;
}
.ul-test.sty2 li{
    width: 33.333%;
}
.ul-test li{
    width: 50%;
    float: left;
    margin-bottom: 15px;
}
.ul-test a{
    display: block;
    margin:0 15px;
}
.ul-test .pic{
    height: 0;
    position: relative;
    padding-top: 75%;
    overflow: hidden;
    background-color: #fff;
    border:2px solid #eee ;
}
.ul-test .pic img{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
}
.ul-test .tit{
    text-align: center;
   background: #1B4599;
   font-size: 14px;
   line-height: 45px;
   color:#fff;
}
.tab-pro {
    line-height: 1.8;
}
.tab-pro .down a{
    display: block;
    width: 199px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    background: #1B4599;
    color: #fff;
    margin:  15px 0;
}
.zzry .item{
    padding: 50px 0;
    
}
.zzry .item:nth-child(odd){
    background-color: #eee;
}
.zzry .item .tit{
    font-size: 32px;
    color:#333;
    margin-bottom: 25px;
}
.ul-zzry .title{
    line-height: 45px;
    font-size: 18px;
    background-color: #555;
    color:#fff;
    text-align: center;
}
 .ul-zzry  .pic{
    position: relative;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
 }
  .ul-zzry  .pic img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ul-tab3{
    margin-bottom: 30px;
    overflow: hidden;
  }
  .ul-tab3 li{
    float: left;
    margin-right: 30px;
    width: 160px;
    height: 45px;
    background-color: #eee;
    color:#333;
    text-align: center;
    font-size: 18px;
    line-height: 45px;
    cursor: pointer;
  }
  .ul-tab3 li.on{
    background-color: #1b4599;
    color:#fff;
  }
@media only screen and (max-width: 1600px) {
    .ul-xtpz .txt{padding: 15px;}
    .g-bom .item:first-child{
    width: 360px;
}
.g-bom .link a{font-size: 12px;}
}
@media only screen and (max-width: 1280px) {
    .ul-test.sty2 li{width: 50%;}
.zzry .item{padding: 30px 0;}
.zzry .item .tit{font-size: 22px;margin-bottom: 15px;}
      .ul-xtpz  li:nth-child(even) .pic,.ul-xtpz  li .pic{float: none;width: auto;height: auto;}
}
@media only screen and (max-width: 960px) {
 .g-pro .left{display: none;}
}
@media only screen and (max-width: 767px) {

    .ul-tab2 li{width: auto;}
    .ul-tab2 li span{width: auto;padding: 0 8px;text-align: center;}
    .tab-pro .ovx{width: 700px;overflow-x: scroll;}
    .por-con h1{font-size: 22px;padding-bottom: 10px;}
    .ul-test li,.ul-test.sty2 li{width: auto;float: none;margin-bottom: 15px;}
    .g-pcat3 .desc{font-size: 14px;}
    .tab-pro p img{height: auto;}
    .pro-img img{height: auto!important;}
    .tab-pro table{    display: block;
    overflow-x: auto;}
    .banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom: 5px;}
    .ul-tab3 li{width: 50%;font-size: 14px;margin-right: 0;}
}


.ul-list1.mobile{
    display: none;
}

@media only screen and (max-width: 767px) {
    .ul-list1{display: none;text-align: center;}
    .ul-list1.mobile{display: block;}
}