@charset "UTF-8";
.banner img { width: 100%; }
.conbox_1 { padding: 60px 0; width: 100%; float: left; height: auto; background: #f1916b; }
.conbox_1 .box_title { font-size: 28px; text-align: center; }
.conbox_1 .box_title h2 { font-size: 28px; color: #fff; }
.conbox_1 .list { margin-top: 30px; width: 100%; float: left; }
.conbox_1 ul { width: 100%; float: left; position: relative; height: 200px; }
.conbox_1 ul:before { border: 2px solid #fff; width: 100%; height: 130px; content: ""; position: absolute; top: 50px; left: 0; border-radius: 150px 150px 150px 150px; }
.conbox_1 li { float: left; width: 12.5%; padding: 10px; text-align: center; position: relative; }
.conbox_1 li .num { width: 80px; height: 80px; display: inline-block; background: #fff; line-height: 80px; border-radius: 50%; box-shadow: 0 0 10px #333 inset; font-size: 40px; font-weight: bold; }
.conbox_1 li .title { margin-top: 10px; font-size: 15px; color: #fff; font-weight: bold; }
.conbox_2 { padding: 60px 0; width: 100%; float: left; height: auto; }
.conbox_2 .box_title { font-size: 28px; text-align: center; }
.conbox_2 .box_title h2 { font-size: 28px; }
.conbox_2 .list { float: left; margin-top: 170px; width: 100%; }
.conbox_2 .list ul { position: relative; width: 100%; float: left; }
.conbox_2 .list ul:before { height: 1px; width: 100%; position: absolute; background: #333; top: -2px; left: 0px; content: ""; }
.conbox_2 .list li { float: left; border: 1px solid #ccc; width: 133px; height: 133px; border-radius: 0% 50% 50% 50%; padding: 20px; padding-top: 30px; background: #f0f0f0; }
.conbox_2 .list li:nth-child(odd) { margin: -138px 0 138px 0; border-radius: 50% 50% 50% 0%; }
.conbox_3 { padding: 0px 0 60px 0; width: 100%; float: left; height: auto; }
.conbox_3 .box_title { font-size: 28px; text-align: center; }
.conbox_3 .box_title h2 { font-size: 28px; }
.conbox_3 .box_wd { text-align: center; padding-top: 50px; }
.conbox_4 { padding: 60px 0; width: 100%; float: left; height: auto; background: #f0f0f0; }
.conbox_4 .box_title { font-size: 28px; text-align: center; }
.conbox_4 .box_title h2 { font-size: 28px; }
.conbox_4 .list { background: #fff; margin-top: 30px; float: left; width: 100%; padding: 50px; }
.conbox_4 .list li { width: 50%; padding: 0 20px; margin: 10px 0; float: left; position: relative; padding-left: 30px; font-size: 14px; }
.conbox_4 .list li .num { left: 0px; position: absolute; width: 20px; height: 20px; background: #fc3c2a; border-radius: 50%; text-align: center; line-height: 20px; color: #fff; top: 0px; }
.conbox_4 .list li .title { border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.conbox_5 { padding: 60px 0; width: 100%; float: left; height: auto; }
.conbox_5 .box_title { font-size: 28px; }
.conbox_5 .box_title h2 { font-size: 28px; }
.conbox_5 .list { width: 100%; float: left; border: 2px solid #ccc; border-radius: 30px; padding: 40px; }
.conbox_5 .list ul { float: left; width: 100%; margin-top: 20px; }
.conbox_5 .list ul li { width: 50%; padding-right: 30px; float: left; display: flex; margin: 10px 0; }
.conbox_5 .list ul li .num { display: inline-block; border-radius: 50%; background: #fc3c2a; width: 20px; flex-shrink: 0; height: 20px; text-align: center; line-height: 20px; margin-right: 10px; color: #fff; }
.conbox_5 .list ul li .title { display: inline-block; width: 100%; border-bottom: 1px dotted #ccc; font-size: 14px; padding-bottom: 10px; }
.conbox_5 .gengduo { margin-top: 40px; width: 100%; text-align: center; float: left; }
.conbox_5 .gengduo div { border: 1px solid #e9b71e; display: inline-block; border-radius: 50px; }
.conbox_5 .gengduo div span { padding: 20px; }
.conbox_5 .gengduo div a { display: inline-block; border-radius: 50px; background: #e9b71e; line-height: 40px; padding: 0 20px; }
.conbox_5 .gengduo div a i { font-size: 18px; }
.conbox_6 { background: #56aedc; padding: 60px 0; width: 100%; float: left; height: auto; }
.conbox_6 .box_title { font-size: 28px; text-align: center; }
.conbox_6 .box_title h2 { font-size: 28px; color: #fff; }
.conbox_6 .box_title .desc { font-size: 14px; color: #f0f0f0; margin-top: 20px; }
.conbox_6 .list { width: 100%; float: left; padding: 30px 40px; }
.conbox_6 .list ul { float: left; width: 100%; margin-top: 20px; }
.conbox_6 .list ul li { width: 50%; padding-right: 30px; float: left; display: flex; margin: 10px 0; }
.conbox_6 .list ul li .num { display: inline-block; border-radius: 50%; background: #fff; width: 20px; flex-shrink: 0; height: 20px; text-align: center; line-height: 20px; margin-right: 10px; color: #333; }
.conbox_6 .list ul li .title { display: inline-block; width: 100%; border-bottom: 1px dotted #ccc; font-size: 14px; padding-bottom: 10px; color: #fff; }
.conbox_7 { width: 100%; float: left; padding: 60px 0 60px 0; background: #f0f0f0; }
.conbox_7 .box_title { font-size: 28px; text-align: center; }
.conbox_7 .box_title h2 { font-size: 28px; }
.conbox_7 .list_box { background: #f75a37; float: left; width: 100%; padding: 0 20px 20px 20px; margin-top: 100px; }
.conbox_7 .list { background: #fff; margin-top: -50px; float: left; padding: 20px 20px 20px 20px; width: 100%; }
.conbox_7 .list .l_title { width: 100%; float: left; position: relative; }
.conbox_7 .list .l_title .fl { width: 49.5%; float: left; text-align: center; background: #fc3c2a; line-height: 50px; color: #fff; }
.conbox_7 .list .l_title .pk { width: 40px; height: 40px; background: #fff; z-index: 6; position: absolute; border-radius: 50%; text-align: center; line-height: 40px; left: 50%; margin-left: -20px; top: 5px; }
.conbox_7 .list .l_title .fr { width: 49.5%; float: right; background: #666666; text-align: center; line-height: 50px; position: relative; z-index: 5; color: #fff; }
.conbox_7 .list ul li:nth-child(2),
.conbox_7 .list ul li:nth-child(3),
.conbox_7 .list ul li:nth-child(6),
.conbox_7 .list ul li:nth-child(7) { background: #f0f0f0; }
.conbox_7 .list ul li { width: 50%; padding: 40px; float: left; }
.conbox_7 .list ul li .title { width: 100%; float: left; }
.conbox_7 .list ul li .title img { float: left; }
.conbox_7 .list ul li .title .text { font-size: 18px; float: left; margin-left: 10px; }
.conbox_7 .list ul li .desc { font-size: 14px; margin-left: 40px; height: 60px; }
.conbox_8 { width: 100%; float: left; padding: 60px 0 60px 0; }
.conbox_8 .box_title { font-size: 28px; text-align: center; }
.conbox_8 .box_title h2 { font-size: 28px; }
.conbox_8 .list { width: 100%; float: left; margin-top: 30px; }
.conbox_8 .list li { width: 50%; float: left; display: flex; margin-bottom: 15px; padding: 0 10px; align-items: center; }
.conbox_8 .list li .img { width: 160px; flex-shrink: 0; }
.conbox_8 .list li .img img { width: 100%; }
.conbox_8 .list li .content { margin-left: 20px; }
.conbox_8 .list li .content .title h3 { font-size: 16px; }
.conbox_8 .list li .content .title h3 a:hover { color: #fc3c2a; }
.conbox_8 .list li .content .desc { font-size: 14px; height: 40px; overflow: hidden; margin-top: 10px; }
.conbox_9 { width: 100%; float: left; padding: 30px 0; border-top: 1px solid #ccc; }
.conbox_9 li { width: 25%; float: left; text-align: center; display: flex; align-items: center; justify-content: center; }
.conbox_9 li .img { display: inline-block; }
.conbox_9 li .content { display: inline-block; text-align: left; padding-left: 15px; }
.conbox_9 li .content .title { font-size: 15px; font-weight: bold; }
.conbox_9 li .content .desc { font-size: 12px; }
 @media screen and (max-width: 769px) {
.conbox_1 { padding: 20px 0; }
.conbox_1 .box_title h2 { font-size: 20px; }
.conbox_1 .list { margin-top: 10px; }
.conbox_1 ul { height: 100%; }
.conbox_1 ul:before { margin-top: 30px; height: 120px; }
.conbox_1 li { width: 25%; }
.conbox_1 li .num { width: 60px; height: 60px; line-height: 60px; }
.conbox_1 li .title { font-size: 12px; }
.conbox_2 { padding: 20px 0; }
.conbox_2 .box_title h2 { font-size: 20px; }
.conbox_2 .list { margin-top: 20px; }
.conbox_2 .list li:nth-child(odd) { margin: 0; border-radius: 0%; }
.conbox_2 .list li { border-radius: 0%; width: 33.3333%; font-size: 14px; height: 100px; padding-top: 20px; }
.conbox_3 { padding: 20px; }
.conbox_3 .box_title h2 { font-size: 20px; }
.conbox_3 img { width: 100%; }
.conbox_4 { padding: 20px; }
.conbox_4 .box_title h2 { font-size: 20px; }
.conbox_4 .list { padding: 20px; }
.conbox_4 .list li { width: 100%; }
.conbox_5 { padding: 20px; }
.conbox_5 .list { padding: 20px; }
.conbox_5 .list .box_title h2 { font-size: 20px; }
.conbox_5 .list ul li { width: 100%; }
.conbox_6 { padding: 20px; }
.conbox_6 .list { padding: 0px; padding: 20px; }
.conbox_6 .list .box_title h2 { font-size: 20px; }
.conbox_6 .list ul li { width: 100%; padding-right: 0px; }
.conbox_7 { padding: 20px 0; }
.conbox_7 .list_box { margin-top: 70px; padding: 10px; }
.conbox_7 .list_box .list { padding: 10px; }
.conbox_7 .list_box .list ul { display: flex; flex-wrap: wrap; float: left; width: 100%; }
.conbox_7 .list_box .list ul li { padding: 10px; }
.conbox_7 .list_box .list ul li .title { display: flex; align-items: center; }
.conbox_7 .list_box .list ul li .title .text { font-size: 14px; }
.conbox_7 .list_box .list ul li .desc { font-size: 12px; margin-left: 0; color: #666; margin-top: 10px; height: auto; }
.conbox_8 { padding: 20px 0; }
.conbox_8 .list li { width: 100%; }
.conbox_8 .list li .img { width: 100px; }
.conbox_8 .list li .content .desc { margin-top: 5px; color: #666; }
.conbox_9 { display: none; }
}
/*
  
 主色 #EC8617 
 高亮色 #ff6600
 字体颜色 #515151  文本颜色#626262
 线颜色 #dedede
 点缀色 #517fff

*/

/*# sourceMappingURL=page04.css.map */