*{
    margin: 0; padding: 0;
    font-size: 14px; text-decoration: none;
	font-family: 微软雅黑;
}
li{list-style: none;}
a{text-decoration: none; color: black;}
img{display: block; }
body{
	width: 100%;
	overflow-x: hidden;
}
html{
	width: 100%;
}
.tuliao{
	width: 100%;
	height:auto;
}
/*顶部导航*/
.top{
    width:100%; height: 100px;  margin: 0 auto;

}
.top>div{
    max-width: 90%; height:100px; margin: 0 auto;
}
.top>div>ul{
    float: right;
}
.top>div>a>img{
    float: left;
}
.daohang>li{
    float: left;
}
.daohang>li>a{
    display: block; height: 100px; line-height: 100px;
    min-width:100px; font-size: 18px; text-align: center;
	font-family:'微软雅黑';
	
}
.daohang>li:hover>a{
	color: #fff; background-color: #E1B022;
}
.daohang>li:hover>ul{
	display: block!important;
}
.yc>li{
	float: left;
}
.yc>li>a{
	display:block; min-width: 100px; height: 100px; line-height: 100px;
	text-align: center; background-color: #fff; font-size: 16px;
}
.yc{
	display: none; position: absolute; z-index: 9999;
}
.yc>li>a:hover{
	color: #fff; background-color: #E1B022;
}
/*图片导航栏*/
.fangshui{
	height: 250px; width: 100%; background-color: #E1B022;
	position: relative;
}
.fangshui>div{
	width: 90%; height:100%; 
	background-color: #E1B022;
	margin:0 auto;
	
}
.fangshui>div>a>img{
	width: 25%; float: left; height: 100%;
}

.cailiao{
	width:100%;
	margin-top:40px;
	
}
.cailiao ul{
	width:90%;
	margin:0 auto;
	height:auto;
}
.cailiao ul li{
	width:23%;
	float:left;
	height:auto;
	margin:0.9%;
	text-align:center;
	border:1px solid #ccc;
	padding-bottom:20px;
}
.cailiao ul li img{display:block;
	margin:0 auto;
}

.button>a{
    height: 51px;  width: 130px; display: block;  line-height: 51px;
    text-align: center; border: 2px solid #E1B022; color: #E1B022;
    margin:40px auto;

}

/*主页工程案例*/
.case_button{
	display: block; height: 50px; width: 160px;
	line-height: 50px; text-align: center;
	color: #E1B022; border: 1px solid #E1B022;
	float: left;
}
.case_button:hover{
	color: #fff; background-color: #E1B022;
}
.home_anli{
	height: 800px; width:100%; margin:0 auto;
}

.home_anli_img{
	height: 100%; width:55%; background: url("./../images/6.png");
    position: relative; float: left; background-repeat: no-repeat;
	background-size: 100% 100%;
}
.a_hover{
	display: block; height: 140px; width: 170px; border: 1px solid #ccc;
	line-height: 140px; text-align: center; background-color: #ffffff;
	font-size: 20px; 
}
.a_hover:hover{
	background-color: #E1B022; color: white; width: 200px;
	
}
.home_anli_img>a:nth-child(1){
   position: absolute; right: 0px; top: 97px;
}
.home_anli_img>a:nth-child(2){
	position: absolute; right: 0px; top: 237px;
}
.home_anli_img>a:nth-child(3){
	position: absolute; right: 0px; top: 377px;
}
.home_anli_img>a:nth-child(4){
	position: absolute; right: 0px; top: 517px;
}
.home_anli_img>a:nth-child(5){
	position: absolute; right: 0px; top: 657px;
}
.home_anli_text{
	width: 24%; height: 100%; float: left;
	margin-left: 10%;
}
.home_anli_text>span{
	display: block;
}
.eng{
	color: #ccc; font-size: 200%; float: right;
	margin-top: 10%;
}
.chn{
	font-size: 200%; width: 100%; text-align: right; margin-top: 50px; float: right;
}
.title{
	width: 100%;  color: orange; margin-top: 50px; height: 50px; float: right;
	text-align: right; font-size: 100%;
}
.p{
	display: block; width: 100%; float: right; line-height: 35px;
	font-size: 50%;
}
.p:hover{
	color: #E1B022;
}
.home_anli_text>a{
	display:block; height: 50px; line-height: 50px;
	text-align: center; color: #E1B022; border: 1px solid #E1B022;
	float: right; margin-top: 50px; margin-right: 50px; 
	font-szie:100%;
}

/*主页新闻中心*/
/*主页新闻中心*/
.home_news{
	width: 100%; height: 760px; margin:0 auto;
	background-color: #F8F8F8; overflow: hidden;
}
.news_center{
	width: 90%; height: 760px; margin: 0 auto;
}
.news_top{
	width:98%; height: 240px; float: left;
}
.news_top>ul:nth-child(1){
	float: left;
}
.news_top>ul:nth-child(2){
	float: right;
}
.news_top>ul:nth-child(1)>li:nth-child(1){
	font-size: 45px; color: #B9B9B9; margin-top: 60px;
}
.news_top>ul:nth-child(1)>li:nth-child(2){
	font-size: 40px; color: black; margin-top: 30px;
}
.news_top>ul:nth-child(2)>li{
	float: left; margin-left: 55px; margin-top: 150px;
}
.news_top>ul:nth-child(2)>li>a {
	font-size: 20px;
}
.news_top>ul:nth-child(2)>li>a:hover{
	color: #E1B022;
}
.new_lunbo{
	height: 450px; width:30%; float: left;
}
/*轮播图css*/
.image{
   list-style: none;
}
.box{
  width:100%; height: 380px; position: relative; float: left;
}
.image li{
 width:100%;height: 380px; position: absolute;
 display: none;
}
            .num{
            	float: right;
                list-style: none;
                cursor: pointer;
                margin-top: 25px;
            }
            .num li{
                float: left;
                color: white;
                width: 20px;
                height: 20px;
                border-radius: 100%;
                background-color:#ffffff;
                margin: 0 4px;
                text-align: center;
                line-height: 20px;
            }
            .num .current{
                background-color: #E1B022;
            }
            .arrow{
                height: 60px;
                width: 30px;
                position: absolute;
                cursor: pointer;
                background-color: black;
                color: white;
                opacity: 0.5;
                font-size: 20px;
                text-align: center;
                line-height: 60px;
                top: 197px;
                display: none;
            }
            .left{
                left: 0;
            }
            .right{
                right: 0;
            }
            .image>li>img{
                height: 380px; width:100%;
}
.time>div:nth-child(1){
	height: 70px; width: 100px; background-color: #E1B022; float: left;
}
.time>div:nth-child(1)>span{
	display: block; width: 100px; text-align: center; height: 35px; line-height: 35px;
	 color: white;
}
.time>div:nth-child(1)>span:nth-child(1){
	font-size: 35px;
}
.time>div:nth-child(2)>span{
	height: 70px; line-height: 70px; margin-left: 30px; font-size: 20px;
}
.news_list{
	width:68%; height: 450px; float: right;
}
.text_list{
	height: 450px; width: 30%; background-color: #ffffff; overflow: hidden;
	float: left; margin-left: 20px;
}
.text_list:hover>a{
	color: #fff;
}
.text_list:hover{
	background-color: #E2B330;
}
.text_list:hover>div:nth-child(2){
	color: #fff!important;
}
.text_list:hover>div>span{
	color: #fff!important;
}
.text_list:hover>p{
	color: #fff;
}
.text_list>div:nth-child(1){
	height: 70px; width: 260px; margin-top: 30px; margin-bottm:30px;
}
.text_list>div:nth-child(1)>span{
	display: block;
}
.text_list>div:nth-child(1)>span:nth-child(1){
	font-size: 40px; color: #E1B022; margin-left: 20px;
}
.text_list>div:nth-child(1)>span:nth-child(2){
	font-size: 20px; margin-left: 10px;
}
.text_list>div:nth-child(2){
   font-size: 18px; width: 240px; text-align: center; line-height:35px; margin-top:30px;
}
.text_list>p{
	width: 240px; margin: 0 auto; line-height: 27px;
}
.text_list>a{
	color: #E1B022; font-size: 20px; margin-top: 30px; margin-left: 20px; display: block;
}
.video{
	height: 600px; width: 100%; margin: 0 auto;
}
.video>div{
	height: 600px; width: 100%; background: url("./../images/video.jpg");
	overflow: hidden;
}
.video>div>img{
	height: 80px; width: 80px; margin: 260px auto;
}
.mp4{
	z-index:999; position: relative;
}
.background{
	height: 460px; width: 100%; background-color: #F8F8F8;
	margin: 0 auto;
}
.about{
	width:90%; margin: 0 auto;
	background:#fff;
	position:relative;
	top:55px;
	z-index:9999;
	height:500px;
}


.about .gywm{
	width:35%;
	float:left;
	height:auto;
}
.gywm span{
	color: #E1B022; 
	font-size: 20px; display: block;
	font-weight: bold; 
	margin-top:56px; 
	margin-left:8%;
}
.gywm p{
	line-height: 25px; 
	font-size: 16px;
     margin:8%;	
	 text-align:justify;
}

.gywm a{
width: 130px; height: 50px; line-height: 50px; border: 1px solid #E1B022;
display: block;	text-align: center; color: #E1B022; margin-left: 60px; margin-top: 30px;
}

.gsjjtp{
	width:33%;
}


.about_list{
	width:25%; height:500px;float: left;
}
.about>img{
	float: left; margin-top:118px;
}
.about_ul{
	margin-top: 20px;
}
.about_ul>li{
 width: 380px;
 height:auto; border-bottom: 1px solid #ccc;
 padding:3.9% 0px;
 

}
.about_ul>li>a>img{
	float: left; margin-top: 10px; margin-left: 50px;
}
.about_ul>li>a>div{
	color: #999999;  margin-left: 150px;
}
.about_ul>li>a>div:nth-child(2) {
	font-size: 20px;  margin-top: 20px;
}
.about_ul>li>a>div:nth-child(3){
	font-size: 8px;
}

/*首页联系们样式*/
.contact{
	width: 100%; height: 590px; margin: 0 auto; background-image: url("./../images/contact.png");
	background-repeat: no-repeat;
}
.lianxi{
	height: 490px; width: 30%; background-image: url("./../images/contact_back.png");
	background-repeat: no-repeat; margin-top: 50px; float: left; margin-right: 20px;
}
.contact>div{
	width: 90%; margin: 0 auto; overflow: hidden;
}
.lianxi>ul{
	height: 320px; width: 100%;
}
.lianxi>ul>li{
	width: 380px; text-align: center; float: left;
}
.lianxi>ul>li:nth-child(1){
	font-size: 35px; margin-top: 60px;
}
.lianxi>ul>li:nth-child(2){
	font-size: 33px; margin-top: 50px;
}
.lianxi>ul>li:nth-child(3){
	color: #fff; font-size: 35px; margin-top: 40px;
	letter-spacing: 2px;
}
.lianxi_dizhi{
	height: 50px; width: 370px; overflow: hidden; margin-top: 20px;
}
.lianxi_dizhi>img{
	height: 50px; width: 50px; float: left; margin-left: 35px;
	margin-right: 15px;
}
.lianxi_dizhi>span{
	 font-size: 16px; display: block; height: 25px; line-height: 25px;
}
.biaodan{
	height: 490px; width:65%; background-color: #fff; float: right;
	margin-top: 50px;
}
.biaodan>span{
	display: block; width: 100%; text-align: center;
}
.biaodan>span:nth-child(1){
	font-size: 35px; margin-top: 30px;
}
.biaodan>span:nth-child(2){
	margin-top: 15px; margin-bottom: 30px;
}
.form>input{
	height: 52px; width: 40%;  float:left; border: 1px solid #ccc;
	margin-bottom: 20px; margin-left: 50px; outline: none;
}

.form>textarea{
	height: 65px; width:82%; margin-left: 50px;
	outline: none; border: 1px solid #ccc;
	padding: 20px; 
}
.form>span{
	display: block; text-align: center; line-height: 50px;
	height: 50px; width:85%; margin-left: 50px;
	background-color: #E1B022; color: #fff;
	margin-top: 20px;
}

.form>span button{
	color:#fff;
	
}

/*底部样式*/
.bottom{
    height: 275px; width: 100%; margin: 0 auto;
    background-color: #111; position: relative;
	bottom: 10px;

}
.bottom>div{
    width: 90%; height: 275px; margin: 0 auto;
    border-bottom: 1px solid #2E2E2E;
}
.bottom_daohang {
    width:50%; float: left;
    height: 275px;
    border-right: 1px solid #2E2E2E;
}
.bottom_daohang>div{
    float: left; 
	width: 25%; height: 275px;
	text-align:center;
}
.bottom_daohang>div>a{
    font-size: 17px; margin-top: 50px; margin-bottom: 50px;
    display: block; color: #fff;
}
.bottom_daohang>div>a:hover{
    color: white;
}
.bottom_daohang>div>ul>li>a{
    font-size: 17px; color: #575757;
}
.bottom_daohang>div>ul>li{
    height: 28px; line-height: 28px;
}

.code {
    width: 260px; float: left;
    height: 275px;
    text-align: center;
}
.code>img{
    margin-left: 60px; margin-top: 70px;
}
.code>span{
    color: #575757; display: block; width: 260px;
    text-align: center; height: 25px; line-height: 25px;
	padding-top:5px;
}
.phone{
    float: left; margin-top: 70px;
}
.phone_text{
    float: left;
}
.phone_text>li{
    width: 300px; height: 40px;
    margin-bottom: 10px;
}
.phone_text>li>span{
    color: #575757; display: block; height: 40px; line-height: 40px;
    float: left; font-size: 17px;
}
.phone_text>li:nth-child(1)>a,.phone_text>li:nth-child(2)>a{
    color: #575757; font-size: 20px; margin-left: 10px;
    display: block; height: 40px; line-height: 40px;

}
.phone_text>li:nth-child(3)>a{
    color: #575757;
}
.phone_text>li>a:hover{
    color: white;
}
.phone_text>li>img{
    float: left;  margin-right: 15px;
}
.beian{
    width: 100%; height: 75px; margin: 0 auto;
    background-color:#111; border-top:1px solid #575757;
    color: #575757; font-size: 18px; line-height: 75px;
    text-align: center; position: relative; bottom: 10px;
}
.beian>a{
    color: #575757; font-size:18px;
}
.beian>a:hover{
    color: #fff;
}



.hover_a:hover{
	color: #E1B022;
}

/*幻灯片*/
.swiper-container{
    margin: 0 auto;	max-width: 100%;
	height: auto;
	--swiper-navigation-color: #E1B022;
}

.swiper-button-prev{
	color: #e63e00;
}

.more:hover{
	background-color:#E1B022;
	color: #fff;
}
.more:hover>span{
	color: #fff;
}

.about>div:nth-child(1)>a:hover{
	color:#fff; background-color: #E1B022;
}

.hover:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2); /*Safari 和 Chrome*/
    -moz-transform: scale(1.2); /*Firefox*/
    -ms-transform: scale(1.2); /*IE9*/
    -o-transform: scale(1.2); /*Opera*/
    transition-duration:1s;
}


.pp{
	background:url(./../images/2023.png)no-repeat center;
	height: 100%; width: 33%; display: block; float: left;
	text-align:center;
	line-height:250px;
	color:#fff;
}
.pp>span{
	display: block;  width: 100%; font-size: 100%;
	text-align: center; position: relative;
	color: #fff; left: 0;
	top: 48%;
}
.pp:hover>span{
	color: #A07703;
}
.pp:hover{
	background:url(./../images/2022.png)no-repeat center;
	background-color: #C2930B;
}
.fangshui>div>a:nth-child(3)>span,.fangshui>div>a:nth-child(4)>span{
	top: 100px !important;
}