@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative;}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{padding-left: 25px;height: 132px;background: url(../images/tit_line.png) no-repeat left;font-weight: normal;}
.tit em{ display: block;font-size: 26px;font-weight: bold;line-height: 24px;color: #d6c7a6;text-transform: uppercase;}
.tit span{ display: block;font-size: 42px;font-weight: bold;line-height: 42px;color: #333333;margin-top: 18px;}
.tit span img{ width: 168px;height: 47px;vertical-align: middle;}
.tit i{ display: block;font-size: 18px;line-height: 18px;color: #676c74;margin-top: 18px;}

/*banner*/
.banner{position:relative;width:100%;height:656px;overflow:hidden;}
.ban_list{position:relative;z-index:0;}
.ban_list li{overflow:hidden;height:656px;text-align:center;position:relative;}
.ban_list li img{width:1920px;height:656px;position:absolute;left:50%;top:0;margin-left:-960px;}
.ban-prev,.ban-next{width:114px;height:114px;position:absolute;top:50%;margin-top:-57px;opacity:.8;background-position:center center;background-repeat:no-repeat;cursor:pointer;}
.ban-prev{left:5%;background-image:url(../images/c_prev.png);}
.ban-next{right:5%;background-image:url(../images/c_next.png);}
.ban_nav{position:absolute;bottom:50px;left:50%;z-index:1;overflow:hidden;margin-left:-600px;width:1200px;text-align:right;}
.ban_nav ul li{display:inline-block;width:4px;height:4px;color:#90c31f;margin:0 6px;border-radius:50%;border:2px solid #90c31f;cursor:pointer;background:#90c31f;vertical-align:middle;}
.ban_nav ul .on{width:10px;height:10px;}


.xad{ height:102px;background:rgba(251,251,249,1);}
.xad_l{ float:left;}
.xad_l img{ display:block;float:left;width:112px;height: 181px;margin-top: -79px;position: relative;z-index: 99;}
.xad_l em{ display:block;float:left;margin-left: 39px;font-size: 22px;color: #c8b999;line-height: 102px;letter-spacing: 2px;}
.xad_l em i{ color:#90c31f;}
.xad p {float: right;margin-top: 24px;background:url(../images/ph.png) no-repeat right ; padding-right: 48px; }
.xad p span{ font-size: 16px;color: #d6c7a6;text-align: right; display: block;line-height: 16px;margin-top: 6px;}
.xad p b{display:block; font-size: 26px; color: #90c31f; line-height:26px;margin-top: 4px;font-weight: normal;}


.yz{padding-top: 87px;padding-bottom: 100px;}
.yz_l{ float:left;width:514px;}
.yz_l h2{padding-left: 25px;height: 132px;background: url(../images/tit_line.png) no-repeat left;font-weight: normal;}
.yz_l h2 em{ display: block;font-size: 26px;font-weight: bold;line-height: 24px;color: #d6c7a6;text-transform: uppercase;}
.yz_l h2 span{ display: block;font-size: 42px;font-weight: bold;line-height: 42px;color: #333333;margin-top: 22px;}
.yz_l h2 b{ font-size: 60px;}
.yz_l h2 i{ display: block;font-size: 24px;line-height: 24px;color: #676c74;margin-top: 14px;}
.yz_l p{ display: block;font-size: 16px;line-height: 28px;color: #999999;margin-top: 40px;letter-spacing: 1.5px;}
.yz_l li{width:155px;height:202px;background:#fff;border:1px solid #d6c7a6;box-sizing:border-box ; transition:all 0.3s;float: left;margin-right: 24px;margin-top: 55px;padding: 0 22px;}
.yz_l li i{ display: block;font-weight: bold;font-size: 18px;color: #d6c7a6;padding-top: 36px;line-height: 18px;}
.yz_l li i b{ font-size: 54px;line-height: 54px;font-family: Arial;}
.yz_l li em{ display: block;font-weight: bold;font-size: 18px;color: #d6c7a6;}
.yz_l li span{ display: block;font-size: 10px;color: #d6c7a6;line-height: 14px;text-transform: uppercase;font-family: Arial;margin-top: 24px;}
.yz_l li:nth-child(3){ margin-right: 0;}
.yz_l li:hover { background-color: #90c31f;border-color: #90c31f; -webkit-transform: translate(0,-8px);transform: translate(0,-8px);}
.yz_l li:hover i,.yz_l li:hover i b,.yz_l li:hover em,.yz_l li:hover span{ color: #fff;}
.yz_r{ float: right;width:960px;margin-right: -360px;}
.yz_r li{ float: left;width: 320px;height: 511px;overflow: hidden;position: relative;}
.yz_r li em{display: block; width: 320px;height: 511px;overflow:hidden;}
.yz_r li em img{display: block; width: 320px;height: 511px; }
.yz_r li:hover em img:nth-child(1){display:none;}
.yz_r li span{ display: block;position: absolute;left: 36px;top:0;padding-top: 44px;color: #fff;font-size: 24px;line-height: 28px;}
.yz_r li span i{ display: block;font-size: 18px;;line-height: 30px;text-transform: uppercase;}


.proj{ padding-top: 79px;background: url(../images/proj_bg.jpg) no-repeat center top;padding-bottom: 116px;}
.proj .proj_t .tit{float: left;}
.proj .proj_t .more{ float: right;width: 239px;height: 81px;padding-left: 42px;box-sizing: border-box;font-size: 16px;color: #208363;font-weight: bold;background: url(../images/more_bg.png) no-repeat center;line-height: 76px;margin-top: 55px;}
.proj .proj_con{ margin-top: 46px;}
.proj .proj_con dl{height: 564px;}
.proj .proj_con dt{ display: block;height: 564px;width: 750px;overflow: hidden;float: left;}
.proj .proj_con dt img{display: block;height: 564px;width: 750px;transition:all 0.3s; }
.proj .proj_con dl:hover dt img{transform:scale(1.05);}
.proj .proj_con dd{ float: left;width: 450px;padding: 0 50px 0 40px;box-sizing: border-box;background-color: #f9f9fa;height: 564px;}
.proj .proj_con dd h3 a{ display: block;font-size: 28px;line-height: 28px;color: #90c31f;font-weight: normal;padding: 80px 0 35px 0;}
.proj .proj_con dd p{ display: block;font-size: 16px;line-height: 28px;color: #999999;letter-spacing: 1.5px;}
.proj .proj_con dd li{ float: left;width: 172px;height: 129px;overflow: hidden;margin-top: 40px;}
.proj .proj_con dd li img{ display: block;width: 172px;height: 129px;transition:all 0.3s;}
.proj .proj_con dd li:hover img{ transform:scale(1.05);}
.proj .proj_con dd li:nth-child(2n){ float: right;}
.proj .proj_con dd .more{ float: right;width: 484px;height: 86px;padding-left: 74px;font-size: 16px;color: #fff;background:#90c31f ;line-height: 86px;margin-top: 54px;box-sizing: border-box;z-index: 99;position:relative;margin-right: -50px;}
.proj .proj2{ margin-top: 22px;}
.proj .proj2 li{ float: left;width: 590px;height: 295px;}
.proj .proj2 li:nth-child(2n){ float: right;}
.proj .proj2 li img{display: block;float: left;width: 375px;height: 295px;}
.proj .proj2 li span{ padding-left: 28px;height: 295px;background-color: #f8f9fa;display: block;float: left;box-sizing: border-box;width: 215px;padding-right:50px;}
.proj .proj2 li span em{ display: block;font-size: 28px;line-height: 36px;color: #90c31f;font-weight: normal;padding-top: 72px;}
.proj .proj2 li span i{display: block;font-size: 16px;line-height: 16px;color: #d6c7a6;font-weight: normal;padding-top: 90px; }

.ln{ padding-bottom: 70px;}
.ln_con .ln_l img{float: left;width:810px ;height: 559px;margin-left: -360px;}
.ln_r{ float: right;width: 666px;position: relative;}
.ln_r .tit b{ font-size: 60px;}
.ln_r ul{margin-top: 50px;}
.ln_r li{ float: left;width: 242px;padding: 30px 30px 0;box-sizing: border-box;height: 202px;border-radius:8px;}
.ln_r li p img{ float: left;width: 70px;height: 70px;border: 2px solid #d6c7a6;border-radius:8px;box-sizing: border-box;margin-right: 14px;}
.ln_r li p em{ display: block;float: left;font-size: 18px;line-height: 24px;}
.ln_r li p em i{ font-size: 30px;line-height: 42px;color: #313233;display: block;}
.ln_r li span{ font-size: 14px;line-height: 24px;color: #676c74;display: block;margin-top: 30px;}
.ln_r li:nth-child(1),.ln_r li:nth-child(4){ margin-left: -30px;}
.ln_r li:nth-child(3),.ln_r li:nth-child(6){ margin-right: -30px;}
.ln_r li:hover { background-color: #f4f5f9;}
.ln_r li:hover p img{border: 0;background:0;}

.tel{position: absolute;right: 0;top:436px;width: 222px;}
.tel img{ display: block;width:36px ;height: 39px;margin: 0 auto;}
.tel span{ font-size: 16px;color: #d6c7a6;text-align: center; display: block;line-height: 16px;margin-top: 35px;}
.tel b{display:block; font-size: 26px; color: #90c31f; line-height:26px;margin-top: 10px;font-weight: normal;text-align: center;}


.ys .tit{ float: left;}
.ys .tit b{ font-size: 60px;}
.ys .ys_t .more{ float: right;width: 239px;height: 81px;padding-left: 42px;box-sizing: border-box;font-size: 16px;color: #208363;font-weight: 800;background: url(../images/more_bg.png) no-repeat center;line-height: 76px;margin-top: 55px;letter-spacing: 1px;}
.ys_con{ margin-top: 66px;height:655px;}
.leit{width: 100%;overflow: hidden;display: block;height:655px;}
.leit ul{width: 102%;}
.leit li{width: 25%;float: left;position: relative;cursor:pointer;height: 655px;}
.leit li img{display: block;}
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,0.5);}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.shu2{position: absolute;left: 35%;top: 10%;font-size: 30px;color: #fff;text-align: center;padding-top:19%;}
.shu2 em{ display: block;font-size: 72px;height: 46px;overflow: hidden;color: #90c31f;font-weight: bold;text-align: center;font-family: Impact;line-height: 72px;}
.shu2 span{ display: block;writing-mode: vertical-lr;writing-mode: tb-rl;float: right;font-size: 36px;
    color: #ffffff;line-height: 36px;display: block;margin-top: 22px;}
.shu2 span i{ display: block;font-size: 22px;line-height: 22px;color: #ffffff;padding-right: 18px;text-align: left;}
.bock{width: 88%;background: url(../images/ys_bg2.png) no-repeat; position: absolute;left: 0;bottom:0;color: #fff;opacity:0;height:422px;padding:-10px 0 0 0;box-sizing: border-box; padding-left: 6%;}
.bock h3{color: #fff;position: relative;height: 160px;font-weight: normal;}
.bock h3 em{display: block;font-size: 72px;color: #ffffff;line-height: 40px;font-weight: bold;font-family: Impact;}
.bock h3 span{ display: block;font-size: 36px;
    color: #ffffff;line-height: 36px;display: block;margin-top: 22px;}
.bock h3 span i{ display: block;font-size: 22px;line-height: 22px;color: #ffffff;padding-top: 10px;}
.bock p{font-size: 14px;color: #ffffff;line-height: 24px;margin-bottom: 8%;}
.bock .ysmore{display: block;background: url(../images/ys_more.png) no-repeat;width: 75px;height: 75px;}
.ys4 .bock p{ margin-bottom:5%;}
.ys2 .hav .bock{opcity:1!important;}
.ys2 .mo{ opcity:0!important;}

/*.ys_con dl{float: left;width: 14.6%;overflow: hidden;background: #333;position: relative;transition: all .25s linear;}
.ys_con dt{position: relative;width: 100%;transition: all .25s linear;}
.ys_con dt img{opacity: 0.5;}
.ys_con dt div{ position: absolute;left: 0;top:0;padding: 62.6% 35% 0;box-sizing: border-box;}
.ys_con dt div em{ display: block;font-size: 72px;height: 46px;overflow: hidden;color: #90c31f;font-weight: bold;text-align: center;font-family: Impact;line-height: 72px;}
.ys_con dt div span{ display: block;writing-mode: vertical-lr;writing-mode: tb-rl;float: right;font-size: 36px;
    color: #ffffff;line-height: 36px;display: block;margin-top: 22px;}
.ys_con dt div span i{ display: block;font-size: 22px;line-height: 22px;color: #ffffff;padding-right: 18px;}
.ys_con dd{ display: none;}
.ys_con dl.cur{ width: 56.2%;background: 0;}
.ys_con dl.cur dt img{ opacity: 1;}
.ys_con dl.cur dt div{ display: none;}
.ys_con dl.cur dd{ display: block;position: absolute;left: 0;bottom: 0;background: url(../images/ys_bg2.png) no-repeat;background-size: 100%;height: 422px;}*/


.ys_s{ height: 500px;background: url(../images/ys_s.jpg) no-repeat center;}
.ys_s dl{ padding-top: 65px;width:500px;}
.ys_s em{ font-family: Impact;font-size: 72px;height: 45px;overflow: hidden;line-height: 65px;color: #90c31f;font-weight: bold;display: block;}
.ys_s span{ font-size: 36px;line-height: 48px;color: #000000;display: block;}
.ys_s span i{ font-size: 22px;line-height: 30px;color: #000000;display: block;}
.ys_s p{font-size: 14px;line-height: 24px;color: #313233; margin-top: 30px;letter-spacing: 1px;}
.ys_s p b{ font-size: 16px;}
.ys_s .more{width:417px;height:86px;background:linear-gradient(0deg,rgba(214,199,166,0.76),rgba(192,173,131,0.76));display: block;text-align: center;line-height: 86px;font-size: 20px;color: #fbfbf9;margin-top: 45px;}
.ys_s .more b{ font-size: 32px;font-weight: normal;}


.case{ padding-top: 100px;}
.case_t{ margin-bottom: 78px;}
.case_t .tit{float: left;width: 450px;}
.case_t ul{ width: 1044px;margin-right: -360px;float: right;margin-top: 44px;height: 88px;border-bottom: 1px solid #d6c7a6;overflow: hidden;}
.case_t ul li a{float: left;width: 228px; display: block;font-size: 24px;color: #313233;text-align: center;line-height: 88px;}
.case_t ul li.on a,.case_t ul li:hover a{font-weight: bold;color: #90c31f;}

.case_con .tempWrap{overflow: visible !important;}
.case_s { margin-left: 1250px!important;}
.case_s dl{width: 1200px; float: left;margin-right: 50px;position: relative;height: 545px;}
.case_s dl.cur dt{float: right; }
.case_s dl.cur dd{ float: left;display: block;}
.case_s dt{display: block;width: 724px;height: 545px;float: left;overflow: hidden;}
.case_s dt img{display: block;width: 724px;height: 545px;transition: all 0.3s;}
.case_s dt:hover img{ transform:scale(1.05);}
.case_s dd{ float: right;width: 385px;display: none;}
.case_s dd h3 a{ display: block;font-size:28px ;line-height: 40px;color: #313233;font-weight: normal;margin-top: 50px;}
.case_s dd h3 a b{ font-size: 32px;font-weight: bold;display: block;}
.case_s dd p{ margin-top: 55px;font-size: 16px;line-height: 28px;color: #676c74;letter-spacing:1px;text-indent: 2em;}
.case_s dd .more{ display: block;width: 161px;height: 55px;margin-top: 55px;}
.case_z{ margin-top: 14px;width: 100%;text-align: center;}
.case_z li{ width: 10px;height: 10px;margin:0 4px;background: #81858b;border-radius: 5px;cursor:pointer;transition: all 0.3s;display: inline-block;}
.case_z li.on{ background: #90c31f;width: 25px;}



.news{ padding-top: 80px;}
.news h3 a { display: block; font-size: 24px; line-height: 100%; color: #90c31f; font-weight: 400; padding-bottom: 22px; border-bottom: 1px solid #D1D1D1;font-weight: bold; padding-top: 75px;}
.news h3 a span { font-size: 14px; color: #999; float: right; margin-top: 8px; font-family: Arial; -o-transition: all .3s ease; transition: all .3s ease ;font-weight: normal;}
.news h3 a span:hover { color: #90c31f; }
.company { width: 580px ;}
.company dl { margin-top: 30px; margin-bottom: 21px; }
.company dt { width: 580px; height: 200px; overflow: hidden; }
.company dt img { width: 580px; }
.company dd h4 { font-size: 20px; line-height: 26px; color: #1a1a1a; -o-transition: all .3s ease; transition: all .3s ease; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 21px 0 11px; font-weight: 400; }
.company dd h4 span { display: inline-block; font-size: 16px; line-height: 24px; color: #90c31f; width: 50px; height: 26px; border: 1px solid #90c31f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; text-align: center; margin-right: 10px ;}
.company dd p { font-size: 14px; line-height: 24px; color: #666 ;}
.company dd p span { color: #1A1A1A ;}
.company dl:hover dd h4 { color: #90c31f ;}
.company li { padding-left: 20px; position: relative; height: 35px ;}
.company li:before { position: absolute; content: ""; width: 6px; height: 6px; left: 0; top: 14px; background: #333333; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 50%; }
.company li h4 { display: inline-block; font-size: 14px; line-height: 35px; color: #333333; max-width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; position: relative; -o-transition: all .3s ease; transition: all .3s ease ;}
.company li h4:after { position: absolute; content: ""; width: 0; bottom: 8px; left: 0; height: 1px; background: #90c31f; -o-transition: all .3s ease; transition: all .3s ease ;}
.company li span { float: right; font-size: 14px; line-height: 35px; color: #a1a1a1; }
.company li:hover:before { background: #90c31f ;}
.company li:hover h4 { color: #90c31f; }
.company li:hover h4:after { width: 100%; }
.wiki { width: 488px;padding:0 35px ;height:714px;background:rgba(243,244,249,1);background:linear-gradient(0deg,rgba(250,250,250,1),rgba(243,244,249,1));}
.wiki dl { padding-bottom: 30px; border-bottom: 1px solid #E8E8E8; margin-bottom: 40px; margin-top: 37px; height: 112px;}
.wiki dt{width: 165px;height: 112px;  display: block;float: left; }
.wiki dt img{ display: block;width: 165px;height: 112px;}
.wiki dd{ float: left;padding-left: 16px;width: 306px;}
.wiki dd h4{ margin-top: 11px;}
.wiki li h4 { font-size: 14px; line-height: 35px; color: #333333; }
.wiki li:before { top: 16px ;}
.news_more { margin-top: 41px; }
.news_more img { width: 357px; height: 112px; float: left ;}
.news_more p { float: right; width: 131px; height: 112px; background:#c2b087;background:linear-gradient(0deg,rgba(214,199,166,1),rgba(192,173,131,1)); font-size: 22px; line-height: 100%; color: #fff; display: table; text-align: center; -o-transition: all .5s ease; transition: all .5s ease ;}
.news_more span { display: table-cell; vertical-align: middle; }
.news_more i { display: block; margin-top: 2px; }

    


.abt { padding-top: 120px;height: 608px;}
.abt dt{height: 608px;display: block;width: 917px;float: left;margin-left: -360px;}
.abt dt img{height:608px;width: 917px;}
.abt dd{float: right;width: 643px;padding: 0 40px 0 88px;box-sizing: border-box;height: 608px;}
.abt dd p{font-size:16px ;line-height:26px ;color:#999999;margin-top: 40px;}
.abt dd p a{ color: #90c31f;}
.abt .abt_con{ margin-top: 40px;}
.abt .abt_s li{ float: left;width: 253px;height: 171px;overflow: hidden;}
.abt .abt_s li img{width: 253px;height: 171px;transition:all 0.3s;}
.abt .abt_s li:hover img{ transform:scale(1.05);}
.abt .abt_s li:nth-child(2n){ float: right;}
.abt_t{ float: left;margin-top: 25px;} 
.abt_t li{ width: 10px;height: 10px;float: left;margin-right: 6px;background: #333;border-radius: 5px;cursor:pointer;}
.abt_t li.on{ background: #90c31f;}
.abt_b{ float: right;height: 24px;margin-top: 18px;}
.abt_b li{float: left; height: 24px;margin: 0 18px;}
.abt_b li a{ padding-right: 30px;background: url(../images/abt_ic.png) no-repeat right;font-size: 16px;line-height: 24px;height: 24px;display: block;}
.abt_b li a:hover{ background: url(../images/abt_ich.png) no-repeat right;}


.links{ height:88px;line-height:88px;background:#90c31f;}
.links b{ float: left;font-size: 15px;color: #fff;line-height: 88px;margin-right: 50px;}
.links a{ float: left;font-size: 15px;color: #fff;font-weight: normal;line-height: 88px;margin-right: 24px;}

html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}