/*初始化样式*/
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;}




/*----- 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;}



.wh{max-width:1605px;margin:0 auto;padding:0 15px;}


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


.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.flexs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

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


/*头部样式*/
.top2{height:90px;background:#fff;width:100%;}
.logo{line-height:90px;height:90px;overflow:hidden;/*width:28.76%;*/}
.logo img{width:100%;}
.top2.scroll{position:fixed;top:0;left:0;z-index:9999;}





/*热门搜索*/
.sou{margin: 15px 0;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}



/* 导航样式 */
.x-menu {width:62%;}

.x-menu > li {
  position: relative;
 text-align:center;
}

.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #000000;
  line-height:90px;font-weight:bold;
}

.x-menu > li:hover > a {
  /*background: #01b08a;
  color: #fff;*/
}

.x-menu > li.active > a {}

.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 200%;
  left: -50%;
  top: 90px;
  background: #00479d;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}


.x-sub-menu > li > a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height:46px;
  height:46px;overflow:hidden;font-weight:bold;
}







.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;background:#fff;height:56px;line-height:56px;overflow:hidden;}


/*主体样式*/
.box1{overflow:hidden;padding:4vw 0 3vw;}
.apic{width:51.05%;}
.apic img{width:100%;display:block;}
.about-index{width:45.08%;}
.abtt{color:#000000;font-size:36px;text-align:center;}
.a1{color:#000000;font-size:22px;text-align:center;margin:1vw 0 5%;}
.a2{color:#000000;font-size:16px;line-height:36px;}
.a3 a{color:#fff;font-size:18px;text-align:center;border-radius: 10px;background-color: rgb(0, 71, 157);width: 151px;line-height: 48px;margin-top:3vw;display:block;}
.sj{margin-top:2.5vw;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);text-align:center;padding:2.2vw 0;}
.sj li{width:24%;display:inline-block;}
.sj li .wz{text-align:center;}
.sj li h2{display:inline-block;color:#00479c;font-size:30px;}
.sj li h4{display:inline-block;color:#00479c;font-size:30px;font-weight:bold;}
.sj li h5{color:#000000;font-size:18px;margin-top:0.7vw;}


@media (max-width:1440px) {
  .a1{margin:1vw 0 4%;}
  .a3 a{margin-top:1.8vw;}
}

@media (max-width:1024px) {
 .abtt{font-size:28px;}
 .a1{font-size:18px;}
 .a2{font-size:14px;line-height:25px;height:75px;overflow:hidden;}
 .a3 a{font-size:15px;width:126px;line-height:40px;}
 .sj li h2{font-size:22px;}
 .sj li h4{font-size:22px;}
 .sj li h5{font-size:15px;}
}


@media (max-width:768px) {
  .apic{width:100%;}
  .about-index{width:100%;margin-top:3vw;}
  .a1{margin:1vw 0 3%;}
  .a2{height:auto;}
}


@media (max-width:425px) {
    .abtt{font-size:22px;}
    .a1{font-size:15px;} 
    .a3 a{font-size:14px;width:101px;line-height:32px;}
    .sj li h2{font-size:17px;}
    .sj li h4{font-size:17px;}
    .sj li h5{font-size:12px;}  
}


/*产品*/
.product-index{
 background:#fafafa;padding:1.5vw 0 4vw;
}

.bt{text-align:center;color:#000000;font-size:42px;}

.psort{
  text-align:center;
  margin-top:1.5vw;
} 

.psort li{
  width:119px;
  line-height:50px;
  border: 1px solid #d1d1d1;
  margin: 0 8px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.psort li a{
  display: block;
  text-align: center;
  color: #333333;
  font-size: 18px;

}

.psort li:hover{
  background: #00479d;
  border: 1px solid #00479d;
}

.psort li:hover a{
  color: #fff;
}


.plist1 li{width:23.5%;margin-top:2.5vw;background:#ffffff;}
.plist1 li .imgbig{position:relative;width:100%;}
.plist1 li .imgbig img{width:100%;display:block;}
.plist1 li .mask{width:100%;background:rgba(0,0,0,.2);position:absolute;left:0;top:0;height:100%;display:none;}
.plist1 li h4{width:43px;height:43px;display:block;background: url(../images/pm.png) no-repeat;background-size:100% 100%;position:absolute;left:50%;top:50%;margin-left:-21.5px;margin-top:-21.5px;}
.plist1 li:hover .mask{display:block;}
.plist1 li h3{border:1px solid #d3d3d3;border-top:none;line-height:3.2;color:#333333;font-size:16px;padding:0 5%;background: url(../images/pm2.png) no-repeat 94% center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


@media (max-width:1024px) {
  .bt{font-size:36px;}
  .psort li{line-height:43px;}
  .psort li a{font-size:16px;}
  .plist1 li h3{font-size:14px;}
}

@media (max-width:768px) {
   .psort li{line-height:35px;width:95px;margin:0 2px;} 
   .psort li a{font-size:14px;} 
   .plist1 li{width:49%;}
}

@media (max-width:425px) {
  .bt{font-size:26px;}
  .psort li{margin:2px;}
  .plist1 li h3{background:none;}
}



.box3{background: url(../images/bj55.jpg) no-repeat;overflow:hidden;background-size:100% 100%;padding:3vw 0 2vw;}
.cbt{text-align:center;}
.cbt h3{color:#fff;font-size:42px;}
.cbt h4{width:54px;height:2px;background:#889abd;margin:1vw auto;}
.cbt h5{color:#fff;font-size:16px;}
.ads2{margin-top:2.2vw;}
.ads2 li{width:24.4%;position:relative;overflow:hidden;}
.ads2 li .img img{width:100%;display:block;}
.ads2 li .wz{width:80%;position:absolute;left:10%;bottom:30px;}
.ads2 li .wz h2{color:#fff;font-size:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ads2 li .wz h4{color:#fff;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;margin-top:12px;}
.ads2 li .det{width:80%;height:86%;position:absolute;left:10%;top:7%;background:rgba(4,61,139,.89);display:none;}
.ads2 li .nr{width:90%;margin:0 auto;display:flex;justify-content: center;flex-direction:column;height:100%;}
.ads2 li .nr h2{color:#fff;font-size:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ads2 li .nr h4{color:#fff;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;margin-top:12px;}
.ads2 li .nr p{color:#ffffff;font-size:16px;line-height:2.2;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:4;margin:4vw 0 2vw;}
.ads2 li .mo{background: url(../images/hx.png) no-repeat left bottom;color:#fff;font-size:14px;line-height:3;}
.ads2 li:hover .wz{display:none;}
.ads2 li:hover .det{display:block;}



@media (max-width:1024px) {
  .cbt h3{font-size:36px;}
  .cbt h5{font-size:14px;}
  .ads2 li .wz h2{font-size:25px;}
  .ads2 li .wz h4{font-size:14px;}
  .ads2 li .nr h2{font-size:25px;}
  .ads2 li .nr h4{font-size:14px;}
  .ads2 li .nr p{font-size:14px;-webkit-line-clamp:2;}
}


@media (max-width:768px) {
    .ads2 li{width:49%;} 
    .ads2 li:nth-child(n+3){margin-top:2vw;}
}


@media (max-width:425px) {
  .cbt h3{font-size:26px;}
  .ads2 li .wz h2{font-size:18px;}
  .ads2 li .wz h4{font-size:12px;margin-top:8px;}
  .ads2 li .nr h2{font-size:18px;}
  .ads2 li .nr h4{font-size:12px;margin-top:8px;}
  .ads2 li .nr p{font-size:12px;}
  .ads2 li .mo{font-size:12px;}
}




.box4{background: url(../images/bj44.jpg) no-repeat;overflow:hidden;background-size:100% 100%;padding:1.5vw 0 3vw;}
.xlist1{margin-top:1.5vw;}
.xlist1 li{width:31.5%;}
.xlist1 li .img img{width:100%;display:block;}
.xlist1 li h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333;font-size:18px;margin:0.8vw 0;}
.xlist1 li p{color:#333333;font-size:14px;line-height:20px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.xlist1 li h4{width: 131px;line-height:40px;text-align:center;border:1px solid #606060;color:#333333;font-size:14px;text-transform:uppercase;margin-top:1vw;}
.xlist1 li:hover h2{color:#00479d;}
.xlist1 li:hover h4{color:#fff;background:#00479d;border-color:#00479d;}


@media (max-width:1024px) {
  .xlist1 li h2{font-size:16px;}
  .xlist1 li h4{font-size:13px;width:120px;line-height:35px;}
}


@media (max-width:768px) {
  .xlist1 li p{font-size:12px;}
  .xlist1 li h4{font-size:12px;width:105px;line-height:32px;}
}



@media (max-width:425px) {
  .xlist1 li{width:100%;}
  .xlist1 li+li{margin-top:2vw;}
  .xlist1 li h2{font-size:14px;}
}








/*页面底部*/
.foot{background:#16233e;padding-bottom:25px;}
.foot1{padding-top:52px;}
.ftt{color:#fff;font-size:20px;}
.lx{color:#fff;font-size:14px;margin-top:15px;line-height:40px;}
.lx a{color:#fff;}
.lx p{padding-left:35px;}
.lx p:nth-child(1){background: url(../images/f1.png) no-repeat left center;}
.lx p:nth-child(2){background: url(../images/f2.png) no-repeat left center;}
.lx p:nth-child(3){background: url(../images/f3.png) no-repeat left center;}

.foot2{text-align:center;padding-top:52px;}
.fads{text-align:center;margin-top:29px;}
.fads li{display:inline-block;width:30%;text-align:center;margin:0 8%;}
.fads li .img img{width:100%;display:block;}
.fads li h3{color:#bbbbbb;font-size:14px;margin-top:12px;}


.foot3{width:30.6%;padding:52px 33px 33px;background:#121e37;}

.fnav{
  width: 100%;
} 

.fnav dl{
  width: 90%;
}

.fnav dl dt{
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
}

.fnav dl dd a{
  width: 45%;
  float:left;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,1);
  line-height: 34px;
}

.fnav dl dd a:hover{
  color: #067344;
}








.x-message{padding-top:29px;}



.x-message-wrap input[type='text'], .x-message-wrap textarea {
    width: 100%;
    height: 43px;
    border:none;
    padding: 0 10px;
    font-size: 16px;
    color:#848484;
    background: #fff;
    outline: none;
    margin-bottom:18px;
}

.x-message-wrap input[type='text']::-webkit-input-placeholder, .x-message-wrap textarea::-webkit-input-placeholder {
    color:#848484;
}

.x-message-wrap input[type='text']::-moz-placeholder, .x-message-wrap textarea::-moz-placeholder {
   color:#848484;
}

.x-message-wrap input[type='text']::-ms-input-placeholder, .x-message-wrap textarea::-ms-input-placeholder {
    color:#848484;
}

.x-message-wrap input[type='text']::placeholder, .x-message-wrap textarea::placeholder {
   color:#848484;
}

.x-message-wrap textarea {
    padding-top:9px;
    height: 43px;
    resize: none;
}

.x-message-wrap #checkcode {
    float: left;
    width: 60%;
    margin-bottom: 0;
}

.x-message-wrap .checkCodeImg {
    float: right;
    display: block;
    text-align: center;
    width:36%;
    height: 42px;
    font-size: 0;
    background: #e7e4e4;
    padding: 5px 10px;
}

.x-message-wrap .checkCodeImg img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.x-message-wrap .checkCodeImg:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.x-message-wrap .checkCodeImg img {
    cursor: pointer;
}

.x-message-wrap .x-submit {
    width:100%;
    height: 42px;
    background: #095eb9;
    color: #fff;
    font-size:16px;
    border: none;
    outline: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;margin-top:18px;
}

.x-message-wrap .x-submit:hover {
    background: #095eb9;
}



.copyright{text-align:center;line-height:24px;background:#121e37;color:#fff;font-size:14px;padding:10px 0;}
.copyright a{color:#fff;}


@media (max-width:1024px){
  .ftt{font-size:18px;}
  .x-message-wrap input[type='text'], .x-message-wrap textarea{font-size:14px;}
  .x-message-wrap .x-submit{font-size:14px;}
}


/*手机底部*/
@media (max-width:768px){
 .db{display:block!important;}
}

.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #16233e;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #16233e;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;color:#fff;
}


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}
.footer ul li a{border-right:1px solid #fff;}
.footer ul li:last-child a{border-right:none;}




/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}

@media (max-width: 768px) {
 .x-banner{margin-top:60px;}
 .page-banner{margin-top:60px;}
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
}
.xymob-left-close-btn .icon-close:before{font-size:0;}

@media (max-width:640px) {
    .page-product-detail-effect {
        pointer-events: none;
    }
}