﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden; }

.bt01{ font-size: 48px; color:#333333;text-align: center; line-height: 60px; overflow: hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;letter-spacing: 1px;}
.bt01 a{ color:#333333;}
.bt01 span{ display: block; font-size: 20px;text-align: center; line-height: 38px;font-weight: normal;}


.dwc{height:199px;background: url(../images/s_bj.gif) no-repeat center bottom; overflow: hidden;position: relative;margin-top: -122px; z-index: 2; }
.dwc h2{background: url(../images/s_wz.jpg) no-repeat center 0; width:400px; float: left; overflow: hidden; height:199px; font-size: 34px;font-weight: normal; color:#ffffff; padding: 50px 0 0 45px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 50px; display:none;}
.dwc h2 span{display: block; font-size: 22px;letter-spacing: 6px;}
.dwc p{ float: left; padding-top: 122px;padding-left: 50px; line-height: 76px; font-size: 26px; font-family: Arial; color:#333333; width:515px; overflow: hidden;letter-spacing: 2px;border-bottom:1px solid #EBEBEB;}
.dwc img{vertical-align: top; margin-right: 10px; margin-top: 24px;}
.dwc h3{ width:230px; overflow: hidden;text-align: right; font-size: 14px; float: right; overflow: hidden; padding-top: 122px;font-weight: normal;line-height: 76px;}
.dwc h3 a{display: inline-block;padding-left: 20px;color:#666666;}
.dwc h3 img{margin-top: 27px;}


.pro_bj{margin-top: 72px; background: url(../images/pro_bj.jpg) no-repeat center 0; height:1312px; overflow: hidden; }
.lingyu{ padding-top: 20px; width:1200px; margin: 0 auto; height:400px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lingyu ul{ margin-top: 30px;}
.lingyu li { width:390px;height:226px;background:#efe1cf; float: left;overflow: hidden; margin:0 9px 10px 0; padding: 33px 0 0 30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 24px; color:#333333; line-height: 20px;}
.lingyu li:nth-child(4n){margin-right: 0;}
.lingyu li span{display: block;margin:0 0 0 162px; width:80px; height:80px;overflow: hidden;}
.lingyu li:nth-child(1) span{ background: url(../images/lingy_ico02.png) no-repeat center 0;}
.lingyu li:nth-child(2) span{ background: url(../images/lingy_ico03.png) no-repeat center 0;}
.lingyu li:nth-child(3) span{ background: url(../images/lingy_ico04.png) no-repeat center 0;}
.lingyu li:nth-child(4) span{ background: url(../images/lingy_ico04.png) no-repeat center 0;}
.lingyu li:nth-child(5) span{ background: url(../images/lingy_ico05.png) no-repeat center 0;}
.lingyu li:nth-child(6) span{ background: url(../images/lingy_ico06.png) no-repeat center 0;}
.lingyu li:nth-child(7) span{ background: url(../images/lingy_ico07.png) no-repeat center 0;}
.lingyu li:nth-child(8) span{ background: url(../images/lingy_ico08.png) no-repeat center 0;}
.lingyu li i{display: block; font-size: 20px; color:#333333; font-family: Arial;padding: 14px 0;}
.lingyu li em{display: block; color:#bdb3a8;font-family: Arial; font-size: 12px;padding-top: 5px;}
.lingyu li:hover{background:#ccac83; color:#fff;}
.lingyu li:hover i{color:#fff;}
.lingyu li:hover em{ color:#e1d0bb;}
.lingyu li:nth-child(1):hover span{ background: url(../images/lingy_ico10.png) no-repeat center 0;}
.lingyu li:nth-child(2):hover span{ background: url(../images/lingy_ico11.png) no-repeat center 0;}
.lingyu li:nth-child(3):hover span{ background: url(../images/lingy_ico12.png) no-repeat center 0;}
.lingyu li:nth-child(4):hover span{ background: url(../images/lingy_ico12.png) no-repeat center 0;}
.lingyu li:nth-child(5):hover span{ background: url(../images/lingy_ico13.png) no-repeat center 0;}
.lingyu li:nth-child(6):hover span{ background: url(../images/lingy_ico14.png) no-repeat center 0;}
.lingyu li:nth-child(7):hover span{ background: url(../images/lingy_ico15.png) no-repeat center 0;}
.lingyu li:nth-child(8):hover span{ background: url(../images/lingy_ico16.png) no-repeat center 0;}

.pro{ width:1200px; margin: 0 auto; height:956px;overflow: hidden;}
.pro h2{height:138px;}
.pronav{height:182px; overflow: hidden;}
.pronav li{ width:590px;margin-right: 20px; float: left;height:60px; position: relative;}
.pronav li:last-child{margin-right: 0;}
.pronav li span{display: block;}
.pronav li span a{background:rgba(204,172,131,0.3);display: inline-block; width:100%; height:60px; position: relative; font-size: 20px; color:#333333; line-height: 60px;padding-left: 50px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.pronav li span a::before{position: absolute;content:""; width:7px;height:7px;border:1px solid #373737; border-radius: 100%; top: 27px;left: 32px;}
.pronav li span a:hover , .pronav li.cur span a{background:#ccac83 url(../images/list_ico.gif) no-repeat 540px center; color:#fff;}
.pronav li span a:hover::before , .pronav li.cur span a::before{border:1px solid #fff;}
.pronav li p{position: absolute; top: 90px;left: 0; width:1200px;display: none; background:#fff;}
.pronav li p a{margin-left: 36px;padding-left: 18px; width:107px; font-size: 14px; line-height: 22px; color:#7c7c7c; position: relative; height:22px;margin-bottom: 10px;display: inline-block;}
.pronav li p a::before{position: absolute;content:""; width:4px;height:4px;border:1px solid #a7a7a7; border-radius: 100%; top: 9px;left: 0;}
.pronav li:nth-child(2) p{left: -610px;}
.pronav li:hover p , .pronav li.cur p{display: block;}

.pro_c{height:620px; overflow: hidden;}
.pro_c dt{ width:590px; height:602px; float: left; overflow: hidden; position: relative;}
.pro_c dt img{width:590px; height:602px; }
.pro_c dt span{display:inline-block; position: absolute;bottom:20px; right: 20px;border:5px solid #ffff;padding: 18px 15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 48px; font-weight: bold; color:#fff; text-align: center; line-height: 50px;}
.pro_c dt span i{display: block; font-size: 12px; color:#c6bdb3; font-family: Arial; text-transform: uppercase;line-height: 20px; padding-top: 7px;}
.pro_c dd{ float: right; width:602px; overflow: hidden;}
.pro_c dd p{display: block; width:297px; height:297px;margin:0 8px 9px 0;background:#f3f3f3; float: left;}
.pro_c dd p img{ width:297px; height:243px;}
.pro_c dd p:nth-child(2n){margin-right: 0;}
.pro_c dd p span{ display: block; font-size: 14px; color:#575757; text-align: center;line-height: 53px;}
.pro_c dd p:hover{background:#ccac83;}
.pro_c dd p:hover span{ color:#fff;}

.dzzs_bj{ background: url(../images/dzzs_bj.jpg) no-repeat center 0; height:1057px; overflow: hidden;}
.dzzs_bj h2{height:276px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 90px; color:#fff;}
.dzzs_bj h2 span{ color:#fff;}

.dzzs{background: url(../images/dzzsimg.jpg) no-repeat center 0; height:781px; overflow: hidden; position: relative;}
.dzzs_wz{position: absolute; top: 92px; right: 50%; margin-right: -601px; width:500px; height:606px;background:rgba(204,172,131,0.9);padding: 50px 35px 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.dzzs_wz p{ margin-bottom: 20px; color:#fff; font-size: 16px; line-height: 25px;}
.dzzs_wz p b{ color:#ffea00;}
.dzzs ul{position: absolute; top: 378px; width:710px; right:50%; margin-right: -600px; overflow: hidden;}
.dzzs li{ float: left; width:235px; height:235px; background:#ccac83; overflow: hidden; font-size: 14px; color:#fff; text-align: center; line-height: 30px;}
.dzzs li img{display: block; width:190px; height:126px;margin: 26px auto 10px;}
.dzzs li:nth-child(2){background:#fff; color:#333333; margin:26px 0 0 -24px;position: relative; z-index: 2;}
.dzzs li:nth-child(3){background:#333333;}

.case_bj{background: url(../images/case_bj.jpg) no-repeat center 0; height:1025px; overflow: hidden;}
.case{margin: 0 auto 0; width:1200px; overflow: hidden;}
.case h2{padding-top: 90px; height:238px;}

.casenav{height:38px;text-align: center; overflow: hidden;}
.casenav li{display: inline-block; font-size: 14px; line-height: 38px;margin:0 10px;}
.casenav li a{ color:#5b5b5b;display: inline-block;padding:0 15px;}
.casenav li a:hover , .casenav .cur a{color:#fff;background:#ccac83;}

.case_c{height:520px; overflow: hidden; margin-top: 74px;}
.case_c li{ width:300px; float: left; overflow: hidden; height:421px;background:#fff; position: relative;}
.case_c li p img{ width:300px; height:300px;position:absolute; top:0;left:0;}
.case_c li p span{display: block; width:100%; height:121px; padding-top: 37px;text-align: center; font-size: 18px; color:#5b5b5b; line-height: 24px;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; top:300px;left:0;}
.case_c li span i{ display: block; font-size: 12px; color:#a9a9a9; font-family: Arial;}
.casewz{height:250px;background:#ccac83;}
.casewz h3{padding-top: 34px; font-size: 18px;text-align: center; color:#fff; line-height: 24px; height:80px; overflow: hidden;}
.casewz h3 span{ font-size: 14px; color:#e6d8c7; text-align: center;font-weight: normal;padding-top: 10px; display:block;}
.casewz .casewz1{ height:88px; padding: 0 25px; font-size: 14px; line-height: 24px; color:#fff; overflow: hidden;}
.casewz em{display: block; width:150px;height:45px;border:1px solid #fff; border-width: 1px 0; margin: 0 auto;}
.casewz em img{ display: block; width:34px; height:12px; margin: 18px auto 0;}
.case_c li .casewz{position: absolute; bottom:-250px;left: 0;}
.case_c li:nth-child(2n) .casewz{ top: -250px;bottom:auto;}
.case_c li:hover .casewz{bottom:0;
     -webkit-transform: translateY(0%);    transform: translateY(0%); -webkit-transition:1s all ease;transition:1s all ease;}
.case_c li:nth-child(2n):hover .casewz{ top: 0;bottom:auto;}
.case_c li:nth-child(2n) img{  top:121px;}
.case_c li:nth-child(2n) span{  top:0;}


.ys_bj{height:830px; margin-top: -145px; overflow: hidden; position: relative; z-index: 3;}
.ys_bj h2{height:145px;}
.ys {background: url(../images/ys_bj.jpg) center 0; height:684px;overflow: hidden;}
.ys .ysprev{width:30px; height:70px;margin:307px 23px 0 -10px; position: relative; z-index: 3;}
.ys .ysnext{width:30px; height:70px;margin:307px -10px 0 0; position: relative; z-index: 3;}
.ysimg{ width:1130px; overflow: hidden;}
.ysimg li{ width:512px;margin-right: 89px; overflow: hidden;}
.ysimg li i{ padding-top: 40px; display: block; height:70px; font-size: 60px; color:rgba(255,255,255,0.3); line-height: 70px;  font-family: Impact;font-family: Oswald;}
.ysimg li span{display: block; height:75px; font-size: 36px; color:#fff; line-height: 50px;font-weight: bold;}
.ysimg li img{ width:512px; height:317px;}
.ysimg li h3{padding-top: 34px;font-weight: normal; height:45px; font-size: 24px; color:#fff; line-height: 34px;}
.ysimg li p{ font-size: 14px; line-height: 24px; color:rgba(255,255,255,0.5);}

.news{ width:1200px; margin: 100px auto 0; height:615px; overflow: hidden; position: relative;}
.news h2{position: absolute; top: 0;left: 0; z-index: 3; font-size: 40px; line-height: 44px;}
.news h2 a{ color:#333333;}
.news h2 i{ display: block; font-size: 48px; font-family:Arial; font-family: Gotham Bold;text-transform: uppercase; color:#333;}
.newsnav{text-align: center;height:90px; width:398px;background:#383838; overflow: hidden; margin:0 0 60px 802px;}
.newsnav li{display: block; width:50%; float: left;overflow: hidden;}
.newsnav li a{ display: inline-block;height:90px; width:100%; line-height: 90px; font-size: 16px; color:#fff;}
.newsnav li a:hover , .newsnav li.cur a{background:#ccac83;}

.news_nr{height: 296px;position: relative;}
.news_w{height: 296px;position: relative;}
.new_prev,.new_next{position: absolute;width: 12px;height: 18px;display: block;top:247px;right: 0;background: url(../images/new_next.gif) 0 0;}
.new_prev{left: 0;background: url(../images/new_prev.gif) 0 0;}
.new_prev:hover,.new_next:hover{background-position: 0 bottom;}
.new_wl li{width: 235px;float: left;padding: 0 39px 0 27px;font-size: 14px;line-height: 23px;}
.new_wl li span{line-height:49px;height:49px;font-size: 16px;border-bottom: solid 1px #fff;margin-bottom: 10px;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_wl li p{height:60px;display: block;overflow: hidden;}
.new_wl li i{height:62px;display: block;line-height: 20px;}
.new_wl li span a{border-bottom: solid 1px #fff;color: #2a2a2a;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_wl li em a{display: block;width: 120px;height: 38px;background: url(../images/new_more.gif) 0 0;}
.new_wl li:hover em a,.new_wl li em a:hover{background-position: right 0;}
.new_wl li:hover span a,.new_wl li span a:hover{border-color: #e2e2e2;color: #ccac83;}

.new_more,.new_more img{display: block;margin: 0 auto;}


.news_c{height:760px; overflow: hidden; margin-top: 77px; position: relative;}
.news_c::before{position: absolute;content:""; width:1px;height:600px;background:#ebebeb;left: 599px; top: 92px;}
.newsmore{position: absolute; top: 688px;left: 570px; width:56px; height:56px;overflow: hidden;}
.news_c dl{ width:558px; height:158px; border:1px solid #ebebeb; position: relative;}
.news_c dl::before{position: absolute; content:""; width:24px;height:24px;background: url(../images/news_ico.gif) center 0; top: 69px; right: -53px;}
.news_c dl:nth-child(2n){ margin:-10px 0 0 640px;}
.news_c dl:nth-child(2n)::before{ left: -53px; right:auto;}
.news_c dl dt{background: url(../images/news_wz1.jpg) center 0; width:140px; height:140px; float: right; overflow: hidden;margin:10px 10px 0 0; font-size: 14px; color:#fff; font-family: Arial; text-align: center;}
.news_c dl dt span{display: block; font-size: 48px; line-height: 50px; padding-top: 34px;}
.news_c dl dd{ width:360px; float: left; overflow: hidden; text-align: right;padding-top: 48px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;  box-sizing: border-box;}
.news_c dd h3{ font-size: 16px; color:#333333; line-height: 24px;}
.news_c dd h3 a{ color:#333;}
.news_c dd p{ font-size: 14px; line-height: 24px; padding-top: 5px;}
.news_c dl:nth-child(2n) dt{ float: left; margin:10px 0 0 10px;}
.news_c dl:nth-child(2n) dd{ float: right;text-align: left;}
.news_c dl:hover dt{background: url(../images/news_wz2.jpg) center 0;}


.about_bj{background: url(../images/about_bj.gif) repeat-y center 0; height:1016px; overflow: hidden;}
.about{ height:790px; position: relative; overflow: hidden;}
.about::before{position: absolute; content:""; width:1006px; top: 53px;left: 50%; margin-left: -960px; height:680px; background:#ccac83; z-index: 2;}
.about h2{ position: absolute; top: 105px;left: 50%; margin-left: -600px;text-align: left; font-size: 40px; line-height: 46px; z-index: 3;}
.about h2 a{ color:#fff;}
.about h2 span{color:#fff; font-size: 20px;display: block;font-weight: normal;}
.aboutpic{position: absolute; top: 0; right: 50%; margin-right: -960px; width:1055px;height:790px; overflow: hidden;}
.aboutpic img{ width:1055px;height:790px;}
.about dl{position: absolute; top: 221px;left: 50%; margin-left: -600px; z-index: 2; width:701px;overflow: hidden;}
.about dt{ width:701px; overflow: hidden;}
.about dt img{ width:685px; height:202px; padding: 7px;border:1px solid #fff;}
.about dd{padding: 30px 110px 0 0; overflow: hidden;}
.about dd p{height:155px; overflow: hidden; font-size: 14px;font-weight: normal;line-height: 30px; color:#f1e8df;}
.about dd a {display: block; width:150px;height:45px;border:1px solid #fff; border-width: 1px 0;}
.about dd a img{ display: block; width:34px; height:12px; margin: 18px auto 0;}

.aboutsz{margin: 76px auto 0; width:1200px; overflow: hidden; height:140px;}
.aboutsz li{ float: left;width:25%; overflow: hidden;text-align: center; position: relative;}
.aboutsz li p{height:56px; overflow: hidden;color:#333;font-size: 14px;line-height: 24px;padding-left: 5px; color:#888888;}
.aboutsz li p b{display: inline-block; font-size: 50px;color:#3c3c3c; line-height: 60px;vertical-align: top;font-weight: normal;}
.aboutsz li  em{display: block;font-size: 14px; color:#888888; font-weight: normal; line-height: 30px;}
.aboutsz li::before{ width:1px; height:82px;background:#c9c9c9; top: 0; right: 0;position: absolute; content:"";}
.aboutsz li:last-child::before{background:none;}

.lxwe{width:1200px; margin: 18px auto 0;height:270px; position: relative; overflow: hidden;}
.lxwe img{ width:1200px; height:270px;}
.lxwe a{ display: block; position: absolute; top: 177px; right: 60px;border:2px solid #fff; width:137px; height:42px;font-size: 14px; font-family: Arial; color:#fff;font-weight: bold; text-align: center; line-height: 42px; text-transform: uppercase;}