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

body{
font-family:"Open Sans", sans-serif;
background:#fff;
font-size:14px;
line-height:18px;
margin:0px;
}
a{
text-decoration:none;
color:#4a4a4a;
letter-spacing: 1px;
}
a:hover{
color:#4a4a4a;
}
img{
   pointer-events:none;
}
::selection { 
background:#d8210d; 
color:#fff;
}
div{
margin: 0;
padding: 0;
}
li{list-style:none}
/*--------------------------------------------------------------
# 导航
--------------------------------------------------------------*/
.header_wrap{
background:#fff;
padding:10px 0;
box-shadow:0px 2px 15px rgb(0 0 0 / 5%);
position:fixed;
top:0;
right:0;
left:0;
height:70px;
z-index: 1;
transition: all 0.4s ease-in-out;
}
.header_wrap.small{
height:60px;
padding:0 0 10px 0;
}
.header_logo_img.small{
margin-right:auto !important;
width:280px;
}
.header_box{
max-width:94%;
padding:15px 0;
margin:auto;
display:flex;
}
.header_logo_img{
margin-right:auto !important;
width:340px;
transition: all 0.4s ease-in-out;
}
.header_logo_img img{
width:100%;
}
.header_nav_wrap{
display:flex;
margin-right:2% !important;
}
.header_nav_ul{
display:flex;
}
.header_nav_li_home{
margin:auto;
padding:0 30px;
color:#d8210d;
font-size:16px;
display:block;

}
.header_nav_li_home a{
color:#d8210d;
font-size:16px;
padding:2px 6px;
border-bottom:4px solid #d8210d;
}
.header_nav_li{
margin:auto;
padding:0 30px;
border-left:1px solid #999999;
}
.header_nav_li a{
font-size:16px;
display:block;
}
.header_nav_li a:hover{
color:#d8210d;
transition: all 0.2s linear 0s;
}
.header_nav_tel{
margin:auto 0px;
}
.header_nav_tel_zj{
font-size:12px;
color:#c5c5c5;
text-align: left;
padding:2px 0;
border-bottom:1px dashed #c5c5c5;
}
.header_nav_tel_zj::before{
content:"\260E";
font-size:14px;
padding-right:10px;
color:#d8210d;
}
.header_nav_tel_zb{
font-size:18px;
padding-top:2px;
font-weight:400;
color:#d8210d;
}
/*--------------------------------------------------------------
# 移动端导航
--------------------------------------------------------------*/

.animenu__toggle {
  display: none;
  cursor: pointer;
  background-color: #d8210d;
  border: 0;
  padding: 10px;
  height: 80px;
  width: 80px;
  float:right;
  position: absolute;
  right: 30px;
  top: 40px;
}
.animenu__toggle:hover {
  background-color: #af1909;
}

.animenu__toggle__bar {
  display: block;
  width: 60px;
  height: 4px;
  background-color: #fff;
  -webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
}
.animenu__toggle__bar + .animenu__toggle__bar {
  margin-top: 4px;
}

.animenu__toggle--active .animenu__toggle__bar {
  margin: 0;
  position: absolute;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
  opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


@media screen and (max-width: 1156px) {
 .animenu__toggle {
    display: inline-block;
  }

  .header_nav_wrap{
    display: none;
	width:80%;
	left:10%;
	position:absolute;
	
  }
  
 .header_nav_tel{
    display: none;
  }
 .header_nav_ul{
   display:inline;
   width:100%;
   text-align:center;
  }
  .header_nav_li{
  border-bottom:1px solid #c5c5c566;
  border-left:0px solid #999;
   width:100%;
   height:180px;
   background-color:#fff;
   box-shadow:0px 2px 15px rgb(0 0 0 / 5%);
  }
  .header_nav_li a{
  padding-top:80px;
font-size:50px;
}
   .header_nav_li:hover{
   background-color:#d8210d;
  }
  .header_nav_li:hover a{
color:#fff;
}
  .header_nav_li_home{
   width:100%;
   height:120px;
   padding:80px 0 0 0;
   margin-top:160px;
   border-bottom:1px solid #c5c5c566;  
   background-color:#fff;
   box-shadow:0px 2px 15px rgb(0 0 0 / 5%);
  }
   .header_nav_li_home a{
font-size:50px;
}
   .header_nav_li_home:hover{
   background-color:#d8210d;
  }
  .header_nav_li_home:hover a{
color:#fff;
}
  .header_box{
max-width:100%;
padding:15px 0;
display:inline;
}
.header_wrap{
height: 160px;
  }
 .header_logo_img{
 width: 650px;
 left:2%;
 margin-top:38px;
 position:absolute;
  }
 .c-banner{
 margin-top:180px !important;
  }
  .header_wrap.small{
height:140px;
padding:10px 0 10px 0;
}
.header_logo_img.small{
width:500px;
}

}
  

.header_nav_wrap--open {
  display: block !important;
}
.header_nav_wrap--open .header_nav_wrap__child {
  display: block;
}

/*--------------------------------------------------------------
# banner
--------------------------------------------------------------*/
.c-banner{
	width: 100%;
	position: relative;
    margin-top:90px;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;

}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;

}

.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	border-radius: 5px;
	z-index: 10;	
}
.nexImg::after{
content:"\009B";
font-size:400px;
color:#FFFFFF;
}
.preImg::after{
content:"\008B";
font-size:400px;
color:#FFFFFF;
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}

.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 80px;
	height: 80px;
	border-radius: 100%;
	display: inline-block;
	opacity: 0.2;
	margin-left:12px;

}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
		margin-top:90px;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}
@media screen and (max-width:641px) {
	.c-banner{
		width: 100%;
		height: 240px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 640px;
		height: 240px;
		position: absolute;
		left: 50%;
		margin-left: -324px;
	}
}
/*--------------------------------------------------------------
# 介绍内容
--------------------------------------------------------------*/
.body_us{
width: 100%;
background:#f5f3f285;
padding-bottom:80px;
}
/*--------------------------------------------------------------
# 公司介绍
--------------------------------------------------------------*/
.introduce_us{
width: 94%;
margin:auto;
}
.introduce_us_characteristic{
width: 80%;
margin-left:10%;
display:flex;
}
.introduce_us_characteristic_1{
width: 25%;
height:100px;
margin:0 2px;
margin-right:auto !important;
text-align:center;
color:#4a4a4a;
box-shadow:0px 1px 2px rgb(0 0 0 / 5%);
border-bottom:4px solid #f5f3f285;
}

.introduce_us_characteristic_1:hover{

color:#d8210d;
border-bottom:4px solid #d8210d;
transition:all 0.2s linear;


}
.introduce_us_characteristic_1 h1{
line-height:14px;
margin-top:30px;
font-weight: 400;
}
.introduce_us_characteristic_1 h2{
font-size:14px;
font-weight: normal;
line-height:16px;

}
.introduce_us_about{
width: 100%;
text-align:center;
}
.body_title{
font-size:66px;
font-weight: 100;
line-height:140px;
margin-top:40px;
color:#4a4a4a;
}
.body_text{
font-size:30px;
line-height:60px;
color:#4a4a4a;
}
.introduce_idea{
width: 100%;
display: inline-block;
margin-top:80px;
}
.introduce_idea_box{
width: 100%;
padding: 80px 0;
background:#fff;
margin:auto !important;
text-align:left;
color:#999;
box-shadow:0px 1px 8px rgb(0 0 0 / 2%);
}
.introduce_idea_box span{
color:#fff;
background:#d8210d;
}

.introduce_idea_box:hover.introduce_idea_box h1{
transition:all 0.4s linear;
}
.introduce_idea_box h1{
width:90%;
font-size:60px;
font-weight:400;
margin-left:5%;
margin-top:60px;
padding-bottom:40px;
border-bottom:1px solid #999;
}
.idea_h1::before{
content:"\270E";
font-size:60px;
padding-right:20px;
}
.idea_h2::before{
content:"\271A";
font-size:60px;
padding-right:20px;
}
.idea_h3::before{
content:"\21F5";
font-size:60px;
padding-right:20px;
}
.introduce_idea_box p{
width:90%;
font-size:40px;
line-height:80px;
font-weight:340;
margin-left:7%;
margin-top:40px;
}
.introduce_idea_box span{
font-weight:600;
}


/*--------------------------------------------------------------
# 案例内容
--------------------------------------------------------------*/
.body_case{
width: 100%;
background:#fff;
padding-bottom:80px;
padding-top:80px;
}
.case_start{
width: 94%;
margin:auto;
}
.column{
font-size:26px;
font-weight:400;
color:#999;
margin-bottom:2%;
}
.column p{
font-size:16px;
font-weight:100;
}
.column_1{
float:left;
}

.column_label{
float:right;
margin-left:20px;
padding-right:20px;
border-right:1px solid #999
}
.column_label_1{
margin-bottom:40px;
}
.column_label span{
color:#fff;
background:#d8210d;
}
.column_label a{
color:#999;
}
.column_label a:hover{
color:#4a4a4a;
}
.case_show{
width: 100%;
text-align:center;
display:flex;
flex-wrap:wrap;
}
.case_show_li{
flex:100%;
max-width: 100%;
float:left;
position: relative;/*overflow: hidden;隐藏文字部分*/
overflow: hidden;/*隐藏超出的部分，就是隐藏蒙版部分*/
}
.case_show_li_img{
width:100%;
}
.case_show_li_img img{
width:100%;
}

.case_show_li_img h1{
text-align:left;
font-size:40px;
font-weight:340;
line-height:60px;
margin-left:3%;
margin-right:2%;
padding-top:20px;
color: #999;

}
.case_show_li_img p{
text-align:left;
margin-left:3%;
margin-right:3%;
color: #999;
font-size:36px;
line-height:62px;
font-weight:340;
margin-bottom: 80px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.case_show_more{
width:100%;
text-align:center;
padding-top:80px;
}
.case_show_more a{
width:8%;
font-weight:200;
color:#999;
font-size:40px;
margin:auto;
padding:30px 30%;
border:1px solid #999;
}
.case_show_more a::after{
content:"\21E2";
font-size:80px;
margin-left:10px;
m
}
@media screen and (max-width: 1156px) {
	.column_label {
		display:none;
	}
}	
/*--------------------------------------------------------------
# 不动背景
--------------------------------------------------------------*/
.body_Exhibition{
margin-top:80px;
width:100%;
height:700px;
text-align:center;
background: url(images/lunbo1.jpg) no-repeat center center;
position: relative;
background-attachment: fixed;
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
}
.body_Exhibition_title{
position:absolute;
left:50%;
top:30%;
transform:translate(-50% ,0);
}
.body_Exhibition_title h1{
font-weight:600;
color:#fff;
font-size:66px;
}
.body_Exhibition_title h1:hover{
transform: scale(1.4);
transition:all 0.8s linear;
}
.body_Exhibition_title h3:hover{
transform: scale(1.2);
transition:all 0.8s linear;
}
.body_Exhibition_title h2{
content:"\21E1";
font-weight:100;
margin-top:60px;
margin-bottom:60px;
color:#fff;
font-size:60px;
}
.body_Exhibition_title h3{
font-weight:100;
color:#fff;
font-size:60px;
}

/*--------------------------------------------------------------
# 合作客户
--------------------------------------------------------------*/
.body_customer{
width: 100%;
padding-top:80px;

}
.customer_sum{
width: 80%;
margin:auto;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.customer_logo{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}

.customer_1{
  flex:0 0 10.5%;
  max-width:10.5%;
  margin:5px 1%;
  background:#f5f3f2;
}
.customer_2{
  padding: 10px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 70px;
}
.customer_sum .customer_2 img {
   max-width:100%;
  height:auto;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: 0.3s;
}

.customer_sum .customer_2:hover img {
  -webkit-filter: none;
  filter: none;
  transform: scale(1.2);
}

.customer_sum {
  transition: all 0.4s ease-in-out;
}


/*--------------------------------------------------------------
# 新闻资讯
--------------------------------------------------------------*/
.body_news{
width: 100%;
background:#fff;
padding-top:80px;
padding-bottom:80px;
}
.news_start{
width: 80%;
margin:auto;
}
.news_text{
width: 100%;
display:flex;
}
.news_idea_left{
width: 48%;
}
.news_idea_right{
width: 48%;
margin-left:4%;
}
.news_idea_left img{
width: 100%;
margin-bottom:40px;
}
.news_idea_right img{
width: 100%;
margin-bottom:40px;
margin-top:40px;
}

.news_trends{
margin-left:4%;
width: 48%;
float:right;
}
.news_idea_first{
color:#999;
margin:auto;
padding-bottom:10px;
border-bottom:1px solid #c5c5c5;
}
.news_idea_first a{
color:#727272;
line-height:32px;
}
.news_idea_first h1{
	font-size:46px;
font-weight:340;
line-height: 60px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-align:center;
}
.news_idea_first_p{
font-weight:340;
line-height:50px;
font-size:36px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-align:center;
}


.news_idea_list{
width:100%;
margin-top:20px;
}
.news_idea_list_title{
display: inline-block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:60px;
color:#999;
line-height:24px;
width:100%;
margin-top:10px;
text-align:center;

}

.news_idea_list_title a{
font-weight:340;
font-size:36px;
color:#999;
line-height:70px;
}
.news_idea_list_title a:hover{
color:#4a4a4a;
}
/*--------------------------------------------------------------
# 电话
--------------------------------------------------------------*/
.body_tel{
width:100%;
background:#fff;
}
.body_tel_1{
width: 90%;
margin:auto;
text-align:center;
border-top:1px solid #999;
padding:100px 0;

}
.body_tel_1 span{
font-size:80px;
color:#d8210d;
font-weight:400;

}
.body_tel_1 span1{
color:#fff;
background:#d8210d;
}
.body_tel_1 p{
font-size:40px;
color:#999;
line-height:60px;
font-weight:400;
}
.body_tel_p{
margin-top:30px;
}
.body_tel_1 p1::before{
content:"\260E";
font-size:40px;
color:#d8210d;
}
/*--------------------------------------------------------------
# 页底
--------------------------------------------------------------*/
.body_footer{
font-size:14px;
background:#333;
width:100%;

}
.body_label{
width:100%;
background-color:#4a4a4a;
}
#open{
text-align:center;
width:100%;
background-color:#4a4a4a;
}
.label_open{
padding-top:10px;
height:30px;
}
.label_open::before{
content:"\271A";
font-size:26px;
color:#c5c5c5;
margin-top:10px;
}
.label_open:hover:before{
content:"\21E1";
font-size:26px;
color:#c5c5c5;
margin-top:10px;
}
.footer_label_1{
padding-top:30px;
padding-bottom:30px;
border-top:1px solid #999;
}
.footer_label_ci{
display: inline-block;
width:10%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.footer_label_ci a{
color:#717071;
font-size:12px;
line-height:24px;
}
.footer_label_ci a:hover{
color:#c5c5c5;
}
#footer_label{
width:80%;
margin:auto;
display:none;
}
.footer_company{
width:80%;
margin:auto;
padding-top:80px;
padding-bottom:30px;
border-bottom:1px solid #717071;
}
.footer_left{
width:120px;
float:left;
}
.footer_left img{
width:100%;
}
.footer_left p{
color:#717071;
text-align:center;
margin-top:40px;
font-size:40px;
}
.footer_middle{
width:100%;
display: inline-block;
color:#717071;
text-align:center;
}
.footer_middle P{
color:#717071;
font-size:36px;
line-height:50px;
}
.footer_middle img{
	margin-top: 40px;
width:100%;
}
.corporate_name{
font-size:40px;
color:#717071;
line-height:120px;
}
.footer_middle_1{
width:600px;
display: inline-block;
color:#717071;
vertical-align:top;
margin-top:-14px;
float:right;
}
.footer_middle_1 h1{
color:#717071;
font-size:20px;
line-height:12px;
font-weight:200;
padding-bottom:10px;
}
.footer_middle_1 ul{
display: inline-block;
width:100px;
vertical-align:top;
}
.footer_middle_1 li{
line-height:24px;
font-size:12px;
}
.footer_middle_1 a{
color:#717071;
}
.footer_middle_1 a:hover{
color:#c5c5c5;
}
.footer_middle_1 li:hover{
color:#c5c5c5;
}
.footer_Links{
width:80%;
margin:auto;
padding-top:30px;
color:#717071;
padding-bottom:50px;
}
.footer_Links a{
margin:0 20px;
color:#717071;
font-size:12px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.footer_Links a:hover{
color:#c5c5c5;
}
.footer_beian{
width:100%;
margin:auto;
color:#717071;
line-height:28px;
background-color:#222;
font-size:30px;
line-height: 46px;
text-align:center;
padding-bottom:20px;
padding-top:20px;
}
.footer_beian img{
width:14px;
margin-left:20px;
margin-right:10px;
}
.footer_beian a{
margin-left:10px;
color:#717071;
}
/*--------------------------------------------------------------
# 返回顶部
--------------------------------------------------------------*/
.dn{
display: none;
}
@media (max-width: 768px) {
.go-top {
display: none !important;  
}
}
.go::after{
content:"\21E1";
font-size:100px;
color:#c5c5c5;
border-bottom:2px solid #c5c5c5;
}
.go:hover::after{
color:#000;
}
.go-top{
position: fixed;
bottom: 80px;
right: 40px;
width: 40px;
z-index: 999;
}
.zaixian{
position: fixed;
bottom: 240px;
right: 10px;
z-index: 999;	
width: 100px;
font-size:36px;
height: 300px;
border-radius: 25px;
background: #d8210d;
writing-mode:vertical-rl;
text-align: center;
display:flex;
flex-direction:column; 
justify-content:center;
color:#fff ;
}
.go-top a:last-child{
margin-bottom: 0;
}
.go-top .go{
background-position: 0 -150px;
}
.go-top .go:hover{
background-position: 0 -250px;
}
.go-top .feedback{
background-position: 0 -100px;
}
.go-top .feedback:hover{
background-position: 0 -300px;
}
/*--------------------------------------------------------------
# 像素调整
--------------------------------------------------------------*/


@media screen and (max-width:1460px) {

.body_Exhibition_title h3{
font-size:40px;
}
.body_Exhibition_title h1{
font-size:48px;
}
.customer_1{
  flex: 0 0 14.6666666%;
  max-width: 14.6666666%;
}
}

@media screen and (max-width:1156px) {
.customer_1{
  flex: 0 0 48%;
  max-width: 48%;
}
.customer_2{
  padding: 50px 50px;
}
.customer_sum{
  width: 94%;
}
.news_start{
  width: 94%;
}

@media screen and (max-width:1100px) {

.column_label{
padding-left:10px;
padding-right:10px;
margin-left:0px;
}
.news_idea_right{
display:none;
}
.news_idea_left{
width:100%;
}
.case_show_li{
flex:0 0 100%;
max-width:100%;
}
.header_nav_li{
padding:0 0;
}
.footer_Links{
display:none;
}
.body_label{
display:none;
}

}


/*--------------------------------------------------------------
# 关于
--------------------------------------------------------------*/
.company_about{
width:100%;
margin-top:180px;
position:relative;
color:#4a4a4a;
}
.company_0{
width:80%;
margin:auto;
padding-top:40px;
padding-bottom:100px;

}

.company_1{
width:40%;
display:inline-block;
}
.company_2{
padding-left:9%;
width:50%;
display:inline-block;
vertical-align:top;
}
.company_1 h1{
font-size:60px;
font-weight:340;
line-height:34px;
}
.company_2 p{
font-size:40px;
font-weight:340;
line-height:70px;
}
.case_sort_1{
text-align:center;
margin-bottom:4%;
margin-top:4%;
background: #999;
padding:100px 0 10px 0;
}
.body_customer_1{
padding-top:0 !important; 
}
.case_sort_2{
margin-top:0 !important; 
}
.case_sort_1 h{
font-weight:340;
color:#fff;
font-size:80px;
padding:20px 20px;
border-bottom:1px solid #fff;
}
.case_sort_1 p{
margin-top:80px;
font-weight:340;
color:#fff;
font-size:40px;
line-height:22px;
padding-bottom: 40px;
}


@media screen and (max-width:1156px) {
.company_1{
width:100%;
}
.company_2{
padding-left:0;
width:100%;
}
.body_customer_1{
display:none;
}
}
.company_2 h1{
font-size:50px;
font-weight:340;
line-height:34px;
color:#FFFFFF;
}
.company_3{
width:100%;
padding-top:40px;
padding-bottom:100px;

}
.company_3 img{
width:100%;
}
.company_2 span{
background:#d8210d;
}

/*--------------------------------------------------------------
# 服务
--------------------------------------------------------------*/

.service_kv{
width:100%;
margin-top:180px;
position:relative;
color:#fff;
background-color:#394b59;
}
.service_kv_1{
width:45%;
display:inline-block;
}
.service_kv_1 img{
margin-top:18%;
width:100%;
margin-bottom:12%;
}
.service_kv_2{
padding-left:8%;
width:85%;
display:inline-block;
vertical-align:top;
}
.service_kv_2 h1{
padding-top:40;
font-weight:340;
font-size:48px;
padding-bottom:20px;
}
.service_kv_2 p{
font-weight:100;
font-size:40px;
line-height:50px;
}
.service_kv_2 ul{
padding-left:0px;
margin-top:80px;
}
.service_kv_2 li{
font-weight:100;
font-size:40px;
line-height:60px;
}
.service_kv_2 li::before{
content:"\271A";
font-size:30px;
padding-right:10px;
}
.service_more{
margin-top:60px;
padding:30px 120px;
border:1px solid #fff;
text-align:center;
margin-bottom:18%;
}
.service_more a{
font-weight:100;
font-size:40px;
color:#fff;
}
.service_more:hover{
background:#fff;
}
.service_more:hover a{
color:#394b59;
}
.service_more_1{
margin-top:60px;
padding:30px 120px;
border:1px solid #4a4a4a;
text-align:center;
margin-bottom:18%;
}
.service_more_1 a{
font-weight:100;
font-size:40px;
color:#4a4a4a;
}
.service_more_1:hover{
background:#4a4a4a;
}
.service_more_1:hover a{
color:#fff;
}
.service_album{
width:100%;
position:relative;
color:#4a4a4a;
background-color:#f5f3f2;
}
.service_album_2{
width:60%;
padding-left:2%;
display:inline-block;
}
.service_album_2 img{
margin-top:18%;
width:100%;
margin-bottom:12%;
}
.service_album_1{
width:85%;
padding-left:8%;
display:inline-block;
vertical-align:top;
}
.service_album_1 h1{

font-weight:340;
font-size:48px;
padding-bottom:28px;
}
.service_album_1 p{
font-weight:100;
font-size:40px;
line-height:50px;
}
.service_album_1 ul{
padding-left:0px;
margin-top:80px;
}
.service_album_1 li{
font-weight:100;
font-size:40px;
line-height:60px;
}
.service_album_1 li::before{
content:"\271A";
font-size:30px;
padding-right:20px;
}

.service_logo{
width:100%;
position:relative;
color:#fff;
background-color:#657675;
}
.service_logo_1{
width:42%;
padding-left:4%;
display:inline-block;
}
.service_logo_1 img{
margin-top:18%;
width:100%;
margin-bottom:12%;
}
.service_logo_2{
padding-left:8%;
width:36%;
display:inline-block;
vertical-align:top;
}
.service_logo_2 h1{
padding-top:18%;
font-weight:340;
font-size:48px;
padding-bottom:20px;
}
.service_logo_2 p{
font-weight:100;
font-size:16px;
line-height:24px;
}
.service_logo_2 ul{
padding-left:0px;
margin-top:40px;
}
.service_logo_2 li{
font-weight:100;
font-size:16px;
line-height:36px;
}
.service_logo_2 li::before{
content:"\271A";
font-size:14px;
padding-right:10px;
}
.service_web{
width:100%;
position:relative;
color:#4a4a4a;
background-color:#e1efed;
}
.service_web_2{
width:42%;
padding-left:2%;
display:inline-block;
}
.service_web_2 img{
margin-top:18%;
width:100%;
margin-bottom:12%;
}
.service_web_1{
width:36%;
padding-left:14%;
display:inline-block;
vertical-align:top;
}
.service_web_1 h1{
padding-top:18%;
font-weight:340;
font-size:48px;
padding-bottom:20px;
}
.service_web_1 p{
font-weight:100;
font-size:16px;
line-height:24px;
}
.service_web_1 ul{
padding-left:0px;
margin-top:40px;
}
.service_web_1 li{
font-weight:100;
font-size:16px;
line-height:36px;
}
.service_web_1 li::before{
content:"\271A";
font-size:14px;
padding-right:10px;
}

.service_other{
width:100%;
position:relative;
text-align:center;
color:#fff;
background-color:#333;
margin-bottom:120px;
}
.service_other_1{
text-align:left;
width:85%;
display:inline-block;
vertical-align:top;
padding-left:1%;
padding-right:1%;
}
.service_other_1 h1{
padding-top:60px;
font-weight:340;
font-size:48px;
padding-bottom:20px;
}
.service_other_1 p{
font-weight:100;
font-size:40px;
line-height:50px;
}
.service_other_1 ul{
padding-left:0px;
margin-top:40px;
}
.service_other_1 li{
font-weight:100;
font-size:16px;
line-height:36px;
}
.service_other_1 li::before{
content:"\271A";
font-size:14px;
padding-right:10px;
}
/*--------------------------------------------------------------
# 新闻
--------------------------------------------------------------*/
.news{
width:100%;
margin-top:180px;
position:relative;
color:#4a4a4a;
}
.news_1{
width:90%;
margin:auto;
}
.news_sort{
margin-top:20px;
width:100%;
display:inline-block;
}
.news_sort h1{
font-weight:100;
font-size:60px;
display:inline-block;
color:#fff;
padding:20px 0;
background:#d8210d;
}
.news_sort_1{
display:inline-block;
margin-left:200px;
margin-right:40px;
}
.news_sort_1 a{
font-weight:340;
color:#999;
font-size:48px;
}
.news_sort_1 a:hover{
color:#4a4a4a;
}
.news_sort_2{
display:inline-block;
padding-left:40px;

}
.news_sort_2 a{
font-weight:340;
color:#999;
font-size:48px;
}
.news_sort_2 a:hover{
color:#4a4a4a;
}
.news_list{
margin-top:100px;
width:100%;
display:inline-block;
padding-bottom:60px;
border-bottom:1px solid #e7e7e7;
}
.news_img{
width:25%;
display:inline-block;
}
.news_img img{
width:100%;
}
.news_content{
width:60%;
vertical-align:top;
margin-left:10%;
display:inline-block;
}
.news_content p {

    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news_content a{
color:#4a4a4a;
}

.news_content h1{
font-weight:340;
width:80%;
font-size:26px;
}
.news_content p{
margin-top:40px;
font-size:14px;
font-weight:340;
color:#999;
width:80%;
line-height:50px;
}
.news_content p1{
font-size:44px;
font-weight:340;
color:#999;
line-height:120px;

}
.news_sort_page{
margin:80px 0;
font-size:40px;
font-weight:340;
color:#999;
text-align:center;

}
@media screen and (max-width: 1156px) {
.news_sort h1{
width:100%;
}
.news_sort_1{
margin-left:0;
margin-right:20PX;
margin-top:40px;
}
.news_sort_2{
width:40%;
padding-left:10%;
}
.news_img{
width:80%;
}
.news_content{
width:100%;
margin-left:0;
margin-top:40px;
}
.news_content h1{
width:100%;
font-size:50px;
}
.news_content p{
width:100%;
font-size:40px;
}


}
/*--------------------------------------------------------------
# 新闻内容
--------------------------------------------------------------*/
.news_left{
padding-top:60px;
width:70%;
display:inline-block;
}
.news_left h1{
font-weight:100;
font-size:60px;
}
.news_left h2{
font-weight:100;
font-size:40px;
padding-top:60px;
padding-bottom:16px;

}
.news_left span{
padding-left:60px;

}
.news_left p{
font-size:36px;
line-height:50px;
}
.news_left_p{
font-weight:100;
padding-bottom:60px;
padding-top:10px;
line-height:40px;

text-align:justify;

}
.news_left li{
display:inline-block;
}
.news_left a{
color:#999;
}
.news_left_1{
	font-size:30px;
	line-height:40px;
width:40%;
padding-right:4%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.news_left_2{
width:10%;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.news_left_3{
	font-size:30px;
	line-height:40px;
width:40%;
padding-left:4%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.news_right{
margin-left:8%;
padding-top:60px;
width:20%;
display:inline-block;
vertical-align:top;
}
.news_right h1{
font-weight:100;
color:#c5c5c5;
font-size:26px;
padding-top:60px;
padding-bottom:60px;
border-bottom:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
}
.news_right h2{
font-weight:100;
color:#c5c5c5;
font-size:26px;
padding-top:60px;
padding-bottom:60px;
border-bottom:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
}

.news_right li{
padding-bottom:10px;
color:#c5c5c5;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.news_right a{
font-weight:100;
color:#c5c5c5;
}
.news_right a:hover{
color:#4a4a4a;
}
.body_case_1{
margin-top:60px;
}
@media screen and (max-width: 1156px) {
.news_left{
width:100%;
}
.news_right{
width:100%;
display: none;
}
}
/*--------------------------------------------------------------
# 作品内容
--------------------------------------------------------------*/
.case_content{
width: 100%;
padding-top:180px;
}
.case_content_start{
width: 90%;
margin:auto;
}
.case_content_title{
padding:60px 40px 60px 40px;
background:#f5f3f273;
}
.case_content_left{
vertical-align:top;
text-align:right;
width:38%;
font-weight:340;
font-size:50px;
display:inline-block;
line-height:60x;
margin-top:13px;
}
.case_content_left span{
background:#d8210d;
color:#FFFFFF;
}
.case_content_right{
margin-left:12%;
vertical-align:top;
width:45%;
display:inline-block;
}
.case_content_title h2{
font-weight:340;
font-size:40px;
line-height:60px;
margin-top:60px;
margin-bottom:60px;
text-align:justify;
}
.case_content_title p{
font-weight:340;
font-size:40px;
line-height:60px;
display:inline-block;
margin-right:40px;
}
.case_content_text{
margin-bottom:60px;
}
.case_content_text img{
width:100%;
font-weight:100;
}
@media screen and (max-width: 1156px) {
.case_content_start{
width: 94%;
}
.case_content_left{
width:92%;
text-align:left;
margin-left:4%;
margin-right:4%;
}
.case_content_right{
width:92%;
text-align:left;
margin-left:4%;
margin-right:4%;
}
.case_content_title p{
display:block;
margin-left:0;
}
}
/*--------------------------------------------------------------
# 作品内容
--------------------------------------------------------------*/
.contact_1{
margin-top:100px;
}
.contact_2{
margin-top:60px;
}
.company_2 span{
background:#d8210d;
color:#FFFFFF;
}
.company_2 img{
width:140px;
margin-top:60px;
}