@charset "utf-8";
/* CSS Document */
*{margin:0 auto;padding: 0;border: 0;}
ul,li{list-style: none;}
.clear{clear: both;}
.fl{float: left}
.fr{float: right}
img{border: 0;}
video{display: block}
.container{with:100%;max-width: 1500px;}
body {
  color:#153b44;
  font-family:Microsoft YaHei,Arial;
  font-size: 16px;
  line-height: 1.5;background: #ffffff;
}
a,a:visited{color:#153b44;font-size: 16px;text-decoration: none;}
a:hover{color:#153b44;}

.header{background:#1c4450;position: fixed;top: 0;width: 100%;z-index:999;}

.logo{padding: 10px 0;}
.logo img{height:80px;}

.menu ul li{float: left;/*width: 4.5rem;*/height: 20px;padding-top: 3px;margin-right:10px;}
.menu ul li:hover{/*background: #1c4450*/;}
.menu ul li a{text-align:center;display:block;line-height: 1rem;color: #88b6b3;letter-spacing: 1px;font-size: 16px;/*width:4.5rem;*/height: 20px;padding-top: 4px;margin-top: 35px;padding-left: 15px;padding-right: 15px;}
.menu ul li a span{display:block; line-height:1;}
.menu ul li a.active{color: #1c4450;/*width:5.5rem;*/height: 20px;padding-top: 4px;background-color: #ffffff;border-radius: 6px;margin-top: 35px;}
.menu ul li a.activecn{color: #1c4450;height: 20px;padding-top: 4px;background-color:#88b6b3;border-radius: 6px;margin: 35px 0 0 5px;}


.banner{position: relative;width: 100%;overflow: hidden;}
.banner .swiper {
      width: 100%;
      height: 100%;
    }

.banner .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.banner .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.banner .swiper-button-next,
.banner .swiper-button-prev {color:#88b6b3}

.aboutus{padding: 100px 0 50px 0;text-align: center;}
.aboutus h1{font-size:56px;font-weight: 700;color: #1c4450;}
.aboutus p{width:40%;margin:0 auto;padding-top: 50px;line-height:2;}

.videoimg{text-align: center}

.products{text-align: center;width: 100%;position:relative;padding-top:30px;}
.products h1{font-size:56px;font-weight: 700;color: #1c4450;}
.products span{padding-top: 50px;line-height:2;color: #a1a6aa;}

.products ul{width: 1590px !important;margin:auto;padding-top:50px;}
.products li{float: left;position: relative;width: 377px;margin: 1% 0.5% 2% 00%;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin-left: 10px;border-radius: 11px;border: 0.1px solid #bac7ca;padding-bottom: 20px;} 
.products li img{width: 100%;height: auto;margin-bottom:20px;display: block;}
.products a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.products a:hover{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform: scale(1.03);/* box-shadow: 0px 0px 15px rgba(0,0,0,0.2); */position:relative;z-index:100;color:#f5bba7;}
.products li:hover{
    transform: scale(1.04);
    box-shadow: 0px 0px 1px rgba(0,0,0,0);
    position: relative;
    z-index: 10;
}
.more{text-align: center;width: 310px;height: 64px;margin: 80px auto;border-radius: 50px;border: 0.1px solid #153b44;}
.more a{font-size: 30px;font-weight: 300;letter-spacing: 2px;line-height: 66px;}

.chentuo{width: 100%;}

.news{padding-bottom:100px;text-align: center;padding-top: 100px;}
.news h1{font-size:56px;font-weight: 700;color: #1c4450;}
.news span{padding-top: 50px;line-height:2;color: #a1a6aa;}
.news ul{padding-top:80px;}
.news ul li{width: 32%;margin-right: 2%;background: #f2f2f2;float: left;overflow: hidden;  }
.news ul li div{padding: 0 24px;text-align: left;}
.news ul li:nth-child(3){margin-right: 0;}
.news ul li div.ntime{padding-top:40px;font-size: 14px;color: #a1a6aa;}
.news ul li div.ntitle{padding-top: 10px;padding-bottom: 25px;font-size:24px;line-height:28px;height: 52px;overflow: hidden;}
.news ul li div.ngaisu{padding-bottom: 30px;line-height: 1.8;}
.news ul li div.nimg{height: 270px;overflow: hidden;padding: 0;}
.news ul li img{width: 100%;height: auto;display: block;transition: transform 0.3s ease; /* 平滑变化 */}
.news ul li img:hover{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform: scale(1.10);}



.footer{text-align: center;color: #153b44;padding-bottom:180px;background: url("../images/bg.jpg") no-repeat center bottom;}
.footer a{font-size: 14px;}
.footer p{width:80%;margin:0 auto;line-height: 30px;font-size: 14px;}
.footer img{width:200px;height: auto;margin: 0 20px;}


.black_overlay{ 
    display: none; 
    position: fixed; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
    background-color: black; 
    z-index:1001; 
    -moz-opacity: 0.8; 
    opacity:.80; 
    filter: alpha(opacity=88); 
} 
.white_content { 
    display: none; 
    position: fixed; 
    top: 25%; 
    left: 50%; 
    width: 720px; 
    /*border: 10px solid #88b6b3; background-color: #88b6b3;*/
    z-index:1002; 
    overflow: auto; 
    margin-left: -360px;
} 
.white_content a{font-size: 40px;font-weight: bold;color: red;line-height: 50px;position: absolute;right: 5px;top:5px;z-index: 1003;}
.white_content video{border: none;}


.ny{min-height: 500px;padding-top: 150px;line-height: 2;}
.ny h1{font-size:32px;text-align: center;padding-bottom:40px;}
.ny .news{padding-top: 0;}
.ny .news ul{padding-top:30px;}
.shownew{padding-bottom: 100px;}
.fenge{width: 100%;text-align: center;}
.fenge img{width: 100%; max-width: 1920px;height: auto;}
.news .more{margin-bottom: 0;}

.pagination{text-align: center;display: block;padding-top:80px;}
.pagination a{margin:0 2px; }
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;	
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	/*color: #17a2b8;*/
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current,.page-num-current:visited {
	z-index: 1;
	color: #fff;
	background-color:#153b44;
	border: 1px solid #dee2e6;
}
.page-num-current:hover {
	color: #fff;background: #8a1a19;
}

.zhengshulist{}
.zhengshulist ul{padding-top:100px;width:45%;}
.zhengshulist ul li{width: 100%;color:#153b44;background-color:#f2f2f2;border:1px solid #e4e4e4;
padding: 10px 15px;
border-radius: 4px;margin-bottom: 30px;}
.zhengshulist ul li:nth-child(2n){margin-right: 0}

.searchs {
    max-width: 600px;
    margin: 0 auto;
    padding:150px 0 15px 0;
}

.searchs .sertext {
    display: block;
    padding: 0;
    outline: 0;
    padding-left: 12px;
    width: 78%;
    float: left;
    border: 1px solid #cdcdcd;
    color: #a2a2a2;
    font-size: 16px;
    height: 52px;
    line-height: 52px;
    transition: 0.4s;
    box-sizing: border-box;
}

.searchs .serbtn {
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
    width: 22%;
    float: right;
    height: 52px;
    text-align: center;
    line-height: 52px;
    background: #153b44;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: 0.44s;
}

.nypro{position: relative;height: 100%;padding-top:130px;width: 100%;}
.nypro ul li img{width: 100%;height: auto;display: block;}
.nypro ul li{width: 32%;margin-right: 2%;float:left;margin-bottom:30px;}
.nypro ul li:nth-child(3n){margin-right: 0}

ul.zhengshu{}
ul.zhengshu img{width: 100%;height: auto;display: block;}
ul.zhengshu li{width: 23.5%;margin-right: 2%;float:left;margin-bottom:30px;}
ul.zhengshu li:nth-child(4n){margin-right: 0}

.contactus{width:860px;margin: 0 auto;background-color: rgb(242, 242, 242);padding: 20px;margin-top: 20px;}
.contactl{width: 500px;padding-right: 20px;}
.contactl img{width: 100%;height: auto;display: block}
.contactr{width:340px;padding-top: 30px;}

.mark{
    width:100%;
    height:100%; 
    background:#000;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
}
 /*修改pic的宽高,可调整图片大小*/
.pic{
    width:800px;
    height:auto; 
    position: fixed;
    left:50%;
    top:200px;margin-left: -400px;
}
#box span{
    position: fixed;
    width:20px;
    height:20px;
    right:50%;
    top:180px; 
    background: #fff;
    text-align: center;margin-right: -400px;
}    
    

@media only screen and (max-width:768px) {    
    .fl{float: none}
    .fr{float: none}
    .logo{text-align: center;}
    .logo img{height:60px;}
    
    .menu{width: 100%; overflow-x: auto;height: 60px;}
    .menu ul{width: 900px;}
    .menu ul li{/*margin-right:25px;*/}
    .menu ul li a,.menu ul li a.active,.menu ul li a.activecn{margin-top:10px;}
    
    .banner{padding-top: 140px;}
    .banner .swiper-button-next,.banner .swiper-button-prev{display: none}
    
    .aboutus {padding:50px 0;}
    .aboutus h1,.products h1,.news h1 {font-size: 30px;}
    .aboutus p {width:95%;padding-top:30px;text-align: left;}
    .videoimg img{width: 100%;height: auto;}
    
    .products ul{width: 100%  !important;padding-top:30px;}
    .products li{width: 45%;}
    .products li a{font-size: 14px;}
    
    .more{margin: 50px auto;width: 240px;height: 54px;}
    .more a{font-size: 24px;line-height:56px;}
    
    .news{padding: 50px 0;}
    .news ul{padding-top: 30px;}
    .news ul li{width: 100%;margin-right:0;margin-bottom: 2px;}
    .news ul li div{padding: 0 2%;}
    .news ul li div.ntitle{font-size: 18px;height: auto;}
    .news ul li div.ngaisu{display: none;}
    .news ul li div.nimg{height: auto;max-height:  230px;}
    /*.news ul li:nth-child(2),.news ul li:nth-child(3){display: none}*/
    
    .footer a{display: block;}
    .footer p{width: 100%;}
    .footer p:nth-child(2) img{width:150px;margin: 0;}
    
    .ny{width: 98%;margin: 0 auto;padding-top:150px;min-height:300px;}
    .ny img{width: 100%;height: auto;}
    .ny h1{font-size: 24px;line-height: 30px;text-align: left;padding:30px 5% 40px 5%;}
    .shownew{width: 98%;margin: 0 auto;font-size: 14px;line-height: 2;}
    .shownew img{width: 100%;height: auto;}
    
    ul.zhengshu{padding-top: 20px;}
    ul.zhengshu li,.nypro ul li:nth-child(3n){width: 48%;}
    ul.zhengshu li:nth-child(2n){margin-right: 0;}
    
    .nypro{padding-top: 180px;}
    .nypro ul li{width: 48%;}
    .nypro ul li:nth-child(3n){margin-right: 2%;}
    .nypro ul li:nth-child(2n){margin-right: 0;}
    
    .searchs{padding-top: 100px;}
    .ny .news ul {padding-top: 10px;}
    
    .zhengshulist ul{width:95%;padding-top: 50px;}
    .zhengshulist ul li{padding: 10px 3%;width: 94%;}
    
    .contactus{width:90%;padding: 20px 5%;margin-bottom: 30px;}
    .contactl{width: 100%;padding-right: 0;}
    .contactr{width:100%;padding-top: 30px;}
    
    .white_content{width: 100%;margin-left: 0;left: 0;}


     /*修改pic的宽高,可调整图片大小*/
    .pic{
        width:100%;
        height:auto; 
        position: fixed;
        left:0;
        top:200px;margin-left: 0;
    }
    #box span{
        position: fixed;
        width:20px;
        height:20px;
        right:0;
        top:180px; 
        background: #fff;
        text-align: center;margin-right: 0;
    } 
    
}