html{margin: 0px;padding: 0px;}
body,ul,h1,h2,h3,h4,h5,h6{margin: 0px;padding: 0px; font-family:"Microsoft YaHei","MicrosoftJhengHei"}
a,a:link,a:visited,a:hover,a:active{text-decoration:none !important;color: #333;}
img{border: 0px;}
.container{width: 1200px;margin: 0 auto;}
/*???????????????????????????????????????????????????????????????????*/
a,img{border:0;text-decoration:none;}
em{font-style:normal;}
ol, ul{list-style:none outside none;padding:0;margin:0;}
.single{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.single_2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.single_3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.single_4{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    overflow: hidden;
}
.single_5{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:5;
    overflow: hidden;
}
a:hover{
    text-decoration: none !important;
}
.header{
    width: 100%;
    height:80px;
    background-color: #ffffff;
}
.header .logos{
    display: flex;
    align-items: center;
    height: 80px;
    width: 20%;
    float: left;
}
.header .logos img{
    max-width: 100%;
    margin: 0px;
    margin-top: -3px;
}
.header .twelve{
    height: 80px;
    width: 80%;
    float: right;
}
.header .twelve .main_menu{
    height: 100%;
}
.header .twelve .main_menu ul{
    font-size: 0px;
    line-height: 0px;
    text-align: right;
    height: 100%;
}
.header .twelve .main_menu ul li{
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 100%;
}
.header .twelve .main_menu ul li .info{
    display: inline-block;
    padding: 0px 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #5e5e5e;
    border-radius: 30px;
}
.header .twelve .main_menu ul .active .info,.header .twelve .main_menu ul li:hover .info{
    color: #ffffff;
    background-color: #2aa3dc;
}
.header .twelve .main_menu ul li ul{
    position: absolute;
    top:65px;
    left: 0px;
    width: 160px;
    height: auto;
    z-index: 5;
    box-shadow: 1.5px 2.598px 5.64px 0.36px rgba(4,0,0,0.29);
    display: none;
}
.header .twelve .main_menu ul li:hover ul{
    display: block;
}
.header .twelve .main_menu ul li ul li{
    height: 50px;
    width: 130px;
    line-height: 50px;
    padding-left: 30px;
    background: rgba(255,255,255,1);
    border-bottom: 1px solid #e3e3e3;
    text-align: left;
}
.header .twelve .main_menu ul li ul li a{
    color: #5e5e5e;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.header .twelve .main_menu ul li ul li:hover{
    background-color: #2aa3dc;
}
.header .twelve .main_menu ul li ul li:hover a{
    color: #ffffff;
}
.header .twelve .main_menu ul li ul li:last-child{
    border-bottom: 0px;
}
.header .icon_menu{
    height: 26px;
    display: flex;
    align-items: center;
    align-content: space-around;
    width: 30px;
    float: right;
    flex-wrap: wrap;
    justify-content: center;
    display: none;
    margin-top: 12px;
}
.header .icon_menu span{
    width: 22px;
    height: 3px;
    background-color: #2aa3dc;
    border-radius: 8px;
}
.index_banner{
    height: 682px;
    background-size: auto 100% !important;
}
.index_banner .container{
    position: relative;
    height: 560px;
}
.index_banner .container h1{
    line-height: 82px;
    text-align: center;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
    padding-top: 192px;
    font-size: 48px;
}
.index_banner .container .span{
    width: 383px;
    height: 56px;
    margin: 30px auto;
    line-height: 56px;
    text-align: center;
    font-size: 26px;
    color: #1a355c;
    background-color: #ffffff;
}
.compony_info{
    margin-top: 128px;
}
.compony_info h1{
    padding: 0px;
    margin: 0px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
    color: #333333;
    letter-spacing: 2px;
}
.compony_info h6{
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    line-height: 30px;
    font-size: 18px;
    color: #333333;
    text-align: center;
    text-transform: uppercase;
}
.compony_info .icon_list{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 74px;
    padding-bottom: 30px;
}
.compony_info .icon_list .item{
    width: 25%;
    float: left;
    text-align: center;
}
.compony_info .icon_list .item img{
    max-height: 63px;
}
.compony_info .icon_list .item span{
    display: block;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333333;
}
.compony_info .info{
    line-height: 30px;
    font-size: 17px;
    color: #666666;
}
.compony_info .info p{
    padding: 0px;
    padding-bottom: 10px;
    margin: 0px;
}
.culture_main{
    height: 590px;
    background: url("../images/culture.jpg") center no-repeat;
    background-size: auto 100%;
}
.culture_main h1{
    padding: 0px;
    margin: 0px;
    padding-top: 67px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
    color: #ffffff;
    letter-spacing: 2px;
}
.culture_main h6{
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    line-height: 30px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
}
.culture_main .list{
    margin-top: 47px;
    height: auto;
    overflow: hidden;
}
.culture_main .list .item{
    width: 270px;
    height: 340px;
    background-size: 100% 100% !important;
    float: left;
    margin-left: 40px;
    text-align: center;
    color: #053e83;
    font-size: 48px;
    position: relative;
}
.culture_main .list .item:first-child{
    margin-left: 0px;
}
.culture_main .list .item span{
    position: absolute;
    bottom: 0px;
    height: 160px;
    line-height: 160px;
    left: 0px;
    width: 100%;
    text-align: center;
}
.link_about{
    padding: 110px 0px 30px 0px;
}
.link_about h1{
    padding: 0px;
    margin: 0px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
    color: #333333;
    letter-spacing: 2px;
}
.link_about h6{
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    line-height: 30px;
    font-size: 18px;
    color: #333333;
    text-align: center;
    text-transform: uppercase;
}
.link_about .list{
    width: 952px;
    height: 485px;
    margin: 50px auto 0px;
    background: url("../images/link.png") center no-repeat;
    background-size: auto 100%;
}
.link_about .list .item{
    width: 33.33%;
    float: left;
    margin-top: 110px;
    text-align: center;
}
.link_about .list .item img{
    height: 46px;
}
.link_about .list .item span{
    display: block;
    text-align: center;
    line-height: 40px;
    padding: 15px 0px;
    font-size: 14px;
    color: #333333;
}
.footer{
    width: 100%;
    background-color: rgba(234,244,247,1);
    clear: both;
    margin-top: 60px;
}
.footer .container{
    height: auto;
    overflow: hidden;
}
.footer .container .left_info{
    width: 40%;
    float: left;
    padding-top: 50px;
}
.footer .container .left_info .top_name h1{
    padding: 0px;
    margin: 0px;
    height: 40px;
    font-size: 28px;
    line-height: 40px;
    color: #24190f;
    font-weight: normal;
}
.footer .container .left_info .top_name h6{
    padding: 0px;
    margin: 0px;
    height: 20px;
    font-size: 15px;
    line-height: 20px;
    color: #24190f;
    font-weight: normal;
    text-transform: uppercase;
}
.footer .container .left_info .p{
    line-height: 25px;
    font-size: 14px;
    color: #707070;
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer .container .left_info .p a{
    color: #707070;
    cursor: pointer;
}
.footer .container .left_info .p a:hover{
    color: #2ba4dc;
}
.footer .container .right_info{
    width:60%;
    float: left;
    padding-top: 50px;
}
.footer .container .right_info .top_title{
    height: 38px;
    line-height: 38px;
    color: #ffffff;
    font-size: 20px;
    background-color: rgba(42,163,220,1);
    padding-left: 15px;
}
.footer .container .right_info .top_title .every{
    display: inline-block;
    float: left;
    width: 161px;
}
.footer .container .right_info .info_link{
    line-height: 30px;
    font-size: 14px;
    color: #707070;
    padding-top: 50px;
    padding-bottom: 30px;
}
.footer .container .right_info .info_link .link{
    float: left;
    width: 163px;
    padding-left: 15px;
}
.footer .container .right_info .info_link .link a{
    display: block;
    color: #707070;
}
.footer .container .right_info .info_link .link a:hover{
    color: #2ba4dc;
}
.footer .container .right_info .info_link .link2{
    float: left;
    width: 160px;
}
.footer .container .right_info .info_link .link2 a{
    display: block;
    color: #707070;
}
.footer .container .right_info .info_link .link2 a:hover{
    color: #2ba4dc;
}
.footer .container .right_info .info_link .qrcode{
    text-align: center;
    margin-left:485px ;
    margin-top: -30px;
}

.footer .container .right_info .info_link .qrcode .webchat{

}
.footer .container .right_info .info_link .qrcode .webchat .img_bg{
    width: 110px;
    height: 110px;
    background-color: #2ba4dc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.footer .container .right_info .info_link .qrcode .webchat .img_bg img{
    width: 100px;
    height: 100px;
}
.footer .container .right_info .info_link .qrcode .webchat .info{
    line-height: 20px;
}
.footer .copyright{
    border-top: 1px solid #dedede;
    clear: both;
    height: 50px;
    line-height: 50px;
    color: #707070;
    text-align: center;
    font-size: 14px;
}
.contact_us{
    width: 100%;
}
.contact_us .address_img,.contact_us .address_img img{
    width: 100%;
}
.contact_us .base_info{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 78px;
}
.contact_us .base_info .item{
    width: 340px;
    text-align: center;
}
.contact_us .base_info .item img{
    width: 108px;
    position: relative;
    z-index: 9;
}
.contact_us .base_info .item .font{
    box-shadow: 0px 5px 20px 2px rgba(134,186,235,0.25);
    padding-top: 54px;
    margin-top: -54px;
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
}
.contact_us .base_info .item .font h6{
    line-height: 58px;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    color: #333333;
    font-weight: normal;
}
.contact_us .base_info .item .font .des{
    font-size: 14px;
    color: #666666;
}
.contact_us .other_info{
    margin-top: 70px;
}
.contact_us .other_info h1{
    line-height: 73px;
    font-size: 36px;
    color: #333333;
    text-align: center;
}
.contact_us .other_info h1 span{
    position: relative;
}
.contact_us .other_info h1 span:after{
    width: 138px;
    height: 12px;
    background-color: #5aa8e8;
    content: "";
    position: absolute;
    bottom: 0px;
    right: -50px;
    z-index: -1;
}
.contact_us .other_info h6{
    line-height: 30px;
    font-size: 15px;
    color: #666666;
    text-align: center;
    font-weight: normal;
}
.contact_us .other_info .list{
    display: block;
    height: auto;
    overflow: hidden;
    margin-top: 70px;
    padding-bottom: 50px;
    display: flex;
    justify-content: space-around;
}
.contact_us .other_info .list .item{
    width:33.33%;
    text-align: center;
}
.contact_us .other_info .list .item .top{
    line-height: 30px;
    font-size: 16px;
    color: #666666;
    padding-bottom: 20px;
    text-align: center;
}
.contact_us .other_info .list .item .top span{
    color: #5aa8e8;
}
.contact_us .other_info .list .item img{
    height: 150px;
    width: 150px;
}
.service_main{
    width: 100%;
}
.service_main .top_banner{
    width: 100%;
    height: 682px;
    background-size: auto 100% !important;
}
.service_main .advantage{
    margin-top: 50px;
    padding-bottom: 50px;
}
.service_main .advantage h1{
    line-height: 40px;
    font-size: 32px;
    color: #333333;
    text-align: center;
}
.service_main .advantage .list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.service_main .advantage .list .item{
    box-shadow: 0px 5px 20px 2px rgba(235,235,235,0.5);
    width: 30%;
    margin-left: 5%;
    margin-bottom: 40px;
    padding-top: 50px;
    text-align: center;
    height: 300px;
}
.service_main .advantage .list .item:hover{
    box-shadow: 0px 5px 20px 2px rgba(235,235,235,1);
}
.service_main .advantage .list .item:nth-child(3n+1){
    margin-left: 0px;
}
.service_main .advantage .list .item img{
    width: 60px;
    height: 60px;
}
.service_main .advantage .list .item .font{
    margin-top: 20px;
}
.service_main .advantage .list .item .font .name{
    line-height: 50px;
    font-size: 20px;
    color: #333333;
}
.service_main .advantage .list .item .font .des{
    line-height: 25px;
    font-size: 14px;
    color: #666666;
    width: 80%;
    margin: 0 auto;
    text-align: left;
}
@media screen and (max-width: 1200px){
    .index_banner,.culture_main,.footer,.service_main{
        width:1200px;
    }
}