@charset 'utf-8';





.service_content{padding: 50px 0;}


.service_content:nth-child(odd){background: #f7f7f7;}


.service_content .com_title h1{font-size: 50px; line-height: 60px; color: #222;}


.service_content .fleft{float: left;}


.service_content .fright{float: right;}


.service_content .content{margin-top: 60px;}


.service_content .content::after{content: ''; display: table; clear: both;}


.service_content .content .text{width: calc(100% - 700px);}


.service_content .content .text h3{font-size: 32px; line-height: 50px; color: #1453ac; padding-bottom: 20px;}


.service_content .content .text p{font-size: 18px; line-height: 34px; color: #000; padding-top: 10px;}


.service_content .content .text p .icon{width: 14px; height: 14px; display: inline-block; background: #1453ac; border-radius: 50%; margin-right: 15px;}


.service_content .content .video{width: 650px;}


.service_content .content .video video{width: 650px; height: auto;}


.service_content .content .picture{width: 650px;}


.service_content .content .picture img{width: 100%;}


.service_content .content .service_list{width: 49%; float: left; margin: 0 2% 30px 0;}


.service_content .content .service_list:nth-child(2n){margin-right: 0;}


.service_content .content .service_list .icon{width: 80px; line-height: 80px; float: left; overflow: hidden;}


.service_content .content .service_list .icon img{max-width: 100%; max-height: 100%;}


.service_content .content .service_list .txt{width: calc(100% - 100px); float: left;}


.service_content .content .service_list .txt h4{font-size: 18px; line-height: 32px;}


.service_content .content .service_list .txt p{font-size: 16px; color: #7F7F7F; line-height: 28px; margin-top: 5px;}


.service_content .content .field_list{width: 31.5%; float: left; position: relative; margin: 0 2% 30px 0;}


.service_content .content .field_list:nth-child(3n){margin-right: 0;}


.service_content .content .field_list .images{overflow: hidden;}


.service_content .content .field_list .images img{width: 100%; height: auto; transition: all 0.3s;}


.service_content .content .field_list:hover .images img{transform: scale(1.1);}


.service_content .content .field_list .mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s;}


.service_content .content .field_list:hover .mask{background: rgba(0, 0, 0, 0.3);}


.service_content .content .field_list .field_text{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.3s;}


.service_content .content .field_list:hover .field_text{opacity: 1;}


.service_content .content .field_list .field_text .title{text-align: center; font-size: 20px; font-family: 'Poppins'; color: #fff; margin-top: 10px;}


.service_content .content .field_list .field_text .more{text-align: center; margin-top: 10px;}


.service_content .content .field_list .field_text .more a{display: inline-block; width: 150px; line-height: 48px; color: #fff; border: solid #fff 1px; border-radius: 5px; transition: all 0.3s;}


.service_content .content .field_list .field_text .more a:hover{background: #fc5e15; border-color: #fc5e15;}


.service_content .content .period ul{max-width: 1000px; margin: 0 auto; display: flex; justify-content: space-between;}


.service_content .content .period ul li{text-align: center; font-family: 'Poppins';}


.service_content .content .period ul li h3{font-size: 36px; color: #ea543f;}


.service_content .content .period ul li p{font-size: 16px; line-height: 32px;}


.service_content .content .plist ul::after{content: ''; display: table; clear: both;}


.service_content .content .plist li{width: 23.5%; float: left; margin: 0 2% 30px 0;}


.service_content .content .plist li:nth-child(4n){margin-right: 0;}


.service_content .content .plist li img{width: 100%;}





@media (max-width: 960px) {


	.service_content{padding: 30px 15px;}


	.service_content .content{margin-top: 20px}


	.service_content .content .text{width: 100%;}


	.service_content .content .text h3{font-size: 18px; line-height: 28px; padding-bottom: 10px;}


	.service_content .content .text p{font-size: 16px; line-height: 22px;padding-top: 10px;}


	.service_content .content .text p .icon{width: 10px; height: 10px; display: inline-block; background: #1453ac; border-radius: 50%; margin-right: 12px;}


	.service_content .content .video{width: 100%; margin-top: 20px;}


	.service_content .content .video video{width: 100% !important; height: auto !important;}


	.service_content .content .picture{width: 100%; margin-top: 20px;}


	.service_content .content .picture img{width: 100% !important; height: auto !important;}





	.service_content .content .field_list{width: 48%; float: left; position: relative; margin: 0 4% 20px 0;}


	.service_content .content .field_list:nth-child(3n){margin-right: 4%;}


	.service_content .content .field_list:nth-child(2n){margin-right: 0;}


	.service_content .content .field_list .field_text .title{font-size: 16px;}


	.service_content .content .field_list .field_text .more a{width: 100px; line-height: 32px; font-size: 13px;}


	


	.service_content .content .period ul{max-width: 100%; flex-wrap: wrap;}


	.service_content .content .period ul li{width: 50%; margin-bottom: 20px;}


	.service_content .content .period ul li h3{font-size: 22px;}


	.service_content .content .period ul li p{font-size: 14px; line-height: 22px; margin-top: 5px;}


	


	.service_content .content .service_list{width: 100%; float: left; margin: 0 0 30px 0;}


	.service_content .content .service_list .txt h4{font-size: 16px; line-height: 28px;}


	.service_content .content .service_list .txt p{font-size: 14px; line-height: 22px;}


	


	.service_content .content .plist li{width: 48%; float: left; margin: 0 4% 20px 0;}


	.service_content .content .plist li:nth-child(2n){margin-right: 0;}


}