﻿@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family: regular; color:#666;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#0e8dd4; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

.h10{height:10px; overflow:hidden; clear:both;}
.h30{height:30px; overflow:hidden; clear:both;}
.h60{height:60px; overflow:hidden; clear:both;}
.h70{height:70px; overflow:hidden; clear:both;}
.h100{height:100px; overflow:hidden; clear:both;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family: regular; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.green{color:#159997;}
.orange{color:#f19015;}
.wal{width:1200px; margin:0px auto;}
.wal2{width:1130px; margin:0px auto;}
.wal3{width:1200px; margin:0px auto;}


.w226{ width:226px; overflow:hidden; border:#eee solid 1px; background:#f7f7f7;}
.w952{ width:952px; overflow:hidden;/* min-height:800px;*/}

/*@font-face {font-family:msyi; src:url(../font/msyi.ttf);}*/
@font-face {font-family:regular; src:url(../font/SourceHanSansCN-Regular.ttf);}

.headDiv{ height:100px; background:#fff; position:relative; width:100%;}
.headDiv .wal{ position:relative; height:100px;}
.headDiv .logo{ display:block; position:absolute; left:0px; top:22px;}
.topSearch{ position: absolute; right: 0px; top: 20px; width: 191px; height: 30px; background:url(../images/topSearch.png) no-repeat;}
.topSearch .input1{ padding-left: 14px; float: left; width: 140px; height: 30px; line-height: 30px; color: #c5c4c4;}
.topSearch .btn1{ float: right; width: 37px; height: 30px; cursor: pointer; }
.headDiv .lan{ position: absolute; right: 207px; top: 20px; }
.headDiv .lan li{ float: left; height: 30px; line-height: 30px; padding: 0 8px;}
.headDiv .lan .li01{ background:url(../images/line1.jpg) right center no-repeat; }
.headDiv .lan li a{ color: #999; }
.headDiv .lan li img{ padding-right: 6px; }
.nav{ position:absolute; right:0px; bottom:0px; height:40px;}
.nav li{ float:left; font-size:16px; height:40px; padding-left: 40px;}
.nav li a{ display: block; height: 40px; }
.nav li img{ padding-right: 4px; position: relative; top: -2px; }
.nav li a:hover, .nav li .aNow, .nav li .aNow1{ color: #0e8dd4; }

.navIco, .topSearchIco, .telIco, .closeIco{ display:none;}

/*导航触发效果*/
.sNav{position:absolute; z-index:111; display:none; background:#fff; width:125px; top:100px; border-top: #0e8dd4 solid 3px;}
.sNav .list li{ height:58px; line-height:58px; font-size:14px; border-bottom: #f5f5f5 solid 1px; text-align: center;}
.sNav .list li a{ height:58px; display:block;}

/*导航菜单触发*/
.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:555; right:-100%; top:0px;}
.navLayer .bg{overflow-x: auto;position:relative; background:#f8c301; height:100%;width:100%;}
.navLayer .closeBtn{ height:60px; width:60px; position:absolute; top:0px; right:0px;}
.navLayer .closeBtn img{ position:relative; left:14px; top:10px; width:32px;}
.navLayer .sideNav{ padding:40px 10px;}
.subNav{cursor:pointer; display:block; height:42px; line-height:42px; border-bottom:1px solid #fff; position:relative; font-size:14px; color:#fff;}
.subNav1{ background:url(../images/nimg52_1.png) right center no-repeat; background-size:32px;}
.subNav .name{ position:relative;}
.subNav a{ color:#fff; display:block;}
.currentDt{ color:#fff; background:url(../images/nimg52_1on.png) right center no-repeat; background-size:32px;}
.navContent{display: none;}
.navContent li{ position:relative;}
.navContent a{display:block; height:42px; line-height:42px; padding-left:10px; color:#fff; font-size:14px;}


.searchLayerTel{ display:none; z-index:222; top:60px; left:0px; width:100%; position:fixed; background:url(../images/bg2.png) repeat;}
.searchLayerTel .box{ padding:20px 10px;}
.searchLayerTel .box .form{ height:40px; position:relative; background:#fff; border-radius:20px; -moz-border-radius:20px;}
.searchLayerTel .form .input1{ width:250px; height:40px; line-height:40px; text-indent:10px; color:#999; font-size:14px;}
.searchLayerTel .form .btn1{ position:absolute; right:0px; top:0px; background:#ffcc00 url(../images/nimg20_5.png) center no-repeat; width:40px; height:40px; cursor:pointer; border-top-right-radius:20px; -moz-border-top-right-radius:20px;
 border-bottom-right-radius:20px; -moz-border-bottom-right-radius:20px;}


.pageBg{ position:fixed; z-index:11; width:100%; height:100%; display:none; background:url(../images/bg1.png) repeat; left:0px; top:0px;}

.footDiv{ background:#fff; height:70px; position:relative;}
.footDiv .msg{ line-height: 70px;font-size: 14px;}
.footDiv .msg a{ font-size: 14px; padding-left: 15px;}
.footDiv .links{ position: relative; right: -10px;font-size: 14px;}
.footDiv .links a{ line-height:70px; padding: 0 10px;}



.topA{ background:url(../images/topA.png) left top no-repeat; width:44px; height:44px; position:absolute; left:50%; margin-left:-22px; top:-22px; z-index:99;}


.pageBanner{ position:relative;}
.pageBanner img{ width:100%;}

.pageTop{ height:60px; background:#f1f1f1;}
.pageTop .wal{ height:60px; position:relative;}
.pageNav li{ float:left; font-size:16px; width:160px; height:60px; position:relative;}
.pageNav li a{ display:block; width:160px; height:60px; text-align:center; line-height:60px; position:relative;}
.pageNav li.sc a:after{ content:''; position:absolute; right:15px; top:50%; margin-top:-4px; width:12px; height:7px; background:url(../images/selectIco.png) no-repeat; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease; }
.pageNav li a.aNow, .pageNav li a:hover{ background:#008ddb; color: #fff;}
.pageNav li a.aNow:after{ background:url(../images/selectIcoon.png) no-repeat;}
.pageNav dl{ display:none; position:absolute; left:0; top:60px; z-index:1; width:100%; background: #fff; padding: 12px 0; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
.pageNav dd a{ height:50px; line-height:50px;}
.pageNav dd a:after{ display:none;}
.pageNav li.on a:after{ background:url(../images/selectIcoon.png) no-repeat; transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);}
.pageNav li.on2 a:after{ background:url(../images/selectIco.png) no-repeat; transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);}

.pageNow{ text-align:right; height:60px; line-height:60px; color:#999;}
.pageNow a{ color:#999;}
.pageNow a:hover{ color:#008ddb;}
.pageNow em{ color:#333;}

.pageBox{ padding:60px 0;}
.pageBox2{ padding:80px 0 65px;}

/*分页*/
/*分页*/
.pageNum{height:70px; padding-top:10px; text-align:center; color:#444;}
.pageNum a{margin:0 5px; display:inline-block; height:38px; line-height:38px; background:#fff; padding:0 15px; border:#dedcdc solid 1px; font-size:14px;}
.pageNum a:hover, .pageNum .aNow{background:#008ddb; border:#008ddb solid 1px; color:#FFF;}



.pageMore{ display:none; padding:20px 0; width:152px; margin:0 auto;}
.pageMore a{ display:block; width:150px; height:45px; background:#fff; border:#f4f4f4 solid 1px; font-size:16px; text-align:center; line-height:45px;}
.pageMore a img{ padding-right:10px; position:relative; width:24px; top:-2px;}

/*右侧悬浮窗*/
.sideBar{ position:fixed; right:0px; top:50%; margin-top:-180px; z-index:111;}
.sideBar li{position:relative; height:51px; margin-bottom:1px; cursor:pointer;}
.sideBar .mouse{position:absolute; left:-211px; top:0px; display:none;}
.sideBar .img{background:url(../images/sideBar.png) no-repeat; height:51px; text-align:center; width:52px;}
.sideBar .img img{position:relative; top:11px;}
.sideBar .liNow .img{background:#ff9600;}
.sideBar .liNow .mouse{display:block;}
.sideBar .li01 .mouse{background:url(../images/sideBarBg1.png) left top no-repeat; width:211px; height:217px;}
.sideBar .li01 .title{ padding:8px 0 0 20px; font-size:20px; color:#454545;}
.sideBar .li01 p{ color:#454545; font-size:14px; padding-left:20px;}
.sideBar .li01 .imgDiv{ padding-left:35px;}
.sideBar .li02 .mouse{background:url(../images/sideBarBg2.png) left top no-repeat; width:280px; height:111px; left:-280px;}
.sideBar .li02 .title{ padding:25px 0 15px 26px; font-size:18px; color:#000;}
.sideBar .li02 .list{ padding-left:26px;}
.sideBar .li02 .list dd{ float:left; font-size:14px; margin-right:30px;}
.sideBar .li02 .list dd a{ height:27px; line-height:26px; display:block; padding-left:36px; background:url(../images/nimg21_2.png) left center no-repeat; color:#525252;}
.sideBar .li02 .list dd a:hover{ background:url(../images/nimg21_2on.png) left center no-repeat; color:#456196;}
.sideBar .li03 .mouse{background:url(../images/sideBarBg3.jpg) left top no-repeat; width:322px; height:482px; left:-322px; top:-104px;}
.sideBar .li03 .mouse .imgDiv{ padding:0 0 0 69px;}
.sideBar .li03 .mouse .txt{ padding:48px 0 40px 0; color:#ee9911; width:312px; text-align:center; font-size:20px;}
.sideBar .li03 .mouse .btnGroup{ padding:60px 0 0 70px;}
.sideBar .li03 .mouse .btnGroup dd{ margin-bottom:15px;}
.sideBar .li03 .mouse .btnGroup dd a{ display:block; width:170px; height:35px; background:url(../images/bg3.png) repeat; border-radius:20px; -moz-border-radius:20px; font-size:16px; line-height:35px; text-align:center; color:#fff;}
.sideBar .li03 .mouse .btnGroup dd a:hover{ background:#fff; color:#000;}

.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}
.tabContent3{ opacity:0}
.tabContent3.on{ opacity:1;}

.cd-top {
    /* image replacement properties */
    overflow: hidden;

    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {

    opacity: 1;
}

#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:99;
	top:0; left:0px;
	background-color:#000;
	display:none;
}

.selectDiv{cursor:pointer;}
.selectDiv span{padding-left:10px;}
.selectDiv select{display:none;}
/**/
.selectLayer{position:absolute; z-index:100; display:none; background:#FFF; border:#bababa solid 1px;}
.selectLayer li{height:22px; line-height:22px; overflow:hidden; padding-left:10px; color:#666;}











