@charset "utf-8";
/* CSS Document */
	#company li a:focus{
	outline: none;
	border:0;
	}
	#container{
margin: 0px auto;
position: relative;
top: -140px;
float: left;
min-height: 500px;
width: 100%;
	}
	#con_block{
width: 945px;
margin: 0 auto;
min-height: 500px;
position: relative;
	}
	#topimg{
width: 100%;
height: 407px;
float: left;
left: 0;
position: relative;
top: -140px;
z-index: 10;
overflow: hidden;
background-size: cover;
background-position: center;
	}
	#topimg img{
width: 100%;
min-width: 1400px;
	}

	#topimg .word{
position: absolute;
bottom: 0;
color: white;
width: 300px;
height: 200px;
left: 50%;
margin-left: -449px;
	}

	#topimg h1{
font-size: 37px;
float: left;
width: 100%;
	}
	#topimg .small{
font-size: 13px;
float: left;
margin-top: 30px;
opacity: 0.7;
	}

	.summary{
	font-size: 14px;
	margin-top:20px;
	float: left;
	}
	#search{
position: absolute;
right: 0;
top: -46px;
z-index: 999;
background-color: white;
padding: 10px;
	}
	#search #form1,.search #form1{
border-bottom: 2px solid black;
float: right;
width: 194px;
height: 34px;
padding-left: 9px;
font-size: 14px;
	}
	#search a,.search a{
		height: 34px;
		background-image: url(../images/search.jpg);
		background-repeat: no-repeat;
		width: 36px;
		float: left;
		cursor: pointer;
	}
	#search input,.search input{
border: 0;
float: left;
width: 158px;
height: 34px;
	}
	#container h1{
font-size: 28px;
font-weight: bold;
float: left;
margin-top: 39px;
	}
#navs{
float: right;
margin-top: 50px;
font-size: 12px;
}
#navs {
	color: #016cb8;
}
#navs a{
	color: black;
	   -webkit-transition: color 0.5s ease;
   -moz-transition: color 0.5s ease;
   -o-transition:color 0.5s ease;
   -ms-transition: color 0.5s ease ;
   transition: color 0.5s ease ;
}
#navs a:hover{
	color: #64a22a;
}
#line{
float: left;
margin-top: 23px;	
}
#company {
float: left;
width: 100%;
margin-top: 25px;
}
#company li a {
float: left;
width: 100%;
font-size: 14px;
height: 100%;
padding: 0;
margin: 10px 0;
height: 60px;
line-height: 60px;
border-right: 1px solid #e6e6e6;
}
#company li:last-child a {
background-image: none;
border: none;
}
#company li {
float: left;
width: 50%;
text-align: center;
margin: 0;
padding: 0;
height: 75px;

border-bottom: 2px solid black;
}

#company  .ui-state-active a{
	color:#64a22a
}
#company  .ui-state-active{
background-image: url(../images/company/arrow.png);
background-repeat: no-repeat;
background-position: center bottom;
}

#tabs-1,#tabs-2{
	float: left;
	width: 40%;
	padding: 10px 0;
}
#tabs-1 h2{
float: left;
font-weight: bold;
margin-top: 50px;
padding: 20px 0;
}
#tabs-1 h3{
	float: left;
font-weight: bold;
margin-top: 50px;
padding: 20px 0;
color: #2f58ae;
}
#tabs-1 .ss{
float: left;
font-size: 14px;
line-height: 21px;
color: #434343;text-align: left;
}

#table_detail{
position: relative;
float: left;
width: 100%;
padding: 50px 0 20px;
font-size: 13px;
margin-bottom: 20px;
line-height: 21px;
}
#table_detail #bb{
  width: 942px;
}
#table_detail .th{
  float: left;
width: 100%;
text-align: left;
}
#table_detail .th .td:first-child{
float: left;
width: 110px;
text-align: center;
font-weight: bold;
font-size: 14px;
border-right: 1px solid #e1e1e1;
height: 40px;
line-height: 40px;
border-bottom: 5px solid #bababa;
padding-right: 0;
}

#table_detail .th .td:last-child{
border-bottom: 5px solid #e5e5e5;
height: 40px;
line-height: 40px;
width: 778px;
float: left;
padding-left: 50px;
font-size: 14px;
font-weight: bold;
}



#table_detail .tr{
    float: left;
width: 100%;
text-align: left;
}

#table_detail .tr:nth-child(odd){
background-color: #f1f1f1;
}

#table_detail .tr .td:first-child{
float: left;
width: 110px;
text-align: center;
font-weight: bold;
border-right: 1px solid white;
height: 50px;
line-height: 50px;
padding-right: 0;
border-bottom: 1px solid #e1e1e1;
}
#table_detail .tr .td:last-child{
height: 50px;
width: 778px;
color: #363636;
opacity: 0.8;
display: table;
float: left;
padding-left: 50px;
border-bottom: 1px solid #e1e1e1;
}

#table_detail .tr .td:last-child span{
display: table-cell;
vertical-align: middle;
}


#service{
float: left;
width: 100%;
position: relative;
margin-top: 30px;
}
#service .service{
float: left;
width: 265px;
color: #434343;
padding-right: 20px;
margin-right: 21px;
font-size: 14px;
border-right: 1px solid #e1e1e1;
}
#service div:last-child{
	border: 0;
}
#service .service span{
float: left;
width: 100%;
/* height: 29px; */
border-bottom: 1px solid #e1e1e1;
margin-bottom: 15px;
padding-bottom: 15px;	
}
#service .service span:last-child{
	border: 0;
}


#top_main{
float: left;
width: 100%;
margin-top: 10px;
position: relative;
}
#top_main div{
position: relative;
float: left;
}
#top_main img{
position: relative;
float: left;
width: 100%;
}
#top_main .names{
	
}
#top_main .word{
position: absolute;
left: 10%;
font-size: 14px;
top: 41%;
width: 37%;
line-height: 23px;	
}
#top_main .word h2{
color: #64a22a;
float: left;
width: 100%;
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
}




#main_img{
float: left;
width: 100%;
margin-top: 10px;
position: relative;
}
#main_img div{
position: relative;
float: left;
width: 33%;
border-right: 1px solid white;
overflow: hidden;
cursor: pointer;
}
#main_img img{
position: relative;
float: left;
width: 100%;
}
#main_img .names{
position: absolute;
left: 0;
font-size: 14px;
bottom: 0;
width: 100%;
line-height: 23px;
line-height: 84px;
height: 0;
background-color: rgba(0,0,0,0.6);
text-align: center;
color: white;
overflow: hidden;
}
#main_word{
float: left;
width: 100%;
margin-top: 70px;
min-height: 350px;
position: relative;
}
#main_word .block{
float: left;
width: 100%;
}
#main_word .left{
float: left;
width: 33%;
font-size: 14px;
line-height: 22px;
}
#main_word .left h2{
float: left;
width: 100%;
font-size: 17px;
font-weight: bold;
height: 70px;
}
#main_word .left span{

}
#main_word .right{
float: left;
width: 66%;
font-size: 14px;
color: #434343;
line-height: 24px;

}


 .slider_content{
float: left;
width: 100%;
background-color: #fafafa;
border-bottom: 4px solid #e5e5e5;
padding-bottom: 19px;
margin-bottom: 80px;
display: none;
  }
#years_c{
float: left;
margin-top: 15px;
padding: 0;
position: relative;
width: 100%;
}
#years_c span{
    color: #5f5f5f;
    float: left;
    line-height: 20px;
    text-align: left;
    width: 100%;
    line-height: 320px;
}
#years_c ul{
      float: left;
      width: 100%;
      list-style: square outside none;
}
#years_c li{
 float: left;
    margin-bottom: 10px;
}

#years{
float: left;
margin: 20px 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
#years .arrow-left{
position: absolute;
 left: 5%;
    top: 0;
width: 29px;
height: 24px;
z-index: 999;
}
#years .arrow-right{
position: absolute;
right: 5%;
top: 0;
width: 29px;
height: 24px;
z-index: 999;
}
#years .swiper-slide{
font-size: 14px;
color: #434343;
font-weight: bold;
text-align: center;
padding: 10px 0;
cursor: pointer;
height: 30px;
line-height: 36px;
}


.tH1{

    float: left;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%;
      margin-top: 39px;
margin-bottom: 20px;
background-repeat: repeat-x;
background-image: url(../images/titlebg.png);
}
.tH1 h1{
      background-color: #fafafa;
    left: 50%;
    margin-left: -57px;
    position: relative;
    width: 114px;
}
.banners-container{
border-bottom: 2px solid #c3c3c3;
border-top: 2px solid #c3c3c3;
height: 54px;
font-size: 14px;
background-image: url(../images/company/arrow.png);
background-repeat: no-repeat;
background-position: center 49px;
}
.swiper-wrapper{
height: 35px;
}
#tab{
border-bottom: 1px solid #bcbcbc;
float: left;
width: 100%;
height: 50px;
}
#tab div:first-child{
float: left;
width: 20%;
line-height: 50px;
color: #888888;
letter-spacing: 3px;
font-size: 16px;
border-right: 1px solid #d8d8d8;

}
#tab div:last-child{
float: left;
width: 74%;
line-height: 50px;
margin-left:5%;
color: #888888;
letter-spacing: 3px;
font-size: 16px;

}
#years_c .year{
float: left;
width: 20%;
font-size: 60px;
display: table;
text-align: center;
}

#years_c .year b { display:table-cell; vertical-align:middle; }

#years_c .event{
float: left;
width:95%;
font-size: 14px;
line-height: 25px;
margin-left: 3%;
display: table;
}
#years_c .event p{
  display:table-cell; vertical-align:middle;
}
#years_c .block{
  float: left;
  width: 100%;
  position: relative;
}

#years .swiper-slide-active{
background-repeat: no-repeat;
background-position: 50% 100%;
}





@media screen and (max-width: 1024px) {
#topimg{
	top: 0;
height: 271px;
}
#topimg img{
height: 100%;
width: auto;
min-width: 100%;
}

#topimg .word{
	margin-left: 0;
left: 10%;
}
#topimg h1{

}

#search #form1, .search #form1{
	border:1px solid #b4b4b4;
}
#top_link #search{
	float: right;
margin-top: 35px;
position: relative;
top: 0;
padding: 0 0 0 9px;border: 1px solid #b4b4b4;
}

#container{
top: 0;
margin: 0 5%;
width: 90%;
}
#con_block{
	width: 100%;
}
#line {
float: left;
margin-top: 23px;
width: 100%;
}
#table_detail .tr .td:first-child,#table_detail .th .td:first-child{
	width: 15%;
}
#table_detail .tr .td:last-child,#table_detail .th .td:last-child{
width: 82%;
padding-left: 2%;
}

#table_detail #bb{
	width: 100%;
}
#tabs-1 .ss img{
margin: 0 2%;
width: 46%;
}
#table_detail{
padding:0;
margin-bottom: 100px;
}

#tabs-1 h3{
	margin-top:0;
}
#service{
	margin-bottom: 10px;
}

#service img{
top: -184px !important;
}









}

@media screen and (max-width: 720px) {
#tabs-1 .ss img {
width: 100%;
margin-top: 35px;
}
#line{
	display: none;
}
#tabs-1 .ss span{
	width: 100% !important;text-align: left;
}
#top_main div {
width: 100%;
}
#top_main .word {
top: 7%;
width: 80%;
}
#main_word .left{
width: 100%;
font-weight: bold;
margin-bottom: 10px;
}
#main_word .right{
width: 100%;
margin-bottom: 10px;
}
#service img{
	display: none;
}
#service .service{
	width: 100%;
	border:0;
}
#service .service b{
	float: left;
	margin-right: 5px;
}
#service .service span:last-child{
	border-bottom: 1px solid #e1e1e1;
}
#container h1{
width: 100%;
text-align: center;
border-bottom: 1px solid #b9b9b9;
padding-bottom: 25px;
}

#navs {
float: left;
width: 100%;
text-align: center;
}
 .slider_content{
 	display: block;
 }
#table_detail{
	display: none;
}

#main_img div{
	border:0;
}

#company li a{
white-space: pre-wrap;
line-height: 24px;
height: 45px;
padding-top: 10px;
font-size: 13px;
}


#tabs-1 .ss img{
	width: 100%;
margin: 10px 0;
}

#topimg .word{
top: 30px;
width: 60%;
left: 34px;
}
#topimg h1{
	font-size: 22px;line-height: 24px;
}
#topimg .small{
	margin-top: 20px;line-height: 16px;
}
#tabs-1 h2{
	margin-top: 20px;
}







}