@charset "utf-8";
/* CSS Document */
/*头部*/
.head{position:relative;top:0;left:0}
.index-nav{width: 100%;height: auto;box-sizing: border-box;padding:1% 0;overflow: hidden;position: absolute;z-index: 333;}
.index-nav .logo1 img , .index-nav .logo2 img{width:100%;max-width:100%;}
.index-nav-frame{width: 62.5%;margin: 0 auto;}
.index-nav-frame-line{color: #333333;float: left;position: relative;display: block;outline: none;cursor: pointer;width: 16.6%;line-height: 50px;text-align: center;font-weight: 700;}
.index-nav-frame-line:hover{border-bottom:2px solid #74d8f0}
.index-nav-frame-line a{color:#fff}
.index-nav-frame-line a:hover{color:#000}
.index-nav .logo2{width:28%}
.index-nav .navs {width:65%;padding-top:2%}
.index-nav-frame-line-center{opacity: 0;height: 0;position: absolute;overflow: hidden;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.index-nav-frame-line-li{width: 100%;font-weight: 500;text-align: center;background: white;color: #666666;}
.index-nav-frame-line-li:hover{background: #444359;color: white;}
.index-nav-frame-line-li:hover a{background: #444359;color: white;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}

.nav-line{height: 50px;width: 100%;position: relative;display: none;outline: none;}
.nav-small{width: 30px;height: 30px;position: absolute;right: 10px;top:10px;cursor: pointer;display: none;outline: none;}
.nav-small img{width: 100%;height: 100%;object-fit: cover;}
.nav-small-focus{position: absolute;width: 100%;height: 100%;display: none;}
.nav-small-focus:focus{display: none;}
@media only screen and (max-width:800px) {
.index-nav .navs {width:100%}
.index-nav .logo2{display:none}
.index-nav-frame-line-li a{display: block;color: white;}
.nav-line{display: block;border-bottom: 1px solid #eeeeee;height:auto;overflow:hidden}
.nav-line .logo1{width:40%}
.nav-small{display: block;}
.index-nav-frame-line a{color:#000}
.index-nav-frame-line a:hover{color:#74d8f0}
.nav-small:focus~.index-nav-frame-line{height: auto;border-bottom: 1px solid #ccc;}
.nav-small:focus .nav-small-focus{display: block;}
.index-nav-frame{width: 100%;}
.index-nav-frame-line{width: 100%;height: 0;overflow: hidden;    margin: 0;background: white;}
.index-nav-frame-line-center{position: relative;background: #444359;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:0;opacity: 0;}
.index-nav-frame-line-li{border-bottom: 1px solid #4b4a5e;color: #d9d9d9;background: #444359;}
.index-nav-frame-line-li:hover{background: #b63b4d;}
.index-nav-frame-line:focus{height: auto;border-bottom: 1px solid #ccc;}
.index-nav-frame-line:focus>.index-nav-frame-line-center{height:auto;opacity: 1;}
.index-nav-frame-line:focus .index-nav-frame-line-header{color: #B63B4D;}
.index-nav-frame-line-focus{display: none;width: 100%;height: 50px;position: absolute;left: 0;top: 0;}
.index-nav-frame-line:focus .index-nav-frame-line-focus{display: block;}
}


/*焦点图*/


.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;

	cursor: pointer;
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}

/*----------- footer -----------*/	
.footer {
	margin-top: 0px;
	padding: 0px 0 0;
	width: 100%;
	background: #000;
	color: #cecece;
	clear: both;

}
.footer a {
	color: #cecece;
	font-size: 0.875em;
}
.footer-text {
	padding: 2% 2% 6% 2%;
	margin: 0 auto;
	color: #cecece;
	position: relative;
	overflow: hidden;
	max-width: 1200px;
	display:none;
	text-align: center;
}
.footer-text p{font-size:0.8em;    color: #cecece;}
.footer-text p a {
    margin: 0 3% 1% 3%;
}
.footer .sidebar .social {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.footer .sidebar .social.w50 {
	width: 43%;
}
.ftNav {
	margin: 5px 0;
}
.ftNav a {
	display: inline-block;
	padding: 0 2%;
	position: relative;
	color: #cecece;
	font-size:0.875em;
}
.ftNav a:hover {
	color: #74d8f0;
}
.ftNav a:first-child {
	padding-left: 0;
}
.ftNav a:after {
	content: '';
	width: 1px;
	height: 12px;
	position: absolute;
	left: 0px;
	top: 6px;
	background: rgba(255,255,255,0.1);
	border-radius: 100px;
}
.ftNav a:first-child:after {
	display: none;
}

.fot_c{width:100%;overflow:hidden;background:url(/template/cn2014/images3/index20.png) bottom center no-repeat;background-size:cover;padding:3% 0 0 0;color:#fff}
.foot1 .tit2{padding:1% 0 0.5% 0;}
.foot1 .tit2 h2 ,.foot1 .tit2 p , .foot1 .tit2 h2 span{color:#fff;}

.fot_c .f1 ,.fot_c .f2 ,.fot_c .f4 ,.fot_c .f3{width:15%;float:left;display:inline-block;border-right:1px solid #313131}
.fot_c .f4 {border-right:none;margin-left: 10%;text-align: center;margin-top:4%}

.fot_c .f4 p{font-size:1em;margin-top:3%}
.fot_c .f3 {width:28%;border-right:none}
.fot_c .f3 ,.fot_c .f2{    margin-left: 8%;padding-bottom: 4%;}
.fot_c p{font-size:1.3em;color:#fff}
.fot_c ul {overflow:hidden;margin:10% 0 0 0;}

.fot_c ul li{width:100%;line-height:3em;-webkit-transition: all 500ms ease; -moz-transition:  all 500ms ease; -o-transition:  all 500ms ease;}
.fot_c ul li a{color: #cecece;font-size:1em}
.fot_c ul li:hover{background:url(/template/cn2014/images3/index21.png) left center no-repeat;padding-left:12%}
.fot_c ul li a:hover{color:#74d8f0;}
.fot_c .con{overflow:hidden;margin:6% 0 0 0;}
.fot_c .con p{color: #cecece;font-size:1em;line-height:3em;}

.fot2{text-align:center;border-top:1px solid #fff;line-height: 3em;margin-top: 2%;}
.fot2 span{margin:0 1%;    color: #fff}
.fot2 a{color:#fff;font-size:1em;text-decoration: none;}
.fot2 a:hover{color: #69d7f0;text-decoration: none;}

.fot_c .sm {
    overflow: hidden;
}

.fot_c .xm {
    margin: 1% 0 0 0;
    overflow: hidden;
	color: #cecece;
}
.fot_c .xm a{margin:0 0.5%}











@media only screen and (max-width: 910px){
.fot_c .f3{width:53%}
.fot_c .f4{display:none}


}




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

.footer-text {display:block;}
.foot1{display:none}

}

.lfooter {
	display: none
}


@media only screen and (max-width:768px) {
.tools {
	display: none
}
.footer {
	margin-bottom: 50px;
}
.lfooter {
	max-width: 100%;
	height: 70px;
	background-color: #222;
	position: fixed;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	z-index: 999;
}
.lfooter p{color:#fff}
.lfooter ul li {
	width: 25%;
	height: auto;
	float: left;
	text-align: center;
	padding: 10px 0px;
}
.lfooter ul li a {
	color: #FFF;
	line-height: 12px;
	font-size: 12px;
}
}

.tit2{text-align:center;}
.tit2 h2{font-size:2.18em;color:#000;font-weight:bold}
.tit2 h2 span{color:#74d8f0}
.tit2 h2 strong{margin:0 0.2%;font-size:1.3em}
.tit2 p{font-size:1.125em;color:#000;margin:1% 0}

@media screen and (max-width: 900px) {
.tit2 h2{font-size:1.5em;}
.tit2 p{font-size:0.75em;}


}