@charset "utf-8";
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}html,body{margin: 0; padding: 0;}body{font-family: arial,"microsoft yahei";}h1,h2,h3,h4 {margin: 0;padding: 0;}p {margin: 0;padding: 0;}ul,li {margin: 0;padding: 0;list-style: none;}img{border: 0;vertical-align: middle;}/*  */.flex{display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */display: flex;flex-wrap: wrap;/* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ *//* 		align-items: center;-moz-align-items: center;-ms-align-items: center;-webkit-align-items: center;justify-content: center;-moz-ustify-content: center;-ms-ustify-content: center;-webkit-ustify-content: center; */}

.comma-container{max-width: 890px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.dl-title{ padding: 25px 50px; background-color: #5876B8; border-radius: 120px 120px 40px 40px; align-items: center; justify-content: space-between;}
.dl-title h3 { align-items: center; font-size: 28px; color: #fff; line-height: 1;}
.dl-title h3 span{ position: relative; display: inline-block; margin-right: 25px; width: 7px; height: 7px; border-radius: 50%; background-color: #fff; }
.dl-title h3 span::before{ position: absolute; top: 50%; left: 50%; content: ''; width: 21px;height: 21px; border: 2px solid #fff; border-radius: 50%; transform: translate(-50%,-50%);}
.dl-title-ico{padding: 0 30px; border-left: 1px dashed #D4E7FC;}

@media (max-width:860px) {
	 .dl-title{ padding: 20px 40px; }
	 .dl-title h3 { font-size: 24px;}
	 .dl-title-ico img{max-width: 60px;}
}

@media (max-width:768px) {
	 .dl-title{ padding: 15px 30px 10px 50px; }
	 .dl-title h3 { font-size: 20px;}
	 .dl-title-ico{padding: 0 20px;}
	 .dl-title-ico img{max-width: 50px;}
}
@media (max-width:640px) {
	 .dl-title{ padding: 15px 10px 10px 15px; }
	 .dl-title h3 { font-size: 14px;}
	 .dl-title h3 span{ margin-right: 12px;}
	 .dl-title h3 span::before{ position: absolute; top: 50%; left: 50%; content: ''; width: 16px;height: 16px;}
	 .dl-title-ico{padding: 0 10px;}
	 .dl-title-ico img{max-width: 30px;}
}

@media (max-width:360px) {
	.dl-title h3 { font-size: 12px;}
	.dl-title h3 span{ margin-right: 12px;}
	.dl-title h3 span::before{ position: absolute; top: 50%; left: 50%; content: ''; width: 11px;height: 11px;}
	.dl-title-ico{padding: 0 10px;}
	.dl-title-ico img{max-width: 20px;}
}


.dl-header{ padding: 80px 50px; text-align: center; background-color: #5876B8; overflow: hidden;}
.dl-header h1{ font-size: 60px; color: #fff;}
.dl-header h1 span{display: block;}
.dl-header-cs{ overflow: hidden;}
.dl-header-cs img,
.dl-header-cs svg{width: 100%; vertical-align: top;}
@media (max-width:768px) {
	.dl-header{ padding: 40px;}
	.dl-header h1{ font-size: 32px; }
}

@media (max-width:480px) {
	.dl-header{ padding: 40px 20px ;}
	.dl-header h1{ font-size: 28px; }
}
/*  */
.dl-head{ margin: 120px 0; align-items: center;}
.dl-head-content{ flex: 1; padding: 40px; background-color: #D4E7FC; border-radius: 24px;}
.dl-head-content h3{font-size: 28px; color: #5876B8;}
.dl-head-content p{ margin-top: 25px; font-size: 24px; color: #727171;}
.dl-head-content p span{color: #5876B8;}

@media (max-width:768px) {
	.dl-head{ margin: 60px 0; align-items: flex-start;}
	.dl-head img{max-width: 160px;}
	.dl-head-content{ padding: 15px;}
	.dl-head-content h3{font-size: 20px;}
	.dl-head-content p{ margin-top: 15px; font-size:16px;}
}

@media (max-width:640px) {
	.dl-head img{max-width: 120px;}
	.dl-head-content h3{ margin-bottom: 15px; font-size: 16px;}
	.dl-head-content p{ margin-top: 5px; font-size:14px;}
}

@media (max-width:480px) {
	.dl-head img{max-width: 100px;}
}
/*  */
.dl-desc{padding: 50px;}
.dl-desc h3{ margin-bottom: 40px; font-size: 24px; color: #E60013;}
.dl-desc p{ font-size: 16px; line-height: 2; color: #727171;}
.dl-desc p.text-indent{text-indent: 32px;}
.dl-desc p.position{position: relative; padding-left: 35px;}
.dl-desc p.position span{ position: absolute; top: 6px; left: 0; display: inline-block; width: 18px;height: 18px; line-height: 18px; font-size: 14px; text-align: center; background-color: #E60012; border-radius: 50%; color: #fff;}

@media (max-width:768px) {
	.dl-desc{padding: 20px 5px;}
	.dl-desc h3{ margin-bottom: 20px; font-size: 18px;}
	.dl-desc p{ font-size: 14px; line-height: 1.8; color: #727171;}
}

/*  */
.comma-copyright{ padding: 100px 15px 30px; text-align: center;}
.comma-copyright p{ line-height: 1.2; color: #999;}
@media (max-width:640px) {
	.comma-copyright{ padding: 80px 55px 30px;}
	.comma-copyright p{ line-height: 1.2; font-size: .8rem;}
}


/* time */
.dl-time{ padding: 50px 15px; margin-bottom: 90px; background-color: #F7F7F7;}
.dl-time>h3{ padding-bottom: 35px; text-align: center;}
.dl-time>h3 span{ display: inline-block; padding: 0 34px; line-height: 50px; font-size: 34px; border-radius: 50px; color: #fff;background-color: #0FB7C6;}
@media (max-width:640px) {
	.dl-time{ padding: 30px 15px; margin: 40px 0;}
	.dl-time>h3{ padding-bottom: 15px;}
	.dl-time>h3 span{ padding: 0 34px; line-height: 45px; font-size: 20px;}
}


.dl-time-list{ position: relative; max-width: 650px; margin: 0 auto;}
.dl-time-list::before{position: absolute;top: 0; left: 50%; content: ""; margin-left: -3px; height: 100%; border-left: 6px dashed #0FB7C6;}
.dl-time-list ul li{ position: relative; margin-bottom: 15px; justify-content: space-between;}
.dl-time-list ul li .dl-time-ico{ position: absolute;top: 0; left: 50%; transform: translateX(-50%);}

@media (max-width:640px) {
	.dl-time-list::before{margin-left: -1px; border-left: 3px dashed #0FB7C6;}
	.dl-time-list ul li .dl-time-ico{top: 6px; max-width: 30px;}
}



.dl-time-pic,
.dl-time-content{width: 42%;}

.dl-time-pic img{width: 100%}


.dl-time-content h3{ position: relative; padding: 9px 0 9px 25px; font-size: 32px; color: #0FB7C6;}
.dl-time-content h3::before{position: absolute; top: 14px; left: 0; content: ""; border-right: 14px dashed #ADADAE; border-top: 12px dashed transparent; border-bottom: 12px dashed transparent;}
.dl-time-content p{padding: 20px 15px; font-size: 16px; line-height: 1.6; background-color: #fff; color: #777; border-radius: 8px;}

.dl-time-list ul li:nth-child(2n){flex-direction: row-reverse;}
.dl-time-list ul li:nth-child(2n) .dl-time-content h3{ padding: 9px 25px 9px 0; text-align: right;}
.dl-time-list ul li:nth-child(2n) .dl-time-content ::before{left: inherit; right: 0;border-right: none; border-left: 14px dashed #ADADAE;}

@media (max-width:640px) {
	.dl-time-content h3{ position: relative; padding: 9px 0 9px 20px; font-size: 20px; color: #0FB7C6;}
	.dl-time-content h3::before{top: 10px; left: 0; content: ""; border-right: 12px dashed #ADADAE; border-top: 10px dashed transparent; border-bottom: 10px dashed transparent;}
	.dl-time-content p{padding: 15px; font-size: 14px;}
}

@media (max-width:480px) {
	.dl-time-content h3{ font-size: 18px;}
}

.dl-other-bgcolor{background-color: #EB6D87!important;}
.dl-other-ftcolor{color: #EB6D87!important;}
.dl-other-brcolor::before{border-color: #987D62!important;}
.dl-other-ftcolor-time{color: #987D62!important;}
.dl-other-bgcolor-time{background-color: #987D62!important;}