@charset "utf-8";

/* CSS Document */

.haiyun_banner{width:100%;height:100%;}
.haiyun_banner img{width:100%;height:100%;}

	
	
	

	
	
	
	
	/*               ------------------              */
	
	
	
/* 缃戠珯鍔ㄦ€佹晥鏋滄牱寮? */
.hoverImgBox {
    overflow: hidden;
    transition: all 0.5s;
}
.hoverImgBox img {
    cursor: pointer;
    transition: all 1s;
}

.hoverImgBox:hover img {
    transform: scale(1.08);
}
/* 楂樹寒鐨勬护闀滄晥鏋? */

.gaoLiang:hover {
    filter: brightness(115%);
    cursor: pointer;
}
/*鍏朵粬*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { zoom: 1; }

.w1400 { margin-right: auto; margin-left: auto; width: 1400px; box-sizing: border-box;}



/* 鏄熺墰浼氭牱寮? */
.banaLayout{width: 100%;position: relative;}
.banaLayout .banaSon{
    width: 1195px;
    height: 380px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #ffffff;
}
.banaLayout .banaSon .title{
    font-size: 40px;
    font-weight: bold;
}
.banaLayout .banaSon .banaSonCenter{width: 100%;display: flex;justify-content: space-between;height: 100px;}
.banaLayout .banaSon .banaSonCenter li{width: 265px;height: 100%;background-color: #d80c18;border-radius: 16px;display: flex;flex-direction: column;justify-content: center;}
.banaLayout .banaSon .banaSonCenter li p{font-size: 22px;font-weight: bold;}
.banaLayout .banaSon .banaSonCenter li span{font-size: 12px;line-height: 24px;}
.banaLayout .banaSon .bottomText{display: inline-block;font-size: 15px;color: #ffffff;padding: 10px 0;margin: 0 auto;position: relative;}
.banaLayout .banaSon .bottomText::before{content: '';width: 185px;height: 1px;background-color: #fff;position: absolute;top: 0px;left: 14px;}
.banaLayout .banaSon .bottomText::after{content: '';width: 185px;height: 1px;background-color: #fff;position: absolute;bottom: 0px;left: 14px;}

/* 绗簩閮ㄥ垎鏍峰紡 */
.layoutTwo {padding-top:30px;padding-bottom:50px;}
.layoutTwo .titleTwo{font-size:28px;line-height:46px;font-weight: bold;text-align: center;}
.layoutTwo .inImg{width: 100%;position: relative;margin-top:40px;height: 300px;}
.layoutTwo .inImg img{width: 100%;height: 100%;}
.layoutTwo .inImgLayout {width: 100%;display: flex;justify-content: space-between;position: absolute;left: 0;top: 0;}
.layoutTwo .inImgLayout .inImgLeft{width: 25%;}
.layoutTwo .inImgLayout .inImgItem {width: 100%;height: 90px;margin-top: 20px;display: flex;flex-direction: column;justify-content: center;}
.layoutTwo .inImgLayout .inImgLeft .inImgItem {text-align: right;}
.layoutTwo .inImgLayout .inImgItem.inImgItemTwo {margin-top: 55px;}
.layoutTwo .inImgLayout .inImgItem p{font-size: 18px;color: #1a1a1a;font-weight: bold;}
.layoutTwo .inImgLayout .inImgItem span{font-size: 14px;color: #666666;line-height: 28px;}
.layoutTwo .inImgLayout .inImgRight{width: 25%;}
.layoutTwo .inImgSmallText{width: 805px;text-align: center;margin: 75px auto 50px;font-size: 13px;color:#666;line-height: 30px;background: url(../images/xnh/x_02.jpg) center center no-repeat;}
.yuYue{width: 295px;line-height: 70px;font-size: 15px;color: #fff;text-align: center;margin: 0 auto;background-color:#0078ad;display: block;}
.yuYue img{width: 14px;height: 14px;margin-left: 30px;}
.yuYue:hover{ color: #fff }


/* 绗笁閮ㄥ垎鏍峰紡 */
.layoutThere{width: 100%;display: flex;flex-wrap: wrap;}
.layoutThere .layoutThereitem{width: 50%;height:380px;background-color: #f0f0f0;}
.layoutThere .layoutThereitem img{width: 100%;height: 100%;object-fit: cover;}
.layoutThere .layoutThereitem .layoutThereitemSon{margin-left: 110px;margin-top: 50px;}
.layoutThere .layoutThereitem .layoutThereitemSon h4{font-size:24px;color: #010101;    margin-top: 0;
    margin-bottom: 0;}
.layoutThere .layoutThereitem .layoutThereitemSon .bigP{font-size: 16px;color: #333333;margin-top: 15px;}
.layoutThere .layoutThereitem .layoutThereitemSon .flexLineLayout{width: 560px;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:20px;}
.layoutThere .layoutThereitem .layoutThereitemSon .flexLineLayout span{font-size: 14px;color: #000000;line-height: 36px;text-align: center;display: inline-block;border: 1px solid #000;border-radius: 18px;width: 270px;font-weight: bold;margin-top: 15px;}
.layoutThere .layoutThereitem .layoutThereitemSon i{font-size: 12px;color: #666;margin-top: 90px;display: block;}
.layoutThere .layoutThereitem.textRight .layoutThereitemSon{margin-left: 0;margin-right: 130px;text-align: right;}
.layoutThere .layoutThereitem.textRight .layoutThereitemSon .flexLineLayout{margin-left: auto;}


/* 绗洓閮ㄥ垎鏍峰紡 */
.layoutFour{padding-top: 110px;padding-bottom: 100px;}
.layoutFour .layoutFourTitle{font-size: 36px;line-height: 54px;color: #000;text-align: center;}
.layoutFour>p{font-size: 13px;color: #4c4c4c;text-align: center;margin-top: 15px;}
.layoutFour .layoutFourTop{width: 100%;height: 100%;position: relative;margin-top: 80px;}
.layoutFour .layoutFourTop ul{display: flex;justify-content: space-between;width: 100%;height: 100%;}
.prev{background:url(../images/xnh/leftBig.png) 5px center  no-repeat;position: absolute;top: 175px;left: 0;width: 30px;height: 75px;background-color: #000;border-radius: 3px;z-index: 2;}
.next{background:url(../images/xnh/moreBig.png) -5px center no-repeat;position: absolute;top: 175px;right: 20px;width: 30px;height: 75px;background-color: #000;border-radius: 3px;z-index: 2;}
.layoutFour .layoutFourTop .layoutFourTopItem{width: 380px;display: flex;flex-direction: column;color: #1a1a1a;}
.layoutFour .layoutFourTop .layoutFourTopItem img{width: 240px;}
.layoutFour .layoutFourTop .layoutFourTopItem h6{font-size: 16px;margin: 15px 0 10px;font-weight: bold;}
.layoutFour .layoutFourTop .layoutFourTopItem p{font-size: 12px;line-height: 18px;font-weight: bold; width: 240px;}
.layoutFour .layoutFourTop .layoutFourTopItem span{font-size: 12px;color: #999999;line-height: 18px;margin-top: 8px;}
.layoutFour .layoutFourBottom{margin-top: 110px;display: flex;}
.layoutFour .layoutFourBottom .layoutFourLeft{width: 50%;}

.layoutFour .layoutFourBottom .layoutFourLeft .slideBox{ width:100%; height:100%; overflow:hidden; position:relative; padding-top: 0px;}
.layoutFour .layoutFourBottom .layoutFourLeft .slideBox .hd{width: 90px;height:40px; overflow:hidden; position:absolute; right:30px; bottom:10px; z-index:1;background-color: rgba(0, 0, 0, 0.6);border-radius: 12px;display: flex;align-items: center;justify-content: center; left: inherit; }
.layoutFour .layoutFourBottom .layoutFourLeft .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;width: 50px;display: flex;justify-content: space-between; }
.layoutFour .layoutFourBottom .layoutFourLeft .slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; text-align:center; background:#fff; cursor:pointer;border-radius: 5px; }
.layoutFour .layoutFourBottom .layoutFourLeft .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.layoutFour .layoutFourBottom .layoutFourLeft .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.layoutFour .layoutFourBottom .layoutFourLeft .slideBox .bd li{ zoom:1; vertical-align:middle; }
.layoutFour .layoutFourBottom .layoutFourLeft .slideBox .bd img{ width:100%; height:100%; display:block;  }
/* 鍙充晶鎵嬮鐞存牱寮? */
.layoutFour .layoutFourBottom .layoutFourRight{width: 50%;padding: 115px 60px 0;box-sizing: border-box;background-color: #474747;}

.layoutFour .layoutFourBottom .layoutFourRight .sideMenu h3{ height:50px; line-height:50px; cursor:pointer;border-bottom:1px solid #ffffff;font-size: 12px;color: #fff;font-weight: bold;position: relative;}
.layoutFour .layoutFourBottom .layoutFourRight .sideMenu h3 a{ color: #fff; }
.layoutFour .layoutFourBottom .layoutFourRight .sideMenu h3.on{ font-size: 15px;}
.layoutFour .layoutFourBottom .layoutFourRight .sideMenu h3:after{font-size: 12px;position: absolute;content: '2018.07.31';width: 95px;height: 50px;right: 0;display: block;text-align: right;bottom: 0;font-weight: normal;}
/* .layoutFour .layoutFourBottom .layoutFourRight .sideMenu h3.on::after{position: absolute;content: '';width: 95px;height: 50px;right: 0;bottom: -1px;display: block;background-color: #474747;text-align: right;font-size: 39px;font-weight: bold;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;} */
.layoutFour .layoutFourBottom .layoutFourRight .sideMenu ul{ padding:8px 0; color:#999; display:none; }
.layoutFour .layoutFourBottom .layoutFourRight .sideMenu ul span{ float: right;color: #fff;}
/* 绗簲閮ㄥ垎鏍峰紡 */
.layoutFive{width: 100%;position: relative;}
.layoutFive img{width: 100%;height: 100%;}
.layoutFive .inImgTextLayout{position: absolute;top: 50%;transform: translateY(-50%);color: #fff;text-align: center;margin: 0 auto;width: 100%;}
.layoutFive .inImgTextLayout h3{font-size: 45px;font-weight: bold;}
.layoutFive .inImgTextLayout p{font-size: 24px;margin-top: 15px;line-height:46px;}
.layoutFive .inImgTextLayout .moreBtn{font-size: 15px;margin: 45px auto 0;width: 240px;height: 50px;line-height: 50px;border: 1px solid;border-radius: 25px;display: block;color: #fff;cursor: pointer;}
.layoutFive .inImgTextLayout .moreBtn:hover{background-color:#0078ad;}
.layoutFive .inImgTextLayout .moreBtn img{width: 14px;height: 14px;margin-left: 30px;cursor: pointer;}

/* 绗叚閮ㄥ垎鏍峰紡 */
.layoutSix{padding-top: 70px;padding-bottom: 130px;text-align: center;}
.layoutSix .layoutSixTitle{font-size: 36px;color: #000;font-weight: bold;}
.layoutSix .layoutSixSmallTitle{font-size: 14px;color: #666;line-height: 24px;margin-top: 15px;}
.layoutSix p{font-size: 18px;color: #333333;margin-top:30px;font-weight: bold;}
.layoutSix .henImg{width: 560px;height: 20px;margin:15px auto 40px;}
.layoutSix .layoutSixCenter{width: 100%;height:240px;display: flex;justify-content: space-between;}
.layoutSix .layoutSixCenter .layoutSixCenterItem{border-left: 1px solid #d7d7d7;padding-left:10px;padding-right: 10px;flex: 1;}
.layoutSix .layoutSixCenter .layoutSixCenterItem:first-of-type{border-left: none;padding-left: 0;}
.layoutSix .layoutSixCenter .layoutSixCenterItem:last-of-type{padding-right: 0;}
.layoutSix .layoutSixCenter .layoutSixCenterItem img{width: 220px;
height: 120px;}
.layoutSix .layoutSixCenter .layoutSixCenterItem h6{font-size: 16px;color: #333333;margin-top: 15px;}
.layoutSix .layoutSixCenter .layoutSixCenterItem span{font-size: 12px;color: #666;line-height: 20px;margin-top: 15px;display: block;}

/* 绗竷閮ㄥ垎鏍峰紡 */
.layoutSeven{padding-top:60px;padding-bottom:50px;text-align: center;background-color: #f2f2f2;}
.layoutSeven .layoutSevenTitle{font-size:28px;font-weight: bold;color: #333;    margin-bottom:10px;}
.layoutSeven .layoutSevenCenter{margin-top:30px;display: flex;justify-content: space-between;}
.layoutSeven .layoutSevenCenter .layoutSevenItem{width:200px;height: 200px;}
.layoutSeven .layoutSevenCenter .layoutSevenItem img{width: 100%;}
.layoutSeven .layoutSevenCenter .layoutSevenItem .itemBottom{background-color: #fff;height: 70px;}
.layoutSeven .layoutSevenCenter .layoutSevenItem p{font-size: 14px;color: #333;font-weight: bold;padding-top: 20px;}
.layoutSeven .layoutSevenCenter .layoutSevenItem span{font-size: 12px;margin-top: 10px;color: #666;display: block;}

/* 绗叓閮ㄥ垎鏍峰紡 */
.layoutEight{padding-top: 65px;padding-bottom: 110px;}
.layoutEight .layoutEightTitle{font-size: 36px;color: #000;text-align: center;font-weight: bold;}
.layoutEight p{font-size: 13px;color: #4c4c4c;text-align: center;margin-top: 20px;}
.layoutEight .formLayout{margin: 65px auto 100px;display: flex;justify-content: space-between;}
.layoutEight .formLayout input{padding: 20px;height: 30px;border: 1px solid #d9d9d9;line-height: 30px;font-size: 12px;color: #999;margin-right: 25px;flex: 1;}
.layoutEight .formLayout input:last-of-type{margin-right: 0;}

.layoutFour .tempWrap{ width: 1380px!important; }



@media (max-width: 1440px) {
    .layoutFour .tempWrap{ width: 1380px!important; }
     div.layoutFour .layoutFourTop .layoutFourTopItem{
        width: 314px;
    }



}
@media (max-width: 1440px) {
    .w1400 {
        width: 100%;
    }
   
}
.w1200{ width:1200px;margin: 0 auto;}
@media (max-width: 1360px) {
    .w1400 {
        width: 1200px;
    }
}
	
.cktu{    display: block!important;
    width: 1260px;
    margin: 0 auto;}
.cktu .cktu_n{float: left;
    margin-right: 5px;
    margin-bottom: 10px;margin-left: 5px;}
.cktu img{ width:200px; height:120px;}
.cktu .cktu_n p{padding-top: 2px!important;}
.cktu .cktu_n span{margin-top: 2px!important;}