@charset "utf-8";
/* CSS Document */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }
.swiper-container-horizontal > .swiper-pagination { bottom: 10px; left: 0; width: 100%; }
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; }
*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;}
body{font-size:12px; color:#666; _overflow:hidden; overflow-x:hidden;  background:#fff; width: 100%;  *cursor: default;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; font-style:normal;}
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------this-a-list---------*/
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; 
   transition:all .4s ease 0s;
  -webkit-transition:all .4s ease 0s;
   -moz-transition:all .4s ease 0s; 
  -ms-transition:all .4s ease 0s; 
  -o-transition:all .4s ease 0s; 
}
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
::selection { color: #fff; background-color: #E77600;}    
::-moz-selection { color: #fff; background-color: #E77600;} 
/*------- the html5 display-role reset for older browsers---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
/*------- input--outline--middle---------*/
input, button, select, textarea{ outline:none}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
.clearfix{ *zoom:1;}

@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}



article.lxTit { width: 100%; text-align: center; display: table; padding-top: 190px; }
article.lxTit h4 { font-size: 40px; color: #fff; font-weight: bold; text-transform: uppercase; }
article.lxTit p { padding-top: 10px; }
article.lxTit p font { display: inline-block; vertical-align: middle; margin: 0 20px; font-size: 18px; color: #fff; }
article.lxTit p i { display: inline-block; vertical-align: middle; width: 118px; height: 1px; border-top: 1px solid #fff; }
section.Intro { width: 1920px; height: 900px; position: relative; left: 50%; margin-left: -960px; background: url(../images/bh1.jpg) no-repeat center center; background-size: cover; }
section.Intro .jianjie { width: 100%; display: table; text-align: center; padding-top: 50px; }
section.Intro .jianjie h4 { font-size: 18px; color: #fff; padding-top: 20px; }
section.Intro .jianjie h5 { padding-top: 5px; color: #fff; color: rgba(255, 255, 255, 0.4); text-transform: uppercase; }
section.Intro .jianjie p { font-size: 14px; color: #fff; line-height: 2; }
section.Intro .jianjie i { display: inline-block; width: 40px; height: 3px; background-color: #fff; margin: 15px 0; }

.nub { font-size: 60px; color: #fff; line-height: 60px; height: 60px; display: inline-block; }
.IndexList { width: 1200px; margin: 0 auto; display: table; }
.IndexList ul { font-size: 0; padding-top: 80px; }
.IndexList li { display: inline-block; width: 25%; text-align: center; position: relative; }
.IndexList li:after { position: absolute; content: ''; right: 0; top: 0; height: 100%; border-right: 1px solid #fff; border-right: 1px solid rgba(255, 255, 255, 0.3); }
.IndexList li:last-child:after { display: none; }
.IndexList li i { font-size: 16px; color: #fff; }
.IndexList li span { display: block; font-size: 16px; color: #fff; letter-spacing: 4px; padding-top: 10px; }
.IndexList li .jh { color: #fff; display: block; font-size: 20px; padding-top: 5px; position: absolute; right: 68px; text-align: center; text-transform: uppercase; top: -12px; }
div.mouseFous { width: 100%; position: absolute; left: 0; bottom: 5%; text-align: center; z-index: 9; }
div.mouseFous a { font-size: 45px; color: #fff; animation: tds 1s ease-in-out 0s infinite alternate; -webkit-animation: tds 1s ease-in-out 0s infinite alternate; }
 @keyframes tds { 0% { opacity: 0.3;}
 50% { opacity: 1;}
 100% {opacity: 0.3;}
}
 @-webkit-keyframes tds { 0% { opacity: 0.3;}
 50% {opacity: 1;}
 100% { opacity: 0.3;}
 }
 @-moz-keyframes tds { 0% {opacity: 0.3;}50% { opacity: 1;} 100% { opacity: 0.3;}
}
 @-o-keyframes tds { 0% {opacity: 0.3;} 50% { opacity: 1;} 100% { opacity: 0.3;}
}
section.history { width: 1920px; height: 1023px; position: relative; left: 50%; margin-left: -960px; background: url(../images/bh2.jpg) no-repeat center center; background-size: cover; }
div.subhtis { display: table; width: 1142px; padding: 80px 0 0; margin: 80px auto 0; background: url(../images/sxs.png) repeat-y top center; }
div.subhtis dl { float: left; width: 51%; display: table; }
div.subhtis dl dt { float: right; }
div.subhtis dl dt span { display: inline-block; width: 105px; height: 105px; border-radius: 50%; text-align: center; line-height: 105px; color: #fff; position: relative; z-index: 9; float: left; margin-right: 40px; }
div.subhtis dl dt span:after { position: absolute; content: ''; left: -10px; top: -10px; width: 125px; height: 125px; border-radius: 50%; background-color: #fff; background-color: rgba(255, 255, 255, .2); z-index: -2; }
div.subhtis dl dt span img{text-align:center; height:80px; }
div.subhtis dl dt span:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 50%; background-color: #DEAE35; z-index: -1; }
div.subhtis dl dt i { float: right; margin-top: 50px; margin-right: 6px; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #999999; }
div.subhtis dl dd { float: left; text-align: right; width: 382px; padding-top: 10px; }
div.subhtis dl dd h4 { font-weight: bold; color: #fff; font-size: 13px; font-weight: bold; }
div.subhtis dl dd p { color: #9FA4AA; padding-top: 7px; line-height: 1.7; font-size: 13px; }
div.subhtis dl:nth-child(2n) { float: right; }
div.subhtis dl:nth-child(2n) dt { float: left; }
div.subhtis dl:nth-child(2n) dt i { float: left; margin-left: 7px; }
div.subhtis dl:nth-child(2n) dt span { float: right; margin-right: auto; margin-left: 40px; }
div.subhtis dl:nth-child(2n) dd { float: right; text-align: left; }
div.subhtis dl:nth-child(4n-1) dt span:before { background-color: #E77600; }
div.subhtis dl:nth-child(4n-2) dt span:before { background-color: #E77600; }
div.subhtis dl:nth-child(4n-1) dt i { background-color: #E77600; }
div.subhtis dl:nth-of-type(1) { transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -o-transform: translateX(-150px); opacity: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
div.subhtis dl:nth-of-type(2) { transform: translateX(150px); -webkit-transform: translateX(150px); -moz-transform: translateX(150px); -o-transform: translateX(150px); opacity: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
div.subhtis dl:nth-of-type(3) { transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -o-transform: translateX(-150px); opacity: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
div.subhtis dl:nth-of-type(4) { transform: translateX(150px); -webkit-transform: translateX(150px); -moz-transform: translateX(150px); -o-transform: translateX(150px); opacity: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
div.subhtis dl:nth-of-type(5) { transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -o-transform: translateX(-150px); opacity: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
div.subhtis dl:nth-of-type(6) { transform: translateX(150px); -webkit-transform: translateX(150px); -moz-transform: translateX(150px); -o-transform: translateX(150px); opacity: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
div.subhtis.active dl { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); opacity: 1; }
section.ourTeams { width: 1920px; position: relative; left: 50%; margin-left: -960px; background-color: #EAEAEA; padding-bottom: 80px; }
article.lxTit2 h4 { color: #241714; }
article.lxTit2 p font { color: #241714; }
article.lxTit2 p i { border-color: #241714; }
div.attractions { width: 1200px; margin: 0 auto; padding: 50px 0 100px; }
div.attractions .swiper-slide { height: auto; overflow: hidden; }
.attractionA { text-align: center; }
.attractionA .swiper-wrapper { display: inline-block !important; }
.attractionA .swiper-slide { width: auto !important; margin: 0 10px; display: inline-block !important; }
div.attractions .swiper-slide img { display: block; height: auto; width:100%; max-width:100%; }
div.attractions .swiper-slide article { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background-color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; padding: 20px 38px; transform: translateY(74%); -webkit-transform: translateY(74%); -moz-transform: translateY(74%); -o-transform: translateY(74%); transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; }
div.attractions .swiper-slide article h3 { font-size: 18px; color: #383838; }
div.attractions .swiper-slide article h4 { font-size: 12px; color: #818181; padding-top: 4px; }
div.attractions .swiper-slide article p { font-size: 13px; line-height: 1.9; padding-top: 5px; color: #fff; }
div.attractions .swiper-slide article h3, div.attractions .swiper-slide article h4 { /*padding-left: 77px;*/ text-align: center; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; }
div.attractions .swiper-slide:hover article { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); background-color: #D67006; background-color: rgba(215, 113, 7, .9); }
div.attractions .swiper-slide:hover article h3, div.attractions .swiper-slide:hover article h4 { padding-left: 0px; color: #fff; }
div.attractions .swiper-pagination-bullet { width: 14px; height: 14px; border-radius: 50%; background: none; border: 1px solid #E77600; opacity: 1; }
div.attractions .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #E77600; }
section.partners { width: 100%; position: relative; left: 50%; margin-left: -50%; background-color: #fff; }

.development {
    background:#fff url("../images/development_02.jpg") no-repeat left center;
    padding: 90px 0 100px;
}
.divBox {
    margin: 0 auto;
    max-width: 95%;
    width: 1280px;
}
.title {
    text-align: center;
}
.title3 h2 {
    color: #454545;
}
.title h2 {
    color: #241714;
	font-weight: bold;
/*    font-family: helvetica;*/
    font-size: 46px;
    text-transform: uppercase;
}
.title3 h3 {
    color: #797979;
}
.title h3 {
    color: #797979;
    font-size: 18px;
    font-weight: normal;
}
.title3 .line::after {
    background: #ed7000;
}
.title .line::after {
    background: #ed7000;
    content: "";
    display: block;
    height: 5px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    top: -2px;
    width: 30px;
}
.title .line {
    background: #efefef;
    display: block;
    height: 1px;
    margin: 30px auto;
    position: relative;
    width: 300px;
}
.development ul {
    margin-top: 285px;
}
.development ul li {
    margin-right: 2%;
    width: 31.5%;
	display: inline-block;
    vertical-align: top;
}
.development ul li img{ max-width:100%; width:100%;}
.development ul li:nth-child(3) {
    margin-right: 0;
}
.development ul div {
    background: #f6f7f8 none repeat scroll 0 0;
    height: 140px;
    padding: 45px 40px 0;
}
.development ul h3 {
    color: #454545;
    font-size: 24px;
}
.development ul h3 span {
    color: #bcbcbc;
    text-transform: uppercase;
}
.development ul p {
    color: #454545;
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
}
div.manylogo { width: 100%; display: block; margin-top: 70px; }
div.manylogo ul { width: 100%; display: table; font-size: 0; }
div.manylogo ul li { display: inline-block; vertical-align: top; width: 20%; }
div.manylogo ul li img { width: 100%; height: auto; display: block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; }
div.manylogo ul li:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }
.maxins { width: 1200px; margin: 0 auto; display: table; }
.maxins aside { text-align: center; width: 100%; margin-top: 30px; display: table; }
.maxins aside a { display: inline-block; width: 120px; height: 32px; line-height: 32px; border: 1px solid #ccc; color: #666; font-size: 13px; margin: 0 5px; }
.maxins aside a:hover, .maxins aside a.on { background-color: #E77600; border-color: #E77600; color: #fff; }