/*头部*/

.header-top{

	width: 100%;

	height: 35px;

	background: #333333;

	text-align: right;

	line-height: 35px;

}

.header-top a{

	color: #999;

	margin-left: 20px;

}

.header-top a:hover{

	color: #fff;

}

.logo-box{

	height: 167px;

}

@font-face {font-family: "fzjz";

  src: url('../font/fzjz.ttf'); /* IE9*/

}

.header-tel{

	color: #333;

	line-height: 30px;

	padding-top: 53.5px;

	position: relative;

	padding-left: 70px;

}

.header-tel .num{

	font-size: 24px;

	font-family: 'fzjz';

}

.header-tel .tel-icon{

	position: absolute;

	left: 0;

	top: 58px;

	width: 50px;

	height: 50px;

	display: block;

}

#nav{

	width: 100%;

	height: 60px;

	background: #ce141d;

}
#nav.fixed{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}
#nav ul li{

	float: left;

	position: relative;

	width: 100px;

	margin-right: 45px;

	color: #fff;

	text-align: center;

	height: 60px;

}

#nav ul li a{

	color: #fff;

	display: block;

	width: 100%;

	height: 100%;

}

#nav ul li .nav-father{

	line-height: 40px;

	font-size: 16px;

	height: 40px;

	margin-top: 10px;

	border-radius: 5px;

	cursor: pointer;

	transition: all .1s linear;

	-webkit-transition: all .1s linear;

	-moz-transition: all .1s linear;

	-o-transition: all .1s linear;

	-ms-transition: all .1s linear;

}

#nav ul li:hover .nav-father{

	background: #fff;

	color: #707070;

	box-shadow: 0 0 15px rgba(0,0,0,.25);

}

#nav ul li .nav-father .iconfont{

	margin-left: 2px;

}

#nav ul li .nav-father.on{

	transition: all .1s linear .3s;

	-webkit-transition: all .1s linear .3s;

	-moz-transition: all .1s linear .3s;

	-o-transition: all .1s linear .3s;

	-ms-transition: all .1s linear .3s;

}

#nav ul li .nav-father.active{

	background: #fff;

	color: #707070;

	box-shadow: 0 0 15px rgba(0,0,0,.25);

}

#nav ul li .nav-son{

        overflow: hidden;

	position: absolute;

	left: 0;

	top: 60px;

	width: 100%;

	background: rgba(0,0,0,.9);

	z-index: 100;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

	display: none;

}

#nav .nav-son dd{

	height: 35px;

	line-height: 35px;

}

#nav .nav-son dd a{
	background: #000\9;
}

#nav .nav-son dd.active{

	background: #ce141d;

}

#nav .nav-son dd a:hover{

	background: #ce141d;

}

#nav .drop-item:hover .nav-father{

	height: 50px;

	border-bottom-left-radius: 0;

	border-bottom-right-radius: 0;

	background: #fff;

	color: #707070;

	box-shadow: 0 0 15px rgba(0,0,0,.25);

}

#nav .drop-item .nav-father{

	padding-left: 5px;

}

/*搜索*/

.header-search{

	width: 250px;

	height: 40px;

	border-radius: 5px;

	background: #fff;

	margin-top: 10px;

	overflow-y: hidden;

	font-size: 0;

}

.header-search .input{

	height: 40px;

	width: 210px;

	border: none;

	padding-left: 10px;

	vertical-align: top;

	font-size: 14px;

}

.header-search .submit{

	height: 40px;

	width: 40px;

	background: url(../images/search-icon.png) no-repeat center center;

}





/*轮播*/

.index-banner{ width:100% ;height:562px; overflow:hidden; position:relative; }

.index-banner .hd{ height:15px; overflow:hidden; position:absolute; bottom:30px; z-index:1; left: 50%; margin-left: -33px; }

.index-banner .hd ul{ overflow:hidden; zoom:1; float:left;  }

.index-banner .hd ul li{ float:left; margin-right:10px;  width:12px; height:12px; background:#fff; cursor:pointer; border-radius: 50%; }

.index-banner .hd ul li.on{ background:#ce141d; }

.index-banner .bd{ position:relative; height:100%; z-index:0;   }

.index-banner .bd li{ zoom:1; vertical-align:middle; width: 100%; height: 562px; position: relative;}

.index-banner .prev,

.index-banner .next{ position:absolute; left:260px; top:50%; margin-top:-25px; display:block; width:30px; height:30px; background:url(../images/prev.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.index-banner .next{ left:auto; right:260px; background:url(../images/next.png) no-repeat; }

.index-banner .prev:hover,

.index-banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index-banner .bd li a{
display: block;
width: 100%;
height: 100%;
}

.index-banner .bd li .btn{

	font-size: 0;

	position: absolute;

	left: 50%;

	margin-left: -120px;

	bottom: 140px;

}

.index-banner .bd li .btn a{

	display: inline-block;

	width: 106px;

	height: 40px;

	border-radius: 5px;

	text-align: center;

	line-height: 36px;

	font-size: 18px;

	margin: 0 7px;

}

.index-banner .bd li .btn .more{

	color: #333333;

	border: 2px solid #333;

}

.index-banner .bd li .btn .yuyue{

	color: #fff;

	background: #ce141d;

	border: 2px solid #ce141d;

}



#indexP1{

	width: 100%;

	height: 800px;

	background: url(../images/indexP1-bg.jpg) no-repeat center center;

	background-size: cover;

	position: relative;

	padding-top: 30px;

}

.time-list{

	width: 100%;

	height: 135px;

	position: absolute;

	left: 0;

	bottom: 0;

}

.time-line{

	height: 143px;

	width: 100%;

	border-top: 3px solid #C9C9C9;

	position: relative;

}

.time-line ul{

	position: absolute;

	left: 0;

	top: -45px;

	width: 100000px;

}

.time-line ul li{

	float: left;

	width: 245px;

	text-align: center;

	position: relative;

	cursor: pointer;

	transition: all .7s ease;

	-webkit-transition: all .7s ease;

	-moz-transition: all .7s ease;

	-o-transition: all .7s ease;

	-ms-transition: all .7s ease;

}

.time-box{

	width: 80px;

	height: 80px;

	background: #151515;

	color: #fff;

	border-radius: 50%;

	border: 5px solid #fff;

	text-align: center;

	line-height: 70px;

	font-size: 22px;

	display: inline-block;

	transition: all .7s ease;

	-webkit-transition: all .7s ease;

	-moz-transition: all .7s ease;

	-o-transition: all .7s ease;

	-ms-transition: all .7s ease;

}

.time-tit{

	width: 115px;

	font-size: 14px;

	line-height: 24px;

	height: 48px;

	overflow: hidden;

	color: #3a4040;

	transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	position: absolute;

	left: 0;

	top: 90px;

	transition: all .7s ease;

	-webkit-transition: all .7s ease;

	-moz-transition: all .7s ease;

	-o-transition: all .7s ease;

	-ms-transition: all .7s ease;

}

.time-line ul li.active{

	transform: translateY(-20px);

	-webkit-transform: translateY(-20px);

	-moz-transform: translateY(-20px);

	-o-transform: translateY(-20px);

	-ms-transform: translateY(-20px);

}

.time-line ul li.active .time-box{

	background: #3e3b92;

}

.time-line ul li.active .time-tit{

	transform: rotate(0);

	-webkit-transform: rotate(0);

	-moz-transform: rotate(0);

	-o-transform: rotate(0);

	-ms-transform: rotate(0);

	width: 400px;

	font-size: 24px;

	height: 30px;

	overflow:hidden;

	color: #000;

	text-align: center;

	top:-40px;

	line-height: 30px;

	left: 50%;

	margin-left: -200px;

}



.index-tit h2{

	font-size: 26px;

	font-weight: bold;

	color: #333333;

	line-height: 60px;

	border-bottom: 3px solid #ce141d;

	width: 195px;

}

.index-tit p{

	line-height: 20px;

	color: #646464;

	font-size: 12px;

	margin-top: 10px;

}

.index-tab-hd{

	margin-top: 20px;

}

.index-tab-hd dl{

	width: 100%;

	text-align: center;

	font-size: 0;

}

.index-tab-hd dd{

	font-size: 14px;

	display: inline-block;

	margin: 0 10px;

	cursor: pointer;

	width: 92px;

	height: 40px;

	border: 1px solid #ce141d;

	border-radius: 5px;

	color: #ce141d;

	text-align: center;

	line-height: 38px;

}

.index-tab-hd dd.active{

	background: #ce141d;

	color: #fff;

}

#indexP1 .tab-bd-item{

	margin-top: 50px;

}

#indexP1 .enter{

	width: 135px;

	height: 235px;

	border-radius: 10px;

	background: #ce141d;

	text-align: center;

	transform: translateY(20px);

	-webkit-transform: translateY(20px);

}

#indexP1 .enter a{

	display: block;

	width: 100%;

	height: 100%;

	color: #fff;

	padding-top: 50px;

}

#indexP1 .enter .iconfont{

	font-size: 60px;

	line-height: 80px;

	transform: translateY(20px);

	-webkit-transform: translateY(20px);

}

#indexP1 .enter:hover .iconfont{

	transform: translateX(20px);

	-webkit-transform: translateX(20px);

}

#indexP1 .enter p{

	font-size: 18px;

	font-weight: bold;

	font-style: italic;

	margin-top: 10px;

	text-shadow: 2px 2px 15px rgba(0,0,0,.25);

}

#indexP1 .mainCell{

	position: relative;

	width: 830px;
	height: 235px;
	position: relative;

}

#indexP1 .mainCell ul li{

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	opacity: 0;
	filter:Alpha(opacity=0);

	transform: scale(0.2);

	-webkit-transform: scale(0.2);

	-moz-transform: scale(0.2);

	-o-transform: scale(0.2);

	-ms-transform: scale(0.2);

	transition: all 1s ease;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	-ms-transition: all 1s ease;

}

#indexP1 .mainCell ul li.active{

	opacity: 1;

	filter:Alpha(opacity=100);

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transition: all 1s ease 1s;

	-webkit-transition: all 1s ease 1s;

	-moz-transition: all 1s ease 1s;

	-o-transition: all 1s ease 1s;

	-ms-transition: all 1s ease 1s;

}

#indexP1 .mainCell ul li .img{

	width: 450px;

	height: 235px;

	border: 5px solid #fff;

	border-radius: 10px;

	overflow: hidden;

	box-shadow: 0 10px 10px rgba(0,0,0,.45);

}

#indexP1 .mainCell ul li .img img{

	width: 100%;

	height: 100%;

	border-radius: 5px;

}

#indexP1 .mainCell ul li .txt{

	width: 330px;

	margin-left: 50px;

}

#indexP1 .mainCell ul li h2{

	font-size: 20px;

	color: #333333;

	line-height: 30px;

	//overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 550;

	margin: 20px 0;

}

#indexP1 .mainCell ul li p{

	font-size: 14px;

	color: #535353;

	line-height: 30px;

	text-align: justify;

}



#indexP1 .index-industry{

	margin-top: 80px;

}

.index-industry .img-list{

	width: 589px;

	height: 350px;

	position: relative;

}

.index-industry .img-list li{

	width: 589px;

	height: 350px;

	border-radius: 10px;

	overflow: hidden;

	position: absolute;

	left: 0;

	top: 0;

	display: none;

}

.index-industry .img-list img{

	width: 100%;

	height: 100%;

}

.index-industry .icon-list li{

	color: #343434;

	font-size: 18px;

	line-height: 40px;

	cursor: pointer;

}

.index-industry .icon-list{

	width: 600px;

	margin-top: -18px;

}

.index-industry .icon-list li{

	width: 50%;

	float: left;

	padding-left: 70px;

	margin-top: 22px;

}

.index-industry .icon-list li .num{

	display: inline-block;

	width: 40px;

	height: 40px;

	border-radius: 50%;

	text-align: center;

	border: 1px solid #343434;

	text-align: center;

	line-height: 38px;

	font-size: 20px;

	margin-right: 20px;

}

.index-industry .icon-list li .iconfont{

	font-size: 30px;

}

.index-industry .icon-list li.active{

	color: #3e3b92;

}

.index-industry .icon-list li.active span{

	font-weight: bold;

}

.index-industry .icon-list li.active .num{

	color: #fff;

	background: #3e3b92;

	border-color: #3e3b92;;

}



#indexP2{

	background: #f7f7f7;

	padding: 30px 0 50px 0;

}

#indexP2 ul{
	width: 1210px
}
#indexP2 ul li{

	border: 1px solid #dcdcdc;

	width: 285px;

	position: relative;

	float: left;

	margin-right: 17.5px;
	overflow: hidden;

}


#indexP2 ul li .img{

	width: 285px;

	height: 180px;

	position: relative;

}

#indexP2 ul li .bg{

	position: absolute;

	width: 100%;

	height: 100%;

	background: rgba(62,59,164,.8);

	left: 0;

	bottom: 0;

	opacity: 0;

	filter: Alpha(opacity=0);

	transform: scale(0);

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transition: all .3s ease;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	-ms-transition: all .3s ease;

}

#indexP2 ul li .eye{

	display: block;

	position: absolute;

	width: 40px;

	height: 40px;

	border-radius: 50%;

	border: 1px solid #fff;

	color: #fff;

	text-align: center;

	line-height: 36px;

	font-size: 24px;

	left: 50%;

	top: 50%;

	margin-left: -20px;

	margin-top: -20px;

	opacity: 0;

	filter: Alpha(opacity=0);

	transform: scale(3);

	-webkit-transform: scale(3);

	-moz-transform: scale(3);

	-o-transform: scale(3);

	-ms-transform: scale(3);

	transition: all .4s ease .1s;

	-webkit-transition: all .4s ease .1s;

	-moz-transition: all .4s ease .1s;

	-o-transition: all .4s ease .1s;

	-ms-transition: all .4s ease .1s;

}

#indexP2 ul li .img>img{

	width: 100%;

	height: 100%;

}

#indexP2 .tab-bd{

	margin-top: 36px;

}

#indexP2 ul li .txt{

	width: 100%;

	height: 180px;

	padding: 30px 25px 0;

	text-align: center;

	background: #fff;

}

#indexP2 ul li .tit{

	color: #343434;

	font-size: 14px;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

#indexP2 ul li .content{

	color: #646464;

	margin-top: 15px;

}

#indexP2 ul li .line{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 3px;

	background: #3e3b92;

	transform: scale(0);

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

}

#indexP2 ul li:hover .bg{

	opacity: 1;

	filter: Alpha(opacity=100);

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

}

#indexP2 ul li:hover .line{

	width: 100%;

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

}

#indexP2 ul li:hover .eye{

	opacity: 1;

	filter: Alpha(opacity=100);

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

}

.index-more{

	font-size: 14px;

    display: inline-block;

    cursor: pointer;

    width: 92px;

    height: 40px;

    border: 1px solid #ce141d;

    border-radius: 5px;

    color: #ce141d;

    text-align: center;

    line-height: 38px;

}

#indexP2 .index-more{

	display: block;

	margin:36px auto 0;

}

#indexP3{

	width: 100%;

	padding: 30px 0 50px 0;

	background: url(../images/indexP3-bg.jpg) no-repeat center center;

	background-size: cover;

}

#indexP3 .left{

	width: 550px;

}

#indexP3 .index-tit h2{

	color: #fff;

	border-bottom-color: #fff;

}

#indexP3 .index-tit p{

	color: #fff;

	font-size: 14px;

	line-height: 26px;

	text-align: justify;

}

#indexP3 .index-more{

	color: #fff;

	border-color: #fff;

	margin-top: 41px;

}

#indexP3 .vedio{
	width: 540px;
	height: 284px;
	padding: 5px;
	background: #fff;
	margin-top: 28px;
	padding: 5px;
	cursor: pointer;
	position: relative;
}
#indexP3 .vedio img{
	width: 100%;
	height: 100%;
}
#indexP3 .vedio .icon{
	position: absolute;
	left: 5px;
	top: 5px;
	width: 530px;
	height: 274px;
	background: rgba(0,0,0,.5);
	text-align: center;
	line-height: 274px;
	color: #FFFFFF;
	font-size: 50px;
}
.vedio-mask{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	display: none;
	z-index: 100;
}
.vedio-mask .vedio-box{
	width: 800px;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -250px;
}
.vedio-mask .close{
	position: absolute;
	right: -30px;
	top: -30px;
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #fff;
	text-align: center;
	line-height: 26px;
	font-size: 18px;
	cursor: pointer;
}
.vedio-mask .close:hover{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}


#indexP4{

	padding: 30px 0 50px 0;

}

#indexP4 ul{

	margin-top: 60px;

}

#indexP4 ul li{

	width: 265px;

	text-align: center;

	float: left;

	margin-left: 46.666px;

}

#indexP4 ul li:first-child{

	margin-left: 0;

}

#indexP4 ul li .tit{

	font-size: 22px;

	font-weight: bold;

	color: #343434;

	margin: 30px 0 25px 0;

}

#indexP4 ul li .content{

	line-height: 24px;

	height: 48px;

	overflow: hidden;

}

#indexP4 ul li .icon{

	width: 106px;

	height: 106px;

	background: #f2f2f2;

	font-size: 40px;

	border-radius: 50%;

	margin: 0 auto;

	cursor: pointer;

	position: relative;

}

.trans{

	transition: all .4s ease;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	-ms-transition: all .4s ease;

}

#indexP4 ul li .iconfont{

	width: 106px;

	height: 106px;

	color: #151515;

	font-size: 42px;

	border-radius: 50%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 2;

	line-height: 106px;

}

#indexP4 ul li .bg{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	border-radius: 50%;

	background: #3e3b92;

	opacity: 0;

	filter: alpha(opacity=0);

	transform: scale(.1);

	-webkit-transform: scale(.1);

	-moz-transform: scale(.1);

	-o-transform: scale(.1);

	-ms-transform: scale(.1);

}

#indexP4 ul li .icon:hover .bg{

	opacity: 1;

	filter: alpha(opacity=100);

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

}

#indexP4 ul li .icon:hover .iconfont{

	color: #fff;

}



#indexP5{

	background: #f7f7f7;

	padding: 30px 0 70px 0;

}



#indexP5 .picScroll-left{ width:100%;  overflow:hidden; position:relative; margin-top: 60px; }

#indexP5 .picScroll-left .prev,#indexP5 .picScroll-left .next{ position: absolute; left: 0; display:block; top: 50%; margin-top: -15px; width:18px; height:31px; cursor:pointer; background:url("../images/pic-left.png") no-repeat; opacity: .5; filter: alpha(opacity=50);}

#indexP5 .picScroll-left .next{ background:url("../images/pic-right.png") no-repeat; right: 0; left: auto;}

#indexP5 .picScroll-left .prev:hover,#indexP5 .picScroll-left .next:hover{ opacity: 1; filter: alpha(opacity=100); }

#indexP5 .picScroll-left .bd{ padding: 0 45px; }

#indexP5 .picScroll-left .bd ul{ overflow:hidden; zoom:1; }

#indexP5 .picScroll-left .bd ul li{ height: 110px; margin:0 7.5px; width: 170px; line-height: 110px; text-align: center; float:left; box-sizing: content-box; -moz-box-sizing: content-box;  }

#indexP5 .picScroll-left .bd ul li img{ max-width: 170px; max-height: 110px;}



#footer{

	padding: 50px 0 100px 0;

	background: #151515;

	color: #fff;

	position: relative;

}

#footer .left{

	font-size: 12px;

}

#footer .left .iconfont{

	font-size: 20px;

	margin-right: 10px;

	display: inline-block;

	width: 15px;

	text-align: center;

	vertical-align: -3px;

	color: #ce141d;

}

#footer .left p{

	margin-top: 15px;

}

#footer .left p.address{

	margin-top: 20px;

}

#footer .left p.num{

	margin-top: 0;

	padding-left: 25px;

}

#footer .left .copyright{

	opacity: .5;

	filter: alpha(opacity=50);

	margin-top: 35px;

}

#footer .left .copyright a{
	color:#fff;
}

#footer .right{

	width: 650px;

}

#footer .right .tit{

	font-size: 16px;

	margin-top: 15px;

}

#footer .right .input{

	width: 280px;

	height: 35px;

	background: #fff;

	border-radius: 5px;

	border: none;

	padding-left: 15px;

	font-size: 12px;

	margin-top: 20px;

}

#footer .right .input.name{

	margin-right: 85px;

}

#footer .right .textarea{

	width: 100%;

	height: 110px;

	padding: 10px;

}

#footer .right .index-more{

	background: #ce141d;

	color: #fff;

	margin-top: 15px;

	width: 100px;

}

.footer-top{

	position: absolute;

	width: 60px;

	height: 60px;

	color: #fff;

	background: #3e3b92;

	left: 50%;

	margin-left: -30px;

	top: -30px;

	border-radius: 50%;

	cursor: pointer;

	text-align: center;

	line-height: 60px;

	font-size: 20px;

	transform: rotate(-90deg);

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

}

.footer-top:hover{

	background: #2a2791;

}

.ifram-footer{

	width: 100%;

	height: 496px;

	border: none;

}



/*右侧聊天工具*/

#chatbar{

	position: fixed;

	right: 0;

	top: 50%;

	margin-top: -277px;

	z-index: 200;

	width: 180px;

	background: #f0f0f0;

	border-bottom-left-radius: 5px;

	border: 1px solid #dcdcdc; 

}

#chatbar.open{

	right: -180px;

}

.chat-close{

	position: absolute;

	width: 73px;

	height: 99px;

	left: -73px;

	top: -1px;

	cursor: pointer;

	background: url(../images/chat-close.png) no-repeat;

	color: #3e3b92;

	padding-left: 8px;

	font-size: 13px;

	padding-top: 70px;

}

.chat-close .icon{

	display: inline-block;

	font-size: 20px;

	transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	vertical-align: -1px;

}

.chat-close.active .icon{

	transform: rotate(-90deg);

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

}

.chat-tel{

	text-align: center;

	color: #3e3b92;

	height: 100px;

	padding-top: 5px;

}

.chat-tel .iconfont{

	font-size: 35px;

	line-height: 40px;

}

.chat-list{

	background: #3e3b92;

	padding-top: 1px;

}

.chat-list .tab-hd{

	border-bottom: 3px solid #7472ae;

}

.chat-list .tab-hd dd{

	float: left;

	width: 50%;

	text-align: center;

	height: 50px;

	line-height: 50px;

	color: #3e3b92;

	font-size: 30px;

	background: #7472ae;

	cursor: pointer;

}

.chat-list .tab-hd dd.active{

	background: #3e3b92;

	color: #fff;

}

.chat-list .tab-bd{

	padding: 20px 25px;

}

.chat-list .tab-bd li{

	width: 100%;

	position: relative;

	margin-top: 10px;

}

.chat-list .tab-bd li:first-child{

	margin-top: 0;

}

.chat-list .tab-bd li .tab-father{

	background: #7472ae;

	color: #fff;

	border-radius: 5px;

	height: 26px;

	padding-left: 45px;

	line-height: 26px;

	position: relative;

	cursor: pointer;

	font-size: 12px;

	box-shadow: 2px 2px 10px rgba(0,0,0,.25);

}

.chat-list .tab-bd li .tab-father .iconfont{

	font-size: 16px;

	position: absolute;

	left: 18px;

	top: 0px;

}

.chat-list .tab-bd li:hover .tab-father{

	background: #fff;

	color: #3e3b92;

}

.chat-ewm{

	width: 79px;

	height: 73px;

	background: url(../images/chat-ewm-bg.png) no-repeat;

	padding: 5.5px 11.5px 5.5px 5.5px;

	position: absolute;

	left: -100px;

	top: -24.5px;

	display: none;

}

.chat-ewm img{

	width: 100%;

	height: 100%;

}

.chat-list .tab-bd li:hover .chat-ewm{

	display: block;

	left: -88px;

}

.chat-tousu{

	background: #f0f0f0;

	text-align: center;

}

.chat-tousu a{

	display: block;

	width: 100%;

	height: 100%;

	color: #3e3b91;

	padding: 8px 0;

}

.chat-tousu p{

	margin-top: 5px;

}

.chat-top{

	text-align: center;

	font-size: 16px;

	color: #fff;

	border-bottom-left-radius: 5px;

	height: 40px;

	line-height: 40px;

	cursor: pointer;

	background: #ce141d url(../images/top-icon.png) no-repeat 45px center;

	background-size: 19px auto;

	padding-left: 40px;

}
#chatbar .qq-content .chat-ewm{
    width:200px; 
    height: auto; 
    padding: 10px; 
    border-radius: 5px;
    border: 1px solid #dcdcdc; 
    background: #fff; 
    left: -210px; 
    top: 0;
}
#chatbar .qq-content .chat-ewm .arrow{
    position: absolute;
    top: 7px;
    right: -7px;
    width: 7px;
    height: 11px;
}





/*新闻动态*/

#yd-banner{

	width: 100%;

	height: auto;

	position: relative;

}

#yd-banner .content{

	position: absolute;

	width: 1200px;

	left: 50%;

	margin-left: -600px;

	color: #fff;

	height: 80px;

	top: 50%;

	margin-top: -50px;

}

#yd-banner .tit{

	font-size: 30px;

	font-weight: bold;

	line-height: 36px;

	margin-bottom: 20px;

}

#yd-banner .intro{

	line-height: 28px;

	text-shadow: 0 2px 0 rgba(0,0,0,.75);

	position: relative;

	height: 28px;

	display: inline-block;

	padding-left: 8px;

	color: rgba(255,255,255,.8);

}

#yd-banner .icon-top,#yd-banner .icon-bottom{

	display: block;

	width: 7px;

	height: 7px;

	background: url(../images/banner-icon-top.png) no-repeat;

}

#yd-banner .icon-top{

	position: absolute;

	left: 0;

	top: 0;

}

#yd-banner .icon-bottom{

	background: url(../images/banner-icon-bottom.png) no-repeat;

	position: absolute;

	right: 0;

	bottom: 0;

}



#yd-nav{

	width: 100%;

	height: 50px;

	line-height: 50px;

	border-bottom: 1px solid #d8d8d8;

}

#yd-nav a{

	color: #999999;

}

#yd-nav .yd-path a.active{

	color: #333333;

	font-weight: bold;

}

#yd-nav .nav-right{

	font-size: 16px;

}

#yd-nav .nav-right a{

	margin-left: 20px;

	display: inline-block;

	height: 50px;

}

#yd-nav .nav-right a.active{

	border-bottom: 3px solid #d7000c;

	color: #d7000c;

}

.news-list li{

	padding: 50px 0;

}

.news-list li a{

	display: block;

	width: 100%;

	height: 100%;

}

.news-list li .img{

	width: 230px;

	height: 145px;

}

.news-list li .img img{

	width: 100%;

	height: 100%;

}

.news-list li:nth-child(2n){

	background: #fafafa;

}

.news-list li .time{

	color: #333333;

	text-align: center;

	width: 80px;

	margin-left: 25px;

	height: 145px;

	border-right: 1px solid #D8D8D8;

}

.news-list li .day{

	font-size: 48px;

	line-height: 50px;

}

.news-list li .txt{

	width: 850px;

	padding-left: 20px;

}

.news-list li .tit{

	font-size: 18px;

	font-weight: bold;

	color: #333;

	margin-bottom: 10px;

}

.news-list li .content{

	line-height: 24px;

	height: 72px;

	overflow: hidden;

	width: 700px;

}

.news-list li .arrow{

	width: 100px;

	height: 36px;

	border-radius: 3px;

	border: 1px solid #D8D8D8;

	background: url(../images/news-arrow.png) no-repeat center center;

	position: absolute;

	right: 0;

	top: 50px;

}

.news-list li .box{

	position: relative;

	z-index: 2;

}

.news-list li:hover{

	background: #3e3b92;

}

.news-list li:hover a{

	color: #fff;

}

.news-list li:hover .time{

	color: #fff;

}

.news-list li:hover .tit{

	color: #fff;

}

.news-list li:hover .arrow{

	border-color: #fff;

	background: url(../images/news-arrow2.png) no-repeat center center;

}



.yd-page{

	width: 100%;

	height: 32px;

	text-align: center;

	margin: 40px 0;

}

.yd-page dt,.yd-page dd{

	display: inline-block;

	height: 32px;

	line-height: 32px;

	margin: 0 8px;

}

.yd-page dd a{

	display: block;

	width: 32px;

	height: 32px;

	border-radius: 3px;

	background: #eeedff;

}

.yd-page dd.active a{

	color: #fff;

	background: #3e3b92;

}

.yd-page dt{

	margin: 0 15px;

}

.yd-page dt.forbid a{

	color: #999;

}



/*新闻动态详情*/

.news-tit{

	font-size: 30px;

	color: #333;

	line-height: 40px;

	margin: 50px 0 35px 0;

}

.news-details .name-box{

	width: 100%;

	height: 65px;

	background: #f7f7f7;

	line-height: 65px;

	padding: 0 20px 0 30px;

	border-left: 5px solid #3e3b92;

}

.news-details .name-box .iconfont{

	font-size: 18px;

}

.news-content{

	padding: 20px 0 50px 0;

}



/*

.news-details .bdshare-button-style0-16 a{

	width: 32px;

	height: 32px;

	background: #3e3b92;

	display: inline-block;

	border-radius: 3px;

	transition: all .4s ease-in;

	-webkit-transition: all .4s ease-in;

	-moz-transition: all .4s ease-in;

	-ms-transition: all .4s ease-in;

	-o-transition: all .4s ease-in;

	color: #fff;

	text-align: center;

	line-height: 30px;

	font-size: 16px;

	padding-left: 0;

	margin: 0 10px 0 0;

}

.bdsharebuttonbox{

	height: 32px;

	line-height: 32px;

}

.news-details .bdshare-button-style0-16 a:hover{

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	box-shadow: 0 2px 5px rgba(0,0,0,1);

	opacity: 1;

	filter: alpha(opacity=100);

	color: #fff;

}



*/

.news-details .bdshare-button-style0-16 a{

	width: 32px;

	height: 32px;

	display: inline-block;

	border-radius: 3px;

	transition: all .4s ease-in;

	-webkit-transition: all .4s ease-in;

	-moz-transition: all .4s ease-in;

	-ms-transition: all .4s ease-in;

	-o-transition: all .4s ease-in;

	color: #fff;

	text-align: center;

	line-height: 30px;

	font-size: 16px;

	padding-left: 0;

	margin: 0 10px 0 0;

}

.bdsharebuttonbox{

	height: 32px;

	line-height: 32px;

}

.news-details .bdshare-button-style0-16 .bds_qzone{

	background:#3e3b92 url(../images/kongjian.png) no-repeat center center;

}

.news-details .bdshare-button-style0-16 .bds_weixin{

	background:#3e3b92 url(../images/weixin.png) no-repeat center center;

}

.news-details .bdshare-button-style0-16 .bds_tsina{

	background:#3e3b92 url(../images/weibo.png) no-repeat center center;

}

.news-details .bdshare-button-style0-16 a:hover{

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	box-shadow: 0 2px 5px rgba(0,0,0,1);

	opacity: 1;

	filter: alpha(opacity=100);

	color: #fff;

}

//---------------------

.news-page{

	margin: 30px 0;

}

.page-prev,.page-next{

	display: block;

	line-height: 36px;

	position: relative;

}

.page-prev{

	padding-left: 110px;

}

.page-next{

	padding-right: 110px;

}

.news-page a{

	max-width: 50%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.news-page a:hover{

	color: #3e3b92;

}

.news-page .arrow-prev,.news-page .arrow-next{

	display: inline-block;

	width: 100px;

	height: 36px;

	border-radius: 3px;

	border: 1px solid #D8D8D8;

	position: absolute;

	top: 0;

}

.news-page .arrow-prev{

	left: 0;

	background: url(../images/news-prev.png) no-repeat 41px center;

}

.news-page .arrow-next{

	right: 0;

	background: url(../images/news-arrow.png) no-repeat 21px center;

}

.news-page a:hover i{

	border-color: #3e3b92;

}

.news-page a:hover .arrow-prev{

	background: url(../images/news-prev2.png) no-repeat 16px center;

}

.news-page a:hover .arrow-next{

	background: url(../images/news-arrow3.png) no-repeat 46px center;

}



.about-news-tit{

	font-size: 18px;

	color: #333;

	line-height: 18px;

	border-left: 5px solid #3e3b92;

	padding-left: 5px;

	margin-bottom: 15px;

}

#about-news #indexP2 ul li .txt{

	height: auto;

	padding-top: 0;

}

#about-news #indexP2 ul li .tit{

	line-height: 40px;

}



/*服务流程*/

.service{

	padding: 25px 0 100px 0;

}

.page-tit{

	margin-bottom: 80px;

}

.page-tit .tit{

	font-size: 26px;

	color: #333;

	line-height: 60px;

	background: url(../images/page-tit-bg.png) no-repeat left bottom;

	margin-bottom: 10px;

}

.page-tit .content{

	line-height: 26px;

}

.liucheng-list{

	border-top: 1px dashed #3e3b92;

}

.liucheng-list li{

	text-align: center;

	margin-top: -20px;

	float: left;

	width: 20%;

	background: url(../images/lc-arrow.png) no-repeat right 10px;

}

.liucheng-list li:last-child{

	background: none;

}

.liucheng-list li .tit{

	font-size: 18px;

	color: #3e3b92;

	margin-bottom: 10px;

	font-weight: bold;

}

.liucheng-list li .num{

	display: inline-block;

	width: 40px;

	height: 40px;

	border-radius: 50%;

	background: #3E3B92;

	color: #fff;

	line-height: 40px;

	font-weight: bold;

	font-size: 16px;

}

.liucheng-list li .icon{

	display: block;

	width: 130px;

	height: 150px;

	background: url(../images/lc-icon.jpg) no-repeat;

	margin: 30px auto;

}

.liucheng-list li:nth-child(1) .icon{

	background-position: 0 0;

}

.liucheng-list li:nth-child(2) .icon{

	background-position: 0 -150px;

}

.liucheng-list li:nth-child(3) .icon{

	background-position: 0 -300px;

}

.liucheng-list li:nth-child(4) .icon{

	background-position: 0 -450px;

}

.liucheng-list li:nth-child(5) .icon{

	background-position: 0 -600px;

}



/*在线客服*/

#kefu .item-box{

	width: 50%;

}

#kefu .tit{

	width: 100%;

	height: 36px;

	background: url(../images/kefu-tit-bg.jpg) no-repeat center center;

	text-align: center;

	color: #fff;

	line-height: 36px;

	margin-bottom: 50px;

	margin-left: -100px;

}

#kefu .item-box:first-child{

	border-right: 1px dashed #D8D8D8;

}

#kefu .icon-list li{

	float: left;

	width: 50px;

	margin-right: 28px;

	text-align: center;

	font-size: 12px;

	color: #999;

}

#kefu .icon-list li .iconfont{

	display: inline-block;

	width: 44px;

	height: 44px;

	border-radius: 50%;

	background: #bfbfbf;

	color: #fff;

	font-size: 20px;

	line-height: 42px;

	margin-top: 10px;

	transition: all .4s ease-in;

	-webkit-transition: all .4s ease-in;

	-moz-transition: all .4s ease-in;

	-ms-transition: all .4s ease-in;

	-o-transition: all .4s ease-in;

}

#kefu .qq-list li:hover a{

	color: #ce141d;

}

#kefu .qq-list  li:hover .iconfont{

	background: #ce141d;

	transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-ms-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

}



#kefu .weixin-list .tit{

	background: url(../images/kefu-tit-bg2.jpg) no-repeat center center;

	margin-right: -100px;

	margin-left: auto;

}

#kefu .weixin-list li{

	float: right;

	margin-right: auto;

	margin-left: 28px;

	position: relative;

}

#kefu .weixin-list li:hover a{

	color: #3e3b92;

}

#kefu .weixin-list  li:hover .iconfont{

	transform: rotateY(90deg);

	-webkit-transform: rotateY(90deg);

	-moz-transform: rotateY(90deg);

	-ms-transform: rotateY(90deg);

	-o-transform: rotateY(90deg);

}

#kefu .weixin-list li .ewm{

	width: 62px;

	height: 62px;

	display: block;

	position: absolute;

	left: -5px;

	top: 50px;

	opacity: 0;

	filter: alpha(opacity=0);

	transition: all .4s ease-in .4s;

	-webkit-transition: all .4s ease-in .4s;

	-moz-transition: all .4s ease-in .4s;

	-ms-transition: all .4s ease-in;

	-o-transition: all .4s ease-in;

	transform: rotateY(-90deg);

	-webkit-transform: rotateY(-90deg);

	-moz-transform: rotateY(-90deg);

	-ms-transform: rotateY(-90deg);

	-o-transform: rotateY(-90deg);

}

#kefu .weixin-list li .ewm img{

	width: 100%;

	height: 100%;

}

#kefu .weixin-list li:hover .ewm{

	opacity: 1;

	filter: alpha(opacity=100);

	transform: rotateY(0deg);

	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	-o-transform: rotateY(0deg);

}

#kefu .weixin-list li:hover .icon{

	opacity: 0;

	filter: alpha(opacity=0);

}



/*展台搭建*/

.ztdj-menu{

	padding-top: 15px;

}

.ztdj-menu ul li{

	border-bottom: 1px dotted #D8D8D8;

	line-height: 40px;

}

.ztdj-menu ul li a{

	color: #999;

	padding: 0 20px;

	border-right: 1px solid #D8D8D8;

	line-height: 16px;

	display: inline-block;

}

.ztdj-menu ul li a:hover{

	text-decoration: underline;

	color: #3e3b92;

}

.ztdj-menu ul li a.active{

	color: #3e3b92;

	font-weight: bold;

}

.ztdj-menu ul li a:last-child{

	border: none;

}

.ztdj-menu .result{

	font-size: 18px;

	color: #333;

	padding: 30px 0;

}

.purple{

	color: #3e3b92;

}

.ztdj-menu .result .purple{

	font-weight: bold;

}

.zhantai-list ul li{

	width: 25%;

	float: left;

	padding: 10px;
	margin-top: 10px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;

}

.zhantai-list ul li .img{

	width: 280px;

	height: 155px;

}

.zhantai-list ul li .img img{

	width: 100%;

	height: 100%;

}

.zhantai-list ul li .tit{

	text-align: center;

	font-size: 16px;

	margin: 5px 0;

	padding: 0 5px;

	color: #333;

}

.zhantai-list ul li:hover{

	box-shadow: 0px 0 10px rgba(0,0,0,.25);
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);

}



/*企业文化*/
.culture-slideBox{ width:786px; position:relative; padding-bottom: 30px;}
#culture .hd{ width: 410px; float: left; }
#culture .hd ul li{ padding-left: 20px; border-left: 5px solid #fff; margin-top: 60px; cursor: pointer;}
#culture .hd ul li .tit-en{ font-size: 14px; color: #ce141d;}
#culture .hd ul li .tit{ font-size: 20px; color: #333; margin-top: 5px; }
#culture .hd ul li.on{ border-left: 5px solid #ce141d;}
#culture .hd ul li.on h3{ font-weight: bold;}
.culture-slideBox .bd{ width: 714px; float: left; position: relative; margin-left: 43px;  border: 2px solid #D8D8D8; height: 379px; padding: 5px; }
.culture-slideBox .bd li{ width: 700px;}
.culture-slideBox .bd li .pic-box{ width: 700px; height: 365px; position: relative;}
.culture-slideBox .bd li .content{ font-size: 12px; line-height: 20px; margin-top: 10px;}
.culture-slideBox .bd img{ width:700px; height:365px; display:block;  }
.culture-slideBox .prev,
.culture-slideBox .next{ position:absolute; width: 10px; height: 17px; background: url(../images/arrow-left.jpg) no-repeat; filter:alpha(opacity=50);opacity:0.5; top: 50%; left: -30px; margin-top: -8px; }
.culture-slideBox .next{ background: url(../images/arrow-right.jpg) no-repeat; right: -30px; left: auto; }
.culture-slideBox .prev:hover,
.culture-slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.culture-slideBox .bd li .text{
	color: #fff;
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	text-align: center;
	margin-left: -50px;
	margin-top: -30px;
	z-index: 2;
	filter:alpha(opacity=0);
	opacity:0;
	transform: scale(3);
	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	-ms-transform: scale(3);
	-o-transform: scale(3);
	transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-ms-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
}
.culture-slideBox .bd li .icon{
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 50%;
	font-size: 26px;
	line-height: 36px;
}
.culture-slideBox .bd li .more{
	font-size: 18px;
	margin-top: 10px;
}
/*.culture-slideBox .bd li .pic-box:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(62,59,146,.6);
	left: 0;
	top: 0;
	z-index: 1;
	filter:alpha(opacity=0);
	opacity:0;
	transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-ms-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
}*/
.culture-slideBox .bd li .pic-box:hover .text{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	filter:alpha(opacity=100);
	opacity:1;
}
.culture-slideBox .bd li .pic-box:hover:after{
	filter:alpha(opacity=100);
	opacity:1;
}


/*员工风采*/

.team-tit{ margin-bottom: 30px;}

.game163{ position: relative; overflow: hidden; width: 1200px; }

.game163 .bigImg{ height: 630px; position: relative;}

.game163 .bigImg li img{ vertical-align:middle; width:1200px; height:630px;   }



.game163 .smallScroll{ height: 89.25px; margin-top: 40px; position: relative;}

.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 18px; height: 31px; background: url(../images/pic-left.png) no-repeat; position: absolute; left: 0; top: 50%; margin-top: -15px; filter:alpha(opacity=50);opacity:0.5;}

.game163 .sNext{ background: url(../images/pic-right.png) no-repeat; right: 0; left: auto;}

.game163 .sPrev:hover,

.game163 .sNext:hover{ filter:alpha(opacity=100);opacity:1;  }



.game163 .smallImg{ float:left; padding: 0 36px; display:inline; width: 100%; overflow: hidden;}

.game163 .smallImg ul{ height:89.25px;  width: 9999px; overflow: hidden; }

.game163 .smallImg li{ float: left; width:170px; cursor:pointer;  display: inline; margin: 0 9px; box-sizing: content-box; -moz-box-sizing: content-box; }

.game163 .smallImg img{ border: 3px solid #fff; width:170px; height:89.25px;  }

.game163 .smallImg .on img{ border-color: #ce141d;}



@media only screen and (max-height: 800px){

	.game163{ position: relative; overflow: hidden; width: 1000px; }

	.game163 .bigImg{ height: 525px; position: relative;}

	.game163 .bigImg li img{ vertical-align:middle; width:1000px; height:525px;   }

	.game163 .smallImg{ float:left; padding: 0 86px;}

	.game163 .smallScroll{ height: 63px; margin-top: 20px; position: relative;}

	.game163 .smallImg ul{ height:89.25px;  width: 9999px; overflow: hidden; }

	.game163 .smallImg li{ float: left; width:120px; cursor:pointer;  display: inline; margin: 0 9px; box-sizing: content-box; -moz-box-sizing: content-box; }

	.game163 .smallImg img{ border: 3px solid #fff; width:120px; height:63px;  }

}



/*加入我们*/

.red{

	color: #ce141d;

}

.position .hd{

	width: 100%;

	height: 48px;

	line-height: 48px;

	position: relative;

	background: #f4f4f4 url(../images/join-left.png) no-repeat left center;

	overflow: hidden;

	border-radius: 5px;

	color: #ce141d;

	padding-left: 20px;

	cursor: pointer;

}

.position .hd .tit{

	font-size: 18px;

}

.position .hd .icon{

	position: absolute;

	right: 15px;

	top: 0;

	font-size: 22px;

	display: block;

	transform: rotate(-90deg);

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

}

.position .bd{

	padding: 0 0 20px 20px;

	display: none;

}

.position .bd dl{

	margin-top: 20px;

}

.position .bd dl dt{

	color: #333;

	font-weight: bold;

}

.position li{

	margin-top: 20px;

}

.position li .hd.active{

	background: #ce141d;

	color: #fff;

}

.position li .hd.active .icon{

	transform: rotate(0);

	-webkit-transform: rotate(0);

	-moz-transform: rotate(0);

	-ms-transform: rotate(0);

	-o-transform: rotate(0);

}



/*联系我们*/

#contact .contact-item:first-child{

	border-bottom: 1px dashed #D8D8D8;

}

.contact-item .address{

	font-size: 18px;

	font-weight: bold;

	color: #333;

	margin-top: 35px;

}

.contact-item ul li{

	float: left;

	width: 378px;

	height: 168px;

	border: 1px solid #D8D8D8;

	margin-left: 33px;

	border-radius: 3px;

	color: #999;

	overflow: hidden;

}

.contact-item ul{

	margin: 25px 0 45px 0;

}

.contact-item ul li:first-child{

	margin-left: 0;

}

.contact-item ul li .icon{

	width: 80px;

	background: #f8f8f8;

	height: 100%;

	text-align: center;

	line-height: 168px;

	font-size: 26px;

	color: #cacaca;

}

.contact-item ul li .txt{

	padding: 35px 40px 0 30px;

	width: 296px;

}

.contact-item ul li .tit{

	font-size: 14px;

	color: #333;

	margin-bottom: 25px;

	font-weight: bold;

}

.contact-item ul li:hover{

	border-color: #3e3b92;

}

.contact-item ul li:hover .icon{

	background: #3e3b92;

	color: #fff;

}



/*投诉建议*/

#advice{

	padding-bottom: 65px;

}

#advice .input{

	width: 580px;

	height: 50px;

	border-radius: 3px;

	background: #f2f2f2;

	border: 1px solid #F2F2F2;

	padding-left: 10px;

}

#advice .input:focus{

	border-color: #3e3b92;

}

#advice ul li{

	margin-top: 20px;

}

#advice .textarea{

	width: 1200px;

	height: 220px;

	resize: none;

	padding: 10px;

}

#advice .btn{

	width: 120px;

	height: 50px;

	border-radius: 3px;

	background: #3e3b92;

	color: #fff;

	font-size: 16px;

}

#advice .btn:hover{

	background: #2a2791;

}



/*发展历程*/

.history{

	width: 100%;

	background: url(../images/history-bg.png) no-repeat center center;

}

.history-box{

	background: url(../images/history-line.png) no-repeat center center;

	position: relative;

}

.history-list{

	height: 502px;

	position: relative;

	overflow: hidden;

}

.history-list .time-border{

	width: 70px;

	height: 70px;

	border-radius: 50%;

	background: #ce141d;

	color: #fff;

	text-align: center;

	line-height: 70px;

	font-weight: bold;

	font-size: 20px;

	position: relative;

}

.history-list ul{

	width: 50000px;

	position: absolute;

	left: 7px;

	top: 216px;

}

.history-list li{

	float: left;

	position: relative;

	width: 240px;

}



.history-list .time{

	display: block;

	width: 70px;

	height: 70px;

	cursor: pointer;

	border-radius: 50%;

	border: 3px solid rgba(206,20,29,.1);

	position: absolute;

	left: 0;

	top: 0;

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	opacity: 0;

	filter: alpha(opacity=0);

	transition: all .4s ease-in;

	-webkit-transition: all .4s ease-in;

	-moz-transition: all .4s ease-in;

	-ms-transition: all .4s ease-in;

	-o-transition: all .4s ease-in;

}

.history-list .time-border:hover .time{

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-o-transform: scale(1.2);

	opacity: 1;

	filter: alpha(opacity=100);

}

.history-list .pic-list{

	border-left: 2px solid #ce141d;

	padding: 10px 20px 20px;

	position: absolute;

	bottom: 70px;

	left: 35px;

	height: 208px;

}

.history-list li:nth-child(2n) .pic-list{

	top: 70px;

	bottom: auto;

}

.history-list .pic-list dl{

	margin-top: 10px;

	margin-bottom: 10px;

	width: 380px;

}

.history-list .pic-list dd{

	float: left;

	margin: 0 10px;

	width: 170px;

	height: 120px;

}

.history-list .pic-list dd img{

	height: 100%;

	width: 100%;

}

.history-list .pic-list .content{

	background: url(../images/spot.png) no-repeat 10px center;

	padding-left: 20px;

}

.history-list .circle{

	display: block;

	width: 8px;

	height: 8px;

	border-radius: 50%;

	border: 2px solid #ce141d;

	position: absolute;

	left: -5px;

	top: -8px;

}

.history-list ul li:nth-child(2n) .circle{

	bottom: -8px;

	top: auto;

}

.history-box .prev,.history-box .next{

	display: block;

	width: 34px;

	height: 34px;

	border: 2px solid #D8D8D8;

	border-radius: 50%;

	text-align: center;

	line-height: 32px;

	cursor: pointer;

	font-size: 16px;

	position: absolute;

	top: 50%;

	margin-top: -17px;

	-webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.history-box .prev{

	transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	left: 10%;

}

.history-box .next{

	right: 10%;

}

.history-box .prev:hover,.history-box .next:hover{

	color: #ce141d;

}

@media only screen and (max-width: 1700px){

	.history-box .prev{

		left: 5%;

	}

	.history-box .next{

		right: 5%;

	}

}

@media only screen and (max-width: 1500px){

	.history-box .prev{

		left: 2%;

	}

	.history-box .next{

		right: 2%;

	}

}

@media only screen and (max-width: 1400px){

	.history-box .prev{

		left: 1%;

	}

	.history-box .next{

		right: 1%;

	}

}

@media only screen and (max-width: 1300px){

	.history-box .prev{

		left: 10px;

	}

	.history-box .next{

		right: 10px;

	}

}



/*参展指南*/

#guide ul li{

	background: #fff;

}

#guide li .txt{

	width: 1055px;

	height: 145px;

	padding: 30px 0 0 40px;

	border-bottom: 1px solid #D8D8D8;

}

#guide li .content{

	width: 825px;

}

#guide li .img{

	width: 145px;

	height: 145px;

	position: relative;

}

#guide li .img:after{

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background: rgba(0,0,0,.2);

	transition: all .4s ease-in;

	-webkit-transition: all .4s ease-in;

	-moz-transition: all .4s ease-in;

	-o-transition: all .4s ease-in;

	-ms-transition: all .4s ease-in;

}

#guide ul li:hover .img:after{

	transform: scale(0);

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

}

#guide ul li .tag{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 145px;

	height: 25px;

	line-height: 25px;

	padding-left: 10px;

	color: #fff;

	background: url(../images/bikan-bg.png) no-repeat;

	z-index: 2;;

}

#guide ul li.hot .tag{

	background: url(../images/hot-bg.png) no-repeat;

}

#guide ul li.hot .txt{

	border-color: rgba(201,2,29,.6);

}

#guide ul li.bikan .txt{

	border-color: rgba(62,59,146,.6);

}

#guide ul li:hover{

	background: #b2b2b2;

}

#guide ul li:hover .txt{

	border: none;

}

#guide ul li:hover .tag{

	display: none;

}



/*出国签证*/

.service-intro{

	border: 1px solid #D8D8D8;

	margin-top: 45px;

	padding: 50px 15px 10px;

	line-height: 26px;

	position: relative;

}

.service-intro .tag{

	font-size: 16px;

	width: 118px;

	height: 37px;

	line-height: 35px;

	color: #fff;

	position: absolute;

	left: 0;

	top: 0;

	background: url(../images/qz-tag.png) no-repeat;

	padding-left: 15px;

}

.qz-list ul li{

	width: 330px;

	height: 165px;

	background: #f2f2f2;

	margin: 85px 35px 0;

	padding: 40px 55px 40px 45px;

	float: left;

}

.qz-list ul li .img{

	width: 120px;

	height: 85px;

}

.qz-list ul li .img img{

	width: 100%;

	height: 100%;

}

.qz-list ul li .txt{

	color: #999999;

	font-size: 16px;

}

.qz-list ul li .name{

	color: #4c4c4c;

	font-size: 22px;

	line-height: 30px;

	margin-top: 10px;

}

.qz-list .yd-page{

	margin-top: 100px;

}





/*地图*/
.word_drop{
	display: none\9;
}

#hot-map{
	display: none\9;

	width: 100%;

	height: 700px;

	background: -webkit-linear-gradient(#fff, #f2f2f2); /* Safari 5.1 - 6.0 */

	background: -o-linear-gradient(#fff, #f2f2f2); /* Opera 11.1 - 12.0 */

	background: -moz-linear-gradient(#fff, #f2f2f2); /* Firefox 3.6 - 15 */

	background: linear-gradient(#fff, #f2f2f2); /* 标准的语法 */

}

#hot-map #main{

	width: 100%;

	height:700px;

}

.zhantai-list.hot-zhanhui ul li .tit{

	text-align: left;

	padding: 0;

}

.hot-zhanhui ul li .see{

	font-size: 12px;

}

.hot-zhanhui ul li .iconfont{

	font-size: 16px;

}

.hot-zhanhui ul li .hot{

	color: #d7000c;

}

.hot-zhanhui ul li .hot img{

	vertical-align: -3px;

}

.zhantai-list.hot-zhanhui ul li .img{

	position: relative;

}

.zhantai-list.hot-zhanhui ul li .sold-icon{

	display: block;

	width: 100px;

	height: 88px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -50px;

	margin-top: -44px;

}



/*环球商旅*/

.travel-list ul li{

	padding: 15px;

	margin: 50px 0;

}

.travel-list ul li a{

	display: block;

	width: 100%;

	height: 100%;

}

.travel-list ul li .img{

	width: 250px;

	height: 155px;
	float: left;

}

.travel-list ul li .img img{

	width: 100%;

	height: 100%;

}

.travel-list ul li .txt{

	width: 900px;
	float: right;

}

.travel-list ul li:nth-child(2n) .img{

	float: right;

}

.travel-list ul li:nth-child(2n) .txt{

	float: left;

}

.travel-list ul li:nth-child(2n+1) .img{

	float: left;

}

.travel-list ul li:nth-child(2n+1) .txt{

	float: right;

}

.travel-list ul li .tit{

	font-size: 18px;

	font-weight: bold;

	color: #333;

	margin-top: 5px;

}

.travel-list ul li .time{

	margin: 10px 0;

}

.travel-list ul li .content{

	height: 72px;

	overflow: hidden;

}

.travel-list ul li:hover{

	box-shadow: 0 0 7px rgba(0,0,0,.35);

}



/*企业概况*/

#gaikuang .tit{

	font-size: 30px;

	font-weight: bold;

	color: #333333;

	line-height: 40px;

	text-align: center;

	margin-bottom: 30px;

}

#gaikuang .img{

	width: 500px;

	text-align: center;

	margin-bottom: 20px;

}

#gaikuang p{

	text-indent: 30px;

	margin-bottom: 30px;

	line-height: 28px;

}

.gk-yewu{

	padding: 40px 0 60px 0;

	background: #f5f5f5;

	margin-top: 30px;

}

.about-gk{

	padding-bottom: 0 !important;

}

.gk-yewu .page-tit{

	margin-bottom: 50px;

}

.chart-box{

	width: 400px;

	height: 400px;

	position: relative;

}

.gk-logo{

	width: 112px;

	height: 112px;

	background: #fff;

	border: 1px solid #DCDCDC;

	border-radius: 50%;

	position: absolute;

	z-index: 55;

	left: 144px;

	top: 144px;

	background: url(../images/gk-logo.png) no-repeat center center;

	background-size: 80% auto;

}

.gk-intro-box{

	width: 600px;

}

.gk-intro{

	width: 600px;

	padding-top: 30px;

	display: none;

}

.gk-intro .top{

	border-bottom: 1px dashed #dadad8;

	padding-bottom: 15px;

}

.gk-intro .top .tit{

	font-size: 24px;

	font-weight: bold;

	color: #333;

	line-height: 30px;

	margin-bottom: 15px;

}

.gk-intro .top .iconfont{

	font-weight: normal;

	font-size: 28px;

	margin-right: 10px;

}

.gk-intro .top p{

	color: rgba(100,100,100,.7);

}

.gk-intro .zh-list{

	padding: 20px 0;

}

.gk-intro .zh-list .tit{

	font-size: 20px;

	color: #ce141d;

}

.gk-intro .zh-list ul{

	margin-top: 15px;

}

.gk-intro .zh-list ul li{

	width: 33.33%;

	float: left;

	margin-top: 5px;

}



/*展会详情*/

#zh-details{

	padding: 50px 0;

	line-height: 28px;

}

.zh-tit{

	font-size: 24px;

	color: #1a1a1a;

	width: 100%;

	height: 65px;

	line-height: 65px;

	border-left: 5px solid #3e3b92;

	padding-left: 20px;

	background: #f7f7f7;

	position: relative;

	margin-bottom: 15px;

}

.zh-tit .tag{

	position: absolute;

	display: block;

	right: 0;

	top: 0;

	width: 115px;

	height: 95px;

	background: url(../images/tag.png) no-repeat;
        background-position: 0 -95px;

}

.zh-tit .tag.tag-hot{

	background-position: 0 0;

}

#zh-details .tit{

	font-weight: bold;

	color: #333333;

}

#zh-details .tit-big{

	font-size: 20px;

	margin: 20px 0;

}

#zh-details .fenxi{

	line-height: 26px;

	margin: 6px 0;

}

#zh-details .huigu{

	margin: 10px 0;

}

.exhibit-drop{
	display: none\9;
	position:absolute; 
	right:0px; 
	top:0; 
	color:#d7000c; 
	font-size:30px; 
	cursor:pointer;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	animation: move 1.5s linear infinite;
	-webkit-animation: move 1.5s linear infinite;
	-moz-animation: move 1.5s linear infinite;
	-o-animation: move 1.5s linear infinite;
	-ms-animation: move 1.5s linear infinite;


}
.exhibit-drop.active{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

@keyframes move{
	0%   {top:0;}
	25%  {top:-5px;}
	50%  {top:0;}
	75% {top:5px;}
	100% {top:0;}
}
@-moz-keyframes move{
	0%   {top:0;}
	25%  {top:-5px;}
	50%  {top:0;}
	75% {top:5px;}
	100% {top:0;}
}
@-ms-keyframes move{
	0%   {top:0;}
	25%  {top:-5px;}
	50%  {top:0;}
	75% {top:5px;}
	100% {top:0;}
}
@-o-keyframes move{
	0%   {top:0;}
	25%  {top:-5px;}
	50%  {top:0;}
	75% {top:5px;}
	100% {top:0;}
}




/*展会列表*/
.zh_list{
	padding-bottom: 60px;
}
.zh_list_hd{
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	padding: 20px;
	margin: 30px 0;
}
.zh_list_hd .type{
	font-size: 0;
}
.zh_list_hd .type a{
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #DCDCDC;
	padding: 0 25px;
	line-height: 28px;
	margin: 10px 25px 0 0;
	font-size: 16px;
}
.zh_list_hd .type a.active{
	border-color: #ce141d;
	color: #ce141d;
}
.zh_list_hd .tit{
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.zh_list_bd table{
	width: 100%;
	border: 1px solid #DCDCDC;
	border-bottom: none;
}
.zh_list_bd table th{
	background: #ce141d;
	color: #fff;
	height: 54px;
	font-size: 22px;
	border-right: 2px solid #fff;
}
.zh_list_bd table tr th:last-child{
	border-right: none;
}
.zh_list_bd table td{
	height: 50px;
	font-size: 16px;
	border-bottom: 1px solid #DCDCDC;
	text-align: center;
	color: #333333;
	padding: 10px;
}
.zh_list_bd table tr td:first-child{
	text-align: left;
	padding-left: 20px;
}