/* layout */
.layout, .nav-bar .nav-wrap,.path-bar .path-nav,.index-tit-bar{*width: 1200px;max-width: 1200px;}
.index-layout,.page-layout{padding: 0 15px;}
.z-index-9999{z-index: 9999;position: relative!important;}
.gd-layer{padding: 110px 15px 90px;margin: 0 -15px;position: relative;}


/* fadeOut */
@-webkit-keyframes gdFadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes gdFadeOut{0%{opacity:1}100%{opacity:0}}
.gdFadeOut{-webkit-animation-name:gdFadeOut;animation-name:gdFadeOut}
@-webkit-keyframes gdFadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
@keyframes gdFadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
.gdFadeOutDown{-webkit-animation-name:gdFadeOutDown;animation-name:gdFadeOutDown}
@-webkit-keyframes gdFadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
@keyframes gdFadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
.gdFadeOutDownBig{-webkit-animation-name:gdFadeOutDownBig;animation-name:gdFadeOutDownBig}
@-webkit-keyframes gdFadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-35%,0,0);transform:translate3d(-35%,0,0)}}
@keyframes gdFadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-35%,0,0);-ms-transform:translate3d(-35%,0,0);transform:translate3d(-35%,0,0)}}
.gdFadeOutLeft{-webkit-animation-name:gdFadeOutLeft;animation-name:gdFadeOutLeft}
@-webkit-keyframes gdFadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
@keyframes gdFadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
.gdFadeOutLeftBig{-webkit-animation-name:gdFadeOutLeftBig;animation-name:gdFadeOutLeftBig}
@-webkit-keyframes gdFadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
@keyframes gdFadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
.gdFadeOutRight{-webkit-animation-name:gdFadeOutRight;animation-name:gdFadeOutRight}
@-webkit-keyframes gdFadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
@keyframes gdFadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
.gdFadeOutRightBig{-webkit-animation-name:gdFadeOutRightBig;animation-name:gdFadeOutRightBig}
@-webkit-keyframes gdFadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-35%,0);transform:translate3d(0,-35%,0)}}
@keyframes gdFadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-35%,0);-ms-transform:translate3d(0,-35%,0);transform:translate3d(0,-35%,0)}}
.gdFadeOutUp{-webkit-animation-name:gdFadeOutUp;animation-name:gdFadeOutUp}
@-webkit-keyframes gdFadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}
@keyframes gdFadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}
.gdFadeOutUpBig{-webkit-animation-name:gdFadeOutUpBig;animation-name:gdFadeOutUpBig}


/* bounce */
@-webkit-keyframes gdBounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes gdBounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.gdBounceIn{-webkit-animation-name:gdBounceIn;animation-name:gdBounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes gdBounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes gdBounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.gdBounceOut{-webkit-animation-name:gdBounceOut;animation-name:gdBounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}


@-webkit-keyframes icojump{0%{-webkit-transform:translateY(0);}33%{-webkit-transform:translateY(-15%);}66%{-webkit-transform:translateY(3.5%);}100%{-webkit-transform:translateY(-10%);}}
@keyframes icojump{0%{transform:translateY(0);}33%{transform:translateY(-15%);}66%{transform:translateY(3.5%);}100%{transform:translateY(-10%);}}
.icojump{-webkit-animation-name:icojump;animation-name:icojump;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}


/* =================================================== 
   * homepage 
   * --------------------------------------------------- */
.index-layout{}


/* btn */
.btn-readmore{background-color:#f13326;border:0;color:#fff;display:inline-block;padding:12px 2.2em;border-radius:3px;letter-spacing:.05em;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);position: relative;overflow: hidden;}
.btn-readmore:hover{color:#fff;}
.btn-readmore:before,.btn-readmore:after{z-index: -1;content: '';display: block;width: 0;height: 100%;position: absolute;;top: 0%;background-color: #f00;-webkit-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;-webkit-transform: skew(35deg);-ms-transform: skew(35deg);-o-transform: skew(35deg);transform: skew(35deg);}
.btn-readmore:before{left: -20%;}
.btn-readmore:after{right: -20%;}
.btn-readmore:hover:before{width: 80%;}
.btn-readmore:hover:after{width: 80%;}
.bar-more{padding: 30px 0 0;}

/* title */
.index-tit-bar {text-align: left;margin: 0 auto 25px;line-height: 1.5;}
.index-tit-bar,.index-tit-bar a{color: #222;}
.index-tit-bar .title{font-size: 24px;font-weight: normal;}



.txt-btn{clear: both;}

@media screen and (max-width:1279px) {
	.fullscreenbanner .slider-txt{width: 80%;left: 5%;margin-left: 0;}
	.slider-txt .txt-box{padding-left: 0;}
}
@media screen and (max-width:1199px) {
	.fullscreenbanner{font-size: 18px;}
	.slider-txt{margin-top: 70px;}
}
@media screen and (max-width:992px){
	.fullscreenbanner {font-size: 14px;}
	.slider-txt{margin-top: 50px;}
}
@media screen and (max-width:768px) {
	.fullscreenbanner{margin-top: 0;}
}
@media screen and (max-width:767px) {
	.fullscreenbanner{font-size: 12px;margin-top: 0;}
	.fullscreenbanner .slider-txt{width: 80%;left: 15px;padding-bottom: 20px;}
	.fullscreenbanner .slider-txt .txt-box{width: 100%;padding: 0;max-width: 460px;}
	.fullscreenbanner .slider-txt h4{font-size: 1.5em;}
	.fullscreenbanner .slider-txt p{font-size: 12px;}
	.fullscreenbanner .slider-txt .btn-readmore{font-size: 12px;min-width:inherit;padding: 0 1.5em;height: 2.5em;line-height: 2.5em;overflow: hidden;position: relative;transform: scale(1);}
	.slider-txt .bar-more{text-align: left;}
}
@media \0screen\,screen\9{
.promote-banner-list-2 li .bn-txt-box{padding-top: 15%;top: 0;}
}


.floor-hd{width: 100%;position: relative;text-align: center;border-top: 10px solid #cbcbcb;position: absolute;left: 0;top: 0;}
.floor-hd:before{content: '';display: block;width: 100%;height: 10px;background-color: #e7e7e7;border-bottom: 1px solid #94b1c3;position: absolute;left: 0;top: 0;}
.floor-hd .floor-quick-btn{display: block;display: block;width: 174px;height: 44px;background: url(img/floor-quick-btn.png) center 0 no-repeat;margin: 0 auto;position: relative;z-index: 1;top: -3px;}




/* company synopses */
.company-synopses-layer{}
.company-synopses-layer,.company-synopses-layer a,.company-synopses-layer .index-tit-bar,.company-synopses-layer .index-tit-bar a{color: #abcc27;}
.company-synopses-layer .index-tit-bar {text-align: center;}
.company-synopses-layer .index-tit-bar .title{font-size:28px;color:#abcc27;}
.synopsis-item{width: 20%;float: left;text-align: center;padding: 10px 0;}
.synopsis-item .item-wrap{margin: 0 15px;position: relative;}
.synopsis-item .item-wrap .item-img{display: block;}
.synopsis-item .item-wrap .item-img a:after{content: '';display: block;height: 22px;background: url(img/icon-shadow.png) center bottom no-repeat;background-size: 100% auto;-webkit-transition: all .6s ease;transition: all .6s ease;opacity: .8;margin-top: -10px;-webkit-transform: none;transform: none;position: relative;}
.synopsis-item .item-wrap .item-img a:hover:after{opacity: .5;-webkit-transform: scale(.8);transform: scale(.8);}
.synopsis-item .item-wrap .item-img a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;}
.synopsis-item .item-wrap .item-img img{display: inline-block;width: auto;max-width:100%;margin: 0 auto;position: relative;z-index: 1;-webkit-transition: all .5s ease;transition: all .5s ease;}
.synopsis-item .item-wrap .item-img:after{content: '';width: 50%;height:1px;border-radius: 50%;position: absolute;left: 25%;bottom: 0;-webkit-transform: tranlateY(6px);transform: tranlateY(6px);}
.synopsis-item .item-wrap .item-img:hover img{-webkit-animation: icojump .8s linear;animation: icojump .8s linear;animation-fill-mode: forwards;}
.synopsis-item .item-wrap .item-title{display: block;line-height: 1.2em;overflow: hidden;font-size: 18px;margin-top: 15px;}
.synopsis-item:hover .item-wrap .item-title a{color: #f03226;}
.synopsis-item:hover .item-img{-webkit-animation: none;-moz-animation: none;-ms-animation: none;-o-animation: none;animation: none;}
@media screen and (max-width:767px){
.company-synopses-layer .index-tit-bar .title{font-size: 24px;}
.company-synopses{text-align: center;font-size: 0;margin: 0 -15px;}
.company-synopses .synopsis-item{width: 33.33333333%;float: none;display: inline-block;padding: 0 0 20px;font-size: 14px;vertical-align: top;}
.company-synopses .synopsis-item{*display: inline;}
.company-synopses .synopsis-item .item-wrap .item-title{font-size: 14px;}
.company-synopses .synopsis-item .item-wrap{margin: 0 10px;}
}















/*22222222222222222222222222*/



@charset "utf-8";




.about-us-wrap{

	position:relative;

	width:100%;

	padding:60px 0 0;

	}

.about-us{

	position:relative;

	width:100%;

	}

.about-us .about-img{

	position:relative;

	display:inline-block;

	vertical-align:top;

	*display:inline;

	*zoom:1;

	width:600px;

	float:right;

	}

 		

.about-us .about-img .item{

	}

.about-us .about-img .item img{

	position:relative;

	width:100%;

	}

.about-us .about-detail{

	position:relative;

	display:inline-block;

	vertical-align:top;

	*display:inline;

	*zoom:1;

	width:530px;

	z-index:1;

	float:left;

	}

		

.about-us .about-detail .title{

	position:relative;

	font-size:44px;

	}

.about-us .about-detail .title,.about-us .about-detail .title a{ color:#000;}

 

.about-us .about-detail .text{

	position:relative;

 

	font-size:16px;

	color:#000;

	line-height:25px;

	margin:10px 0 40px;

	}

.about-us .about-detail .text p{



	}	

.about-us .about-detail .read-more{

	position:relative;

	display:inline-block;

	vertical-align:top;

	*display:inline;

	*zoom:1;

	font-family:'SourceSansProBold';

	color:#fff;

	font-size:19px;

	padding:0 15px;

	height:42px;

	line-height:42px;

	background:#000000;

	border:2px solid #000000;

	text-transform:uppercase;
	
	border-radius: 2em;

	}

.about-us .about-detail .read-more:hover{

	border-color:#abcc27;

	color:#fff;

	background:#abcc27;

	border-radius:20px;

	}