@import "global.css";

.slider {
    width: 100%;
    min-width: 980px;
    height: 400px;
    position: relative;
    overflow: hidden;
    background: #fff;
    text-align: center;
}

.slider .bd {
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px
}

.slider .bd li {
    width: 1200px;
    overflow: hidden;
}

.slider .bd li img {
    display: block;
    width: 1200px;
    height: 400px;
}

.slider .tempWrap {
    overflow: visible !important
}


.slider .hd {
    position: absolute;
    width: 100%;
    left: 0;
    height: 8px;
    bottom: 20px;
    text-align: center;
}

.slider .hd li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 8px;
    height: 8px;
    line-height: 99px;
    overflow: hidden;
    background: url(../images/qygz/slider-btn.png) 0 -10px no-repeat;
    margin: 0 5px;
    cursor: pointer;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.slider .hd li.on {
    background-position: 0 0;
    filter: alpha(opacity=100);
    opacity: 1;
}

.slider .pnBtn {
    position: absolute;
    top: 0;
    width: 100%;
    height: 400px;
    cursor: pointer;
}

.slider .prev {
    left: -50%;
    margin-left: -600px;
}

.slider .next {
    left: 50%;
    margin-left: 600px;
}

.slider .pnBtn .blackBg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 400px;
    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.slider .pnBtn .arrow {
    display: none;
    position: absolute;
    top: 0;
    width: 60px;
    height: 400px;
}

.slider .pnBtn .arrow:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.slider .prev .arrow {
    right: 0;
    background: url(../images/qygz/slider-arrow.png) -120px 25px no-repeat;
}

.slider .next .arrow {
    left: 0;
    background: url(../images/qygz/slider-arrow.png) 0 25px no-repeat;
}

/* =============== Index 股估所 ===============*/
.stock_head{position: relative;height: 680px;width: 100%;}

/* ------------ Index Menu ------------- */
.stock_menu{position:absolute;top:0;left:0;width: 100%;z-index:10;padding-top: 10px; }
.stock_menu .logo{float: left;display: inline;width: 155px;height: 52px;background: url(../images/qygz/background/gu_logo01.png) no-repeat;font-size: 0;line-height: 0;overflow: hidden;}
.stock_menu .nav{float: right;display: inline;font: 15px/20px Microsoft YaHei,SimHei;margin-top: 15px;margin-right: 20px;letter-spacing:1px;zoom:1;}
.stock_menu .nav ul{float: left;display: inline;}
.stock_menu .nav ul a{color:#fff;margin:15px 25px 0 25px; text-shadow: rgba(76, 76, 76, 0.7) 0px 2px 10px;}
.stock_menu .nav p{float: left;display: inline;margin-left: 47px;color:#fff;}
.stock_menu .nav p a{color:#fff;}

.stock_menu .nav .logreg,.stock_menu .nav .account{float: left;display: inline;margin-left: 47px;color:#fff;}
.stock_menu .nav .logreg a,.stock_menu .nav .account a{color:#fff;}
.stock_menu .nav .logreg{font-size: 14px;color:rgba(255,255,255,.6);}
.stock_menu .nav .logreg a{padding:0 8px;font-size: 15px;display: inline-block;vertical-align: -2px;}
.stock_menu .nav .account{font-size: 15px;line-height: 20px;position:relative;cursor:pointer;}
.stock_menu .nav .account .port{float: left;display: inline;margin:-5px 10px 0;width: 34px;height: 34px;border-radius: 34px;}
.stock_menu .nav .account .port img{width: 100%;height: 100%;vertical-align: top;border-radius:34px;}
.stock_menu .nav .account span{text-shadow: rgba(76, 76, 76, 0.7) 0px 2px 10px;}
.stock_menu .nav .account i{width: 10px;
    height: 6px;
    display: inline-block;
    margin: 8px -0 1px 7px;
    background: url(../images/qygz/background/triangle.png) no-repeat;
    background-size: cover;}
.stock_menu .nav .drop{display: none;position:absolute;top:30px;right:-20px;box-shadow: rgba(60, 60, 60, 0.6) 0px 3px 14px;width: 124px;box-sizing: content-box;text-align: center;font-size: 16px;background: #fff;}
.stock_menu .nav .drop a{border-top:1px solid #c5c5c5;margin-top: -1px;display: block;height: 35px;line-height: 35px;color:#999; text-shadow:none;}
.stock_menu .nav .drop a:hover,.stock_menu .nav .drop a.hover{color:#fff;background: #004cd5;}



/* ------------ banner ------------- */
.stock_banner{ margin: 0 auto;max-width: 1920px;width: 100%;max-height: 600px;height: 100%;z-index:9;}
.stock_banner .rslides{width: 100%;height: 100%;position:relative;z-index:3;}
.stock_banner .rslides li {float: left;display: inline;-webkit-backface-visibility: hidden;display: none;position: absolute;left: 0;top: 0;width:100%;height:100%;

}
.stock_banner li .ban01,.stock_banner li .ban02,.stock_banner li .ban03{width: 100%;height: 100%;display: block;
    -webkit-box-shadow:0 7px 5px -3px rgba(0,0,0,.25);
    box-shadow:0 7px 5px -3px rgba(0,0,0,.25);
}
.stock_banner li .ban01{background: url(../images/qygz/background/gu_banner01.jpg) no-repeat center 0;}
.stock_banner li .ban02{background: url(../images/qygz/background/gu_banner02.jpg) no-repeat center 0;}
.stock_banner li .ban03{background: url(../images/qygz/background/gu_banner01.jpg) no-repeat center 0;}

.stock_banner .rslides_tabs{position:absolute;bottom:39px;left:50%;z-index:6;width:400px;margin-left: -200px;text-align:center;font-size:0;}
.stock_banner .rslides_tabs li {display: inline-block;*display:inline;zoom:1; margin:0 5px;}
.stock_banner .rslides_tabs li a {width:68px;height:9px;border-radius:4px;display: inline-block;overflow:hidden;
    background:#fff;opacity:.5;filter:alpha(opacity=50);

}
.stock_banner .rslides_tabs li.rslides_here a {opacity:1;filter:alpha(opacity=100);}
.stock_banner .rslides_nav{position:absolute;top:360px;left:50%;margin-left:-590px;display:inline-block;z-index:6;width:29px;height:69px;font-size:0;line-height:0;overflow:hidden;
    background:url(../images/qygz/background/gu_img01.png) no-repeat 0 -149px;
}
.stock_banner .next{margin-left:565px;background-position: -37px -149px;}

/* ------------ 登录注册 && 实名认证  && 进行评估 ------------- */
.stock_step{width: 1160px;margin:0 auto;padding: 30px 30px 30px;}
.stock_step ul{}
.stock_step li{float: left;display: inline;width:260px;margin:0 52px;color:#000;text-align: center;}
.stock_step li i{width: 110px;height: 110px;margin:0 auto;display: block;}
.stock_step li .ic01{background:url(../images/qygz/background/why_01_icon.png) no-repeat 0 0;}
.stock_step li .ic02{background:url(../images/qygz/background/why_02_icon.png) no-repeat 0 0;}
.stock_step li .ic03{background:url(../images/qygz/background/why_03_icon.png) no-repeat 0 0;}
.stock_step li h3{margin-top:54px;font-size: 18px;color: #333;line-height: 35px;font-weight: 200;}
.stock_step li p{font-size: 14px;line-height: 22px;color: #999;}
.stock_step li p span{font-size: 18px;color: #666;line-height: 36px;}

.stock_tit01{font-size:30px;font-weight: 200;text-align: center; color: #333;padding: 60px 0 45px;}

/* ------------ 估值项目展示 ------------- */
.gu_valuation {position:relative; width: 100%; background: #fff; margin:18px auto 0px;}
#carousel{width:1160px; height: 1000px;margin:0 auto;}
.gu_valuation .carousel-feature{background: #fff;display: block;width: 370px;float: left; border: 1px solid #e2e2e2; margin: 0 7px 20px;overflow: hidden; -webkit-transition: all .2s linear;transition: all .2s linear;}

.gu_valuation .carousel-feature:hover{
    text-decoration: none;
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
}
.gu_valuation .carousel-image{}
.gu_valuation .pic { width: 370px;  padding: 0; margin: -2px;}
.gu_valuation .pic img{width: 100%;height: 100%; display: block;}
.gu_valuation .tit {margin-top: 32px;font-size:18px; color:#333;line-height: 24px; font-weight: 200;padding-left: 16px;}
.gu_valuation .company{font-size: 16px; color: #666; line-height: 24px;padding-left: 16px;}
.gu_valuation .detail {margin: 12px 0 12px;line-height:19px;color:#666;font-size: 14px;padding: 0 16px;}
.gu_valuation .assessment{height: 82px; }
.gu_valuation .assessment span{text-align: center;display: block;font-size: 20px; color: #0099e5; line-height: 82px;border-top: 1px solid #e2e2e2;margin: 0 10px;}
.stock_more{width: 100%; padding: 10px 0 40px}
.stock_more a{border:1px solid #0099e5;border-radius:2px;display:block;margin:0 auto;width: 186px;height: 50px;line-height: 48px;text-align: center;color:#0099e5;font-size: 20px;background: #fff;}
.stock_more a:hover{color: #fff; background: #0099e5; }

.gu_valuation .assessment span.call{}
.gu_valuation .assessment span.review{color: #25b964;}
.gu_valuation .assessment span.end{color: #666;}

.gu_valuation .project-comment{height: 45px; display: block;border-top: 1px solid #e2e2e2;margin: 0 10px;padding-top: 6px;}
.gu_valuation .project-comment .project-comment-title{font-size: 16px; color: #333; float: left;margin: 0 10px 0 8px;line-height: 35px;}
.gu_valuation .project-comment .project-comment-main,.gu_valuation .project-comment .project-comment-price{display: block; width: 100%; height: 35px;}
.gu_valuation .project-comment .project-comment-main .process{display: block; width: 200px; height: 35px;float: left;}
.gu_valuation .project-comment .project-comment-main .process span{display: block; width: 180px; height: 32px; margin-top: 3px; background: url(../images/qygz/background/stars.png) no-repeat;background-size: 100%;}
.gu_valuation .project-comment .project-comment-main .process .star1{background-position: 0 -32px;}
.gu_valuation .project-comment .project-comment-main .process .star2{background-position: 0 -64px;}
.gu_valuation .project-comment .project-comment-main .process .star3{background-position: 0 -96px;}
.gu_valuation .project-comment .project-comment-main .process .star4{background-position: 0 -128px;}
.gu_valuation .project-comment .project-comment-main .process .star5{background-position: 0 -160px;}
.gu_valuation .project-comment .project-comment-main .process .star6{background-position: 0 -192px;}
.gu_valuation .project-comment .project-comment-main .process .star7{background-position: 0 -224px;}
.gu_valuation .project-comment .project-comment-main .process .star8{background-position: 0 -256px;}
.gu_valuation .project-comment .project-comment-main .process .star9{background-position: 0 -288px;}
.gu_valuation .project-comment .project-comment-main .process .star10{background-position: 0 -320px;}

.gu_valuation .project-comment .project-comment-price span{font-size: 16px; color: #999;line-height: 35px;}

/* ------------ 中小企业价值发现平台 ------------- */
.stock_tit02{letter-spacing:1px;text-align: center;font-size: 30px;}
.stock_platform{width: 1190px;margin-left:auto;margin-right:auto;}
.stock_platform ul{padding-left:2px;}
.stock_platform li{float: left;display: inline;width: 295px;height: 286px;border:2px solid #f3f3f3;margin-left: -2px;background:#fff;cursor:pointer;box-sizing: content-box;position:relative;}
.stock_platform li .item01,.stock_platform li .item02{width: 100%;text-align: center;box-sizing: content-box;}
.stock_platform li .item01{padding-top: 60px;height: 226px;color:#333;transition: all .2s ease-out;}
.stock_platform li .icon{width: 89px;height: 89px;display: block;margin:0 auto;background:url(../images/qygz/background/gu_img01.png) no-repeat 0 -294px;}
.stock_platform li .item01 .ic01{background-position: 0 -294px;}
.stock_platform li .item01 .ic02{background-position: -94px -294px;}
.stock_platform li .item01 .ic03{background-position: -188px -294px;}
.stock_platform li .item01 .ic04{background-position: -282px -294px;}
.stock_platform li .name{margin-top: 8px;font: 24px/40px Microsoft YaHei,SimHei;letter-spacing:1px;}
.stock_platform li .msg{margin-top: 3px;line-height: 24px;font-size: 14px;}
.stock_platform li .item02{opacity:0;filter: alpha(opacity=0);position:absolute;left:0;top:0;padding-top: 26px;height: 260px;color:#fff;transition: all .2s ease-out;}
.stock_platform li.small01 .item02{background: #ff320d;}
.stock_platform li.small02 .item02{background: #c78910;}
.stock_platform li.small03 .item02{background: #05a75c;}
.stock_platform li.small04 .item02{background: #0972a8;}
.stock_platform li .item02 .ic01{background-position: 0 -388px;}
.stock_platform li .item02 .ic02{background-position: -94px -388px;}
.stock_platform li .item02 .ic03{background-position: -188px -388px;}
.stock_platform li .item02 .ic04{background-position: -282px -388px;}
.stock_platform li .item02 .name{margin-top: 5px;}
.stock_platform li .item02 .msg{}
.stock_platform li:hover .item02,.stock_platform li.hover .item02{opacity:1;filter: alpha(opacity=100);}

.stock_institut{width: 100%; background: #fff; padding-bottom: 70px;}
.stock_institut_title{padding: 60px 0 16px;}
.stock_institut ul{width: 1160px;margin:0 auto;}
.stock_institut li{float: left;display: inline;margin:0;width: 232px;height: 158px;box-sizing: content-box;}
.stock_institut li a{display: block;padding:2px;overflow: hidden;width: 232px;height: 158px;position: relative}
.stock_institut li a img{width: 232px;height: 158px; position: absolute; top:0; left:0;}
.stock_institut li a .color{width: 232px;height: 158px; display: none;}
.stock_institut li a:hover .color{display: block;}
.banner_bot{width: 100%;height: 100px; background: #ffffff;}
.banner_bot ul{width: 1200px; height: 100px; margin: 0 auto;}
.banner_bot ul li{float: left; }
.banner_bot ul li a{background: #fff; color: #26a0e6; border-radius: 2px; font-size: 16px; display: block;width: 300px; height: 75px; text-align: center; padding-top: 25px;}
.banner_bot ul li a:hover{background: #f3fbff;}
.banner_bot ul li a span{height: 50px;display: block;width: 140px;line-height: 50px;margin: 0 auto;padding-left: 62px;text-align: left;}
.banner_bot ul li a .item1{background: url(../images/qygz/background/banner_bot_guzhi.png) no-repeat;}
.banner_bot ul li a .item2{background: url(../images/qygz/background/banner_bot_pingshen.png) no-repeat;}
.banner_bot ul li a .item3{background: url(../images/qygz/background/banner_bot_touzi.png) no-repeat;}
.banner_bot ul li a .item4{background: url(../images/qygz/background/banner_bot_caozuo.png) no-repeat;}
.statistic{width: 100%; padding: 40px 0 80px;}
.statistic p{font-size: 16px; color: #333; text-align: center; line-height: 46px;}
.statistic p span{font-size: 30px; color: #fe8e20;}
.intro{width: 880px; text-align: center; margin: 0 auto 68px;}
.intro h2{font-size: 30px; color: #333;padding-bottom: 28px; font-weight: 200;}
.intro p{font-size: 16px; color: #666; line-height: 26px;}


.ourservices{width: 100%; height: 708px;background-color: #fff;padding-top: 80px;}
.ourservices h2{font-size: 30px; color: #333;padding-bottom: 28px; font-weight: 200; text-align: center;}
.ourservices .desc{font-size: 16px; color: #666666; line-height: 24px; width: 680px; margin: 0 auto 76px; text-align: center;}
.ourservices ul{width: 1160px; margin: 0 auto;}
.ourservices ul li{float: left; width: 280px;}
.ourservices ul li h4{font-size: 18px; color: #333333; line-height: 30px;text-align: center;font-weight: 200; margin: 0 0 12px;}
.ourservices ul li .img{text-align: center;margin-bottom: 50px;}
.ourservices ul li .img img{width: 170px; height:170px; margin:0 auto;}
.ourservices ul li p{font-size: 14px; color: #999999; line-height: 24px;text-align: center;}
.sbanner{
    width: 100%;
    height: 120px;
    text-align: center;
    background-color: transparent;
    background-image: url(../images/qygz/background/sbanner.jpg);
    background-position: 50% 0;
    background-repeat: repeat-x;
}

.sbanner a{
    line-height: 120px;
    color: #fff !important;
    font-size: 39px;
}