/* 顶部	 */
#topbar{
	height: 36px;
    line-height: 36px;
    background: #fff;
    position: relative;
	z-index:9999999;
}
#topbar .cbox{
	max-width:80%;
	min-width:1024px;
	margin:0 auto;
}	


#topbar .left{
	float:left;
	color:#999;
}
#topbar .right{
	float:right;
}
#topbar .right .item{
	float:left;
	padding:0 18px;
	position:relative;
	color:#999;
	cursor:pointer;
}
#topbar .right .item:hover a{
	color:#f60;
}
#topbar .right .item:before{
    width: 1px;
    height: 12px;
    content: "";
    background: #ccc;
    position: absolute;
    top: 12px;
    right: 0px;
}
#topbar .right .tel{
	font-size:16px;
	font-weight:bold;
	color:#666;
}
#topbar .right .tel span{
	font-size:20px;
	position:relative;
	top:2px;
	font-weight:normal;
}
#topbar .right .wap_img{
	position:absolute;
	width:120px;
	top:36px;
	left:-18px;
	background:#fff;
	padding:5px;
	border-radius:3px;
	border:1px solid #eee;
	box-shadow: 0 0 10px #ccc;
	display:none;
}
#topbar .right .wap_img img{
	display:block;
	max-width:120px;
	max-height:120px;
}
#topbar .right .wap_img p{
	line-height:24px;
	text-align:center;
}
#topbar .right .wap_img .arrow{
	position:absolute;
	top:-20px;
	display:block;
	text-align:center;
	width:120px;
	color:#fff;
}

#topbar .language{
	float:left;
	padding:5px 0 5px 20px;
}
#topbar .language .cn{
	display:block;
	float:left;
	height:26px;
	background:url(/tpl/oli/block/header/img/cn_icon.png)no-repeat left center;
	text-indent:18px;
	line-height:26px;
	padding:0 10px;
	margin-right:10px;
	border-right:1px solid #f5f5f5;
}
#topbar .en{
	display:block;
	float:left;
	height:26px;
	background:url(/tpl/oli/block/header/img/en_icon.png)no-repeat left center;
	text-indent:28px;
	line-height:26px;
}
#topbar .language a:hover{
	color:#f60;
}

#header{
	width:100%;
	height: 100px;
    background: rgba(64,139,251,.8);
    position: absolute;
    left: 0px;
    z-index: 9998;
    box-shadow: 0px 0px 10px #000;
}

#header .cbox{
	position:relative;
	max-width:80%;
	min-width:1024px;
	margin:0 auto;
}
@media screen and (max-width: 1600px) {
    #header .cbox{
		max-width:98% !important;
	}
}
#logo{
	float:left;
	margin-right:50px;
}
#logo a{
	display:block;
	display:table-cell;
	height:100px;
	vertical-align:middle;
}
#logo img{
	max-height:80px;
	margin-top:8px;
}
#siteName{
	font-size:24px;
	float:left;
	line-height:75px;
}
#siteName h1{
	line-height:75px;
	font-size:24px;
}
#nav{
	float:left;
	position:relative;
}
#nav ul li{
	display:block;
	float:left;
}
#nav ul li a{
	display:block;
	padding:0px 25px;
	height:100px;
	line-height:100px;
	font-size:16px;
	color:#fff;
	position:relative;
}
#nav ul li a:before{
	width: 1px;
    height: 12px;
    content: "";
    background: #fff;
    position: absolute;
    top:45px;
    left: 0px;
}
#nav ul li:first-child a:before {
	width: 0px;
}

#nav .slideBar{
	position:absolute;
	display:block;
	width:0px;
	height:4px;
	background:#ff9f00;
	bottom:0;
}





.header{
	border-top:11px solid #94bfff;
	background:#fff;
}
.header .center{
	max-width:80%;
	min-width:1024px;
	margin:0 auto;
	height:137px;
	overflow:hidden;
	position:relative;
}
.header .item{
	float:left;
}
.header .logo{
	overflow:hidden;
	padding:38px 0 0 0;
}
.header .title{
	padding:34px 0px 0px 20px;
}
.header .title h1{
	font-weight:normal;
	font-size:26px;
	padding-bottom:4px;
	color:#94bfff;
}
.header .title p{
	font-size:16px;
	color:#666;
	letter-spacing:1px;
}
.header .link{
	padding-top:63px;
	float:right;
}
.header .link span{
	font-size:18px;
	color:#94bfff;
}

.header .link .text{
	float:left;
	margin-left:4px;
}
.header .link .text .p1{
	color:#666;
	font-size:16px;
}
.header .link .text .p2{
	color:#00579e;
	font-size:30px;
	font-weight:700;
}
.header .language{
	position:absolute;
	right:0px;
	width:186px;
	height:30px;
	background:url(/public/block/header/img/language.png)no-repeat;
}
.header .language a{
	display:block;
	float:left;
	width:50%;
	height:30px;
}
.header .language .cn:hover{
	
	background:url(/public/block/header/img/language_cn.png)no-repeat;
}
.header .language .en:hover{
	background:url(/public/block/header/img/language_en.png)no-repeat center right;
}
.header .nav{
	height:38px;
	border-bottom:1px solid #94bfff;
	border-top:1px solid #94bfff;
}
.header .nav .center{
	width:1200px;
}
.header .nav ul{
	float:right;
	padding:0 5px;
	overflow:hidden;
}
.header .nav ul li{
	position:relative;
	float:left;
}
.header .nav ul li:after{
	content:'/';
	position:absolute;
	left:0px;
	top:10px;
	color:#94bfff;
}

.header .nav ul li:first-child:after{
	content:'';
}
.header .nav ul li a{
	display:block;
	color:#333;
	height:38px;
	line-height:38px;
	padding:0 25px;
	font-size:15px;
	position:relative;
	z-index:99999;
	transition: 0.1s;
	-moz-transition: 0.1s;	
	-webkit-transition: 0.1s;	
	-o-transition: 0.1s;	
}
.header .nav ul li a span{
	position:relative;
	z-index:9999;
}
.header .nav ul li a:after{
	content:'';
	display:block;
	position:absolute;
	width:90%;
	height:38px;
	background:red;
	top:38px;
	left:-3px;
	z-index:9;
	transform:skewX(-20deg);
	-ms-transform:skewX(-20deg);	/* IE 9 */
	-moz-transform:skewX(-20deg); 	/* Firefox */
	-webkit-transform:skewX(-21deg); /* Safari 和 Chrome */
	-o-transform:skewX(-20deg); 
	transition: 0.2s;
	-moz-transition: 0.2s;	
	-webkit-transition: 0.2s;	
	-o-transition: 0.2s;
}

.header .nav ul li:before{
	content:'';
	display:block;
	position:absolute;
	top:52px;
	width:100%;
	height:52px;
	transition: 0.2s;
	-moz-transition: 0.2s;	
	-webkit-transition: 0.2s;	
	-o-transition: 0.2s;
	background: -webkit-linear-gradient(#94bfff,#e51922); /* Safari 5.1-6.0 */
	background: -o-linear-gradient(#94bfff,#e51922);  /* Opera 11.1-12.0 */
	background: -moz-linear-gradient(#94bfff,#e51922); /* Firefox 3.6-15 */
	background: linear-gradient(#94bfff,#e51922); /* 标准语法*/
}

.header .nav ul li:hover a{
	color:#94bfff;
}
.header .nav ul li:hover a:after{
	display:block;
	top:35px;
}
.header .nav ul li a.active{
	color:#94bfff;
}

.header .nav ul li a.active:after{
	display:block;
	top:35px;
}





#footer{
	border-bottom:60px solid #94bfff;
	padding:30px 0;
	border-top:60px solid #f7f7f7;
	background:#fff;
}
#footer .center{
	max-width:80%;
	min-width:1024px;
	margin:0 auto;
}
#footer .topNav{
	display:flex;
}
#footer .item{
	width:100%;
}
#footer .item .main{
	padding-right:45px;
}
#footer .item h3{
	color:#94bfff;
	font-size:18px;
	font-weight:normal;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #94bfff;
}
#footer .item ul li a{
	display:block;
	padding:5px 0;
	font-size:15px;
	transition: 0.2s;
	-moz-transition: 0.2s;	
	-webkit-transition: 0.2s;	
	-o-transition: 0.2s;	
}
#footer .item ul li a:hover{
	color:#94bfff;
}

#footer .bottom_info{
	margin:45px auto 20px auto;
	overflow:hidden;
}
#footer .bottom_info .left{
	float:left;
}
#footer .bottom_info .left h2{
	margin-bottom:10px;
	font-weight:normal;
	font-size:24px;
}
#footer .bottom_info .left p{
	padding:1px 0;
}

#footer .bottom_info .right{
	float:right;
}
#footer .bottom_info .right img{
	display:block;
}
#footer .bottom_info .right .shadow{
	margin-top:15px;
	float:right;
}
#footer .bottom_info .right .logo{
	margin-top:20px;
	width:220px;
}


















#sliderBar{
	position:fixed;
	bottom:300px;
	right:0px;
	z-index:99999;
}
#sliderBar .item{
	width:45px;
	height:45px;
	margin-bottom:3px;
	background:#fff;
	cursor:pointer;
	position:relative;
	transition: 0.2s;
	-moz-transition: 0.2s;	
	-webkit-transition: 0.2s;	
	-o-transition: 0.2s;
}
#sliderBar .item:hover{
	background-color:#ff4d1d;
}
#sliderBar .item:hover .item_main{
	display:block;
}
#sliderBar .item .box{
	width:200px;
	position:absolute;
	left:-200px;
}
#sliderBar .item .item_main{
	margin:0 10px;
	padding:10px;
	border:1px solid #eee;
	border-radius:3px;
	min-height:45px;
	background:#fff;
	position:relative;
	box-shadow:0 0 10px #eee;
	display:none;
}
#sliderBar .item .item_main a:hover{
	color:#94bfff;
	text-decoration:underline;
}
#sliderBar .qq{
	background:#353535 url(/public/block/sliderBar/img/floatBar.png)no-repeat;
	background-position:0 0;
}


#sliderBar .phone{
	background:#353535 url(/public/block/sliderBar/img/floatBar.png)no-repeat;
	background-position:0 -45px;
}
#sliderBar .view{
	background:#353535 url(/public/block/sliderBar/img/floatBar.png)no-repeat;
	background-position:0 -90px;
}
#sliderBar .goTop{
	background:#353535 url(/public/block/sliderBar/img/floatBar.png)no-repeat;
	background-position:0 -135px;
	display:none;
}

#sliderBar .qq .qq_icon{
	display:block;
	background:#f1f1f3;
	width:45px;
	height:45px;
	border-radius:23px;
	float:left;
	margin-right:10px;
	position:relative;
	overflow:hidden;
}
#sliderBar .qq .qq_icon img{
	position:absolute;
	left:6px;
	top:13px;
}
#sliderBar .qq a{
	float:left;
	display:block;
	height:45px;
	line-height:45px;
}
#sliderBar .item_main img{
	position:absolute;
	right:-8px;
	top:18px;
}

#sliderBar .phone p{
	font-size:18px;
	text-indent:15px;
}
#sliderBar .view a{
	display:block;
	text-align:center;
	line-height:45px;
}