@charset 'utf-8';

*{margin: 0; padding: 0;}
body{font-size: 14px; font-family: 'Microsoft Yahei', Arial;}
a{text-decoration: none;}
li{list-style: none;}
img{vertical-align: middle;}
input,button,textarea{outline: none;}


.clear{clear: both;}


.center{width: 1200px; margin: 0 auto;}

.top{min-width: 1200px; height: 45px; line-height: 45px; background: #f2f2f2;}
.header{}
.header .logo{float: left; line-height: 120px;}
.header .tel{float: right; line-height: 120px;}
.menu{min-width: 1200px; background: #0876ef;}
.menu ul::after{content: ''; display: table; clear: both;}
.menu ul li{float: left; line-height: 50px;}
.menu ul li a{display: block; font-size: 16px; padding: 0 20px; color: #fff;}
.menu ul li a:hover{background: #f60;}

.bannerSwiper{min-width: 1200px; position: relative; overflow: hidden;}
.bannerSwiper .swiper-slide{overflow: hidden;}
.bannerSwiper .swiper-slide img{position: relative; left: 50%; transform: translateX(-50%);}

.common_title{text-align: center;}
.common_title h3{font-size: 32px; display: inline-block;}
.common_title h3 span{color: #0876ef;}
.common_title p{font-size: 18px; color: #666; margin-top: 20px;}

.crumbs{min-width: 1200px; line-height: 45px; background: #f2f2f2; color: #333;}
.crumbs a{color: #333;}

.index_services{min-width: 1200px; padding-top: 80px;}
.index_services .services_list{margin-top: 50px; display: flex; justify-content: space-between;}
.index_services .services_list .list{width: 18%; float: left; box-sizing: border-box; border: solid #e5e5e5 1px; text-align: center; padding: 20px;}
.index_services .services_list .list .title{margin-top: 20px;}
.index_services .services_list .list .title h3{font-size: 18px; color: #333;}
.index_services .services_list .list .content{margin-top: 20px; color: #666;}

.index_process{min-width: 1200px; padding: 60px 0; background: #f6f6f6; margin-top: 80px;}
.index_process .process_list{margin-top: 50px; display: flex; justify-content: space-between;}
.index_process .process_list .list{width: 15%; float: left; box-sizing: border-box; text-align: center;}
.index_process .process_list .list .title{margin-top: 20px; font-size: 16px; color: #333;}

.index_thirdpartnar{margin-top: 80px; padding-bottom: 50px;}
.index_thirdpartnar .thirdpartnar_list{margin-top: 50px;}
.index_thirdpartnar .thirdpartnar_list::after{content: ''; display: table; clear: both;}
.index_thirdpartnar .thirdpartnar_list .list{width: 32%; float: left; box-sizing: border-box; border: solid #e5e5e5 1px; padding: 20px; margin: 0 2% 30px 0;}
.index_thirdpartnar .thirdpartnar_list .list:nth-child(3n){margin-right: 0;}
.index_thirdpartnar .thirdpartnar_list .list .icon{float: left; margin-right: 15px;}
.index_thirdpartnar .thirdpartnar_list .list .title{font-size: 18px; color: #333; font-weight: bold;}
.index_thirdpartnar .thirdpartnar_list .list .content{color: #666; line-height: 24px; margin-top: 10px;}

.footer{background: #ccc; padding: 30px 0; text-align: center;}
.footer p{display: inline-block; margin: 0 8px; color: #333;}
.footer a{color: #333;}

.aboutus{padding-top: 50px;}
.aboutus .company{padding: 30px 0 50px;}
.aboutus .company p{font-size: 16px; color: #333; line-height: 32px; text-indent: 2em;}
.aboutus .culture{padding: 30px 0 50px;}
.aboutus .culture h3{font-size: 18px; color: #f33b33; line-height: 36px;}
.aboutus .culture p{font-size: 16px; color: #333; line-height: 26px;}

.contact{padding-top: 50px;}
.contact .contactus{padding: 30px 0 50px;}
.contact .contactus::after{content: ''; display: table; clear: both;}
.contact .contactus .list{width: 50%; height: 160px; float: left; margin-bottom: 50px;}
.contact .contactus .list h3{font-size: 22px; color: #0876ef; line-height: 36px;}
.contact .contactus .list p{font-size: 16px; color: #333; line-height: 30px;}