@charset "UTF-8";
/* CSS Document */

.clear{clear:both;}

.banner{ width: 100%; height: auto; background: #55808B; text-align: center;}
.banner img{ height: 880px;}
.clear{ clear: both;}


.home_about{ height:538px; background:#fafafa;}
.work_list{ width: 1350px;}
.work_list p{ font-size: 24px;  height: 150px; line-height: 50px; display: block; padding: 0px 0 0 100px; font-weight: 200; text-align: center; margin:0 auto;}
.ab,.ab_Txt {float: left;}
.ab{width: 852px; overflow: hidden;}
.ab_Txt { padding: 30px 0 0 30px; width: 466px; height: 508px;}

.ab img{ width: 852px; height: 538px;}
.work_list_title img {width:412px; height: 254px; }
.work_list_title  {float: left; margin-left: 30px; width: 412px; height: auto; overflow: hidden; }
.work_list_title a{display: block; font-size: 15px; color: #333; font-weight: 400; line-height: 30px; text-align: center;  height: 30px; padding-top: 20px; }

.b_box{ width:1350px; margin: auto; padding-top: 100px;}


.xn_nav a{  line-height: 30px; padding-right:30px; color: #333;

}
.imgbox img{ width: 852px; height: 538px;}
.x_box00,.x_box01 { height: 538px; margin-bottom: 120px; background: #fafafa;}
.x_box00 .imgbox,.x_box00 .x_box_txt,.x_box01 .x_box_txt,.x_box_txt02{ float:left; }
.x_box01 .imgbox,.x_box002{ float:right; }

.x_box00 .x_box_txt,.x_box01 .x_box_txt{width: 420px; padding: 60px 30px 0 30px ; }
.x_box00 h5,.x_box01 h5,.ab_Txt h3{ font-size: 28px; font-weight: 200; height: 80px; color: #383838; margin: 0; padding: 0;}
.x_box00 p,.x_box01 p,.ab_Txt p{ font-size: 20px; font-weight: 100; line-height: 40px; color: #727272;}
.x_more{ padding-top: 80px;}
.x_more a,.more a{ color: #B0B0B0; font-size: 16px; font-weight: 100; text-decoration: none;}

.xm_box_title .more{ text-align: right; height: 30px;}

.xm_box h4,.b_title{ font-size: 80px; font-weight: 400;}
.xn_nav{ padding-top: 20px;}
.xn_nav a{font-size: 27px; line-height: 40px; color: #b0b0b0;font-weight: 200;}
.xn_nav a:hover{color: #666666; text-decoration: none;}
.d_main{background: #fafafa; padding: 180px 0;}

.c_box{ width: 1120px; margin: 0 auto;}
.p_txt{ color: #383838; font-size: 32px; font-weight: 200px !important; padding: 40px 0;}
.hz_box{width: 1120px;}
.hezuo_logo{width:90%;}

.ab img{width:852px; }
.work_list h4{ text-align: center;}
.h_title01{font-size: 44px;padding-top:30px; line-height: 40px; }
.xm_box{padding-top:30px;}


@media (max-width:768px){
	#hz_main{background: #fff; padding-top: 20px; padding-bottom: 20px}
	.banner img{width: 768px; height: auto;}
	.banner{height: auto;}
	.b_box {margin-top:0; width: auto;}
	.ab img{width:100%; height: auto;}
	.ab,.ab_Txt {float: none;}
	.ab{width: 100%;}
	.ab_Txt{float:none; width: auto; height:auto;}
	.ab_Txt h3{height:auto; font-size: 20px; line-height: 30px;}
	.x_box00 p, .x_box01 p, .ab_Txt p {
    font-size: 20px;
    font-weight: 100;
    line-height: 25px;
		color: #727272;}
	.work_list p{ font-size: 20px;  height: 110px; line-height: 40px; padding: 20px 0 0 40px; ;}
	.x_more{padding: 0px 40px 0 0 ; text-align: right; height: 30px; padding-bottom: 20px;}
	.home_about {height:auto;}
	.work_list {width:700px}
		.work_list_title{width:45%; heitht:auto;}
	.work_list_title img {
    width: 100%;
    height: auto;
	
	}
	
	.xm_box_title{padding:40px 0 0 0;}
	.x_box00 .x_box_txt,.x_box01 .x_box_txt{width: 90%; padding: 60px 30px 0 30px ; }
		.x_box00 h5,.x_box01 h5,.ab_Txt h3{ font-size: 24px; font-weight: 300; height: 30px;}
	.x_box00,.x_box01 { height: auto; margin-bottom: 10px;}
	.x_box01 .imgbox,.x_box002{ float:none; }
	.work_list h4{ text-align: center; font-size:30px; margin-bottom: 0; padding-top:50px; }
	.xn_nav{height:60px; padding-left: 20px;
	}
		.xn_nav a{font-size: 16px; line-height: 40px; color: #333;font-weight: 300; background:#f4f4f4; padding: 10px 20px; white-space :  nowrap; margin: 0 10px 10px 0; }
}

.p_content{font-size:11px !important; text-align: center; font-weight: 300; margin: 0; display: block; height: 40px; color: #666;}

@media (max-width:500px) {
	.b_box {margin-top:0; width: auto;padding-top: 10px;}
	.banner img{width:375px; height: auto;}
	.banner{height: auto;}
	.b_box {margin-top:0;}

	.ab img{width:100%; height: auto;}
	.ab{width: 100%; float: none;}
	.home_about {height:auto;}
	
	.work_list_title{width:40%; heitht:auto;}
    .nav_p {float: right; width: 75px;}
 .nav_p a {font-size:16PX;}

	.work_list_title img {
    width: 100%;
    height: auto;
}
	.p_content{font-size:12px;  height: 50px;; padding-bottom: 15px;}
	.work_list {width:90%; padding-top:20px; margin: 0 auto;  }
	.about_info{padding-right: 20px;}
	.work_list p{ font-size: 15px;  height: auto; line-height: 30px; display: block; padding: 0px 10px 20px 20px; font-weight: 200;}
	
	.x_box00 .imgbox,.x_box00 .x_box_txt,.x_box01 .x_box_txt{ float:none; }
	.imgbox img{ width: 100%; height: auto;}
	.x_box00 p,.x_box01 p,.ab_Txt p{ font-size: 14px; font-weight: 100; line-height: 30px; color: #727272; padding-right: 10px;}
	.x_box00 h5,.x_box01 h5,.ab_Txt h3{ font-size: 20px; font-weight: 200; height: 30px;}
	.x_box00,.x_box01 { height: auto; margin-bottom: 0px;}
	.x_box00 .x_box_txt,.x_box01 .x_box_txt{width: 92%; padding: 20px 20px 0 20px ; }
		.x_box01 .imgbox,.x_box002{ float:none; }
	.xn_nav{height:100px; padding-left: 0px; padding-top: 15px;
	}
	.xn_nav a{font-size: 16px; line-height: 40px; color: #333;font-weight: 300; background:#f4f4f4; padding: 10px 20px; white-space :  nowrap; margin: 0 10px 10px 0; }
	.xm_box_title{padding:30px 0 0 0;}

		.xm_box_title h4{ text-align: center;   font-size:30px;}
		.work_list h4{ padding-top:30px; }
	.hz_title{ text-align:  center;}
	.xm_box_title .more{ text-align: right; height: 30px; display: none;}
	.h_title01{padding-top:0px !important; padding-bottom: 20px;}
	}


/*swipe*/
.slide{
    position: relative;
    max-width:100%;max-height:100%;
    overflow: hidden;
    margin: 0px auto;
}
.slide:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 50%;
}
.slide ul{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
	margin: 0;
}
.slide li{
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}
.slide li:first-child{
    z-index: 1;
}
.slide li img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:auto;
    border: none;
}
.slide .slide-desc {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;overflow: hidden;
    padding: 5px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;white-space: nowrap;word-break: break-all; text-overflow: ellipsis; }
.slide .dot{
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 5;
    font-size: 0;
}
#slide2 .dot{
    position: absolute;
    right:50%;
    bottom: 20px;
    z-index: 5;
    font-size: 0;text-align: center;
    margin:0 auto;
}
.slide .dot span{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
}
.slide .dot .cur{
    background-color:#07c160;border: 1px solid #07c160;
}
.slide-m{
    background:#f8f8f8;height:40px;line-height:40px;vertical-align:middle;margin:0 auto;
}
.slide .txt{overflow: hidden;text-align:center;font-size:16px; white-space: nowrap;word-break: break-all; text-overflow: ellipsis;}

@media (max-width:768px) {
#slide2 .dot{
	right:45%;
	}
}
  
@media (max-width:420px) {
	#slide2 .dot{
	right:30%;
	
}
}
@media (max-width:350px) {
	#slide2 .dot{
	right:30%;
		}
}