/* CSS Document */
body{position:relative;}
.topbar{position: absolute; top:0;padding-left:100px; padding-right:40px;
	 display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/
		  
width:calc(100% - 140px);
box-pack:end;
-webkit-box-pack: end;
-moz-box-pack:end;
-ms-flex-pack:end;
justify-content: flex-end;z-index:101; height:100px; 

box-align:center; 
-webkit-box-align:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
background: rgba(255, 255, 255, 0.8);
}
.logo_bar{position: absolute;left:100px;top: 50%;transform: translateY(-50%);}
.topbar:before{ width:100%; height:1px; line-height:1px; font-size:1px; background:rgba(255,255,255,0.15); position:absolute; bottom:0; left:0;content:'';}
.topbar.guding{ position:fixed;}
.topbar.black{ background: rgba(0,0,0,0.8); }
.menu_bar{display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/ 

box-pack:end;
-webkit-box-pack: end;
-moz-box-pack:end;
-ms-flex-pack:end;
justify-content: flex-end;z-index:101; height:100px; 

box-align:center; 
-webkit-box-align:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.mob_nav{ display:none;}
/*汉堡菜单*/
.m_han{padding-left:10px; width:30px; height:26px;
 display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/ 

 -webkit-flex-direction: column;
		  -moz-flex-direction: column;
		  -ms-flex-direction: column;
		  -o-flex-direction: column; 
		flex-direction: column;
		
		box-pack:justify;
-webkit-box-pack: justify;
-moz-box-pack:justify;
-ms-flex-pack:justify;
 justify-content: space-between; 
 
 margin-left:40px; z-index:5;
  transition:  0.3s ease 0s; cursor:pointer;}
.m_han span{ display:block; width:30px; height:2px; background: #FFFFFF;  transition: 0.3s ease 0s;}
.m_han span:nth-of-type(2){ position:relative; left:-10px;}
/*语言选择*/
.m_lan{ position:relative;background: rgba(0,0,0,0) ;}
.select_k{ display:block;}
.select_k a{ width:200px; border-left:1px solid rgba(255,255,255,0.15);border-right:1px solid rgba(255,255,255,0.15); line-height:100px; display:block;
 background: url(../images/blan.png) no-repeat 40px center; position:relative; text-align:center; color:#FFFFFF; font-size:16px;}
 .select_k a:after{ content:'﹀'; display:block; position: absolute; color:#fff; right:40px; top:3px; font-family:宋体; font-size:10px; line-height:100px;}
 .select_lan{ display:none; position:absolute; top:94px; width:100%; padding:15px 0 0; background: rgba(0,0,0,0.00);}
  .select_lan:before{content:'';width:20px;height:20px;border-radius: 5px;background: #fff;display:block;transform: rotate(45deg);position: absolute;top: 9px;left: 50%;margin-left: -10px;z-index: 4;}
 .select_lan span{ display:block; background: #FFFFFF; position:relative; z-index:5;}
 .select_lan span:first-child{ border-radius:5px 5px 0 0; padding:10px 15px 0 ;}
  .select_lan span:last-child{ border-radius: 0  0 5px 5px; padding:0 15px 10px;}
 .select_lan span a{ display:block;  color:#333; font-size:16px; text-align:center; line-height:36px; }
/*.select_k:hover a:after{ content:'︿'; display:block; position: absolute; color:#fff; right:40px; top:3px; font-family:宋体; font-size:10px; line-height:100px;}*/
.m_lan:hover .select_lan{ display:block; }
.select_lan span:first-child a{border-radius:0; border-bottom:1px solid #EEEEEE;}
.select_lan span:last-child a{ border-radius: 0;}
@media (min-width:721px){
	.select_lan span:hover{ background: #eee; color:#008b47;}
	
	}

/*非首页第一屏*/
/*汉堡菜单*/
.m_han.yincang{ width:40px; padding-left:0;}
.m_han.yincang span{ width:40px;}
.m_han.yincang span:nth-of-type(2){ left:0;}

/*关于第三屏hover时候的线条处理*/
.topbar.yincang{ border-bottom-color: rgba(253,253,253,0.00);}
.topbar.yincang .select_k a{ border-color:rgba(255,255,255,0.00);}

/*页脚*/
.kfooter{ padding:85px 100px 0; background: #303030;}
.kft{ display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/

box-pack:justify;
-webkit-box-pack: justify;
-moz-box-pack:justify;
-ms-flex-pack:justify;
 justify-content:space-between;}

	/*footer_地图*/
.kf_menu{ width:calc(100% - 245px);}
#MenuList_f1{margin-right:7.7vw;}
#MenuList_f1 .menu{	display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/

box-pack:justify;
-webkit-box-pack: justify;
-moz-box-pack:justify;
-ms-flex-pack:justify;
 justify-content:space-between;   max-width:69.27vw;}
#MenuList_f1 .menu .stmenu:first-child{ display:none;}
#MenuList_f1 .menu .stmenu>h3 a{ color:#FFFFFF; font-size:18px; font-family:微软雅黑; display:block;}
#MenuList_f1 .child{ margin-top:28px;}
#MenuList_f1 .child a{ font-size:14px; line-height:30px; color:#999999;font-family:微软雅黑;}

	/*footer_微信*/
	.kf_r { display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/
		  -webkit-flex-direction: column;
		  -moz-flex-direction: column;
		  -ms-flex-direction: column;
		  -o-flex-direction: column; 
		flex-direction: column;
		  flex-direction: column;
		  box-pack:start;
		-webkit-box-pack: start;
		-moz-box-pack:start;
		-ms-flex-pack:start;
		  justify-content: flex-start;}
	.kf_chat{ display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/
		  
		  box-pack:justify;
-webkit-box-pack: justify;
-moz-box-pack:justify;
-ms-flex-pack:justify;
 justify-content:space-between; 
 box-align:end; 
-webkit-box-align:end;
-moz-box-align:end;
-ms-flex-align:end;
 align-items: flex-end;
  padding-bottom:35px; border-bottom:1px solid #474747; margin-bottom:25px;}
	.kf_tel div{  display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/
		  
		  box-pack:start;
-webkit-box-pack: start;
-moz-box-pack:start;
-ms-flex-pack:start;
		   justify-content:flex-start; 
		   
		   box-align:center; 
-webkit-box-align:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;}
	.kfc_info{ width:114px; padding-left:20px;}
	.kfc_info p{ font-size:14px; color:#999999; line-height:24px;}
	.kf_tel{ }
	.kf_tel>div{  display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/
		  
		  box-pack:start;
-webkit-box-pack: start;
-moz-box-pack:start;
-ms-flex-pack:start;
		   justify-content:flex-start; 
		   
		   box-align:center; 
-webkit-box-align:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center; }
	.kf_tel>div a{  display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/
		  
		  box-pack:start;
-webkit-box-pack: start;
-moz-box-pack:start;
-ms-flex-pack:start;
		   justify-content:flex-start; 
		   
		   box-align:center; 
-webkit-box-align:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;}
	.kf_tel>div span{color:#fff; font-size:16px;font-family:微软雅黑; line-height:1; }
	.kf_tel>div img{ display:inline-block; margin-right:8px;}
	/*.kf_tel>span{ font-size:34px; color:#FFFFFF; font-family:arial; line-height:1;padding-top:20px;}*/
	
/*footer_版权*/
.kfb{  display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/
		  
		  box-pack:center;
-webkit-box-pack:center;
-moz-box-pack:center;
-ms-flex-pack:center;
		   justify-content:center; 
		   
		   box-align:center; 
-webkit-box-align:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center; width:100%; height:68px; border-top:1px solid #444444; margin-top:70px; }
.kfb_info img{ display: inline-block;}
.kfb_info span,.kfb_info a{ font-size:14px; color:#999999; line-height:1;}

@media (min-width:721px){
	.MenuList_d1-default .MenuList_d1-nav-list li a:hover{ background: none; color:#008B47;}
	.mob_lan{ display:none;}
	#MenuList_f1 .child a:hover{ color:#FFFFFF; transition:all 0.5s ease 0s;}
	}
@media (max-width:1590px){
ul.MenuItems	{margin-left:20px;}
	}
@media (max-width:1580px){
		.m_han{ display:none;}

	.mob_nav{display:block;width: 40px;margin-left: 40px;height: 26px; position:relative;}
	.MenuList_d1-main{ width:600px;}
	.MenuList_d1-right .MenuList_d1-main{ right:-600px;}
	.MenuList_d1-hamberger{ top:0; left:0; padding:0; width:40px; height:26px;}
	.MenuList_d1-right.MenuList_d1-open .MenuList_d1-overlay, .MenuList_d1-right.MenuList_d1-open .MenuList_d1-hamberger{left:auto; right:0; z-index:1001;}
	.MenuList_d1-hamberger span, .MenuList_d1-hamberger span:before, .MenuList_d1-hamberger span:after{ width:40px; height:2px; background: #FFFFFF; }
	.MenuList_d1-open .MenuList_d1-hamberger span:before{ background: #008B47;}
	.MenuList_d1-open .MenuList_d1-hamberger span:after{ background: #008B47;}
	.MenuList_d1-nav{ margin-top:0; border-top:1px solid #eeeeee;}
	.MenuList_d1-default{ background: #fff;}
	.MenuList_d1-default .MenuList_d1-nav-list{ padding-top:74px; margin-bottom:0;}
	.MenuList_d1-default .MenuList_d1-nav-list li a{ font-size:28px; font-family:微软雅黑; line-height:72px; color:#999999; text-align:center; padding:0 20px;}
	.MenuList_d1-default .MenuList_d1-nav-list li a.on{background: none; color:#008b47;}
	
	#mob_lan span{ display: block; font-size: 24px; color:#666666; margin-right: 24px; line-height: 100px;}
	#mob_lan span a{display: block; font-size: 24px; color:#666666; line-height: 100px;}
	#mob_lan span a.on{color:#008B47;}
	#mob_lan span:last-child{margin-right: 0;}
	#mob_lan{ display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/
		  box-pack:start;
-webkit-box-pack: start;
-moz-box-pack:start;
-ms-flex-pack:start;
		   justify-content: flex-start; 
		   box-align:center; 
-webkit-box-align:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items: center; border-right: 1px solid #EEEEEE; width: calc(80% - 40px); padding-left:40px;}

	
	}

@media (max-width:1366px){
	
	/*.kf_r { display:none;}*/
	#MenuList_f1{ margin-right:0;}
	
	.MenuList_d1-main{ width:426px;}
	.MenuList_d1-right .MenuList_d1-main{ right:-426px;}
	#mob_lan{ width:calc(80% - 80px);}
	#mob_lan span{ font-size: 16px;  margin-right: 12px;}
	#mob_lan span a{ font-size: 16px; }
	.MenuList_d1-default .MenuList_d1-nav-list{ padding-top:20px;}
	.MenuList_d1-default .MenuList_d1-nav-list li a{ font-size:18px;  line-height:48px; }
#MenuList_f1 .child{ margin-top:0;}

	#MenuList_f1 .child a{ line-height:20px;}
	.kf_chat{ margin-bottom:0;}
	#MenuList_f1 .menu{ max-width:calc(100% - 30px);}

	}
@media (max-width:1200px){
	.kf_r { display:none;}
	#MenuList_f1 .menu .stmenu>h3 a{ font-size:14px;}
	.kf_menu{ width:100%;}

	
	}
@media (max-width:1024px){
	.kft{ display:none;}
	.kfooter{ padding:0;}
	.kfb{ margin-top:0; border-top:0;}
	.s61>div{ display:none;}	
	}
@media (max-width:800px){
		.MenuList_d1-main{ width:340px;}
	.MenuList_d1-right .MenuList_d1-main{ right:-340px;}
	#mob_lan span{ font-size: 12px;  margin-right: 12px;}
	#mob_lan span a{ font-size: 12px; }
	.MenuList_d1-default .MenuList_d1-nav-list{ padding-top:20px;}
	.MenuList_d1-default .MenuList_d1-nav-list li a{ font-size:14px;  line-height:36px; }
	#mob_lan{ width:calc(80% - 75px); padding-left:20px;}
	
	}
@media (max-width:720px){
	/*topbar*/
	.topbar{padding-left:4%; padding-right:4%;display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/width:92%;height:60px;}
	.logo_bar{ left:4%; width:90px;}
	.logo_bar img{ display:block; width:100%;} 
	.m_lan{ display:none;}
	.mob_lan{display:block;width:30px;height:30px;border: 1px solid #fff;border-radius: 50%;}
	.mob_lan span {display:block;}
	.mob_lan span a{ font-size:14px; color:#FFFFFF; line-height:30px;  display:block; text-align:center;}
	.mob_nav{ margin-left:6.94vw;}
	#mob_lan span{ line-height:60px;}
#mob_lan span a{ height:60px; line-height:60px;}

	.MenuList_d1-main{ width:100%;}
	.MenuList_d1-right .MenuList_d1-main{ right:-100%;}
	.MenuList_d1-toggle.MenuList_d1-hamberger{ padding:30px 0 ; top:-30px;}
	#mob_lan{width: calc(87.51vw - 41px);padding-left: 5.55vw;}
	#mob_lan span{ font-size:4vw; margin-right:3.3vw;}
	#mob_lan span a{ font-size:4vw;}
	.MenuList_d1-default .MenuList_d1-nav-list li a{ font-size:4.66vw; line-height:2.5;}
	.MenuList_d1-default .MenuList_d1-nav-list{ padding-top:12.3vw;}
	
	
	/*footer*/
	.kfb{ padding:0 4%; width:92%; height:19.44vw;}
	.kfb_info span{ display:inline-block; }
	.kfb_info span:nth-of-type(2){ display:none;}
	.kfb_info{ text-align:center;}
	.kfb_info span, .kfb_info a{ font-size:14px; line-height:1.8;}
	
	
	}

@media (max-width:360px){
.topbar{padding-left:4%; padding-right:4%;display:box; 
		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/
		  width:92%; }
.logo_bar img{ width:100%;}
.mob_nav{ margin-left:28px;}
#mob_lan{width: calc(87.51vw - 41px);padding-left: 5.55vw;}
#mob_lan span { font-size:14px;}
#mob_lan span a{ font-size:12px;}
.MenuList_d1-default .MenuList_d1-nav-list li a{ font-size:14px; line-height:36px;}
	
/*footer*/
.kfb{ height:70px;}
.kfb_info span, .kfb_info a{ font-size:12px; line-height:22px;}

	}


.clear{
	clear: both;
}

.index_lan li{
	float: left;
	margin: 0 10px;
}

.index_lan li.cn{
	padding-left: 30px;
	background: url(../images/cn.jpg) no-repeat left;
}
.index_lan li.en{
	padding-left: 30px;
	background: url(../images/en.jpg) no-repeat left;
}








.ki_int_container .guanzhi{
	width: calc(100% - 340px);
	margin: 50px auto;
}




/*文化*/
.wenhuaall{
	width: 100%;
}
.wenhua1,.wenhua2,.wenhua3,.wenhua4{
	width: 100%;
	height: 450px;
	padding: 80px 0;
	box-sizing: border-box;
}
.wenhuaall .zw{
	width: 1200px;
	margin: 0 auto;
}
.wenhua2,.wenhua4{
	text-align: right;
}
.wenhua1 h3,.wenhua2 h3,.wenhua3 h3,.wenhua4 h3{
	font-size: 28px;
	line-height: 60px;
	font-weight: 600;
}
.wenhua1 p,.wenhua2 p,.wenhua3 p,.wenhua4 p{
	font-size: 18px;
	line-height: 50px;
}
.wenhua1{
	background: url(../images/wenhua1.jpg) no-repeat center;
}
.wenhua2{
	background: url(../images/wenhua2.jpg) no-repeat center;
}
.wenhua3{
	background: url(../images/wenhua3.jpg) no-repeat center;
}
.wenhua4{
	background: url(../images/wenhua4.jpg) no-repeat center;
}
.wenhua1 ul li{
	float: left;
	margin-right: 20px;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
}
.wenhua1 ul li img {
    transition: all ease-in-out 500ms;
    -webkit-transition: all ease-in-out 500ms;
    width: 50px;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 50px;
    padding: 10px;
    
}
.wenhua1 ul li:hover img {
    margin-top: -5px;
    transform: rotateY(360deg) scale(0.8);
}



/*发展历程*/
.fazhan{
	background: none;
	width: 100%;
	background: url(../images/fazhan_licheng.png) no-repeat center!important;
}
.demo{width:960px;margin:60px auto 0 auto;}
/*history*/
.history{background:url(../images/line04.gif) repeat-y 187px 0;overflow:hidden;position:relative;min-height: 800px;}
.history-date{overflow:hidden;position:relative;}
.history-date h2{background:#fff url(../images/icon06.gif) no-repeat 158px 0;height:59px;font-size:25px;font-family:微软雅黑;font-weight:normal;padding-left:45px;margin-bottom:74px; }
.history-date h2.first{position:absolute;left:0;top:0;width:935px;z-index:99;}
.history-date h2 a{color:#28468C;display:inline-block;*display:inline;zoom:1;background:url(images/icon08.gif) no-repeat right 50%;padding-right:17px;margin:21px 97px 0 0;}
.history-date h2 a:hover{text-decoration:none;}
.history-date h2 img{vertical-align:-5px;}
.history-date h2.date02{background:none;}
.history-date ul li{background:url(../images/icon07.gif) no-repeat 180px 0;padding-bottom: 80px;zoom:1;}
.history-date ul li.last{padding-bottom:0;}
.history-date ul li:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.history-date ul li h3{float:left;width:168px;text-align:right;padding-right:19px;color:#c3c3c3;font:normal 18px/16px Arial;}
.history-date ul li h3 span{display:block;color:#4B4B4B;font-size:20px;}
.history-date ul li dl{padding-left:41px;margin-top:-5px;font-family:微软雅黑;padding-left: 210px;}
.history-date ul li dl dt{font:20px/22px 微软雅黑;color:#737373;}
.history-date ul li dl dt span{display:block;color:#787878;font-size:12px;}
.history-date ul li.green h3{color:#1db702;}
.history-date ul li.green h3 span{color:#a8dda3;}
.history-date ul li.green dl{margin-top:-8px;}
.history-date ul li.green dl dt{font-size:30px;line-height:28px;}
.history-date ul li.green dl dt a{display:inline-block;*display:inline;zoom:1;overflow:hidden;vertical-align:middle;margin-left:12px;}
.history-date ul li.green dl dd{padding-top:20px;display:none;}
.history-date ul li.green dl dd img{float:left;}
.history-date ul li.green dl dd p{overflow:hidden;zoom:1;line-height:21px;color:#787878;}

.history-date h2.first .more-history{font-size:16px;background:transparent;margin-left:30px;}
.history-date h2.first .more-history:hover{text-decoration:underline;}

*body .history-date ul li dl dt{_font-size:12px!important;_font-weight:bold;}
*body .history-date ul li dl dt span{_font-weight:normal!important;}
*body .history-date ul li.green dl dt a{_background:transparent!important;*background:transparent!important;*font-size:12px!important;_font-weight:normal!important;}






/*企业宗旨*/
.zz{
	width: 100%;
	height: 300px;
	text-align: center;
	margin-bottom: 80px;
	background: url(../images/jishubg.jpg) no-repeat fixed center bottom;
	padding: 100px 0!important;
}
.zz .zongzhi h3{
	font-size: 48px;
	font-weight: 600;
	color: #fff;
}
.zz .zongzhi em{
	color: #fff;
	text-transform: uppercase;
}
.zongzhi li{
	float: left;
	color: #fff;
	margin: 50px 0;
	width: 25%;
	text-align: center;
}
.zongzhi li img{
	transition: all ease-in-out 500ms;
	-webkit-transition: all ease-in-out 500ms;
	width: 50px;
	border: 1px solid #ccc;
	border-radius: 50%;
	height: 50px;
	padding: 10px;
	display: block;
	margin: 0 auto;
}
.zongzhi li h4{
	line-height: 40px;
	font-size: 20px;
}
.zongzhi li:hover img{
	margin-top: -5px;
	transform: rotateY(360deg) scale(0.8);
}












