﻿@charset "utf-8";
/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:12px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#333; background:#FFF; }
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#0b2fa7; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hidden{display: none;}
.container{
	width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #1c2b4c;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #1c2b4c, 0 0 5px #1c2b4c;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

/*pub Top*/
.pubTop{width: 100%;height: 100px;min-width: 1200px;overflow: hidden;position: fixed;background: #ffffff;z-index: 999;box-sizing: border-box;}
.pubTop em{
 	display: block;
    position: absolute;
     bottom: 0px;
    width: 100%;
    height: 1px;
   	background: #d2d2d2;
   	z-index: 998;
}
.pubTop .pubLogo{width: 225px;margin-top: 18px;float: left;}
.pubTop .pubLogo img{width: 100%;}
.pubTop .pubNav{width:975px;height: 100px;line-height: 100px;float: left;overflow: hidden;}
.pubTop .pubNav ul{overflow: hidden;height: 100%;float: left;margin-left: 140px;}
.pubTop .pubNav ul li{width: 92px;margin: 0px 5px; height: 100%; float: left;text-align: center;position: relative;}
.pubTop .pubNav ul li a{width: 100%;height: 100%;line-height: 100px;font-size: 15px;color: #666666;display: block;}

.pubTop .pubNav ul li em{    
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 0px;
    height: 2px;
    background: #1c2b4c;
    z-index: 999;
    transition: all 0.3s ease-out;
}
.pubTop .pubNav ul li:hover em{ width:100%; left:0;}
.pubTop .pubNav ul li:hover a{color: #1c2b4c;font-weight: bold;}

.pubTop .pubNav ul li.on em{ width:100%; left:0;}

/*.pubTop .pubNav ul li:hover{border-bottom:2px solid #1d2288; height: 98px;}
.pubTop .pubNav ul li:hover a{color: #1D2288;font-weight: bold;line-height: 102px;}
.pubTop .pubNav ul li.on{border-bottom:2px solid #1d2288; height: 98px;}
.pubTop .pubNav ul li.on a{color: #1D2288;font-weight: bold;line-height: 102px;}*/



.pubTop .pubNav span{margin-left: 10px;border-left: 1px solid #c6c6c6;}
.pubTop .pubNav span img{vertical-align: middle;margin-top: -2px;}
.pubTop .pubNav span a{margin-left: 30px;}
.pubTop .nav_drop{position: fixed;width: 100%;height:2000px!important;background: rgba(0,0,0,.5);top: 100px;display: none;opacity: 0;overflow: hidden;z-index: 999;}
.pubTop .nav_drop .drop_nav{width:100%;height:250px;background: #FFFFFF;position: absolute;margin-top: 0px;}
.pubTop .nav_drop .drop_nav>ul .dropList{width: 100%;height: 100%;}
.pubTop .nav_drop .drop_nav>ul .dropList{width: 100%;height: 100%;}
.pubTop .nav_drop .drop_nav>ul .dropList ul{float: left;margin-top: 30px;} 
.pubTop .nav_drop .drop_nav>ul .dropList ul li{width: 92px;height: 35px;line-height: 35px;margin-left: 20px;}
.pubTop .nav_drop .drop_nav>ul .dropList ul li a{color: #333333;font-size: 13px;}
.pubTop .nav_drop .drop_nav>ul .dropList .drop_show{float: left;margin-top: 30px;} 



.pubTop .nav_R{float: left;overflow: hidden;height: 100%;}
.pubTop .nav_R em{height: 20px;width: 1px;top:40px; background: #e5e5e5;position: absolute;}
.pubTop .nav_R .wx_code{width: 46px;height: 42px; position: fixed;z-index: 999; background: url(../images/drop_wx_s.png) no-repeat center;display: inline-block;margin-top: 30px;margin-left: 15px;}
.pubTop .nav_R .wx_code:hover{height: 41px;width: 45px; border:1px solid #e5e5e5;border-bottom: none;}
.pubTop .nav_R .wx_code .drop_wx{width: 146;height: 144px; position: absolute;z-index: 99998;top: 40px;left: -99px;margin-top: -1px;display: none;}

.pubTop .nav_R .drop_search{width:18px;height: 100px;background: url(../images/index_02.png) no-repeat center center;display: inline-block;position: fixed;margin-left: 70px;border: none;}
.pubTop .nav_R .drop_search a{width: 100%;height: 100%;display: block;margin-left: 0px;}
.pubTop .nav_R .drop_search .search_con{width: 295px;height: 56px;background: #1c2b4c;margin: 0px;font-size:0px;position: absolute;top: 100px;left: -277px;display: none;}
.pubTop .nav_R .drop_search .search_con #keyword{float:left;width: 80%;height: 56px;line-height: 56px;text-indent: 15px;border: none;background: #1c2b4c;display: block;outline:none;color: #FFFFFF;}
.pubTop .nav_R .drop_search .search_con #search_btn{width: 20%;height: 56px;background: url(../images/drop_search.png) no-repeat center #1c2b4c;border: none;outline: none;float: right;cursor: pointer;} 

/*pub Top*/


/* banner start 
@keyframes ripple {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
100% {
transform: scale(1.2, 1.2) rotate(10deg);
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
}
}*/

.mt100{height: 100px;}
.carousel-btn {text-align:center;margin:10px 0;}
.carousel-btn a {display:inline-block;width:60px;height:5px;margin:0 5px;background:#f3f4f6;vertical-align:middle;}
.carousel-btn .selected {background:#e47d04;cursor:default;}
.carousel-btn a span {display:none;}
.carousel-btn-fixed {width:100%;position:absolute;bottom:50px;left:0;margin:0;z-index:100;}
.carousel {position:relative;padding:0px;overflow:hidden;min-width:1200px;}

.carousel-item {position:relative;float:left;display:block;}
.carousel-item .carousel-img {display:block;}
.carousel-item .carousel-img a[href="javascript:;"] {cursor:default;}
.carousel-item .carousel-img img {display:block;}
.responsive-carousel {overflow:hidden;}
.responsive-carousel .carousel-item img {width:100%;height:auto !important;}
.responsive-carousel .carousel-direction {display:none;}
.responsive-carousel:hover .carousel-direction {display:block;}
.responsive-carousel-set .carousel-info-inner h3 {font-weight:normal;}
/* banner end */

.in_banbox{ clear:both; width:100%; height:696px; overflow:hidden; position:relative;}
.in_banbox .ban_box{ width:100%; height:100%; overflow:hidden;}
.in_banbox .ban_box{ width:10000px;}
.in_banbox .ban_box_1,.in_banbox .ban_box_2{ float:left;}
.in_banbox .ban_box img{
	width:1920px;margin-left:-960px;left:50%;position:relative; display:block; overflow:hidden;
	/*
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 1.0s ease-out 0s;
		-moz-transition: all 1.0s ease-out 0s;
		-o-transition: all 1.0s ease-out 0s;
		transition: all 1.0s ease-out 0s;
		*/
	}
.adsh{
-webkit-animation-name:'ripple';/*鍔ㄧ敾灞炴€у悕锛屼篃灏辨槸鎴戜滑鍓嶉潰keyframes瀹氫箟鐨勫姩鐢诲悕*/
-webkit-animation-duration: 5s;/*鍔ㄧ敾鎸佺画鏃堕棿*/
-webkit-animation-timing-function: ease; /*鍔ㄧ敾棰戠巼锛屽拰transition-timing-function鏄竴鏍风殑*/
-webkit-animation-delay: 0s;/*鍔ㄧ敾寤惰繜鏃堕棿*/
-webkit-animation-iteration-count: 1;/*瀹氫箟寰幆璧勬枡锛宨nfinite涓烘棤闄愭*/
-webkit-animation-direction: alternate;/*瀹氫箟鍔ㄧ敾鏂瑰紡*/
	}
.in_banbox .ban_box li:hover img{
	/*
	transform: scale(1.02, 1.02) rotate(10deg);
		-webkit-transform: scale(1.02, 1.02);
		-moz-transform: scale(1.02, 1.02);
		-o-transform: scale(1.02, 1.02);
		-ms-transform: scale(1.02, 1.02);
		*/
		}
@keyframes ripple {
0% {
 
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
}
100% {
 
	transform: scale(1.2, 1.2) rotate(10deg);
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
}
}

.in_banbox .ban_box li{ float:left; height:728px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.in_banbox .ban_box li a{ display:block; width:100%; height:100%;}
.dilk{position:relative;max-width: 1200px;margin:0 auto;}
.in_banbox .smbox{ position:absolute; /* left:50%; */ bottom: 50px;left: 50px;}
.in_banbox .smbox ul{ overflow:hidden;}
.in_banbox .smbox li{ float:left; width: 16px; height: 16px; margin:0 5px;cursor:pointer; border-radius:50%;background:#FFFFFF;}
.in_banbox .smbox li.cur{background:#FFFFFF;opacity: .6; width:16;border-radius:50px;transition:all 0.3s ease-out 0s;}


/*#kinMaxShow {
	display:block;
	overflow:hidden;
}
#kinMaxShow img {
	overflow:hidden;
	animation: ripple 3s linear 1;
}
#kinMaxShow div{overflow:hidden;}
#kinMaxShow .sub_1 {
	display:block;
	position:absolute;
	opacity:1;
	left:20%;
	top:20%;
}
#kinMaxShow .sub_2 {
	display:block;
	position:absolute;
	opacity:1;
	left:20%;
	top:20%;
}
#kinMaxShow .sub_3 {
	display:block;
	position:absolute;
	opacity:1;
	left:20%;
	top:20%;
}
#kinMaxShow .sub_4 {
	display:block;
	position:absolute;
	opacity:1;
	left:20%;
	top:20%;
}
#kinMaxShow img{display:block;}*/


/* home one */
.homeOne{width: 100%;min-width: 1200px;overflow: hidden;background: #f3f4f6;}
.homeOne .oneTop{margin-top: 55px;text-align: center;}
.homeOne .oneTop h1{font-size: 30px;color: #231915;line-height: 40px;}
.homeOne .oneTop .desc{margin-top: 10px;margin-bottom: 50px;}
.homeOne .oneTop .desc h3{display: inline-block; font-size: 14px;color: #666666;line-height: 20px;margin: 0px 15px;font-weight: normal;}
.homeOne .oneTop .desc i{display: inline-block;width: 85px;height: 1px;position: relative;background: #b5b5b5;top: -5px;}

.homeOne .oneList{
	margin-bottom: 90px;
	overflow: hidden;
}
.homeOne .oneList ul{
	width: 100%;
	overflow: hidden;
}
.homeOne .oneList ul li{
	float: left;
	margin-left: 30px;
	width: 380px;
}
.homeOne .oneList ul li:first-child{
	margin-left: 0px;
}
.homeOne .oneList ul li a:first-child{
	width: 380px;
	height: 225px;
	display: block;
	overflow: hidden;
}
.homeOne .oneList ul li img{
	width: 380px;
	height: 225px;
}
.homeOne .oneList ul li h1{
	margin-top: 30px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.homeOne .oneList ul li p{
	font-size: 14px;
	margin-top: 15px;
	max-height: 40px;
	overflow: hidden;
	color: #666666;
}
.homeOne .oneList ul li .btm{margin-top: 45px;overflow: hidden;}
.homeOne .oneList ul li .btm .float_l{
	height: 25px;
	line-height: 25px;
	background: url(../images/index_06.png) left center no-repeat;
	color: #b6b7b9;
	font-size: 14px;
	text-indent: 25px;
}
.homeOne .oneList ul li .btm .float_r{
	width: 50px;
	height: 25px;
	background: url(../images/index_05.png) right center no-repeat;
}
.homeOne .oneList ul li:hover a>img{
		animation: ripple 3s linear 1;
}

.homeOne .oneList ul li:hover .btm .float_r{
	background: url(../images/index_05_on.png) right center no-repeat;
}
.homeOne .oneList ul li:hover .btm .float_l{
	color: #E9B68A;
	background: url(../images/index_06_on.png) left center no-repeat;
}
.homeOne .oneList ul li:hover h1{
	color: #de7415;
}

/* home one */

/*home two*/
.homeTwo{width: 100%;min-width: 1200px;height:670px;overflow: hidden;background: url(../images/index_03.jpg) no-repeat center;background-size:100% 100%; background-attachment: fixed;}
.homeTwo .container{height:670px;overflow: hidden;}

.homeTwo .twoTop{text-align: center;overflow:hidden;margin-top:55px;}
.homeTwo .twoTop h1{font-size: 30px;color: #e9ebee;line-height: 40px;}
.homeTwo .twoTop .desc{margin-top: 10px;margin-bottom: 50px;}
.homeTwo .twoTop .desc h3{display: inline-block; font-size: 14px;color: #e9ebee;line-height: 20px;margin: 0px 15px;font-weight: normal;}
.homeTwo .twoTop .desc i{display: inline-block;width: 85px;height: 1px;position: relative;background: #e9ebee;top: -5px;}
.homeTwo .twoTop p{font-size: 15px;color: #FFFFFF;text-align: left;line-height: 34px;margin: 0px 5px;} 
.homeTwo .twoTop .more{display:block;width: 200px;height: 50px;line-height:50px;margin:70px auto 50px auto;border: 1px solid #FFFFFF;color: #FFFFFF;font-size:17px;cursor: pointer;}
.homeTwo .twoTop .more:hover{opacity: 0.5;}
.homeTwo .twoTop ul{width: 100%;overflow: hidden;height: 150px;}
.homeTwo .twoTop ul li{
	width: 400px;
	height:100%;
	text-align: center;
	float: left;
}
.homeTwo .twoTop ul li.txt1{
	position:relative;top:100px;
	background: url(../images/txt_01.png) center center no-repeat;opacity: 0;
}
.homeTwo .twoTop ul li.txt2{
	position:relative;top:100px;
	background: url(../images/txt_02.png) center center no-repeat;opacity: 0;
}
.homeTwo .twoTop ul li.txt3{
	position:relative;top:100px;
	background: url(../images/txt_03.png) center center no-repeat;opacity: 0;
}
.homeTwo .twoTop ul li h1{
	font-size: 50px;
	font-weight: normal;
	font-family: dense;
	margin-bottom: 45px;
}
.homeTwo .twoTop ul li h1 span{
	font-size: 35px;
	line-height: 15px;
	vertical-align: top;
	font-weight: normal;
	font-family: dense;
	
}
.homeTwo .twoTop .txt{
	width: 1200px;
	height: 70px;
	margin-bottom: 100px;
	background: url(../images/about_txt.png) center center no-repeat;opacity: 0;
	background-size: 100% 100%;
	overflow:hidden;
}
/*home two*/

/* home three */
.homeThree{
	width: 100%;
	overflow: hidden;
	min-width: 650px;
}
.homeThree .threeTop{
	overflow:hidden;
	width: 100%;
	height: 250px;
	min-width: 650px;
	text-align: center;
	background: url(../images/index_04.jpg) right bottom no-repeat;
}
.homeThree .threeTop h1{font-size: 30px;color: #231915;line-height: 40px;padding-top: 55px;}
.homeThree .threeTop .desc{padding-top: 10px;padding-bottom: 50px;}
.homeThree .threeTop .desc h3{display: inline-block; font-size: 14px;color: #666666;line-height: 20px;padding: 0px 15px;font-weight: normal;}
.homeThree .threeTop .desc i{display: inline-block;width: 85px;height: 1px;position: relative;background: #b5b5b5;top: -5px;}

.homeThree .threeShow{
	width: 100%;
	background: #f8f8f8;
	overflow: hidden;
}
.homeThree .threeShow ul{
	width: 100%;
	overflow: hidden;
	min-height: 250px;
	text-align: center;
	
}
.homeThree .threeShow ul li{
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: left;
}
.homeThree .threeShow ul li:nth-child(even) .img{
	float:right;
}
.homeThree .threeShow ul li:nth-child(even) .con{
	float:left;
	text-align: left;
}
.homeThree .threeShow ul li:nth-child(even) .con .info{
	float:right;
	margin-left: 0px;
	margin-right: 10%;
	text-align: left;
}

.homeThree .threeShow ul .img{
	width: 50%;
	max-width: 50%;
	overflow: hidden;
	float:left;
	position:relative;
}
.homeThree .threeShow ul .img img{
	width: 100%;
	display: block;
}

.homeThree .threeShow ul .img  p{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:#000000;opacity:0;cursor: pointer;}
.homeThree .threeShow ul .img  p a{display:block;position:relative;top:50%;background: url(../images/index_11.png) center center no-repeat ;background-size:100% 100%;height:52px;line-height:52px;font-size:20px;color:#fffefe;width:52px;margin:0 auto;}



.homeThree .threeShow ul .con{
	width: 50%;
	overflow: hidden;
	float:right;
	
}
.homeThree .threeShow ul .con .info{
	width: 60%;
	float: left;
	margin-left: 10%;
	margin-top: 10%;
}

.homeThree .threeShow ul .con .info h1{
	font-size: 27px;
	color: #000000;
	font-weight: normal;
	margin-bottom: 3%;
}
.homeThree .threeShow ul .con .info p{
	line-height: 27px;
	color: #666666;
	font-size: 14px;
}
.homeThree .threeShow ul .con .info a{
	margin-top: 8%;
	width: 200px;
	height: 52px;
	line-height: 52px;
	font-size: 17px;
	color: #666666;
	display: block;
	text-indent: 45px;
	border: 1px solid #ebebeb;
	background: url(../images/index_07_on.png) no-repeat 125px center ;
}
.homeThree .threeShow ul .con .info a:hover{
	color: #ffffff;
	border: 1px solid #ef8200;
	background: url(../images/index_07.png) no-repeat 125px center #ef8200;
}
/* home three */
/* home three */
.homeThree_ny{
	width: 100%;
	overflow: hidden;
	min-width: 650px;
}
.homeThree_ny .threeTop{
	overflow:hidden;
	width: 100%;
	height: 250px;
	min-width: 650px;
	text-align: center;
	background: url(../images/index_04.jpg) right bottom no-repeat;
}
.homeThree_ny .threeTop h1{font-size: 30px;color: #231915;line-height: 40px;padding-top: 55px;}
.homeThree_ny .threeTop .desc{padding-top: 10px;padding-bottom: 50px;}
.homeThree_ny .threeTop .desc h3{display: inline-block; font-size: 14px;color: #666666;line-height: 20px;padding: 0px 15px;font-weight: normal;}
.homeThree_ny .threeTop .desc i{display: inline-block;width: 85px;height: 1px;position: relative;background: #b5b5b5;top: -5px;}

.homeThree_ny .threeShow{
	width: 100%;
	background: #f8f8f8;
	overflow: hidden;
}
.homeThree_ny .threeShow ul{
	width: 100%;
	overflow: hidden;
	min-height: 250px;
	text-align: center;
	
}
.homeThree_ny .threeShow ul li{
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: left;
}
.homeThree_ny .threeShow ul li:nth-child(even) .img{
	float:left;
}
.homeThree_ny .threeShow ul li:nth-child(even) .con{
	float:right;
	text-align: left;
}
.homeThree_ny .threeShow ul li:nth-child(even) .con .info{
	float:left;
	margin-left: 10%;
	text-align: left;
}

.homeThree_ny .threeShow ul .img{
	width: 50%;
	max-width: 50%;
	float:right;
	overflow: hidden;
	position:relative;
}
.homeThree_ny .threeShow ul .img img{
	width: 100%;
	display: block;
}

.homeThree_ny .threeShow ul .img  p{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:#000000;opacity:0;cursor: pointer;}
.homeThree_ny .threeShow ul .img  p a{display:block;position:relative;top:50%;background: url(../images/index_11.png) center center no-repeat ;background-size:100% 100%;height:52px;line-height:52px;font-size:20px;color:#fffefe;width:52px;margin:0 auto;}



.homeThree_ny .threeShow ul .con{
	width: 50%;
	overflow: hidden;
	float:left;
	
}
.homeThree_ny .threeShow ul .con .info{
	width: 60%;
	float: right;
	margin-right:10%;
	margin-top: 10%;
}

.homeThree_ny .threeShow ul .con .info h1{
	font-size: 27px;
	color: #000000;
	font-weight: normal;
	margin-bottom: 3%;
}
.homeThree_ny .threeShow ul .con .info p{
	line-height: 27px;
	color: #666666;
	font-size: 14px;
}
.homeThree_ny .threeShow ul .con .info a{
	margin-top: 8%;
	width: 200px;
	height: 52px;
	line-height: 52px;
	font-size: 17px;
	color: #666666;
	display: block;
	text-indent: 45px;
	border: 1px solid #ebebeb;
	background: url(../images/index_07_on.png) no-repeat 125px center ;
}
.homeThree_ny .threeShow ul .con .info a:hover{
	color: #ffffff;
	border: 1px solid #ef8200;
	background: url(../images/index_07.png) no-repeat 125px center #ef8200;
}



/*pub bottom*/

.pubBottom{width: 100%;min-width: 1200px; height: 370px;overflow: hidden;background: url(../images/index_09.jpg) center center no-repeat;}
.pubBottom .btmList{width: 1000px;margin-top:60px ;float: left;overflow: hidden;}
.pubBottom .btmList ul{float: left;margin-left: 60px;}
.pubBottom .btmList ul:first{margin-left: 0px;}
.pubBottom .btmList ul li a font{font-size:15px;color:#ffffff;display:block;padding-bottom:20px;}

.pubBottom .btmList ul li a {
	color: #a8abb4;
	font-size: 13px;
	line-height: 31px;
	transition:all 0.3s ease-out 0s;
}
.pubBottom .btmList ul li a:hover{
	color: #ffffff;
}
.pubBottom .btmWx{
	width: 164px;
	margin-top:60px ;
	float: right;
}
.pubBottom .btmWx span{
	width: 100%;
	display: block;
	margin-top: 20px;
	text-align: center;
	line-height: 31px;
	color: #FFFFFF;
	font-size: 13px;
}

.pubFoot{
	width: 100%;
	height: 70px;
	min-width: 1200px;
	background: #0d162b;
}
.pubFoot .float_l{width: 80%;}
.pubFoot .float_l span{
	line-height: 70px;
	color: #898b91;
	font-size: 13px;
}
.pubFoot .float_l span img{
	vertical-align:middle;
	margin-top: -4px;
}

.pubFoot .float_l span a,.pubFoot .float_l a:hover{
	color: #898b91;
	font-size: 13px;
	margin-left: 10px;
}

.pubFoot  .share{
	width: 20%;
	color: #898b91;
	line-height: 70px;
	overflow: hidden;
	float: left;
}
.pubFoot  .share span{
	float: left;
	color: #898b91;
	line-height: 70px;
	margin-left: 20px;
}
.bdsharebuttonbox {margin-top: 17px;}
#r1{width:35px;height:35px;background:url(../images/index_10.png) no-repeat left top;margin:0 auto;padding:0px;opacity: 0.7;}
#r1:hover{width:35px;height:35px;background:url(../images/index_10.png) no-repeat left top;margin:0 auto;padding:0px;opacity: 1;}
#r2{width:35px;height:35px;background:url(../images/index_10.png) no-repeat -35px 0px;margin:0 auto;padding:0px;margin-left:5px;opacity: 0.7;}
#r2:hover{width:35px;height:35px;background:url(../images/index_10.png)  no-repeat -35px 0px;margin:0 auto;padding:0px;margin-left:5px;opacity: 1;}
#r3{width:35px;height:35px;background:url(../images/index_10.png) no-repeat -74px 0px;margin:0 auto;padding:0px;margin-left:5px;opacity: 0.7;}
#r3:hover{width:35px;height:35px;background:url(../images/index_10.png)  no-repeat -74px 0px;margin:0 auto;padding:0px;margin-left:5px;opacity: 1;}
#r4{width:35px;height:35px;background:url(../images/index_10.png)  no-repeat -111px 0px;margin:0 auto;padding:0px;margin-left:5px;opacity: 0.7;}
#r4:hover{width:35px;height:35px;background:url(../images/index_10.png) no-repeat -111px 0px;margin:0 auto;padding:0px;margin-left:5px;opacity: 1;}
/*pub bottom*/



.newsBanner{width: 100%;height: 414px;min-width: 1200px;background: url(../images/news_banner.jpg) center center no-repeat;overflow: hidden;text-align: center;}
.industry{background: url(../images/industry_banner.jpg) center center no-repeat;}
.newsBanner h1{margin-top: 155px;font-size: 35px;color: #333333;}
.newsBanner span{font-size: 15px;color: #333333;line-height: 35px;letter-spacing:5px;display: block;}
.newsBanner ul{overflow: hidden;margin: 60px auto 0px auto;display: inline-block;}
.newsBanner ul li{width: 159px;height: 43px;text-align: center;margin-right: 5px;float: left;}
.newsBanner ul li a{display: block;background: #cbcccc;line-height: 43px;font-size: 15px;color: #000000;}
.newsBanner ul li a:hover , .newsBanner ul li.on a{background: #1c2b4c;color: #FFFFFF; transition:all .4s linear 0s;} 

.newList{
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
	background: #fafafa;
}

.newList .position{
	margin: 25px 0px;
}
.newList .position img{
	margin:0px 13px;
	margin-left: 0px;
	vertical-align: middle;
	margin-top: -4px;
}
.newList .position{
	line-height: 20px;
	font-size: 14px;
	color: #666666;
}
.newList .position a{
	line-height: 20px;
	font-size: 14px;
	color: #666666;
}

.newList ul{
	width: 100%;
	overflow: hidden;
	min-height: 200px;
}
.newList ul li{
	float: left;
	margin-right: 30px;
	width: 380px;
	margin-bottom: 35px;
	overflow: hidden;
	cursor: pointer;
}
.newList ul li>a{
	width: 380px;
	height: 225px;
	display: block;
	overflow: hidden;
}
.newList ul li:nth-child(3n){
	margin-right: 0px;
}

.newList ul li img{
	width: 380px;
	height: 225px;
	display: block;
}
.newList ul li .con{padding-top: 30px;padding-bottom: 20px;border: 1px solid #d7d7d7;border-top: none;background: #FFFFFF;}
.newList ul li .con h1{
	margin: 0px 10px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.newList ul li .con p{
	margin: 0px 10px;
	font-size: 14px;
	margin-top: 15px;
	max-height: 40px;
	overflow: hidden;
	color: #666666;
}
.newList ul li .con .btm{margin: 0px 10px;margin-top: 45px;overflow: hidden;}
.newList ul li .con .btm .float_l{
	height: 25px;
	line-height: 25px;
	background: url(../images/index_06.png) left center no-repeat;
	color: #b6b7b9;
	font-size: 14px;
	text-indent: 25px;
}
.newList ul li .con .float_r{
	width: 50px;
	height: 25px;
	background: url(../images/index_05.png) right center no-repeat;
}
.newList ul li:hover .con{
	background: #1c2b4c;border: 1px solid #1c2b4c;border-top: none;
	transition:all .4s linear 0s;
	
}
.newList ul li:hover a>img{
	animation: ripple 3s linear 1;
}
.newList ul li:hover p{color: #FFFFFF;}

.newList ul li:hover .btm .float_l{
	color: #9e5d2d;
	background: url(../images/index_06_on.png) left center no-repeat;
}
.newList ul li:hover .btm .float_r{
	background: url(../images/index_05_on.png) right center no-repeat;
}
.newList ul li:hover h1{
	color: #FFFFFF;
}
/*newCon*/
.newList .newCon{min-height: 400px;margin-bottom: 30px;}
.newList .newCon .top{width: 100%;text-align: center;border-bottom: 1px solid #C8C8C8;}
.newList .newCon .top>span{margin: 25px 0px;display: block;margin-bottom:10px;}
.newList .newCon .top .bshare-custom{margin-bottom:25px;}
.newList .newCon .con{padding: 20px 10px;}
.newList .newCon .con {
	line-height: 25px;
}
.newList .newCon .btm span{
	margin-left: 10px;
	display: block;
	line-height: 30px;
}
.newList .newCon .btm span a{color: #333333;}




/*about*/

.aboutBanner{width: 100%;height: 567px; overflow: hidden;background: url(../images/about_banner_02.jpg) no-repeat center;clear: both;text-align:center;}

.aboutBanner h1{margin-top: 191px;font-size: 41px;color: #ffffff;}
.aboutBanner span{font-size: 23px;color: #ffffff;line-height: 35px;letter-spacing:5px;display: block;font-weight:100;}

.aboutBanner .about_btn{overflow: hidden;}
.aboutBanner .about_btn a{width: 14px;height: 14px;display: block;}
.aboutBanner .about_btn a{
    position: absolute;
    top:530px;
    left: 50%;
    width: 14px;
    height: 14px;
    margin-left: -7px;
    border-left: 3px solid #FFFFFF;
    border-bottom: 3px solid #FFFFFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
    }
@-webkit-keyframes sdb05 {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-10px, 10px);
		opacity: 0;
	}
}
@keyframes sdb05 {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-10px, 10px);
		opacity: 0;
	}
}

#aboutDiv{ position:fixed; right:20px; top:48%; z-index:1;display:none;}
#aboutDiv li{ width:8px; height:8px;border-radius: 4px; margin-bottom:8px; position:relative; background:#2c2b2b; cursor:pointer;}
#aboutDiv li.cur{ background:#1c2b4c;}
#aboutDiv li img{ cursor:pointer;}
#aboutDiv li div{ width:107px; height:22px; border-radius: 11px; line-height:20px; text-align:center; color:#FFF; background:#1c2b4c; cursor:pointer; position:absolute; top:-7px; left:-125px; z-index:2; display:none;}


.aboutOne{width: 100%;min-width: 1200px;overflow: hidden;}
.aboutOne .oneTop{margin-top: 55px;text-align: center;}
.aboutOne .oneTop h1{font-size: 30px;color: #231915;line-height: 40px;}
.aboutOne .oneTop .desc{margin-top: 10px;margin-bottom: 50px;}
.aboutOne .oneTop .desc h3{display: inline-block; font-size: 14px;color: #666666;line-height: 20px;margin: 0px 15px;font-weight: normal;}
.aboutOne .oneTop .desc i{display: inline-block;width: 85px;height: 1px;position: relative;background: #b5b5b5;top: -5px;}

.aboutOne .oneCon {font-size: 14px;color: #333333;line-height: 31px;text-indent: 2em;}
.aboutOne .oneBtm img{margin: 0 auto;display: block; margin-top: 20px;}

.aboutTwo{width: 100%;min-width: 1200px;height:790px;overflow: hidden;background: url(../images/about_11.jpg) no-repeat center;background-attachment:fixed;background-size:100% 100%;}
.aboutTwo .twoTop img{margin: 0 auto;display: block; margin-top: 70px;margin-bottom: 30px;}

.aboutTwo .twoTop{margin-top: 55px;text-align: center;}
.aboutTwo .twoTop h1{font-size: 30px;color: #FFFFFF;line-height: 40px;}
.aboutTwo .twoTop .desc{margin-top: 10px;margin-bottom: 50px;}
.aboutTwo .twoTop .desc h3{display: inline-block; font-size: 14px;color: #FFFFFF;line-height: 20px;margin: 0px 15px;font-weight: normal;}
.aboutTwo .twoTop .desc i{display: inline-block;width: 85px;height: 1px;position: relative;background: #b5b5b5;top: -5px;}

.aboutTwo .twoCon .conLeft{width: 430px;overflow: hidden;float: left;}
.aboutTwo .twoCon .conRigth{width: 770px;overflow: hidden;float: left;}

.picScroll-top {margin: 11px 35px;padding:0px 30px;background: rgba(255,255,255,0.1);}

.picScroll-top .next,.picScroll-top .prev{width:100%;height:20px;display:block;cursor: pointer;}
.picScroll-top .prev{background: url(../images/about_pre.png) no-repeat center;padding-top: 20px;}
.picScroll-top .next{background: url(../images/about_next.png) no-repeat center;padding-bottom: 20px;}
.picScroll-top .bd {overflow: hidden;margin-top: 20px;}
.picScroll-top .bd li{width: 300px;height: 181px;margin-bottom: 20px;}
.picScroll-top .bd li img{width: 100%;height: 100%;display: block;}

.aboutTwo .twoCon .conRigth .info{color: #FFFFFF;margin-top: 11px;font-size: 14px;color: #d8d6d6;}
.aboutTwo .twoCon .conRigth .info .left{float: left;width: 335px;padding:0px 25px;overflow: hidden;}
.aboutTwo .twoCon .conRigth .info .right{float: left;width: 335px;padding:0px 25px;overflow: hidden;}
.aboutTwo .twoCon .conRigth .info h1{font-size: 16px;color: #FFFFFF;margin-bottom: 10px;}
.aboutTwo .twoCon .conRigth .info p{font-size: 14px;color: #d8d6d6;margin-bottom: 25px;line-height: 25px;}

.aboutThree{width: 100%;min-width: 1200px;overflow: hidden;}
.aboutThree .threeTop img{margin: 0 auto;display: block; margin-top: 70px;margin-bottom: 40px;}
.aboutThree .threeTop{margin-top: 55px;text-align: center;}
.aboutThree .threeTop h1{font-size: 30px;color: #231915;line-height: 40px;}
.aboutThree .threeTop .desc{margin-top: 10px;margin-bottom: 50px;}
.aboutThree .threeTop .desc h3{display: inline-block; font-size: 14px;color: #666666;line-height: 20px;margin: 0px 15px;font-weight: normal;}
.aboutThree .threeTop .desc i{display: inline-block;width: 85px;height: 1px;position: relative;background: #b5b5b5;top: -5px;}

.aboutThree .threeCon{width: 1130px;margin: 0px 35px;background: #F6F6F6;overflow: hidden;margin-bottom: 60px;}
.aboutThree .threeCon .left{width: 810px;height:474px;float: left;overflow: hidden;}
.aboutThree .threeCon .left .info{padding: 42px 53px 0px 50px;color: #333333;line-height: 32px;font-size: 14px;}
.aboutThree .threeCon .left img{ float: right;margin-top: 30px;}
.aboutThree .threeCon .right{width:320px;float: left;}
.aboutThree .threeCon .right img{display: block;}


.aboutFour{width: 100%;min-width: 1200px;overflow: hidden;background: url(../images/about_12.jpg) no-repeat center;background-size:100% 100%;}
.aboutFour .fourTop img{margin: 0 auto;display: block; margin-top: 70px;margin-bottom: 72px;}
.aboutFour .fourTop{margin-top: 55px;text-align: center;}
.aboutFour .fourTop h1{font-size: 30px;color: #231915;line-height: 40px;}
.aboutFour .fourTop .desc{margin-top: 10px;margin-bottom: 15px;}
.aboutFour .fourTop .desc h3{display: inline-block; font-size: 14px;color: #666666;line-height: 20px;margin: 0px 15px;font-weight: normal;}
.aboutFour .fourTop .desc i{display: inline-block;width: 85px;height: 1px;position: relative;background: #b5b5b5;top: -5px;}

.aboutFour .fourTop .olki{width:100%;overflow:hidden;padding-top:20px;}
.aboutFour .fourTop .olki div{position:relative;float:left;left:50%;}
.aboutFour .fourTop .olki div ul{position:relative;float:left;left:-50%;}
.aboutFour .fourTop .olki div ul li{text-align:center;float:left;width:100px;height:35px;margin-left:5px;margin-right:5px;overflow:hidden;}
.aboutFour .fourTop .olki div ul li a{background:#dfdfdf;display:block;line-height:35px;}
.aboutFour .fourTop .olki div ul li a:hover{background:#1c2b4c;color:#fff;font-weight:bold;}
.aboutFour .fourTop .olki div ul .rlj,.olki div ul .rlj:hover{background:#1c2b4c;color:#fff;font-weight:bold;}

.fourCon .iojh{width:1080px;margin:0 auto;overflow:hidden;padding-top:20px;}
.fourCon .iojh ul{width:1200px;position:relative;}
.fourCon .iojh li{width:313px;overflow:hidden;float:left;margin-right:70px;padding-top: 25px;padding-bottom: 10px;}
.fourCon .iojh li a,.iojh li a:hover{display:block;position:relative;top:0px;left:0px;}
.fourCon .iojh li img{width:313px;height:214px;}



.fourCon .honorpos {display:none;}


.fourCon .wp-pagenavi {CLEAR:both; font-weight:100;}
.fourCon .wp-pagenavi A {BORDER-RIGHT:#bfbfbf 1px solid; PADDING-RIGHT:5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM:3px; MARGIN:2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP:3px; BORDER-BOTTOM:#bfbfbf 1px solid; TEXT-DECORATION:none; }
.fourCon .wp-pagenavi span {BORDER-RIGHT:#bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT:5px; PADDING-BOTTOM:3px; MARGIN:2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP:3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION:none; font-weight:100;}
.fourCon .wp-pagenavi A:hover {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR:#000; BORDER-TOP-COLOR:#000; BORDER-RIGHT-COLOR:#000; }
.fourCon .wp-pagenavi span.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR:#000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR:#000; font-weight:100;}
.fourCon .wp-pagenavi span.current {FONT-WEIGHT:bold}
.fourCon .pageNavi {padding-right:0px; padding-left:0px; line-height:50px; MARGIN:0px auto 0px; text-align:center;width:100%;overflow:hidden;}
.fourCon .wp-pagenavi {margin:0px auto; font-weight:100;}
.fourCon .wp-pagenavi A {BORDER-RIGHT:#ccc 1px solid; PADDING-RIGHT:8px! important; BORDER-TOP:#ccc 1px solid; PADDING-LEFT:8px! important; PADDING-BOTTOM:4px! important; MARGIN:2px; BORDER-LEFT:#ccc 1px solid; COLOR:#333! important; PADDING-TOP:4px! important; BORDER-BOTTOM:#ccc 1px solid; TEXT-DECORATION:none! important; }
.fourCon .wp-pagenavi A:link {BORDER-RIGHT:#ccc 1px solid; PADDING-RIGHT:8px! important; BORDER-TOP:#ccc 1px solid; PADDING-LEFT:8px! important; PADDING-BOTTOM:4px! important; MARGIN:2px; BORDER-LEFT:#ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM:#ccc 1px solid; TEXT-DECORATION:none! important; }
.fourCon .wp-pagenavi A:visited {BORDER-RIGHT:#ccc 1px solid; PADDING-RIGHT:8px! important; BORDER-TOP:#ccc 1px solid; PADDING-LEFT:8px! important; PADDING-BOTTOM: 4px! important; MARGIN:2px; BORDER-LEFT:#ccc 1px solid; COLOR:#333! important; PADDING-TOP:4px! important; BORDER-BOTTOM:#ccc 1px solid; TEXT-DECORATION: none! important; }
.fourCon .wp-pagenavi A:hover {COLOR:#1c2b4c! important; BACKGROUND-COLOR:#eee! important;}
.fourCon .wp-pagenavi A:active {BORDER-RIGHT:#ccc 1px solid; PADDING-RIGHT:2px; BORDER-TOP:#ccc 1px solid; PADDING-LEFT:2px; PADDING-BOTTOM:2px; MARGIN:2px; BORDER-LEFT:#ccc 1px solid; PADDING-TOP:2px; BORDER-BOTTOM:#ccc 1px solid; TEXT-DECORATION:none; font-weight:100;}
.fourCon .wp-pagenavi span.pages {BORDER-RIGHT:#ccc 1px solid; PADDING-RIGHT:8px! important; BORDER-TOP:#ccc 1px solid; PADDING-LEFT:8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT:#ccc 1px solid; COLOR:#454545! important; PADDING-TOP:4px! important; BORDER-BOTTOM:#ccc 1px solid; font-weight:100;}
.fourCon .wp-pagenavi span.extend {BORDER-RIGHT:#ccc 1px solid; PADDING-RIGHT:8px! important; BORDER-TOP:#ccc 1px solid; PADDING-LEFT:8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT:#ccc 1px solid; COLOR: #454545! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; font-weight:100;}
.fourCon .wp-pagenavi span.current { PADDING-RIGHT: 8px! important; PADDING-LEFT: 8px! important; PADDING-BOTTOM:4px! important; MARGIN:2px; PADDING-TOP:4px! important; font-weight:bold; border:0px; color:#1c2b4c;}
.tijl{padding-top:40px;padding-bottom:30px; overflow:hidden;width:100%;}

.aboutFour .picScroll-top2{width: 100%;overflow:hidden;text-align: center;}
.aboutFour .picScroll-top2 .picList2{width: 100%;overflow: hidden;}

.aboutFour .picScroll-top2 .picList2 li{float: left;width: 300px;height: 217px;margin: 0px 50px;}
.aboutFour .picScroll-top2 .picList2 li img{width:100%;height:100%;}
.aboutFour .picScroll-top2 .btn{margin-top: 104px;}
.aboutFour .picScroll-top2 .btn a{width: 40px;height: 40px;margin-right: 1px;background: #bfbfbf;color: #FFFFFF;display:inline-block;font-size: 22px;line-height: 40px;cursor: pointer;}
.aboutFour .picScroll-top2 .btn a.prev2{background: url(../images/about_pre_l.jpg) no-repeat center;}
.aboutFour .picScroll-top2 .btn a.prev2:hover{background: url(../images/about_pre_l_on.jpg) no-repeat center;}
.aboutFour .picScroll-top2 .btn a.next2{background: url(../images/about_next_r.jpg) no-repeat center;}
.aboutFour .picScroll-top2 .btn a.next2:hover{background: url(../images/about_next_r_on.jpg) no-repeat center;}






.aboutFive{width:100%;min-width: 1200px;overflow: hidden;}
.aboutFive .fiveTop img{margin: 0 auto;display: block; margin-top: 70px;margin-bottom: 60px;} 
.aboutFive .fiveTop{margin-top: 55px;text-align: center;}
.aboutFive .fiveTop h1{font-size: 30px;color: #231915;line-height: 40px;}
.aboutFive .fiveTop .desc{margin-top: 10px;margin-bottom: 50px;}
.aboutFive .fiveTop .desc h3{display: inline-block; font-size: 14px;color: #666666;line-height: 20px;margin: 0px 15px;font-weight: normal;}
.aboutFive .fiveTop .desc i{display: inline-block;width: 85px;height: 1px;position: relative;background: #b5b5b5;top: -5px;}
.aboutFive .fiveCon{text-align: center;margin-bottom: 130px;}




/*project banner*/
.pro_index{width: 100%;height: 690px;overflow: hidden;min-width: 1200px;}
.pro_index ul{width:100% ;height: 690px;overflow:hidden;}
.pro_index ul li{width: 20%;height:100%;float:left;text-align: center;cursor: pointer;overflow:hidden;}
.pro_index ul li a{width: 136px;height: 137px;display: block;background: url(../images/pro_05.png) no-repeat center;margin: 277px auto;text-align: center;}
.pro_index ul li a span{font-size: 18px;color: #333333;width:80px;display:block;position: relative;top: 48px;margin: 0 auto;}
.pro_index ul li.pro_4 a span{top: 35px;}
.pro_index ul li.pro_1{background: url(../images/pro_06.jpg) no-repeat center;}
.pro_index ul li.pro_2{background: url(../images/pro_07.jpg) no-repeat center;}
.pro_index ul li.pro_3{background: url(../images/pro_08.jpg) no-repeat center;}
.pro_index ul li.pro_4{background: url(../images/pro_09.jpg) no-repeat center;}
.pro_index ul li.pro_5{background: url(../images/pro_10.jpg) no-repeat center;}


.proBanner{width: 100%;height: 420px;background: url(../images/pro_bg.jpg) no-repeat center;overflow: hidden;text-align: center;}
.proBanner h1{margin-top: 155px;font-size: 35px;color: #FFFFFF;}
.proBanner span{font-size: 15px;color: #FFFFFF;line-height: 35px;letter-spacing:5px;display: block;}
.proBanner ul{overflow: hidden;margin: 60px auto 0px auto;display: inline-block;}
.proBanner ul li{width: 159px;height: 43px;text-align: center;margin-right: 5px;float: left;}
.proBanner ul li a{display: block;background: #cbcccc;line-height: 43px;font-size: 15px;color: #000000;}
.proBanner ul li a:hover , .proBanner ul li.on a{background: #ef8200;color: #FFFFFF; transition:all .4s linear 0s;} 

.projectShow{width: 100%;height:100%;overflow: hidden;background: #363636;}
.projectShow .pic_tab{width: 70%;float: left;height: 100%;}
.projectShow .pro_con{width: 30%;float: left;}
.projectShow .pro_con h1{
	margin-top: 10%;
	padding: 0px 25px;
	color: #cbcccc;
	font-size: 19px;
	margin-bottom: 15px;
}
.projectShow .pro_con .con{
	padding: 0px 25px;
	line-height: 25px;
	color:#FFFFFF;
}
.projectShow .slideBox{ height:100%; overflow:hidden; position:relative; margin: 0 auto; }
.projectShow .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:48%; bottom:15px; z-index:1; }
.projectShow .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.projectShow .slideBox .hd ul li{ float:left; margin-right:10px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 5px;}
.projectShow .slideBox .hd ul li.on{ background:#EF8200; color:#fff; }
.projectShow .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.projectShow .slideBox .bd ul{height: 100%;}
.projectShow .slideBox .bd li{ zoom:1; vertical-align:middle;height: 100%;}
.projectShow .slideBox .bd img{  height:100%; display:block; margin: 0 auto;  }

#full {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	bottom: 0px;
	background: #808080;
	overflow: hidden;
	word-break: break-all;
	opacity: 0;
	z-index: -1;
}
#full iframe{border: none;}
#full .closeBtn {
	width: 42px;
	height: 42px;
	display:block;
	position:absolute;
	right:10%;
	top:21%;
	background: url(../images/close.jpg);
}
#full .content {
	width: 100%;
	background: #363636;
}
/*jobs*/
.jobsBanner{width: 100%;height: 415px;min-width: 1200px;background: url(../images/jobs_banner.jpg) top center no-repeat;overflow: hidden;text-align: center;}
.jobsBanner h1{margin-top: 155px;font-size: 35px;color: #333333;}
.jobsBanner span{font-size: 15px;color: #333333;line-height: 35px;letter-spacing:5px;display: block;}
.jobsBanner ul{overflow: hidden;margin: 60px auto 0px auto;display: inline-block;}
.jobsBanner ul li{width: 159px;height: 43px;text-align: center;margin-right: 5px;float: left;}
.jobsBanner ul li a{display: block;background: #cbcccc;line-height: 43px;font-size: 15px;color: #000000;}
.jobsBanner ul li a:hover , .jobsBanner ul li.on a{background: #1c2b4c;color: #FFFFFF; transition:all .4s linear 0s;} 


.jobsList{
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
	background: #fafafa;
}

.jobsList .position{
	margin: 25px 0px;
}
.jobsList .position img{
	margin:0px 13px;
	margin-left: 0px;
	vertical-align: middle;
	margin-top: -4px;
}
.jobsList .position{
	line-height: 20px;
	font-size: 14px;
	color: #666666;
}
.jobsList .position a{
	line-height: 20px;
	font-size: 14px;
	color: #666666;
}
.jobsList p{color: #333333;margin:30px 0px;line-height: 25px;}
.jobsList table{width: 100%;margin-bottom: 90px;}
.jobsList table th,.jobsList table td{width: calc(100%/6);width: -moz-calc(100%/6);width: -webkit-calc(100%6);text-align: center;font-size: 15px;color: #333333;}
.jobsList table th{height: 64px;line-height: 64px;background: #f0f0f0;}
.jobsList table td{height: 64px;line-height: 64px;border-bottom: 1px solid #a6a6a6;}
.jobsList table td a{width: 131px;height: 35px;line-height: 35px;background: #1c2b4c;text-align: center;display: block;color: #FFFFFF;margin: 0 auto;}
.jobsList table td a:hover{background: #ef8000;}


.jobjoin{
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
	background: #fafafa;
}

.jobjoin .position{
	margin: 25px 0px;
}
.jobjoin .position img{
	margin:0px 13px;
	margin-left: 0px;
	vertical-align: middle;
	margin-top: -4px;
}
.jobjoin .position{
	line-height: 20px;
	font-size: 14px;
	color: #666666;
}
.jobjoin .position a{
	line-height: 20px;
	font-size: 14px;
	color: #666666;
}
.jobjoin p{color: #333333;margin:30px 0px;line-height: 25px;}


/*jobjoin*/
.jbs_tb_1{ margin-left:250px;margin-bottom: 60px;}
.jbs_tb_1 th{ text-align:right; font-weight:bold; padding-right:10px; font-size:14px; font-weight:bold;}
.jbs_txt{ width:300px; height:40px; border:1px solid #CCCCCC; font-size:15px; line-height:40px; padding:0 5px;background: #FFFFFF;margin: 10px 0px;}
.jbs_txt:focus{ border:1px solid #1c2b4c;}
.jbs_txtarea{ width:500px; height:150px; border:1px solid #CCCCCC; font-size:15px; padding:5px;background: #FFFFFF;}
.jbs_txtarea:focus{ border:1px solid #1c2b4c;}
.jbs_age{ width:80px;}
.jbs_tel{ width:150px;}
.jbs_hong{ color:#f00;}
.jbs_submit{width: 120px; height:40px; text-align:center; margin: 10px 0px; line-height:40px; color:#333333; font-size:15px; font-weight:bold; border:0px; cursor:pointer; background:#cbcccc;}
.jbs_submit:hover{ background:#1c2b4c; color:#FFF;transition: all .4s linear 0s;}





/*contact*/
.contactBanner{width: 100%;height: 335px;min-width: 1200px;background: url(../images/contact_banner.png) top center no-repeat;overflow: hidden;text-align: center;}
.contactBanner h1{margin-top: 100px;font-size: 40px;color: #333333;}
.contactBanner span{width: 750px; font-size: 14px;color: #999999;line-height: 27px;display: block;margin: 36px auto;}

.contactCon{width: 100%;min-width: 1200px;text-align: center;overflow:hidden;}
.contactCon h1{font-size: 24px;color: #000000;margin-top: 45px;line-height:27px; font-weight: normal;}
.contactCon .span1{font-size: 14px;color: #a3a3a3;line-height: 27px;margin-bottom: 46px;display: block;}
.contactCon ul{margin-top: 45px;margin-bottom:60px;overflow: hidden;}
.contactCon ul li{width: 33%;overflow: hidden;border-right: 1px solid #ededed;float: left;}
.contactCon ul li:last-child{border: none;}
.contactCon ul li span{line-height: 35px;font-size: 14px;color: #a3a3a3;display: block;}
.contactCon ul li a{color:#a3a3a3;}
.contactCon ul li a:hover{color:#a3a3a3;}

.contactCon .position{
	text-align: left;
	margin: 25px 0px;
}
.contactCon .position img{
	margin:0px 13px;
	margin-left: 0px;
	vertical-align: middle;
	margin-top: -4px;
}
.contactCon .position{
	line-height: 20px;
	font-size: 14px;
	color: #666666;
}
.contactCon .position a{
	line-height: 20px;
	font-size: 14px;
	color: #666666;
}
.contactCon p{color: #333333;margin:30px 0px;line-height: 25px;}

#mapiframe{width: 100%;height: 725px;display: block;}
#allmap{width:100%;height: 725px;text-align: center;z-index: 0;}
.mapBtn{width: 100%;height: 56px;line-height: 56px;position: relative;top: 28px;z-index: 998;}
.mapBtn a{width: 306px;height: 56px;line-height: 56px;font-size:14px;color: #FFFFFF;background: #ea7f00;border-radius:28px ;display: block;margin: 0 auto;text-align: center;}
.mapBtn a img{vertical-align: middle;margin: 0px 15px;margin-top: -4px;}


/*guide*/
.guideBanner{width: 100%;height: 414px;min-width: 1200px;background: url(../images/guide_bg.jpg) top center no-repeat;overflow: hidden;text-align: center;}
.guideBanner h1{margin-top: 150px;font-size: 35px;color: #FFFFFF;}
.guideBanner span{font-size: 15px;color: #FFFFFF;line-height: 35px;display: block;}
.guideList{
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
	background: #fafafa;
}

.guideList .position{
	margin: 25px 0px;
}
.guideList .position img{
	margin:0px 13px;
	margin-left: 0px;
	vertical-align: middle;
	margin-top: -4px;
}
.guideList .position{
	line-height: 20px;
	font-size: 14px;
	color: #666666;
}
.guideList .position a{
	line-height: 20px;
	font-size: 14px;
	color: #666666;
}
.guideList .guideCon{padding: 40px 50px;background: #FFFFFF;overflow: hidden;margin-bottom: 60px;}
.guideList .guideCon h1{padding-bottom: 18px;border-bottom: 1px solid #f3f3f3;}
.guideList .guideCon ul {width: 100%;overflow: hidden;margin-top: 18px;}
.guideList .guideCon ul li{width: 14%;text-align: center;float: left;height: 230px;}
.guideList .guideCon ul li img{display: block;margin: 0 auto;}
.guideList .guideCon ul li span{width: 75px;display: block;margin: 10px auto;}
.guideList .guideCon ul li a{color: #666666;}
.guideList .guideCon ul li a:hover{color: #333333;}

.guideList .guideTit{height:60px;line-height:60px;text-align:center;font-size:19px;color:#333333;font-weight:bold;background:url(../images/guide_tit.png) top left repeat-x;border-radius:5px;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;margin-bottom:35px;}
.guideList .guideDetail{height:615px;overflow:hidden;padding:40px 25px;background:#ffffff;margin-bottom:60px;}
.guideList .guideDetail .left{width:180px;float:left;height:100%;padding-top:15px;}
.guideList .guideDetail .left a{width:180px;height:40px;line-height:40px; font-size:15px;color:#1c2b4c;background:url(../images/guide_l.png) top center no-repeat;display:block;text-align:center;font-weight:bold; }
.guideList .guideDetail .left a.on,.guideList .guideDetail .left a:hover{background:url(../images/guide_l_on.png) top center no-repeat;color:#ffffff;}
.guideList .guideDetail .left .arrow{width:100%;height:50px;background:url(../images/guide_arrow.png) no-repeat center;display:block;}
.guideList .guideDetail .right{float:left;width:950px;height:100%;overflow:hidden;margin-left:20px;}
.guideList .guideDetail .right #guideInfo{height:100%;padding-left:20px; line-height:31px;font-size:15px;color:#333333;}


/*feedback*/
.contactCon #form2{margin: 60px auto; }

.jn_main{ padding:60px 0 0 0;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:1000px; margin:0px auto;}
.jn_box .jn_lt{ float:left; width:100px; padding:0 5px 0 0;color: #666666; line-height:40px; text-align:right; font-size:15px; font-weight:bold;}
.jn_box .jn_rt{ float:left; width:360px;}
.jn_box .txt{ width:325px; height:40px; line-height:40px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:15px; outline:none;}
.jn_box input:focus{ border:1px solid #0193DE;}
.jn_box textarea:focus{ border:1px solid #0193DE;}
.jn_box .cod{ width:70px; height:40px; line-height:40px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:15px;  outline:none;}
.jn_box .txtarea{width:792px; height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB;  outline:none;}
.jn_box .btn{ width:120px; height:42px; text-align:center; line-height:40px; border:0px; background:#cbcccc; color:#666666;font-size:15px; font-weight:bold;  cursor:pointer;}
.jn_box .btn:hover{ background:#1c2b4c; color:#FFF;transition: all .4s linear 0s;}
.cl_red{ color:#f00;}
.fd_pro_tb{ width:98%; margin:0 auto; border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8; margin-bottom:20px;}
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.fd_pro_tb th{ background:#F5F5F5; height:40px; line-height:40px; font-weight:normal;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #E8E8E8; width:80px; padding:0 10px; height:22px; line-height:22px; text-align:right;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}


/*css flickr style pagination*/
div.flickr {
	padding:40px 0px 40px 0px;margin:0px; text-align:center; font-family:arial; font-size:14px;
}
div.flickr a {
	border: 1px solid #cbcbcb ; width:40px;height: 40px;line-height:40px;border-radius: 5px; color: #666666; margin-right: 5px; text-decoration: none;display:inline-block;
}
div.flickr a:hover {
	border: #1c2b4c 1px solid;  background: #1c2b4c; color: #fff; 
}
div.meneame a:active {
	border: #1c2b4c 1px solid; background: #1c2b4c; color: #fff; 
}

div.flickr span.current {
	width:40px;height: 40px;border-radius: 5px;line-height:40px; background: #1c2b4c;border: 1px solid #dedfde ; color: #fff;  margin-right: 5px; display:inline-block;
}
div.flickr span.disabled {
	border: 1px solid #cbcbcb ;width:40px;height: 40px;line-height:40px;border-radius: 5px; color: #666666; margin-right: 5px; display:inline-block;
}


.side{position:fixed;width:48px;height:275px;right:-100px;top:47%;z-index:100;}
.side ul li{width:48px;height:48px;float:left;position:relative;margin-bottom: 5px;}
.side ul li .sidebox{position:absolute;width:48px;height:48px;top:0;right:0;transition:all 0.3s;background:#cbcccc;opacity:1;filter:Alpha(opacity=100);color:#fff;font:14px/48px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:48px;height:48px;line-height:48px;display:inline-block;background:url(../images/gotop.png) no-repeat center #1c2b4c; opacity:0.9;filter:Alpha(opacity=90);transition:all 0.3s;}
.side ul li .sidetop:hover{background:url(../images/gotop.png) no-repeat center #1c2b4c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
