@charset "gb2312";
/* CSS Document */

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
body{ font-family: Arial, Helvetica, sans-serif, "PingFang SC", "Source Han Sans CN", "Microsoft Yahei"; background:#fff; font-size:14px;overflow-x:hidden; color:#5c5c5c}
a{ text-decoration:none;outline:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;color:#666}
a:hover{color:#c9a76d}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select,button{ outline:none; font-family:"Microsoft Yahei",Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#c9a76d}
.red{ color:#f00}
.ovh{ overflow:hidden}

.wrap{width:1300px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.header .top{ background:url(../images/headerbg.jpg) no-repeat center; background-size:cover; padding:20px 0}
.header .top .wrap{ display:flex; display:-webkit-flex; justify-content:center;align-items:flex-end;}
.header .top .wrap img.fr{ height:30px; margin-bottom:15px}
.logo img{ display:block;}

.menu{ background:#0d0d0d;}
.menu li{ float:left; line-height:52px; width:16.66%; text-align:center;position:relative}
.menu li a{ display:block; font-size:22px; color:#fff;position:relative; font-family:LiSu}
.menu li:hover a,.menu li a.cur{color:#c9a76d;}

.menu .nav-sub{
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    height: auto;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .3s .2s;
    transition: transform .3s .2s;
	z-index:99
}
.menu .nav-sub a{ display:block; line-height:42px;color:#666; padding:0; text-align:center; border-bottom:1px solid #e8e8e8; opacity:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.menu .nav-sub a:hover{ background:#c9a76d; color:#fff}
.menu .nav-sub.active{-webkit-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-moz-transition: -webkit-transform .3s;-ms-transition: -webkit-transform .3s;-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.menu .nav-sub.active a{ opacity:1}


.banner{ position:relative;background:#f3f3f3}
.banner img{ display:block; width:100%; height:auto}
.banner.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:3%}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px}
.banner .swiper-pagination-bullet{ width:12px; height:12px;background:#fff; opacity:1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#c9a76d}

.i-about{ padding:75px 0; background:url(../images/icon_01.jpg) repeat;}
.title{ position:relative; text-align:center; margin-bottom:50px}
.title .line-l{background:#dadada; width:42%; height:2px; position:absolute; left:0; bottom:10px;}
.title .line-l:after{ content:""; background:#d1d1d1; width:10px; height:10px; position:absolute; right:0; bottom:-5px; border-radius:50%}
.title .line-r{background:#dadada; width:42%; height:2px; position:absolute; right:0;bottom:10px;}
.title .line-r:after{ content:""; background:#d1d1d1; width:10px; height:10px; position:absolute; left:0;bottom:-5px;border-radius:50%}
.title .txt{ text-align:center; position:relative}
.title .cn{ font-size:38px; color:#c9a76d; display:block; font-weight:bold; margin-bottom:10px}
.title .en{ font-size:16px; color:#bfbfbf; text-transform:uppercase; display:block}
.i-about .title .line-l,.i-about .title .line-r{width:40%;}

.i-about .content{ color:#333; font-size:16px; line-height:30px;}
.i-about .qiye{ background:#fff}
.i-about .qiye .pic{ width:50%; position:relative}
.i-about .qiye img{ display:block;
 /* width:100%;  */
 height:auto}
.i-about .qiye .video-btn{ display:block; width:90px; height:90px; background:url(../images/video-btn.png) no-repeat; background-size:cover; position:absolute; left:50%;top:50%; margin-top:-45px; margin-left:-45px; cursor:pointer; border-radius:50%; border:2px solid rgba(255,255,255,.8);}
.i-about .qiye .video-btn:hover{ opacity:.8}

.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 9999;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}
.video-show {position: absolute;z-index: 999;width:650px; height:368px;background: #000;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video-close{ width:40px; height:40px; background:url(../images/close.png) no-repeat; position:absolute; top:-45px; right:-45px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.focusvideo #videovl {width: 100%;height: 100%;}

.i-about .qiye .txt{ background:#fff; padding:20px 40px 20px 40px; width:50%}
.i-about .qiye h3{ font-size:22px; border-bottom:1px solid #e4e4e4; padding-bottom:15px; margin-bottom:20px}
.i-about .qiye p{ padding-bottom:10px}
.i-about .qylist{ margin-top:30px; margin-right:-0.5%}
.i-about .qylist .item{ float:left; width:24.5%; margin-right:0.5%; background:#fff; font-size:28px;}
.i-about .qylist .item a{ color:#000;background:#fff; display:block; padding:8% 5%; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.i-about .qylist img{ margin-right:20px}
.i-about .qylist .item:hover a{color:#c9a76d; box-shadow:0 0 15px rgba(220,183,121,.3); }

.hengfu{background:#835f23; background-size:cover;padding:50px 0; color:#fff; font-family:Lisu;}
.hengfu .txt{ width:100%; font-size:22px; text-align:center}
.hengfu h3{ font-size:50px; margin-bottom:20px}
.hengfu .tel{ display:block; border:1px solid rgba(255,255,255,.54); font-size:34px; border-radius:35px; line-height:66px; padding:0 50px 0 90px; background:url(../images/icon_06.png) no-repeat 50px center; margin-top:20px}
.hengfu-2{ background:#835f23;background-size:cover;padding:50px 0; color:#fff;font-family:Lisu;}
.hengfu-2 .txt{ font-size:22px; text-align:center}
.hengfu-2 h3{ font-size:50px; margin-bottom:20px;}

.i-case{padding:75px 0; }
.i-caselist ul{ margin-right:-2%}
.i-caselist li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; position:relative}
.i-caselist li .pic{ overflow:hidden}
.i-caselist li img{ display:block; width:100%; height:auto;}
.i-caselist li h3{ background:rgba(0,0,0,.6); position:absolute; left:0; bottom:0; width:100%; line-height:45px; padding:0 45px 0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; font-size:16px;}
.i-caselist li .icon{ position:absolute; width:45px; height:45px; background:url(../images/icon_07.png) no-repeat left center; right:0;bottom:0}
.i-caselist li,.i-caselist li h3{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-caselist li img{ -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.i-caselist li:hover{ box-shadow:0 5px 15px rgba(0,0,0,.24)}
.i-caselist li:hover h3{background:rgba(218,181,119,.85); }
.i-caselist li:hover img{ -webkit-transform: scale(1.08);-moz-transform: scale(1.08);transform: scale(1.08)}
.i-caselist .more{ width:180px; line-height:45px; /*border-radius:25px;*/ background:#e1bb7b; text-align:center; margin:50px auto 0; display:block; font-size:16px; color:#fff; overflow:hidden; position:relative}
.i-caselist .more span{ position:relative}
.i-caselist .more:before{ content:""; width:100%; height:100%; position:absolute; left:-100%;top:0;/*border-radius:25px; */-webkit-transition:.5s;-moz-transition:.5s;transition:.5s; background:#0d0d0d}
.i-caselist .more:hover::before{ left:0}

.i-team{padding:75px 0;}
.i-teamlist ul{ margin-right:-1%; margin-top:-30px}
.i-teamlist li{ float:left; width:15.66%; margin-right:1%; margin-top:80px; background:#f3f3f3; position:relative}
.i-teamlist .pic{ width:100px; height:100px; border-radius:50%; position:absolute; left:50%; top:-50px; margin-left:-50px; overflow:hidden; box-shadow:0 4px 0 #c9a76d; z-index:2}
.i-teamlist .pic img{ display:block; width:100%}
.i-teamlist .txt{ padding:70px 15px 30px; line-height:26px; color:#666; position:relative; z-index:1}
.i-teamlist h3{ text-align:center; font-size:18px; color:#000; margin-bottom:10px}
.i-teamlist .intro{ height:130px; overflow:hidden;}
.i-teamlist .txt:before{ content:""; width:50%; height:31px; background:url(../images/border.png) no-repeat left top; position:absolute; left:10px;top:20px; opacity:.4}
.i-teamlist .txt:after{ content:""; width:50%; height:31px; background:url(../images/border-2.png) no-repeat right top; position:absolute; right:10px;top:20px; opacity:.4}
.i-teamlist li:before{ content:""; width:50%; height:31px; background:url(../images/border-3.png) no-repeat left top; position:absolute; left:10px;bottom:10px; opacity:.4}
.i-teamlist li:after{ content:""; width:50%; height:31px; background:url(../images/border-4.png) no-repeat right top; position:absolute; right:10px;bottom:10px; opacity:.4}
.i-teamlist li, .i-teamlist .txt,.i-teamlist h3,.i-teamlist .intro{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-teamlist li:hover{background:#c9a76d;}
.i-teamlist li:hover h3{ color:#fff}
.i-teamlist li:hover .intro{ color:rgba(255,255,255,.7)}

.i-news{ padding:75px 0}
.i-newslist .left{ width:32.5%; border:1px solid #ddd;}
.i-newslist .left .pic{ overflow:hidden;}
.i-newslist .left img{ display:block; width:100%; height:auto; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.i-newslist .left .txt{ border-top:1px solid #e4e4e4; padding:5% 4% 6%; color:#666; line-height:26px; margin-top:-8px; background:#fff; position:relative}
.i-newslist .left h3{ color:#000; font-size:18px; padding-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-newslist .left:hover img{ -webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}
.i-newslist .left:hover h3{ color:#e7c07e;}
.i-newslist .right{ width:63%}
.i-newslist .right li{ border:1px solid #ddd; margin-bottom:30px;}
.i-newslist .right li:last-child{ margin-bottom:0}
.i-newslist .right li a{ display:block; padding:20px 60px 20px 20px;}
.i-newslist .right .time{ width:80px; float:left}
.i-newslist .right .time span{ display:block; color:#666; font-family:Arial;}
.i-newslist .right .time .day{ font-size:45px; font-weight:bold}
.i-newslist .right .txt{ padding-left:120px; position:relative; line-height:24px; color:#666}
.i-newslist .right .txt:before{ content:""; width:1px; height:100%; background:#ddd; position:absolute; left:80px;top:0}
.i-newslist .right h3{ font-size:18px; color:#000; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-newslist .right p{ display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical}
.i-newslist .right li, .i-newslist .right h3, .i-newslist .right .time span, .i-newslist .right .txt:before{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-newslist .right li:hover{ box-shadow:0 5px 10px rgba(0,0,0,.13)}
.i-newslist .right li:hover h3{ color:#e7c07e}
.i-newslist .right li:hover span{color:#e1bb7b}
.i-newslist .right li:hover .txt:before{background:#e1bb7b}
.i-honor{ padding:75px 0; background:url(../images/xunpan-3.jpg) no-repeat; background-size:cover}
.i-honorlist{ padding-bottom:60px;}
.i-honorlist img{ display:block; width:100%;}
.i-honorlist .swiper-slide{ background:#fff}
.i-honorlist .swiper-pagination{ bottom:0}
.i-honorlist .swiper-pagination-bullet{ width:12px; height:12px; background:#cfcfd0; opacity:1;}
.i-honorlist.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px}
.i-honorlist .swiper-pagination-bullet-active{background:#f0c783}


/*==============================*/
.nbanner{ position:relative; padding-top:20%; overflow:hidden;}
.navigation{height:70px; line-height:70px; background:#f3f3f3; font-size:16px}
.navigation .left{ float:right}.navigation .right{ float:left}
.navigation .left a{ float:left; position:relative; padding:0 45px}
.navigation .left a:after{content:"";border-right:8px solid transparent;border-left:8px solid transparent; border-top:8px solid #fff; position:absolute; left:50%; margin-left:-8px; bottom:-8px}
.navigation .left a.cur,.navigation .left a:hover{ color:#fff; background:#c9a76d}
.navigation .left a.cur::after{border-top:8px solid #c9a76d; }

.navigation .right{ background:url(../images/locate_icon.png) no-repeat left center; background-size:18px auto; padding-left:25px; font-size:15px}
.navigation .right span{ font-family:SimSun; color:#999}

.main{ padding:60px 0; position:relative}
.main_2{ background:#f3f3f3}
.main .ntitle{ text-align:center; font-size:35px; color:#333; line-height:45px; margin-bottom:40px; position:relative}
.main .ntitle .bc{ font-size:16px; color:#666;}
.main .ntitle .line-l,.main .ntitle .line-r{background:#dadada; width:42%; height:1px; position:absolute; left:0; bottom:45%;}
.main .ntitle .line-r{ left:auto; right:0}
.main .ntitle .line-l:after{ content:""; background:#d1d1d1; width:10px; height:10px; position:absolute; right:0; bottom:-5px; border-radius:50%}
.main .ntitle .line-r:after{ content:""; background:#d1d1d1; width:10px; height:10px; position:absolute; left:0;bottom:-5px;border-radius:50%}
.main .content-about{ line-height:30px; font-size:16px;}
.main .content{ line-height:30px;}
.main .content img{ max-width:100%}
.main .content-about p{ margin-bottom:10px}
.main .content-about .ltit{ font-size:28px; color:#333; text-align:center; margin-top:50px;margin-bottom: 30px;}
.servicelist{ margin-right:-2%; margin-top:30px}
.servicelist .item{ width:31.33%; margin-right:2%; margin-bottom:2%; float:left}
.servicelist .item img{ display:block; width:100%; height:auto}
.servicelist .item p{ background:#c9a76d; font-size:18px; text-align:center; line-height:45px; color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.team { margin-top:80px;}
.team ul{ margin-right:-3%}
.team li{ float:left; width:30.33%; margin-right:3%; margin-bottom:80px; position:relative}
.team .txt{ background:#f3f3f3;color:#666;padding-top:20px; padding-bottom:20px; padding-right:10px;padding-left:220px; font-size:14px; line-height:24px;}
.team .txt h3{ font-weight:bold; font-size:16px; color:#333; line-height:30px;}
.team .txt .jianjie{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; height:120px;}
.team .txt p{ margin-bottom:0; display:inline-block}
.team li .more{display:inline-block;background:#c9a76d; border:1px solid #c9a76d; color:#fff; margin-top:10px; font-size:12px; padding:0 10px;position:relative;}
.team .pic{ position:absolute; left:20px;bottom:20px; width:170px; border:1px solid #f3f3f3;z-index:3}
.team .pic img{ display:block; width:100%; height:210px}
.team .txt,.team .txt h3,.team li .more,.team .pic{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.team li:hover .txt{background:#c9a76d; color:#fff; position:relative;}
.team li:hover h3{ color:#fff}
.team li:hover .pic{border:1px solid #c9a76d;}
.team li:hover .more{ color:#fff; border:1px solid #c9a76d}
.team li:nth-child(7),.team li:nth-child(8),.team li:nth-child(9){ margin-bottom:0}

.teamtit{ font-size:30px; margin-bottom:30px; color:#333; text-align:center}
.team-info{ border:1px dashed #ddd; background:#f3f3f3; padding:30px; margin:30px auto}

.honor ul{ margin-right:-2%}
.honor li{ float:left; width:48%; margin-right:2%; margin-bottom:2%; background:#fff; border:1px solid #e8e8e8;padding: 15px 0;text-align: center;}
.honor li img{  display:inline-block;width:auto}
.honor2 li{float:left; width:31.33%; margin-right:2%; margin-bottom:2%; background:#fff; border:1px solid #e8e8e8;padding: 15px 0;text-align: center;}
.culture .item{ position:relative; margin-top:50px}
.culture .item .text{ width:45%;background:#fff; padding:5% 0 2% 0; float:right; /*position:absolute; right:0;top:50%; transform:translateY(-50%);*/ z-index:3}
.culture .item .pic{ position:relative; width:50%; float:left; z-index:2}
.culture .item .pic video{ width:100%}
/*.culture .item .pic:before{ content:""; width:80%; height:50%; background:#e1bb7b; position:absolute; left:0;bottom:0; opacity:.3}*/
.culture .item img{ width:100%; position:relative; display:block}
.culture .item h3{ font-size:24px; color:#333; margin-bottom:30px; }
.culture .item:nth-child(2n) .text{ float:left}
.culture .item:nth-child(2n) .pic{ float:right}
.culture .item:nth-child(2n) .pic:before{ right:0; left:auto}
.leader ul{ margin-right:-2%}
.leader li{ width:31.33%; margin-right:2%;margin-bottom:2%;float:left; overflow:hidden; position:relative; }
.leader li img{ display:block; width:100%;height:auto; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.leader li h3{ position:absolute; width:100%; left:0;bottom:0; padding:10% 3% 3%; font-size:18px; color:#fff; background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0) 10%),to(rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(rgba(0,0,0,0) 10%,rgba(0,0,0,0.9));
    background: -o-linear-gradient(rgba(0,0,0,0) 10%,rgba(0,0,0,0.9));
    background: linear-gradient(rgba(0,0,0,0) 10%,rgba(0,0,0,0.9));}
.leader li:hover img{ -webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}

.newslist li{ position:relative; border-bottom:1px solid #d8d8d8; padding-bottom:30px;margin-bottom:30px;}
.newslist li .time{color:#c9a76d; font-size:14px}
.newslist li .pic{ float:left; width:25%; overflow:hidden;}
.newslist li .pic img{ display:block; width:100%; -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.6s;transition:.8s;}
.newslist li .text{ width:71%}
.newslist li .text h3{ font-size:26px; color:#333; margin-bottom:25px; margin-top:15px;}
.newslist li .text .intro{color:#999;font-size:16px; line-height:26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:30px}
.newslist li .text .more{color:#999; display:inline-block;color:#e1bb7b; position:relative}
.newslist li .text .more:before{ content:""; width:50%; height:1px; background:#e1bb7b; display:block}

.newslist li,.newslist li .text h3, .newslist li .text .more:before{ -webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.newslist li:hover .text h3{color:#c9a76d}
.newslist li:hover .arrow{background:url(../images/arrow_icon05_h.png) no-repeat center;}
.newslist li:hover img{ -webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}
.newslist li:hover .text .more:before{ width:100%}

.navigation_n{background:#f3f3f3}
.newsdetail{line-height:30px; font-size:16px}
.newstit{font-size:28px;color:#333;margin-bottom:10px; line-height:35px; text-align:center}
.newsdetail .time{ border-bottom:1px solid #d8d8d8; padding-bottom:15px; margin-bottom:30px; font-size:13px; color:#999; text-align:center}
.newsdetail_con p{ margin-bottom:15px;}
.newsdetail_con img{ max-width:100%; height:auto}
.newstit-2{border-bottom:1px solid #d8d8d8; padding-bottom:15px; margin-bottom:30px}

.project .item{background:#f3f3f3; margin-bottom:4%;}
.project .item .pic{ width:50%;}
.project .item .pic img{ display:block; width:100%; height:auto}
.project .item .text{ float:left; width:50%; padding:5%; font-size:16px;}
.project .item h3{ font-size:24px; color:#333; margin-bottom:30px}
.project .item .more{width:120px; line-height:35px;background:#e1bb7b; text-align:center; margin-top:30px;display:block; font-size:14px; color:#fff; overflow:hidden; position:relative}
.project .more span{ position:relative}
.project .more:before{ content:""; width:100%; height:100%; position:absolute; left:-100%;top:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s; background:#0d0d0d}
.project .more:hover::before{ left:0}
.case-nav{ display:flex; display:-webkit-flex;justify-content:center; margin-bottom:50px;}
.case-nav a{ display:block; font-size:18px; border:1px solid #e1bb7b; color:#e1bb7b; line-height:40px; padding:0 20px; margin:0 5px;}
.case-nav a:hover,.case-nav a.cur{ background:#c9a76d; border:1px solid #c9a76d; color:#fff}
.caselist ul{ margin-right:-2%}
.caselist li{ float:left; width:48%; margin-right:2%; margin-bottom:2%; position:relative;}
.caselist li .pic{ overflow:hidden}
.caselist li img{ display:block; width:100%; height:auto}
.caselist li h3{background:rgba(0,0,0,.6); position:absolute; left:0; bottom:0; width:100%; line-height:45px; padding:0 45px 0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; font-size:18px;}
.caselist li .icon{ position:absolute; width:45px; height:45px; background:url(../images/icon_07.png) no-repeat left center; right:0;bottom:0}
.caselist li,.caselist li h3{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.caselist li img{ -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.caselist li:hover{ box-shadow:0 5px 15px rgba(0,0,0,.24)}
.caselist li:hover h3{background:rgba(218,181,119,.85); }
.caselist li:hover img{ -webkit-transform: scale(1.08);-moz-transform: scale(1.08);transform: scale(1.08)}

.mess_form{ width:50%;margin:0 auto;}
.mess_form .row{ margin-bottom:17px}
.mess_form label{ color:#999; font-size:16px; line-height:40px; width:60px; float:left}
.mess_form input[type=text]{ width:calc(100% - 60px); border:1px solid #ddd;line-height:40px; padding:0 10px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-size:16px;}
.mess_form input.yzm{ width:40%}
.mess_form textarea{width:calc(100% - 60px);border:1px solid #ddd;line-height:40px; padding:10px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-size:16px;}
.mess_form .submit{ width:150px; height:38px; line-height:38px; text-align:center; color:#fff; background:#ec7e10;border:none; font-size:16px; cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s;  margin-left:60px;}
.mess_form .submit:hover{background:#eca258;}

.content-contact .right{ width:65%;}
.content-contact .left{ width:35%;background: #f3f3f3; height:500px; line-height:24px}
.content-contact .left h3{background:#c9a76d; font-size:22px; color:#fff; padding:50px 30px}
.lxfs{ padding:30px; font-size:16px; color:#5d3b00}
.lxfs p{ border-bottom:1px solid #e8e8e8; margin-bottom:20px; padding-bottom:20px; position:relative; padding-left:65px}.lxfs p:last-child{ border-bottom:none;}
.lxfs span{ display:block; font-size:14px;}
.lxfs p:nth-child(1):before{ content:""; width:40px; height:40px; border:2px solid #5d3b00; border-radius:50%; background:url(../images/ficon1_1.png) no-repeat center; position:absolute; left:0}
.lxfs p:nth-child(2):before{ content:""; width:40px; height:40px; border:2px solid #5d3b00; border-radius:50%; background:url(../images/ficon2_1.png) no-repeat center; position:absolute; left:0;}
.lxfs p:nth-child(3):before{ content:""; width:40px; height:40px; border:2px solid #5d3b00; border-radius:50%; background:url(../images/ficon3_1.png) no-repeat center; position:absolute; left:0}
.lxfs p:nth-child(4):before{ content:""; width:40px; height:40px; border:2px solid #5d3b00; border-radius:50%; background:url(../images/ficon4_1.png) no-repeat center; position:absolute; left:0}
.recruit{font-size: 16px;height: 55px;background: #c9a76d;line-height: 55px;padding: 0 20px;font-weight: bold;color:#fff}

#allmap{width: 100%;height:500px;background: #ccc;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:22px; font-size:14px;}
.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:15px; margin-bottom:5px}

.recruit .tit1, .recruit-li1 .tit1{width: 50%;float: left;}
.recruit .tit2, .recruit-li1 .tit2{width: 25%;float: left;}
.recruit .tit3, .recruit-li1 .tit3{width: 25%;float: left;}
.recruitcon{ font-size:16px}
.recruit-li1{ position:relative; padding:20px 20px; cursor:pointer}
.recruit-li1 .tit4{width: 32px;height: 32px; border:1px solid #000; border-radius:50px;position: absolute;right: 30px;top:20px;background: url(../images/ficon5.png) no-repeat center; background-size:20px; opacity:.4;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s;}
.recruitcon li { border-top: 1px solid rgba(0,0,0,.1);}
.recruitcon li:last-child{border-bottom: 1px solid rgba(0,0,0,.1);}

.recruit-li1 .tit3{ font-size:14px; color:#666}
.recruit-li2{ padding:30px; background:#fff;display:none;}
.recruit-li1.active .tit4{ -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.fsjl{ margin-top:30px}

/*==============================*/
.footer{ line-height:28px;}
.footer-top{ background:#1b1b1b; color:#fff; line-height:50px; height:50px; border-bottom:1px solid #5a5a5b}.footer-top a{ color:#fff}
.footer-top ul{ display:flex; display:-webkit-flex;align-items:center;}
.footer-top li{ border-right:1px solid #5a5a5b; padding-left:100px; padding-right:15%;display:flex; display:-webkit-flex;align-items:center;}.footer-top li a{display:flex; display:-webkit-flex;align-items:center;}
.footer-top li:last-child{ border-right:none; padding-right:0}
.footer-top li:first-child{ padding-left:0}
.footer-top li img{ margin-right:15px}
.footer-mid{ background:#1f1f29; color:#fff; padding:40px 0}
.footer-nav{ width:65%}
.footer-nav li{ float:left; width:20%}
.footer-nav li .tit{ font-size:16px; margin-bottom:15px}
.footer-nav li a{ color:#fff; opacity:.7}
.footer-nav li a:hover{ opacity:.85}
.footer-mid .ewm li{ float:left; text-align:center; margin-left:20px}
.footer-mid .ewm img{ width:120px; height:auto; display:block;margin-top: 10px;}
.footer-mid .flink{ margin-top:30px;color: rgba(255,255,255,.7)}
.footer-mid .flink span{ float:left}
.footer-mid .flink a{color: rgba(255,255,255,.7); float:left; margin-right:20px; position:relative}
.footer-mid .flink a:after{ content:""; width:1px; height:12px; right:-10px; position:absolute; top:8px; background:rgba(255,255,255,.5)}
.footer-bot{background:#1f1f29; color:rgba(255,255,255,.6);border-top:1px solid #5a5a5b; padding:20px 0; text-align:center}
.footer-bot a{color:rgba(255,255,255,.6);}
.backtop{ width:50px; height:50px; background: url(../images/icon_08.png) no-repeat #e1bb7b center; position:fixed; right:3%; bottom:15%; z-index:999; cursor:pointer; display:none}

.pages_2{ border-top:1px solid #d8d8d8; margin-top:50px; padding-top:30px; padding-bottom:50px; font-size:14px; position:relative}
.pages_2 p{ padding-right:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pages_2 .back{ width:100px; position:absolute; right:0;top:30px;display:block; background:#e1bb7b; color:#fff; text-align:center;overflow:hidden; line-height:35px;}
.pages_2 .back span{ position:relative}
.pages_2 .back:before{content:""; width:100%; height:100%; position:absolute; left:-100%;top:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s; background:#0d0d0d}
.pages_2 .back:hover::before{ left:0}

