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


@font-face {
    
    src: url(../fonts/SourceHanSansCN-Normal.otf);  
}

@font-face {
    
    src: url(../fonts/SourceHanSansCN-Normal.otf);  
}


/*----- 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:1530px;margin:0 auto;padding:0 15px;}
.bxs{overflow: hidden;}


.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;flex-wrap: wrap;}

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

.flex2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}



/*头部样式*/
.top2{height:115px;background:#fff;width:100%;}
.logo{float:left;line-height:115px;height:115px;overflow:hidden;width:31.33%;}
.logo img{width:100%;}





/*热门搜索*/
.sou{margin-top:50px;}
.hotSearch{float:left;height:31px;line-height:31px;color:#0a54ce;font-size:16px;text-transform:uppercase;font-weight:bold;
        width: 40%;
    
}
.hotSearch span{color:#000000;margin-right:3%;}
.hotSearch a{margin-right:10px;color:#999999;font-weight:normal;}


#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


#formsearch2{float:right;background: url(../images/sou.png) no-repeat;width:257px;height:31px;}
#formsearch2 input{}
#formsearch2 input#keyword{height:31px;line-height:31px;padding-left:20px;float:left;color:#999999;font-size:14px;background:none;border:none;outline:none;width:200px;}
#formsearch2 input#s_btn{width:45px;height:31px;line-height:31px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;}
#formsearch2 input::-webkit-input-placeholder{color:#999999;}
#formsearch2 textarea::-webkit-input-placeholder{color:#999999;}







/* 导航样式 */
.x-menu{width:61%;float:right;margin-top:42px;}
.x-menu > li {position: relative;text-align:center;padding:0 1.8%;border-radius:25px;}

.x-menu > li > a {
  display: block;
  font-size:18px;
  color: #333333;
  line-height:37px;
}

.x-menu > li:hover{
  background-color: rgb(10, 84, 206);
  color: #fff;
}
.x-menu > li:hover > a{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: 150%;
  left: -25%;
  top: 65px;
  background: #fff;
  padding: 10px 0;
  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: #333;
  line-height:40px;
 height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  background: #e9eaeb;
}

.x-sub-menu:after {
/*  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 10px;
  cursor: pointer;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #fff transparent;
  border-top: none;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  z-index: 99;*/
}


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


/*主体样式*/
.box1{margin-top:30px;}
.dbt{width:100%;position:relative;margin-bottom:40px;}
.dbt:before{content:"";width:100%;height:2px;background:#d3d3d3;position:absolute;left:0;top:50%;margin-top:-1px;} 
.dbt h3{text-align:center;position:relative;z-index:999;background:#fbfbfb;width:42%;margin:0 auto;}
.dbt span{color:#333333;font-size:37px;margin-right:1.6%;font-weight:bold;}
.dbt i{font-style:normal;color:#0a54ce;font-size:33px;font-weight:normal;background:#fff;}
.pbt{text-align:center;}
.pbt h2{color:#f2f2f2;font-size:86px;text-transform:uppercase;}
.pbt h3{color:#080808;font-size:61px;margin-top:-60px;}
.pbt h4{color:#999999;font-size:26px;font-weight:100;margin-top:15px;}

.sort11{margin:2vw 0 3vw;text-align:center;}
.sort11 li{display:inline-block;font-size:26px;border-radius:30px;line-height:57px;height:57px;margin:0 2%;position:relative;}
.sort11 li:before{content:"";width:22px;height:2px;background:#767676;position:absolute;left:-43px;top:50%;margin-top:-1px;} 
.sort11 li:nth-child(1):before{display:none;}

.sort11 li a{color:#333333;display:block;}
.sort11 li.a{background:#0a54ce;padding:0 2.6%;}
.sort11 li.a a{color:#fff;}

.sort11 li.cur{background:#0a54ce;padding:0 2.6%;}
.sort11 li.cur a{
    color:#fff;
}
.box1  .sy_prod{
    justify-content: left;
}

.sy_prod li{width:31%;margin-bottom:36px;
    margin-right: 3.5%;
}
.sy_prod li:nth-child(3n){
    margin-right: 0;
}
.sy_prod li .img img{width:100%;display:block;}
.sy_prod li .det{background:#fff;padding:27px;}
.sy_prod li h3{color:#010101;font-size:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;}
.sy_prod li h4{background:#0a54ce;width: 76px;height:4px;margin:16px 0;}
.sy_prod li h5{color:#999999;font-size:18px;overflow:hidden;line-height:26px;height:52px;font-weight:200;}
.sy_prod li:hover .det{background:#0a54ce;}
.sy_prod li:hover h3{color:#fff;}
.sy_prod li:hover h4{background:#fff;}
.sy_prod li:hover h5{color:#fff;}

.proimg{display:none;}
.proimg.clicked{display:block;}





.box2{background: url(../images/bj22.png) no-repeat center top;margin-top:35px;padding-top:60px;}
.box2 .pbt h3{margin-top:0;}
.box2 .cont{background:#fff;box-shadow: 1px 0px 16px 0px rgba(37, 37, 37, 0.09);padding:30px;margin-top:40px;}
.apic{width:49%;}
.apic img{width:100%;display:block;}
.abz{width:47%;}
.abtt{margin-top:2.5vw;}
.abtt h2{color:#000000;font-size:36px;}
.abtt h5{color:#333333;font-size:17px;margin-top:7px;font-weight:100;}
.abtt h3{width:66px;height:3px;background:#0a54ce;margin:30px 0;}
.ab{color:#666666;font-size:18px;line-height:34px;overflow:hidden;font-weight:100;}
a.am{display:block;text-align:center;color:#fff;font-size:20px;background:#0a54ce;width:207px;line-height:56px;margin-top:2.5vw;font-weight:100;}
a.am img{margin-left:6px;}



.box3{margin-top:50px;}
.sctt h2{color:#000000;font-size:30px;line-height:35px;border-left:9px solid #0a54ce;padding-left:22px;}
a.vmo{color:#0a54ce;font-size:20px;}

.prod{position:relative;margin:0 -8px;margin-top:20px;overflow:hidden;}
.prod a{outline:none;border:none;}
.prod .slick-slide{position:relative;margin:0 8px;}
.prod .img img{width:100%;display:block;}



.box4{margin-top:70px;}

.mxw-advantage .itembox {
  display: flex;
  align-items: stretch;
  margin-bottom:60px;
  width: 100%;
}
.mxw-advantage .itembox .item {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top:30px;
  padding-bottom:30px;
  width: 20%;
/*  background-color: #fff;*/
  position: relative;
  cursor: pointer;border-top:1px solid #f4f4f4;
}
.mxw-advantage .itembox .item.active,
.mxw-advantage .itembox .item:hover {
  background-color: #0a54ce;
}
.mxw-advantage .itembox .item.active .number,
.mxw-advantage .itembox .item:hover .number,
.mxw-advantage .itembox .item.active .name,
.mxw-advantage .itembox .item:hover .name {
  color: #fff;
}
.mxw-advantage .itembox .item.active .number,
.mxw-advantage .itembox .item:hover .number{margin-bottom:0.1667rem;}
.mxw-advantage .itembox .item.active .name,
.mxw-advantage .itembox .item:hover .name {
  margin-top:0;font-weight:bold;
}


.mxw-advantage .itembox .item:before {
  content: "";
  display: block;
  background: url(../images/yq.png) no-repeat center;
  background-size: 100%;
  width:22px;
  height:22px;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 9;
}
.mxw-advantage .itembox .number {
  font-size: 38px;
  line-height: 1.1;
  color: #fbfbfb;
  
}
.mxw-advantage .itembox .name {
  font-size:32px;
  color: #333;
  line-height: 1.1;margin-top:-15px;
}
.mxw-advantage .advantage-swiper {
  background: #fff;
  /*box-shadow: 0 0 0.1333rem rgba(0, 0, 0, 0.2);*/
  margin-bottom: 0.1333rem;
}
.mxw-advantage .advantage-swiper .swiper-slide {
  padding:25px;
}
.mxw-advantage .advantage-swiper .item {
  display: flex;
  align-items: center;
}
.mxw-advantage .advantage-swiper .image {
  width:45%;
  flex-shrink: 0;
  margin-right:2%;
}

/* 图片统一动画 */
.mxw-image {
  overflow: hidden;
}
.mxw-image:hover img {
  transform: scale(1.1);
}
.mxw-image img {
  transition: all 0.4s;
  width: 100%;display:block;
}


.mxw-advantage .advantage-swiper .info {
  min-width: 0;
  flex-grow: 1;
}

.mxw-advantage .advantage-swiper .text2 {
  font-size:36px;
  color: #000000;
  line-height: 1.2;font-weight:bold;
}
.mxw-advantage .advantage-swiper .text2:after {
  content: "";
  display: block;
  margin-top:28px;
  width:75px;
  height:5px;
  background-color: #0a54ce;
  margin-bottom:28px;
}
.mxw-advantage .advantage-swiper .desc {
  font-size:26px;
  color: #999999;
  line-height: 1.6;
  text-align: justify;font-weight:100;
}





@media screen and (min-width: 751px) {
  .mxw-advantage .mxw-box {
    padding-top: 83px;
  }
}
@media screen and (max-width: 751px) {
  .mxw-advantage .itembox {
    margin-bottom: 10px;
  }
  .mxw-advantage .itembox .item {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .mxw-advantage .itembox .number {
    font-size: 24px;
  }
  .mxw-advantage .itembox .name {
    font-size: 12px;
  }
  .mxw-advantage .advantage-swiper .swiper-slide {
    padding: 15px;
  }
  .mxw-advantage .advantage-swiper .item {
    flex-wrap: wrap;
  }
  .mxw-advantage .advantage-swiper .item .image {
    width: 100%;
    margin-bottom: 20px;
  }
  .mxw-advantage .advantage-swiper .item .info {
    width: 100%;
  }
  .mxw-advantage .advantage-swiper .item .text1 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .mxw-advantage .advantage-swiper .item .text2 {
    font-size: 16px;
  }
  .mxw-advantage .advantage-swiper .item .text2:after {
    width: 40px;
    height: 3px;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .mxw-advantage .advantage-swiper .item .desc {
    font-size: 14px;
  }
  .mxw-advantage .advantage-swiper .item .mxw-btn {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-top: 10px;
  }
}



@media (max-width:1024px) {
   .mxw-advantage .itembox .number{font-size:26px;margin-bottom:0px;}
   .mxw-advantage .itembox .name{font-size:17px;}
   .mxw-advantage .itembox .item{padding:2vw 0;}
   .mxw-advantage .advantage-swiper .image{width:52%;margin-right:3%;}
   .mxw-advantage .advantage-swiper .text1{font-size:20px;margin-bottom:15px;}
   .mxw-advantage .advantage-swiper .text2{font-size:25px;}
   .mxw-advantage .advantage-swiper .desc{font-size:16px;}
   .mxw-advantage .advantage-swiper .text2:after{width:60px;height:3px;margin:15px 0 15px;}
   .mxw-advantage .advantage-swiper .mxw-btn{margin-top:15px;width:180px;line-height:34px;font-size:14px;height:34px;}
   .mxw-advantage .mxw-box{padding-top:3vw;}
   .mxw-advantage .itembox{margin-top:3vw;margin-bottom:40px;}
   .mxw-about .body .text1{font-size:30px;}
   .mxw-about .body .text2{font-size:16px;}
   .mxw-about .body .desc{font-size:14px;line-height:25px;}
   .mxw-about .body .head{padding-bottom:20px;margin-bottom:20px;}

}



@media (max-width:425px) {
   .mxw-advantage .itembox .number{font-size:26px;}
   .mxw-advantage .itembox .name{font-size:14px;}
   .mxw-advantage .itembox .item{padding:2vw 0;width:33.33%;border:none;}
   .mxw-advantage .advantage-swiper .image{width:52%;margin-right:3%;}
   .mxw-advantage .advantage-swiper .text1{font-size:16px;margin-bottom:15px;}
   .mxw-advantage .advantage-swiper .text2{font-size:19px;}
   .mxw-advantage .advantage-swiper .desc{font-size:12px;}
   .mxw-advantage .advantage-swiper .text2:after{width:40px;height:2px;}
   .mxw-advantage .advantage-swiper .mxw-btn{margin-top:15px;width:180px;line-height:34px;font-size:14px;height:34px;}
   .mxw-advantage .mxw-box{padding-top:3vw;}
   .mxw-advantage .itembox{margin-top:2vw;}
   .mxw-about .body .image{width:100%;margin-top:40px;}
   .mxw-about{padding-top:0;}
   .mxw-advantage .itembox{flex-wrap:wrap;margin-bottom:25px;}
   .mxw-advantage .itembox .item:before{display:none;}

}


.box5{width:100%;margin-top:80px;}
.box5 img{width:100%;display:block;}



.box6{background: url(../images/bj66.jpg) no-repeat;background-size:100% 100%;padding:75px 0 50px;}
.j_ads{margin-top:65px;}
.j_ads li{width:24%;background:#fff;padding:70px 0 25px;text-align:center;transition: all 0.6s;}
/*图片鼠标悬停整体旋转*/
.j_ads li img{
	list-style:none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-o-transition: all 0.5s;
}
.j_ads li img{
	transition:All 0.8s ease-in-out;
	-webkit-transition:All 0.8s ease-in-out;
	-moz-transition:All 0.8s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.j_ads li:hover img{ 
	transform: rotateY(360deg);
}

.j_ads li .ywz{color:#999999;font-size:18px;margin-top:30px;}
.j_ads li .mc{color:#333333;font-size:36px;font-weight:bold;}
.j_ads li .det{width:92%;margin:0 auto;border-top:1px solid #f5f5f5;padding-top:30px;margin-top:30px;}
.j_ads li h5{color:#999999;font-size:18px;line-height:30px;width:92%;margin:0 auto;font-weight:100;}
.j_ads li h4{background: url(../images/gd.png) no-repeat;background-size:100% 100%;width:50px;height:8px;margin:0 auto;display:block;margin-top:30px;}
.j_ads li:hover {
    transform: scale(1.04);
}


.box7{padding:80px 0 25px;}
.prod2{position:relative;padding:0 25px;margin-top:70px;}
.prod2 li a{outline:none;border:none;}
.prod2 .slick-slide{position:relative;margin:0 32px;}
.prod2 li .img img{width:100%;display:block;}
.prod2 li .hzcm{color:#000000;font-size:14px;text-align:center;margin-top:7px;}
.prod2 .slick-arrow{top:0;position:absolute;width:32px;height:82px;border:none;outline:none;}
.prod2 .slick-prev{background: url(../images/zb.png) no-repeat;text-indent:-1000px;overflow:hidden;left:0;background-size:100% 100%;}
.prod2 .slick-next{background: url(../images/yb.png) no-repeat;outline:none;text-indent:-1000px;overflow:hidden;right:0;background-size:100% 100%;}



.box8{padding:90px 0 45px;background:#fff;}

.x-news-box {
    margin-top:50px;
    font-size: 0;
}

.tabzz {
    display: flex;
    justify-content: center;
    margin-bottom:40px;
}

.ttzz {
    display: none;
}

.tabzz li {
    width:210px;
    background-color: #ededed;
    margin-left: 8px;
    margin-right: 8px;text-align:center;
}

.tabzz li a {
    color: #333333;
   line-height:60px;font-size:22px;
}

.tabzz li.cur {
    background-color: #0a54ce;
}


.tabzz li.cur a {
    color: #fff;
}



.x-news-list-left {
    width:55.47%;
    float: left;
}

.x-news-list-left li {
   width:49%;
}

.x-news-list-left li .img img {
    width: 100%;display:block;
}

.x-news-list-left li .text {
    background-color: #fbfbfb;
    padding: 17px;
}

.x-news-list-left li .text h3 {
    color: #333333;
     line-height:48px;font-size:22px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;font-weight:normal;
}

.x-news-list-left li .text p {
    color: #999999;
    line-height:28px;font-size:16px;font-weight:100;
}

.x-news-list-left li .text .date {
    color: #333333;
    line-height:36px;font-size:16px;
    margin-top:18px;
    background: url(../images/nm1.png) no-repeat 80% center;margin-bottom:15px;
}

.x-news-list-left li:hover .text h3 {
    /*color: #dd1b1a;*/
}

.x-news-list-left li:hover .text .date {
    background: url(../images/nm2.png) no-repeat 80% center;
}

.x-news-list-right {
    float: right;
    width:43.2%;
}

.x-news-list-right li {
    padding:28px 30px 28px 10px;
    background-color: #fbfbfb;
}

.x-news-list-right li+li {
    margin-top: 30px;
}

.x-news-list-right li .date {
    float: left;
    width: 80px;
    text-align: center;
}

.x-news-list-right li .date h4 {
    color: #333333;
    line-height:50px;font-size:38px;
}

.x-news-list-right li .date span {
    color: #333333;
    line-height:16px;font-size:16px;
}

.x-news-list-right li .text {
    width: calc(100% - 80px);
    float: left;
    padding-left: 30px;
    position: relative;
}

.x-news-list-right li .text::after {
    position: absolute;
    left: 8px;
    top: 4px;
    content: "";
    display: block;
    width:2px;
    height: 70px;
    background-color: #ebebeb;
}

.x-news-list-right li .text h3 {
    color: #333333;
    line-height:24px;font-size:20px;
    margin-bottom: 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:normal;
}

.x-news-list-right li .text p {
    color: #999999;
    line-height:22px;font-size:16px;
    margin-bottom: 0;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;font-weight:100;
}

.x-news-list-right li:hover .text h3 {
  /*  color: #dd1b1a;*/
}




@media (max-width:1440px) {
 .x-news-list-right li+li{margin-top:24px;}
}

@media (max-width: 1024px) {
 .tabzz li{width:172px;}
 .tabzz li a{line-height:50px;font-size:18px;}
 .x-news-list-left li .text h3{font-size:18px;}
 .x-news-list-left li .text p{font-size:14px;line-height:25px;}
 .x-news-list-left li .text .date{font-size:14px;}
 .x-news-list-right li .date h4{font-size:30px;}
 .x-news-list-right li .date span{font-size:14px;}
 .x-news-list-right li .text h3{font-size:18px;}
 .x-news-list-right li .text p{font-size:14px;}
 .x-news-list-right li{padding:20px 15px;}
 .sort11 li:before{width:16px;left:-30px;}
}

@media (max-width: 768px) {
	.box8{padding:45px 0 25px;}
	.x-news-box{margin-top:25px;}
	.tabzz{margin-bottom:20px;}
    .tabzz li {
        width:26%;
    }
    .tabzz li a {
        font-size: 16px;
        line-height:45px;
    }
   .x-news-list-left{width:100%;}
   .x-news-list-right{width:100%;margin-top:15px;}
   .x-news-list-right li+li{margin-top:15px;}
   .sort11 li:before{width:16px;left:-25px;}
   .sort11{margin:3.5vw 0;}

}



@media (max-width:425px) {
	  .tabzz li a {
        font-size: 15px;
        line-height:38px;
    }
    .x-news-list-left li{width:100%;}
    .x-news-list-left li+li{
        margin-top: 10px;
    }
    .x-news-list-left li .text h3{font-size:16px;}
    .x-news-list-right li .text h3{font-size:16px;}
     .sort11 li:before{display:none;}
}










/*友情链接*/
.f_links{font-size:14px;color:#333;margin-top:40px;}
.f_links a{color:#333;margin-right:6px;}




/*页面底部*/
.foot{background:#222222;padding-top:55px;}


.f_nav{width:60%;float:left;}
.f_nav dl{width:16.66%;}
.f_nav dt{margin-bottom:22px;font-size:18px;color:#fff;font-weight:normal;}
.f_nav dd a{font-size:14px;color:#848484;line-height:32px;height:32px;overflow:hidden;display:block;}
.f_nav dd a:hover{color:#fff;}

.foot2{width:30%;}
.gsm{color:#fff;font-size:24px;}
.lx{color:#fff;font-size:14px;line-height:28px;margin:20px 0 38px;}
.codes{width:99px;text-align:center;}
.codes p:nth-child(2){color:#fff;font-size:12px;margin-top:10px;}



.fx{border-top:1px solid #393939;margin-top:30px;}
.cont2{line-height:24px;color:#848484;font-size:14px;padding:28px 0;}
.cont2 a{color:#848484;}
.cont2 a:hover{color:#fff;}






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

.dbb{height:50px;}
/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #0a54ce;
}

.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: #da251c;
}

.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;}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}
.n_banner{width:100%;margin:0 auto;}
.n_banner img{width:100%;margin:0 auto;}
.xypg-right-content  .content{margin-top:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;
font-family:"微软雅黑";font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;font-family:"微软雅黑";}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
#container{max-width:1030px;margin:0 auto;padding:0 15px;}



@media (max-width:1440px) {
 .dbt h3{width:70%;}
 .foot2{margin-right:2.5%;}
}

@media (max-width:1200px) {
 .foot2{margin-right:0;}
}


@media (max-width:1024px) {
  .x-menu > li > a{font-size:16px;}
  .x-menu > li{padding:0 2%;}
  .hotSearch{font-size:14px;}
  .hotSearch span{margin-right:6%;}
  .dbt h3{width:62%;}
  .dbt span{font-size:30px;}
  .dbt i{font-size:25px;}
  .pbt h2{font-size:72px;}
  .pbt h3{font-size:48px;margin-top:-58px;}
  .pbt h4{font-size:20px;}
  .sort11 li{line-height:45px;font-size:20px;height:45px;}
  .sy_prod li h3{font-size:22px;}
  .sy_prod li h4{width:50px;height:3px;}
  .sy_prod li h5{font-size:16px;line-height:25px;height:50px;}
  .abtt h2{font-size:30px;}
  .abtt h5{font-size:15px;}
	.abtt h3{width:50px;height:2px;background:#0a54ce;margin:20px 0;}
	.ab{font-size:16px;line-height:30px;overflow:hidden;height:120px;}
	a.am{font-size:16px;width:166px;line-height:45px;margin-top:2.5vw;}
	.sctt h2{font-size:26px;line-height:30px;border-left:6px solid #0a54ce;padding-left:17px;}
	a.vmo{font-size:17px;}
   .j_ads li .ywz{font-size:16px;}
   .j_ads li .mc{font-size:30px;}
   .j_ads li h5{font-size:16px;}
   .f_nav{width:55%;}
   .foot2{width:40%;}
   .f_nav dt{font-size:16px;}
   .gsm{font-size:20px;}
   .copyright{width:100%;text-align:center;}
}


@media (max-width: 768px) {
 .x-banner{margin-top:60px;}
 .n_banner{margin-top:60px;}
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .dbt{margin-bottom:28px;}
 .dbt:before{display:none;}
  .dbt h3{width:100%;}
  .dbt span{font-size:22px;}
  .dbt i{font-size:18px;}
  .dbt i img{display:none;}
   .pbt h2{font-size:55px;}
  .pbt h3{font-size:33px;margin-top:-43px;}
  .pbt h4{font-size:16px;}
   .sort11 li{line-height:38px;font-size:16px;height:38px;}
   .sy_prod li{width:49%;
       margin-right:2%;
   }
   .sy_prod li:nth-child(3n){
       margin-right:2%;
   }
   .sy_prod li:nth-child(2n){
       margin-right:0%;
   }
   .sy_prod li{margin-bottom:15px;}
  .sy_prod li h3{font-size:18px;}
  .sy_prod li h4{width:35px;height:2px;}
  .sy_prod li h5{font-size:14px;line-height:22px;height:44px;}
  .box2{margin-top:20px;padding-top:40px;}
  .box2 .cont{margin-top:30px;padding:15px;}
  .abz{width:100%;}
  .apic{width:100%;margin-top:15px;}
  .abtt{margin-top:0;}
  .abtt h2{font-size:25px;}
  .abtt h5{font-size:14px;}
  .ab{font-size:14px;line-height:25px;height:auto;}
  .abtt h3{margin:10px 0;}
   a.am{font-size:14px;width:140px;line-height:38px;margin-top:15px;}
   .box3{margin-top:35px;}
   .box4{margin-top:35px;}
   .box5{margin-top:40px;}
   .box6{padding:45px 0 25px;}
   .j_ads{margin-top:35px;}
   .j_ads li{padding:35px 0 15px;}
   .j_ads li img{max-width:36%;margin:0 auto;}
   .j_ads li .ywz{font-size:14px;margin-top:20px;}
   .j_ads li .mc{font-size:22px;}
   .j_ads li .det{padding-top:15px;margin-top:15px;}
   .j_ads li h5{font-size:14px;line-height:22px;}
   .j_ads li h4{margin-top:15px;width:38px;height:6px;}
   .box7{padding:40px 0 20px;}
   .prod2{margin-top:35px;}
   .prod2 .slick-slide{margin:0 20px;}
   .foot{padding-top:25px;}
   .f_nav{display:none;}
   .foot2{width:100%;}
   .lx{line-height:25px;margin:10px 0 14px;}
   .cont2{padding:18px 0;}
   .fx{margin-top:20px;}
}

@media (max-width:425px) {
  .dbt span{font-size:20px;margin-right:0;}
  .dbt i{display:none;}
   .pbt h2{font-size:40px;}
  .pbt h3{font-size:25px;margin-top:-28px;}
  .pbt h4{font-size:14px;margin-top:8px;}
  .sort11 li{line-height:30px;font-size:15px;height:30px;}
  .sy_prod li{margin-bottom:10px;}
  .sy_prod li .det{padding:15px;}
  .sy_prod li h3{font-size:16px;}
  .sy_prod li h4{margin:8px 0;}
   .abtt h2{font-size:22px;}
  .abtt h5{font-size:12px;}
  .sctt h2{font-size:22px;line-height:26px;border-left:4px solid #0a54ce;padding-left:15px;}
  a.vmo{font-size:14px;}
  .j_ads li{width:48%;}
  .j_ads li:nth-child(n+3){margin-top:15px;}
    .j_ads li .ywz{font-size:13px;}
   .j_ads li .mc{font-size:18px;}
   .gsm{font-size:17px;}
}