header{height:86px;width: 100%;font-size: 16px;font-family: "Microsoft YaHei UI";color: #000000;position: fixed;top: 0;z-index: 100;background-color: rgba(255,255,255,.6)}
header img,.menu{float: left}
header img{width: 100%}
header .logo{width:360px;margin:10px 14px 10px 56px}
header .space{width: 3px;margin:22px 20px 26px 20px}
header .menu ul{overflow: auto;width: 100%}
header .menu li{float: left;padding: 8px 20px;margin: 27px 3px;border-radius: 5px}
header .menu li:first-child{background-color: #484fdd;color:#ffffff}
header .menu li:hover{background-color: #484fdd;color:#ffffff}
header .menu li a{color: #000000}
header .menu li:hover a{color:#ffffff}
/*.menuactive{background-color: #484fdd;color:#ffffff}*/
a:link, a:visited, a:hover, a:active{text-decoration: none;}




h1{font-size: 33px;color: #000000;font-weight: normal;margin-bottom: 25px}
h2{font-size: 17px;color: #a3a3a3;font-weight: normal;margin-bottom: 5px}
html, body {
    position: relative;
    height: 100%;
}
body {
    background: #eee;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 100%;
    height: 100%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination-h{bottom:12%!important;}
/*.swiper-pagination-h span{position: absolute}*/
/*.swiper-pagination-h span:nth-child(1){bottom:100px}*/
.swiper-pagination-v{display: none}
/*.swiper-container-vertical>.swiper-pagination-progress{left: inherit!important;right: 0!important;}*/


/*第一屏动画-首页动画开始*/
.swiper-slide1 .bg{width: 100%;height: 100%}
.swiper-slide1 .swiper-pagination-bullet{width:60px;height: 10px;border-radius:0;background-color: #fff; opacity:1;margin: 0 5px;}
.swiper-slide1 .swiper-pagination-bullet-active{background-color: #ff6600}
.swiper-slide1 .text,#threeVideo{position: absolute;z-index: 1}
.swiper-slide1 .text{width: 66%}
#zi-1{opacity: 0;position: absolute;left: 18%;bottom: 24%}
#zi-2-1{position: absolute;left: 16%;bottom: 51% }
#zi-2-2{position: absolute;left: 18%;bottom: 26% }
#zi-3-1{position: absolute;left: 17%;bottom: 51% }
#zi-3-2{position: absolute;left: 18%;bottom: 26% }
#zi-4{position: absolute;left: 17%;bottom: 38% }

#threeVideo img{float: left;width: 28%;border-radius: 5px;border: 5px solid rgba(161,158,141,.6);margin: 0 10px}
#threeVideo{bottom: 23%;left: 30%}
/*<!--<第一视频>-->*/
#showVideo1{position:absolute;z-index:1020;width:1280px;height: 620px;display:none;border:4px solid #7C7C7C;border-radius:5px;text-align: right;background-color: #000;top: 14%;}
#closeVideo1{top:-615px;position:relative;margin-right:5px;z-index: 9021;cursor:pointer;width:48px; height:48px;}
/*<!--<第二视频>-->*/
#showVideo2{position:absolute;z-index:1020;width:1280px;height: 620px;display:none;border:4px solid #7C7C7C;border-radius:5px;text-align: right;background-color: #000;top: 14%;}
#closeVideo2{top:-615px;position:relative;margin-right:5px;z-index: 9021;cursor:pointer;width:48px; height:48px;}
/*<!--<第三视频>-->*/
#showVideo3{position:absolute;z-index:1020;width:1280px;height: 620px;display:none;border:4px solid #7C7C7C;border-radius:5px;text-align: right;background-color: #000;top: 14%;}
#closeVideo3{top:-615px;position:relative;margin-right:5px;z-index: 9021;cursor:pointer;width:48px; height:48px;}

#business-button-next{position: absolute;bottom: 20px;z-index: 100;width: 100%;text-align: center}
#business-button-next img{cursor: pointer}
.business-button-next{position: absolute;bottom: 20px;z-index: 100;width: 100%;text-align: center}
.business-button-next img{cursor: pointer}
/*第一屏动画-首页动画结束*/



/*第二屏动画-集团动态开始*/
#container2{background: url("../images/s2-bg.jpg") no-repeat;background-size: 100% 100%;width: 100%;height: 100%}
#container2 .pic1{width:61%}
#container2 .pic2{position: absolute;width:33%;bottom: 29%;right: 0}
#container2 .pic3{position: absolute;width:25%;bottom: 27%;right: 30%}
#container2 .pic4{position: absolute;width:21%;bottom: 0;right: 0}
#container2 .pic5{position: absolute;width:25%;bottom: 8%;right: 20%}
#container2 .pic6{position: absolute;width:4.3%;bottom: 19%;right: 3%}
#container2 .pic7{position: absolute;width:30%;bottom: 29%;right: 0%}
#container2 .left img{position:absolute;top:86px;left:0}




/*第三屏动画-集团动态开始*/
#container3{margin:8% 3.6%;}
/*#container3 .s3-text1{width:52%;margin:0 24% 6.8% 24%  }
#container3 .s3-text2{width:96%;margin: 0 1%}*/
#container3 .s3-line{width:30%;margin: 0 34% }
#container3 .title{margin:0 38% 3.7% 38% }
#container3 .con1{width: 31%;margin-right: 1.8%;float: left}
#container3 .con2{width: 31%;margin-right: 1.8%;float: left}
#container3 .con3{width: 100%}
#container3 .bg{background: #000000;float: right;padding: 28px 0;width: 32%}
#container3 .content .text{line-height: 25px;font-size: 18px;width: 460px;}
#container3 .content .text{display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:6;-webkit-box-orient: vertical;text-align: left}

#container3 .content .ptitle{margin-top: 9%;margin-bottom: 4%;font-size: 15px;font-weight: bold;text-align: justify}
/*第三屏动画-集团动态结束*/

/*第四屏动画-重要项目开始*/
/*
#container4{padding:4% 6% 0 0%;background: url("../images/s4-bg.jpg")no-repeat 96% 13%;background-size: 31% 28%;}
#container4 .title{margin:0 39.5% 3% 39.5% }
!*#container4 .s4-text1{width:58%;margin:0 24% 6.8% 24%   }
#container4 .s4-text2{width:96%;margin: 0 1% }*!
#container4 .s4-line{width:31%;margin: 0 34%  }
#container4 .title .pani{font-size: 30px;}
#container4 #mian{height: 100%;}
#container4 #box{padding:0 3.5% 0px 6.5%;overflow:hidden;width: 100%;}
#container4 #Boxul{width:200%;height:150%;}
#container4 #Boxul li{float:left;height:100%;;}
#container4 #Boxul li.oneProject{width:22.5%;background-size:100% 100%;margin-left: -22.5%;position: relative;z-index:1;}
#container4 #Boxul li:first-child{margin-left:0px;}
#container4 #Boxul li.proOne{background: url("../images/zdxm/taoxichuan-pic.jpg");}
#container4 #Boxul li.proTwo{background: url("../images/zdxm/mingqingyao-pic.jpg");}
!*#Boxul li.proThree{background: url("../images/zdxm/luomaqiao-pic.jpg");}*!
#container4 #Boxul li.proFour{background: url("../images/zdxm/pengjialong-pic.jpg");}
#container4 #Boxul li.proFive{background: url("../images/zdxm/penghu-pic.jpg");}
#container4 #Boxul li.proSix{background: url("../images/zdxm/yishan-pic.jpg");}
#container4 #Boxul li.oneSplit{width:5.5%;}
#container4 #Boxul li.oneProject .bluebg{height:100%;background-color:#3837c3;opacity: 0;}
#container4 #Boxul li.oneProject .contain{height:100%;color: #fff;overflow: hidden;position: relative;top:-100%;}
#container4 #Boxul li.oneProject .contain li{float:none;height:auto;}
#container4 #Boxul li.oneProject .contain li.SmallName{font-size:18px;padding:5px; height:160px;width: 18px; line-height:100%;background:rgba(29,32,136,0.4);text-align: left}
#container4 #Boxul li.oneProject .contain li.BigName{font-size:24px;padding:5px; height:24px; width: 18px;line-height:100%;text-align:center;margin-top:-15%;opacity: 0;position: relative;top:-28px;left:70px;}
#container4 #Boxul li.oneProject .contain li.BigText{text-align:center;margin-top:115%;opacity: 0;position: relative;top:-62px;}
#container4 #Boxul li.oneProject .contain li.BigText img{width:25%;height:auto;}
#container4 #Boxul .oneProject{cursor: pointer}
*/
/*第四屏动画-重要项目开始*/
#container4{padding:4% 6% 0 0%;background: url("../images/s4-bg.jpg")no-repeat 96% 13%;background-size: 31% 28%;}
#container4 .title{margin:0 39.5% 1% 39.5% }
/*#container4 .s4-text1{width:58%;margin:0 24% 6.8% 24%   }
#container4 .s4-text2{width:96%;margin: 0 1% }*/
#container4 .s4-line{width:31%;margin: 0 34%  }


ul.accordion{list-style:none;position:absolute;right:50px;top:150px;font-family: Cambria, serif;font-size: 16px;font-style: italic;
    line-height: 1.5em;
}

ul.accordion li{
    float:right;
    width:160px;
    height:480px;
    display:block;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}
ul.accordion li.bg1{
    background-image:url("../images/zdxm/taoxichuan-pic.jpg");
}
ul.accordion li.bg2{
    background-image:url("../images/zdxm/mingqingyao-pic.jpg");
}
ul.accordion li.bg3{
    background-image:url("../images/zdxm/pengjialong-pic.jpg");
}
ul.accordion li.bg4{
    background-image:url("../images/zdxm/penghu-pic.jpg");
}
ul.accordion li.bg5{
    background-image:url("../images/zdxm/yishan-pic.jpg");
}
ul.accordion li.bleft{
    border-left:2px solid #fff;
}
ul.accordion li .heading{background-color:#fff;padding:20px;margin-top:400px;opacity:0.9;
    text-transform:uppercase;font-style:normal;font-weight:bold;letter-spacing:10px;font-size:14px;color:#444;text-align:center;text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description{position:absolute;width:400px;height:175px;bottom:160px;left:70px;display:none;}
ul.accordion li .description h3{text-transform:uppercase;font-style:normal;font-weight:bold;letter-spacing:1px;font-size:25px;color:white;
    text-align:left;margin:10px 10px 0px 0px;/*text-shadow:-1px -1px 1px #ccc; margin-top: 00px;*/ }
ul.accordion li .description p{line-height:14px;margin:10px 22px;font-family: "Microsoft YaHei UI", sans-serif;font-size: 16px;font-style: normal;
    font-weight: normal;text-transform: none;letter-spacing: normal;line-height: 1.6em;color: white;margin:10px 0px 0px -5px;text-align: left;}
ul.accordion li .description a{
    position:absolute;
    bottom:5px;
    left:20px;
    text-transform:uppercase;
    font-style:normal;
    font-size:11px;
    text-decoration:none;
    color:#888;
}
ul.accordion li .description a:hover{
    color:#333;
    text-decoration:underline;
}
ul.accordion li .bgDescription{
    background:transparent url("") repeat-x top left;
    height:480px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    display:none;
    background-color: #3837c3;
    opacity: 0.6;
}
body{background:transparent url("") repeat-x top left;}
/*第四屏动画-重要项目结束*/

/*第五屏动画-文化中心开始*/
.swiper-slide5{background: url("../images/s5-bg.jpg") no-repeat center ;background-size: 100% 100%}
#container5{width: 100%;margin:8% 6%}
#container5 .s5-line{width:7.2%;margin: 0 34%  }
#container5 .content{padding: 7.8% 0 0 0;width:100%;}
#container5 .content .container-bottom{overflow: hidden}
#container5 .content li{float: left;width: 21%;padding: 0 1.5%}
#container5 .content li img{width:100%;margin-left:10%;border-radius: 50%;position: relative;z-index: 5 }
#container5 .content .container-top{overflow: hidden;margin-top: -21.3%}
#container5 .content .container-top img{opacity: 0}
/*第五屏动画-文化中心结束*/

/*第六屏动画-联系我们*/
#us{height:100%;width:100%;overflow: hidden}
#aboutus{ width: 100%;height:85%;overflow: hidden;}
/*#aboutText{float: left;width: 38%;height: 35%;margin: 3% 0 0 1%}*/
#aboutText ul{ margin: 10% 8%  12% 10%}
#aboutText ul li{ padding: 2% 10%;font-size: 16px;line-height: 16px;text-align: left}
#aboutText ul li .gray{ padding: 0% 2%;font-size: 16px;line-height: 16px;color: gray;}
#aboutText ul li a{ padding: 0% 2%;font-size: 15px;line-height: 16px;color: orangered;}
#aboutText ul .big{ padding: 2% 10%;font-size: 25px;line-height: 25px;;margin-bottom: 6%; font-weight:bold;}
/*#wordAndmap{float: right;width: 50%;margin:12% 0 4% -6%;height:70%}*/
#aboutText {width: 38%;height: 35%;margin: 3% 0 0 1%;position: absolute;z-index: 99;
}
#aboutus #wordAndmap {width: 750px;height: 400px;position: absolute;right: 120px;top: 150px;
}
/*#wordAndmap img{width: 90%;border: 1px solid #c2cbe0}*/
.code{width: 25%;height: auto;}
.code img{width: 100%;margin: 0% 0% 0% 130%;}

#aboutus .share{position: absolute;left:0;bottom: 0;width: 100%;height: auto;background-color: #efeeee;z-index: 1000}
#aboutus .share{padding-left: 35%;}
#aboutus .share li{float: left;padding: 0 5px}

@media screen  and (max-width:1023px){
    #threeVideo img{float: left;width: 22%;border-radius: 5px;border: 5px solid rgba(161,158,141,.6);margin: 0 10px}
    #threeVideo{bottom: 23%;left: 28%}
    /*<!--<第一视频>-->*/
    #showVideo1{position:absolute;z-index:1020;width:980px;height: 450px;display:none;border:4px solid #7C7C7C;border-radius:5px;text-align: right;background-color: #000;top: 14%;}
    #closeVideo1{top:-445px;position:relative;margin-right:5px;z-index: 9021;cursor:pointer;width:48px; height:48px;}
    /*<!--<第二视频>-->*/
    #showVideo2{position:absolute;z-index:1020;width:980px;height: 450px;display:none;border:4px solid #7C7C7C;border-radius:5px;text-align: right;background-color: #000;top: 14%;}
    #closeVideo2{top:-445px;position:relative;margin-right:5px;z-index: 9021;cursor:pointer;width:48px; height:48px;}
    /*<!--<第三视频>-->*/
    #showVideo3{position:absolute;z-index:1020;width:980px;height: 450px;display:none;border:4px solid #7C7C7C;border-radius:5px;text-align: right;background-color: #000;top: 14%;}
    #closeVideo3{top:-445px;position:relative;margin-right:5px;z-index: 9021;cursor:pointer;width:48px; height:48px;}

    #business-button-next{position: absolute;bottom: 20px;z-index: 100;width: 100%;text-align: center}
    #business-button-next img{cursor: pointer}
    /*第一屏动画-首页动画结束*/
    #container3 .content .text{line-height: 20px;font-size: 14px;width: 360px; }
    #container3 .content .ptitle{margin-top: 10%;margin-bottom: 3%;font-size: 16px;font-weight: bold;text-align: justify}
    #aboutus #wordAndmap {width: 550px;height: 350px;position: absolute;right: 80px;top: 150px;}

}
@media screen and (min-width:1024px) and (max-width:1330px){
    #threeVideo img{float: left;width: 22%;border-radius: 5px;border: 5px solid rgba(161,158,141,.6);margin: 0 10px}
    #threeVideo{bottom: 23%;left: 28%}
    /*<!--<第一视频>-->*/
    #showVideo1{position:absolute;z-index:1020;width:980px;height: 450px;display:none;border:4px solid #7C7C7C;border-radius:5px;text-align: right;background-color: #000;top: 14%;}
    #closeVideo1{top:-445px;position:relative;margin-right:5px;z-index: 9021;cursor:pointer;width:48px; height:48px;}
    /*<!--<第二视频>-->*/
    #showVideo2{position:absolute;z-index:1020;width:980px;height: 450px;display:none;border:4px solid #7C7C7C;border-radius:5px;text-align: right;background-color: #000;top: 14%;}
    #closeVideo2{top:-445px;position:relative;margin-right:5px;z-index: 9021;cursor:pointer;width:48px; height:48px;}
    /*<!--<第三视频>-->*/
    #showVideo3{position:absolute;z-index:1020;width:980px;height: 450px;display:none;border:4px solid #7C7C7C;border-radius:5px;text-align: right;background-color: #000;top: 14%;}
    #closeVideo3{top:-445px;position:relative;margin-right:5px;z-index: 9021;cursor:pointer;width:48px; height:48px;}

    #business-button-next{position: absolute;bottom: 20px;z-index: 100;width: 100%;text-align: center}
    #business-button-next img{cursor: pointer}
    /*第一屏动画-首页动画结束*/
    #container3 .content .text{line-height: 20px;font-size: 13px;width: 300px;}
    #container3 .content .ptitle{margin-top: 10%;margin-bottom: 3%;font-size: 15px;font-weight: bold;text-align: justify}
    #container3  h2{font-size: 15px;}
    #aboutText {width: 41%;height: 35%;margin: 3% 0 0 1%;position: absolute;z-index: 99;}
    #aboutText ul{ margin: 12% 8%  12% 10%}
    #container4 p{font-size: 25px}
    #container4 .description p{font-size: 12px}
    ul.accordion li .heading{ font-size: 12px;line-height: 20px;padding: 20px;}
    #aboutus #wordAndmap {width: 550px;height: 350px;position: absolute;right: 80px;top: 150px;}
}
@media screen and (min-width:1331px) and (max-width:1399px){
    #threeVideo img{float: left;width: 22%;border-radius: 5px;border: 5px solid rgba(161,158,141,.6);margin: 0 10px}
    #threeVideo{bottom: 23%;left: 28%}
    /*<!--<第一视频>-->*/
    #showVideo1{position:absolute;z-index:1020;width:1080px;height: 520px;display:none;border:4px solid #7C7C7C;border-radius:5px;text-align: right;background-color: #000;top: 14%;}
    #closeVideo1{top:-515px;position:relative;margin-right:5px;z-index: 9021;cursor:pointer;width:48px; height:48px;}
    /*<!--<第二视频>-->*/
    #showVideo2{position:absolute;z-index:1020;width:1080px;height: 520px;display:none;border:4px solid #7C7C7C;border-radius:5px;text-align: right;background-color: #000;top: 14%;}
    #closeVideo2{top:-515px;position:relative;margin-right:5px;z-index: 9021;cursor:pointer;width:48px; height:48px;}
    /*<!--<第三视频>-->*/
    #showVideo3{position:absolute;z-index:1020;width:1080px;height: 520px;display:none;border:4px solid #7C7C7C;border-radius:5px;text-align: right;background-color: #000;top: 14%;}
    #closeVideo3{top:-515px;position:relative;margin-right:5px;z-index: 9021;cursor:pointer;width:48px; height:48px;}

    #business-button-next{position: absolute;bottom: 20px;z-index: 100;width: 100%;text-align: center}
    #business-button-next img{cursor: pointer}
    /*第一屏动画-首页动画结束*/
    #container3 .content .text{line-height: 20px;font-size: 14px;width: 390px;}
    #container3 .content .ptitle{margin-top: 9%;margin-bottom: 4%;font-size: 15px;font-weight: bold;text-align: justify}
    ul.accordion li .heading{ font-size: 13px;line-height: 20px;}
}
@media screen and (min-width:1400px) and (max-width:1580px){
    #container3 .content .text{line-height: 20px;font-size: 15px;width: 410px;height: 128px; }
    #container3 .content .ptitle{margin-top: 9%;margin-bottom: 4%;font-size: 18px;font-weight: bold;text-align: justify}
    #container2 .left img{position:absolute;top:100px;left:0}
    #aboutus #wordAndmap {width: 800px;height: 450px;position: absolute;right: 150px;top: 180px;}
    ul.accordion {right: 100px;top: 220px;font-size: 18px;}
    #container4 .description p{font-size: 15px}
    ul.accordion li .heading{ font-size: 13px;line-height: 23px;}
}
@media screen and (min-width:1600px) and (max-width:1920px){
    #container3 .content .text{line-height: 20px;font-size: 17px;width: 460px;}
    #container3 .content .ptitle{margin-top: 8%;margin-bottom: 5%;font-size: 20px;font-weight: bold;text-align: justify}
    #container2 .left img{position:absolute;top:100px;left:0}
    #aboutText {width: 38%;height: 35%;margin: 3% 0 0 1%;position: absolute;z-index: 99;}
    #aboutText ul{margin: 8% 8% 12% 10%}
    ul.accordion {right: 250px;top: 240px;font-size: 18px;}
    #container4 .description p{font-size: 16px}
    ul.accordion li .heading{ font-size: 13px;line-height: 25px;}
    #aboutus #wordAndmap {width: 900px;height: 500px;position: absolute;right: 150px;top: 180px;}
}
.dynamic-bg{
  background-color:#3837c3;
  background-size:100%;
  height:100px;
  width:100%;
  font-size:34px;
  text-align:left;
  color:white;
  line-height:100px;
  position:relative;
}
.dynamic-bg>span.split{
  padding:0 20px;
}
.dynamic-bg>a.more{
  position:absolute;
  right:20px;
  bottom:20px;
  font-size:20px;
  line-height:20px;
  color:white;
}


#slide4-container{
	width: 100%;
	height: 100%;
	
	.layout-main {
		margin: 0 8%
	}
	.layout-main .top-part {
		display: flex;
		justify-content: center
	}
	.layout-main .top-part .layout-item {
		width: 100%;
		height: 560px;
		position: relative;
		cursor: pointer;
		border-right: 7px solid #fff;
		flex: 1
	}
	.layout-main .top-part .layout-item a{
		height: 100%;
		display: inline-block;
		width: 100%;
		position: absolute;
		z-index: 100;
	}
	.layout-main .top-part .layout-item:after {
		content: "";
		background: rgba(135,115,74,.75)
	}
	.layout-main .top-part .layout-item .txts {
		width: calc(100% - 24px);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		padding: 465px 12px;
		display: flex;
		flex-direction: column;
		align-items: center;
		background: rgba(202,175,131,.5);
		padding-bottom: 20px
	}
	.layout-main .top-part .layout-item .txts p {
		color: #fff
	}
	.layout-main .top-part .layout-item .txts p:first-of-type {
		text-align: center
	}
	.layout-main .top-part .layout-item .txts p:first-of-type:after {
		content: "";
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAFCAYAAADmK6r1AAAAAXNSR0IArs4c6QAAAChJREFUOE9jZBgFeEOA8dT65v+jYYQ7BEYDiEDqGA0gQgE0mr3whwAASYII9+GPjcwAAAAASUVORK5CYII=);
		position: absolute;
		top: 60px;
		left: 50%;
		width: 115px;
		height: 5px;
		transform: translate(-50%,-50%);
		z-index: 1
	}
	.layout-main .top-part .layout-item .txts .dynamic-title {
		transform: translateY();
		font-size: 41px;
		-webkit-margin-before: .5em!important;
		margin-block-start:.5em!important;-webkit-margin-after: 0!important;
		margin-block-end:0!important;position: relative;
		top: -308px
	}
	.layout-main .top-part .layout-item .txts .dynamic-desc {
		display: none;
		line-height: 30px;
		color: #fff;
		font-size: 17px;
		margin-bottom: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	.layout-main .top-part .layout-item .txts .dynamic-txt {
		display: none;
		width: 100%;
	}

	.layout-main .top-part .layout-item .txts .dynamic-txt img:last-of-type {
		width: 17px;
		height: 13px;
		margin-left: 5px
	}

	.layout-main .top-part .layout-item:hover {
		transition: width .5s
	}

	.layout-main .top-part .act {
		width: 1060px;
		transition: all .5s;
		flex: 2
	}

	.layout-main .top-part .act:after {
		content: "";
		background: rgba(135,115,74,.3)
	}

	.layout-main .top-part .act .txts {
		background: rgba(0,0,0,.25);
		padding-top: 245px;
		height: 297px
	}

	.layout-main .top-part .act .txts .dynamic-title {
		font-size: 41px;
		transition: transform 1.2s;
		transform: translateY(-50px);
		position: relative;
		top: 0;
		-webkit-margin-before: .5em!important;
		margin-block-start:.5em!important;-webkit-margin-after: 0!important;
		margin-block-end:0!important}

	.layout-main .top-part .act .txts .dynamic-title:after {
		top: 60px!important
	}

	.layout-main .top-part .act .txts .dynamic-desc {
		display: block;
		animation: toLeft 1.2s linear
	}

	.layout-main .top-part .act .txts .dynamic-txt {
		display: flex;
		align-items: center;
		animation: toRight 1.2s linear
	}
	 .layout-main .top-part span.newImg {
		background-position: 50%;
		background-size: cover;
		width: 100%;
		height: 100%;
		display: inline-block;
		transition: all .4s
	}
	@media screen and (max-height:870px){

		.layout-main .top-part .layout-item {

			height: 400px;
		
		}

		.layout-main .top-part .layout-item .txts{

			padding: 330px 12px;

			padding-bottom:20px;
		}

		.layout-main .top-part .layout-item .txts .dynamic-title {

			font-size: 28px;

			top: -280px;

		}

		.layout-main .top-part .act .txts .dynamic-title {
			top: 0;
		}
		.layout-main .top-part .act .txts{

			height: 200px;
			padding-top: 180px;

		}

	}
	.footer{
		height: 150px;
		font-size:14px;
		position: absolute;
		bottom: 0;
		width: 100%;
		background: rgba(117, 117, 117, .2);
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: left;
		.footer-text{
			height: 100px;
			line-height: 30px;
			.address{
				line-height: 25px;
				background-image: url(/images/index/address.png);
				background-repeat: no-repeat;
				background-size: auto 100%;
				padding-left: 30px;
				margin-bottom: 5px;
			}
			.phone>span{
				height: 25px;
				line-height: 25px;
				display: inline-block;
				background-repeat: no-repeat;
				background-size: auto 100%;
				padding-left: 30px;
			}
		}	
		.footer-link{
			width: 600px;
			height: 100px;
			line-height: 100px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.multiply{
				width: 300px;
				height: 100px;
				margin: 0 100px;
			}
			select{
				width: 300px;
				height: 35px;
				text-align: center;
				border: none;
				border-radius: 10px;
				font-size: 14px;
				float: left;
				margin-top: 10px;
			}
		}
		img{
			width: 100px;
			height: 100px;
		}
	}
}