﻿

/* CSS Document */





*{font-family:"微软雅黑";}

.xsy-pad{padding-top:70px;}

.xsy-pad40{padding-top:40px;}

.xsy-pad20{padding-top:20px;}

.xsy-pad10{padding-top:10px;}

.xsy-padb{ padding-bottom:30px;}

.xsy-title{width:100%; text-align: center; font-size: 22px;}

.xsy-most{width:100%; text-align: center; font-size: 28px;}

.xsy-jj{width:100%; text-align: center; font-size: 16px; color: #808385;}

a:hover{text-decoration:none;}







/**********************************************************

 *	banner css

**********************************************************/

.banner{ width:100%; height:556px; overflow:hidden; background:#CCCCCC; position:relative;}

.banner .Template{ display:none;}

.banner .model{ width:100%; height:100%; overflow:hidden;}

.banner .model-li{ display:block; width:100%; height:100%; float:left;}

.banner .model-li-1{ background-color:#ebecee;}

.banner .model-li-2{ background-color:#dbe5e6;}



/*.banner .botton{ width:40px; height:80px; background:#000000; position:absolute; top:60%; z-index:12; cursor:pointer;}

.banner .botton.l{ left:10px; background:url(../images/button-rl.png) no-repeat;}

.banner .botton.r{ right:10px; background:url(../images/button-r.png) no-repeat;}*/

.banner .button-frame{ height:auto; overflow:hidden; position:absolute; left:50%; bottom:20px; z-index:3;}

.banner .button-frame span{ display:block; width:60px; height:12px; float:left; background:#FFF; margin-left:5px; margin-right:8px; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; cursor:pointer;}

.banner .button-frame span.active{ background:#fff; opacity:1;}



/**为什么选择我们 **/

.xsy-main{width:100%; height: auto; padding-top: 70px;}

.xsy-qh{width:100%; height: auto; overflow: hidden; padding-top: 60px;}

.xsy-qh .frame{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

.xsy-qh .frame-head{ width:1200px; margin: auto; height:auto; overflow: hidden; }

.xsy-qh .frame-head a{ display:block; width:20%; height:100%; float:left;  text-align: center; line-height:40px; font-size:14px;}

.xsy-qh .frame-head a div{width:100%;height: auto; overflow: hidden;}

.xsy-qh .frame-head a div img{width:auto; margin: auto;}

.xsy-qh .frame-head a dd{ font-size: 14px; color: #656565; padding-top: 5px;}

.xsy-qh .frame-head a dt{font-size: 16px; color: #191919; padding-top: 15px; font-weight: normal;}

.xsy-qh .frame-head a.active dd{ color: #432f84;}

.xsy-qh .frame-head a.active dt{ color: #432f84;}

.xsy-qh .frame-body{ display: none; width:100%; height:auto; overflow: hidden; background:#f5f5f6; margin-top: 20px;}

.xsy-qh .frame-body.active{ display: block;}



.xsy-qh .frame-body .qh-left{width:24%; height: 100%; float: left; background: #432f84; padding: 45px 28px; color: #fff;}

.xsy-qh .frame-body .qh-left dt{width:100%; text-align: center; font-size: 22px;}

.xsy-qh .frame-body .qh-left dd{ padding-top: 10px; line-height: 26px; font-size: 14px; padding-bottom: 30px; color: #eaeaea;}

.xsy-qh .frame-body .qh-left .botton{display: block; width:100px; margin: auto;line-height: 30px; color: #fff; font-size: 14px; height: 30px; text-align: center; border:1px solid #ddd9e9;}

.xsy-qh .frame-body .qh-left .botton:hover{border:none; background: #fff; color: #432f84;}

.xsy-qh .frame-body .qh-right{width:75%; float: right; padding: 20px 0;}

.xsy-qh .frame-body .qh-right .qh-ul{width:98%; height: auto; overflow: hidden; clear: both; padding-left: 50px;}

.xsy-qh .frame-body .qh-right .qh-ul a{display: block; float: left; width: 33%; color: #000; padding-left: 80px;height: 36px; line-height: 36px; font-size:14px;}

.xsy-qh .frame-body .qh-right .qh-ul a:hover{ color: #8009F4;}

.xsy-qh .frame-body .qh-right .qh-ul a .img-up{padding-right: 10px; padding-top: 10px;}

.xsy-qh .frame-body .qh-right .qh-ul a .img-down{width: auto; margin: auto; padding-top: 10px;}

.xsy-qh .frame-body .qh-right .qh-ul a .zi{float:left;}

.xsy-qh .frame-body .qh-right .qh-ul a div{width:100%; text-align: center; padding-top: 6px;}

.xsy-qh .frame-body .qh-right .qh-ul a .left{width:30px; float: left; display: block;}

.zongy{height:auto !important; padding: 10px 0; padding-left: 0px !important;}

.hm-ul{padding-left:150px !important;}

.width-a{width:43% !important;}

.img-kj{display: block;}

.img-hidden{display: none;}



.xsy-qh .frame-body .qh-right .qh-ul a:hover .img-kj{display:none;}

.xsy-qh .frame-body .qh-right .qh-ul a:hover .img-hidden{display: block;}



/**券商务 **/

.xsy-two{width:80%; margin: auto; padding-top: 50px;}

.xsy-two .b-frame{ width:100%; height:auto; overflow:hidden;margin:0 auto;}

.xsy-two .b-frame-head{ width:80%; margin: auto; height:57px;}

.xsy-two .b-frame-head a{ display:block; width:50%; height:100%; float:left; line-height:57px; font-size:14px; color:#000; background:#f5f5f6;}

.xsy-two .b-frame-head a .xian{display:block; float: left; padding-top: 15px; padding-left: 60px; padding-right: 10px;}

.xsy-two .b-frame-head a .hou{display: none; float: left; padding-top: 15px; padding-left: 60px;padding-right: 10px;}

.xsy-two .b-frame-head a.active{ background:#432f84; color: #fff;}

.xsy-two .b-frame-head a.active .xian{display: none;}

.xsy-two .b-frame-head a.active .hou{display:block;}

.xsy-two .b-frame-body{ display: none; width:100%; height:auto; overflow: hidden; padding-top: 40px;}

.xsy-two .b-frame-body.active{ display: block;}

.xsy-two .b-frame-body .xs-qjj{width:75%; margin: auto; padding-top: 10px; line-height: 30px; font-size: 16px;}

.xsy-two .b-frame-body .xs-img{padding-top:40px; text-align: center;}

.xsy-two .b-frame-body .xs-img img{width:auto; margin: auto;}

.xsy-two .b-frame-body .img-btn{width:160px; display: block; margin: auto; height: 40px; margin-top: 60px; border:1px solid #b8b8b8;text-align: center; line-height: 40px; color: #000; border-radius:6px; font-size:14px;}

.xsy-two .b-frame-body .img-btn:hover{background: #432f84; border:none; color: #fff;}



/**全球300 **/

.xsy-list{width:100%;height: 1px; margin-top: 90px; background: #ededed;}

.xsy-three{width:100%; height: auto; overflow: hidden; padding: 30px 0; text-align: center; font-size: 28px; background: #f5f5f6; margin-top: 1px;}





/**一站式高标准 **/

.xsy-four{width:100%; height: auto; overflow: hidden; padding-top: 70px;}

.xsy-four .xsy-duan{width:800px; margin: auto; height: auto; overflow: hidden; padding: 40px 0;}

.xsy-four .xsy-duan .four-left{float:left; width: 60%;}

.xsy-four .xsy-duan .four-left dt{font-size:22px; font-weight: normal; padding-top: 30px; color: #000;}

.xsy-four .xsy-duan .four-left dd{font-size:14px; color: #808385; line-height: 30px; padding-top: 15px;}

.xsy-four .xsy-duan .four-right{float:right; width: 30%; text-align: right;}



.xsy-four .xsy-chang{width:100%; height: auto; overflow: hidden; padding: 40px 0; background: #f6f6f6;}

.xsy-four .xsy-chang .ch-main{width:810px; margin: auto; height: auto; overflow: hidden; }

.xsy-four .xsy-chang .ch-main .ch-left{width:30%; float: left;}

.xsy-four .xsy-chang .ch-main .ch-right{width:60%; float: right;}

.xsy-four .xsy-chang .ch-main .ch-right dt{font-size:22px; font-weight: normal; padding-top: 30px;color: #000;}

.xsy-four .xsy-chang .ch-main .ch-right dd{font-size:14px; color: #808385; line-height: 30px; padding-top: 15px;}



/**咨询 **/

.xsy-zx{width:100%; height:260px; background: url("../image/zx-img.jpg") no-repeat center; text-align: center; margin-top: 30px;}

.xsy-zx .zx-tit{ padding-top:40px; font-size: 20px; line-height: 38px; color: #fff;}

.xsy-zx .zx-btn{display: block; width:210px;height: 40px; margin: auto; background: #00ffd3; text-align: center; border-radius: 10px; margin-top: 20px;font-size: 16px; color: #000; padding-top: 10px;}

.xsy-zx .sky{width: 230px; margin: auto; height: 20px; font-size:16px; color: #fff; text-align: center; padding-top: 10px;}

.xsy-zx .sky span{display:block; float: left;}

.xsy-zx .sky span img{padding-right:10px;}

.xsy-zx .sky a span{color:#fff;}

.xsy-zx .down{width: 100%; text-align: center; display: block; color:#00ffd3; font-size: 15px; clear: both; padding-top: 5px;}

.xsy-zx .down:hover{color:#f51d1d;}

@media screen and (max-width: 1000px) {
   .xsy-qh .frame-head {
    width: 90%;
}
.xsy-qh .frame-head a {
    display: block;
    width: 50%;
    height: 150px;
    float: left;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
}
.xsy-qh .frame-body.active .container{width: 100%;
    padding: 0;}
.xsy-qh .frame-body .qh-left{width:100%;}
.xsy-qh .frame-body .qh-right{width:100%;}
.xsy-qh .frame-body .qh-right .qh-ul{padding-left:0;width:100%;}
.xsy-qh .frame-body .qh-right .qh-ul a{padding-left: 0;}
.xsy-two{width:100%;}
.xsy-pad{width:100%;}
.xsy-two .b-frame-head{width:100%;}
.xsy-two .b-frame-head a{width:100%;}
.xsy-two .b-frame-body .xs-qjj{width:100%;}
.xsy-two .b-frame-body .xs-img img{width:100%;}
.xsy-four .xsy-duan{width:95%;}
.xsy-four .xsy-duan .four-right img,.xsy-four .xsy-chang .ch-main .ch-left img{width:100%;}
.xsy-four .xsy-chang .ch-main{width:95%;}
.slide_m{height: 650px;}
.xym-banner1{padding-top:150px;}
.xym-banner{width:100%;padding-left:20px;padding-top:90px;}
}









