@charset "utf-8";


.small-item {
    overflow:hidden;
    -webkit-transition: all 0.7s cubic-bezier(0.68, 0.88, 0.43, 1.14);
    -moz-transition: all 0.7s cubic-bezier(0.68, 0.88, 0.43, 1.14);
    -ms-transition: all 0.7s cubic-bezier(0.68, 0.88, 0.43, 1.14);
    -o-transition: all 0.7s cubic-bezier(0.68, 0.88, 0.43, 1.14);
    transition: all 0.7s cubic-bezier(0.68, 0.88, 0.43, 1.14);
}
.small-item .pic {
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -ms-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
}
.small-item:hover .pic {
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
}


/************************ 首页 *************************/
.featurePro { padding:1.3rem 0 0.5rem; overflow:hidden; }
.featurePro .arrow1 { padding-bottom:0.84rem; }
.featurePro .fp-list {
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -ms-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.featurePro .fp-item { position:relative; }
.featurePro .fp-item .small-item { position: absolute; opacity:0; filter:alpha(opacity=0); }
.featurePro .fp-item.active .small-item { opacity:1; filter:alpha(opacity=100); }
.featurePro .fp-item .small-item .pic { position:relative; width:100%; height:100%; background-size:cover; background-position:center; }
.featurePro .fp-item .small-item .pic a { display:block; width:100%; height:100%; }
.featurePro .fp-item .small-item .txt { padding:0.4rem 0.54rem; }



.newPro { padding:1.3rem 0 0.3rem; overflow:hidden; }
.newPro .bd { padding-top:0.4rem; }
.newPro .arrow2 { position:absolute; top:0.6rem; left:0; width:100%; z-index:6; }
.newPro .arrow2:before { content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#ddd; }
.newPro .np-list {
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -ms-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.newPro .np-item { position:relative; margin-bottom:-10%; }
.newPro .np-item .small-item { position: absolute; }
.newPro .np-item .small-item .pic { position:relative; width:100%; height:100%; }
.newPro .np-item .small-item .child-item {
    position:absolute; left:0; top:0; width:100%; height:100%; display:block; background-size: cover; background-position: center; overflow:hidden;
    -webkit-transition: all 0.3s cubic-bezier(1,-0.02, 0.85, 1.3);
    -moz-transition: all 0.3s cubic-bezier(1,-0.02, 0.85, 1.3);
    -ms-transition: all 0.3s cubic-bezier(1,-0.02, 0.85, 1.3);
    -o-transition: all 0.3s cubic-bezier(1,-0.02, 0.85, 1.3);
    transition: all 0.3s cubic-bezier(1,-0.02, 0.85, 1.3);
}
.newPro .np-item .small-item span.child-item a { display:block; width:100%; height:100%; }
.newPro .np-item .small-item .txt { position:relative; width:100%; height:100%; overflow:hidden; }
.newPro .np-item .small-item .txt .child-item { padding:1.3rem 0.54rem 0.4rem; }
.newPro .np-item .small-item .more2 { width:60%; }
.newPro .np-item .small-item .more2 i { font-size:1.4em; margin-left:5px; }


.infoNews { padding:0 0 0.6rem;/*  padding:0 0 1.4rem;  */}
.infoNews .bd { /* padding:0.62rem 0; */ padding:0.2rem 0; overflow:hidden; }
.infoNews .small-list {}
.infoNews .small-item { float:left; width:33.3333333%;/*  padding:0 0.68rem; */ padding:0 0.42rem; }
.infoNews .small-item .date { position:relative; height:1rem; line-height:1rem; overflow:hidden; margin-bottom:0.15rem; font-family:"Iskoola_Pota","arial"; }
.infoNews .small-item .date .d1 {
	position:absolute; top:2rem; font-size:2rem; color:#333; color:rgba(56,56,56,0.1);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
.infoNews .small-item .date .d2 { float:right; font-size:0.22rem; color:#999; }
.infoNews .small-item .date .d2 em { margin-left:10px; font-size:0.56rem; color:#666; border-bottom:1px solid #E9E9E9; }
.infoNews .small-item h2 { height:3.6em; line-height:1.8em; font-size:0.18rem; color:#333; overflow:hidden; margin-bottom:0.15rem; }
.infoNews .small-item h2 a { color:#333; }
.infoNews .small-item h2 a:hover { text-decoration:underline; }
.infoNews .small-item article { height:6em; line-height:2em; font-size:13px; color:#999; margin-bottom:0.1rem; overflow:hidden; }
.infoNews .small-item .more1 a { float:right; border:1px solid #D8D8D8; color:#D8D8D8; }
.infoNews .small-item .more1 a:before {
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	
	-webkit-transform:scale(0,0);
	-moz-transform:scale(0,0);
	-ms-transform:scale(0,0);
	-o-transform:scale(0,0);
	transform:scale(0,0);
}
.infoNews .small-item .more1 a:hover { border-color:none; }
.infoNews .small-item .more1 a:hover:before {
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
	transform:scale(1,1);
}
.infoNews .small-item:hover .date .d1 { top:0.5rem; }




.realTools { font-family:"Microsoft Yahei"; }
.realTools .bd { position:relative; overflow:hidden; background:#F7F7F7; border:1px solid #E8E8E8; border-left:0; border-right:0; }
.realTools .bd .wrap { position:relative; overflow:hidden; }
.realTools .rt-list {
    position:absolute; top:0;
    -webkit-transition: all 1s cubic-bezier(0.68, 0.88, 0.43, 1.14);
    -moz-transition: all 1s cubic-bezier(0.68, 0.88, 0.43, 1.14);
    -ms-transition: all 1s cubic-bezier(0.68, 0.88, 0.43, 1.14);
    -o-transition: all 1s cubic-bezier(0.68, 0.88, 0.43, 1.14);
    transition: all 1s cubic-bezier(0.68, 0.88, 0.43, 1.14);
}
.realTools .small-item { position:relative; float:left; text-align:center; overflow:hidden; }
.realTools .small-item:after,
.realTools .small-item:before {
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.realTools .small-item:after { content:''; position:absolute; top:0; left:0; width:100%; height:0; background:#fff; z-index:1; }
.realTools .small-item:before { content:''; position:absolute; top:0; left:50%; width:0; height:3px; background:#535353; z-index:2; }
.realTools .small-item .bg { position:relative; z-index:3;/*  padding:0.7rem 0 0.9rem; */ padding:0.5rem 0 0.7rem; }
.realTools .small-item .icon1 {
    width:90px; height:90px; margin:0 auto 0.2rem;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
    -webkit-transform:translate(0,-400%);
    -moz-transform:translate(0,-400%);
    -ms-transform:translate(0,-400%);
    -o-transform:translate(0,-400%);
    transform:translate(0,-400%);
}
.realTools .small-item .icon1-01 { background-position:0 -90px; }
.realTools .small-item .icon1-02 { background-position:0 -270px; }
.realTools .small-item .icon1-03 { background-position:0 -450px; }
.realTools .small-item .icon1-04 { background-position:0 -630px; }
.realTools .small-item .icon1-05 { background-position:0 -810px; }
.realTools .small-item h2 { height:1.4em; line-height:1.4em; font-size:0.2rem; color:#383838; overflow:hidden; margin-bottom:0.15rem; }
.realTools .small-item article { height:2.4em; line-height:1.2em; font-size:13px; color:#666; overflow:hidden; margin-bottom:0.2rem; }
.realTools .small-item h2,
.realTools .small-item article,
.realTools .small-item .more4 {
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
    -webkit-transform:translate(0,600%);
    -moz-transform:translate(0,600%);
    -ms-transform:translate(0,600%);
    -o-transform:translate(0,600%);
    transform:translate(0,600%);
}
.realTools .small-item.active:after { height:100%; }
.realTools .small-item.active:before { left:0; width:100%; }
.realTools .small-item.active .icon1-01 { background-position:0 -0px; }
.realTools .small-item.active .icon1-02 { background-position:0 -180px; }
.realTools .small-item.active .icon1-03 { background-position:0 -360px; }
.realTools .small-item.active .icon1-04 { background-position:0 -540px; }
.realTools .small-item.active .icon1-05 { background-position:0 -720px; }
.realTools .small-item.active .more4 a { border-color:none; color:#fff; }
.realTools .small-item.active .more4 a:before {
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
}
.realTools .small-item.admission h2,
.realTools .small-item.admission article,
.realTools .small-item.admission .more4,
.realTools .small-item.admission .icon1 {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
}



.friend {}
.friend .bd { position:relative; padding:0.4rem 1.8rem; }
.friend .flex-direction-nav { position:absolute; left:0; top:50%; width:100%; height:0; }
.friend .flex-direction-nav li {
    position:absolute; top:0;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.friend .flex-direction-nav li a { display:block; width:0.36rem; height:0.36rem; line-height:0.36rem; text-align:center; border-radius:50%; }
.friend .flex-direction-nav li a:before {
    content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#333; border-radius:50%;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;

    -webkit-transform:scale(0,0);
    -moz-transform:scale(0,0);
    -ms-transform:scale(0,0);
    -o-transform:scale(0,0);
    transform:scale(0,0);
}
.friend .flex-direction-nav li a:hover { color:#fff; }
.friend .flex-direction-nav li a:hover:before {
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
}
.friend .flex-direction-nav .flex-nav-prev { left:0.9rem; }
.friend .flex-direction-nav .flex-nav-next { right:0.9rem; }
.friend .small-item { float:left; text-align:center; width:1.75rem; margin-right:0; overflow:hidden; }
.friend .small-item a { display:block; height:0.8rem; line-height:0.6rem; padding:0.1rem; }
.friend .small-item a:hover { box-shadow:0 0 10px #eee inset; }





/************************ 内页 *************************/
/************************* contact.html *************************/
.contact-form { padding:0.35rem 0; }
.contact-form .hd-2 { padding:0.65rem 0.7rem; margin-bottom:0.65rem; }
.contact-form .bd { line-height:2em; font-family:"arial","GothamRoundedBook","Microsoft Yahei"; color:rgba(51,51,51,0.8); }
.contact-form .bd .l { float:left; width:33%; padding:0 0.7rem; }
.contact-form .bd .r { float:right; width:67%; }
.contact-form .bd .form-list { margin-bottom:0.25rem; }
.contact-form .bd .form-list2 { float:left; width:50%; }
.contact-form .bd .form-list2:last-child { padding-left:0.5rem; }
.contact-form .bd .label { float:left; width:70px; text-transform:uppercase; color:#444; font-family:"GothamBold","GothamRoundedBook","arial"; }
.contact-form .bd .label2 { float:left; width:1.7rem; text-transform:uppercase; color:#444; font-size:16px; font-family:"GothamBold","GothamRoundedBook","arial"; }
.contact-form .bd .txt { display:block; padding-left:70px; }
.contact-form .bd .txt2 { display:block; padding-left:1.7rem; margin-top:-0.5em; }
.contact-form .bd .row { margin-bottom:0.25rem; }
.contact-form .bd .text,
.contact-form .bd .textarea {
    display:block; width:100%; height:3em; font-size:14px; border:0; padding:0 0.1rem; border-bottom:1px solid #DBDBDB; font-family:"arial","GothamRoundedBook","Microsoft Yahei";
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
}
.contact-form .bd .textarea { height:12em; line-height:2em; }
.contact-form .bd .text::-webkit-input-placeholder, .contact-form .bd .textarea::-webkit-input-placeholder { color:rgba(51,51,51,0.5); }
.contact-form .bd .text:-ms-input-placeholder, .contact-form .bd .textarea:-ms-input-placeholder { color:rgba(51,51,51,0.5); }
.contact-form .bd .text::-moz-placeholder, .contact-form .bd .textarea::-moz-placeholder { color:rgba(51,51,51,0.5); }
.contact-form .bd .text:-moz-placeholder, .contact-form .bd .textarea:-moz-placeholder { color:rgba(51,51,51,0.5); }
.contact-form .bd .contact-submit {
    display:block; width:1.6rem; height:0.45rem; line-height:0.45rem; font-size:16px; margin:0.2rem auto; border:none; background:#ED4743; color:#fff; font-family:"arial","GothamRoundedBook"; cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
}
.contact-form .bd .contact-submit:hover { background:#000; }
.contact-map { position:relative; }
.contact-map .map { height:5.8rem; }
.contact-map .map div:first-child div:first-child div:first-child div:last-child div div img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.contact-map .txt { position:absolute; width:278px; top:0; left:0%; background:#ED4743; padding:0.3rem 0.3rem 0.3rem 0.5rem; color:#fff; }
.contact-map .txt:hover { opacity:0.5; filter:alpha(opacity=50); }
.contact-map .txt:before { content:''; position:absolute; bottom:100%; left:50%; margin-left:-10px; border-bottom:10px solid #ED4743; border-left:10px solid transparent; border-right:10px solid transparent; }
.contact-map .txt h2 { position:relative; font-family:"GothamBold","GothamRoundedBook","arial"; font-size:0.2rem; margin-bottom:0.1rem; }
.contact-map .txt h2 i { position:absolute; left:-25px; top:3px; display:block; width:16px; height:21px; background:url(icons_03.png) no-repeat center; }
.contact-map .txt p { font-family:"arial"; }



/************************* landProject.html *************************/
.pro-list {}
.pro-list .wrap { width:16rem; padding-top:1.6rem; }
.pro-list .pro-item { position:relative; margin-bottom:1.6rem; }
.pro-list .small-item { position:relative; float:left; display:block; overflow:hidden; }
.pro-list .small-item .pic { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
.pro-list .small-item .pic a.link { display:block; width:100%; height:100%; }
.pro-list .small-item .txt {
    position:absolute; top:50%; left:50%; width:100%; text-align:center; z-index:3;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.pro-list .small-item .txt h2 {}
.pro-list .small-item .txt h2 em { display:block; font-family:"arial","Microsoft Yahei"; }
.pro-list .small-item .txt .more1 { float:none; display:inline-block; vertical-align:bottom; margin-bottom:0.2rem; }
.pro-list .small-item.si-01,
.pro-list .small-item.si-02 { width:50%; padding-top:45%; }
.pro-list .small-item.si-03,
.pro-list .small-item.si-04 { width:25%; padding-top:22.5%; }
.pro-list .small-item.si-03 { margin-left:25%; }
.pro-list .small-item.si-05 { position:absolute; left:50%; top:0; width:50%; padding-top:22.5%; z-index:3; }
.pro-list .small-item.si-05:after {
    content:''; position:absolute; left:0%; bottom:0; width:100%; height:0%; z-index:1; background:#F6F6F6;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.pro-list .small-item.si-05:before { content:''; position:absolute; left:50%; bottom:0; width:1px; height:25%; background:#D7D7D7; z-index:2; }
.pro-list .small-item.si-05:hover:after { height:100%; }
.pro-list .pro-item:nth-child(2n+2) .small-item.si-01 { left:50%; }
.pro-list .pro-item:nth-child(2n+2) .small-item.si-02 { left:-50%; }
.pro-list .pro-item:nth-child(2n+2) .small-item.si-05 { left:0%; }
.pro-list .small-item.si-02 .bt { position:absolute; bottom:0; left:0; width:100%; height:50%; overflow:hidden; }

.landPop .bd article { padding:0 2.2rem; }
.landPop .bd article h1 { position:relative; line-height:1.8em; text-align:center; font-size:0.22rem; color:#1d1d1b; padding-bottom:1em; margin-bottom:1em; }
.landPop .bd article h1:before { content:''; position:absolute; bottom:0; left:50%; width:0.7rem; margin-left:-0.35rem;  height:1px; background:#E5E5E5; }
.landPop .bd article .article-share { line-height:0.3rem; text-align:center; margin-bottom:2em; }
.landPop .bd article .article-share .com-share { display:inline-block; vertical-align:middle; }
.landPop .bd article .article-share .com-share li a:hover { background:#4A4A4A; color:#fff; }
.landPop .bd article .content { line-height:1.8em; color:#444444; }
.landPop .bd article .content img { max-width:100% !important; height:auto !important; }


/************************* existing.html *************************/
.pro-list2 {}
.pro-list2 .pro-item1,
.pro-list2 .pro-item2 { position:relative; margin:15% 0 40%; padding-top:30%; }
.pro-list2 .pro-item2 { margin-bottom:20%; }
.pro-list2 .pro-item:last-child { margin-bottom:20%; }
.pro-list2 .pro-item1 .small-item { position:absolute; top:0%; height:100%; overflow:visible; }
.pro-list2 .pro-item1 .small-item .pos {
	position:absolute; top:50%; left:0; width:100%; overflow:hidden;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
.pro-list2 .pro-item2 .small-item { position:absolute; }

.pro-list2 .small-item.si-bg { left:0; top:0; width:100%; background:#F6F6F6; }
.pro-list2 .small-item .pic { width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
.pro-list2 .small-item .txt .line { margin-top:0.15rem; }
.pro-list2 .small-item .txt h2 { font-size:0.2rem; }
.pro-list2 .small-item .txt article { height:3.4em; margin-bottom:0; font-family:"Microsoft Yahei","arial"; }


.pro-list2 .pro-item1 .small-item.si-01 { left:5%; width:29.8%; }
.pro-list2 .pro-item1 .small-item.si-01 .pic { padding-top:55%; }
.pro-list2 .pro-item1 .small-item.si-02 { left:29%; width:27.7%; }
.pro-list2 .pro-item1 .small-item.si-02 .pic { padding-top:137%; }
.pro-list2 .pro-item1 .small-item.si-03 { left:47%; top:96%; width:23.8%; height:auto; }
.pro-list2 .pro-item1 .small-item.si-03 .pos {
	position:static; top:0%;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}
.pro-list2 .pro-item1 .small-item.si-03 .pic { padding-top:59%; }
.pro-list2 .pro-item1 .small-item.si-04 { right:9%; width:25%; }

.pro-list2 .pro-item2 .small-item.si-01 { left:5%; bottom:0; width:17.7%; }
.pro-list2 .pro-item2 .small-item.si-01 .pic { padding-top:157%; }
.pro-list2 .pro-item2 .small-item.si-02 { left:21%; bottom:50%; width:48.2%; }
.pro-list2 .pro-item2 .small-item.si-02 .pic { padding-top:58.8%; }
.pro-list2 .pro-item2 .small-item.si-03 { right:9%; bottom:5%; width:23.1%; }
.pro-list2 .pro-item2 .small-item.si-03 .pic { padding-top:132.8%; }
.pro-list2 .pro-item2 .small-item.si-04 { left:21%; top:50%; width:48.2%; }
.pro-list2 .pro-item2 .small-item.si-04 .txt { padding:10% 15%; }




/************************* renting.html *************************/
.pro-list3 {}
.pro-list3 .pro-item { width:100%; padding:0.6rem 0; border-bottom:1px solid #EEF0F4; overflow:hidden; }
.pro-list3 .small-item { float:left; }
.pro-list3 .small-item.si-01 { width:5.6rem; margin-right:0.5rem; }
.pro-list3 .small-item.si-02 { width:4rem; padding:0 0.45rem; margin-top:0.3rem; }
.pro-list3 .small-item.si-03 { float:right; width:4rem; padding:0 0.45rem; margin-top:0.4rem; border-left:1px solid #EFEFEF; }
.pro-list3 .small-item .pic img { width:100%; }
.pro-list3 .small-item .txt .value { margin-bottom:0.1rem; }
.pro-list3 .small-item .txt h2 { height:2.8em; line-height:1.4em; }
.pro-list3 .small-item .time .scrollBox { height:1.6rem; }


.pic-slider { position:relative; }
.pic-slider .flex-direction-nav { position:absolute; top:50%; left:0; width:100%; height:0; }
.pic-slider .flex-direction-nav li { position:absolute; top:0; width:0.6rem; height:0.6rem; line-height:0.6rem; text-align:center; margin-top:-0.3rem; height:100%; }
.pic-slider .flex-direction-nav li a { display:block; color:#fff; font-size:0.3rem; }
.pic-slider .flex-direction-nav li a:hover { background:#333; }
.pic-slider .flex-direction-nav li.flex-nav-prev { left:0; }
.pic-slider .flex-direction-nav li.flex-nav-next { right:0; }
.pic-slider .flex-direction-nav li.flex-nav-next { right:0; }
.pic-slider .slides li {}
.pic-slider .address { position:absolute; bottom:0; left:0; width:100%; height:0.5rem; line-height:0.5rem; overflow:hidden; padding:0 0.15rem; background:rgba(255,255,255,0.8); z-index:3; color:#f15044; font-family:"arial"; }
.pic-slider .address i { display:inline-block; vertical-align:middle; width:18px; height:24px; background:url(icons_05.png) no-repeat center; margin-right:0.15rem; }





/************************* display.html *************************/

.displayBanner { position:relative; background:#F0F2F5; padding:1rem 0 0; }
.displayBanner:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:0.72rem; background:#fff; }
.displayBanner .wrap { position:relative; width:12rem; z-index:3; border:0.12rem solid #fff; padding-right:0; padding-left:0; }
.displayBanner .displayBannerSlider {
	position:relative; width:100%; z-index:3; overflow:hidden;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -ms-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}
.displayBanner .slides { position:relative; overflow:hidden; }
.displayBanner .slides li { position:relative; float:left; }
.displayBanner .slides li:first-child { margin-left:0; }
.displayBanner .slides li img { width:100%; height:auto; }
.displayBanner .arrows { position:absolute; top:50%; left:0; width:100%; margin-top:0.5rem; height:0; z-index:6; }
.displayBanner .arrows p {
	position:absolute; top:0; padding:10px; background:#fff; cursor:pointer;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
.displayBanner .arrows p span { display:block; height:1rem; line-height:1rem; }
.displayBanner .arrows p img { height:100%; vertical-align:middle; }
.displayBanner .arrows p i { width:0.45rem; text-align:center; font-size:0.2rem; }
.displayBanner .arrows .prev { left:0; }
.displayBanner .arrows .next { right:0; }
.displayBanner .arrows p:hover { box-shadow:0 0 4px #999; }
.displayBanner .arrows2 { position:absolute; right:-0.72rem; bottom:0; font-size:0.2rem; color:#fff; z-index:4; text-align:center; }
.displayBanner .arrows2 .btn { float:right; width:0.6rem; height:0.6rem; line-height:0.54rem; cursor:pointer; }
.displayBanner .arrows2 .next { background:#333; border:0.03rem solid #333; }
.displayBanner .arrows2 .prev { margin-right:0.12rem; border:0.03rem solid #fff; }
.displayBanner .arrows2 .nums { float:left; height:0.6rem; line-height:0.54rem; border:0.03rem solid #fff; border-right:0; }
.displayBanner .arrows2 .nums span { display:inline-block; width:0.54rem; }
.displayBanner .arrows2 .nums em { display:inline-block; width:0.54rem; }



.display-simple .wrap,
.display-list .wrap,
.display-form .wrap { width:12rem; }

.trade-download { height:1.7rem; line-height:1.7rem; background:#30D39A; color:#fff; font-size:0.24rem; text-align:center; }
.trade-download a { display:block; color:#fff; }
.trade-download i { margin-right:0.15rem; }

.trade-date { background:#2AB8C3; color:#fff; font-family:"arial","Microsoft Yahei"; }
.trade-date i { display:inline-block; vertical-align:middle; margin-top:-3px; }
.trade-date .p { height:0.6rem; line-height:0.6rem; padding:0 0.3rem; }
.trade-date .p1 { background:#23A7B4; }
.trade-date .p1 em { float:left; margin-right:0.15rem; }
.trade-date .p1 span:nth-child(1) { font-size:14px; font-family:"Microsoft Yahei","arial"; }
.trade-date .p1 span:nth-child(2) { font-size:16px; }
.trade-date .p2 { border-bottom:1px solid #42C2CB; }
.trade-date .p2 em { float:right; font-size:0.3rem; }
.trade-date .p2 span:nth-child(1) { font-size:0.2rem; }
.trade-date .p3 { position:relative; height:0.54rem; z-index:4; }
.trade-date .p3 ul { position:absolute; top:0; left:0; width:100%; height:0.54rem; overflow:hidden; background:#2AB8C3; }
.trade-date .p3 li { height:0.54rem; line-height:0.54rem; padding:0 0.3rem; border-bottom:1px solid #42C2CB; }
.trade-date .p3 em { float:right; margin-left:0.15rem; }
.trade-date .p3 span:nth-child(1) {}
.trade-date .p3 span:nth-child(3) { float:right; }
.trade-date:hover .p3 ul { height:2.7rem; }
.trade-date .p3 .ps-container .ps-scrollbar-y { background-color:#ED4642 !important; }
.trade-date .p3 .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.trade-date .p3 .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color:#ED4642 !important; }

.trade-data {}
.trade-data .row { float:left; }
.trade-data .row:nth-child(1) { width:1.43rem; }
.trade-data .row:nth-child(2) { width:5.2rem; }
.trade-data .col2 { float:left; width:50%; padding-right:0.3rem; display:inline; }
.trade-data h2 { float:left; height:0.45rem; line-height:0.45rem; font-size:0.2rem; color:#333; margin-top:0.2rem; }
.trade-data .text { margin-top:0.2rem;
    width:100%; height:0.45rem; line-height:0.45rem; border:none; border-bottom:1px solid #D1D1D1; background:none; font-family:"arial","Microsoft Yahei";
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
}
.trade-data .text::-webkit-input-placeholder,
.trade-data .textarea::-webkit-input-placeholder { color:#666; }
.trade-data .text:-ms-input-placeholder,
.trade-data .textarea:-ms-input-placeholder { color:#666; }
.trade-data .text::-moz-placeholder,
.trade-data .textarea::-moz-placeholder { color:#666; }
.trade-data .text:-moz-placeholder,
.trade-data .textarea:-moz-placeholder { color:#666; }
.trade-data .submit {
    width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; font-size:16px; color:#fff; background:#ED4642; border:none; font-family:"arial","Microsoft Yahei"; cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
}
.trade-data .submit i { margin-right:0.05rem; }

.display-simple { padding:0.9rem 0; }
.display-simple .wrap { position:relative; }
.display-simple .wrap:after,
.display-simple .wrap:before { content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#E6E6E6; }
.display-simple .txt h2 { height:auto; font-size:0.26rem; }
.display-simple .txt article { height:auto; color:#666; margin-bottom:0.3rem; }
.display-simple .info-list { font-family:"Microsoft Yahei","arial"; }
.display-simple .info-list dt { line-height:1.6em; margin-bottom:1.6em; }
.display-simple .info-list dt span { float:left; width:95px; font-size:16px; color:#666; }
.display-simple .info-list dt article { padding-left:95px; font-size:15px; color:#333; }
.display-simple .il2 dt span { float:none; display:block; width:100%; margin-bottom:1.5em; }
.display-simple .il2 dt article { display:block; width:100%; padding-left:0; margin-bottom:1.5em; }


.display-simple-rent {}
.display-simple-rent .wrap:before { left:35%; }
.display-simple-rent .wrap:after { left:75%; }
.display-simple-rent .col { float:left; width:30%; }
.display-simple-rent .col:nth-child(3n+2) { width:40%; margin:0 5%; padding:0 5%; display:inline; }
.display-simple-rent .col:nth-child(3n+3) { width:20% }
.display-simple-buy {}
.display-simple-buy .col { float:left; width:40%; }
.display-simple-buy .col:nth-child(2n+2) { width:50%; padding-left:10%; }
.display-simple-buy .wrap:before { left:45%; }
.display-simple-buy .wrap:after { display:none; }


.display-form form { position:relative; background:#EEF0F4; margin:0.5rem 0; }
.display-form form:before { content:''; position:absolute; top:-0.5rem; left:0; width:100%; background:url(icons_01.png) repeat-x center; }
.display-form .trade-download { float:left; width:3.2rem; }
.display-form .trade-date { float:left; width:3.2rem; }
.display-form .trade-data { float:right; padding:0.1rem; }


.display-side { position:relative; top:0; left:0; float:left; width:3.1rem; font-family:"Microsoft Yahei","arial"; }
.display-side dl { position:relative; font-size:0.16rem; color:#333; }
.display-side dt { position:relative; height:0.7rem; line-height:0.7rem; border-bottom:1px solid #ECEEF2; }
.display-side dt:before { content:''; position:absolute; left:0; width:5px; height:100%; background:#ED433F; z-index:3; }
.display-side dt:hover { background:#EEF0F4; }
.display-side dt a { display:block; padding-left:0.6rem; }
.display-side dt a:hover { color:#E83D41; }
.display-side dt .icon4 { display:inline-block; vertical-align:middle; margin-top:-3px; margin-right:0.15rem; }
.display-side dt .icon4-01 { background-position: 0 0; 
	transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.display-side dt .icon4-02 { background-position: 0 -64px; }
.display-side dt .icon4-03 { background-position: 0 -128px; }
.display-side dt .icon4-04 { background-position: 0 -192px; }
.display-side dt:hover a,
.display-side dt.active a { color:#E83D41; background:#EEF0F4; }
.display-side dt:hover .icon4-01,
.display-side dt.active .icon4-01 { background-position: 0 -32px; }
.display-side dt:hover .icon4-02,
.display-side dt.active .icon4-02 { background-position: 0 -96px; }
.display-side dt:hover .icon4-03,
.display-side dt.active .icon4-03 { background-position: 0 -160px; }
.display-side dt:hover .icon4-04,
.display-side dt.active .icon4-04 { background-position: 0 -224px; }


.display-main { float:right; width:8.4rem; font-family:"Microsoft Yahei","arial"; }
.display-main .hd { position:relative; height:0.7rem; line-height:0.7rem; font-size:0.2rem; color:#333; border-bottom:1px solid #E5E5E5; }
.display-main .hd .arrow { position:absolute; top:0; right:0; color:#BFBFBF; font-size:0.3rem; text-align:center; }
.display-main .hd .arrow i { width:0.3rem; margin-left:0.2rem; cursor:pointer; }
.display-main .hd .arrow i:hover { color:#F04538; }
.display-main .bd { padding:0.3rem 0; }
.display-main .articleinfo { line-height:2em; font-size:14px; color:#666; }
.display-main .map { height:5.8rem; }


.near {}
.near .small-item { float:left; width:33.33333%; line-height:1.4em; color:#666; padding-right:0.15rem; }
.near .small-item span { float:left; width:60px; color:#333; }
.near .small-item dl { padding-left:60px; }
.near .small-item dl dt { margin-bottom:1em; }

.home-slider { border:1px solid #E8E8E8; }
.home-slider li img { width:100%; height:auto; }





/************************* about.html *************************/
.advantage {}
.advantage .hd-2 { padding:0.45rem 1.25rem; background:url(icons_01.png) repeat-x center bottom; }
.advantage .bd { padding:1.1rem 0; }
.advantage .advantage-list { font-family:"Microsoft Yahei","arial"; text-align:center; padding:0 0.5rem; }
.advantage .advantage-item { float:left; width:33.333333%; padding:0 0.5rem; }
.advantage .advantage-item *,
.advantage .advantage-item *:before,
.advantage .advantage-item *:after {
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}
.advantage .advantage-item .box { position:relative; padding:0 0.3rem 0.25rem; }
.advantage .advantage-item .box:before,
.advantage .advantage-item .box:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#E3E3E3; }
.advantage .advantage-item .box:before { background:#E3E3E3; }
.advantage .advantage-item .box:after { width:0; background:#46A98A; z-index:3; }
.advantage .advantage-item span i { position:relative; margin:0 auto; border:1px solid #E2E2E2; border-radius:50%; margin-bottom:0.5rem; overflow:hidden; }
.advantage .advantage-item span i:before {
    content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:#46A98A; z-index:-1;
    -webkit-transform:scale(0,0) translateZ(0);
    -moz-transform:scale(0,0) translateZ(0);
    -ms-transform:scale(0,0) translateZ(0);
    -o-transform:scale(0,0) translateZ(0);
    transform:scale(0,0) translateZ(0);
}
.advantage .advantage-item span .icon5-01 { background-position:0 0; }
.advantage .advantage-item span .icon5-02 { background-position:0 -220px; }
.advantage .advantage-item span .icon5-03 { background-position:0 -440px; }
.advantage .advantage-item h2 { line-height:1.4em; font-size:0.2rem; color:#333; margin-bottom:0.2rem; }
.advantage .advantage-item article { height:7.2em; line-height:1.8em; font-size:13px; color:#999; overflow:hidden; }
.advantage .advantage-item:hover .box:after { width:100%; }
.advantage .advantage-item:hover span i { border-color:rgba(255,255,255,0); }
.advantage .advantage-item:hover span i:before {
    -webkit-transform:scale(1,1) translateZ(0);
    -moz-transform:scale(1,1) translateZ(0);
    -ms-transform:scale(1,1) translateZ(0);
    -o-transform:scale(1,1) translateZ(0);
    transform:scale(1,1) translateZ(0);
}
.advantage .advantage-item:hover span .icon5-01 { background-position:0 -110px; }
.advantage .advantage-item:hover span .icon5-02 { background-position:0 -330px; }
.advantage .advantage-item:hover span .icon5-03 { background-position:0 -550px; }



.activity { margin-bottom:1.1rem; }
.activity .wrap { position:relative; }
.activity .left { position:relative; float:left; width:5.43rem; text-align:center; }
.activity .left:before { content:''; position:absolute; left:0; top:-0.4rem; width:100%; height:100%; background:#fff;}
.activity .left .pic { position:relative; margin-left:0.4rem; width:100%; height:auto; z-index:3; }
.activity .left .pic img { width:100%; }
.activity .right { position:absolute; right:0; top:0; width:7rem; height:100%; }
.activity .right .hd-3 { padding-bottom:0.3rem; margin-bottom:0.5rem; }
.activity .right .hd-3 .more3 { padding-bottom:0.3rem; }
.activity .right .txt h2 { height:auto; color:#666666; font-family:"arial","Microsoft Yahei"; }
.activity .right .txt article { height:auto; font-family:"arial","Microsoft Yahei"; }
.activity .right .txt .more5 { float:none; margin-top:0.3rem; }

.activity .left .pic,
.activity .hd-3 h2,
.activity .hd-3 p,
.activity .hd-3:before,
.activity .right .txt h2,
.activity .right .txt article,
.activity .right .txt .more5 {
	opacity:0; filter:alpha(opacity=0);
    -webkit-transition: all 0.7s cubic-bezier(0.68, 0.88, 0.43, 1.14);
    -moz-transition: all 0.7s cubic-bezier(0.68, 0.88, 0.43, 1.14);
    -ms-transition: all 0.7s cubic-bezier(0.68, 0.88, 0.43, 1.14);
    -o-transition: all 0.7s cubic-bezier(0.68, 0.88, 0.43, 1.14);
    transition: all 0.7s cubic-bezier(0.68, 0.88, 0.43, 1.14);
	-webkit-transform:translate(0,0.8rem);
	-moz-transform:translate(0,0.8rem);
	-ms-transform:translate(0,0.8rem);
	-o-transform:translate(0,0.8rem);
	transform:translate(0,0.8rem);
}
.activity .hd-3 h2 {
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-ms-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	transition-delay:0.2s;
}
.activity .hd-3 p {
	-webkit-transition-delay:0.4s;
	-moz-transition-delay:0.4s;
	-ms-transition-delay:0.4s;
	-o-transition-delay:0.4s;
	transition-delay:0.4s;
}
.activity .hd-3:before {
	-webkit-transition-delay:0.6s;
	-moz-transition-delay:0.6s;
	-ms-transition-delay:0.6s;
	-o0-transition-delay:0.6s;
	transition-delay:0.6s;
}
.activity .right .txt h2 {
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	transition-delay:0.8s;
}
.activity .right .txt article {
	-webkit-transition-delay:1s;
	-moz-transition-delay:1s;
	-ms-transition-delay:1s;
	-o-transition-delay:1s;
	transition-delay:1s;
}
.activity .right .txt .more5 {
	-webkit-transition-delay:1.2s;
	-moz-transition-delay:1.2s;
	-ms-transition-delay:1.2s;
	-o-transition-delay:1.2s;
	transition-delay:1.2s;
}

.activity .left .pic {
	opacity:1; filter:alpha(opacity=100);
	-webkit-transform:scale(0,0);
	-moz-transform:scale(0,0);
	-ms-transform:scale(0,0);
	-o-transform:scale(0,0);
	transform:scale(0,0);
}
.activity.active .left .pic {
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
	transform:scale(1,1);
	-webkit-transition-delay:0.4s;
	-moz-transition-delay:0.4s;
	-ms-transition-delay:0.4s;
	-o-transition-delay:0.4s;
	transition-delay:0.4s;
}
.activity.active .hd-3 h2,
.activity.active .hd-3 p,
.activity.active .hd-3:before,
.activity.active .right .txt h2,
.activity.active .right .txt article,
.activity.active .right .txt .more5 {
	opacity:1; filter:alpha(opacity=100);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}


.partners {}
.partners .hd-4 { padding:0.45rem 0; }
.partners .bd { padding:0.3rem 0; }
.partners .partners-list {}
.partners .partners-item { float:left; width:11.111111111%; padding:0.1rem; }
.partners .partners-item a { display:block; height:0.9rem; line-height:0.9rem; text-align:center; padding:0.05rem; }
.partners .partners-item a img { max-width:100%; max-height:100%; width:auto; height:auto; vertical-align:middle; }
.partners .partners-item a:hover { box-shadow:0 0 2px #999, 0 0 2px #ddd inset; }



.about-info { position:relative; color:#fff; margin-bottom:1.1rem; }
.about-info:before,
.about-info:after { content:''; position:absolute; left:0; top:0; height:100%; }
.about-info:before { left:0; width:55%; background:#F15145; }
.about-info:after { left:55%; width:50%; background:#2F3545; }
.about-info .wrap { position:relative; z-index:3; }
.about-info .slides {
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.about-info .slides li { position:relative; float:left; width:100%; margin-left:-100%; z-index:2; }
.about-info .slides li.active { position:relative; float:left; width:100%; margin-left:-100%; z-index:5; }
.about-info .slides li:nth-child(1) { margin:0; z-index:3; }
.about-info .slides li:nth-child(1) { margin:0; }
.about-info .control-nav {
	position:absolute; top:50%; left:0.3rem; z-index:6; 
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
.about-info .control-nav li { position:relative; padding:0.13rem 0; }
.about-info .control-nav li:first-child:before { display:none; }
.about-info .control-nav li:last-child:after { display:none; }
.about-info .control-nav li:before,
.about-info .control-nav li:after { content:''; position:absolute; left:50%; width:1px; margin-left:-0.5px; height:0.13rem; background:#fff; }
.about-info .control-nav li:before { bottom:100%; }
.about-info .control-nav li:after { top:100%; }
.about-info .control-nav li i,
.about-info .control-nav li i:after,
.about-info .control-nav li i:before {
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.about-info .control-nav li i { position:relative; width:10px; height:10px; display:block; cursor:pointer; }
.about-info .control-nav li i:after { content:''; position:absolute; top:0%; left:0%; width:100%; height:100%; border-radius:50%; border:1px solid #fff; }
.about-info .control-nav li i:before { content:''; position:absolute; top:0%; left:0%; width:100%; height:100%; border-radius:50%; background:#fff; }
.about-info .control-nav li.active i:before {
	-webkit-transform:scale(0.3,0.3);
	-moz-transform:scale(0.3,0.3);
	-ms-transform:scale(0.3,0.3);
	-o-transform:scale(0.3,0.3);
	transform:scale(0.3,0.3);
}
.about-info .control-nav li.active i:after {
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.about-info .pic { position:absolute; left:50%; top:20%; width:60%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; }
.about-info .txt { width:50%; padding:0.4rem 1.50rem 0.8rem 0; }
.about-info .txt h2 { position:relative; line-height:2rem; font-size:1.5rem; margin-bottom:0.3rem; }
.about-info .txt h2:before { content:''; position:absolute; bottom:0; width:0.46rem; height:4px; background:#fff; }
.about-info .txt h2 span { font-family:"vani","arial"; }
.about-info .txt h2 em { font-size:0.62rem; font-family:"Times New Roman","arial"; }
.about-info .txt article { line-height:2em; font-family:"Microsoft Yahei","arial"; }

.about-info .slides li {
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
	
	opacity:0; filter:alpha(opacity=0);
}
.about-info .slides li .pic {
    -webkit-transition: all 1s cubic-bezier(0, 0.04, 0, 0.94);
    -moz-transition: all 1s cubic-bezier(0, 0.04, 0, 0.94);
    -ms-transition: all 1s cubic-bezier(0, 0.04, 0, 0.94);
    -o-transition: all 1s cubic-bezier(0, 0.04, 0, 0.94);
    transition: all 1s cubic-bezier(0, 0.04, 0, 0.94);
	
	opacity:0; filter:alpha(opacity=0);
	-webkit-transform:translate(100%,0);
	-moz-transform:translate(100%,0);
	-ms-transform:translate(100%,0);
	-o-transform:translate(100%,0);
	transform:translate(100%,0);
}
.about-info .slides li .txt h2,
.about-info .slides li .txt h2:before,
.about-info .slides li .txt article {
    -webkit-transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
    -moz-transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
    -ms-transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
    -o-transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
    transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
	
	opacity:0; filter:alpha(opacity=0);
	-webkit-transform:translate(100%,0);
	-moz-transform:translate(-100%,0);
	-ms-transform:translate(-100%,0);
	-o-transform:translate(-100%,0);
	transform:translate(-100%,0);
	
}
.about-info .slides li .txt h2 {
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-ms-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	transition-delay:0.1s;
}
.about-info .slides li .txt h2:before {
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-ms-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	transition-delay:0.2s;
}
.about-info .slides li .txt article {
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	transition-delay:0.3s;
}
.about-info .slides li.active { opacity:1; filter:alpha(opacity=100); }
.about-info .slides li.active .txt h2,
.about-info .slides li.active .txt h2:before,
.about-info .slides li.active .txt article,
.about-info .slides li.active .pic {
	opacity:1; filter:alpha(opacity=100);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}

.service { position:relative; background:url(bg_01.jpg) no-repeat center; background-size:cover; min-height:7.5rem; overflow:hidden; }
.service:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:url(icons_08.png) repeat center; }
.service .hd-5 { padding:1.3rem 0; }
.service .hd-5 h2,
.service .hd-5 p {
	opacity:0; filter:alpha(opacity=0);
	-webkit-transform:translate(0,200%);
	-moz-transform:translate(0,200%);
	-ms-transform:translate(0,200%);
	-o-transform:translate(0,200%);
	transform:translate(0,200%);
    -webkit-transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
    -moz-transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
    -ms-transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
    -o-transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
    transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
}
.service .hd-5 h2 {
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-ms-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	transition-delay:0.1s;
}
.service .hd-5 p {
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	transition-delay:0.3s;
}
.service .hd-5.active h2,
.service .hd-5.active p {
	opacity:1; filter:alpha(opacity=100);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}
.service .bd { position:relative; }
.service .bd:before { content:''; position:absolute; left:0; top:0; width:100%; height:1px; background:rgba(89,95,107,0.5); }
.service .service-list { position:relative; }
.service .service-item {
	position:absolute; left:-50%; top:0;
    -webkit-transition: all 2s cubic-bezier(0, 0.04, 0, 0.94);
    -moz-transition: all 2s cubic-bezier(0, 0.04, 0, 0.94);
    -ms-transition: all 2s cubic-bezier(0, 0.04, 0, 0.94);
    -o-transition: all 2s cubic-bezier(0, 0.04, 0, 0.94);
    transition: all 2s cubic-bezier(0, 0.04, 0, 0.94);
}
.service .service-item:nth-child(1) { left:5%; }
.service .service-item:nth-child(2) { left:25%; }
.service .service-item:nth-child(3) { left:45%; }
.service .service-item:nth-child(4) { left:65%; }
.service .service-item:nth-child(5) { left:85%; }
.service .service-item .box,
.service .service-item .line,
.service .service-item .line:before {
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
}
.service .service-item .line {
	width:1px; background:rgba(89,95,107,0.5);
	-webkit-transform:scale(1,0);
	-moz-transform:scale(1,0);
	-ms-transform:scale(1,0);
	-o-transform:scale(1,0);
	transform:scale(1,0);
	-webkit-transform-origin:center top;
	-moz-transform-origin:center top;
	-ms-transform-origin:center top;
	-o-transform-origin:center top;
	transform-origin:center top;
}
.service .service-item .line:before {
	content:''; position:absolute; top:-5px; left:-5px; width:11px; height:11px; border:2px solid #42c099; background:#3c4150; z-index:3; border-radius:50%; overflow:hidden;
	-webkit-transform:scale(0,0);
	-moz-transform:scale(0,0);
	-ms-transform:scale(0,0);
	-o-transform:scale(0,0);
	transform:scale(0,0);
}
.service .service-item:nth-child(1) .line { height:0.4rem; }
.service .service-item:nth-child(2) .line { height:1.4rem; }
.service .service-item:nth-child(3) .line { height:1rem; }
.service .service-item:nth-child(4) .line { height:1.4rem; }
.service .service-item:nth-child(5) .line { height:0.4rem; }
.service .service-item .box { margin-left:-15px; margin-top:10px; height:30px; line-height:30px;
	-webkit-transform:translate(0,2rem);
	-moz-transform:translate(0,2rem);
	-ms-transform:translate(0,2rem);
	-o-transform:translate(0,2rem);
	transform:translate(0,2rem);
	opacity:0; filter:alpha(opacity=0);
}
.service .service-item .box span { float:left; margin-right:5px; }
.service .service-item .box span i { display:block; width:30px; height:30px; }
.service .service-item .box span .icon-01 { background:url(sv_01.png) no-repeat 0 0; }
.service .service-item .box span .icon-02 { background:url(sv_02.png) no-repeat 0 0; }
.service .service-item .box span .icon-03 { background:url(sv_03.png) no-repeat 0 0; }
.service .service-item .box span .icon-04 { background:url(sv_04.png) no-repeat 0 0; }
.service .service-item .box span .icon-05 { background:url(sv_05.png) no-repeat 0 0; }
.service .service-item .box p { float:left; font-size:0.17rem; color:#fff; }
.service .service-item:hover .line {
	filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#42c099,endcolorstr=#fff,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#42c099,endcolorstr=#fff,gradientType=0);/*IE8*/	
    background:#42c099;
    background:-moz-linear-gradient(top, #42c099, rgba(89,95,107,0.5));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#42c099), to(rgba(89,95,107,0.5)));  
    background:-o-linear-gradient(top, #42c099, rgba(89,95,107,0.5)); 
}
.service .service-item:hover .line:before {
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
	transform:scale(1,1);
}
.service .service-item:hover .box p { color:#42c099; }
.service .service-item:hover .box span .icon-01,
.service .service-item:hover .box span .icon-02,
.service .service-item:hover .box span .icon-03,
.service .service-item:hover .box span .icon-04,
.service .service-item:hover .box span .icon-05 { background-position:0 -30px; }
.service .service-item.active .line {
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
	transform:scale(1,1);
}
.service .service-item.active .box {
	opacity:1; filter:alpha(opacity=100);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}


.relationship-map { padding:1rem 0; }
.relationship-map .hd-5 { color:#2f3545; margin-bottom:0.25rem; }
.relationship-map .hd-5 h2 { font-size:0.22rem; }
.relationship-map .hd-5 p { font-size:0.18rem; color:#a7a9af; font-family:"GothamRndLight","arial"; }
.relationship-map .hd-5 h2,
.relationship-map .hd-5 p {
	opacity:0; filter:alpha(opacity=0);
	-webkit-transform:translate(0,200%);
	-moz-transform:translate(0,200%);
	-ms-transform:translate(0,200%);
	-o-transform:translate(0,200%);
	transform:translate(0,200%);
    -webkit-transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
    -moz-transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
    -ms-transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
    -o-transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
    transition: all 0.7s cubic-bezier(0, 0.04, 0, 0.94);
}
.relationship-map .hd-5 h2 {
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-ms-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	transition-delay:0.1s;
}
.relationship-map .hd-5 p {
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	transition-delay:0.3s;
}
.relationship-map .hd-5.active h2,
.relationship-map .hd-5.active p {
	opacity:1; filter:alpha(opacity=100);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}
.relationship-map .relationship { text-ailgn:center; }
.relationship-map .relationship image,
.relationship-map .relationship .c1c2 {
	opacity:0; filter:alpha(opacity=0);
    -webkit-transition: all 1s cubic-bezier(0, 0.04, 0, 0.94);
    -moz-transition: all 1s cubic-bezier(0, 0.04, 0, 0.94);
    -ms-transition: all 1s cubic-bezier(0, 0.04, 0, 0.94);
    -o-transition: all 1s cubic-bezier(0, 0.04, 0, 0.94);
    transition: all 1s cubic-bezier(0, 0.04, 0, 0.94);
}
.relationship-map .relationship image:nth-child(1) {
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-ms-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	transition-delay:0.1s;
}
.relationship-map .relationship image:nth-child(2) {
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	transition-delay:0.8s;
}
.relationship-map .relationship image:nth-child(3) {
	-webkit-transition-delay:1.8s;
	-moz-transition-delay:1.8s;
	-ms-transition-delay:1.8s;
	-o-transition-delay:1.8s;
	transition-delay:1.8s;
}
.relationship-map .relationship svg { margin:0 auto; display:block; }
.relationship-map .relationship .c0 { display:none; }
.relationship-map .relationship .c1c2 {
	-webkit-transition-delay:2.8s;
	-moz-transition-delay:2.8s;
	-ms-transition-delay:2.8s;
	-o-transition-delay:2.8s;
	transition-delay:2.8s;
}
.relationship-map .relationship path {
	stroke-dasharray:300px;
	stroke-dashoffset:300px;
    -webkit-transition:all 3s;
    -moz-transition:all 3s;
    -ms-transition:all 3s;
    -o-transition:all 3s;
    transition:all 3s;
	-webkit-transition-delay:2.8s;
	-moz-transition-delay:2.8s;
	-ms-transition-delay:2.8s;
	-o-transition-delay:2.8s;
	transition-delay:2.8s;
}
.relationship-map .relationship.active .c1c2,
.relationship-map .relationship.active image { 
	opacity:1; filter:alpha(opacity=100);
}
.relationship-map .relationship.active path {
	stroke-dashoffset:0px;
}



/*   sell.html  */
.sell { padding:0.3rem 0; }
.sell .hd-4 { padding:0.65rem 0; text-align:center; }
.sell .hd-4 h2 { font-size:0.22rem; color:#2f3545; }
.sell .bd { padding-top:0.4rem; }
.sell .sell-form { width:4rem; margin:0 auto; }
.sell .sell-form .select { display:none; background:#fff; }
.sell .sell-form .row { margin-bottom:0.15rem; }
.sell .sell-form .text,
.sell .sell-form .textarea,
.sell .sell-form .submit,
.sell .sell-form .select {
    border-radius:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
}
.sell .sell-form .text { width:100%; height:0.5rem; line-height:0.5rem; color:#333; padding:0 0.15rem; font-family:"Microsoft Yahei","arial"; font-size:14px; border:0; border-bottom:1px solid #DFDFDF; overflow:hidden; }
.sell .sell-form .textarea { width:100%; height:1.8rem; line-height:0.3rem; padding:0.15rem; color:#333; font-family:"Microsoft Yahei","arial"; font-size:14px; padding:0 0.15rem; border:0; border-bottom:1px solid #DFDFDF; overflow:hidden; }
.sell .sell-form .submit { width:1.6rem; height:0.5rem; background:#F15145; color:#fff; border:0; font-size:16px; font-family:"arial","Microsoft Yahei"; cursor:pointer; margin-top:0.2rem; }
.sell .sell-form .submit:hover { box-shadow:0 0 2px #F15145; }
.sell .sell-form .name { display:block; height:0.5rem; line-height:0.5rem; padding:0 0.15rem; }
.sell .sell-form .label { float:left; display:block; height:0.4rem; line-height:0.4rem; color:#9b9b9b; min-width:0.8rem; padding:0 0.15rem; margin:0 0.1rem 0.1rem 0; border-radius:4px; box-shadow:0 0 0px 1px #E5E5E5; text-align:center; cursor:pointer; }
.sell .sell-form .label .radio { display:none; }
.sell .sell-form .label.checked { box-shadow:0 0 0 2px #4EC1D6; background:url(icons_09.jpg) no-repeat right bottom; }

.sell .sell-form .text::-webkit-input-placeholder,
.sell .sell-form .textarea::-webkit-input-placeholder { color:rgba(51,51,51,0.5); }
.sell .sell-form .text:-ms-input-placeholder,
.sell .sell-form .textarea:-ms-input-placeholder { color:rgba(51,51,51,0.5); }
.sell .sell-form .text::-moz-placeholder,
.sell .sell-form .textarea::-moz-placeholder { color:rgba(51,51,51,0.5); }
.sell .sell-form .text:-moz-placeholder,
.sell .sell-form .textarea:-moz-placeholder { color:rgba(51,51,51,0.5); }