﻿/*初始化样式*/
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;
}


.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;}
 .swiper-container{ display:none;}
}


@media (max-width:768px) {
  .apic{width:100%;}
  .about-index{width:100%;margin-top:3vw;}
  .a1{margin:1vw 0 3%;}
  .a2{height:auto;}
  
  .psort{
  text-align:center;
  margin-top:1.5vw;
} 
  
  
  
  
.menu_lista .m_1{}
.menu_lista .m_1>li{
	overflow: hidden;
    position: relative;
	}
.menu_lista .m_1>li>a{
    width:33%;
    float: left;
    font-size: 18px;
    line-height: 50px;
    color: #666666;
    margin: 0;
    cursor: pointer;
    transition: all 0.5s ease;
    text-align: right;
	}
.menu_lista .m_1>li>a.active,.menu_lista .m_1>li:hover>a{
	color: #f90400;
	}

.menu_lista .m_2>li{
    float: left;
    margin-right: 0.6%; margin-bottom:0.6%;
	width:19%;
    cursor: pointer;
    transition: all 0.5s ease;
    
    
	}
.menu_lista .m_2>li a{
	padding: 0 30px;
	line-height: 50px;
    background: #dfdfdf;
	font-size:18px;
	display:block;
	}
.menu_lista .m_2>li a.active,.menu_lista .m_2>li a:hover{
	line-height: 50px;
    background: #f90400;
    color: #fff;
    display: block;
    padding: 0 30px;
	}
.menu_lista{ margin-bottom:30px;}

  
  
  
  
  
}


@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:15%;
  line-height:50px;
  border: 1px solid #d1d1d1;
  margin: 0 8px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  margin-bottom:10px;
}

.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%;border:1px solid #d3d3d3;}
.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:32%!important;margin:0 2px 10px 2px;} 
   .psort li a{font-size:14px;} 
}

@media (max-width:425px) {
  .bt{font-size:26px;}
  .psort li{margin:2px;width:48%!important; margin-bottom:10px;}
  .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 .mo a{color:#fff;}
.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;}
}










