*{
	margin:0;
	padding:0;
}
html,body{
	width:100%;
	margin:0;
	padding:0;
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 30px;
}

a,a:hover{
	text-decoration: none;
}
a:hover{
	color:#428783;
}
img{
	max-width: 100%;
	margin:0;
	padding:0
}
ul,ul li{
	list-style: none;
	margin:0;
	padding:0
}
p, h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0
}


.width30{width:30%}
.width20{width:20%;}
.width25{width:25%}
.width40{width:40%}
.width80{width:80%}
.width60{width:60%}
.width70{width:70%;}
.width50{width:50%}

.font64{font-size: 64px;}
.font40{font-size:40px;}

.textCenter{
	text-align: center;
}
.noPaddingLeft{padding-left:0}
.noPaddingRight{padding-right:0;}

@media(min-width:1400px){
	.container{width:1400px}
}


/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

.bianse{
	background: #428783;
}
.bianse a{color: #fff !important;}
/*banner */
.index_main{
	background: #f7f7f7;
}
.index_main .section1{
	position: relative;
}
.index_main .section1 .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
	position: relative;
}
.index_main .section1 .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
.index_main .section1 .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.index_main .section1 .index_banner .items:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.index_main .section1 .slick_txt{
	width:30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease; 
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}
.index_main .section1 .left{
	left: 0;
}
.index_main .section1 .right{
	right:0;
}
.index_main .section1 .slick_txt:hover .slick_arrow{
	opacity: 1;
	visibility: visible;
}
.index_main .section1 .slick_txt .slick_arrow{
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 0;
	visibility: hidden;
}
.index_main .section1 .slick_txt .prev{
	background-image:url(../../images/ban_prev.png);
	left:60px;
}
.index_main .section1 .slick_txt .next{
	background-image:url(../../images/ban_next.png);
	right:60px;
}
.index_main .section1 .number{
	position: absolute;
	bottom:8%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.index_main .section1 .number span{
	font-family: "Myriad Pro","Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	margin-right:100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span:last-child{
	margin-right: 0;
}
.index_main .section1 .number span:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-20px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span.active:after{
	width: 100%;
	opacity: 1;
	visibility: visible;
}

.index_main .section2{
	width: 100%;
	height: 100%;
	background: url(../../images/sec2.jpg) no-repeat;
	background-size: 100% 100%;
}
.index_main .section2 h3{
	text-align: center;
}
.index_main .section3{
	width: 100%;
	height: 100%;
	background: url(../../images/sec3.png) no-repeat;
	background-size: 100% 100%;
}
.index_main .section4{
	width: 100%;
	height: 100%;
	background: url(../../images/sec4.jpg) no-repeat;
	background-size: 100% 100%;
	color:#fff;
	position: relative;
}
.index_main .section4:after{
	content: "";
	display: block;
	width:1px;
	height: 100%;
	background: #fff;
	position: absolute;
	top:0;
	left:50%;
}

.index_main .section5{
	width: 100%;
	height: 100%;
	background: url(../../images/sec5.jpg) no-repeat;
	background-size: 100% 100%;
}
.index_main .section6{
	width: 100%;
	height: 100%;
	background: url(../../images/sec6.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	color:#fff;
}




.section2-content{color:#000;}
.tit-en{line-height: 70px; font-family: Arial, Helvetica, sans-serif;letter-spacing: -2px;text-transform: uppercase;}
.tit{
	line-height: 60px;
}
.line{
	width:80px;
	height:2px;
	background:#428783;
	margin:40px 0 60px;
}
.section2-desc{
	color:#777;
}
.section2-btn{
	width:200px;
	height: 48px;
	border:1px solid #428783;
	text-align: center;
	line-height: 48px;
	margin-top:60px;	
}
.section2-btn a{
	display: block;
	color:#428783;
}
.section2-shuzi{margin-top:60px}

.active .section2-content .section2-c{
animation: moveLeft 1s linear alternate forwards;
-webkit-animation: moveLeft 1s linear alternate forwards;
}



/* .h-pro{overflow: hidden;} */
.swiper-pro .swiper-slide img{
	width:100%;
}
.swiperPro{
	margin-top:40px;
}
.swiperPro .swiper-slide{
	position: relative;
}
.swiperPro .swiper-slide .h-pro-cover{
	position: absolute;
	width:100%;
	height:300px;
	background: linear-gradient(to bottom, rgba(255,255,255,0),#428783);
	left:0;
	bottom:0;
	color:#fff;
	text-align: center;
	padding-top:150px;
}
.swiperPro .swiper-slide .h-pro-cover h3{line-height: 60px;}



.h-news-left ul li {padding-left:30px;font-size: 20px;line-height: 60px;}
.h-news-left ul li a{color:#fff;}
.h-news-left ul li a:hover{color:#428783;}
.h-news-left .shuxian{
	width:1px;
	height:90px;
	background:#fff;
	margin-left:80px;
	margin-top:20px;
	margin-bottom:20px;
	position: relative;
}
.h-news-left .shuxian:after{
	content:"";
	display: block;
	width:4px;
	height:45px;
	background:#428783;
	position: absolute;
	top:0;
	left:-2px;
}
.h-news-right{
	padding-left:100px;
}
.h-news-right ul li{overflow: hidden;padding:30px 0;border-top:1px solid #fff;}
.h-news-right ul li:last-child{border-bottom:1px solid #fff;}
.h-news-right .h-news-date{
	padding-right:30px;
	color:#fff;
	font-size:30px;
	text-align: right;
}
.h-news-right .h-news-date span{
	display: block;
	font-size: 20px;
	color:#fff;
	line-height: 40px;
}
.h-news-right .h-news-content{color:#fff;padding-left:30px;}
.h-news-right .h-news-content .h-news-title{
	font-size: 20px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
}
.h-news-right .h-news-content .h-news-desc{
	height: 60px;
	overflow: hidden;
}
.active .h-news-left{
animation:leftmove .5s linear alternate forwards;
-webkit-animation:leftmove .5s linear alternate forwards;
}
.active .h-news-right li{
animation:moveRight .8s linear alternate forwards;
-webkit-animation:moveRight .8s linear alternate forwards;
}


/* 案例 */
.h-case-top{overflow: hidden;}
.h-case-button{overflow: hidden;}
.h-case-pic{
	height: 218px;
	overflow: hidden;
}
.h-case-pic img{
	height: 218px;
	width:100%;
	display:block;
	margin:0 auto;
}
.h-case-box{
	position: relative;
	overflow: hidden;
}
.h-case-box .h-case-cover{
	position: absolute;
	width:100%;
	height: 100%;
	background:rgba(0,0,0,.4);
	left:0;
	top:0;
	color:#fff;
	text-align: center;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
.h-case-box:hover .h-case-cover{
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}
.h-case-line{
	border:1px solid #fff;
	width:96%;
	height:96%;
	margin:1% auto;
	padding:60px 0;
}
.h-case-title{
	font-size: 18px;
}
.h-case-btn{
	width:30px;
	height:30px;
	border:1px solid #ddd;
	margin:20px auto 0;
	line-height: 30px;
	border-radius: 50%;
}
.h-case-zt{
	padding-top:20px
}
.case-btn{
	width:200px;
	height: 48px;
	border:1px solid #428783;
	text-align: center;
	line-height: 48px;
	margin-top:30px;
}
.h-case-zt{color:#428783;}
.h-case-zt .tit-en{line-height: 64px;}
.h-case-zt .tit{
	line-height: 40px;
}
.case-btn a{color:#428783;}


.h-partner{
	overflow: hidden;
	margin-top:100px;
	margin-left:-15px;
}
.h-partner .h-partner-box{
	width:100%;
	margin-bottom:20px;
	border-radius: 8px;
	overflow: hidden;
	background:#fff;
}
.h-partner .h-partner-box img{
	max-height: 46px;
}
.h-contact{
	padding-left:150px;
}
.h-contact-title{
	font-size: 24px;
}
.h-contact-content{
	margin:40px 0 120px;
}
.h-contact-erweima{
	overflow: hidden;
}
.h-contact-erweima img{
	margin-right:40px;
}
.h-contact-erweima span{
	display: block;
	padding-left:80px;
	margin-top:10px;
}

.section6.active .col-sm-7{
animation:moveLeft .8s linear alternate forwards;
-webkit-animation:moveLeft .8s linear alternate forwards;
}
.section6.active .col-sm-5{
animation:moveRight .8s linear alternate forwards;
-webkit-animation:moveRight .8s linear alternate forwards;
}



.copyright{
	position:absolute;
	width: 100%;
	height:80px;
	background:#000;
	bottom:0;
	left:0;
	line-height: 80px;
	color:#fff;
	text-align:center;
}
.copyright a{color:#fff;}




/* 关于我们内容 */
.content {
	line-height: 26px;
	padding: 60px 0px 60px;
	min-height: 400px;
	overflow: hidden;
	
 }
 .content .title{
	 padding: 10px 0;
	 margin-bottom: 10px;
	 font-size: 26px;
	 line-height: 40px;
	 font-weight: bold;
	 border-bottom: 1px dotted #ccc;
	 text-align: center;
	 letter-spacing: 1px;
	 color:#535150;
	}
	.content .input-date{
	   width: 100%;
	 text-align: center;
	 color: #777;
	 font-size: 14px;
	}
 
 .content_c{
	margin-top:40px;
	overflow: hidden;
 }
 .content_c img{
	max-width:100%;
 }
 .about{
	 background:url(../../images/about_bg1.jpg) no-repeat;
	 background-attachment: fixed;
	 padding-top:8%;
	 padding-bottom:100px;
	 color:white;
	 line-height: 30px;
 }
 /* .about_cont{
	text-align: right;
 } */
 .about h1{
	font-size:36px;
	color:white;
	text-align: left;
	line-height: 60px;
 }
 .about p{
	margin-top:30px;
	margin-bottom:40px;
 }
 .about .button{
	width: 140px;
    height: 48px;
    line-height: 48px;
    background: #428783;
    font-size: 14px;
    font-weight: normal;
	text-align: center;
    padding: 0 20px;
    overflow: hidden;
    color: white;
 }
 
 .button1{
	 width:32px;
	 height:32px;
	 background-color:#ccc;
	 font-size:24px;
	 line-height: 32px;
	 text-align: center;
	 color:white;
 }
  .about a{color:white;} 
  .about a:hover{
	 color:#ddd;
 } 
 .biaoyu{
	 text-align: center;
	 margin-top:60px;
 }
 .biaoyu h1{
	 font-size:32px;
	 font-weight:bold;
 }
 .biaoyu p{
	 font-size:16px;
	 margin-top:30px;
 }
 .about_eoss{
	overflow: hidden;
	margin-top:60px;
 }
 .about_eoss p{
	margin-bottom:40px;
 }
 .about_eoss .eoss_xx{
	 overflow: hidden;
	 position: relative;
 }
 .eoss_xx_pic{width:100%;overflow: hidden;}
 .eoss_xx_pic img{
	width:100%;
 }
 .eoss_wenhua a{
	color:white;
 }
 .about_eoss .eoss_xx img,.about_eoss .eoss_wenhua img,.about_eoss .eoss_rongyu img{
	 transition: all 1s;
 }
 .about_eoss .eoss_xx:hover img,.about_eoss .eoss_wenhua:hover img,.about_eoss .eoss_rongyu:hover img{
	 transform: scale(1.2);
 }
 .about_eoss .eoss_xx .eoss_xx_con{
	 position: absolute;
	 left:0;
	 top:0;
	 width:100%;
	 height:100%;
	 padding:55px;
	 color:white;
	 font-size:16px;
}

.eoss_xx_con .button{
	width:140px;
	height:40px;
	font-size: 14px;
	background:#428783;
	line-height: 40px;
	text-align: center;
}
 .about_eoss .eoss_xx .eoss_xx_con h1{
	 /* font-weight:bold; */
	 margin-bottom:30px;
	 font-size:32px;
 }
 .about_eoss .eoss_xx .eoss_xx_con a, .eoss_wh_con a,.eoss_rongyu a{
	 color:white;
 }
 .about_eoss .eoss_xx .eoss_xx_con a:hover{
	 color:#31aee4;
 }
 .about_eoss .eoss_wenhua,.about_eoss .eoss_rongyu{
	 position: relative;
	 overflow: hidden;
	 color:white;
 }
 .about_eoss .eoss_wenhua,.about_eoss .eoss_rongyu{
	height:227px;
 }
 .about_eoss .eoss_wenhua .eoss_wh_con{
	 position: absolute;
	 left:0;
	 top:0;
	 width:50%;
	 height:100%;
	 background:rgba(68,136,131,0.6);
	 padding:40px;
 }
 .about_eoss h2{font-size:24px}
 .about_eoss .eoss_wenhua .eoss_wh_con h2{margin-bottom:20px;}
 .about_eoss .eoss_wenhua .eoss_wh_con p{margin-bottom:0;}
/*  
 .about_eoss .eoss_rongyu{
 } */

 .about_eoss .eoss_rongyu .eoss_ry_con{
	 position: absolute;
	 right:0;
	 top:0;
	 width:50%;
	 height:100%;
	 background:rgba(68,136,131,0.6);
	 padding:40px;
 
 }
 .about_eoss .eoss_rongyu .eoss_ry_con h2{
	margin-bottom:20px;
 }


.cFooter{
	overflow: hidden;
	background:#428783;
	position: relative;
}
.cFooter:before{
	position: absolute;
	width:calc(50% - 100px);
	height:8px;
	content: "";
	background:linear-gradient(to right,rgba(255,255,255,.5), #428783);
	left:0;
	top:0;
}
.cFooter:after{
	position: absolute;
	width:calc(50% - 100px);
	height:8px;
	content: "";
	background:linear-gradient(to right, #428783,rgba(255,255,255,.5));
	right:0;
	top:0;
}
.cfooter-logo{
	width:300px;
	height:300px;
	background:#fff;
	border-radius: 50%;
	position: absolute;
	left:calc(50% - 150px);
	top:-250px;
	z-index: 9;
}
.cfooter-logo img{
	width:140px;
	display: block;
	margin:0 auto;
	transform: translateY(240px);
	-webkit-transform: translateY(240px);
	-moz-transform: translateY(240px);
	animation: ftMove 3s linear infinite;
}

.cfooter-top{overflow:hidden;color:#fff;margin:80px 0;}
.cfooter-top a{color:#fff;}
.cfooter-nav-name:after{
	content: "";
	display: block;
	width:40px;
	height:1px;
	background: #fff;
	margin:10px 0 20px;
}
.cfooter-nav-box ul li{font-size:14px;line-height: 24px;}
.cfooter-nav-box ul li a{color:rgba(255,255,255,.5)}
.cfooter-contact{padding-left: 80px;}
.cfooter-contact-name{font-size:24px;font-family: Arial, Helvetica, sans-serif;margin:0 0 20px;}
.cfooter-contact-name::before{
	content: "";
	display: block;
	width:40px;
	height:1px;
	background: #fff;
	margin-bottom:10px;
}
.ccopyright{
	border-top:1px solid #ddd;
	overflow: hidden;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	color:#fff;
}
.ccopyright img{float:left;margin-top:10px;}
.copyright-menu{float:left;margin-left:30px;}
.copyright-menu a{color:#fff;}
.yyzz{float:right}

.about-cooperate{
	background: url(../../images/about-cooperate.png) no-repeat;
	padding:60px 0;
	margin-top:60px;
}

#element_id{overflow:hidden;margin-top:60px}

#element_id ul{overflow: hidden;}
#element_id ul li{float:left;}
#element_id ul li img{
	max-height: 80px;
}
.marginTopZero{margin-top:0;}


.banner-c{
	position: relative;
	margin-top:80px;
}
.banner-c .banner-c-text{
	position: absolute;
	font-size: 48px;
	color:#fff;
	line-height: 60px;
	left:15%;
	top:40%
}
.banner-c-text-en{
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}

.banner-sub{position: absolute; bottom:0;width: 100%;}
.banner-bg{background:#fff;border-radius: 10px 10px 0 0;padding:20px 20px 0 20px;font-size: 14px; color:#777;}
.banner-bg a{color:#777}
.location{margin-bottom:30px;}



.about-content{
	margin:60px 0;
	overflow: hidden;
	color:#555;
}
.about-content ul{
overflow:hidden;
}


.con_sun_nav{
   width:100%;
   overflow: hidden;
   margin-top:40px;
}
.fj_title{
   overflow: hidden;
   font-size:36px;
   color:#428783;
   font-weight: bold;
   line-height:50px;
   float: left;
}
.fj_title span{
   display:inline-block;
   width:14px;
   height:14px;
   background:#428783;
   content:"";
   margin:0 10px 5px 0;
}
.sub_nav{
   width:43%;
   float:right;
   text-align: right;
   overflow: hidden;
}
.sub_nav1{
   width:71%;
   float:right;
   text-align: right;
   overflow: hidden;
}
.sub_nav ul li,.sub_nav1 ul li{
   float: left;
   margin-left:18px;
}
.sub_nav ul li a,.sub_nav1 ul li a{
   display:block;
   padding:10px 15px;
   color:#535150;
   font-size:16px;
   /* margin-top:5px; */
   transition: all 1s;
}
/* .sub_nav ul li a.on{
   border:2px solid #428783;
   color:#428783;
} */
.l-con ul li.active {
   background:#428783;
   color:#ffffff;
}
.l-con ul li.active a{
   color:#fff;
}
.l-con ul li a:hover{
background:#428783;
   color:#ffffff;
} 



/* 新闻内容 */

.news ul{
   width:100%;
   overflow: hidden;
}
.news ul li{
   border-bottom:1px solid #e8e8e8;
   height:auto;
   overflow: hidden;
   padding:20px 0;
}
.news .news_date{
   float: right;
   width: 152px;
   padding-top: 17px;
   font-family: Arial;
   line-height: 25px;
   font-size: 14px;
}
.news .news_date span{
   display:block;
   color:#428783;
   font-size:36px;
   font-weight: normal;
   line-height:40px;
}
.news .news_date i {
   font-size: 16px;
   display: block;
   font-style: normal;
   padding-top: 15px;
   height: 18px;
   line-height: 18px;
}
.news .news_img{
   float: left;
}
.news .news_img img {
   width: 225px;
   transition: all 1s;
   height: 150px;
}
.news .news_con{
   float: left;
   padding-left: 40px;
   padding-top: 22px;
   width: 600px;
   transition: all 1s;
}
.news .news_con h2{
    height: 40px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-weight: normal;
    font-size: 16px;
    overflow: hidden;
    color:#333;
}
.news .news_con .news_p {
   height: 52px;
   overflow: hidden;
   line-height: 26px;
   font-size: 14px;
   color: #999;
}
.news li:hover .news_img img,.news li:hover .news_con{
   transform: translateX(40px);
   -ms-transform: translateX(40px) ;	/* IE 9 */
-moz-transform: translateX(40px); 	/* Firefox */
-webkit-transform: translateX(40px); /* Safari 和 Chrome */
-o-transform: translateX(40px); 	/* Opera */
}
.news li:hover .news_con h2{
   color:#428783;
}
.news li:hover .news_date{
   color:#428783;
}

@media(max-width:767px){
   .news ul li{
      height:auto;
   }
   .news .news_date{
      width:100%;
	  display:none;
   }
   .news .news_img{
	  width:100%
   }
   .news .news_img img{width:auto; max-height:230px; display:block;margin:0 auto;height:auto;}
   .news .news_con{
      width:300px;
      padding-left:20px;
   }

}
#newtb{
   border-top:1px solid #ccc;
   background: #f7f7f7;
    line-height: 30px;
    margin-top: 60px;
    font-size: 14px;
}
#newtb span{
   display: block;
    width: 50%;
    float: left;
	padding:20px;
}
#newtb span a{
   color:#333;
}
#newtb span a:hover{
color:#428783;}

#pages{
text-align:center;
margin-top:20px;
font-size:14px;
}
#pages a{
padding:5px 10px;
color:#333;
}
#pages span{
padding:5px 10px;
background:#428783;
color:#fff;
}


.culture-top{
width:100%;
position:relative;
}
.culture-top .jingshen{
position:absolute;
text-align:center;
width:100%;
height:100%;
left:0;
top:0;
padding:100px 0;
}
.culture-top .jingshen-name{
font-size:30px;
margin-bottom:20px;
}
.culture-bottom{overflow:hidden;margin-top:40px;}
.culture-bottom-box{
padding:40px;
border-right: 1px solid #ddd;
}

.culture-bottom-name{
font-size:24px;
}
.culture-bottom-name:after{
content:"";
display:block;
width:40px;
height:4px;
background:#428783;
margin:10px 0 20px;
}

.partner-box{
border:1px solid #ddd;
padding:20px 10px;
overflow:hidden;
margin-bottom:30px;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
}
.partner-box:hover{
box-shadow: 0 2px 3px 5px rgba(0,0,0,.1);
}



.honor{overflow:hidden;}
.honor li{overflow:hidden;padding:20px 0; overflow:hidden;border-top:1px solid #ddd;transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
}
.honor li:last-child{border-bottom:1px solid #ddd;}
.honor li .honor-pic{
height:200px;
background:#f8f8f8;
overflow:hidden;
}
.honor li .honor-pic img{
max-height:200px;
display:block;
margin:0 auto;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
}
.honor-content{
padding:40px 0 40px 80px;
}
.honor-name{font-size:20px; color:#333;}
.honor-desc{
color:#777;
margin-top:20px;
}
.honor li:hover{
transform: translateX(20px);
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-o-transform: translateX(20px);
}
.honor li:hover .honor-pic img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}
.honor li:hover .honor-name{
color:#428783;
}
.honor-miaoshu{
background:#f8f8f8;
padding:20px;
margin:20px 0 40px;
}
.honor_content_c img{
display:block;
margin:0 auto;
}
.zhuanli-list{
margin-top:60px;
overflow:hidden;
}

.zhuanli-box{
border:1px solid #ddd;
margin-bottom:30px;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
}
.zhuanli-box .zhuanli-pic{
padding:20px;
}
.zhuanli-box .zhuanli-pic iframe{
width:100% !important;
height:400px !important;
}
.zhuanli-name{border-top:1px solid #428783;line-height:60px; background:#f8f8f8;text-align:center;}
.zhuanli-box:hover{
box-shadow:0 2px 3px 5px rgba(0,0,0,.1);
}


.prode-box>.T { padding: 10px; font-size: 0; background: #fff; box-sizing: border-box; overflow:hidden}
.prode-box>.T .L { width: 49%; }
.prode-box>.T .L img{display:block;margin:0 auto;}

.prode-box>.T .R { width: 45%;}
.prode-box>.T .R h3 { font-size: 30px; color: #333; font-weight: normal; border-bottom:1px solid #428783;line-height:80px;}

.prode-box>.T .R p { font-size: 14px; line-height: 2; margin-top: 5.5%; }
.prode-box .B .T { position: relative; overflow: hidden; z-index: 1; }
.prode-box .B .T:before { content: ''; position: absolute; bottom: 0; height: 4px; left: 0; width: 100%; z-index: -1; background: #428783; }
.prode-box .B .T span { position: relative; display: inline-block; vertical-align: top; font-size: 24px; padding: 0 55px 0 36px; background: #f5f5f5; z-index: 1; color: #fff; height: 60px; line-height: 60px; }
.prode-box .B .T span:before { content: ''; position: absolute; border-style: solid; top: 0; left: 0; z-index: -1; width: calc(100% - 25px); border-width: 0 20px 60px 0; border-color: transparent transparent #428783 transparent; }
.prode-box .B .T span:after { content: ''; position: absolute; width: 5px; height: 80px; background: #428783; transform: rotateZ(-19deg); top: 50%; margin-top: -40px; right: 5px; }
.prode-box .B { margin-top: 5%; }
.prode-box .B .B { background: #fff; padding: 20px; }



.product-nav{
overflow:hidden;
padding:40px;
background:#f4f4f4;
border-radius:10px;
}
.product-nav ul{overflow:hidden;margin-top:20px;}
.product-nav ul li{
	line-height:40px;
}
.product-nav ul li a{
display:block;
color:#555;
}
.product-nav ul li a:hover{
color:#428783;
}

.product,.product ul{overflow:hidden}
.product{margin-top:60px;margin-left:-15px;margin-right:-15px;}
.product ul li{margin-bottom:30px;}
.product-box{
 background:#f8f8f8;
 padding:30px 10px 10px;
 }
 .product-video-pic{ height:234px;position:relative;}
 .product-video-pic img{max-height:234px;}
.product-title{
color:#333;
height:60px;
}
.product-nav i{color:#428783;}
.product-title i{color:#428783;}
.pro-video-cover{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.3);
line-height:234px;
text-align:center;
}
.pro-video-cover .fa-play-circle-o:before{
color:rgba(255,255,255,.5);
font-size:60px;
}
 .product-pic{ height:308px;position:relative;overflow:hidden}
 .product-pic img{max-height:308px; display:block;margin:0 auto;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}


.product-box:hover .product-pic img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}
.product-box:hover .product-title{color:#428783;}


.case{
overflow:hidden;
margin:60px 0;
}

.case ul{overflow:hidden}
.case ul li{margin-bottom:30px;}
.case-box{
background:#f8f8f8;
overflow:hidden;
transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;
}
.case-box-content{padding:30px 20px;}
.case-box-content h3{font-size:20px; color:#333;margin-bottom:10px;}
.case-box-desc{
font-size:14px;
line-height:24px;
color:#777;
height:168px;
overflow:hidden;
}

.case-box-pic{
 position: relative;
    display: table;
    overflow: hidden;
    height: 244px;
    padding: 5px;
    text-align: center;	
	}
.case-box-pic a{
display: table-cell;
    width: 100%;
    height: 244px;
    vertical-align: middle;
	}
.case-box-pic a img{
    max-width: 100%;
    max-height: 200px;
    margin: 0 auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
}

.case ul li:hover .case-box{
box-shadow:0px 2px 5px 5px rgba(0,0,0,.1);
}
.case ul li:hover .case-box-pic a img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
}


/* 人才招聘 */
.hrList_a1_item {
   width: 100%;
   margin-bottom: 40px;
}
.hrList_a1_title {
   font-size: 24px;
   font-weight: 700;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   border-bottom: solid #ddd 1px;
   padding-bottom: 10px;
   line-height: 50px;
   color: #428783;
}
.hrList_a1_item ul {
   width: 100%;
   display: inline-block;
   vertical-align: top;
   padding: 10px 0;
   border-bottom: dotted 1px #ddd;
}
.hrList_a1_item ul li {
   width: 33%;
   display: inline-block;
   line-height: 20px;
   padding: 5px 0;
   color: #777;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.hrList_a1_item ul li b {
   display: inline-block;
   width: 120px;
   color: #0077cc;
   font-weight: bold;
}

.hrList_a1_item ul li.other {
   width: 100%;
   line-height: 22px;
   padding: 5px 0;
   color: #777;
   text-overflow: inherit;
   white-space: inherit;
}
.hrList_a1_item ul li.other b{
   display:block;
}
.hrList_a1_button{
	width:120px;
	height:40px;
	border-radius: 8px;
	background: #428783;
	text-align: center;
	line-height: 40px;
	margin-top:30px;
}
.hrList_a1_button a{
	display: block;
	color:#fff;
}

@media(max-width:767px){
   .hrList_a1_item ul li{
      width:48%;
   }
   .hrList_a1_item ul li b {
      width: 80px;
   }
   .hrList_a1_item ul li.other{
      width:100%;
   }
   .hrList_a1_item ul li.other b{width:100%
}

.hrList_a1_button {
   padding: 15px 0;
}
.hrList_a1_button a.more, .DownList_a1 li a {
   text-align: center;
   cursor: pointer;
   display: block;
   height: 40px;
   line-height: 40px;
   width: 100px;
   color: #fff;
   background: #428783;
   transition-duration: .3s;
   border-radius: 8px;
   font-size: 16px;
   opacity: 0.7;
}
}

/* form表单 */
form ul{
   overflow: hidden;
}
form ul li{
   margin-bottom:20px;
}


form input,form textarea{
   width:100%;
   border:1px solid #ddd;
   color:#999;
    padding-left: 10px;
}
form input{
   height: 40px;
}
form .ib input{
   height:auto;
   width:auto;
}
form select{
   width:100%;
   height:40px;
   border:1px solid #ddd;
   color:#999;
}
.zh span{
   font-size:16px;
   width:15%;
   display:inline-block;
}
.zh input{
   width:85%;
}
.quan span{
width:10%;
}
textarea{
   width:90%;
}
.but-sub{
   width:120px;
   height:40px;
   background:#dd5411;
   color:white;
   margin:0 atuo;
   font-size:16px;
}


.apply .button {
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #428783;
    font-size: 14px;
    font-weight: normal;
    padding: 0 20px;
    overflow: hidden;
    color: white;
}



.contact-top{
background:url(../../images/contact-bg.jpg) no-repeat center;
background-size:cover;
padding:80px 60px;
overflow:hidden
}
.contact-top-zongbu h3:after{
content:"";
display:block;
width:60px;
height:4px;
background:#428783;
margin:20px 0 30px;
}
.contact-top-desc{line-height:40px;}
.contact-bottom{
overflow:hidden;
margin-top:60px;
}
.contact-bottom ul{overflow:hidden}
.contact-bottom li{
width:48%;
float:left;
margin-bottom:20px;
padding:20px;
border:1px solid #428783;
border-radius:10px;
box-shadow:0px 2px 5px 5px rgba(0,0,0,.1);
}
.contact-bottom li:nth-child(1){
width:100%;
margin-right:0;
}
.contact-bottom li:nth-child(3),.contact-bottom li:nth-child(5){
float:right;
margin-right:0;
}
.contact-bottom li h4{
line-height:40px;
}
.contact-bottom button{
width:120px;
height:40px;
background:#428783;
border:none;
}
.contact-bottom form{
margin-left:60px;}

.jobs-item{overflow:hidden;}
.jobs-item-box{
overflow:hidden;
border:1px solid #428783;
border-radius:10px;
padding:40px;
margin-bottom:30px;
}
.jobs-item-pic img{
max-height:100px;
}
.jobs-item-content h4{
line-height:40px;
margin:10px 0 20px;
border-bottom:1px solid #428783;
}
.jobs-item-desc{
height:104px;
overflow:hidden;
}

.jobs-item-box:hover{
box-shadow:0px 2px 5px 5px rgba(0,0,0,.1)
}








@media only screen and (max-width: 1600px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 28px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 60px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 20px;
	}
}
@media only screen and (max-width: 1440px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 24px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 40px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 18px;
		margin-top: 5px;
	}
}
@media only screen and (max-width: 1366px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 20px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 26px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 16px;
	}
	.index_main .section1 .index_banner .slick-arrow{
		background-size: auto 30px;
	}
}
@media only screen and (max-width: 1300px){

}
@media only screen and (max-width: 1199px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 18px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 22px;
		}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 14px;
	}
}
@media only screen and (max-width: 992px){
	.index_main .section1 .index_banner .item{
		height: 100vh;
	}
	.index_main .section1 .index_banner .item .inner .block_txt{
		left: 0;
		right:0;
		margin: 0 auto;
		padding: 0 20px;
		top: 42%;
	}
	.index_main .section1 .index_banner .slick-arrow{
		display: none !important;
	}
    .index_main .section1 .index_banner .slick-dots{
    	position: absolute;
    	bottom: 12px;
    }
    .index_main .section1 .index_banner .slick-dots li{
    	width: 12px;
    	height: 12px;
    	border-radius: 50%;
    	border:2px solid #fff;
    }
    .index_main .section1 .index_banner .slick-dots li button{
    	display: none;
    }
    .index_main .section1 .index_banner .slick-dots li.slick-active{
    	background: #fff;
    }
	.index_main .section1 .number{
		bottom: 12%;
		display: none;
	}
	.index_main .section1 .number span{
		margin-right: 22px;
	}
	.index_main .section1 .number span:after{
		bottom: -14px;
	}

}
@media only screen and (max-width: 767px){
    
}
@media only screen and (max-width: 340px){
 
}
@media only screen and (max-width: 320px){
	
}

/* @keyframes ftMove {
    0% {
        transform: scale(0.5);
		transform:
    }
    25% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    75% {
        transform: scale(1);
    }
	100%{
    transform: scale(1.05);
	}

}
 */



 /* animation动效 */
@keyframes leftmove{
   from{
      margin-left:-100%;
   }
   to{
      margin-left:0;
   }
}
@keyframes rightmove{
   from{
      right:-1
         }
         to{
      right:0;
         }
      }
      
@keyframes upmove{
         from{
      margin-top:100%;
         }
         to{
      margin-top:0;
         }
      }

@keyframes botmove{
         from{
      margin-top:-100%;
         }
         to{
      margin-top:0;
         }
      }


@keyframes moveLeft
{
0%   {opacity: 0;
   -webkit-transform: translateX(-300px);
}
100% {opacity: 1;
   -webkit-transform: translateX(0);}
}

@-moz-keyframes moveLeft /* Firefox */
{
   0%   {opacity: 0;
      -webkit-transform: translateX(-300px);
   }
   100% {opacity: 1;
      -webkit-transform: translateX(0);}
   }

@-webkit-keyframes moveLeft /* Safari 和 Chrome */
{
   0%   {opacity: 0;
      -webkit-transform: translateX(-300px);
   }
   100% {opacity: 1;
      -webkit-transform: translateX(0);}
   }

@-o-keyframes moveLeft /* Opera */
{
   0%   {opacity: 0;
      -webkit-transform: translateX(-300px);
   }
   100% {opacity: 1;
      -webkit-transform: translateX(0);}
   }

@keyframes moveRight
{
0%   {opacity: 0;
   -webkit-transform: translateX(300px);
}
100% {opacity: 1;
   -webkit-transform: translateX(0);}
}

@-moz-keyframes moveRight /* Firefox */
{
   0%   {opacity: 0;
      -webkit-transform: translateX(300px);
   }
   100% {opacity: 1;
      -webkit-transform: translateX(0);}
   }

@-webkit-keyframes moveRight /* Safari 和 Chrome */
{
   0%   {opacity: 0;
      -webkit-transform: translateX(300px);
   }
   100% {opacity: 1;
      -webkit-transform: translateX(0);}
   }

@-o-keyframes moveRight /* Opera */
{
   0%   {opacity: 0;
      -webkit-transform: translateX(300px);
   }
   100% {opacity: 1;
      -webkit-transform: translateX(0);}
   }

.phone-index{display:none;}

@media(max-width:1600px) and (min-width:1299px){
.section3 .swiper-container{height:500px;}
}


@media(max-width:1400px) and (min-width:1299px){
.contact-bottom{margin-left:-15px;margin-right:-15px;}
.contact-bottom li{padding:20px 10px;}
.contact-bottom .form-group{margin-bottom:20px;}
.jobs-item-desc{height:130px;}
.case-box-desc{height:240px;}

.product-pic{height:250px;}
.product-pic img{max-height:250px;}
.about_eoss .eoss_wenhua .eoss_wh_con{padding:30px;}
.about_eoss .eoss_wenhua, .about_eoss .eoss_rongyu{height:214px}
.eoss_xx_pic img{height:428px;}
.culture-top .jingshen{padding:80px 0;}

.font64{font-size:54px}
}


@media(max-width:767px){
html,body{height:auto !important;overflow:auto !important;}
#index_main{display:none;}
#fp-nav{display:none;}
.phone-index{display:block;}
.section2-c{padding:30px 10px;}
.font64{font-size:32px;}
.font40{font-size:24px;}
.tit-en{line-height:40px;}
.tit{line-height:40px;}
.line{margin:10px 0 20px;}
.section2-btn{width:160px;height:40px; line-height:40px;margin-top:30px;}
.section2-shuzi{display:none !important;}

.sec2{
background:url(../../images/sec3.png) no-repeat center;
padding:30px 0;
overflow:hidden;
}
.swiperPro{margin-top:30px;}
.h-news-left{
background:url(../../images/sec4.jpg) no-repeat center;
padding:30px 10px;
color:#fff;
}
.h-news-left .shuxian{display:none;}
.h-news-left ul{display:none;}
.h-news-right{padding-left:10px;padding-right:10px;}
.h-news-right ul li{border-top:1px solid #ddd;padding:15px 0;}
.h-news-right .h-news-date{color:#777;padding-right:0;font-size:26px}
.h-news-right .h-news-content{color:#333;}
.h-news-right ul li .width20{width:25%;}
.h-news-right ul li .width80{width:75%;}
.h-news-right .h-news-content .h-news-desc{
height: 50px;
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
	color:#777;
}
.h-news-right .h-news-content .h-news-title{font-size:16px;}
.h-news-right .h-news-date span{color:#333;}



.sec4{
background:url(../../images/sec5.jpg) no-repeat;
background-size:cover;
padding-left:10px;
padding-right:10px;
}
.h-case-zt .tit-en{line-height:40px;}
.case-btn{width:160px;line-height:40px;height:40px;}
.phone-case{
overflow:hidden;
margin-top:30px;
}

.phone-case li{
width:47%;
float:left;
margin-right:20px;
margin-bottom:20px;
}
.phone-case li:nth-child(2n){
margin-right:0;}

.phone-case-pic{height:108px}
.phone-case-pic img{height:108px;display:block;margin:0 auto;width:100%}
.phone-case-name{text-align:center;}

.sec5{padding:30px 10px;overflow:hidden;}
.h-partner{
margin-top:30px;
}
.h-partner .h-partner-box{border:1px solid #ddd;}
.h-contact{
padding-left:0px;
background:url(../../images/phone-sec5.png) no-repeat;
background-size:cover;
padding:30px 10px;
color:#fff;
}
.h-contact-title{font-size:20px;}
.h-contact-content{margin:20px 0 30px;}
.copyright{position:unset;height:auto;line-height:30px;padding:10px 0;font-size:14px;}

.banner-c{margin-top:50px;height:150px;}
.banner-c img{height:150px;}
.banner-c .banner-c-text{font-size:24px;top:20%}
.banner-c-text-en{font-size:14px;line-height:24px;}
.banner-c .banner-c-text{line-height:30px;left:20px;}

   .fj_title{
      width:100%;
	  font-size:24px;
	  line-height:30px;
   }
   .fj_title span{margin:5px 10px 5px 0;}
   .sub_nav{
      display:none;
   }
   .sub_nav1{
display:none;
   }
.about-content{margin:30px 10px;}
.cfooter-top{margin-bottom:30px;}
.cfooter-top .width60{display:none;}
.cfooter-top .width40{width:100%;}
.cfooter-contact{padding-left:10px;}
.ccopyright{height:auto;line-height:24px;padding:0 10px 10px;}
.copyright-menu{margin-left:0;}
.yyzz{float:left;}
.cfooter-contact-c img{height:80px;}

.culture-top img{height:150px;}
.culture-top .jingshen{padding:40px 0;}
.culture-bottom .width25{width:50%}
.culture-bottom-box{margin-bottom:20px;}

.zhuanli-list{margin-top:30px;}
.zhuanli-box .zhuanli-pic iframe{
	width: 100% !important;
    height: 200px !important;
}
.honor ul li .width20{width:30%}
.honor ul li .width80{width:70%;}
.honor li .honor-pic{height:151px;background: #fff;}
.honor-content{padding: 0px 0 10px 20px;}
.honor-name{font-size:16px;}
.honor-desc{display:none;}
.content{padding:30px 0;}

#newtb{margin-top:30px;}
#newtb span{width:100%}

.pro-video-cover{display:none;}
.product-video-pic{height:86px;}
.product-video-pic img{max-height:86px;}
.product-pic{height:153px;}
.product-pic img{max-height:153px;}

.prode-box>.T .L{width:100%}
.prode-box>.T .R{width:100%;margin-top:20px;}
.prode-box>.T .R h3{font-size:24px;line-height:40px;}


.case-box .case-box-pic{width:100%;height:auto;}
.case-box .case-box-pic a{height:auto;}
.case-box-pic a img{max-height:unset;}
.case-box-content{width:100%}
.case-box-desc{height:auto;}
.jobs-item-pic img{max-height:60px;}

.contact-top{padding:30px;}
.contact-top .contact-top-zongbu{width:100%}
.contact-top .contact-top-zongbu h3{font-size:20px;}
.zh span{width:100%}
.contact-bottom li{width:100%;}
.contact-bottom form{margin-left:10px;margin-right:10px;}
.cfooter-contact-name{font-size:20px;}
}