﻿@charset "utf-8";
/* style */
html,body{-webkit-text-size-adjust: none;}

body,input, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, button, textarea, p, blockquote, h1, h2, h3, h4, h5, h6, img,em{ margin: 0; padding: 0; border:0;list-style: none;}
body{ font-family:"PingFang SC","Microsoft YaHei","Helvetica, Arial", "sans-serif"; color:#545454; color:#333; background:#fff; font-size:14px; width:100%;}
select,textarea,input{font-family:Microsoft YaHei;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#333; text-decoration:none; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
em,i{ font-style:normal;}
.clear{ clear:both; }
.nodisplay{ display:none;}
.hand{ cursor:pointer;}
.position_r{ position:relative;}

@media (max-width: 767px){
 body{ font-size:62.5%; }
	}
.wrap{ }
/*mobile*/
@media (max-width: 1189px) and (min-width: 769px){
.act .timeSelect{ padding-left:30px;}
.act li{ width:324px;  margin-right:15px; height:250px}
	}



.indexMobileBanner{ width:100%; height:auto; position:relative; float:left; display:none; }
.addWrap{ position:relative; width:100%;margin:0; padding:0;  height:100%;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
.position{ position:absolute; bottom:10px; right:0;  margin:0; opacity: 1; width:100%; filter: alpha(opacity=100);text-align:center;}
.position li{ width: 6px; height: 6px; display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; background-color:#fff; margin-top: 0; margin-right: 4px; margin-bottom: 0; margin-left: 4px;opacity:0.5;}
.position li.cur{ background:#fff; opacity:1;}
.img-responsive { display: block; max-width: 100%;  height: auto;}

.swipe img{ display: block; float: left; width: 100%; }

@media (max-width:767px){
.indexBanner{ display:none; }
.indexMobileBanner{ display: block; }
	}





.headWhite{ width:1200px; height:60px; margin:0 auto; line-height:60px; }
.headWhite .logo{ width:298px; height:50px; background:url(../images/logoHead.png) no-repeat; float:left; display:block; margin-top:10px; margin-left:20px;}
.headWhite .nav{ width:850px; height:60px; float:right;}
.headWhite .nav a{ padding:0 40px; color:#333; font-size:16px; float:right;}
.headWhite .nav a.current{ background:rgba(0,0,0,.05)}

.headBg{width:100%; height:62px; background:#111c14; position: fixed;  z-index:10; left:0; top:0; box-shadow:4px 0px 10px rgba(0,0,0,0.4)}
.head{ width:1190px; height:62px; margin:0 auto; line-height:62px; }
.head .logo{ width:167px; height:49px; background:url(../images/logo.png) no-repeat; float:left; display:block; margin-top:8px;}
.head .nav{ width:850px; height:62px; float:right;}
.head .nav li{ line-height:62px; float:right; position:relative; width:auto; text-align:center;}
.head .nav li.addshadow:hover{ box-shadow:0 6px 7px rgba(0,0,0,0.2);}
.head .nav li a{ padding:0 60px; color:#706149; font-size:16px; display:block;font-size:14px; }
.head .nav li h2{padding:0 60px; color:#333; font-size:16px; cursor:default;}
.head .nav li.current h2,.head .nav li.current a{ color:#377df3;}
.head .nav li .sub{height:auto; text-align:center; line-height:40px; position:absolute; z-index:1; left:0; top:60px; background:#fff; box-shadow:0 6px 7px rgba(0,0,0,0.2); display:none; width:154px;}
/*.head .nav li .sub.solution{ width:300px; left:-70px;}*/
.head .nav li .sub a{ padding:0;line-height:20px; color:#333; font-size:14px; padding:10px 10px;}
.head .nav li a:hover,.head .nav li a.current{ color:#c5a57e;}



.homeBtn{ font-weight: bold; cursor: pointer; width:250px; height:50px; line-height:50px;background:url(../images/home_btn_arrwo.png) no-repeat 204px center #c7a681; border-radius: 30px; box-shadow: 0 5px 6px rgba(0,0,0,.3); text-align: center; color: #242e26; font-size: 18px;}

/*h1{ font-size:45px; font-weight:200; color:#555; text-align:center; line-height:150px;}*/
.homeBanner{ width:100%; height:828px; margin-top:62px;}
.homeBanner li{width:100%; height:828px;}
.homeBanner li.banner01{background: url(../images/banner01.jpg) no-repeat left top}
.homeBanner li .word{ width: 1200px; height: 603px; margin: 0 auto; padding-top: 225px;}
.homeBanner li .word h2{ font-size: 42px; text-align: right;  color: #fff;}
.homeBanner li .word p{ font-size: 16px; line-height: 28px; margin-top: 52px; color: #fff; text-align: right; opacity: .8; font-weight: 200}
.homeBanner li .word .btn{ margin-top: 80px; float: right}
.homeBanner .btns{ font-size: 16px; width: 168px; height: 22px;line-height: 22px; position: absolute;z-index: 1; left:50px;top: 50%;}
.homeBanner .btns button{width: 58px; height: 22px; color: #c5a57e; cursor: pointer;}
.homeBanner .btns button.leftBtn{ background:url(../images/home_btn_arrow_left.png) no-repeat left center; text-align: right; float: left;}
.homeBanner .btns button.rightBtn{background:url(../images/home_btn_arrow_right.png) no-repeat right center; text-align: left; float: right;}
.homeBanner .banner{ width:100%; height:828px;  margin:0 auto;}
.homeBanner .banner .rightWord{ width:510px; height:270px; margin-top:200px; float:right; margin-right:40px;}
.homeBanner .banner .rightWord h2{ color:#fff; font-size:50px;font-weight:200;}
.homeBanner .banner .rightWord p{ font-size:16px; color:#fff; line-height:28px; margin-top:10px;font-weight:200;}
.homeBanner .banner .rightWord a{ display:block; margin-top:37px; font-size:18px; width:169px; height:49px; line-height:49px; color:#fff; text-align:center; border-radius:4px; border:1px solid #aecaf8; margin-left:4px;font-weight:200;}
.homeBanner .banner .rightWord a:hover{ border:1px solid #fff;}

@media (max-width:767px){



	}

.homeAbout{ width:100%; height:868px; background:url(../images/home_about_bg1.png) no-repeat center top green}
.homeAbout .wordBg{ width: 100%; height: 868px; background:url(../images/home_about_bg2.png) no-repeat 240px 174px;}

.homeAbout .content{ width:1200px; height:auto; margin:0 auto;}
.homeAbout .content  h1{ font-size:44px; color:#c5a57e; text-align:center; font-weight:normal;letter-spacing:7px; padding:100px 0;}
.homeAbout .content .left{ width:794px; height:421px; float:left; background:url(../images/home_about_bg3.png) no-repeat;}
.homeAbout .content .left h2{font-size:26px; color:#c5a57e; text-align:left; font-weight:600; padding-top:5px; float:left; width: 390px; padding-bottom: 30px; margin-left: 109px;}
.homeAbout .content .left p{ width: 660px; height: 265px; font-size:14px; line-height:25px; color:#c5a57e; opacity:.5; float:left; margin-left: 109px;}

.homeAbout .content img{ width:381px; height:369px; float:right; display: block}

.homeProjectH1{ padding-top:90px; padding-bottom:52px;font-size:44px; color:#c5a57e; text-align:center; font-weight:normal;letter-spacing:10px; padding-top:70px;}

@media (max-width:767px){

		
	}
	

.homeProject{ width:100%; height:auto; }
.homeProject h1{font-size:44px; color:#c5a57e; text-align:center; font-weight:normal;letter-spacing:7px; padding-top:30px;}
.homeProject ul{height:auto; width: 100%;}
.homeProject li{ width: 25%; height:674px; float:left; position:relative; cursor: pointer;background-size: cover;}

.homeProject li.img1{background:url(../images/home_project_01.png) no-repeat center; }
.homeProject li.img2{background:url(../images/home_project_02.png) no-repeat center; }
.homeProject li.img3{background:url(../images/home_project_03.png) no-repeat center; }
.homeProject li.img4{background:url(../images/home_project_04.png) no-repeat center; }
.homeProject li .black{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5}
.homeProject li h2{position:absolute; z-index:2; left:0; top:0; font-size:42px; text-align:left; color:#e3c3a0; line-height:50px;margin-top: 60px; margin-left: 50px; font-weight: 200;}
.homeProject li .word{position:absolute; z-index:3; left:50px; bottom:30px; width:15px; height:400px; }
.homeProject li .btn{ opacity:0;position:absolute; z-index:4; width: 148px; height: 148px; top:50%; left: 50%; margin-left: -74px; margin-top: -60px; background:url(../images/home_project_icon.png) no-repeat center center #c6a47e; border-radius: 50%;  box-shadow: 0 5px 6px rgba(0,0,0,.3); cursor: pointer}

.homeProject li:hover .black{opacity:.0;transition: opacity 1s linear;}
.homeProject li:hover .btn{margin-top: -74px; opacity:1;transition: all 0.5s linear;}

.homeBottom{width:100%; height:auto; background:url(../images/home_bottom_bg.png) no-repeat red;}
.homeService{ width:100%; height:auto; background:url(../images/home_service_bg2.png) no-repeat 120px 150px; }
.homeService .content{ width:1200px; height:auto; margin:0 auto;}
.homeService .content h1{font-size:44px; color:#c5a57e; text-align:center; font-weight:normal;letter-spacing:7px; padding-top:126px;}
.homeService .content ul{ margin-top:68px;}
.homeService .content li{ width:300px; height:82px; float:left; margin-top: 36px; margin-bottom: 36px;}
.homeService .content li img{ width: 82px;height: 82px; display: block; float: left;}
.homeService .content li p{  line-height: 82px; float: left; font-size: 16px; font-weight: 200; color: #c5a57e; padding-left: 8px;}
.homeService .content .btn{ display: block; margin: 0 auto; margin-top: 36px;cursor: pointer}


.homeContact{width:100%; height:auto; margin:0 auto; background:url(../images/home_contact_bg2.png) no-repeat right top; margin-top: 120px; }
.homeContact .content{ width:1200px; height:auto; margin:0 auto;}
.homeContact .content h1{font-size:44px; color:#c5a57e; text-align:center; font-weight:normal;letter-spacing:7px; padding-top:80px; padding-bottom: 50px;}

.homeContact .content .left{width:380px; height:auto; float:left;  font-size: 18px; color: #c5a57e; line-height: 38px; margin-top: 30px;}
.homeContact .content .right{ width:819px; height:195px; float:right; background:url(../images/home_contact_img.png) no-repeat;}
.homeContact .content .btn{cursor: pointer; width: 135px; height: 50px; line-height: 50px; font-weight: bold; background:url(../images/home_btn_arrwo.png) no-repeat 98px center #c7a681; border-radius: 30px; box-shadow: 0 5px 6px rgba(0,0,0,.5); float: right; font-family: "sans serif"; text-align: center; margin-top: 44px;}

.homeFooter{ width: 474px; height: auto; margin: 0 auto; margin-top: 115px; padding-top:33px; background: url(../images/line.jpg) no-repeat center top;}
.homeFooter .logo{ width: 244px; height: 71px; margin: 0 auto;  background: url(../images/home_bottom_logo.png) no-repeat;}
.homeFooter .copyright{ line-height: 25px; font-size: 14px; color: #7d7054; text-align: center; margin-top: 20px; padding-bottom: 55px;}

@media (max-width:767px){

	}




@media (max-width:767px){

}

@media (max-width:767px){

	}


