@charset "utf-8";



/*轮播图*/
.ad{
    width: 100%;
    height: 570px;
    min-width: 1240px;
    background:center center no-repeat;
    background-size: cover;
}
.banner-box{
    text-align: center;
    padding-top: 150px;
    margin: 0 auto;
    color: #fff;
}
.ban_title{
    font-size: 55px;
    font-weight: bold;
    letter-spacing:4px;
    margin-bottom: 35px;
    text-shadow: 3px 3px 3px #928b81;
}
.ban_text{
    font-size: 40px;
    letter-spacing:3px;
    text-shadow: 3px 3px 3px #b4b6b3;
}


/*内容区*/
.container{
    /*height: 2440px;*/
    width: 100%;
    min-width: 1240px;
    z-index: 1;
 }
.advantage_box{
    width: 1170px;
    height: 500px;
    padding:60px 0; 
    margin:0 auto;
    /*background-color: pink; */
 }
.adv_title,.spec_title, .info_title, .policy_title{
    /*width: 170px;*/
    height: 33px;
    /*margin:0 auto;*/
    text-align: center;
    font-size: 28px;
    line-height: 33px;
    font-weight: bold;
    color: black;
    font-family: "微软雅黑"
}
.spec_title{
    width: 100%;
    height: 68px;
    line-height: 68px;
    color:white;
    background: url(../images/homepage/spec_pic_more.jpg) center center no-repeat;

}
.blueline{
    width: 40px;
    height:15px;
    margin: 0 auto;
    border-bottom: 4px solid #0066EE; 
}
.adv_nav ul{
    width: 490px;
    height: 32px;
    margin: 40px auto;

    /*margin-top: */
}
.adv_nav ul li{
    width: 120px;
    height: 100%;
    display:inline-block;
    margin: 0 20px;
    text-align: center;
    font-size: 21px;
    color: #9A9A9A;
    line-height: 22px;
}
/*.adv_nav ul li a{
    font-size: 21px;
    color: #9A9A9A;
    line-height: 22px;
    display:inline-block;
    width: 85px;
    padding:5px 20px; 
}
.adv_nav ul li a:hover{
    color:#0267FF;
    border:2px solid #0267FF;
    padding:3px 20px;
}
*/


/*我的优势图片部分*/
.adv_pic_box{
    width: 1170px;
    height: 340px;
    margin: 0 auto;
    margin-bottom:70px;
    /*z-index: 1; */

}
.adv_pic{
    width: 340px;
    height: 340px;
    display: inline-block;
    position: relative;
    margin-left: 65px;
    /*z-index: 1;*/
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
}
.adv_pic:first-child{
    margin-left:5px;
}
  
.adv_pic:hover{
    transform:translateY(-10px);
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    overflow: hidden;
}



/*.pic img{
    float:left;
}*/

.bottom {
    position: absolute;
    bottom: 0;
    color:white;
    background: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
}

.adv_pic:hover .bottom{
    background: rgba(0,0,0,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2000000, endcolorstr=#B2000000);

}
.p_title{
    text-align:center;
    /*margin: 10px;*/
    font-size: 30px;
    margin-top: 35px;
    font-weight: 200;
    color:white;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s ease, opacity 0.3s;   
    -moz-transition:-moz-transform 0.3s, opacity 0.3s;  
    -ms-transition:-ms-transform 0.3s, opacity 0.3s;  
    -o-transition:-o-transform 0.3s, opacity 0.3s;  
}
.adv_pic a{
    /*font-size: 25px;*/
    /*color: blue;*/
    display: block;
    margin:0 auto;
}

.bottom .btn {
    font-size: 14px;
    display: inline-block;
    padding: 5px 10px;
    color: white;
    border: 2px solid transparent;
    border-radius: 3px;
    background: transparent;
    position:absolute;
    left:95px;
    top:180px;
    transition: all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
.btn.btn-white-fill {
    color: #fff;
    border-color: #fff;
    background: transparent;
}
.btn.btn-white-fill:hover {
    color: #00a8ff;
    background: #fff;
}
/*.bottom a:hover{
    color:red;
}*/
.adv_pic .expand {
    text-align:center;
    margin: 30px;
    margin-top: 30px;
    opacity: 0;
    font-size: 20px;
    font-weight: 200;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s ease, opacity 0.3s;   
    -moz-transition:-moz-transform 0.3s, opacity 0.3s;  
    -ms-transition:-ms-transform 0.3s, opacity 0.3s;  
    -o-transition:-o-transform 0.3s, opacity 0.3s; 
    color:white;
}
.adv_pic:hover h6,.p_title {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
}

.adv_pic:hover .expand,.adv_pic:hover .p_title{
    text-align:center;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transform:scale(1);
}

.adv_pic .hide-hover {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    -ms-transition:opacity 0.3s ease;
    -o-transition:opacity 0.3s ease;
}

.adv_pic:hover .hide-hover {
    opacity: 0;
}



/*常驻专家*/
.specialist_box{
    width: 1170px;
    /*height: 620px;*/
    background-color: #F5F4F2;
    margin:0 auto;
    /*padding-top: 40px;*/
    border-color:#b0aeae;
    border-width:1px;
    border-style:solid;
}
.spec_pic_box{
    width: 1170px;
    /*height:400px;*/
    padding: 30px 0;
    /*background-color: pink; */
}
.spec_pic{
    width: 340px;
    /*height: 400px;*/
    /*background-color: red;*/
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.spec_pic:first-child+.spec_pic{
    margin:0 30px;
    padding: 0 30px;
    border-right: 4px solid #D4D4D4;
    border-left: 5px solid #D4D4D4;
}
.spec_pic:first-child+.spec_pic .bottom{
    width: 340px;
}
.photo_box{
    width: 130px;
    height: 130px;
    border:2px solid #9F9F9F;
    border-radius: 50%;
    padding: 8px; 
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 20px;
    overflow: hidden;
}
.spec_pic p{
    /*margin:0 auto;*/
    text-align: center;
    font-size: 23px;
    color:black;
}
.spec_pic span{
    display: block;
    width: 200px;
    /*height: 30px;*/
    font-size:16px;
    line-height: 30px;
    border:2px solid #9F9F9F; 
    margin:0 auto;
    margin-top:25px;
    text-align: center;
    color:gray;
}
.spec_pic:hover .bottom{
    background:rgba(27,90,169,0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e51b5aa9, endcolorstr=#e51b5aa9);
}
.spec_pic .expand {
    text-align:center;
    margin: 30px;
    margin-top: 70px;
    display: none;
    opacity: 0;
    filter: "alpha(opacity=0)";
    font-size: 18px;
    font-weight: 200;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s ease, opacity 0.3s;
    -moz-transition:-moz-transform 0.3s, opacity 0.3s;  
    -ms-transition:-ms-transform 0.3s, opacity 0.3s;  
    -o-transition:-o-transform 0.3s, opacity 0.3s;
    color:white;
}
.spec_pic:hover h6 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
}

.spec_pic:hover .expand{
    text-align:center;
    opacity: 1;
    display: block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transform:scale(1);
}

.spec_pic .hide-hover {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    -ms-transition:opacity 0.3s ease;
    -o-transition:opacity 0.3s ease;
}

.spec_pic:hover .hide-hover {
    opacity: 0;
}


.spec_readmore_box{
    height: 68px;
    position: relative;
    padding-top: 15px;
    /*background: url(../images/homepage/spec_pic_more.jpg) center center no-repeat;*/
}
.spec_readmore{
    width: 118px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 525px;
    border:1px solid RGB(159,159,159);  
    text-align: center;
    line-height: 30px;
    margin:0 auto;
    border-radius: 15px;

}

.spec_readmore a{
     color:gray;
}

/*前沿资讯*/
.information_box{
    width: 1170px;
    /*height: 475px;*/
    margin:0 auto;
    padding-top: 45px;
    /*background-color: pink;*/
}

.info_pic_box{
    width: 1170px;
    height: 351px;
    padding-top: 40px;
    /*background-color: orange;*/
}
.information{
    width: 360px;
    height: 352px;
    /*display: inline-block;*/
    float: left;
     word-break:break-all;
}
.information:first-child+.information{
    margin:0 40px;
}
.information a{
    text-align: center;
    color: #A3A3A3;
}
.information a:hover .information_title{
    color:RGB(36,72,130);
}
.information_title{
    font-size: 18px;
    text-align: center;
    font-weight: bold;
   margin-top: 35px;
   margin-bottom: 25px;
   color:black;
}

.info_readmore,.policy_readmore{
    width: 118px;
    height: 30px;
    border:1px solid #B3B3B3;
    text-align: center;
    margin:0 auto;
    border-radius: 15px;
    margin-top: 15px;
}
.policy_readmore{
    margin-bottom: 30px;
}
.info_readmore a,.policy_readmore a{
    color: gray; 
    line-height: 30px;
}
.spec_readmore:hover,.info_readmore:hover,.policy_readmore:hover {
    background-color: #244882;
   
}
.spec_readmore a:hover,.info_readmore a:hover,.policy_readmore a:hover{
     color:white;
}

/*政策信息*/

.policy_box{
    width: 1170px;
    /*height: 560px;*/
    /*height: 600px;*/
    padding-top: 70px;
    margin:0 auto;
    /*background-color: pink;*/
}
.policy_pic_box{
    width: 1170px;
    /*height: 381px;*/
    margin-top: 43px;
    margin-bottom: 52px;
    /*background-color: orange;*/
}
.policy{
    width: 250px;
    height: 380px;
    display: inline-block;
    margin-left: 51px;
    position: relative;
    overflow: hidden;

}

.policy:first-child{
    margin-left: 0;
}
.policy p{
    position:absolute;
    width: 250px;
    height: 40px;
    color: white;
    background-color: black;
    top: 170px;
    opacity: 0.8;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
   
}    
.policy_content{
    width: 202px;
    height: 120px;
    border:1px solid #999999;
    border-top:none;
    margin-top: -4px;
    text-align: center; 
    padding: 23px;
    font-size: 14px;
    color:black;
    word-break:break-all;
}

.policy a:hover .policy_content{
    border-color: RGB(36,72,130);
    box-shadow: 0 5px 5px RGB(36,72,130);
}
.img-box{
    width: 250px;
    height: 210px;
    overflow: hidden;
}
.img-animate
{
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform:scale(1);
    transition:all .2s
}
.policy a:hover .img-animate
{
    -ms-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform:scale(1.1);
}