@charset "utf-8";
*,*::after,*::before{box-sizing:border-box;}
*:focus { outline: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button,figure{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:14px;position:relative;*overflow-x:hidden; background-color: #fff;color: #000;font-family:Arial,"Microsoft YaHei", "PingFang SC", apple-system, "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif;line-height: 1.5;outline:none;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
img{ vertical-align:middle; }
em,i{font-style: normal;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none;}
a{text-decoration:none;color:#000;} 
a:hover{color:#cdaa70 ;text-decoration:none;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
::selection { background:#cdaa70 ; color:#fff;}
::-moz-selection { background:#cdaa70 ; color:#fff;  }
::-webkit-selection { background:#cdaa70 ; color:#fff;  }
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
.els {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.els2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nr {width: 1400px; margin: 0 auto; }
.nr:after { content: '\20'; display: block; height: 0; clear: both; }
@media (max-width: 1440px){
    .nr { width: 1200px; margin:0 auto }
}
@media (max-width: 1200px){
    .nr { width:92%}
}

.header { position:relative}
.header .h_1{ width:100%;}
.header .h_1 .nr{ width:92%}
.header .h_1 .logo{ float:left;}
.header .h_1 .logo img{ height:105px; width:auto}
.header .h_1 .logo img.img1{ display:block}
.header .h_1 .logo img.img2{ display:none}
.header .h_1 .rt{ float:right}
.header .h_1 .rt{ width:auto; height:68px}
.header .h_1 .rt .nav{ float:left}
.header .h_1 .rt .nav ul li{ float:left;  font-size:18px; color:#694e4a; margin-right:65px; position:relative}
.header .h_1 .rt .nav ul li>a{ display:block; color:#694e4a;line-height:105px; height:105px;}
.header .h_1 .rt .nav ul li:hover>a{ border-bottom:4px solid #cdaa70}
.header .h_1 .rt .nav ul li .xl{ width:120px; position:absolute; left:50%; margin-left:-60px; top:100%; z-index:99; background:#fff; line-height:45px; display:none}
.header .h_1 .rt .nav ul li .xl a{ display:block; text-align:center; font-size:16px; color:#333}
.header .h_1 .rt .nav ul li .xl a:hover{ background:#cdaa70; color:#fff}
.header .h_1 .rt .nav ul li:hover .xl{}
.header .h_1 .rt .tel{  float:left; margin-left:55px;font-size:24px;}
.header .h_1 .rt .tel a{ color:#cdaa70; display:block;background:url(g_01.png) left center no-repeat; line-height:105px; padding-left:35px; color:#cdaa70;  font-family:Arial, Helvetica, sans-serif;}
.header .h_1 .rt .wx{ background:url(g_02.png) center center no-repeat; width:38px; height:105px; float:left; position:relative; margin-left:40px; cursor:pointer; background-size:100%}
.header .h_1 .rt .wx .pic{ position:absolute; left:50%; transform:translateX(-50%); top:65%; width:110px; z-index:9; display:none}
.header .h_1 .rt .wx:hover .pic{ display:block}
.header .h_1 .rt .sea{ float:left; background:url(g_03.png) center center no-repeat; width:38px; height:105px; cursor:pointer; margin-left:8px; background-size:100%}
.header .h_1 .rt .menu{ display:none; float:left; background:url(g_01x_2.png) center center no-repeat #d1a870; width:60px; background-size:25px; height:100%; margin-left:10px; position:absolute; right:0; top:0}
@media (max-width: 1800px){
	.header .h_1 .rt .nav ul li{ margin-right:50px}
	.header .h_1 .rt .tel{ margin-left:0}
}
@media (max-width: 1600px){
	.header .h_1 .rt .nav ul li{ margin-right:30px}
	.header .h_1 .rt .wx{ margin-left:30px}
}
@media (max-width: 1440px){
	.header .h_1 .logo img{ height:100px}
	.header .h_1 .rt .nav ul li>a{ height:100px; line-height:100px; font-size:16px}
	.header .h_1 .rt .tel a,.header .h_1 .rt .wx,.header .h_1 .rt .sea{ height:100px; line-height:100px}
	.header .h_1 .rt .tel{ font-size:20px}
	.header .h_1 .rt .wx{ margin-left:20px}
}

@media (max-width: 1200px){
	.header .h_1 .nr{ width:100%}
	.header .h_1 .logo{ margin-left:4%}
	.header .h_1 .logo img{ height:60px}
	.header .h_1 .rt{ height:60px}
	.header .h_1 .rt .nav{ display:none}
	.header .h_1 .rt .menu{ display:block}
	.header .h_1 .rt .wx,.header .h_1 .rt .sea{ width:30px}
	.header .h_1 .rt .wx,.header .h_1 .rt .sea,.header .h_1 .rt .tel a{ height:60px}
	.header .h_1 .rt .tel{ font-size:0}
	.header .h_1 .rt .tel a{ padding-left:20px}
	.header .h_1 .rt .wx,.header .h_1 .rt .sea{ margin-left:10px; margin-right:70px}
	.header .h_1 .rt .wx{ display:none}
	
	.header .h_1 .logo img.img2{ display:block}
	.header .h_1 .logo img.img1{ display:none}
}

/* 修改添加的下拉子菜单 */
.subnavbox{display: none; position: absolute; top: 100%; left: 0; width: 100%; transform: translateY(3px); background: #ffffff; overflow: hidden; z-index: 6; box-shadow:0  0 10px rgba(00,00,00,0.1)}
.subnavbox .a1,
.subnavbox .a2,
.subnavbox .a3{width: 33.3%; min-height: 262px; padding-top: 26px; box-sizing: border-box;}
.subnavbox .a2,
.subnavbox .a3{padding-left: 54px;}
.subnavbox .a2{padding-bottom: 30px; border-right: 1px solid #dcd9d9; border-left: 1px solid #dcd9d9;}
.subnavbox .a1 .hd{margin-bottom: 32px;}
.subnavbox .a1 .hd h3{font-size: 36px; font-family: Arial; font-weight: bold; color: #a88b3a; text-transform: uppercase;}
.subnavbox .a1 .hd h2{font-size: 24px; font-weight: bold; color: #000000;}
.subnavbox .a1 .ft .more{display: block; width: 128px; height: 38px; border-radius: 3px; background: #a88b3a; font-size: 14px; color: #fff; text-align: center; line-height: 38px;}
.subnavbox .a2 dl dd a{display: inline-block; padding-left: 26px; line-height: 32px; background: url(ico_27.png) no-repeat left center;font-size: 14px; color: #4b4b4b;font-weight: normal; }
.subnavbox .a2 dl dd a:hover{ color:#a88b3a}



.sea_on{ width:100%; height:100%; left:0; top:0; background:rgba(00,00,00,0.5); position:fixed; z-index:99; display:none}
.sea_on .s1{ width:400px; height:68px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-34px; background:#fff}
.sea_on .s1 .inp1{ width:200px; height:68px; border:0; position:absolute; left:10px; top:0; font-size:14px;}
.sea_on .s1 .inp2{ width:76px; height:68px; background:url(g_01x.jpg) center center no-repeat #004898; position:absolute; right:0; top:0; cursor:pointer} 
.sea_on .s1 .gb{ width:30px; height:30px; background:url(gb.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:-50px; cursor:pointer}
@media (max-width:1200px) {
	.sea_on .s1{ width:300px; height:48px;margin-left:-150px;margin-top:-24px;}
	.sea_on .s1 .inp1{ width:180px; height:48px;}
	.sea_on .s1 .inp2{ width:76px; height:48px;} 
	.sea_on .s1 .gb{ width:24px; height:24px; background:url(gb.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:-30px; cursor:pointer}
}

.slide_box { background: #fff; width: 650px; height: 100% ; box-sizing:border-box; position: fixed; right: 0; top: 0; padding: 50px 50px 50px 50px; box-sizing: border-box; z-index: 999; transform: translateX(100%);transition: all .6s; z-index: 101; }
.slide_box.active { transform: translateX(0);}
.z_mask { width: 0%; height: 100%; position: fixed;  left: 0; top:0; background: rgba(0,0,0,.8); transition: all .8s; z-index: 101; }
.z_mask.active {width: 100%; }
.slide_nav{ width:100%; height:100%; overflow-y:auto; position:relative; border-top:1px solid #f0f0f0}
.slide_box .close{ width:50px; height:66px; position:absolute; right:0; top:0; cursor:pointer; z-index:2; background:url(close.png) center center no-repeat; background-size:16px}
.slide_nav li { border-bottom:1px solid #f0f0f0;position:relative }
.slide_nav li .jia{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(plus.png) center center no-repeat; display:none; cursor:pointer; background-size:15px}
.slide_nav li .jia.on{ display:block; background-size:10px}
.slide_nav li .jian{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(reduce.png) center center no-repeat; display:none; cursor:pointer; background-size:16px}
.slide_nav li .jian.on{ display:block}

.slide_nav li>a {display: block;height: 45px;color: #604742;line-height: 45px;padding-left: 4%;font-size: 15px;}
.slide_nav li>a:hover{ color:#cdaa70}
.slide_nav .nav_down { display:none; }
.slide_nav .nav_down a {display: block;height: 36px;color: #cdaa70;line-height: 36px;padding-left: 34px;font-size: 14px; background:url(z2.png) 15px center no-repeat; background-size:auto 10px}
.slide_nav .nav_down a:before {}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover { color: #cdaa70;}
.slide_nav li a:hover{ color: #cdaa70;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before { width: 100%; left: 0;}
.slide_nav li .lk{ display: inline-block; vertical-align: top; line-height: 45px; font-size: 15px; color: #333; padding: 0 4% }
.slide_nav li .lk a{ color: #333 }
.slide_nav li .lk a:hover { color: #f26c2a;}
@media all and (max-width:1200px){
	.slide_box{}
	.slide_box { width:80%; padding:66px 0 30px; }
	.z_mask{ }
}


.footer{ background:#f1f2f3}
.footer .ft01{ padding:60px 0 0}
.footer .ft01 .rt{ float:right}
.footer .ft01 .lt{ float:left}
.footer .ft01 dl{ float:left; margin-right:70px}
.footer .ft01 dl dt{ font-size:18px; color:#181818; margin-bottom:30px}
.footer .ft01 dl dt a{ color:#181818}
.footer .ft01 dl dt a:hover{ color:#000}
.footer .ft01 dl dd{ font-size:16px; color:#9e9e9f}
.footer .ft01 dl dd a{ color:#9e9e9f; display:block; line-height:35px}
.footer .ft01 dl dd a:hover{ color:#000)}
.footer .ft01 .hot{ font-size:20px; color:#181818; line-height:1}
.footer .ft01 .hot i{ font-size:36px; color:#cdaa70; font-family:Arial, Helvetica, sans-serif}
.footer .ft01 .cont .lx{ width:380px; margin-top:10px}
.footer .ft01 .cont .lx p{ color:#181818; font-size:16px; line-height:36px}
.footer .ft01 .cont .lx p a{ color:#181818}
.footer .ft03{ line-height:50px; text-align:center; font-size:14px; color:#b9baba; margin-top:10px}
.footer .ft03 .lt{ float:left}
.footer .ft03 .rt{ float:right}
.footer .ft03 a{color:#b9baba}
.footer .ft03 a:hvoer{color:#b9baba}
@media all and (max-width:1440px){
	.footer .ft01 dl dt{ font-size:16px; margin-bottom:20px}
	.footer .ft01 dl dd{ font-size:14px}
	.footer .ft01 dl dd a{ line-height:30px}
	.footer .ft01 .hot{ font-size:18px}
	.footer .ft01 .hot i{ font-size:32px}
	.footer .ft01 .cont .lx{ width:320px}
	.footer .ft01 .cont .lx p{ font-size:14px; line-height:30px}
}
@media all and (max-width:1200px){
	.footer .ft01{ padding:30px 0 0}
	.footer .ft01 .lt{ display:none}
	.footer .ft01 .rt{ width:100%; float:none}
	.footer .ft01 .cont .lx{ width:100%}
	.footer .ft01 .hot{ font-size:16px}
	.footer .ft01 .hot i{ font-size:24px}
	.footer .ft01 .cont .lx p{ font-size:14px; line-height:2}
	.footer .ft02{ text-align:center; margin-top:10px}
	.footer .ft03{ margin-top:0; padding:15px 0; line-height:2; font-size:12px}
	.footer .ft03 .lt,.footer .ft03 .rt{ width:100%}
}








/*
	首页默认模式 在线客服 
*/
.online-qq-lx { position:fixed; top:50%; transform:translateY(-50%); right:0; width:70px; z-index:100; }
.online-qq-lx .qq_content-lx dd { position:relative; width:70px; margin-bottom:-1px; font-size:12px; }
.mbar-ico { position:relative; margin-bottom: -1px; border: 1px solid #ddd; background:#fff; font-size:14px; transition:all 0.3s ease 0s; }
.mbar-ico i { position:relative; display:block; width:68px; height:68px; background:url(online_lx.png) no-repeat #fff; cursor:pointer; transition:all 0.3s ease 0s; z-index:2; }
.mbar-ico .mbar-tip  { position:absolute; top:0; background:#fff; color:#333; opacity:0; transition:all 0.3s ease 0s; text-align:left; white-space:nowrap; visibility:hidden; }
.mbar-ico .mbar-tip a { display:block; color:#333; }
.mbar-ico .mbar-tip a:hover { color:#333; }
.mbar-ico:hover .mbar-tip { opacity:1; z-index:1; visibility:visible; }
	/* QQ */
.mbar-qq { border-radius: 5px 5px 0 0; }
.mbar-qq i { border-radius: 5px 5px 0 0; background-position:0 0; }
.mbar-qq:hover { border: 1px solid #cdaa70; z-index: 1; }
.mbar-qq:hover i { background-position:-70px 0; background-color: #cdaa70; }
.mbar-qq .mbar-tip { min-height:70px; padding:5px 24px 5px 14px; line-height:30px; }
.mbar-qq .mbar-tip img { margin-right:8px; margin-top:-3px; vertical-align:middle; }
	/* 咨询 */
.mbar-tel i { background-position:0 -70px; }
.mbar-tel:hover { border: 1px solid #cdaa70; z-index: 1; }
.mbar-tel:hover i { background-position:-70px -70px; background-color: #cdaa70; }
.mbar-tel .mbar-tip { padding:9px 15px; font-size:14px; line-height:22px; }
	/* 二维码 */
.mbar-micro .mbar-tip  {top: auto;min-width:110px;padding:5px;background:#fff;color:#000;box-shadow: 0 0 10px #ccc;text-align:center;line-height:20px;bottom: 0;}
.mbar-micro .mbar-tip span { display:block; }

.mbar-micro-sj i { background-position:0 -140px; }
.mbar-micro-wx i { background-position:0 -210px; }
.mbar-micro-hc i { background-position:0 -280px; }
.mbar-micro-hc .mbar-tip img {height: auto;}
.mbar-micro-sj:hover { border: 1px solid #cdaa70; z-index: 1; }
.mbar-micro-wx:hover { border: 1px solid #cdaa70; z-index: 1; }
.mbar-micro-hc:hover { border: 1px solid #cdaa70; z-index: 1; }
.mbar-micro-sj:hover i { background-position:-70px -140px; background-color: #cdaa70; }
.mbar-micro-wx:hover i { background-position:-70px -210px; background-color: #cdaa70; }
.mbar-micro-hc:hover i { background-position:-70px -280px; background-color: #cdaa70; }


	/* 返回顶部 */
.mbar-top { display:none; }
.mbar-top i { background-position:0 -350px; }
.mbar-top:hover i { background-position:-70px -350px; }
.mbar-top .mbar-tip { right:0; height:40px; line-height:40px; }
.mbar-top .mbar-tip a { padding:0px 15px; }
.online-qq-left { left:10px; right:auto; }
.online-qq-left .mbar-top .mbar-tip,
.online-qq-left .mbar-ico .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-top:hover .mbar-tip,
.online-qq-left .mbar-ico:hover .mbar-tip { left:70px; right:auto; }
.online-qq-right { right:10px; left:auto; }
.online-qq-right .mbar-top .mbar-tip,
.online-qq-right .mbar-ico .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-top:hover .mbar-tip,
.online-qq-right .mbar-ico:hover .mbar-tip { right:70px; left:auto; }
.online-qq-right .qq_content-lx .mbar-top:hover .mbar-tip { display: none; }
.online-qq-right .qq_content-lx .mbar-top:hover { border: 1px solid #cdaa70; z-index: 1; }
.online-qq-right .qq_content-lx .mbar-top:hover i { background-color: #cdaa70; }

/*在线客服*/
.online-qq{width:135px;z-index:500;padding:12px 0 0;text-align:center}
.qq_content{background:#fff;font-weight:normal;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
.qq_content .dt{font-size:14px;font-weight:bold;color:#fff;cursor:pointer;padding:10px 20px;text-align:left}
.qq_content dd{padding:12px;font-size:12px}
.qq_content dd a{line-height:22px;display:block;margin:0 0 5px;border:1px solid #d2d2d2;}
.qq_content dd a:hover{color:#fff;text-decoration:none}
.qq_content dd img{margin:0 3px -3px 0}
.qq_content .tel{background:#eee;font-size:14px}
.qq_content .tel strong{font-weight:bold;color:#f00}
.qq_content .qr{background:#fff}
.qq_content .qr img{margin:0}
.qq_content dd p{padding:.3em 0}
.qq_content dd p a{padding:0 0 0 18px}
.online-qq{}
.qq_content .dt{background:#1a7bb5;}
.qq_content dd a{background:url(tab_bg.jpg) repeat-x}
.qq_content dd a:hover{background:#062f7e;border-color:#062f7e;}
.qq_content dd p a{background:url(icon_qq.png) no-repeat 0 50%;}

.ftLinkWrap { background:#f2f2f2; }
.ftLinkWrap .ftLink { padding: 25px 0; background: none; font-size: 16px; }
.ftLinkWrap .ftLink strong { font-size: 18px; }


@media (max-width: 1200px){
   .online-qq-lx{ display:none}
}