@charset "UTF-8";

.subbox{}
.sub_h2{text-align: center;margin-bottom: 0.45rem;}
.sub_h2 span{display: block;color: #156bff;margin-bottom: 2px;}
.sub_h2 h2{color: #161b27;font-size: 0.5rem;font-weight: 400;}
.sub_h2 p{color: #888;font-size: 14px;margin-top: 10px;}
.container{ width:86%; margin:auto;}

.cont{padding:105px 0 96px 0;}
.cont_h2{margin-bottom: 0.5rem;}
.cont_h2 p{ font-size:16px;}
.cont_h2_box{position: relative;margin-bottom: 5px; line-height:55px;}
.cont_h2_box h2{position: relative;z-index: 5; font-size:30px; margin-bottom:5px; font-family:hs_b; color:#000;}
.cont_h2_box span{position: absolute;left: 0;bottom: -8px;font-size:76px;color: #e8ebf1;font-family: arial;line-height: 1;z-index: 1;}
.cont_box{display: flex;justify-content: space-between;}
.cont_con{width: calc((100% - 0.5rem)/3);background: #fff;border-radius: 10px;padding: 0.36rem 0 0 0.4rem;height: 2rem;}
.cont_con h3{margin-bottom: 0.22rem;}
.cont_nr{display: flex;align-items: flex-start;}
.cont_nr>img{width: 20px;height: auto;margin: 6px 6px 0 0;}
.cont_nr_r span{font-size: 14px;color: #999;}

.contact_main{width:100%;height:auto}
.contact_main .contact_title{width:100%;height:auto;position:relative;z-index:1}
.contact_main .contact_title .title{font-family:hs_m;padding:30px 0 0;font-size:40px;color:#161b27}
.contact_main .contact_title .subtitle{font-size:76px;color:#e5e5e5;position:absolute;top:0;left:0;z-index:-1}
.contact_main .contact_title .details{margin:10px 0 0 0;font-size:16px;color:#161b27}
.contact_list{width:100%;height:auto;margin-top:2.6vw;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.contact_list .item{flex:1;margin-right:1.5vw;padding:2vw;background:#fff;border-radius:5px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;cursor:pointer}
.contact_list .item .title{font-size:22px;color:#161b27;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s; font-family:hs_b;}
.contact_list .item .info{width:100%;height:auto;margin-top:15px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;/*align-items:baseline;*/overflow:hidden}
.contact_list .item .info .icon{margin-right:10px;color:#dbdbdb;-webkit-transition:all .5s;-o-transition:all .5s; margin-top:0.4vw; transition:all .5s}
.contact_list .item .info .icon i{font-size:16px}
.contact_list .item .info .details{flex:1;font-size:16px;line-height:1.8;color:#666;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.contact_list .item .info .details p{font-size:16px;}
.contact_list .item .info .details p a{font-size:16px;}
.contact_list .item .info .details p a v{font-size:16px;}
.contact_list .item:hover .info .icon i{ color:#fff;}
.contact_list .item:hover .info .details p{ color:#fff;}
.contact_list .item:hover .info .details p a{ color:#fff;}
.contact_list .item:hover .info .details p a v{font-size:16px; color:#fff;}
@media screen and (min-width:991px){.contact_list .item:hover{background:#001961}
.contact_list .item:hover .title,.contact_list .item:hover .info .icon,.contact_list .item:hover .info .details{color:#fff!important}
.contact_list .item:hover .title span,.contact_list .item:hover .info .icon span,.contact_list .item:hover .info .details span{color:#fff!important}}.contact_list .item.last .info .details{color:#222}
.contact_list .item.last .info .details span{vertical-align:middle;font-size:14px;color:#999;line-height:1}
.contact_list .item.last .qrcode{width:100%;height:auto;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.contact_list .item.last .qrcode .links{margin-right:20px;position:relative;z-index:1;cursor:pointer}
.contact_list .item.last .qrcode .links .link_head{width:100%;height:auto;background:#ddd;border-radius:3px;padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;z-index:2;overflow:hidden}
.contact_list .item.last .qrcode .links .link_head .icon{font-size:0;color:#fff}
.contact_list .item.last .qrcode .links .link_head .icon i{font-size:24px}
.contact_list .item.last .qrcode .links .link_head .txt{width:0;font-size:14px;color:#fff;opacity:0;overflow:hidden;white-space:nowrap;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.contact_list .item.last .qrcode .links .images{width:145px;height:auto;background:#fff;position:absolute;top:100%;left:0;z-index:1;text-align:center;padding:10px;box-shadow:0 0 15px rgba(0,0,0,.1);margin-top:5px;opacity:0;visibility:hidden;overflow:hidden;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.contact_list .item.last .qrcode .links:hover .link_head .txt{margin-left:10px;width:5em;opacity:1}
.contact_list .item.last .qrcode .links:hover .images{margin:0;opacity:1;visibility:initial}
.contact_list .item.last .qrcode .links:last-child{margin:0}
.contact_list .item:last-child{margin-right:0}
@media (max-width:1280px){.contact_main .contact_title .title{font-size:36px}
.contact_main .contact_title .subtitle{font-size:68px}
.contact_main .contact_title .details{font-size:14px}
.contact_list .item .title{font-size:20px}
.contact_list .item .info .icon{margin-right:8px}
.contact_list .item .info .icon i{font-size:14px}
.contact_list .item .info .details{font-size:14px}
.contact_list .item.last .qrcode .links .link_head{padding:3px 15px}
.contact_list .item.last .qrcode .links .link_head .icon i{font-size:24px}
.contact_list .item.last .qrcode .links .link_head .txt{font-size:12px}
.contact_list .item.last .qrcode .links .images{width:130px}}@media (max-width:1024px){.page_contact .contact_box{padding:40px 0}
.contact_main .contact_title .title{padding:25px 0 0;font-size:30px}
.contact_main .contact_title .subtitle{font-size:54px}
.contact_list{flex-wrap:wrap;-ms-flex-wrap:wrap;margin:30px 0 0}
.contact_list .item{width:calc(50% - 10px);flex:initial;margin-right:20px;padding:25px}
.contact_list .item .title{font-size:18px}
.contact_list .item:nth-child(2){margin:0}
.contact_list .item.last{width:100%;margin:20px 0 0}
.contact_list .item.last .info .details span{font-size:12px}
.contact_list .item.last .qrcode .links{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column-reverse}
.contact_list .item.last .qrcode .links .images{width:100px;box-shadow:none;padding:0;position:relative;top:0;opacity:1;margin:0;visibility:initial}
.contact_list .item.last .qrcode .links .link_head{margin-top:10px;padding:0;background:0 0}
.contact_list .item.last .qrcode .links .link_head .icon{width:36px;height:36px;margin:0 auto;border-radius:50%;border:1px solid #001961;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;color:#001961}
.contact_list .item.last .qrcode .links .link_head .icon i{font-size:20px}
.contact_list .item.last .qrcode .links .link_head .txt{display:none}
.contact_list .item.last .qrcode .links:first-child .link_head .icon{border-color:#24ab00;color:#24ab00}
.contact_list .item.last .qrcode .links:nth-child(2) .link_head .icon{border-color:#e30000;color:#e30000}
.contact_list .item.last .qrcode .links:hover .link_head{background:0 0}}@media (max-width:768px){.contact_main .contact_title .title{padding:15px 0 0;font-size:24px}
.contact_main .contact_title .subtitle{font-size:40px}
.contact_list .item{width:calc(50% - 7.5px);margin-right:15px;padding:20px}
.contact_list .item .title{font-size:16px}
.contact_list .item .info .details{font-size:12px}
.contact_list .item.last{margin-top:15px}
.contact_list .item.last .qrcode .links .link_head .icon{width:30px;height:30px}
.contact_list .item.last .qrcode .links .link_head .icon i{font-size:16px}}@media (max-width:480px){.contact_list{display:block}
.contact_list .item{width:100%}
.contact_list .item:first-child~.item{margin-top:10px}}.page_contact .contact_map{width:100%;height:auto;overflow:hidden}

.contact_list .item .info .icon{margin-right: 10px;color: #dbdbdb;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.contact_list .item .info .icon i{font-size: 16px}
.contact_list .item .info .details{flex: 1;font-size: 16px;line-height: 1.8;color: #666;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
@media screen and (min-width: 991px){.contact_list .item:hover{background:#001961}
.contact_list .item:hover .title,.contact_list .item:hover .info .icon,.contact_list .item:hover .info .details{color: #fff!important}
.contact_list .item:hover .title span,.contact_list .item:hover .info .icon span,.contact_list .item:hover .info .details span{color: #fff!important}}
.contact_list .item.last .info .details{color: #222}
.contact_list .item.last .info .details span{vertical-align: middle;font-size: 14px;color: #999;line-height: 1}
.contact_list .item.last .qrcode{width: 100%;height: auto;margin-top: 20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex}
.contact_list .item.last .qrcode .links{margin-right: 20px;position: relative;z-index: 1;cursor: pointer}
.contact_list .item.last .qrcode .links .link_head{width: 100%;height: auto;background: #ddd;border-radius: 3px;padding:7px 20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;position: relative;z-index: 2;overflow: hidden}
.contact_list .item.last .qrcode .links .link_head .icon{font-size: 0;color: #fff}
.contact_list .item.last .qrcode .links .link_head .icon i{font-size:24px; color: #fff;}
.contact_list .item.last .qrcode .links .link_head .txt{width: 0;font-size: 14px;color: #fff;opacity: 0;overflow: hidden;white-space: nowrap;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.contact_list .item.last .qrcode .links:hover .link_head .txt{margin-left: 10px;width: 5em;opacity: 1}
.contact_list .item.last .qrcode .links:hover .images{margin: 0;opacity: 1;visibility: initial}
.contact_list .item.last .qrcode .links:last-child{margin: 0}
.contact_list .item:last-child{margin-right: 0}

.cont_add{padding:90px 0 0 0;}
.cont_add_box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cont_add_con{display: flex;justify-content: space-between;align-items: center;width: calc(50% - 1.4%);background: #f8f8f8;border-radius: 5px;padding: 0 4%;height:200px;margin-bottom:3.4%;}
.cont_add_l h3{margin-bottom: 10px; font-size:22px; font-family:hs_b;}
.cont_add_r{flex-shrink: 0;margin-left: 15px;}
.cont_add_r .img2{display: none;}
.cont_add_r img{opacity: 1; width:76px;}
.cont_add_con:hover{background: #001961;box-shadow: 0 0 30px rgba(21,107,155,0.1);}
.cont_add_con:hover h3{color: #fff;}
.cont_add_con:hover p{color: #fff;}
.cont_add_con:hover .img1{display: none;}
.cont_add_con:hover .img2{display: block;opacity: 0.4;}
@media screen and (max-width: 1200px) {
	.cont_h2_box span{font-size: 56px;}
	.cont_con{height: 120px;}
	.cont_nr>img{width: 16px;margin:4px 6px 0 0}
	.cont_ewm_con img{width: 20px;height: 20px;}
	.cont_ewm_box.on{width: 120px;}
	.cont_ewm_box.on .cont_ewm_xl{height: 120px;}
	.cont_add_r{width: 50px;height: 50px;}
	.cont_add_con{height: 140px;}
	.cont_add_con p{font-size: 12px;}
}
@media screen and (max-width: 991px) {
	.cont_box{flex-wrap: wrap;}
	.cont_con{width: 100%;}
	.cont_con{margin-bottom: 20px;height: auto;padding: 20px;}
	.cont_nr_r p{margin-bottom: 5px;}
}
@media screen and (max-width: 767px) {
	.cont{padding: 40px 1rem 20px;}
	.cont_h2{margin-bottom: 30px;}
	.cont_nr>img{}
	.cont_nr_r p{font-size: 12px;}
	.cont_nr_r span{font-size: 12px;}
	.cont_ewm_box{width: 40px;height: 40px;margin-right: 10px;}
	.cont_con h3{margin-bottom: 10px;}
	.cont_add{padding: 30px 0;}
	.cont_add_con{height: auto;width: 100%;padding: 15px;margin-bottom: 20px;}
}

.font18{ font-size:17px; line-height:27px;}