@charset "utf-8";

.banner_h{position:absolute; width:155px; right:0; top:180px;}

.piao_banner_content{ width:155px; padding:30px 30px; float:right; margin-bottom:40px;background-color: rgba(0,0,0,0.6); height:240px;}

.piao_banner_content h2{ font-size:22px;font-family:"wcorbel"; font-weight:lighter; color:#fff; line-height:26px;}

.content_cut{ padding:8px 0 0;font-family:"wcorbel"; font-size:16px; color:#fff; line-height:24px; height:70px; overflow:hidden;}



.piao_banner_content a{ width:140px; height:50px; text-align:center; line-height:50px; color:#fff; display:block; border:2px solid #fff; margin-top:30px; text-transform:uppercase; font-size:13px;font-family:"wcorbel";}

.piao_banner_content a:hover{ opacity:0.6;}



.eight_box{ padding:60px 0;}

.eight_box li{ width:25%; float:left; padding:15px 0;}

.eight_box_container{ padding-right:30px;font-family:"wcorbel"; font-size:16px; color:#9e9e9e; line-height:20px;}

.eight_box_container span{ font-size:20px; color:#343434;}

.eight_box_container span:first-letter { font-weight:bold;}

.line_eight{ width:30px; height:2px; background:#cccccc; margin:13px 0;}



.eight_bottom_line{ width:100%; height:55px; background:#f2f2f2;}



.index_two{ padding:35px 0; text-align:center; font-family:"wcorbel"; font-size:16px; line-height:28px;}

.index_two .h1{ font-size:30px; line-height:36px; padding-bottom:15px;}



.hui_bg_i{ background:#f2f2f2; padding:27px 0 57px;}

.i_three_list li{ float:left; text-align:center; width:33%; float:left;}

.i_three_list li .i_three_box{ width:90%; margin:0 auto;}

.i_three_list li:nth-child(1) .i_three_box{ float:left; }

.i_three_list li:nth-child(3) .i_three_box{ float:right;}

.i_three_container{ text-align:left; font-family:"wcorbel"; font-size:14px; line-height:24px;}

.i_three_container span{ font-size:18px; font-weight:bold; padding-bottom:12px;}

.i_three_list li .i_three_box img{ width:100%; margin-bottom:20px;}

.i_three_list li span{ display:block;}





.hui_catgory_bg_i{background:#f2f2f2; padding-bottom:60px; font-family:"wcorbel";}

.hui_catgory_bg_i .h1{font-size:30px; line-height:36px; padding-bottom:15px; padding:30px 0; text-align:center;}

.hui_catgory_bg_i ul{ padding-top:10px;}

.hui_catgory_bg_i li{ width:50%; float:left;}

.hui_catgory_bg_i li .hui_category_img{ width:95%; float:left; font-size:24px; text-align:center;}

.hui_catgory_bg_i li .hui_cateimg{ overflow:hidden;}

.hui_catgory_bg_i li:nth-child(2) .hui_category_img{ float:right;}

.hui_catgory_bg_i li .hui_category_img img{ width:100%;}

.hui_catgory_bg_i li .hui_category_img span{ padding:15px 0; display:block;}

.hui_catgory_bg_i li a:hover img{ transform:scale(1.05);}



.i_jncn_list{ padding-top:20px;}

.i_jncn_list li{ text-align:left; padding:49px 0;}

.i_jncn_list li .i_jncn_img{ float:right; margin-left:70px;}

.i_jncn_list li .i_jncn_container{ font-family:"wcorbel"; font-size:16px; line-height:26px;}

.i_jncn_list li .i_jncn_container span{ font-size:24px; padding-bottom:20px; display:block;}

.i_jncn_list li:nth-child(2n) .i_jncn_img{ float:left; margin-right:70px; margin-left:0;}

a.jncn_i_btn{ padding:12px 18px; line-height:100%; background:#000; border-radius:3px; color:#fff; margin-top:20px; float:left;}

a.jncn_i_btn:hover{ background:#4b4b4b;}

@media (max-width: 1000px){

}



@media (max-width: 640px){

.banner_h{ padding-top:0; width:100%; top:0; right:0; position:relative;}


.piao_banner_content{ width:calc(100% - 60px); padding:30px 30px; float:right; background-color: rgba(0,0,0,0.6); height:auto;}

.piao_banner_content h2{ line-height:26px;}

.content_cut{ height:auto;}





.eight_box{ padding:20px 0;}

.eight_box li{ width:50%; float:left; padding:15px 0 0;}

.eight_box_container{ padding-right:0;font-family:"wcorbel"; font-size:14px; color:#9e9e9e; }

.eight_box_container span{ font-size:20px; color:#343434;}

.three_content{ }

.line_eight{ width:30px; height:2px; background:#cccccc; margin:5px 0;}





.index_two{ padding:15px 0;}

.index_two .h1{ font-size:20px; line-height:36px; padding-bottom:15px;}

.i_three_list li{ width:100%; padding-bottom:15px;}

.i_three_list li .i_three_box{ width:100%;}

.i_three_list li img{ width:100%;}



.i_jncn_list li{ padding:15px 0;}

.i_jncn_list li .i_jncn_img{ margin-left:0;}

.i_jncn_list li .i_jncn_img img{ width:100%; margin-bottom:15px;}

.i_jncn_list li:nth-child(2n) .i_jncn_img{ margin-right:0;}



.hui_catgory_bg_i .h1{ font-size:20px; padding:15px 0;}

.hui_catgory_bg_i li .hui_category_img span{ font-size:16px;}

.hui_catgory_bg_i{ padding-bottom:20px;}

}