/*pad*/
img{
	max-width:100%;
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}

/*导航*/
.gh {
    display: block;
    height: 35px;
    outline: medium none;
    width: 35px;
	position:absolute; right:10px; top:25px; cursor:pointer; display:none; z-index:999;
	
	/*css3*/
	-webkit-transform:translateZ(0) rotate(0deg);
-ms-transform:translateZ(0) rotate(0deg);
transform:translateZ(0) rotate(0deg);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
outline:none;
-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
-webkit-tap-highlight-color:transparent;
}

.gh svg {
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
    
	/*css3*/
	-webkit-transform:translateZ(0) rotate(0deg);
-ms-transform:translateZ(0) rotate(0deg);
transform:translateZ(0) rotate(0deg);
fill:#fff;
-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.gh rect {
    left: 0;
    top: 0;
   
   /*css3*/
   -webkit-transition:-webkit-transform 0.2s 0.2s;
transition:transform 0.2s 0.2s;
}
.gh svg.top .rect {

	/*css3*/
    -webkit-transform:translate3d(0, -8px, 0);
-ms-transform:translate3d(0, -8px, 0);
transform:translate3d(0, -8px, 0);
}
.gh svg.bottom rect {
	/*css3*/
    -webkit-transform:translate3d(0, 8px, 0);
-ms-transform:translate3d(0, 8px, 0);
transform:translate3d(0, 8px, 0);
}
/***/
.selected .gh {
    -webkit-transform:translateZ(0) rotate(90deg);
-ms-transform:translateZ(0) rotate(90deg);
transform:translateZ(0) rotate(90deg);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.selected .gh svg {
    
	-webkit-transition:-webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transform:translateZ(0) rotate(45deg);
-ms-transform:translateZ(0) rotate(45deg);
transform:translateZ(0) rotate(45deg)

}
.selected .gh svg.bottom {
    -webkit-transform:translateZ(0) rotate(-45deg);
-ms-transform:translateZ(0) rotate(-45deg);
transform:translateZ(0) rotate(-45deg);
}
.selected .gh svg.top {
    -webkit-transform:translateZ(0) rotate(45deg);
-ms-transform:translateZ(0) rotate(45deg);
transform:translateZ(0) rotate(45deg);
}
.selected .gh. rect {
   -webkit-transition:-webkit-transform 0.2s;
transition:transform 0.2s;
}
.selected .gh svg.top rect, 
.selected .gh svg.bottom rect {
    -webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}


@media screen and (max-width: 1000px) {    
  .gh{ display:block; background:#0052A8;}
  .wrapper{
  	width:auto;
  }
  .header{
	width:auto; border-bottom:3px solid #0052A8; height:70px;
  }
.header .lan{ }
  .header .logo{
  	padding-right:20px; padding-left:10px; background:none; margin-top:15px; 
  }
   .header .logo img{ width:250px;}
  .naver{
  	background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:99;  display:none; margin-top:0;
  }
  .header.selected .naver{ display:block;}
  .naver ul{
   padding-left:0;padding-left:0; padding-top:60px;
  }
  .naver ul li{
  	float:none; display:block; text-align:center; margin-bottom:10px; height:auto; width:auto; padding:0; background:none;
  }
  .naver ul li a{ color:#fff;}
  .naver ul li.n1,.naver ul li.n2,.naver ul li.n3,.naver ul li.n4{ background:none;}
  .naver li  a{
  }
  .naver .sub{
	position:static; width:auto; padding:0; border-radius:0; padding-top:20px;
  }
 
}
@media only screen and (max-width:760px) {
	.header .logo{
		width:70%; text-align:left; padding-top:4px;
	}
	
	.main-title{ text-align:center; padding:20px 0; color:#666464;}
.main-title h2{ border-bottom:1px solid #DDDDDD; color:#0052a8; font-weight:bold; text-transform:uppercase; line-height:20px; height:12px; margin-bottom:14px;}
.main-title h2 strong{ display:inline-block; *display:inline; zoom:1; font-size:20px; margin-bottom:-24px; background:#fff; padding:0 10px;}
.main-title h2 em{ font-family:Tahoma, Geneva, sans-serif; font-style:italic; padding-left:10px; font-size:14px;}
.business_wp{ padding:10px;}
.business_wp .info-list { width:100%; overflow:hidden; padding-bottom:30px;}
.business_wp .info-list ul { width:100%;}
.business_wp .info-list ul li{ width:auto; float:none; margin-right:0; line-height:20px; margin-bottom:24px;}
.business_wp .info-list ul li h3{ font-size:16px; padding:10px 0 5px 0;}

.about_wp { background:#F1F1F0 url(../images/bg.jpg) no-repeat center bottom; background-size:cover; height:auto; position:relative; padding:10px;}
.about_wp .wrapper{height:auto; padding-bottom:40px;}
.about_wp .info-box h4{ font-size:15px; line-height:150%; font-weight:bold; text-align:center; color:#222; display:block; padding:0 0 14px 0;}


.news_wp{ padding:30px 10px 10px 10px;}
.news_wp .info-box .lft{ float:none; width:auto; border-bottom:1px solid #ABABAB;}
.news_wp .info-box .lft ul { padding-right:0;}
.news_wp .info-box .lft ul li{ margin-bottom:22px;}
.news_wp .info-box .rgt{ width:auto; height:auto; line-height:26px; float:none; padding-top:20px; border-left:none; padding-left:0;}



.coop_wp{ padding:10px 10px;}
.coop_wp .info-box{ width:100%; overflow:hidden;}
.coop_wp .info-box ul { width:auto; padding-left:1px; padding-bottom:20px; font-size:0; padding-top:1px;}
.coop_wp .info-box ul li{ float:left; font-size:12px; height:auto; width:50%; display:inline-block; margin-right:0; margin-bottom:0; margin-top:-1px; margin-left:-1px; }
.coop_wp .info-box ul li a{border:1px solid #ccc; display:block;width:100%; height:auto; overflow:hidden;}
.coop_wp .info-box ul li img{ display:block; width:100%; height:auto;  }
.coop_wp .info-box ul li a:hover{ border:1px solid #ccc;}
.coop_wp .info-box .more{ text-align:center; border-bottom:1px solid #ddd; margin-bottom:50px;}
.coop_wp .info-box .more a{display:block;  font-size:16px; width:115px; height:30px; line-height:30px; margin:0 auto; background:#C6271A; text-align:center; color:#fff; margin-bottom:-15px;}
.coop_wp .info-box .more a:hover{ background:#0052A8; color:#fff; text-decoration:none;}


.footer{
	background:#236BB6;clear:both; font-size:14px; padding-top:0;
}
.footer .links{ color:#fff; padding:15px 0; border-bottom:1px solid #094195;}
.footer .links h3{ float:none; width:auto; border-bottom:1px solid #fff; text-align:left; font-size:16px; padding-left:10px; padding-bottom:10px;}
.footer .links h3 strong{ display:block; font-size:16px; line-height:100%; margin-bottom:5px;}
.footer .links h3 span{ font-size:12px; display:block; line-height:100%;}
.footer .links ul{ margin-left:0; padding:10px 0;}
.footer .links ul li{ float:none; line-height:28px; height:28px; padding:0 10px;}
.footer .links ul li a{ color:#fff;}


.footer .info{
		overflow:hidden; padding:20px 0;color:#fff; padding-bottom:22px; 
}
.footer .info .txt{
	float:left; display:inline; margin-left:10px; width:auto; padding-right:10px; padding-bottom:15px; font-size:12px; line-height:28px;
}

.footer .img{ float:none; padding-left:10px; margin-top:0; padding-bottom:10px;}
.footer .img img{ display:block; width:76px; height:54px;}

.footer .codes{ float:none; padding-left:10px;}
.footer .codes ul li{ float:left;width:116px; text-align:center;}
.footer .codes ul li img{ display:block; width:96px; margin:0 auto; height:96px; margin-bottom:8px; text-align:center;}
.footer .codes ul li strong{
	 color:#fff; font-size:12px; display:block; font-weight:normal;
}
.footer .bottom{
	background:#0052A8; height:auto; padding:10px 10px; font-size:12px; text-align:center; line-height:24px; color:#e1e8f2;
}
.footer .bottom a{ margin:0 12px; color:#e1e8f2;}

.sub-nav { display:table; width:100%;}
.sub-nav ul { display:table-row;}	
.sub-nav ul li{ float:none; display:table-cell; text-align:center;} 
.sub-nav ul li a{ display:inline-block;padding:0 0; text-align:center; text-align:center; width:100%;color:#fff; font-size:13px;}
.sub-nav ul li.on a,.sub-nav ul li a:hover{ background:#0A6FEB; color:#fff; text-decoration:none;}
.sub-list .list li{ background:#232323; padding:30px; padding-left:15px; margin-bottom:15px; padding-right:0;}
.sub-list .list li .img{ float:left; width:18%; text-align:center; padding:0 2%; height:auto; padding-top:20px;}
.sub-list .list li .img img{ width:100%; height:auto;}
.sub-list .list li .desc{ margin-left:24%; width:50%;}
.sub-list .list li .fr{ float:right; width:22%;}
.sub-list .list li .desc h3{ height:40px; line-height:40px; margin-bottom:0; overflow:hidden; color:#cbcbcb; font-size:20px;}
.sub-list .list li .desc h3 a{  color:#cbcbcb;}
.sub-list .list li .desc p{ color:#b6b6b6; font-size:12px; line-height:22px; height:65px; overflow:hidden;}
.sub-list .list li .fr { height:80px; border-left:1px solid #2E2E2E; padding-top:20px; font-size:11px;}
.sub-list .list li .fr .view{width:45px; }
.sub-list .list li .fr .view i{  display:block; width:40px; height:44px; background:url(../images/img5.png) no-repeat 0 0; margin-bottom:10px; background-size:100% 88px; }
.sub-list .list li .fr .view:hover { color:#fff; text-decoration:none;}
.sub-list .list li .fr .view:hover  i{ background-position:0 -44px;}
.sub-list .list2 li{ background:#232323; padding:15px 10px; margin-bottom:15px; padding-right:0;}
.sub-list .list2 li .img{ float:left; width:25%; text-align:center; height:auto;}
.sub-list .list2 li .img img{ width:100%; height:auto;}
.sub-list .list2 li .desc{ margin-left:28%; width:51%;}
.sub-list .list2 li .fr{ float:right; width:20%;}
.sub-list .list2 li .desc h3{ height:30px; line-height:30px; overflow:hidden; color:#cbcbcb; font-size:20px; margin-bottom:6px;}
.sub-list .list2 li .desc h3 a{  color:#cbcbcb;}
.sub-list .list2 li .desc p{ color:#b6b6b6; font-size:12px; line-height:22px; height:48px; overflow:hidden;margin-bottom:0;}
.sub-list .list2 li .desc .veiw{ display:block;  color:#515151; font-size:14px;}
.sub-list .list2 li .fr { padding-top:5px;color:#8f8f8f; font-size:14px; text-align:center;}
.sub-list .list2 li .fr  i{  display:block; color:#8f8f8f; font-size:28px;}
.sub-list .list2 li .fr  span{ display:inline-block; *display:inline; zoom:1; font-size:12px; border-top:1px solid #888; padding-top:5px;}

.sub-list .list3 { width:100%; padding-bottom:20px;}
.sub-list .list3 li{ background:#232323; height:347px; width:100%; overflow:hidden; position:relative;margin-bottom:30px; padding-right:0; margin-right:30px; text-align:center; float:none;text-align:center; }
.sub-list .list3 li div{  height:347px;  text-align:center; }
.sub-list .list3 li .img{ display:table; margin:0 auto;}
.sub-list .list3 li .img img{ margin:auto; }
.sub-list .list3 li .img a{ display:table-cell;height:100%; width:100%; vertical-align:middle;}
.sub-list .list3 li span{ display:block; background:url(../images/fd.png) no-repeat; width:71px; height:65px; position:absolute; bottom:0; right:0;}
	
	
}
@media only screen and (max-width:640px) {
	
	
}