@charset "gb2312";
/* CSS Document */

.zhaoshang_top{ height:669px; background:url("../img/zhaoshang3/top.jpg") top center no-repeat; }
/*.zs_part1{ height:492px; background:url("../img/zhaoshang3/part1_bg.jpg") top center no-repeat;}*/
.zs_part2{ height:645px; background:url("../img/zhaoshang3/part2_bg.jpg") top center no-repeat;}
.learn_more{padding-top: 520px;padding-left:640px;height: 37px;overflow:hidden;}

.zs_part3{ height:919px; background:url("../img/zhaoshang3/part3_bg.jpg") top center no-repeat;}
.zs_part4{ height:470px; background:url("../img/zhaoshang3/part4_bg.jpg") top center no-repeat;}
.zs_part5{ height:777px; background:url("../img/zhaoshang3/part5_bg.jpg") top center no-repeat;}
.zs_part6{ height:1050px; background:url("../img/zhaoshang3/part6_bg.jpg") top center no-repeat;}
.zs_part7{ height:621px; background:url("../img/zhaoshang3/part7_bg.jpg") top center no-repeat;}
.zs_part81{ height:230px; background:url("../img/zhaoshang3/part8_bg1.jpg") top center no-repeat;}
.zs_part82{ height:482px; background:url("../img/zhaoshang3/part8_bg2.jpg") top center no-repeat;}
.zs_part8_w{ width:1240px; height:400px;  margin:0 auto; position:relative;}
.zs_part9{ height:447px; background:url("../img/zhaoshang3/part9_bg.jpg") top center no-repeat;}
.zs_part10{ height:1080px; background:url("../img/zhaoshang3/part10_bg.jpg") top center no-repeat;}
.zs_part11{ height:905px; background:url("../img/zhaoshang3/part11_bg.jpg") top center no-repeat;}
#show1{ width:275px; height:476px; overflow:hidden; background:url("../img/zhaoshang3/1.png") no-repeat; position:absolute; top:-15px; left:18px;}
#carousel {
    width: 1240px;
    height: 378px;
    position: relative;
    margin: 0 auto;
    z-index: 100;
}

.carousel-image {
    border: 0;
    display: block;
}

.carousel-feature {
    position: absolute;
    left: 80px;
    cursor: pointer;
	background:#000;
}

#carousel-left {
    width: 15px;
    height: 29px;
    position: absolute;
    top: 155px;
    left: 20px;
    cursor: pointer;
    z-index: 100;
	
}

#carousel-right {
    width: 68px;
    height: 68px;
    position: absolute;
    top: 155px;
    right: 20px;
    cursor: pointer;
    z-index: 100;
	
}
.container{margin: 0 auto; max-width: 1200px;}
.container2{margin: 0 auto; max-width: 920px;}
.row{width: 100%; float: left; margin: 280px 48px;}
.row2{width: 100%; float: left; margin: -360px 50px;}

/*= common css to all effects =***background-image: url(http://www.bluefite.com/templets/default03/img/zhaoshang3/part2_1.png); background-repeat: no-repeat;*/
.single-member{width: 257px; float: left; margin: 30px 10px;background-image: url(http://www.bluefite.com/templets/default03/img/zhaoshang3/part2bg.png); background-repeat: no-repeat; text-align: center; position: relative;}
.single-member2{width: 257px; float: left; margin: 0px 10px;background-image: url(http://www.bluefite.com/templets/default03/img/zhaoshang3/part2bg.png); background-repeat: no-repeat; text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
h3 {font-size: 24px; font-weight: normal; margin: 10px 0 0; text-transform: uppercase;}
h5 {font-size: 20px; font-weight: 300; margin: 0 0 15px; line-height: 22px;color:#fff;}
p {font-size: 18px; font-weight: 300; line-height: 35px; padding: 0 30px; margin-bottom: 10px;}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
/*= common css to all effects end =*/


/*= effect-7 css =*/
.effect-7{max-height: 289px; min-height: 289px; overflow: hidden;}
.effect-7 h3{line-height: 35px;}
.effect-7 .member-image{position: absolute; bottom: 0; width: 100%; transition: 0.4s; z-index: 1;}
.effect-7 .member-image img{width: 100%; transition: 0.4s; opacity: 1; height: 100%;}
.effect-7 .more-info{height: 208px; transition: 0.4s; overflow: hidden; position: relative;color:#fff}
.effect-7:hover .member-image{bottom: 40%;}
.effect-7:hover .member-image img{width: 0; height: 0; transition: 0.4s; opacity: 0;}
/*= effect-7 css end =*/