@charset "utf-8";

.ab_banner{ width:100%; padding:200px 0; text-align:center; font-size:24px;font-family:"wcorbel"; text-transform:uppercase; color:#fff; }

.ab_banner .h1{ font-size:40px;font-family:"wepisode"; padding-bottom:20px; }


.steel_banner{ width:100%; padding:200px 0; text-align:center; font-size:16px;font-family:"wcorbel"; text-transform:uppercase; color:#fff; }

.steel_banner .h1{ font-size:40px;font-family:"wepisode"; padding-bottom:20px; }




.ab_one_box{ padding-top:55px; padding-bottom:55px; font-family:"wcorbel"; line-height:30px; font-size:16px;}

.ab_one_box img{ float:right; margin-left:70px;}



.ab_two_box{ background:#000000; color:#fff; text-align:center; padding-top:50px;font-family:"wcorbel"; font-size:16px;}

.ab_two_box img{ width:100%;}

.ab_two_box .h1{ font-size:36px; padding-bottom:10px;}



.ab_three_box{  color:#fff;font-family:"wcorbel"; font-size:16px; line-height:26px; padding-bottom:40px;}

.left_three_content{ width:405px;}

.left_three_content ul li{font-family:"wcorbel"; font-size:16px; padding-bottom:15px; padding-left:25px; background:url(../images/ab_icon.jpg) no-repeat top left; background-position:0 5px;}

.left_three_content ul li h1{ font-size:18px; padding-bottom:7px;}

.ab_three_box .h1{ font-size:36px; padding-bottom:10px; width:100%; border-bottom:1px solid #fff; margin-bottom:30px; padding-right:100px; display:block; line-height:40px; font-weight:bold; padding-bottom:15px;}





.ab_seven_box{ background:#e0e0e0; padding:65px 0;}

.seven_box{ background:#000; color:#fff; text-align:center;font-family:"wcorbel";font-size:16px; line-height:26px; padding-top:30px; padding-bottom:30px;}

.seven_container{ padding:0 100px; color:#b2b2b2;}

.seven_container a{ color:#b2b2b2;}

.seven_container a:hover{ opacity:0.8;}

.seven_container .h1{ color:#fff;font-size:36px; padding-bottom:15px;}





.ab_six_box{ padding-top:50px; padding-bottom:50px;}

.ab_six_box .h1{font-family: "wcorbel"; font-size:36px; font-weight:bold; text-align:center; border-bottom:1px solid #dddddd; padding-bottom:20px;}

.six_container{font-family: "wcorbel"; font-size:16px; line-height:26px; color:#808080; text-align:center; padding:40px 0;}



.ab_six_box ul{}

.ab_six_box ul li{ width:33%; float:left; text-align:center; list-style:none;}

.ab_six_box ul li img{ border-radius:50%; border:1px solid #e7e7e7;}

.ab_six_box ul li span{ display:block; padding:15px 0;font-family: "wcorbel"; font-size:18px; font-weight:bold;}

.ab_six_box ul li .content_six{font-family: "wcorbel"; font-size:16px; line-height:28px; padding:0 40px; color:#6a6a6a;}



.ab_four_box{ padding-bottom:340px; background:#e5f2fc url(../images/img_2.jpg) no-repeat bottom center;  padding-top:50px;}

.ab_four_box .h1{font-family: "wcorbel"; font-size:36px; font-weight:bold; text-align:center; border-bottom:1px solid #dddddd; padding-bottom:20px;}

.ab_four_box ul{ padding-top:32px; padding-bottom:50px;}

.ab_four_box ul li{ width:25%; float:left; text-align:center; list-style:none; }

.ab_four_box ul li .ul_four_box{ background:#fff; width:90%; margin:0 auto; padding:34px 0;}

.ab_four_box ul li img{ border-radius:50%; border:1px solid #e7e7e7;}

.ab_four_box ul li span{ display:block; padding:15px 0;font-family: "wcorbel"; font-size:18px; font-weight:bold;}

.ab_four_box ul li .content_six{font-family: "wcorbel"; font-size:16px; line-height:24px; padding:0 40px; color:#6a6a6a; height:200px;}



.img100_ab{ width:100%;}



.ab_two_bg{ height:618px;}

.ab_two_bg .margin{ height:618px; position:relative;}

.ab_two_bg .margin i{ width:24px; height:24px; background:#fff; text-align:center; line-height:24px; display:block; border-radius:50%; color:#000; font-style:normal; margin:0 auto;}

.ab_two_bg .margin .item_list_two{ position:absolute; width:352px; text-align:center; }

.ab_two_bg .margin .item1{top:100px;}

.ab_two_bg .margin .item2{top:122px; left:220px;}

.ab_two_bg .margin .item3{top:322px; left:245px;}

.ab_two_bg .margin .item4{top:400px; left:-100px;}

.ab_two_bg .margin .item5{top:276px; left:575px;}

.ab_two_bg .margin .item6{top:146px; left:725px;}

.ab_two_bg .margin .item1_box{ padding:15px; background:#fff; color:#000; border-radius:3px; overflow:hidden; line-height:22px; color:#666; margin-top:10px; display:none;}

.ab_two_bg .margin .item1_box span{ display:block; font-weight:bold; color:#000; padding-bottom:8px;}





@media (max-width: 1000px){

}



@media (max-width: 640px){

.ab_banner{ padding:40px 0;font-size:16px;}

.ab_banner .h1{ font-size:24px;font-family:"wepisode"; padding-bottom:5px; }



.steel_banner{ padding:40px 0;font-size:14px;}

.steel_banner .h1{ font-size:24px;font-family:"wepisode"; padding-bottom:5px; }



.ab_hui_bg{padding:30px 0; font-size:14px;line-height:26px;}



.ab_one_box {padding-top: 15px;padding-bottom: 15px; line-height:26px;}

.ab_one_box img{ margin-left:0;  width:100%; margin-bottom:15px;}



.ab_two_box .h1{ font-size:24px;}



.ab_two_bg{ height:200px;}

.ab_two_bg .margin{ height:auto;}

.ab_two_bg .margin .item_list_two{ position:relative; width:100%; float:left;}



.ab_two_bg .margin i{ display:none;}

.ab_two_bg .margin .item1_box{ display:block; background:none; color:#fff; text-align:left; padding-left:0; padding-right:0;}

.ab_two_bg .margin .item1_box span{ color:#fff;}

.ab_two_bg .margin .item1{ top:inherit; margin-top:150px;}

.ab_two_bg .margin .item2,.ab_two_bg .margin .item3,.ab_two_bg .margin .item4,.ab_two_bg .margin .item5,.ab_two_bg .margin .item6{ top:inherit; left:inherit;}



.ab_three_box .h1{ font-size:24px; padding-right:0; margin-bottom:10px;}



.left_three_content ul li{ background:none; padding:0; padding-bottom:15px;}



.ab_four_box .h1{ font-size:24px;}

.ab_four_box ul li{ width:50%; margin-bottom:15px;}

.ab_four_box ul li .content_six{ height:44px; overflow:hidden;}

.ab_four_box ul li .ul_four_box{ padding:10px 0;}

.ab_four_box{ padding-bottom:50px;}



.ab_six_box .h1{ font-size:24px;}

.ab_six_box ul li .content_six{ display:none;}



.seven_container{ padding:0 15px;}

.ab_seven_box{ padding:25px 0;}

}