/* 头部banner，导航栏 */

/* 中间导航栏 */
.center_nav{
    clear: both;
    height: 66px;
    background: #fff;
    box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.1);
}
.center_nav_content{
    width: 80%;
    margin: 0 auto;
    top:0;
}
.center_nav_hangye{
    margin-top: 21px;
}
.center_nav_fengexian{
    width: 1px;
    height: 53px;
    background: #eee;
    margin-top:-42px;
    margin-left:18%;
}
.center_bar{
    margin-left:22%;
}
.center_bar1,.center_bar2,.center_bar3,.center_bar4,.center_bar5,.center_bar6{
    float: left;
    line-height: 66px;
    margin-right: 8%;
    margin-top:-60px;
    font-size: 14px;
}
.center_bar a{
    text-decoration: none;
    color: #333;
    font-size: 14px;
}
.center_bar li span:hover{
    color: #35a5ee;
    padding-bottom: 22px;
    border-bottom: 2px solid #35a5ee;
}
/* 案例内容 */

.anli_biaoti{
    height: 82px;
    padding-top: 38px;
}
.anli_biaotimc{
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight:300;
}
.anli_dixian{
    width: 62px;
    height: 4px;
    background: #35a5ee;
    margin:18px  auto 0;
}
.anli_btjieshao{
    width: 63%;
    height: 110px;
    margin:0 auto;
}
.anli_duanluo{
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight:300;
    line-height:30px;
}
/* 左边侧栏 */

.anli_leftcontent li a{
    text-decoration: none;
    color: #333;
    font-size: 16px;
    border-width: 15px 5px;
    border-style: none;
    position: relative;
}
/*首页内容加圆点*/
/*.anli_leftcontent li a::after{*/
/*    content: '';*/
/*    !*position: absolute;*!*/
/*    !*top: 4px;*!*/
/*    !*right: -12px;*!*/
/*    display: inline-block;*/
/*    margin-left: 3px;*/
/*    margin-bottom: 4px;*/
/*    width: 4px;*/
/*    height: 4px;*/
/*    border: solid 2px #333333;*/
/*    border-radius: 50px;*/

/*}*/
.anli_leftcontent li {
    width: 150px;
    height: 50px;
    border-radius:10px;
    background: #eee;
    margin-bottom: 10px;
    text-align: center;
    line-height: 50px;

}
.anli_yuan{
    width: 4px;
    height: 4px;
    border:2px solid #333;
    border-radius:50%;
    margin-top:-36px;
    margin-left:130px;
}
.anli_leftcontent li:hover{
    background: #35a5ee;
}
.anli_leftcontent li:hover a::after{
    border: solid 2px #fff;
}
.anli_leftcontent li:hover a{
    color: #fff;
}
.anli_leftcontent li:hover div{
    border:2px solid #fff;
}
.anli_leftcontent li .hot-icon::after{
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #eee url("../img/fire.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-left: 3px;
    margin-bottom: 3px;
}
.anli_leftcontent li:hover .hot-icon::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #35a5ee url("../img/fire2.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-left: 3px;
    margin-bottom: 3px;
}
/* 案例展示 */
.anli_zhanshibt{
    clear: both;
    height: 120px;
    background: #f3fbff;
    padding-top: 38px;
}
.anli_zhanshibt h1{
    font-size:24px;
    font-weight:300;
    color: #333;
    text-align: center;
}
.anli_zhanshidixian{
    width:62px;
    height:4px;
    background: #35a5ee;
    margin:17px auto 0;
}
/* 案例1 */
.anli_zhanshi{
    clear: both;
    height: 479px;
    background: #f3fbff;
    padding-top: 21px;
}
.anli_zhanshi_kd{
    width: 72%;
    margin:0 auto;
}
.anli_zhanshi_img,.anli_zhanshi_contentimg,.anli_zhasnhi_dl1{
    float: left;
}
.anli_zhanshi_img{
    width: 476px;
    height: 458px;
    padding-right: 153px;
}
.anli_zhanshi_content{
    padding-top: 45px;
}
.anli_zhanshi_contentimg{
    width: 50px;
    height: 50px;
    padding-right:24px;
}
.anli_zhanshi_bt1,.anli_zhasnhi_dl1,.anli_erweima_content{
    font-weight:300;
}
.anli_zhanshi_bt1{
    font-size: 20px;
    color: #333;
    padding-top:10px ;
}
.anli_zhasnhi_dl1{
    width: 304px;
    height:93px;
    font-size: 16px;
    color: #666;
    margin-top:24px;
    margin-left:-74px;
}
.anli_erweima1{
   margin-top:240px;
}
.anli_erweima_content{
    font-size: 16px;
    color: #333;
    line-height:30px;
}
/* 案例2 */
.anli_zhanshi2{
    clear: both;
    height: 479px;
    background: #fffcf7;
    padding-top: 21px;
}
.anli_zhanshi_kd2{
    width: 72%;
    margin:0 auto;
}
.anli_zhanshi_content2{
    padding-top: 45px;
}
.anli_zhanshi_contentimg2{
    float: left;
    width: 50px;
    height: 50px;
    padding-right:24px;
}
.anli_zhanshi_bt2{
    font-size: 20px;
    font-weight:300;
    color: #333;
    padding-top:10px ;
}
.anli_zhasnhi_dl2{
    float: left;
    width: 304px;
    height:93px;
    font-size: 16px;
    font-weight:300;
    color: #666;
    margin-top:24px;
    margin-left:-74px;
}
.anli_erweima2{
   margin-top:240px;
}
.anli_erweima_content2{
    font-size: 16px;
    font-weight:300;
    color: #333;
    line-height:30px;
}
.anli_zhanshi_img2{
    float: right;
    width: 476px;
    height: 458px;
}
/* 案例3 */
.anli_zhanshi3{
    clear: both;
    height: 479px;
    background: #fff7f6;
    padding-top: 21px;
}
.anli_zhanshi_kd3{
    width: 72%;
    margin:0 auto;
}
.anli_zhanshi_img3{
    float: left;
    width: 476px;
    height: 458px;
    padding-right: 153px;
}
.anli_zhanshi_content3{
    padding-top: 45px;
}
.anli_zhanshi_contentimg3{
    float: left;
    width: 50px;
    height: 50px;
    padding-right:24px;
}
.anli_zhanshi_bt3{
    font-size: 20px;
    font-weight:300;
    color: #333;
    padding-top:10px ;
}
.anli_zhasnhi_dl3{
    float: left;
    width: 304px;
    height:93px;
    font-size: 16px;
    font-weight:300;
    color: #666;
    margin-top:24px;
    margin-left:-74px;
}
.anli_erweima3{
   margin-top:240px;
}
.anli_erweima_content3{
    font-size: 16px;
    font-weight:300;
    color: #333;
    line-height:30px;
}
/* bottom */
.bottom{
    height: 700px;
}
/* 提交定制开发需求 */
.bottom_xq{
    clear: both;
    height: 118px;
    background: #fff;
    padding-top: 22px;
}
.bottom_xqbt{
    font-size:24px;
    font-weight:300;
    color: #333;
    text-align: center;
}
.bottom_xqdixian{
    width:62px;
    height:4px;
    background: #35a5ee;
    margin:17px auto 27px;
}
.bottom_dianhua{
    text-align: center;
    color: #43a63a;
    font-size: 22px;
    word-spacing:10px;
}
.bottom_tpcenter{
    vertical-align:middle;
}
/* 免费评估 */
.bottom_free{
    height:210px;
    padding-top:70px;
}

.bottom_free_bg{
    width: 1200px;
    height: 140px;
    background: #fff;
    box-shadow:0px 3px 29px 0px rgba(0, 0, 0, 0.1);
    border-radius:20px;
    margin:0 auto;
}
.bottom_free_input,.bottom_free_input2{
    box-sizing:border-box;
    border:1px solid #fff;
    padding:0px 20px;
    border-radius:10px;
    font-size:14px;
    background: #fff;
    height: 60px;
    box-shadow:0px 0px 8px 4px rgba(74,100,110,0.13);
}
.bottom_free_input{
    width: 500px;
    margin:40px 20px;
}
.bottom_free_input2{
    height: 60px;
    width: 368px;
    margin:40px 20px 0px 0px;
}
.bottom_free_input3{
    height: 60px;
    width: 242px;
    background: #35a5ee;
    margin:40px 20px 0px 0px;
    box-shadow:0px 0px 8px 4px rgba(74,100,110,0.13);
    box-sizing:border-box;
    border:1px solid #35a5ee;
    border-radius:10px;
    font-size:18px;
    color: #fff;
}
/* 底部内容 */

/* 右边菜单 */
.right_nav{
    clear: both;
    position: fixed;
    right:1%;
    bottom:20%;
}
.right_nav_fl li{
    top:10px;
}
/* footer */

.footer_bg,.footer_content_img,.footer_content_h1,.footer_content_h2{
    position: fixed;
    z-index: 99;
}
.footer_bg{
    width: 100%;
    height: 70px;
    background: rgba(0, 0, 0, .6);
    bottom: 0;
}
.footer_content_img{
    bottom: 0; 
    margin-left:10%;   
}
.footer_content_h1,.footer_content_h2{
    margin-left: 30%; 
    font-weight:400;
}
.footer_content_h1{
    font-size: 16px;
    color: #35a5ee;
    bottom: 41px; 
}
.footer_content_h2{
    font-size: 20px;
    color: #fff;
    bottom: 12px; 
}
.footer_content_input1,.footer_content_input2{
    position: fixed;
    bottom: 16px;
    height:38px;
    background:rgba(255,255,255,.8);
    border-radius:19px;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.1);
    padding: 0 16px;

}
.footer_content_input1{
    width:320px;
    margin-left: 46%;
}
.footer_content_input2{
    width:236px;
    margin-left: 70%;
}
.footer_content_button{
    position: fixed;
    bottom: 16px;
    width:90px;
    height:38px;
    background:#35a5ee;
    border-radius:0 19px 19px 0;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.1);
    margin-left: 81%;
    padding: 0 16px;
    color: #fff;
}
.footer_content_closed{
    position: fixed;
    bottom: 43px;
    margin-left: 98%;
}