@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:#c9132a; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;line-height:20px;}
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:1400px; margin:0px auto;}
.wal2{width:1200px; margin:0px auto;}

/*.indexPart5 .leftDiv li a{
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/DINCOND-BOLD.otf);}
@font-face {font-family:tcm; src:url(../font/TCM_____.TTF);}

.w780{ width:780px;}
.w370{ width:370px; padding-top: 80px;}

.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:76px; z-index:5; width:100%; background:#fff;}
/*.headDiv .wal{ height:76px; position:relative;}*/
.headDiv .logo{ display:block; position:absolute; left:110px; top:9px;}
.headDiv .logo img{ width:330px;}
.headDiv .topRight{ position: absolute; right: 110px; top: 18px; }
.headDiv .topSearch{ position: absolute; right:0; top:0px; z-index: 3;} 
.headDiv .topSearch input{ display:none; padding: 12px 20px; background: #eee; border-radius: 24px; -moz-border-radius: 24px; width: 200px; font-size: 14px;} 
.headDiv .topSearch img{position: absolute;right: 13px; top: 9px; cursor: pointer;} 
.headDiv .lan{ padding-right: 50px; font-size: 14px; height: 38px; line-height: 38px; font-size: 14px; }
.headDiv .lan a{ padding: 0 10px; }

.nav{ position:absolute; height:76px; top:0px; right:330px;}
.nav li{float:left; height:76px; position: relative; z-index: 2; font-weight: bold;}
.nav a{ padding: 0 52px; position:relative; display:block; height:76px; line-height: 76px; overflow:hidden; font-size:15px; z-index: 10; color: #505050;}
.nav a:hover .bkg, .nav .aNow .bkg{ color:#FFF; font-weight:bold; background-color:#c9132a; top:0;}
.nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; text-align: center;}
.nav li a .bkg {top:100%; z-index:1; background-color:#c9132a; -webkit-transition:top 200ms; transition:top 200ms;}
.nav li a.on .bkg,.nav li a:hover .bkg {top:0; color:#e6c37e;}
.nav a:hover{ color:#e6c37e;}
.nav .aNow{ color:#e6c37e;}

.navIco{ display: none; position: absolute; right: 0px; top: 0px; width: 50px; height: 56px; text-align: center; line-height: 56px;}
.navIco img{ width: 32px; }

/*导航触发效果*/
.sNav{position:absolute; z-index:1000; height:76px; top:56px; display:none; background:rgba(0,0,0,0.5); padding:0px 40px; width:1200px;}
.sNav .list li{ height:76px; line-height:76px; font-size:14px; float:left; margin-right:50px;}
.sNav .list li:last-child{ margin-right:0px;}
.sNav .list li a{ color:#fff;}
.sNav .list li a:hover{ color: #e6c37e;}

/*导航菜单触发*/
.navLayer{overflow-x: auto; height:100%; width:50%; overflow:hidden; position:fixed; z-index:12; right:-50%; top:0px;opacity: 0.95;}
.navLayer .bg{overflow-x: auto;position:relative; background:#fff; height:100%; width:100%; float:right;}
.navLayer .toptop{ height: 56px; position: relative;}
.navLayer .closeBtn{ width:56px; height:56px; position:absolute; top:0px; right:0px; text-align: center; line-height: 56px;}
.navLayer .closeBtn img{ width: 22px; }
.sideNav{ padding: 0 10px 20px; }
.subNav{ cursor:pointer; display:block; height:48px; line-height:48px; position:relative; font-size:15px; border-bottom: #eee solid 1px;}
.subNav1{ background:url(../../images/nimg53_1.png) right center no-repeat; background-size: 30px; color: #2c2c2c;}
.subNav .name{ position:relative; display: inline-block;}
.subNav .name:after{ content: ''; width: 60px; height: 1px; background: #e6c37e; position: absolute; left: 0px; bottom: -1px; }
.subNav a{ color:#2c2c2c; display: block;}
.currentDt{background:url(../../images/nimg53_1on.png) right center no-repeat; background-size: 30px; color: #2c2c2c;}
.navContent{display: none;}
.navContent a{display:block;  height:36px; line-height:36px; color:#7f7f7f; font-size:14px;  }




.pageBg{ position:fixed; z-index:11; width:100%; height:100%; display:none; background:url(../../images/bg1.png) repeat; /*background:rgba(0,0,0,0.8);*/ left:0px; top:0px;}


/*.pageBg{ position:fixed; z-index:11; width:100%; height:100%; display:none; background:url(../images/bg2.png) repeat; left:0px; top:0px;}*/

.footDiv{ height: 132px;    float: right; background:url(../../images/footBg.jpg) center no-repeat; background-size: cover; padding-top: 56px;    width: 100%;}
.footDiv .tel{ height: 36px; line-height: 36px; padding-left: 45px; font-size: 24px; font-weight:bold; color: #fff; background:url(../../images/nimg35_1.png) left center no-repeat; }
.footDiv .tel em{ padding-left: 38px; }
.footDiv .links{ padding-top: 28px; opacity: 0.3; color: #fff; position: relative;  }
.footDiv .links2{ padding-top:15px;}
.footDiv .links a{ color: #fff; padding: 0 11px; }
.footDiv .links a:first-child{ padding:0 11px 0 0;}
.footDiv .links a:hover{ text-decoration: underline; }
.footDiv .share li{ float: left; margin-left: 15px; }
.footDiv .share li .img1{ display:none;}
.footDiv .share li:hover img{ display:none;}
.footDiv .share li:hover .img1{ display:inline-block;}
.footDiv .msg{ clear: both; padding-top: 28px; color: #fff; opacity: 0.3; text-transform: uppercase; }
.footDiv .msg a{ color: #fff; }
.footDiv .msg a:hover{ text-decoration: underline;}

.pageBanner{ position:relative; height: 290px;}
.pageBanner .botDiv{ position: absolute; left: 50%; margin-left: -700px; width: 100%; background: #fffcf7; height: 65px; bottom: 0px; /*border-bottom: #f6f4f0 solid 3px;*/}
.pageBanner .botDiv:after{ content: ''; width: 100%; height: 3px; background: #f6f4f0; position: absolute; left: 0px; bottom: 0px; }
.pageBanner .leftDiv{ width: 56%; height: 65px; position: relative;}
.pageBanner .rightDiv{ width: 44%; height: 65px; background: #f4f1eb; }

.pageBannerTel{ display: none; }
.pageBannerTel img{ width: 100%; }

.pageNav{ padding-left: 100px; }
.pageNav li{ float: left; margin-right: 60px; font-size: 14px; font-weight: bold;}
.pageNav li a{ display: block; height: 65px; line-height: 65px; color: #525252; position: relative;}
.pageNav li em{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 3px; background: #c9132a; display: none; z-index: 2; }
.pageNav li .aNow em, .pageNav li a:hover em{ display: block; }

.pageNow{ padding-left: 45px; line-height: 65px; color: #585858; font-size: 14px; font-weight: bold; }
.pageNow a{ color: #585858; background: url(../../images/nimg5_1.png) left center no-repeat; padding: 0 14px 0 16px;}
.pageNow a:hover{ color: #304383; }
.pageNow em{ background: url(../../images/nimg5_1.png) left center no-repeat; padding-left: 16px;}
.pageNow img{ padding-right: 12px; position: relative; top: -2px;}

.pageBox{ background: #f6f4f0; padding-bottom: 105px;}
.pageBox2{ padding-bottom: 0px; }
.tre-flip{ position: relative;}
.heelflip{ position: relative; height: 578px;}
.containerBox{ width: 1400px; margin: 0 auto; background: #fff; padding-bottom: 10px; position: relative; z-index: 2;}
.containerBox2{ background: #fff url(../../images/nimg1055Bg.jpg) left bottom no-repeat;}
.containerBox3{ padding-bottom: 0;}
.containerBox4{ padding-bottom: 0;/* background: #fff url(../images/nimg1670Bg2.jpg) left bottom no-repeat;*/}
.xxxBox{ width: 1200px; margin: 0 auto; background: #fff; position: relative;}
.dnBg{ position: absolute; left: -100px; top: 0px; width: 100%; background: #f3ead8; height: 100%; }
.cnBg{ position: absolute; left: -100px; top: 0px; width: 100%; background: #fff; height: 100%; }
.whiteBg{ background: #fff; position: absolute; right: 0px; top: 0px; width: 30%; height: 100%; z-index: 0; }
.historyBg{ background: url(../../images/nimg1670Bg.png) left bottom no-repeat; position: absolute; left:50%; margin-left:-700px; bottom: 0px; width: 1670px; height: 620px; z-index:3; }
.developBg{ background: url(../../images/nimg1670Bg2.jpg) left bottom no-repeat; position: absolute; left:50%; margin-left:-700px; bottom: 0px; width: 1670px; height: 620px; z-index:3; }


/*.rightBotBg{ position: absolute; right: 0px; bottom: 0px; width: 790px; height: 621px; background: url(../images/nimg790Bg.jpg) center no-repeat; z-index: 2; }*/
.contactBg{ position: absolute; right: 0px; bottom: 0px; width: 470px; /*height: 704px;*/height: 352px; background: url(../../images/nimg470Bg2.jpg) center no-repeat; z-index: 4; }

.pageTitle{ padding-top: 75px; }
.pageTitle .title1{ font-size: 34px; color: #ddb973; line-height: 34px; font-weight: bold;}
.pageTitle .title2{ font-weight: bold; font-size: 22px; color: #555451; padding: 5px 0 25px;}

.pageTitleTel{ height:50px; background:#c9132a; position:relative; font-size:14px; display:none;}
.sideTitleTel{ width:100%; height:50px; position:absolute; left:0px; top:0px;}
.sideTitleTel .con{ font-size:16px; height:50px; line-height:50px; position:relative; padding-right:10px;}
.sideTitleTel .con a{ color: #fff; display:block; height:50px; padding-left:15px; background:url(../../images/ico5.png) right center no-repeat; background-size: 16px;}
.sideTitleTel .con.on a{ background:url(../../images/ico5on.png) right center no-repeat; background-size:16px;}
.sideTitleNav{ position:absolute; top:50px; z-index:10; width:100%; background:#faf9f9; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.sideTitleNav li{ height:43px;}
.sideTitleNav li a{ display:block; height:42px; line-height:42px; padding-left:15px; color:#666; border-bottom:#e2e2e2 solid 1px; background:#faf9f9;}
.sideTitleTel .con em{ display:block; color:#fff; padding-left: 15px;}

/*分页*/
.pageNum{height:75px; text-align: center;}
.pageNum a{ margin: 0 10px; display:inline-block; height:48px; line-height:48px; background:#eee; padding: 0 20px; font-size:13px; text-align: center; color: #353535;}
.pageNum a:hover, .pageNum .aNow{background:#085ea4; color:#FFF;}

.pageMore{ padding-top: 10px; }
.pageMore2{ padding-top: 0px; }
.pageMore a{ width: 100%; background: #f8f8f8 url(../../images/nimg34_1.png) no-repeat center; display: block; height: 56px; -webkit-transition:background 400ms; transition:background 400ms; }
.pageMore a:hover {background:#ddb973 url(../../images/nimg34_1on.png) no-repeat center;}


/*右侧悬浮窗*/
.sideBar{position:fixed; z-index:99; top:50%; margin-top: -56px; right:0px; cursor:pointer;}
.sideBar li{position:relative; text-align:center; line-height:56px; height:56px; width: 60px; margin-bottom:1px; background:rgba(0,0,0,0.2);}
.sideBar li .img1{ display:none;}
.sideBar .mouse{position:absolute; left:-130px; top:0px; display:none;}
.sideBar .liNow{ background:#c22239;}
.sideBar .liNow .mouse{display:block;}
.sideBar .liNow img{ display:none;}
.sideBar .liNow .img1{ display:inline-block;}
.sideBar li .mouse{ background:rgba(0,0,0,0.2); width:130px; height:160px;}
.sideBar li .ewm{ padding-top:15px;}
.sideBar li .mouse p{ font-size:13px; color:#fff; position:relative; }
.sideBar li .mouse img{ display:block; width:100px; margin:0 auto;}

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

.weixinLayer{ position:absolute; display:none; z-index:100; width:150px; height:150px; background:#fff;}
.weixinLayer .close{ display:block; position:absolute; right:5px; top:-35px; width:24px; height:24px;}
.weixinLayer .close img{ width:24px;}
.weixinLayer .imgDiv{ padding:10px;}
.weixinLayer .imgDiv img{ width:130px;}


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