@charset "utf-8";

/*公用标题*/
.bt{padding: 0 0 35px;display: flex;justify-content: space-between;align-items: flex-end;}
.bt h3{font-size: 50px;font-weight: bold;color: #f1f1f1;text-transform: uppercase}
.bt h2{font-size: 35px; color: #255193;font-weight: bold}
.bt h2 span{font-weight: normal}
.bt .bt-txt{}
.bt .bt-btn{}
.bt .bt-btn a{display: inline-block; color: #fff; font-size: 16px; border-radius: 3px;padding: 11px 55px 11px 26px; background: #255193 url(../images/bt-bg.png) no-repeat center; background-position-x: 100px;transition: all .5s}
.bt .bt-btn a:hover{background: #f9be11 url(../images/bt-bg.png) no-repeat center;transition: all .5s;background-position-x: 100px;}
@media (min-width: 992px) and (max-width: 1200px){

}
@media (max-width: 992px){
  


}
@media (max-width: 767px){
	.bt {padding: 0 0 25px;}
	.bt h3 { font-size: 30px;}
	.bt h2 {font-size: 21px;}
	.bt .bt-btn a { font-size: 15px; padding: 7px 38px 7px 13px; background-position-x: 80px;}
 

  
}




/*产品系列*/
.cpxl{}
.cpxl .xl-box{overflow: hidden}
.cpxl .xl-box ul{}
.cpxl .xl-box ul li{width: 48.5%;float: left; text-align: center;}
.cpxl .xl-box ul li:first-child{margin: 0 40px 0 0;}
.cpxl .xl-box ul li:first-child .xl-txt:nth-child(2) {background: #00000038 url("../images/cp-bg01.png")}
.cpxl .xl-box ul li:last-child .xl-txt:nth-child(2) {background: #00000038 url("../images/cp-bg02.png")}
.cpxl .xl-box ul li:hover .xl-nr .xl-txt{background: linear-gradient(249deg, #3978d8, #193764);transition: all .5s;}
.cpxl .xl-box ul li:hover .xl-nr .xl-txt h5{background: none;border: 1px solid #fff;transition: all .5s;}
.cpxl .xl-box ul li:hover .xl-nr .xl-txt hr{border-top: 4px solid #f9be11}
.cpxl .xl-box ul li .xl-nr{position: relative;padding: 15px 0;}
.cpxl .xl-box ul li .xl-nr img{height: 360px;transition: all .5s;}
.cpxl .xl-box ul li .xl-nr .xl-txt{position: absolute;top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background: #00000026; color: #fff;padding: 100px 0 0;transition: all .5s;}
.cpxl .xl-box ul li .xl-nr .xl-txt h3{text-transform: uppercase; font-weight: bold; font-size: 23px;color: #ffffff7d;}
.cpxl .xl-box ul li .xl-nr .xl-txt h2{font-size: 30px; font-weight: bold;letter-spacing: 2px;padding: 5px 0 0;}
.cpxl .xl-box ul li .xl-nr .xl-txt hr{border-top: 4px solid #255193; margin: 10px auto;width: 35px;}
.cpxl .xl-box ul li .xl-nr .xl-txt p{font-size: 16px;}
.cpxl .xl-box ul li .xl-nr .xl-txt h5{display: inline-block; background: #255193; font-size: 16px; border-radius: 3px; padding: 15px 45px;margin: 30px 0 0;transition: all .5s;}
@media (min-width: 992px) and (max-width: 1200px){
	.cpxl .xl-box ul li {width: 47.9%;}
	

}
@media (max-width: 992px){
	.cpxl .xl-box ul li { width: 47.3%;}
	.cpxl .xl-box ul li .xl-nr img { height: 297px;}
  


}
@media (max-width: 767px){
	.cpxl { padding: 0 9px;}
	.cpxl .xl-box ul li { width: 47.9%;}
	.cpxl .xl-box ul li:first-child {margin: 0 15px 0 0;}
	.cpxl .xl-box ul li .xl-nr img { height: 161px;width: 100%;}
	.cpxl .xl-box ul li .xl-nr .xl-txt h3 { font-size: 16px;}
	.cpxl .xl-box ul li .xl-nr .xl-txt h2 {font-size: 20px;}
	.cpxl .xl-box ul li .xl-nr .xl-txt p {font-size: 14px;}
	.cpxl .xl-box ul li .xl-nr .xl-txt hr {border-top: 3px solid #255193; margin: 8px auto;width: 35px;}
	.cpxl .xl-box ul li .xl-nr .xl-txt { padding: 34px 0 0;}
	.cpxl .xl-box ul li .xl-nr .xl-txt h5 { font-size: 14px;padding: 9px 18px;margin: 13px 0 0;}
	
 

  
}



/*关于我们*/
.gywm{padding: 70px 0;}
.gywm .gy-bt{display: block}
.gywm .gy-txt{}
.gywm .gy-txt p{font-size: 15px; color: #a9a9a9;line-height: 2;}
.gywm .gy-img{padding: 30px 0 0;overflow: hidden;}
.gywm .gy-img ul{}
.gywm .gy-img ul li{width: 23.3%; float: left;text-align: center;margin: 0 30px 0 0;}
.gywm .gy-img ul li:last-child{margin-right: 0;}
.gywm .gy-img ul li .gy-tp{height: 260px;overflow: hidden;border-radius: 10px;}
.gywm .gy-img ul li .gy-tp img{width: 100%;height: 100%;object-fit: cover;}
@media (min-width: 992px) and (max-width: 1200px){
	.gywm .gy-img ul li {width: 22.6%;}
	.gywm .gy-img ul li .gy-tp { height: 195px;}
	

}
@media (max-width: 992px){
	.gywm .gy-img ul li { width: 23%;margin: 0 20px 0 0;}
	.gywm .gy-img ul li .gy-tp { height: 172px;}
	
  


}
@media (max-width: 767px){
	.gywm {padding: 30px 9px;}
	.gywm .gy-txt {  height: 200px; overflow: hidden; overflow-y: auto;}
	.gywm .gy-txt p { font-size: 14px;}
	.gywm .gy-img ul li { width: 47.9%; margin: 0 15px 10px 0;}
	.gywm .gy-img ul li:nth-child(2) {margin-right: 0}
	.gywm .gy-img {  padding: 25px 0 0;}
 
	

  
}



/*产品中心*/
.cpzx{background: #eee;padding: 60px 0;}
.cpzx .cp-bt{}
.cpzx .cp-bt h3{color: #dcdcdc;}
.cpzx .cp-box{}
.cpzx .cp-box ul{}
.cpzx .cp-box ul li{width: 23.6%;float: left;text-align: center;margin: 0 25px 15px 0; }
.cpzx .cp-box ul li:hover img{transform: scale(1.1);transition: all .5s}
.cpzx .cp-box ul li:hover .cp-txt{background: #255193 url("../images/cp-bg-ho.png")no-repeat center;transition: all .5s}
.cpzx .cp-box ul li:hover .cp-txt p{color:#fff;transition: all .5s}
.cpzx .cp-box ul li:nth-child(4),.cpzx .cp-box ul li:last-child{margin-right: 0;}
.cpzx .cp-box ul li .cp-img{display: table-cell;vertical-align: middle;text-align: center; height: 270px;width: 330px;padding: 15px 0;background: #fff;border-radius: 5px 5px 0 0;}
.cpzx .cp-box ul li .cp-img img{display: inline-block;margin: auto;max-width: 100%;max-height: 100%;transition: all .5s}
.cpzx .cp-box ul li .cp-txt{margin: 5px 0 0;background: #fff url("../images/cp-bg.png")no-repeat center;transition: all .5s;border-radius: 0 0 5px 5px;padding: 12px 65px;}
.cpzx .cp-box ul li .cp-txt p{color: #255193; font-size: 17px; font-family: "黑体"; font-weight: bold;transition: all .5s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
@media (min-width: 992px) and (max-width: 1200px){
	.cpzx .cp-box ul li {width: 23%;}
	.cpzx .cp-box ul li .cp-txt { background-size: 100%;}

}
@media (max-width: 992px){
	.cpzx .cp-box ul li {width: 22.5%;}
	.cpzx .cp-box ul li .cp-img {height: 174px;}
	.cpzx .cp-box ul li .cp-txt {background-size: 100%;}
  


}
@media (max-width: 767px){
	.cpzx { padding: 30px 9px;}
	.cpzx .cp-box ul li { width: 47.9%;margin: 0 15px 10px 0;}
	.cpzx .cp-box ul li:nth-child(2),.cpzx .cp-box ul li:nth-child(4),.cpzx .cp-box ul li:nth-child(6),.cpzx .cp-box ul li:nth-child(8){margin-right: 0}
	.cpzx .cp-box ul li .cp-txt p {font-size: 14px; }
	.cpzx .cp-box ul li .cp-img { height: 147px;}
	.cpzx .cp-box ul li .cp-txt {padding: 12px 21px;}
 

  
}



/*新闻资讯*/
.roll_box{width:100%; height:325px;}
.roll_box .btn{}
.roll_box .btn:active{ background-image: url(../images/hl_scroll_left.png) no-repeat center; outline: 0;-webkit-box-shadow: none;box-shadow: none;}
.roll_cont{width:1250px; overflow:hidden; float:left;padding: 0 20px;}
.roll_cont ul{width:3000px; overflow:hidden; margin-top:20px;}
.roll_cont ul li{ float:left; width:390px; display:inline; margin-right:30px;position: relative;transition: all .5s}
.roll_cont ul li:hover .xw-txt{transition: all .5s;bottom: 0}
.roll_cont ul li:hover .xw-txt p{}
.roll_cont ul li img{}
.scrool_leftbtn{width: 65px;height: 65px; background:url(../images/hl_scroll_left.png) no-repeat center; float:left;  margin-top:140px; cursor:pointer;}
.scrool_rightbtn{width: 65px;height: 65px; background:url(../images/hl_scroll_right.png) no-repeat center; float:right;  margin-top:140px; cursor:pointer;}



.xwzx{background: url("../images/xw-bg.png")no-repeat center bottom;padding: 70px 0;background-size: 115%;}
.xwzx .xw-bt{}
.xwzx .xw-box{overflow: hidden;}
.xwzx .xw-box ul li{}
.xwzx .xw-img{height: 300px;overflow: hidden;border-radius: 10px;}
.xwzx .xw-img img{width: 100%; height: 100%; object-fit: cover;}
.xwzx .xw-txt{color: #fff;width: 100%;transition: all .5s;padding: 20px 0 0;}
.xwzx .xw-txt h2{font-size: 18px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; height: 17px;}
.xwzx .xw-txt h5{font-size: 14px;padding: 10px 0;}
.xwzx .xw-txt i{padding: 0 6px 0 0px;}
.xwzx .xw-txt p{font-size: 14px;transition: all .5s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.xwzx .xw-sj{color: #fff;overflow: hidden;padding: 70px 0 0;}
.xwzx .xw-sj .sj-bt{text-align: center;padding: 0 0 30px;}
.xwzx .xw-sj .sj-bt h2{font-size: 28px;}
.xwzx .xw-sj .sj-bt span{font-weight: bold;font-size: 50px;padding: 0 10px 0 0;}
.xwzx .xw-sj ul{}
.xwzx .xw-sj ul li{width: 25%; float: left;display: flex;align-items: center;justify-content: center;}
.xwzx .xw-sj ul li .sj-le{}
.xwzx .xw-sj ul li .sj-le h3{font-size: 20px;}
.xwzx .xw-sj ul li .sj-le h5{font-size: 15px; border-bottom: 1px solid #fff; padding: 5px 0 0;}
.xwzx .xw-sj ul li .sj-ri{padding: 0 0 0 10px;}
.xwzx .xw-sj ul li .sj-ri h2{font-size: 50px;font-weight: bold;}
.xwzx .xw-sj ul li .sj-ri span{font-weight: normal; font-size: 16px;padding: 0 0 0 5px;}
@media (min-width: 992px) and (max-width: 1200px){
	.roll_box { position: relative;}
	.scrool_leftbtn{position: absolute;left: 0}
	.scrool_rightbtn{position: absolute;right: 0}
	.roll_cont { width: 852px;  margin: 0 60px;}
	.xwzx .xw-sj ul li .sj-ri h2 {font-size: 38px;}
	.xwzx .xw-sj ul li .sj-le h3 {font-size: 17px;}
	
}
@media (max-width: 992px){
	.roll_box {  height: 270px; position: relative;}
	.scrool_leftbtn { position: absolute; left: 0;}
	.scrool_rightbtn { position: absolute;right: 0;}
	.roll_cont { width: 607px; margin: 0 58px;}
	.roll_cont ul li { width: 277px;}
	.xwzx .xw-img {height: 225px;}
	.xwzx .xw-sj ul li { width: 50%;justify-content: unset; padding: 0 35px;}
	.xwzx { background-size: 268%;}
  


}
@media (max-width: 767px){
	.xwzx {padding: 30px 9px;background-position-y: 185px;background-size: cover;}
	.roll_box { height: 204px;}
	.scrool_leftbtn {width: 32px;height: 32px; margin-top: 96px; background-size: 100%;}
	.scrool_rightbtn {  width: 32px; height: 32px; margin-top: 96px; background-size: 100%;}
	.roll_cont { width: 293px; margin: 0 41px;padding: 0}
	.roll_cont ul li { width: 293px; margin-right: 10px;}
	.xwzx .xw-img { height: 184px;}
	.xwzx .xw-txt h2 {font-size: 16px;}
	.xwzx .xw-txt h5 { font-size: 14px;padding: 5px 0;}
	.xwzx .xw-sj {padding: 40px 0 0;}
	.xwzx .xw-sj .sj-bt h2 { font-size: 18px;}
	.xwzx .xw-sj .sj-bt span { font-size: 42px; padding: 0 6px 0 0;}
	.xwzx .xw-sj .sj-bt { padding: 0 0 17px;}
	.xwzx .xw-sj ul li { display: block;padding: 0 10px;}
	.xwzx .xw-sj ul li .sj-le h3 { font-size: 17px;}
	.xwzx .xw-sj ul li .sj-le h5 { font-size: 14px;}
	.xwzx .xw-sj ul li .sj-ri {padding: 9px 0 15px;}
	.xwzx .xw-sj ul li .sj-ri h2 {font-size: 30px;}
	
	
	
 

  
}




/*优势*/
.ys{padding: 55px 0 70px;background: #fafafa;}
.ys .ys-bt{padding: 0 0 60px;}
.ys .ys-box{overflow: hidden}
.ys .ys-box ul{}
.ys .ys-box ul li{width: 20%;float: left;text-align: center;background: url("../images/ys-bg.png")no-repeat right center}
.ys .ys-box ul li:last-child{background:none}
.ys .ys-box ul li img{}
.ys .ys-box ul li h2{font-size: 20px; font-weight: bold;letter-spacing: 2px;padding: 30px 0 10px;}
.ys .ys-box ul li p{font-size: 15px; color: #999;padding: 0 0 4px;}
@media (min-width: 992px) and (max-width: 1200px){

}
@media (max-width: 992px){
  


}
@media (max-width: 767px){
	.ys { padding: 30px 9px;}
	.ys .ys-box ul li {width: 33.33%;padding: 0 0 10px;}
	.ys .ys-box ul li:nth-child(4),.ys .ys-box ul li:nth-child(5){width: 50%;}
	.ys .ys-box ul li:nth-child(4) img:nth-child(1) {width: 20%;}
	.ys .ys-box ul li:nth-child(5) img:nth-child(1) {width: 20%;}
	.ys .ys-box ul li img {width: 30%;}
	.ys .ys-box ul li h2 {font-size: 17px; letter-spacing: 0px; padding: 20px 0 5px;font-weight: normal}
	.ys .ys-box ul li p {font-size: 13px; padding: 0 0 4px;}
	.ys .ys-bt { padding: 0 0 30px;}
 

  
}





/*荣誉*/
.picCenter {
            
        }

        .xinxiIcon {
            
        }

        .xinxiIcon img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }
		
		.photo_img img {box-sizing: border-box;transition:all .7s ease 0s;display: inline-block;
margin: auto;
max-width: 100%;
max-height: 100%;
         
        }
.photo_img img:hover {}

        .photo_nr {
            display: flex;
            align-items: center;
            margin: 15px auto;
        }

        .informationText {
            text-align: center;
        }

        .informationText span {

            background: #ffffff;
            color: #1C1F86;
        }

        ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .photo_nr ul li {
            float: left;
            margin: 0 20px;
            line-height: 30px;
            text-align: center;
        }

        .photo_nr p {
            padding: 0;
            margin: 0;font-size: 15px;
    color: #878686;
        }


        
        .listRotation{
            
        }

.photo_img{display: table-cell; vertical-align: middle; text-align: center; height: 289px;}
.ryzz{padding: 60px 0 35px;}
.ryzz .ry-bt{}
.photo_nr ul{width: 100% !important;}
.photo_nr ul li:hover {border-bottom: 1px solid #d6d3d3;}
.photo_nr ul li:hover i{color: #f9be11;transition: all .5s}
.ryzz .ry-txt{}
.ryzz .ry-txt i{color: #255193;font-size: 20px;transition: all .5s}
@media (min-width: 992px) and (max-width: 1200px){

}
@media (max-width: 992px){
  


}
@media (max-width: 767px){
	.ryzz { padding: 30px 9px 10px;}
	.photo_img { height: 185px;}
	
}


 



/*留言*/
.ly{background: #f9be11 url("../images/ly-bg.png")no-repeat center; color: #fff; padding: 45px 0;}
.ly .ly-bt{}
.ly .ly-bt h2{font-size: 22px;letter-spacing: 2px;}
.ly .ly-bt i{color: #255193;font-size: 18px;padding: 0 7px 0 0;}
.ly .ly-bt span{font-size: 18px;}
.ly .ly-txt{}
.ly .ly-txt p{font-size: 15px;padding: 12px 0 30px;}
.ly .ly-box{overflow: hidden;display: flex;}
.ly .ly-box .mess_list{width: 30%;margin: 0 20px 0 0;}
.ly .ly-box .mess_input{}
.ly .ly-box .form-control{border: none;height: 34px;}
.ly .ly-box .mess_button{}
.ly .ly-box .mess_submit{}
.ly .ly-box .btn-sub{background: #255193;padding: 6px 25px;color: #fff;}
.ly .ly-box .mess_textarea{}
@media (min-width: 992px) and (max-width: 1200px){

}
@media (max-width: 992px){
  


}
@media (max-width: 767px){
	.ly { padding: 30px 9px;}
	.ly .ly-bt h2 { font-size: 17px; letter-spacing: 0px;}
	.ly .ly-bt i { font-size: 14px;padding: 0 5px 0 0;}
	.ly .ly-bt span { font-size: 15px;}
	.ly .ly-txt p { font-size: 14px; padding: 12px 0 20px;}
	.ly .ly-box {display: block;}
	.ly .ly-box .mess_list { width: 100%; margin: 0 20px 4px 0;}
	textarea.form-control { height: 80px !important;}
	.ly .ly-box .mess_button { padding: 15px 0 0;}
	
}