/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=11");
/* Scroll
========================================================================== */
.header { background:#fff }
.column_banner { background:#f1f2f6; }
.column { max-width:1530px; margin:0 auto; width: 100vw; padding:100px 0px }
.banner_title { position:relative; padding:180px 0px; background:url(https://pic.imgdb.cn/item/61c429152ab3f51d918c95de.jpg) no-repeat center top; font-size:35px; text-transform:capitalize; background-size:100% auto; text-align:center; color:#fff }
.banner_title:before { content:""; background:rgba(0, 0, 0, 0.8); display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:8 }
.banner_title h1, .banner_title p { position:relative; z-index:10 }
.banner_title p { display:block; padding:0 10%; font-weight:bold; margin-top:25px; }
.banner_title h1:after { width:100px; height:4px; background:#fff; content:""; display:block; margin:0 auto; }
.service_lt { width:48%; float:left; }
.service_rt { width:48%; float:right }
.service_full { float:left; width:100% }
.service_full .service_ulist li { background:#061451; float:left; width:100% }
.service_full .service_ulist li .a { color:#fff }
.service_full .service_ulist .desc { background:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; float:left; width:40%; padding:100px; padding-bottom:0; }
.service_full .service_ulist .thumb { float:right; width:60%; }
.service_ulist span { -webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
.service_ulist li { margin-bottom:50px }
.service_ulist li img { display:block; width:100%; height:auto }
.service_ulist li.full { width:100%; }
.service_ulist li b { font-size:40px; display:block; padding-bottom:25px; }
.service_ulist li h2 { display:block; margin-bottom:20px }
.service_ulist li p { display:block; position:relative; padding-left:20px; }
.service_ulist li p:before { content:"●"; position:absolute; left:0; top:0; }
.service_ulist .desc { background:#fff; padding:30px 50px; -moz-box-shadow:0 2px 4px 0 rgb(0 0 0 / 20%); -webkit-box-shadow:0 2px 4px 0 rgb(0 0 0 / 20%); box-shadow:0 2px 4px 0 rgb(0 0 0 / 20%); }
#next_service { margin-top:80px; }
.column_link { margin-top:15px; }
.column_link span { position:relative; display:inline-block; color:#00349d; }
.column_link span:before { content: ''; display:inline-block; width:30px; height:1px; vertical-align:middle; background: #00349d; margin-right:15px; }
.service_ulist li:hover .desc { background:#00349d; }
.service_ulist li:hover .a, .service_ulist li:hover span { color:#fff }
.service_ulist li:hover .column_link span:before { width:40px; background: #fff; }
.service_full .service_ulist li:hover .desc { background:#061451; }
.service_full .service_ulist li:hover .a, .service_full .service_ulist li:hover span, .service_full .service_ulist span { color:#fff }
.service_full .service_ulist li:hover .column_link span:before, .service_full .service_ulist .column_link span:before { width:40px; background: #fff; }
@media(max-width:1650px){
.column{ max-width:100%; padding:80px;}
.banner_title{ padding:150px 0}
}
@media(max-width:1500px){
.banner_title p{ margin-top:5px}
.banner_title h1{ margin-bottom:25px}
.banner_title{ padding:100px 0}
}
@media(max-width:1360px){
.banner_title{ padding:80px 0}	
.banner_title{ font-size:30px}
}
@media(max-width: 1250px){
.column_banner	.column{ padding:0}
.column{ max-width:100%; padding:50px 40px;}	
#fixed_height{ height:117px}
.banner_title{ padding:80px 0}
.banner_title{ font-size:20px}
}
@media(max-width:1000px){
.service_ulist li b{ font-size:35px}
.service_ulist .desc{ padding:30px}
}
@media(max-width:800px){
.service_ulist li h2{ margin-bottom:15px}
.service_ulist .desc{ padding:20px 25px}
.column_quote h2{ font-size:20px}
.column_quote .column{ padding:35px 0}
#fixed_height{ height:82px}
}
@media(max-width:700px){
.service_ulist li p{ font-size:13px}
}
@media(max-width:610px){
.service_lt{ width:100%}
.service_rt{ width:100%}
.service_ulist li{ margin-bottom:25px}
.service_full .service_ulist .thumb{ width:100%; float:left}
.service_full .service_ulist .desc{ width:100%; padding:20px 25px; background:#fff;-moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%); color:#000}
.service_full .service_ulist li:hover .a, .service_full .service_ulist li:hover span, .service_full .service_ulist span{ color:#00349d}	
.service_full .service_ulist li:hover .column_link span:before, .service_full .service_ulist .column_link span:before{ background:#00349d}
#next_service{ margin-top:0}
.column_quote .column_btn a{ padding:10px 50px}
}
@media(max-width:500px){
.column{ max-width:100%; padding:40px 25px;}	
.banner_title{ padding:50px 0}	
#fixed_height{ height:63px}
.column_quote h2{ font-size:16px; margin-bottom:15px}
.column_quote .column{ padding:25px 0}
.banner_title p{ padding:0 25px; font-size:13px}
.banner_title{ padding:35px 0}
.banner_title h1{ font-size:18px; font-weight:bold; text-transform:uppercase}
}
@media(max-width:400px){
.column_quote .column_btn a{ padding:10px 50px}
}
@media(max-width:359px){
.banner_title{ background-size:100% 100%}	
.banner_title p{ padding:0 15px; font-size:13px}
}