/*20190403wh*/
.container{
    width: 1200px;
    margin: 0 auto;
}
.banner{
    width: 100%;
    min-width: 1200px;
}
.banner .swiper-wrapper img{
    width: 100%;
    display: block;
}
.banner>img{
    width: 100%;
    display: block;
}
.bannerB>img{
   min-height: 142px;
}
.header{
    height: 82px;
    background-color: rgba(0,0,0,.1);
    position: fixed;
    z-index: 2;
    width: 100%;

}
/*.detailBody{
    width: 1200px;
    margin: 0 auto
}*/
.down_boxB{
    background: #fff;
    position: absolute;
    left: 0;
    top: 56px;
    background: rgba(0,0,0,.4);
    width: 150px;
    left: 50%;
    margin-left:-75px ;
    padding: 10px 0;
    display: none;
    max-height: 200px;
    overflow:auto;
    border: 1px solid rgba(0,0,0,.6)
}
.down_boxB.down_boxC{
    background:#fff;
    border: 1px solid #eee
}
.down_boxB.down_boxC a{
    color: #3b424e!important;
}
.down_boxB a{
    display: block;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    color: #fff!important;
}
.header_top_bg{
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
}
.left{
    float: left;
}
.right{
    float: right;
}
.header .logo{
    margin-top: 22px;
}
.header .logo img{
    width: 156px;
    height: 35px;
}
.header .nav{
    margin-left: 300px;
}
.header .nav li{
    float: left;
    line-height: 82px;
    margin-right: 50px;
    position: relative;
}
.header .nav li a{
    display: block;
    color: #fff;
    font-size: 16px;
}
.header .nav li:hover .down_boxB{
    display: block;
}
.header_top_bg.header  .nav li a{
    color: #3b424e;
}
.header .nav li a:hover{
    color: #4d8fff;
}
.header .phone{
    margin-top: 25px;
}
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next,
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{
    background: none;
    width: auto;
}
.banner .swiper-pagination-bullet{
    height: 2px;
    width: 58px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.banner .swiper-pagination-bullet-active{
    background-color: #437bdc;
}
.banner .swiper-container-horizontal>.swiper-pagination{
    bottom: 40px;
}
.part1{
    background:url("../img/bg1.jpg") no-repeat top center;
    width: 100%;
    background-size: cover;
    min-width: 1200px;
    background-color: #f7f8fa;
    text-align: center;
    padding-bottom: 90px;
}
.part{
    width: 100%;
    background-size: cover;
    min-width: 1200px;
}
.part .container>.title{
    padding-bottom: 70px;
    text-align: center;
    padding-top: 112px;
}
.part .container>.title .zh{
    color: #3b424e;
    font-size: 48px;
    padding-bottom: 10px;
}
.part .container>.title .en{
    color: #999da4;
    font-size: 18px;
    text-transform: uppercase;
}
.part1 .txt{
    width: 710px;
    margin: 0 auto;
    color: #999da4;
    font-size: 16px;
    line-height: 36px;
    padding-bottom: 80px;
}
.part .more{
    color: #7faefe;
    font-size: 16px;
    text-align: center;
}
.part .more:hover{
    text-decoration: underline;
}
.part2{
    text-align: center;
    overflow: hidden;
    margin-bottom: 80px;
}
.product_center>img{
    width: 100%;
}
.product_center .swiper-container2{
    padding-bottom: 5px;
    padding-top: 10px;
}
.product_center .item{
    display: block;
    padding: 40px;
    border: 1px solid #e7e7e7;
    text-align: center;
    height: 300px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 4px 0 #edf9ff ;
    -moz-box-shadow: 0 4px 0 #edf9ff;
    box-shadow: 0 4px 0 #edf9ff;
    transition: all .2s;
    position: relative;
    top: 0;
    margin-right: 20px;
    margin-bottom: 20px;
}
.product_center .item:hover{
    border: 1px solid #b7d2ff;
    -webkit-box-shadow: 3px 16px 3px #edf3ff ;
    -moz-box-shadow: 3px 0 16px 3px #edf3ff;
    box-shadow: 3px 16px 3px #edf3ff;
    position: relative;
    top: -8px;
    transition: all .2s ease-in-out;
}
.product_center .item img{
    padding-bottom: 30px;
}
.product_center .item .title{
    font-size: 20px;
    color: #3b424e;
    padding-bottom: 20px;
}
.product_center .item .detail{
    font-size: 16px;
    color: #7faefe;
    display: none;
    transition: all .2s ease-in-out;
}
.product_center .item:hover .detail{
    display:block;
    transition: all .2s ease-in-out;
    padding-top: 5px;
}
.product_center .item .txt{
    color: #999da4;
    font-size: 16px;
    text-align: left;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow:hidden;
}
.product_center{
    position: relative;
}

.product_center .prev1{
    background: url("../img/d_icon.png") no-repeat left 0;
    width: 38px;
    height: 38px;
    left: -150px;
    position: absolute;
    bottom: 320px;
    margin-top: -19px;
    cursor: pointer;
}
.product_center .next1{
    background: url("../img/d_icon.png") no-repeat -38px 0;
    width: 38px;
    height: 38px;
    right: -150px;
    position: absolute;
    bottom: 320px;
    margin-top: -19px;
    cursor: pointer;
}
.product_center .pre1:hover,
.product_center .next1:hover{
    background-position-y: bottom;
}
.part2 .more{
    padding-top:80px ;
    display: inline-block;
}

.part3{
    background: url("../img/bg2.jpg") no-repeat center center;
    height: 536px;
    text-align: center;
}
.part3 .title .zh{
    color: #fff!important;
}
.part3 .title .en{
    color: #fff!important;
}
.customer_case{
    /*overflow: hidden;*/
}
.customer_case ul{
    width: 105%;
}
.customer_case li{
    float: left;
    margin-right: 14px;
}
.customer_case li:last-child{
    margin-right: 0;
}
.customer_case a{
    display: block;
    background: #fff;
    /*padding: 24px 20px;*/
    width: 290px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    top: 0;
    transition: all .2s ease-in-out;
    height: 140px;

}
.customer_case a img{
    width: 100%;
    max-height: 100%;
}
.customer_case a .txt{
    border-top: 1px solid #f7f8fa;
    line-height: 24px;
    color: #999da4;
    font-size: 14px;
    text-align: left;
    padding-top: 34px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow:hidden;
    height: 50px;

}
.customer_case a:hover{
   position: relative;
    top: -8px;
    transition: all .2s ease-in-out;
}
.part3 .more{
    color: #fff;
    padding-top:50px ;
    display: inline-block;
}
.part3 .title{
    padding-top: 100px!important;
    padding-bottom: 50px!important;
}
.part4{
    background: url("../img/bg3.jpg") no-repeat center center;
    text-align: center;
    padding-bottom: 80px;
}

.news_information li{
    float: left;
    margin-right: 20px;
}
.news_information li:last-child{
    margin-right: 0;
}
.news_information li .item{
    display: block;
    width: 368px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:30px 35px;
    border: 1px solid #e7e7e7;
    height: 310px;
    background-color: #fff;
    padding-bottom: 23px;
    text-align: left;
}
.news_information li .item .moreB{
    display: inline-block;
    float: right;
    background-color: #4d8fff;
    padding: 0 10px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
}
.news_information li .item .date{
    margin-right: 20px;
    float: left;
}
.news_information li .item  .news_title{
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;

}
.news_information li .item .title_name{
    float: left;
    width: 218px;
    padding-top: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow:hidden;
    font-size: 18px;
    color: #3b424e;
    line-height: 26px;
}
.news_information li .item .date .day{
    font-size: 48px;
    color: #3b424e;
    line-height: 48px;
}
.news_information li .item .date .year{
    font-size:12px;
    color: #3b424e;
}
.news_information li .item .txt{
    color: #999da4;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow:hidden;
    line-height: 24px;
    height: 68px;
}
.part4 .more{
    padding-top: 80px;
    display: inline-block;
}
.part5{

}
.part5 img{
    width: 100%;
    display: block;
}
.footer{
    background-color: #f7f8fa;
    padding-top: 75px;
    min-width: 1200px;
}
.footer .logo{
    text-align: center;
    padding-bottom: 45px;
}
.footer .footer_title{
    margin-bottom: 35px;
}
.footer .footer_title b{
    padding-right: 20px;
    color: #333333;
    font-size: 16px;
}
.footer .footer_title span{
    color: #999da4;
    font-size: 16px;
    text-transform: uppercase;
}
.footer .footer_body{
    padding-bottom: 25px;
    border-bottom: 1px solid #e3eaee;
}
.footer .footer_body .people{
    margin-right: 100px;
}
.footer .footer_body{
    color: #999da4;
    font-size: 14px;
    margin-right: 97px;
}
.footer .footer_body  .item{
    line-height: 22px;
    margin-bottom: 15px;
}
.footer .footer_body .code img{
    width: 109px;
    height: 109px;
    vertical-align: middle;
    margin-right: 20px;
}
.footer .footer_body .code span{
    display: inline-block;
    width: 128px;

}
.footer .copyright{
    line-height: 90px;
    color: #999da4;
    font-size: 12px;
}
.mainbody .product_center{
    overflow: hidden;
    margin-bottom: 120px;
}
.mainbody .product_center .item{
    width: 380px;
    height: 300px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
.product_center .product_list{
    width: 105%;
    padding-top: 15px;
}
.bannerB img{
    width: 100%;
}
.position{
    padding: 50px 0;
    font-size: 14px;
    color: #3b424e;
}
.position.positionB{
    position: absolute;
    top: 104px;
    padding: 0;
    color: #fff;
}
.position.positionB a.item{
    color: #fff;
}
.position a.item{
    color: #3b424e;
}
.position span.item{
    color: #7faefe;

}
.case_list .item{
    padding: 44px 0;
    border-bottom: 1px solid #f3f3f3;
}
.case_list{
    margin-bottom: 75px;
}
.case_list .item:first-child{
    padding-top: 0;
}
.case_list .item .img{
    display: block;
    width: 338px;
    height: 165px;
    -webkit-box-shadow: 0 7px 0 #edf9ff;
    -moz-box-shadow: 0 7px 0 #edf9ff;
    box-shadow: 0 7px 0 #edf9ff;
    border: 1px solid #e7e7e7;
    margin-right: 50px;
    transition: all .2s ease-in-out;
    position: relative;
    top: 0;
}
.case_list .item .img:hover{
    border: 1px solid #b7d2ff;
    -webkit-box-shadow: 0 16px 3px #edf7ff;
    -moz-box-shadow: 0 0 16px 3px #edf7ff;
    box-shadow: 0 16px 3px #edf7ff;
    position: relative;
    top: -8px;
    transition: all .2s ease-in-out;
}
.case_list .item .img img{
    width: 100%;
    height: 100%;
}
.case_list .item .item_body{
    width: 810px;
}
.case_list .item .item_body .title{
    font-size: 24px;
    color: #3b424e;
   height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
    border-bottom: 1px solid #fff;
}
.case_list .item .item_body .title:hover{
    color:#4d8fff ;
   border-bottom: 1px solid #4d8fff;
}
.case_list .item .item_body .txt{
    color: #999da4;
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 20px;
}
.case_list .item .item_body .product .tip{

    font-size: 14px;
    color: #3b424e;
    line-height: 28px;
}
.case_list .item .item_body .product .name{
 color: #757a83;
    font-size: 14px;
}
.icon.tip_icon{
    width: 15px;
    height: 15px;
    background-position: -76px 0;
}
.case_more{
    text-align: center;
    margin-bottom: 85px;
}
.load_more{
    line-height: 54px;
    padding: 0 36px;
    color: #fff;
    font-size: 18px;
    background-color: #4d8fff;
    display: inline-block;
}
.article_body{
    padding: 75px 0;
    width: 920px;
    margin: 0 auto;
}
.article_body>.title{
    color: #3b424e;
    font-size: 38px;
    text-align: center;
    margin-bottom: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow:hidden;
}

.article_body .content{
    line-height: 24px;
    color: #757a83;
    font-size: 16px;
    padding-bottom: 80px;
    padding-top: 40px;
}
.article_body .content img{
    max-width: 100%;
}
.page{

}
.page .item{
    padding: 30px;
    border: 1px solid #e7e7e7;
    width: 430px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 4px 0 #edf9ff;
    -moz-box-shadow: 0 4px 0 #edf9ff;
    box-shadow: 0 4px 0 #edf9ff;
    transition: all .2s;
    position: relative;
    top: 0;
    background-color: #fff;
    display: block;
}
.page .item:hover{
    border: 1px solid #b7d2ff;
    -webkit-box-shadow: 3px 16px 3px #edf3ff;
    -moz-box-shadow: 3px 0 16px 3px #edf3ff;
    box-shadow: 3px 16px 3px #edf3ff;
    position: relative;
    top: -8px;
    transition: all .2s ease-in-out;
}
.page .item .tip{
    color: #3b424e;
    font-size: 18px;
    margin-bottom: 15px;
}
.page .item .tip img{
    margin-right: 10px;
}
.page .item .title{
    color: #3b424e;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.page .item:hover .title{
    color: #4d8fff;
}
.contact_us{
    padding: 80px 0;
    padding-bottom: 0;
}
.contact_us .title{
    text-align: center;
}
.contact_us .title .zh{
    color: #3b424e;
    font-size: 36px;
    height: 50px;
}
.contact_us .title .en{
    color: #999da4;
    font-size: 12px;
}
.contact_us .phone_box{
    width: 880px;
    margin: 0 auto;
    padding: 50px 0;
}
.contact_us .contact_box{
    background-color: #f7f8fa;
    padding-bottom: 100px;
    min-width: 1200px;
}
.contact_med{
    text-align: center;
}
.contact_med .item{
    width: 360px;
    padding: 70px 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 60px;
}
.contact_med .item:last-child{
    margin-right: 0;
}
.contact_med .name{
    color: #3b424e;
    font-size: 18px;
    margin-bottom: 30px;
}
.contact_med .txt{
    color: #757a83;
    font-size: 18px;
}
.contact_med .txt:hover{
    color: #4d8fff;
}
.contact_us .code{
    text-align: center;
    padding: 70px 0;
    min-width: 1200px;
}
.contact_us .code img{
    width:210px;
    height: 210px;
    margin-bottom: 15px;
}
.contact_us .code .tip{
    color: #3b424e;
    font-size: 18px;
  }
.know_img{
    display: block;
    min-width: 1200px;
}
.know_img img{
    width: 100%;
}
.company_profile .part  .title{
    padding: 70px;
}
.company_profile .part  .title .zh{
    color: #3b424e;
    font-size: 36px;
    padding-bottom: 0;
}
.company_profile .part  .title .en{
    color: #999da4;
    font-size: 12px;
}
.part6{
    text-align: center;
    padding-bottom: 80px;
    background: url("../img/bg5.jpg") no-repeat center center;
    background-size: cover;
}
.part6 .title{
    padding: 45px 0!important;
}
.part6 .logoB{
    margin-bottom: 45px;
}
.part6 .txt{
    color: #757a83;
    font-size: 16px;
    line-height: 32px;
    width: 716px;
    margin: 0 auto;
}
.part7{
    text-align: center;
    padding-bottom: 80px;
}
.part7 .txt{
    font-size: 16px;
    color: #757a83;
    margin-bottom: 25px;
}
.part7 .title{
    padding-bottom: 30px!important;
}
.part8{
    text-align: center;
    padding-bottom: 80px;
    background: url("../img/bg6.jpg") no-repeat center center;
    background-size: cover;
}
.part8 .title{
    padding-bottom: 30px!important;
}
.part8 .title .zh{
    color: #fff!important;
}
.part8 .title .en{
    color: #fff!important;
}
.part8 .txt{
    color: #fff;
    font-size: 16px;
}
.part9{
    text-align: center;
    padding: 70px 0;
    padding-bottom: 0;
}
.part9 .container{
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 70px;
}
.part9 .name{
    color: #3b424e;;
    font-size: 30px;
}
.part9 .txt{
    color: #757a83;;
    font-size: 18px;
}
.part10 .title{
    padding-bottom: 0!important;
}
.news_list{
    overflow: hidden;
}
.news_list .news_information{
    width: 105%;
}
.news_list .news_information li{
    margin-bottom: 50px;
    margin-right: 50px;
}
.news_list .news_information li .item .title_name{
    width: 215px;
}
.news_list .news_information li .item{
    width: 366px;
}
.news_information .item:hover{
    background: url("../img/bg7.jpg") no-repeat center center;
    background-size: cover;
}
.news_information .item  .date .six{
    width: 27px;
    height: 27px;
    background: url("../img/six.jpg") no-repeat center center;
}
.news_information .item:hover  .date .six{
    background: url("../img/sixB.png") no-repeat center center;
}
.news_information li .item:hover .txt,
.news_information li .item:hover .date .day,
.news_information li .item:hover .date .year,
.news_information .item:hover .title_name{
    color: #fff;
}
.news_information li .item:hover .moreB{
    color: #4d8fff;
    background-color: #fff;
}
.icon.time_icon{
    width: 13px;
    height: 13px;
    background-position: -93px 0;
}
.mews_msg{
    color: #999da4;
    font-size: 14px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f2f2f2;

}
.blue{
    color: #4d8fff;
}

.leave_message{

}
.pop_box{
    width: 550px;
    height: auto;
    display: block;
    position: fixed;
    z-index: 12;
    left: 50%;
    top: 50%;
    background-color: #fff;
    margin-top:-370px ;
    margin-left:-275px ;
}
.layer_bg{
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 11;
}

.leave_message .pop_header .img1{
    width: 100%;
    position: relative;
}
.leave_message .pop_header .img2{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.leave_message .pop_body{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px;
    overflow: auto;
    max-height: 570px;
    padding-bottom: 0;
}
.leave_message input{
    border: 1px solid #e7e7e7;
    outline: none;
    width: 100%;
    height: 52px;
    margin-bottom: 20px;
    background-color: #f7f8fa;
    color: #3b424e;
    font-size: 16px;
}
.leave_message select{
    border: 1px solid #e7e7e7;
    outline: none;
    width: 45%;
    height: 52px;
    margin-bottom: 20px;
    background-color: #f7f8fa;
    color: #3b424e;
    font-size: 16px;
}
.leave_message textarea{
    border: 1px solid #e7e7e7;
    outline: none;
    width: 100%;
    height: 180px;
    background-color: #f7f8fa;
    color: #3b424e;
    font-size: 16px;
}
.leave_message select:focus,
.leave_message textarea:focus,
.leave_message input:focus{
    border: 1px solid #4d8fff;
}
.leave_message .pop_footer{
    text-align: center;
    padding-top: 20px;
}
.leave_message .pop_footer a{
    display: inline-block;
    padding: 0 75px;
    line-height: 50px;
    background-color: #5f9aff;
    color: #fff;
    font-size: 18px;
}
.leave_message .pop_footer a:hover{
    background-color: #3760FF;
}
.subnav{
    background-color: #f7f8fa;
    text-align: center;
}
.subnav li{
    display: inline-block;
    margin-right: 60px;
}
.subnav li:last-child{
    margin-right: 0;
}
.subnav li a{
    display: block;
    line-height: 60px;
    color: #3b424e;
    font-size: 18px;
    border-bottom: 2px solid transparent;
}
.subnav li.this a,
.subnav li a:hover{
    border-bottom: 2px solid #4d8fff;
}
.detailBody img{
    display: block;
    width: 100%;
}
.banner .swiper-slide{
    overflow: hidden!important;
    height: auto!important;
}
.part2 .swiper-slide{
    overflow: hidden!important;
    height: auto!important;
    padding-top: 10px;
}

.swiper-slide-active{
    overflow: auto !important;
}
.swiper-wrapper{
    height: auto!important;
}
.swiper-button{
    position: absolute;
    cursor: pointer;
}
.swiper-button.prev{
    left: 50px;
    top: 50%;
    margin-top: -25px;
}
.swiper-button.next{
    right: 50px;
    top: 50%;
    margin-top: -25px;
}

.pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #555;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}
.scroll_top{
    position: fixed;
    right: 20px;
    bottom:200px;
    display: none;
    cursor: pointer;
    transition: all .2s ease-in-out ;
}
.scroll_top:hover{

}
.scroll_top .img{
   width: 48px;
    height: 48px;
    display: block;
    background: url("../img/top.png") no-repeat center center;
}
.scroll_top .img:hover{
    background: url("../img/top_hover.png") no-repeat center center;
}