@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#666; overflow-x:hidden;}
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:#303b8b; 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:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}
.wal{width:13.0rem; margin:0px auto;}
.wal2{width:16.46rem; margin:0px auto;}
.wal3{width:15.36rem; margin:0px auto;}

a,
.nav-box-bg{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}




@font-face {font-family:bold; src:url(../font/DIN.TTF);}
@font-face {font-family:gothicb; src:url(../font/GOTHICB.TTF);}
@font-face {font-family:mont; src:url(../font/MontserratBold.ttf);}


.Phone-Box{ display: none; }

.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/

.headDiv{ height:100px; z-index:5; width:100%; position: absolute; left: 0; top: 0; transition: all .5s ease-out 0s;}
.headDiv .wal2{ height: 100px; position: relative; }
.headDiv.hov{ background: #fff; }
.headDiv .logo{ position:absolute; left:50%; margin-left: -58px; top:29px;}
.headDiv .logo:after{ content: ''; display: block; width: 178px; height: 40px; background: url(../images/logo.png) center no-repeat; }
.headDiv.hov .logo:after{ background: url(../images/logo2.png) center no-repeat; }

.nav{ position: absolute; left: 2.95rem; top: 0;}
.nav li{ height:120px; float: left; line-height:120px; padding-right: 0.6rem; font-weight: bold;}
.nav a{ position:relative; display:block; line-height: 120px; color:#666; font-size:14px;}
.nav a:hover, .nav .on, .nav .aNow, .nav .aNow1{ color: #303b8b!important; }
/*.nav a:after{ content: ''; position: absolute; width: 0; bottom: 0; left: 50%; height: 2px; background: #d7373c; }
.nav a:hover:after, .nav .on:after, .nav .aNow:after, .nav .aNow1:after{ left: 0; width: 100%; }
*/
.navIcoPC{ position: absolute; left: 0; top: 50%; display: block; width: 40px; height: 40px; background: #fff; border-radius: 50%; margin-top: -20px; }
.headDiv.hov .navIcoPC{ background: #f2f2f2; }
.navIcoPC span {
  width: 18px;
  display: block;
  height: 2px;
  background-color: #333;
  position: absolute;
  left: 11px;
  transition: .4s;
  -webkit-transition: .4s;
}
.navIcoPC span:nth-of-type(1) {
  top: 14px;
  left: auto;
  right: 11px;
  width: 9px;
}
.navIcoPC span:nth-of-type(2) {
  top: 19px;
}
.navIcoPC span:nth-of-type(3) {
  top: 24px;
  width: 9px;
}
.navIcoPC.cur {
  color: #f0832b;
}
.navIcoPC.cur span:nth-of-type(1) {
  top: 19px;
  width: 18px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.navIcoPC.cur span:nth-of-type(2) {
  opacity: 0;
  
}
.navIcoPC.cur span:nth-of-type(3) {
  top: 19px;
  width: 18px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.nav-box-bg { width: 100%; position: fixed; left: 0; top: 100px; z-index: 4; background: rgba(0, 0, 0, 0.8); height: 100%; opacity: 0; visibility: hidden; }
.nav-box-bg.on{ opacity: 1; visibility: visible; }
.nav-box { width: 100%; position: absolute; background: #f9f9f9; left: 0; top: 100px; z-index: 5; height: 372px; display: none;}
.nav-box:before{ content: ''; position: absolute; left: 0; top: 0; width: 10%; height: 372px; background: #f2f2f2; z-index: 1; }
.nav-box .leftDiv{ width: 3.54rem; background: #f2f2f2; height: 372px; position: relative; z-index: 2;}
.nav-box .leftDiv .list{ padding-top: 28px; padding-right: 0.28rem; }
.nav-box .leftDiv .list li{ height: 52px; line-height: 52px; font-weight: bold; font-size: 18px; color: #333; background: url(../images/nimg7_1.png) right center no-repeat; }
.nav-box .midDiv{ padding-left: 0.7rem; padding-top: 28px; }
.nav-box .midDiv .xxx{ padding-right: 0.85rem; }
.nav-box .midDiv h2{ height: 52px; line-height: 52px; font-weight: bold; font-size: 18px; color: #333;}
.nav-box .midDiv .list{ padding-top: 20px; }
.nav-box .midDiv .list li{ width: 2.24rem; height: 40px; line-height: 40px; background: url(../images/nimg7_1.png) right center no-repeat; font-size: 0.16rem; }
.nav-box .rightImg{ padding-top: 48px; }
.nav-box .rightImg img{ width: 4.57rem; }

.headDiv .topRight{ position: absolute; right: 0; top: 0; }
.headDiv .lan{ line-height: 100px; }
.headDiv .lan .img1{ display: none; }
.topSearch{ padding-right: 0.36rem; line-height: 100px;}
.topSearch .img1{ display: none; }

.headDiv.hov .lan img{ display: none; }
.headDiv.hov .lan .img1{ display: inline-block;}
.headDiv.hov .topSearch img{ display: none; }
.headDiv.hov .topSearch .img1{ display: inline-block; }

.navIco{ position: absolute; right: 0; top: 0; }

.touDiv{ height:120px; z-index:5; width:100%; }
.touDiv .wal3{ position: relative; height: 120px; }
.touDiv .logo{ position:absolute; left:0; top:35px;}

.touDiv .topRight{ position: absolute; right: 0; top: 0;}
.touDiv .topRight li{ float: left; width: 1.92rem; border-left: #f2f2f2 solid 1px; text-align: center; line-height: 120px;}
.touDiv .topRight li a{ display: block; width: 100%; height: 100%; }

.pageBg{ position:fixed; z-index:11; width:100%; height:100%; display:none; background:rgba(0,0,0,0.3); left:0px; top:0px;}

.navRight2{ height:100%; width:384px; overflow:hidden; position:fixed; z-index:12; right:-384px; top:0px; background: #fff;}
.navRight2 .txt{ height: 100px; line-height: 100px; padding-left: 0.6rem;}
.navRight2 .closeBtn{ height:100px; width:1.2rem; position:absolute; top:0px; right:0px; z-index:22; background: #303b8b; text-align: center; line-height: 1.0rem;}
.sideNav{ padding-left: 0.6rem; margin-top: 0.7rem; height: 4.4rem; overflow: auto;}
.subNav{ cursor:pointer; display:block; position:relative; font-size:16px; padding-bottom: 0.24rem;}
.subNav1{ color: #666;}
.subNav1:hover{ color: #303b8b;}
.subNav .name{ position:relative;}
.subNav a{ color:#666; display: block;}
.subNav a:hover{ color: #303b8b; }
.currentDt{ color: #333;}
.navContent{display: none; padding-bottom: 20px;}
.navContent a{display:block; height:0.32rem; line-height:0.32rem; color:#9c9c9c; font-size: 14px; width: 186px; position: relative; }
.navContent a:after{ content: ''; position: absolute; opacity: 0; width: 8px; height: 14px; right: 0; top: 50%; margin-top: -7px; background:url(../images/nimg8_1.jpg) center no-repeat; }
.navContent a:hover{ color: #303b8b; }
.navContent a:hover:after{ opacity: 1; }
.navRight2 .botDiv{ position: absolute; left: 0.6rem; bottom: 0.85rem; }
.navRight2 .botDiv img{ width: 2.0rem; }


.sideNav::-webkit-scrollbar {
    width: 4px;
    background-color: #999;
}
.sideNav::-webkit-scrollbar-thumb {
    background: #2f318b;
}

.navRight .botDiv{ height: 203px; background: #f6f6f6; width: 100%; position: absolute; left: 0px; bottom: 0px; }
.navRight .botDiv:before{ content: ''; background:url(../images/nimg488Bg.jpg) top no-repeat; width: 100%; height: 3px; position: absolute; left: 0; top: 0;}
.navRight .leftDiv{ padding: 35px 0 0 60px; }
.navRight .rightDiv{ padding: 35px 0 0 85px; }
.navRight .wen{ font-weight: bold; color: #4c4c4c; font-size: 14px; padding-bottom: 20px; }
.navRight .ewm{ -webkit-box-shadow: 0 5px 10px 0 hsla(230,9%,48%,.2); box-shadow: 0 5px 10px 0 hsla(230,9%,48%,.2);}
.navRight .links a{ font-size: 14px; }


.qNav{/* display: none;*/ top: 1.2rem; position: absolute; z-index: 8; width: 200px; height: 0; background: url(../images/sNavBg.png) no-repeat; overflow: hidden;} 
.qNav.on{ opacity: 1; height: 352px; }
.qNav .list{ padding: 45px 0 0 28px; }
.qNav .list li{ font-size: 14px; padding-bottom: 32px; }
.qNav .list li a{ display: block; color: #999999; }
.qNav .list li a:hover{ color: #c59845; }

.heheDiv{ position: absolute; left: 0; top: 0; width: 100%; height: 1.2rem; z-index: 3;}
.heheDiv .logo{ position: absolute; left: 50%; margin-left: -8.0rem; top: 50%; margin-top: -18px; }

.nav3{ position: absolute; right: 0; top: 0; z-index: 1; background: #fff; border-bottom-left-radius: 8px; overflow: hidden;}
.nav3 li{ float: left; width: 1.92rem; height: 1.2rem; }
.nav3 li a{ display: block; width: 100%; height: 100%; text-align: center; }
.nav3 li .txt1{ padding: 0.42rem 0 0.1rem; font-size: 16px; color: #13473a;}
.nav3 li .txt2{ color: rgba(19,71,58,0.3); font-size: 14px; text-transform: uppercase; }
.nav3 .li01 a{ background: url(../images/bg4.jpg) repeat-x; }
.nav3 .li01 a .txt1{ color: #fff; }
.nav3 .li01 a .txt2{ color: rgba(255,255,255,0.3); }
.nav3 li a:hover .txt1{ color: #c59845; }
.nav3 li a:hover .txt2{ color: rgba(197,152,69,0.5); }



/*右侧悬浮窗*/
.sideBar{position:fixed; z-index:99; top:50%; margin-top: -242px; right:0px; cursor:pointer;}

.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}


.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;
}

/*.ewmLayer1{ position:absolute; width:260px; height:288px; z-index:999; background:#fff; overflow:hidden; display:none;}
.ewmLayer1 .imgDiv{ text-align:center; padding:20px 0 10px;}
.ewmLayer1 p{ font-size:14px; text-align:center;}

.ewmLayer2{ position:absolute; width:260px; height:288px; z-index:999; background:#fff; overflow:hidden; display:none;}
.ewmLayer2 .imgDiv{ text-align:center; padding:20px 0 10px;}
.ewmLayer2 p{ font-size:14px; text-align:center;}
*/
.pageNavLayer{ position:absolute; display:none; background:#fff; width:260px; z-index:111;}
.pageNavLayer li{ height:40px; line-height:40px; border-bottom:#dcdcdc solid 1px; text-align:center; font-size:14px;}

.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;}