@charset "UTF-8";
.conbox_1 { background: url(../images/i_img_02.jpg) bottom no-repeat; float: left; width: 100%; padding: 60px 0; }
.conbox_1 .form_box { width: 500px; float: left; background: rgba(0, 0, 0, 0.8); color: #fff; padding: 30px; }
.conbox_1 .form_box .box_title { width: 100%; float: left; position: relative; }
.conbox_1 .form_box .box_title .num { display: inline-block; font-size: 60px; line-height: 60px; font-weight: bold; border-right: 2px solid #fff; padding-right: 10px; }
.conbox_1 .form_box .box_title .content { display: inline-block; margin-left: 10px; }
.conbox_1 .form_box .box_title .content .title { font-size: 18px; font-weight: boldl; }
.conbox_1 .form_box .form { margin-top: 15px; float: left; width: 100%; }
.conbox_1 .form_box .form .input { width: 100%; float: left; margin-top: 20px; }
.conbox_1 .form_box .form .input input { width: 100%; line-height: 40px; height: 40px; background: none; border: 1px solid #fff; padding: 0 20px; color: #fff; }
.conbox_1 .form_box .form .input input:focus { border: 1px solid #fc3c2a; box-shadow: 0 0 5px rgba(86, 112, 173, 0.2); }
.conbox_1 .form_box .form .button { margin-top: 20px; float: left; width: 100%; }
.conbox_1 .form_box .form .button button { width: 100%; line-height: 40px; height: 40px; float: left; background: #fc3c2a; border: 0px; font-size: 18px; font-weight: bold; color: #fff; }
.conbox_1 .scroll { width: 50%; float: left; padding-left: 40px; color: #fff; }
.conbox_1 .scroll .box-title { font-size: 18px; font-weight: bold; }
.conbox_1 .scroll .box-title em { color: #fc3c2a; }
.conbox_1 .scroll .myscroll { width: 100%; height: 270px; margin: 0 auto; line-height: 30px; font-size: 14px; overflow: hidden; float: left; margin-top: 10px; }
.conbox_1 .scroll .myscroll li { height: 30px; }
.conbox_1 .scroll .myscroll li span { margin: 0 15px; }
.conbox_1 .scroll .myscroll li em { color: #efd232; padding: 0 10px; }
.conbox_1 .scroll .myscroll a { color: #666; text-decoration: none; }
.conbox_1 .scroll .myscroll a:hover { color: #ED5565; text-decoration: underline; }
.conbox_2 { padding: 60px 0; float: left; width: 100%; }
.conbox_2 .list { float: left; width: 100%; }
.conbox_2 .list li { float: left; width: 20%; padding: 10px; }
.conbox_2 .list li a { display: block; text-align: center; padding: 20px 0; }
.conbox_2 .list li a:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); }
.conbox_2 .list li a i { font-size: 50px; line-height: 50px; }
.conbox_2 .list li a .name { font-size: 18px; font-weight: bold; margin-top: 10px; }
.conbox_2 .list li a .desc { font-size: 12px; color: #666; margin: 10px 0; display: block; }
.conbox_2 .list li a .more { display: inline-block; padding: 5px 20px; border-radius: 5px; background: #fc3c2a; color: #fff; font-size: 14px; }
.conbox_2 .list li a .choice { margin-top: 12px; font-size: 14px; }
.conbox_2 .list li a .choice em { color: #fc3c2a; font-weight: bold; }
.conbox_3 { background: #f0f0f0; float: left; width: 100%; padding: 60px 0; }
.conbox_3 .box_title { font-size: 28px; text-align: center; }
.conbox_3 .list { width: 100%; float: left; margin-top: 30px; }
.conbox_3 .list li { width: 20%; float: left; text-align: center; padding: 10px; }
.conbox_3 .list li .li_block { width: 100%; padding: 20px 0; background: #fff; float: left; }
.conbox_3 .list li img { width: 80px; margin-top: 20px; }
.conbox_4 { float: left; width: 100%; padding: 60px 0; }
.conbox_4 .box_title { font-size: 28px; text-align: center; }
.conbox_4 ul { margin-top: 30px; position: relative; float: left; width: 100%; }
.conbox_4 ul li { width: 33.3333%; float: left; position: relative; margin-bottom: 20px; border-top: 1px solid #ccc; padding-top: 15px; }
.conbox_4 ul li .li_block { display: inline-block; text-align: center; width: 73px; }
.conbox_4 ul li .li_block .num { border-radius: 50%; background: #515151; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; color: #fff; margin-top: 20px; }
.conbox_4 ul li .desc { position: absolute; top: 30px; left: 90px; font-size: 14px; }
.conbox_4 ul li .desc a { color: #fe3e2a; }
.conbox_5 { width: 100%; float: left; padding: 60px 0 0px 0; background: #f0f0f0; }
.conbox_5 .box_title { font-size: 28px; text-align: left; }
.conbox_5 .list { width: 60%; float: left; }
.conbox_5 .list ul { width: 100%; float: left; margin-top: 20px; }
.conbox_5 .list ul li:nth-child(1) { background: #d8502b; }
.conbox_5 .list ul li:nth-child(2) { background: #009600; }
.conbox_5 .list ul li:nth-child(3) { background: #0a5ac3; }
.conbox_5 .list ul li:nth-child(4) { background: #0097aa; }
.conbox_5 .list ul li:nth-child(5) { background: #633ebe; }
.conbox_5 .list ul li:nth-child(6) { background: #3290f5; }
.conbox_5 .list ul li { float: left; color: #fff; border-radius: 5px; padding: 0 10px; line-height: 30px; margin-top: 15px; margin-right: 20px; }
.conbox_5 .box_img { width: 30%; float: right; }
.conbox_5 .box_img img { width: 100%; }
.conbox_6 { width: 100%; float: left; padding: 60px 0 60px 0; }
.conbox_6 .box_title { text-align: center; }
.conbox_6 .box_title .title { font-size: 28px; }
.conbox_6 .box_title .desc { color: #666; margin-top: 10px; }
.conbox_6 .box { width: 100%; float: left; margin-top: 30px; }
.conbox_6 .box .box_fl { width: 65%; float: left; }
.conbox_6 .box .box_fl img { width: 100%; }
.conbox_6 .box .box_fr { width: 35%; padding-bottom: 30px; float: right; padding-left: 30px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.conbox_6 .box .box_fr li { position: relative; width: 100%; float: left; padding-left: 40px; margin-top: 20px; }
.conbox_6 .box .box_fr li .num { width: 30px; height: 30px; background: #0097aa; position: absolute; top: 0px; left: 0px; border-radius: 50px; text-align: center; line-height: 30px; color: #fff; }
.conbox_7 { width: 100%; float: left; padding: 60px 0 60px 0; background: #f0f0f0; }
.conbox_7 .box_title { text-align: center; }
.conbox_7 .box_title .title { font-size: 28px; }
.conbox_7 .box_title .desc { color: #666; margin-top: 10px; }
.conbox_7 .list { width: 100%; float: left; margin-top: 30px; }
.conbox_7 .list .list_block { width: 20%; float: left; padding: 10px 10px; background: #fff; border-left: 10px solid #f0f0f0; border-right: 10px solid #f0f0f0; }
.conbox_7 .list .list_block .l_title { margin-bottom: 5px; float: left; width: 100%; }
.conbox_7 .list .list_block .l_title .fl { font-weight: bold; font-size: 15px; }
.conbox_7 .list .list_block .l_title .fr { font-size: 15px; }
.conbox_7 .list .list_block .l_title .fr a:hover { color: #fc3c2a; }
.conbox_7 .list .list_block .top_news { width: 100%; float: left; position: relative; }
.conbox_7 .list .list_block .top_news img { width: 100%; }
.conbox_7 .list .list_block .top_news .title { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 5px 10px; background: rgba(0, 0, 0, 0.5); }
.conbox_7 .list .list_block .top_news .title a { display: block; color: #fff; height: 18px; overflow: hidden; }
.conbox_7 .list .list_block .top_news .title h3 { font-size: 12px; }
.conbox_7 .list .list_block ul li { width: 100%; float: left; margin-top: 10px; }
.conbox_7 .list .list_block ul li .title { float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.conbox_7 .list .list_block ul li .title h3 { font-size: 12px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.conbox_7 .list .list_block ul li .title h3 a { color: #666; }
.conbox_7 .list .list_block ul li .title h3 a:hover { color: #fc3c2a; }
.conbox_7 .list .list_block ul li .time { font-size: 12px; color: #999; }
.conbox_8 { width: 100%; float: left; padding: 30px 0; }
.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; }
.conbox_9 { width: 100%; float: left; padding: 20px 0; border-top: 1px solid #ccc; }
.conbox_9 .box_wd { position: relative; padding-left: 120px; }
.conbox_9 .link_title { position: absolute; left: 0px; }
.conbox_9 ul { width: 100%; float: left; }
.conbox_9 ul li { float: left; margin-right: 20px; }
.conbox_9 ul li a { color: #666; }
.conbox_9 ul li a:hover { color: #fc3c2a; }
.conbox_10 { width: 100%; float: left; padding: 20px 10px 10px; border-top: 1px solid #ccc; }
.conbox_10 .box_wd { position: relative; }
.conbox_10 .link_title { width: 100%; float: left; }
.conbox_10 ul { width: 100%; float: left; margin-top: 15px; }
.conbox_10 ul li { float: left; margin-right: 20px; }
.conbox_10 ul li a { font-size: 14px; }
.conbox_10 ul li a:hover { color: #fc3c2a; }
 @media screen and (max-width: 769px) {
.conbox_1 { padding: 10px; background-size: cover; }
.conbox_1 .form_box { width: 100%; }
.conbox_1 .scroll { display: none; }
.conbox_2 { padding: 20px 0; }
.conbox_2 .list li { width: 50%; }
.conbox_2 .list li a { padding: 10px 0; }
.conbox_3 { padding: 20px 0; }
.conbox_3 .box_title h2 { font-size: 20px; }
.conbox_3 .list { margin-top: 20px; }
.conbox_3 .list li { width: 33.3333%; padding: 5px; }
.conbox_3 .list li img { width: 60%; }
.conbox_4 { padding: 20px 0; }
.conbox_4 .box_title h2 { font-size: 20px; }
.conbox_4 ul { margin-top: 20px; }
.conbox_4 ul li { padding: 5px 0; border-top: 0px; }
.conbox_4 ul li .desc { display: none; }
.conbox_4 ul li .li_block { width: 100%; text-align: center; }
.conbox_4 ul li .li_block .num { margin-top: 10px; }
.conbox_5 { padding: 20px 0; }
.conbox_5 .box_title h2 { font-size: 20px; }
.conbox_5 .box_img { display: none; }
.conbox_5 .list { padding: 0 20px; width: 100%; }
.conbox_5 .list ul { margin-top: 10px; }
.conbox_5 .list ul li { font-size: 14px; }
.conbox_5 .list .box_title { text-align: center; display: block; }
.conbox_6 { padding: 20px 0; }
.conbox_6 .box_title h2 { font-size: 20px; }
.conbox_6 .box { padding: 0 10px; }
.conbox_6 .box .box_fl { width: 100%; }
.conbox_6 .box .box_fr { width: 100%; }
.conbox_7 { padding: 20px 0; }
.conbox_7 .box_title h2 { font-size: 20px; }
.conbox_7 .list .list_block { margin-top: 10px; width: 100%; }
.conbox_7 .list .list_block .top_news .title { width: 100%; }
.conbox_8 { display: none; }
.conbox_9 { padding: 10px; }
.conbox_9 .box_wd { padding-left: 0px; }
.conbox_9 .link_title { position: static; }
.conbox_9 ul { margin-top: 10px; }
}
/*
  
 主色 #EC8617 
 高亮色 $Zys
 字体颜色 #515151  文本颜色#626262
 线颜色 #dedede
 点缀色 #517fff

*/

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