/**设置特殊字体**/
@font-face {font-family:"Montserrat-Regular";src:url("font/Montserrat-Regular.eot?") format("eot"),url("font/Montserrat-Regular.woff") format("woff"),url("font/Montserrat-Regular.ttf") format("truetype"),url("font/Montserrat-Regular.svg#Montserrat-Regular") format("svg");font-weight:normal;font-style:normal;}
/**公共样式**/
body, button, input, select, textarea{font: 12px/1.5 "Microsoft YaHei",arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;}
body{color: #1b1b1b; min-width: 1440px;}
*{padding:0 0; margin:0 0;}
a{ color:#1b1b1b; text-decoration:none}a:hover{text-decoration:none; color: #1b2723;}img{border:none;}li{ list-style:none;}  .clear{ clear:both;}
@keyframes scal{
    from{-webkit-transform: scale(1,1);}
    to{-webkit-transform: scale(1.05,1.05);}
}
@-webkit-keyframes scal{
    from{-webkit-transform: scale(1,1);}
    to{-webkit-transform: scale(1.05,1.05);}
}
/**头部**/
.main-hd{width: 100%; height: 125px; background-color: #ffffff;}
.main-hd-box{width: 1400px; margin: 0 auto;  height: 125px; }
.main-hd .logo{float: left; width: 395px; padding-left: 30px; }
.main-hd .logo .logo-c{margin-top: 28px;}
.main-hd nav{float: right; width: 970px; margin-top: 50px;}
.main-hd nav ul li{text-align: center; height: 75px; float: left;min-width: 125px;  padding: 0 5px; position: relative;}
.main-hd nav ul li.on{min-width: 135px;}
.main-hd nav a{ font-size: 16px;}
.main-hd nav li:hover:after{width: 60px; height: 3px; text-indent: -999px; background-color: #5db061; content: " "; margin: 0 auto; display: block; margin-top: 15px; }
.main-hd nav a span{font-family:"Montserrat-Regular"; font-size: 12px;  font-weight: 200; display: block; padding-top: 3px;}
.main-hd nav li dl{background-color: rgba(255,255,255,0.9); width: 125px; position: absolute; top: 75px; display: none; z-index: 1;}
.main-hd nav li dl dd{text-align: center; height:43px; line-height: 43px; font-size: 14px;}
.main-hd nav li dl dd a{ width: 100%;}
.main-hd nav li dl dd:hover a{color: #72b84f;}
.main-hd nav .on:hover dl{display: block;}

/**底部**/
footer{background: url("../images/footer_bg.jpg") top center no-repeat; height: 267px; width: 100%; min-width: 1400px;}
footer .footer-info{color: #cccccc; height: 222px; width: 1400px; margin: 0 auto;}
footer .footer-info .logo{float: left; margin:88px 5px 0 140px; }
footer .footer-info p{font-size: 14px; line-height: 26px; float: left; margin-left: 80px; margin-top: 70px;}
footer .footer-info p span{font-size: 26px; display: block; line-height: 55px; color: #fefffe; font-family: "Montserrat-Regular"; font-weight: lighter;}
footer .footer-c{height: 45px; text-align: center; width: 1400px; margin: 0 auto; color: #818181; line-height: 45px;}


/**pagelist**/
.pagelist{width: 100%; height: auto; text-align: center; margin: 20px 0;}
.pagelist li{display: inline-block;margin: 3px;}
.pagelist li span{float: left; height: 28px; line-height: 28px;}
.pagelist a{height: 28px; padding: 0 10px; line-height: 28px; float: left; border: 1px solid #c8c8c8; border-radius: 3px; color: #333333; font-size: 11px;}
.pagelist a:hover{border: 1px solid #81cc64;}
.pagelist a.on{background-color: #81cc64; color: #ffffff;border: 1px solid #81cc64;}
.pagelist a.f{color: #a0a0a0; border: 1px solid #a0a0a0;}

    /**index**/
.index-hd{width:100%; height: 125px; z-index: 1000; position: absolute; top: 0; color: #fff;}
.index-hd-box{width: 1400px; margin: 0 auto;  height: 125px;}
.index-hd .logo{float: left; width: 495px; padding-left: 10px; text-align: center;}
.index-hd .logo .logo-w{margin-top: 28px; }
.index-hd .logo .logo-c{display: none;margin-top: 28px;}
.index-hd nav{float: right; width: 870px; margin-top: 50px;}
.index-hd nav ul li{text-align: center; height: 75px; float: left;min-width: 110px;  padding: 0 5px; position: relative;}
.index-hd nav ul li.on{min-width: 125px;}
.index-hd nav ul li.last{padding-right: 0; min-width: 90px; text-align: right;}
.index-hd nav a{color: #ffffff; font-size: 16px;}
.index-hd nav a:hover{color: #f5f5f5;}
.index-hd nav li:hover:after{width: 60px; height: 3px; text-indent: -999px; background-color: #5db061; content: " "; margin: 0 auto; display: block; margin-top: 15px; }
.index-hd nav a span{font-family:"Montserrat-Regular"; font-size: 12px; color: #ccc; font-weight: 200; display: block; padding-top: 3px;}
.index-hd nav li dl{background-color: rgba(0,0,0,0.7); width: 125px; position: absolute; top: 75px; display: none;}
.index-hd nav li dl dd{text-align: center; height:43px; line-height: 43px; font-size: 14px;}
.index-hd nav li dl dd a{color: #f8f8f8; width: 100%;}
.index-hd nav li dl dd:hover a{color: #72b84f}
.index-hd nav .on:hover dl{display: block;}
.fixedNav{position:fixed;top:0;left:0;width:100%;z-index:100000;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)); border: 1px solid #e5e5e5; border-left: none; border-right: none; background-color: #ffffff;}
.fixedNav .index-hd-box .logo-w{display: none;}
.fixedNav .index-hd-box .logo-c{display: block; margin:18px auto 0 auto;}
.fixedNav .index-hd-box  nav a{color: #313131; font-size: 16px;}
.fixedNav .index-hd-box  nav a span{color:#646464;}
.fixedNav .index-hd-box nav li dl{background-color: rgba(255,255,255,0.7); border: 1px #e6e6e6 solid;}
.fixedNav .index-hd-box nav li dl dd a {color: #313131;}
.fixedNav .index-hd-box nav li dl dd:hover a{color: #72b84f}

/**首页幻灯**/
.index-banner{width: 100%; min-width: 1400px; height:964px; margin: 0 auto 0 auto;overflow: hidden; position: relative;}
.index-banner .bd{}
.index-banner .bd li{width: 100%; height: 964px; position: relative;}
.index-banner .bd li .banner-img{
    width: 100%; height: 964px; position: absolute; top: 0;
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    animation:scal 10s ease infinite alternate ;
    -webkit-animation:scal 10s ease infinite alternate ;z-index: -1;}
.index-banner .bd li .banner-box{width: 1400px; margin:0 auto; height: 964px;  }
.index-banner .bd li .banner-box .banner-box-in{width:495px; height: 839px; padding-top: 125px; margin-left: 10px; background: rgba(0,0,0,0.7);}
.index-banner .hd{position: absolute; height:946px; top:900px;left: 50%;width: 1400px; margin-left: -700px;}
.index-banner .hd ul{margin-left: 10px; width: 495px; text-align: center;}
.index-banner .hd li{width:50px; height: 5px; background-color: #fff; display: inline-block; margin: 0 5px; text-indent: -999px; cursor:pointer;}
.index-banner .hd li.on{width: 100px; background-color: #41af34}
.index-banner .hd li .bar{ height: 100%; width: 1%; background-color: #41af34}

.index-tdc{width: 1280px; height: auto; margin: 0 auto}
.index-tdc dl{width: 100%; margin-bottom: 130px; float: left;}
.index-tdc dl dt{font-size: 40px; background: url("../images/tdc-h.png") bottom center no-repeat; padding-bottom: 32px; padding-top: 70px; margin-bottom: 60px; text-align: center; width: 100%; float: left;}
.index-tdc dl dd{width: 25%; height:190px; font-size: 24px; float: left; text-align: center; line-height: 30px; color: #626262;}
.index-tdc dl .tdc-1:before{content: " "; width: 100%; height: 130px; margin-bottom: 30px;  display:block;background:url("../images/tdc-1.png") center bottom no-repeat;  }
.index-tdc dl .tdc-2:before{content: " "; width: 100%; height: 130px; margin-bottom: 30px; display:block;background:url("../images/tdc-2.png") center bottom no-repeat;}
.index-tdc dl .tdc-3:before{content: " "; width: 100%; height: 130px; margin-bottom: 30px; display:block;background:url("../images/tdc-3.png") center bottom no-repeat;}
.index-tdc dl .tdc-4:before{content: " "; width: 100%; height: 130px; margin-bottom: 30px;display:block;background:url("../images/tdc-4.png") center bottom no-repeat;}

.index-main{width: 1400px; margin:0 auto;}
.index-main .index-main-box{width: 100%; margin-left: -40px; padding-left: 40px; float:left;height: auto; }
.index-main .index-left-1{background: url("../images/index-left-1.png") top left no-repeat;}
.index-main .index-left-2{background: url("../images/index-left-2.png") top left no-repeat;}
.index-main .index-left-3{background: url("../images/index-left-3.png") top left no-repeat;}
.index-main .index-left-4{background: url("../images/index-left-4.png") top left no-repeat;}
.index-main .index-left-5{background: url("../images/index-left-5.png") top left no-repeat;}
.index-main .index-main-box .title{width: 100%; height:135px; float: left; font-size: 25px; font-weight: lighter; color: #333333; line-height:48px;}
.index-main .index-main-box .title h2{font-size:40px; color: #1b2723; }
.index-main .index-main-box .title:before{width: 10px; height: 100px; content: " "; background-color: #41af34; float: left; margin-right: 30px;}
.index-main .index-main-box .index-title-1{background: url("../images/index-title-1.png") 30px bottom no-repeat;}
.index-main .index-main-box .index-title-2{background: url("../images/index-title-2.png") 40px bottom no-repeat;}
.index-main .index-main-box .index-title-3{background: url("../images/index-title-3.png") 40px bottom no-repeat;}
.index-main .index-main-box .index-title-4{background: url("../images/index-title-4.png") 40px bottom no-repeat;}
.index-main .index-main-box .index-title-5{background: url("../images/index-title-5.png") 40px bottom no-repeat;}

.index-main .index-main-box .body{float: left; height: auto; width: 1400px;}

.index-main .index-main-box .body-about{margin-top:60px; margin-bottom: 130px;}
.index-main .index-main-box .body-about .about-bd{font-size:18px; line-height: 30px; padding-top: 32px; font-weight: lighter;width: 1164px; border-top:2px solid #41af34; margin: 0 auto;}
.index-main .index-main-box .body-about .about-bd .more{float: right; margin-top:90px; width: 130px; height: 30px; font-size:16px; color: #41af34; border-bottom:2px solid #41af34; font-weight: normal; text-align: right; }

.body-news{ padding-bottom: 100px;}
.banner-news{width: 280px; margin:30px 65px 20px 10px; float: left; height: 420px;}
.banner-news .bd li{width: 100%; height: 100%; position: relative;}
.banner-news .bd li img{width: 100%; height: 100%;}
.banner-news .bd li p{position: absolute; bottom: 0px; left: 0; height:63px; width: 260px; padding: 10px; background-color: rgba(65,175,52,0.6); color: #fff; font-size: 14px; line-height: 20px;}
.banner-news .bd li .newstitle{width: 100%; position: absolute; top:490px; left: 0;  font-size: 16px; color: #626262; text-align: center;}
.banner-news .hd{width: 100%; height: auto; float: left; text-align: center; margin: 10px 0;}
.banner-news .hd li{width: 10px; height: 10px; cursor:pointer; text-indent: -99999px; border-radius: 100%; background-color: #a0a0a0; display: inline-block; margin: 8px;}
.banner-news .hd li.on{background-color: #41af34;}
.banner-news h3{width: 100%; height: auto; font-size: 24px; text-align: center; color: #434343;}
.news-bst{width: 635px; height: 620px; float: right; position: relative; margin-top: -70px;}
.news-bst .more{position: absolute; top: 0; left: 0; border-bottom: 2px solid #41af34; color:#41af34; font-size: 16px; width: 100%; line-height: 35px;}
.news-bst .bst-bg{width:510px; height: 605px; position: absolute; right: 0; bottom: 0;}
.news-bst .bst-bg-mb{background: rgba(21,32,15,0.6) url("../images/news.png") 370px 150px no-repeat; height: 100%;width:510px; height: 605px;position: absolute; right: 0; bottom: 0;}
.news-bst .bst-img{ width:410px; height: 480px;position: absolute; left: 30px; top:75px;}
.news-bst .content{position: absolute; right: 20px; bottom: 20px; height:70px; width: 460px; text-align: right; color: #fff; }
.news-bst .content h3{font-size:26px;}
.news-bst .content span{font-size:19px;}
.ymbg{background: url("../images/ymbg.png") center bottom no-repeat; height: 1030px; width: 100%}
.body-projects{margin-bottom: 100px; margin-top: 50px;}
.body-projects ul li{width: 350px; height:840px; float: left;overflow: hidden;}
.body-projects ul .projects-info{background-color: rgba(17,24,14,0.6);}
.body-projects ul .projects-info .infobox{float: left; width: 100%; height: 840px; color: #fff;}
.body-projects ul .projects-info .infobox h3{font-size: 30px; line-height: 300px; font-weight: normal; text-align: center; width: 100%;}
.body-projects ul .projects-info .infobox p{font-size: 16px; line-height: 24px; padding: 0 60px;}
.body-projects ul .projects-tab{position: relative;}
.body-projects ul .projects-tab img{width: 100%; height: 100% ;
    position: absolute;
    top: 0;
    left:0;
    transition:all 0.6s;
    -moz-transition:all 0.6s; /* Firefox 4 */
    -webkit-transition:all 0.6s; /* Safari and Chrome */
    -o-transition:all 0.6s; /* Opera */
}
.body-projects ul .on img{
    width: 106%; height: 106%;
    margin-left: -3%; margin-top: -5%;

}
.body-projects ul li .projects-mb{background-color: rgba(17,24,14,0.6); width: 100%; height: 100%; cursor: pointer; position: absolute;
    top:0; left: 0;}
.body-projects ul li .projects-mb .mbtitle{width: calc(100% - 30px); height: 125px; float: left; color: #ffffff; line-height:125px; font-size: 16px; font-family:"Montserrat-Regular"; font-weight: bold; padding-left: 30px; }
.body-projects ul li .projects-mb .mbbox{width: 60px; height: 715px; text-align: center; float: left;}
.body-projects ul li .projects-mb .mbbox .arrow-down{
    margin: 0 0 0 29px;
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid rgba(255,255,255,0.4);
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.body-projects ul li .projects-mb .mbbox:before{}
.body-projects ul .on .projects-mb{background:none;}
.body-projects ul .on .projects-mb .mbbox .arrow-down{
    margin: 0 auto;
    border-left: 15px solid rgba(86,168,65,1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);

}

.body-projects ul li .projects-mb .mbbox .line{ margin:10px auto; width:2px; height:520px; text-indent: -99999px; background-color:rgba(255,255,255,0.4)  }
.body-projects ul .on .projects-mb .mbbox .line{margin:10px auto;background-color:rgba(86,168,65,1) }
.body-projects ul li .projects-mb .mbbox .con{color: #fff; font-size:22px; text-align: center; width: 60px; height: 125px; padding-top: 30px; line-height: 54px; }
.body-projects ul .on .projects-mb .mbbox .con{background-color:rgba(65,175,52,0.8) }


.body-process{margin-top: 30px; margin-bottom: 100px;}
.body-process li{width: 350px; float: left; height: 510px; text-align: center; color: #b5b5b5; font-size: 16px;}
.body-process .process-1{background: url("../images/process-1.jpg") no-repeat;}
.body-process .process-2{background: url("../images/process-2.jpg") no-repeat;}
.body-process .process-3{background: url("../images/process-3.jpg") no-repeat;}
.body-process .process-4{background: url("../images/process-4.jpg") no-repeat;}
.body-process .process-1 .icon{width: 100% ;height:300px; background: url("../images/process-i-1.png") center bottom no-repeat; }
.body-process .process-2 .icon{width: 100% ;height:300px; background: url("../images/process-i-2.png") center bottom no-repeat; }
.body-process .process-3 .icon{width: 100% ;height:300px; background: url("../images/process-i-3.png") center bottom no-repeat; }
.body-process .process-4 .icon{width: 100% ;height:300px; background: url("../images/process-i-4.png") center bottom no-repeat; }
.body-process li h3{font-size:22px; font-weight: bold; color: #ffffff; line-height: 55px; }

.body-partner{margin-bottom: 80px; margin-top:110px;}
.partner-jg{width: 1260px; float: left; margin: 0 70px; }
.partner-jg:after{
    content: " ";
    margin-top: 20px;
    border-top:2px solid #41af34;
    width: 1190px;
    float: right;
    text-indent: -999999px;
}
.partner-jg ul{width:1200px; padding-left: 60px; background: url("../images/jg.jpg") top left no-repeat; float: left;}
.partner-jg li{width: 33.3333%; height:100px; float: left; text-align: center; margin-bottom: 20px;}
.partner-pp{width: 1260px; float: left; height: 80px; padding: 50px 70px; margin-bottom: 50px;}
.partner-pp ul{width:1200px; padding-left: 60px; background: url("../images/pp.jpg") top left no-repeat;float: left; margin-top: 70px}
.partner-pp li{width: 20%; float: left; height: 80px; text-align: center; padding-top: 0px;}

/**about**/
.about-banner{width: 100%; height:480px; background: url("../images/about-banner.jpg") bottom center no-repeat; border-bottom: 4px solid #d1ec8b; overflow: hidden;}
.about-main{width: 100%; padding-bottom: 600px; height: auto; background: url("../images/about-b-bg.png") bottom center no-repeat; overflow:hidden; z-index: 1; margin: -125px auto 0 auto;  border-top: 125px solid rgba(255,255,255,0)}
.about-box{width: 1400px; margin: 0 auto;}
.about-box-title{width: 100%; height: 85px; margin: 50px auto; float:left;}
.title-OurBusiness{background: url("../images/about-wmdqy.png") bottom center no-repeat;}
.title-OurTeam{background: url("../images/about-wmdtd.png") bottom center no-repeat;}
.title-OurTechnology{background: url("../images/about-wmdjs.png") bottom center no-repeat;}
.title-OurCultuer{background: url("../images/about-wmdwh.png") bottom center no-repeat;}
.title-OurHistory{background: url("../images/about-fzlc.png") bottom center no-repeat;}

.OurBusiness-info{width: 100%; text-align:center;}
.OurBusiness-info h3{color: #8cc571; font-size: 24px; margin: 50px 0;}
.OurBusiness-info p{font-size: 18px; color: #313131; line-height: 30px;}

.OurTeam{width: 1400px; height: auto; float: left;}
.OurTeam-a,.OurTeam-b,.OurTeam ul li{background-color: #fff; box-shadow: 0 3px 20px #ddd;}
.OurTeam-a{width: 640px; float: left; height: 716px; margin:23px 30px;}
.OurTeam-a img{width: 100%; height: auto;}
.OurTeam-a .OurTeam-info{width: calc(100% - 60px); float: left;  padding: 30px;}
.OurTeam-info h3{color: #8cc571; font-size: 30px; font-weight: bold;}
.OurTeam-info h3 span{padding-left: 60px; font-size:18px; font-weight: lighter; }
.OurTeam-info h3:after{content: " "; display: block; background-color: #8cc571; height: 2px; width: 80px; text-indent: -9999px; margin:22px 0; }
.OurTeam-b{width: 640px; margin: 23px 30px; float: left;}
.OurTeam-b .OurTeam-info h3 span{padding-left: 20px;}
.OurTeam-b .OurTeam-info{float: left; width: 330px; padding: 30px;}
.OurTeam-b img{background-color: #313131; width: 250px; height: 335px; float: left;}
.OurTeam-info p{font-size: 14px; line-height: 30px; color: #434343;}
.OurTeam ul{width: 100%; float: left; margin-top: 50px;}
.OurTeam ul li{margin-left: 30px; float: left; text-align: center; height: 310px;}
.OurTeam ul li h4{font-size:18px; color: #434343; line-height: 38px; }
.OurTeam ul li p{font-size: 14px; line-height: 18px; color: #666666;}
.OurTechnology{width:1400px; float: left; }
.OurTechnology p{font-size:21px; line-height: 36px; color: #424242; margin-bottom: 20px; padding: 0 30px;}
.OurTechnology b{padding-left: 42px;}
.OurTechnology ul{padding: 20px; width: calc(100% - 40px);}
.OurTechnology ul li{width:320px; height: 270px; position: relative; float: left; margin: 10px; }
.OurTechnology ul li span{width: 100%; display: block; position: absolute; bottom: 0; left: 0; line-height: 40px; height:40px; background-color: rgba(140,190,114,1); color: #fff; font-size:22px; text-align: center;}
.OurCultuer{background: url("../images/OurCultuer.png") center no-repeat; width: 1336px; height: 400px; margin: 50px auto;}
.OurCultuer ul li{float: left; height: 94px; width: 960px; margin:18px 188px; line-height: 94px; font-size: 24px; }
.OurCultuer ul li span{line-height: 50px; height: 50px; color: #8cc571; width: 200px; text-align: center; float: left; border-right: 2px solid #8cc571; font-size: 32px; font-weight: bold; margin-right: 85px; margin-top: 22px;}

.OurHistory {width: 1400px; float: left; margin-top: 20px; padding-top:100px; background: url("../images/about-since.png") top center no-repeat; height: auto;}
.OurHistory-y{position: relative; width: 100%; float: left; height: 125px; padding-top: 35px; margin-top: 20px;}
.OurHistory-2010{background: url("../images/about-2010.png") top center no-repeat;}
.OurHistory-2011{background: url("../images/about-2011.png") top center no-repeat;}
.OurHistory-2013{background: url("../images/about-2013.png") top center no-repeat;}
.OurHistory-2015{background: url("../images/about-2015.png") top center no-repeat;}
.OurHistory-2016{background: url("../images/about-2016.png") top center no-repeat;}
.OurHistory-2017{background: url("../images/about-2017.png") top center no-repeat;}
.OurHistory-2018{background: url("../images/about-2018.png") top center no-repeat;}
.OurHistory-y:after{width: 15px ;height: 105px; display: block; margin-top: 20px; content: " "; background-color: #8cc571; margin-left:674px;}
.OurHistory-2018:after{display: none;}
.OurHistory-y-info{width: 674px; position: absolute; font-size: 26px; line-height: 36px;}
.OurHistory-y .info-right{left: 674px; text-align:left;}
.OurHistory-y .info-left{left: 0; text-align: left; width: 689px;}
.OurHistory-y .info-right:before{width: 11px; height: 11px; border-radius: 100%; float: left; background-color: #fff; margin: 12px 2px; content: " ";}
.OurHistory-y .info-right .pzx,.OurHistory-y .info-left .pzx{background-color: #424242;float: left; height: 1px; margin: 17px 20px 30px 5px; width: 200px;}
.OurHistory-y .info-left .pzx{float: right; margin:17px 5px 30px 20px;}
.OurHistory-y .info-left:before{width: 11px; height: 11px; border-radius: 100%; float: right; background-color: #fff; margin: 12px 2px; content: " ";}


    /**products**/
.banner-products{width: 100%; height: 940px; position: relative; border-bottom: 10px solid #d6ff85; margin-bottom: 30px; }
.banner-products .bp-bd{width: 100%; height: 940px;}
.banner-products .bp-bd li{width:100%; height:940px; background-position: top center; background-repeat: no-repeat; float: left;}
.banner-products .bp-bd li .bp-info{width: 1400px; height:480px; margin: 0 auto;}
.banner-products .bp-bd li .bp-info-box{width:210px; height: 410px; padding: 35px;font-weight: bold; text-align: right; float: left; color: #fcfcfc; background-color: rgba(4,4,4,0.8);}
.banner-products .bp-bd li .bp-info-box h2{ font-size:34px; line-height: 150px;  }
.banner-products .bp-bd li .bp-info-box p{margin-left:30px;font-size: 14px; line-height: 26px; padding-bottom: 20px; color: rgba(252,252,252,1); font-weight: lighter; border-bottom: 1px solid rgba(252,252,252,1);}
.banner-products .bp-bd li .bp-info-box span{font-size: 24px; color: rgba(252,252,252,0.4); font-weight: lighter; line-height: 35px; margin-top: 80px; display: block;}
.banner-products .bp-bd li .bp-info-box span b{font-size: 30px; font-weight: bold;}
.banner-products .bp-hd{width: 260px;padding: 0 10px; height: 5px; text-indent: -99999px; position: absolute; left: 50%; margin-left: -700px; top:455px;}
.banner-products .bp-hd li{background-color: #bfbfbf; height: 5px; width:50px; margin: 0 5px; float: left; cursor: pointer;}
.banner-products .bp-hd li.on{background-color: #d6ff85; width: 130px;}
.banner-products .bp-hd li .bar{ height: 100%; width: 1%; background-color: #d6ff85}
.products-box{width: 1400px; margin: 80px auto;}


/**products-list**/
.products-list{width: 100%; height: auto;  overflow:hidden;  padding-bottom: 450px; background: url("../images/prolist-bg.png") bottom center no-repeat;}
.banner-products-list{width: 100%; height: 480px; background: url("../images/products-banner.jpg") top center no-repeat;border-bottom: 4px solid #d1ec8b; }
.products-list-header{width: 100%; text-align: center; background: url("../images/lists-hd.png") top center no-repeat; height: 30px; margin: 30px 0;}
.products-lists{width:1400px; height: auto; margin: 0 auto;}
.products-lists .products-lists-title{width: 660px; margin: 40px auto 20px auto; padding-top: 110px; font-size: 16px; font-weight: bold; color: #959595; text-align: center;}
.products-lists .products-lists-hotel{background: url("../images/p-hotel.png") top center no-repeat;}
.products-lists .products-lists-villa{background: url("../images/p-villa.png") top center no-repeat;}
.products-lists .products-lists-facility{background: url("../images/p-facility.png") top center no-repeat;}
.products-lists ul{float:left; width: 100%;  margin-bottom: 20px; margin-top: 40px;}
.products-lists ul li{float: left;  margin:0 35px 35px 35px; width: calc(33.33333% - 70px); height: auto; background-color: #ffffff; box-shadow: 0 8px 16px 0 rgba(0,0,0,.12);}
.products-lists ul  li:hover{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    transform: translate3d(0,-2px,0);
    transition: all .2s cubic-bezier(.55,0,.1,1);
}
.products-lists ul  li .imgbox{width: 100%; height: 221px; float: left;overflow: hidden; border-bottom: 5px solid #ffffff; }
.products-lists ul  li:hover .imgbox{border-bottom: 5px solid #73c753;}
.products-lists ul  li img{width: 100%; height: auto; float: left;transition: all 0.36s;}
.products-lists ul  li:hover img{transform: scale(1.1);}
.products-lists ul  li .products-lists-info{width: 100%; float: left; height: 66px; line-height: 66px; color: #959595; font-weight: bold; font-size: 24px; text-align: center;}

/** customized **/
.banner-customized{width: 100%; height:480px; background: url("../images/banner-customized.jpg") bottom center no-repeat; border-bottom: 5px solid #d1ec8b; z-index: 2;}
.customized{width: 100%; background: url("../images/customize-bg.jpg") bottom center no-repeat; padding-bottom: 550px;  overflow:hidden; z-index: 1; margin: -125px auto 0 auto;  border-top: 125px solid rgba(255,255,255,0) }
.customized-title{width: 1366px; height:55px;z-index:1; border-bottom: 2px solid #88c36c;  color: #666; padding-top:50px;margin: 0px auto 17px auto;  }
.customized-title h2{font-size: 34px; width: 178px; border-bottom: 3px solid #88c36c; font-weight:lighter; line-height: 52px; float: left; padding:0 0px 0 10px;}

.customized-lists{width: 1400px; margin: 0 auto; height: auto;}
.customized-lists li{width: 316px; height: 240px; position: relative; float: left; margin: 17px;overflow: hidden;}
.customized-lists li img{width: 100%; height: 100%;  transition: all 0.3s; }
.customized-lists li:hover img{transform: scale(1.1);}
.customized-lists li .customized-lists-info{position:absolute; display:none; bottom:0; font-size: 16px; line-height:32px;height:32px; width: calc(100% - 40px); padding: 0 20px; background-color: rgba(140,197,113,0.9); color: #ffffff; text-align: right; }
.customized-lists li .customized-lists-info h3{font-size: 18px; float: left;}
.customized-lists li:hover .customized-lists-info{display: block;}

.customized-list{position: fixed; top: 700px; left: 50%; margin-left: -46%; z-index: 1;}
.customized-list-a{top:150px; }
.customized-list ul{width: 165px; height: auto;}
.customized-list ul li{width: 100%; height: 45px; cursor: pointer; margin-bottom: 20px; background: #d1ec8b url("../images/ar.png")  145px center no-repeat; border-radius: 4px; line-height: 45px; text-align: center;}
.customized-list ul li:hover,.customized-list ul li.on{background: #80bf61;}
.customized-list ul li a{color: #313131; font-size: 18px; width: 145px; padding-right: 20px; float: left; height: 100%;}
.customized-list ul li:hover a,.customized-list ul .on a{color: #ffffff;}
@media screen and (max-width: 1440px) {
    .customized-list {display: none;}
}

/** projects **/
.banner-projects{width: 100%; height:480px; border-bottom: 5px solid #d1ec8b;}
.fancybox-custom{z-index: 999999;}
.fancybox-margin{position: static;}
.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;transform: translate3d(0,-2px,0);    transition: all .2s cubic-bezier(.55,0,.1,1);
}
.projects-info{width: 1400px; height: auto; margin: 0 auto;}
.projects-info h1{width: 100%; text-align: center; font-size: 30px; letter-spacing:5px; color: #424242; margin-top: 50px;}
.projects-info p{padding: 32px 16px; font-size:18px; line-height: 30px; color: #a0a0a0; }
.projects-info ul{width: 100%; margin-bottom: 180px; float: left;}
.projects-info ul li{width: calc(33.3333% - 40px); border: 1px solid #86c269; float: left; margin: 16px; cursor: pointer; }
.projects-info ul li img{border: 4px solid #fff; width: calc(100% - 8px); height:calc(100% - 8px); float: left; }
.projects-info ul li:hover img{border: 4px solid #86c269;}

.projects-list{width: 100%; height: auto; overflow: hidden; padding-bottom: 500px; margin-top: 50px; background: url("../images/proj-bg.png") bottom center no-repeat;}
.projects-lists{width: 1400px; margin: 0 auto 50px auto; height: auto; overflow: hidden;}
.projects-lists li{width: calc(33.33333% - 32px); margin: 16px; float: left;}
.projects-lists li:hover{  box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);}
.projects-lists li .imgbox{width:100%; height: auto; border-bottom: 4px solid #ffffff; overflow: hidden; }
.projects-lists li .imgbox img{width: 100%; height: 100%;  transition: all 0.3s; float: left;}
.projects-lists li:hover .imgbox{border-bottom: 4px solid #73c753;}
.projects-lists li:hover .imgbox img{transform: scale(1.1);}
.projects-lists .projects-lists-info{width: calc(100% - 44px); height: 90px; float: left; padding: 10px 18px 0 26px; position: relative;}
.projects-lists .projects-lists-info h3{font-size: 24px; text-space: 5px; line-height: 35px; color: #424242;}
.projects-lists .projects-lists-info p,.projects-lists .projects-lists-info span{font-size:16px; color: #959595; line-height: 28px; }
.projects-lists .projects-lists-info span{position: absolute; right: 18px; top: 10px;}


/**news**/
.banner-newsa{width: 100%; height:480px; background: url("../images/news-banner.jpg")center bottom  no-repeat; border-bottom: 5px solid #d1ec8b;}
.newsbox{width: 100%; padding-bottom: 500px; background: url("../images/news-bg.png") bottom center no-repeat;}
.news-title{width: 1400px; margin: 50px auto; font-size:30px; color: #535353; text-align: center; text-space: 10px;}
.news-info{width: 1400px; height: auto; margin: 0 auto; font-size: 14px; color: #535353; line-height: 25px;}
.news-list-bst{width: 1340px; height: 510px; margin: 130px auto 20px auto; box-shadow: 0 8px 32px #ccc; position: relative;}
.news-list-bst ul.news-bd{width: 1340px; height: 510px; float: left;}
.news-list-bst ul.news-bd li{width: 100%; height: 100%; float: left; position: relative;}
.news-list-bst img{width:738px; height:460px; margin-top: -68px; margin-left: 68px; float: left; }
.news-list-bst .news-date{ position: absolute; left: 68px; bottom: 30px;}
.news-list-bst .news-date .day{color:#646464; font-size: 36px; float: left; line-height: 45px; }
.news-list-bst .news-date span{color: #dcdcdc; font-size: 60px;float: left; font-weight: 100; line-height: 60px;}
.news-list-bst .news-date .year{margin-top: 30px; color:#ccc; font-size:20px;float: left;font-weight: 100; }
.news-list-bst .bst-info{margin-left: 30px; width: 390px; padding:65px 75px 0 30px; position: absolute; right: 0; top: 0;}
.news-list-bst .bst-info h3{font-size: 30px; line-height: 38px;}
.news-list-bst .bst-info h3:after{content: " "; width:80px; height: 2px; background-color: #79bc58; text-indent: -9999px; display: block; margin: 50px 0;}
.news-list-bst .bst-info p{font-size: 14px; line-height: 26px; }
.news-list-bst .bst-info .news-moer{float: right; background: url("../images/news-more.png") no-repeat; width: 58px; height: 21px; margin-top:60px;}


.news-list-bst .news-hd{position: absolute; width: 738px;left: 68px; text-align: center; top: 350px}
.news-list-bst .news-hd li{width:50px; height: 5px; background-color: #fff; display: inline-block; margin: 0 5px; text-indent: -999px; cursor:pointer;}
.news-list-bst .news-hd li.on{width: 100px; background-color: #d6ff85}
.news-list-bst .news-hd li .bar{ height: 100%; width: 1%; background-color: #d6ff85}
.news-list-bst .prev{width: 48px; height: 48px; background: url("../images/news-l.png") no-repeat; position: absolute; left:98px; top:135px; }
.news-list-bst .next{width: 48px; height: 48px; background: url("../images/news-r.png") no-repeat; position: absolute; left:735px; top:135px; }
.news-list-bst .prev,.news-list-bst .next{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; cursor: pointer;}
.news-list-bst .prev:hover,.news-list-bst .next:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1}

.news-lists{width: 1400px; margin: 0 auto;}
.news-lists .news-lists-top{width: 100%; height: 70px; margin: 100px auto 20px;}
.news-lists .news-qyzx{background: url("../images/news-qyzx.png") center center no-repeat;}
.news-lists .news-hyzx{background: url("../images/news-hyzx.png") center center no-repeat;}
.news-lists ul{padding: 10px; width: 1380px; float: left; margin-bottom: 20px;}
.news-lists ul li{width: calc(50% - 40px); margin:50px 20px 10px 20px; height: 290px; float: left; box-shadow: 0 0px 20px #ccc;}
.news-lists ul li img{float: left; margin-left: 25px; margin-top:-25px; width:205px; height: 265px;}
.news-lists ul li .news-lists-info{float: right; width: 350px; padding: 35px 35px 0 0px;}
.news-lists ul li h3{font-size: 24px; line-height: 30px; }
.news-lists ul li h3:after{content: " "; display: block; margin: 10px 0; height: 1px; text-indent: -9999px; width:70px; background-color: #79bc58; }
.news-lists ul li p{font-size: 14px; line-height: 18px; color: #646464;}
.news-lists ul li  .news-date{float: right; margin-top: 50px;}
.news-lists ul li  .news-date .day{color:#a0a0a0; font-size: 24px; float: left;font-weight: 100;  line-height: 24px; }
.news-lists ul li  .news-date span{color: #a0a0a0; font-size: 24px;float: left; font-weight: 100; line-height: 24px; margin: 0 5px;}
.news-lists ul li .news-date .year{margin-top: 6px; color:#dcdcdc; font-size:16px;float: left;font-weight: 100; }

/****/
.banner-contacts{width: 100%; height:480px; background: url("../images/contacts_banner.jpg")center bottom  no-repeat; border-bottom: 5px solid #d1ec8b;}
.contacts-title{height: 70px; background: url("../images/contacts-title.png") center no-repeat; width: 1400px; margin: 60px auto 80px;}
.contacts-box{width: 100%; padding-bottom: 800px; background: url("../images/contacts-bg.png") bottom center no-repeat; overflow: hidden;}
.contacts{width: 1400px; margin: 0 auto; overflow: hidden;}
.contacts .maps{width:540px; height: 565px; float: left; }
.contacts .maps .map{width: 100%; height: 100%; float: left;}
.contacts .address{width:800px; height: auto; float: left; margin-left: 30px;}
.contacts .address ul li{width: calc(100% - 30px); cursor: pointer; color: #666; font-size: 21px; padding-left:30px; float: left; margin-bottom: 30px;}
.contacts .address ul li a{border-bottom: 2px solid rgba(86,168,65,0); color: #666666; font-weight: bold; letter-spacing: 3px; line-height: 60px; float: left; margin-left: 8px; padding-left: 10px; padding-right: 20px;}
.contacts .address ul li .arrow-down{
    float: left;
    margin-top:48px;
    border: 10px solid transparent;
    border-bottom: 15px solid rgba(86,168,65,1);
    width: 0;
    height: 0px;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.contacts .address ul .on a{border-bottom: 2px solid rgba(86,168,65,1)}
.contacts .address ul .on .arrow-down {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.contacts-ewm{width: 100%; background: url("../images/contacts-ewm.png") bottom center no-repeat; text-align: center;padding-bottom: 10px; margin-top: 30px; float: left; }
.contacts .address .tel{letter-spacing:3px; text-align: center; font-size:24px; color: #666; font-weight: bold; line-height: 60px;}