﻿@charset "utf-8";
@font-face {
    font-family: 'fzfsjw';
    src: url('../font/FZFSJW.TTF');
}
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0; box-sizing: border-box}
body {color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;/*min-width: 1200px;overflow-x: hidden*/}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
a { color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; }
input,textarea,button{border: none;outline: none;background: none}
.clear:after {content:''; display:block; clear:both; }
.clear { height:0px; clear:both; }
/*限制文字,文字超出显示冒号*/
.text-cut { overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.flex-center{display: flex;justify-content: space-between;flex-wrap: wrap}
.text-center{text-align: center}
::-webkit-scrollbar {
    width: 0;  /*隐藏滚动条空间*/
    background-color: transparent; /*隐藏背景*/
}
.p88{padding-top: 88px!important;}

/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 30px 0 60px;line-height: 2;border-top: 1px solid #d2d2d2;}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px}
.wengzhengfanye b{font-weight: normal}
.wengzhengfanye a:hover{color: #0046a3}


/* 文章类别上下页 */
.page{text-align:center;overflow:hidden;margin-top: 60px}
.page span,.page a
{ display:inline-block;text-align:center;padding:10px 15px;color: #fff;border-radius: 5px;margin: 0 6px;border: 1px solid #ccc}
.page a:hover,.page a.on {background: #dfb561;color: #fff;border-color: #dfb561}
.page span{display:inline-block; color:#fff; background:#dfb561;border-color: #dfb561}


/*========================================= 首页 =====================================*/
.container { width:1200px; margin:0 auto;}
.fl{float: left}
.fr{float: right}

header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;transition: all .5s ease;background: url("../img/head.png") no-repeat center}
.head{align-items: center}
.nav{display: flex;justify-content: space-between;align-items: center}
.nav ul{display: flex;}
.nav li{position:relative;font-size: 16px;line-height: 88px;margin-left: 50px;}
.nav li a{display: block;position: relative;color: #fff;transition: all .5s ease;}
.nav ul li:before{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: block;width: 40px;height: 2px;background-color: #dfb561;opacity: 0;transition: all .5s ease;}
.nav ul li:hover:before,.nav ul li.active:before {opacity: 1;}
.nav ul li a{position: relative;display: block;transition: all .5s ease;}
.head .tel{position: relative;margin-left: 70px}
.head .tel dd{color: #fff;font-family: Arial;font-size: 20px;position: absolute;right: 0;top: -8px;border-radius: 30px;line-height: 36px;
    display: flex;align-items: center;width: 200px;justify-content: space-between;padding: 0 20px;display: none}
.head .tel:before{content:'';position: absolute;right: 0;top: -8px;height: 36px;background: #dfb561;
    width: 0;border-radius: 30px;transition: all 0.3s ease;}
.head .tel:hover:before{ width: 200px;}
.head .tel:hover dd{display: flex}


.xlnav{position: absolute;width: 450px;line-height: 80px;height: 80px;background: url(../img/down.jpg) no-repeat;background-size: cover;left: 50%;margin-left: -235px;top: 88px;display: none;text-align: center;box-shadow: rgba(4,0,0,0.8) 8px 6px 15px;padding: 0 10px;}
.xlnav a{color: #c49366!important;width: 25%;text-align: center;display: inline-block;float: left}
.nav li:hover .xlnav{display: block;}
.nav li:nth-child(2) .xlnav a{width: 50%}
.nav li:nth-child(3) .xlnav{width: 850px;margin-left: -425px;}


/*banner图片切换样式*/
.banner{position: relative;width: 100%}
.banner li{height:100vh;overflow: hidden/*width: 100%!important;*/}
.banner .swiper-pagination{bottom:40px!important;width: 100%}
.banner .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #ffffff;margin: 0 8px!important;opacity: 0.2}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #edd4bc}
.banner .swiper-button-prev{width: 72px;height: 72px;margin-top: -36px; background: url("../img/ban_left.png") no-repeat center rgba(65,49,32,0.4);left: 50%;margin-left: -600px;border-radius: 100%}
.banner .swiper-button-next { width: 72px;height: 72px;margin-top: -36px; background: url("../img/ban_right.png") no-repeat center rgba(65,49,32,0.4);right: 50%;margin-right: -600px;border-radius: 100%}
.banner .swiper-button-prev:hover{background: url("../img/ban_left.png") no-repeat center rgba(65,49,32,0.8);}
.banner .swiper-button-next:hover{background: url("../img/ban_right.png") no-repeat center rgba(65,49,32,0.8);}
.banner li video{width: 100%}


.oneA{background: url("../img/oa.png") no-repeat center;background-size: cover}
.oneAl{width: 560px;height: 320px;background: #000;overflow: hidden}
.oneAl a{display: block;width: 100%;height: 100%;position: relative}
.oneAl a:after {content: "";position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;margin: -40px 0 0 -40px;background: url(../img/play.png) no-repeat;background-size: cover;}
.oneAl video{width: 100%;}
.oneAs{width: 1300px;margin: 0 auto;align-items: center;}

.oneB{position: relative}
.oneB:after{content: '';position: absolute;top:0;left:0;width: 50%;height: 100%;background: url("../img/ob.png") no-repeat right;background-size: cover;z-index: -1}
.oneB ul li dl{width: 458px;color: #edd4bc;position: absolute;top: 50%;left: 50%;margin-left: -600px;transform: translateY(-50%)}
.oneB ul li dl h3{font-size: 40px;}
.oneB ul li dl p{margin-top: 30px;line-height: 2;overflow: hidden}
.oneB ul li dl p span{display: inline-block;}
.oneB ul li dl p span:nth-child(1){width: 10%;float: left;}
.oneB ul li dl p span:nth-child(2){width: 85%;float: left}
.oneB ul li dd{position: absolute;right: 0;top:0;width: 50%;height: 100%}
.oneB .swiper-pagination{bottom:40px!important;width: 100%}
.oneB .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #ffffff;margin: 0 8px!important;opacity: 0.2}
.oneB .swiper-pagination-bullet-active {opacity: 1;background: #edd4bc}

.oneC{background: url("../img/oc.png") no-repeat center;background-size: cover}
.oneCtit{color: #dfb561;font-size: 34px;background: url("../img/octit.png") no-repeat center;line-height: 103px;text-align: center}
.oneCs{margin-top: 30px}
.oneCs ul li{width: 32.5%;position: relative;overflow: hidden;max-height: 249px;}
.oneCs ul li dd img{width: 100%;transition: all 0.5s ease}
.oneCs ul li p{position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5);font-size: 16px;padding: 0 30px;line-height: 50px;color: #fff;width: 100%}
.oneCs ul li:hover dd img{transform: scale(1.05);transition: all 0.5s ease}

.oneCgd{width: 168px;line-height: 41px;background: url("../img/ocgd.png") no-repeat center;margin:0 auto;margin-top: 60px;text-align: center}
.oneCgd a{display: block;color: #dfb561}

footer{background:url("../img/foot.png") no-repeat center;background-size: cover;padding: 45px 0 75px}
.foot{display: flex;align-items: center}
.foot-text{line-height: 2.5;color: #dfb561;opacity: 0.5;margin: 0 60px;padding-top: 90px}
.foot-link{display: flex;justify-content: space-between;align-items: center;padding-top: 25px}
.foot-link dd{margin-right: 60px}
.foot-text a{color: #dfb561;}


/*========================================= 品牌 =====================================*/
.brand{background: url("../img/brand.png") no-repeat bottom;padding: 140px 0;overflow: hidden}
.brandtxt{padding: 20px 130px;line-height: 2;color: #fff;font-size: 24px;font-family: 'fzfsjw';text-shadow: 2px 2px 2px grey;}


.honorA{background: url(../img/xm.png) #000 no-repeat bottom;}
.honorA .honortxt{margin-bottom: 60px}

.honorB{background: url("../img/honorb.png") no-repeat center;background-size: cover}

.honortxt{text-align: center;width: 60%}
.honortxt img{max-width: 100%}

.shengtai{background: url("../img/st.png") no-repeat center -318px;background-size: cover}
.shengtaiA{align-items: center}
.shengtaiA dd{width: 566px;height:393px;background: url("../img/stli.png") no-repeat center;position: relative}
.shengtaiA dd img{width: 480px;height: 313px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.shengtaiA dl{font-size: 24px;line-height: 2;font-family: 'fzfsjw';color: #fff;width: 600px;}

.news{background: url("../img/newsbg.png") no-repeat center;background-size: cover;padding: 140px 0;overflow: hidden}
.newsA{margin-top: 25px;overflow: hidden}
.newsA ul li{width: 32.5%;position: relative;overflow: hidden;margin-right: 1.2%;float: left;border: 1px solid #dfb561;margin-top: 25px;max-height: 249px}
.newsA ul li dd img{width: 100%;transition: all 0.5s ease}
.newsA ul li p{position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5);font-size: 16px;padding: 0 30px;line-height: 50px;color: #fff;width: 100%}
.newsA ul li:nth-child(3n){margin-right: 0}
.newsA ul li:hover dd img{transform: scale(1.05)}


.aboutA{color: #fff;font-family: 'fzfsjw';padding: 0 220px;}
.aboutA h3{font-size: 36px;font-weight: normal;margin-bottom: 70px}
.aboutA p{font-size: 24px;margin-top: 30px}

.aboutB{color: #fff;font-family: 'fzfsjw';padding: 25% 0 0 280px;text-shadow: 2px 2px 2px grey;}
.aboutB p{font-size: 24px;margin-top: 30px}


/*=======================================联系我们============================================*/
.contact{background: #F2F4F6;padding: 60px 0}

.contactA{}
.contactA ul li{width: 32%;float: left;padding: 60px 15px;background: #fff;text-align: center;min-height: 360px;transition: all .5s ease;}
.contactA ul li dd{width: 60px;height: 60px;margin: 0 auto;color: rgba(213,10,29,1);}
.contactA ul li dd svg{margin: 0;width: 100%;height: 100%;fill: currentColor;}
.contactA ul li h3{font-size: 30px;font-weight: normal;margin: 15px 0 20px}
.contactA ul li p{line-height: 2;}
.contactA ul li:hover{background: #0046a3;color: #fff}
.contactA ul li:hover dd{color: #fff}

#dituContent{height: 100vh}

/*=======================================新闻详情页============================================*/
.ny_con{background: url("../img/newsbg.png") no-repeat center;background-size: cover;padding: 160px 0 140px}

.news_info{overflow:hidden;width: 870px}
.info_title h1{font-size:26px;text-align: center;font-weight: normal;color: #9d7c56;background: url("../img/news_line.png") no-repeat bottom center;padding-bottom: 25px}
.info_laiyuan{margin-top: 25px;text-align: center;font-size: 24px;color: #9d7c56;font-family: Arial}
.info_text{line-height:2;font-size: 18px;color: #fff;margin-top: 40px;min-height: 300px}
.info_text img{max-width:100%;}