@charset "utf-8";
/* CSS Document */
* { box-sizing: border-box; text-transform: uppercase; }
body{ font-family:"Microsoft YaHei"; min-width: 1200px; margin:0; padding:0; }
body,h1,h2,h3,h4,h5,h6,p,span,ul,li,img { margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 { text-transform: uppercase; font-weight:normal;}
li{ list-style:none;}

table { border-collapse: collapse; border-spacing: 0 }

a{ text-decoration:none; color:#000;transition: all 0.3s ease;}
a:hover{ color:#cd9f65; transition: all 0.3s ease;}

b {
    font-weight: normal;
}

i{ font-style:normal;}

.fix:before,.fix:after{content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;}

.left { float:left;}
.right { float:right;}
.center{ width:1200px; margin:auto}
.w1100 {width:80%;margin:auto;}

/*顶部*/
.header{overflow: hidden; position: relative;}
.banner_box { min-width: 1200px; position: relative; width: 100vw; height: 100vh; background:#fff}
.rj_banner{ width:100%;position: relative; top:0;}
.rj_banner img{ width:100%}
.header video { min-width: 100%; min-height: 100%; position: absolute; top:0; left: 0;}

.header .daohang{ width:100%; position:fixed; top:0; left:0; background:rgba(0, 0, 0, .8); height:85px; z-index:9999}

/*logo*/
.header .daohang h1{ float:left; padding-left:7%; padding-top:12px }
.header .daohang h1 img{ height:59px}

/*导航*/
.navig{ float:right; width:65%; padding-right:10%}
.header .nav li{ float:left; z-index:100; text-align:center; font-size:18px; position:relative;}

.header .nav .v1{position:relative;display:block;padding:0 28px;height:85px;line-height:85px;overflow:hidden; color:#fff}
.header .nav .v1 span{position:relative;display:inline-block;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.header .nav .v1 span:after{content:attr(data-txt);position:absolute;left:0;width:100%;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
.header.header-index .nav .v1 span:after{color:#fff}
.header .nav .sub{position:absolute;left:0;z-index:900;width:100%; overflow:hidden; background:rgba(0,0,0,.8); visibility:hidden;-o-transition:all .36s ease;-ms-transition:all .36s ease;-moz-transition:all .36s ease;-webkit-transition:all .36s ease;transition:all .36s ease; }

.header .nav .sub a{display:block;padding:10px 26px 10px 14px;line-height:20px;font-size:14px;color:#fff;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

.header .nav .sub a img{margin-right:3px;opacity:0;transform: translateX(-10px);transition: 0.3s ease-out;margin-top: -2px; display:inline!important;}
.header .nav .sub a:hover img{transform: translateX(0);opacity: 1;}

.header .nav li.on .v1 span,.header .nav li:hover .v1 span{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}

.header .nav li:hover .sub{visibility:visible}
.header .nav .sub a:hover{background:rgba(242,228,202,.4); color:#fae4bb}


/*底部*/
.footer{background: #272831;width:100%; margin:0;}
.footer .about-us{height:88px;line-height:88px;border-bottom:solid 1px #3d3d47}
.footer .about-us > span.span1{font-size: 22px;color: #FFFFFF;letter-spacing: 1.07px;padding-right:58px;}
.footer .about-us span.span2{font-size: 18px;color: #FFFFFF;letter-spacing: 0.8px;padding-right:20px;display:inline-block;line-height:20px;border-right: 1px solid rgb(126, 128, 138);}
.footer .about-us > p{display:inline-block; line-height:normal;}
.footer .about-us span.span3{font-size: 15px;color: #FFFFFF;letter-spacing: 0.8px;padding-left:20px;}
.footer .about-us > span.span4{float:right;+float:none;}
.footer .about-us > span.span4 img{margin-left:30px;}


.footer .foot-nav{padding-bottom:24px;border-bottom:1px solid #3d3d47; position:relative}
.footer .foot-nav ul{ margin-top:32px;}
.footer .foot-nav ul li{float:left; width:12%;}
.footer .foot-nav ul li h2{font-size: 18px;color: #FFFFFF;letter-spacing: 0.8px; font-weight:normal; padding-bottom:15px}
.footer .foot-nav ul li p a{font-size: 12px;color: #7E808A;letter-spacing: 0.8px;line-height:24px;padding-top:5px;padding-bottom:5px;display:block;}
.footer .foot-nav ul li p a:hover{color:#ffffff;}
.footer .foot-nav .wxgzh{ position:absolute; right:45px; top:20px;}
.footer .foot-nav .wxgzh p{ width:100%; text-align:center; color:#fff; padding-top:6px}

.foot{height:60px;line-height:60px;background:#272831;width:100%; margin:0 auto;}
.foot ul li{float:left;font-size: 14px; color:#7E808A}
.foot ul li a{color: #7E808A;letter-spacing: 0.8px;line-height: 28px;padding:0 10px;border-left:solid 1px #7E808A;}
.foot ul li:first-child a{padding-left:0;border-left:0}
.foot p{font-size: 14px;color: #7E808A;letter-spacing: 0.8px;}
.foot a{height:60px;line-height:60px; display:inline;}
.foot ul li a:hover{ color:#fff}

.zs_tb{ float:right; padding-right:10px}
.zs_tb ul{ padding-top:25px}
.zs_tb ul li{ float:left; padding:0 10px; position:relative}
.zs_tb ul li:hover .biao{ opacity:0.6}
.zs_tb ul li .weixin{ display:none;  position:absolute; top:50px; left:-29px; background:url(../images/sanjiao.png) no-repeat top center; padding-top:9px; z-index:999}
.zs_tb ul li:hover .weixin,.zs_tb ul li:hover .zh{ display:block;}
.zs_tb ul li .zh{ width:180px; font-size:14px; line-height:24px; position:absolute; top:50px; left:-62px; padding:5px 12px; border-radius:2px; display:none; background:#fff;}


/*左侧电话*/

.right_nav{ left:0px; bottom:30%; position:fixed; text-align:left;overflow: hidden;z-index:99999;}
.right_nav li{background:#D6AE7E;margin:4px 0;padding: 10px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;cursor:pointer;position:relative; left:-70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:5px 0;margin-right:10px;}
.right_nav li:hover{background:#7B5225; left:0;}
.right_nav li .hideBox{display: none;position: absolute;left:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #7B5225;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #7B5225;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}


@media ( max-width:1600px){
	.header .daohang h1{padding-left:5%;}
	.navig{  width:68%; padding-right:5%}
	.header .nav .v1{padding:0 20px;}
    .header .nav .sub a{ font-size:12px}
   
}