﻿@charset "UTF-8";
.conbox_1 { width: 100%; float: left; }
.conbox_1 img { width: 100%; }
.conbox_1 .box_wd { max-width: 100%; width: 100%; float: left; position: absolute; top: 20%; left: 0px; }
.conbox_1 .box_wd .form_box { max-width: 1200px; margin: 0 auto; }
.conbox_1 .box_wd .form_box .form_fr { float: right; width: 300px; }
.conbox_1 .box_wd .form_box .form_fr .form { background: rgba(0, 0, 0, 0.5); padding: 30px; width: 100%; float: left; border-radius: 5px; }
.conbox_1 .box_wd .form_box .form_fr .form .text { color: #fbcf00; }
.conbox_1 .box_wd .form_box .form_fr .form input { width: 100%; margin-top: 10px; float: left; line-height: 35px; padding: 0 10px; height: 35px; }
.conbox_1 .box_wd .form_box .form_fr .form button { border: 0px; background: #fc3c2a; width: 100%; float: left; line-height: 35px; color: #fff; font-size: 14px; margin-top: 10px; }
.conbox_1 .box_wd .form_box .form_fr .tel { background: rgba(0, 0, 0, 0.5); padding: 10px 30px; border-radius: 5px; width: 100%; float: left; margin-top: 10px; color: #fff; }
.conbox_1 .box_wd .form_box .form_fr .tel i { float: left; font-size: 24px; }
.conbox_1 .box_wd .form_box .form_fr .tel .text { margin-top: 5px; }
.conbox_2 { padding: 60px 0; width: 100%; float: left; height: auto; background: #f0f0f0; }
.conbox_2 .box_title { font-size: 28px; text-align: center; }
.conbox_2 .box_title h2 { font-size: 28px; }
.conbox_2 .list { float: left; width: 100%; margin-top: 40px; }
.conbox_2 .list li { width: 25%; float: left; padding: 10px; }
.conbox_2 .list li .li_block { background: #fff; padding: 20px; display: flex; align-items: center; }
.conbox_2 .list li .li_block i { color: #fc3c2a; font-size: 30px; margin-right: 15px; }
.conbox_2 .list li:last-child { text-align: center; }
.conbox_2 .list li:last-child .li_block { line-height: 45px; }
.conbox_2 .list li:last-child .li_block .title { text-align: center; width: 100%; }
.conbox_3 { padding: 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 .list { margin-top: 50px; float: left; width: 100%; }
.conbox_3 .list li:last-child:before { content: ""; }
.conbox_3 .list li { width: 25%; float: left; text-align: center; position: relative; }
.conbox_3 .list li:before { font-family: "icon" !important; content: "\e62e"; position: absolute; right: -30px; font-size: 60px; color: #fc3c2a; }
.conbox_3 .list li i { font-size: 80px; color: #fc3c2a; line-height: 80px; }
.conbox_3 .list li .content .title { font-size: 20px; font-weight: bold; margin: 10px 0; }
.conbox_3 .list li .content .desc { font-size: 14px; }
.conbox_3 .more { text-align: center; width: 100%; float: left; margin-top: 40px; }
.conbox_3 .more a { background: #fc3c2a; color: #fff; padding: 0 20px; line-height: 40px; display: inline-block; }
.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 { margin-top: 50px; float: left; width: 100%; background: #fff; padding: 20px; }
.conbox_4 .list li { width: 25%; float: left; padding: 20px; }
.conbox_4 .list li img { width: 100%; }
.conbox_4 .list li .content { margin-top: 10px; display: flex; justify-content: center; }
.conbox_4 .list li .content .num { width: 24px; height: 24px; background: #fc3c2a; text-align: center; border-radius: 50%; margin-right: 10px; color: #fff; }
.conbox_5 { padding: 60px 0; width: 100%; float: left; height: auto; }
.conbox_5 .box_title { font-size: 28px; text-align: center; }
.conbox_5 .box_title h2 { font-size: 28px; }
.conbox_5 .list { margin-top: 30px; float: left; width: 100%; }
.conbox_5 .list li { width: 50%; float: left; display: flex; align-items: center; margin-top: 40px; }
.conbox_5 .list li .content { margin-left: 20px; }
.conbox_5 .list li .content .title { font-size: 16px; font-weight: bold; }
.conbox_5 .list li .content .desc { font-size: 14px; margin-top: 10px; }
.conbox_6 { padding: 60px 0; width: 100%; float: left; height: auto; background: #f0f0f0; }
.conbox_6 .box_wd { width: 100%; padding: 0 10px; }
.conbox_6 .fl { width: 40%; }
.conbox_6 .fl img { width: 100%; }
.conbox_6 .fr { width: 60%; margin-top: 40px; padding-left: 100px; }
.conbox_6 .fr .title { font-size: 24px; font-weight: bold; color: #515151; }
.conbox_6 .fr .desc { color: #666; margin-top: 30px; line-height: 1.8; }
.conbox_6 .fr .desc em { color: #ff0000; }
.conbox_7 { width: 100%; float: left; padding: 60px 0 60px 0; }
.conbox_7 .box_title { font-size: 28px; text-align: center; }
.conbox_7 .box_title h2 { font-size: 28px; }
.conbox_7 .list { width: 100%; float: left; margin-top: 30px; }
.conbox_7 .list li { width: 50%; float: left; display: flex; margin-bottom: 15px; padding: 0 10px; align-items: center; }
.conbox_7 .list li .img { width: 160px; flex-shrink: 0; }
.conbox_7 .list li .img img { width: 100%; }
.conbox_7 .list li .content { margin-left: 20px; }
.conbox_7 .list li .content .title h3 { font-size: 16px; }
.conbox_7 .list li .content .title h3 a:hover { color: #fc3c2a; }
.conbox_7 .list li .content .desc { font-size: 14px; height: 40px; overflow: hidden; margin-top: 10px; }
.conbox_8 { width: 100%; float: left; padding: 30px 0; border-top: 1px solid #ccc; }
.conbox_8 li { width: 25%; float: left; text-align: center; display: flex; align-items: center; justify-content: center; }
.conbox_8 li .img { display: inline-block; }
.conbox_8 li .content { display: inline-block; text-align: left; padding-left: 15px; }
.conbox_8 li .content .title { font-size: 15px; font-weight: bold; }
.conbox_8 li .content .desc { font-size: 12px; }
 @media screen and (max-width: 769px) {
.conbox_1 { padding: 0px 0 20px 0; }
.conbox_1 img { display: none; }
.conbox_1 .box_wd { position: relative; }
.conbox_1 .box_wd .form_box { padding: 0 10px; }
.conbox_1 .box_wd .form_box .form_fr { width: 100%; }
.conbox_1 .box_wd .form_box .form_fr .form { background: #51551; }
.conbox_1 .box_wd .form_box .form_fr .tel { background: #51551; }
.conbox_2 { padding: 20px 0; }
.conbox_2 .box_title h2 { font-size: 20px; }
.conbox_2 .list { margin-top: 20px; padding: 0 5px; }
.conbox_2 .list li { width: 50%; padding: 5px; }
.conbox_3 { padding: 20px 0; }
.conbox_3 .box_title h2 { font-size: 20px; }
.conbox_3 .list { margin-top: 20px; }
.conbox_3 .list li { width: 50%; margin-bottom: 20px; }
.conbox_3 .list li:nth-child(2):before { content: none; }
.conbox_3 .more { margin-top: 0px; }
.conbox_4 { padding: 20px 10px; }
.conbox_4 .box_title h2 { font-size: 20px; }
.conbox_4 .list { margin-top: 20px; }
.conbox_4 .list li { width: 50%; }
.conbox_5 { padding: 20px 10px; }
.conbox_5 .box_title h2 { font-size: 20px; }
.conbox_5 .list { margin-top: 0px; }
.conbox_5 .list li { width: 100%; margin-top: 20px; }
.conbox_5 .list li img { width: 70px; }
.conbox_6 { padding: 20px 0; }
.conbox_6 .fl { width: 100%; }
.conbox_6 .fr { width: 100%; padding: 0; }
.conbox_6 .fr .title { font-size: 20px; }
.conbox_7 { padding: 20px 0; }
.conbox_7 .list li { width: 100%; }
.conbox_7 .list li .img { width: 100px; }
.conbox_7 .list li .content .desc { margin-top: 5px; color: #666; }
.conbox_8 { display: none; }
}
/*
  
 主色 #EC8617 
 高亮色 #ff6600
 字体颜色 #515151  文本颜色#626262
 线颜色 #dedede
 点缀色 #517fff

*/

/*# sourceMappingURL=page02.css.map */
