.w { width: 90%; max-width: 1659px; margin: 0 auto; }
.head_box { position: fixed; top: 0; left: 0; height: 100px; width: 100%; z-index: 9999; }
.head_seat { height: 100px; }
.head_flex { display: flex; justify-content: space-between; align-items: center; height: 100px; }
.logo { font-size: 40px; font-family: DINPro; font-weight: bold; color: #FFFFFF; cursor: pointer; height:100px; line-height:100px;}
.logo img{ max-width:100%; max-height:90%; display:inline-block; vertical-align:middle;}
.head_nav { display: flex; align-items: center; }
.head_nav_item { padding: 10px 15px; cursor: pointer; font-size: 18px; font-family:arial ; font-weight: 400; color: #FFFFFF; margin-right: 20px; }
.head_nav_item:last-child { margin-right: 0; }
.head_nav_item a{ color:#fff;}
.cen_item { position: relative; }
.one_cen_item_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 60px; font-family: arial ; 
                     font-weight: 900; color: #FFFFFF; text-align: center; z-index:999;}
.back_img {  background-size: cover;  background-repeat: no-repeat; background-position: center; }
.cen_item_title { font-size: 40px; font-family: arial; font-weight: bold; color: #111111; }
.cen_item_title2 { font-size: 30px; font-family: arial ; font-weight: bold; color: #fff; }
.cen_item_img img { width: 100%; }
.cen_item_img video{ display:block; width:100%;}
.cen_item1 { padding: 80px 0 120px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cen_item1 .cen_item_title { margin-bottom: 40px; }
.tow_cen_item_box { display: flex; justify-content: space-between; align-items: center; }
.tow_cen_item_box_img { margin-right: 8%; max-width:58%;}
.tow_cen_item_box_img2{ margin-right:0; margin-left:8%;}
.tow_cen_item_box_img img{ max-width:100%;}
.tow_cen_item_box_text { flex: 1; font-size: 15px; font-family:arial; font-weight: 400; line-height: 1.9em; color: #333333; }
.cen_item2 { padding: 100px 0 65px; color: #fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cen_item2 .cen_item_title { color: #fff; }
.cen_item_intro { margin: 35px 0 85px; font-size: 20px; font-family: arial ; font-weight: 600; line-height: 1.6em; }
.three_cen_item_box { display: flex; flex-wrap: wrap; }
.three_box_item { width: 33%; height: 400px; background: rgba(0, 0, 0, 0.68); /* box-shadow: 4px 4px 12px rgba(246, 241, 232, 0.74); */
box-sizing: border-box; margin-right: 4px; margin-bottom: 7px; padding: 45px 45px 30px; overflow: hidden; }
.three_box_item:nth-child(3n) { margin-right: 0; }
.three_box_item_img { height: 75px; }
.three_box_item_img img { max-width: 100%; max-width: 75px; }
.three_box_item_tit { margin: 20px 0 15px; font-size: 28px; font-family: DINPro; font-weight: bold; }
.three_box_item_text { font-size: 18px; font-family: DINPro; font-weight: 400; line-height: 34px; color: #999999; height: 170px; overflow: hidden; }
.cen_item2_box { margin-top: 140px; }
.cen_item2_box_msg { width: 100%; background: rgba(0, 0, 0, 0.26); padding: 50px; box-sizing: border-box; }
.cen_item2_box_msg_tit { font-size: 38px; font-family: arial ; font-weight: bold; text-align: center; }
.cen_item2_form { margin: 40px auto 0; width: 80%; }
.layui-form-item { display: flex; align-items: center; margin-bottom: 25px; }
.layui-form-label { margin-right: 28px; width: 271px; font-size: 20px; font-family: arial ; font-weight: 400; text-align: right; }
.layui-input-block { flex: 1; margin-left: 0; }
.layui-input-block input { width: 100%; height: 40px; background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(238, 229, 224, 0.7); padding: 0 10px; color: #fff; font-size: 20px; font-family: arial ; box-sizing: border-box; }
.layui-input-block input[type="button"] { width: 180px; opacity: 0.5; cursor: pointer; }
.layui-input-block .layui-btn { width: 464px; height: 50px; background: #0D68CF; cursor: pointer; font-size: 24px; font-family: arial ; color: #FFFFFF; }
.layui-input-block_upload { display: flex; align-items: center; }
.test1_text { margin-left: 20px; color: #fff; font-size: 20px; font-family: arial ; }
.layui-form_btn { margin-top: 45px; }
.cen_item3 { padding: 80px 0 30px; }
.cen_item3_box1 { display: flex; justify-content: space-around; align-items: center; margin: 60px 0; }
.cen_item3_box1text { flex: 1; font-size: 20px; font-family: arial ; font-weight: 600; line-height: 1.6em; color: #999999; }
.cen_item3_box1img { max-width: 20%; margin-left: 60px; }
.cen_item3_box1img img { max-width: 100%; }
.cen_item3_box2 { display: flex; flex-wrap: wrap; }
.cen_item3_box2_item { position: relative; width: calc(33.33% - 14px); height: 479px; margin-right: 20px; margin-bottom: 50px; padding: 100px 45px 70px; box-sizing: border-box; background-image: url(../images/1652868191_page_img.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cen_item3_box2_item:nth-child(3n) { margin-right: 0; }
.cen_item3_box2_item_i { position: absolute; top: 0; left: 0; width: 83px; height: 44px; background: #343434; border-radius: 0px 0px 12px 0px; color: #fff; text-align: center; line-height: 44px; font-size: 30px; font-family: arial ; }
.cen_item3_box2_item_text { overflow: hidden; height: 100%; font-size: 20px; font-family: arial ; font-weight: 600; line-height: 32px; color: #999999; }
.cen_item3_box3 { display: flex; justify-content: space-around; align-items: center; padding: 50px 0; }
.cen_item3_box3_l, .cen_item3_box3_r { width: calc(50% - 60px); }
.cen_item3_box3_l_title { font-size: 38px; font-family: Gadugi; font-weight: bold; color: #333333; }
.cen_item3_box3_l_intro { margin-top: 50px; font-size: 20px; font-family: arial ; font-weight: 600; line-height: 48px; color: #333333; opacity: 0.5; }
.cen_item3_box3_r_tit { font-size: 48px; font-family: Gadugi; font-weight: bold; color: #333333; }
.cen_item3_box3_r_sub_tit { font-size: 48px; font-family:arial ; font-weight: 400; color: #333333; }
.cen_item3_form { width: 100%; margin: 40px auto 0; }
.cen_item3_form .layui-input-block input { background-color: unset; color: #333; border: 1px solid rgba(238, 229, 224, 1); }
.cen_item3_box4 { margin-top: 35px; }
.cen_item3_box4 img { width: 100%; }
.cen_item3_box5 { padding: 60px; padding-bottom: 0; text-align: center; }
.cen_item3_box5 .cen_item_title { color: #fff; }
.cen_item3_box5_list { display: flex; flex-wrap: wrap; padding: 20px; box-sizing: border-box; border-bottom: 3px solid #0D68CF; }
.cen_item3_box5_item { width: 50%; height: 35px; line-height: 35px; list-style: none; font-size: 16px; font-family: Gadugi; font-weight: 700; color: #fff; }
.cen_item4 { padding: 30px 0 80px; color: #fff; }
.cen_item4 .cen_item_title {}
.cen_item4_list { margin: 120px 0; display: flex; justify-content: space-between; }
.cen_item4_list_item { display: flex; align-items: center; max-width: 31%; }
.cen_item4_item_icon { margin-right: 20px; }
.cen_item4_list_tit { font-size: 20px; font-family:arial ; line-height: 84px; color: #000;}
.cen_item4_list_sub_t { font-size: 20px; font-family: arial ; line-height: 24px; color: #000;}
.cen_item4_form { width: 100%; }
.ipage{ padding-top:100px; margin-top:-100px;}
.head_box.active{ background:#fff;}
.head_box.active .head_nav_item{ color:#333;}
.head_box.active .head_nav_item a{ color:#333;}
.inbanner img{ display:block; width:100%;}
.inside{ padding:30px 0 60px 0;}
@media(max-width:768px){
.head_flex{ display:block;}
.head_box{ background:#0d68cf;}
.logo{ height:50px; line-height:50px;}
.head_nav{ height:50px;}
.head_nav_item{ width:25%; font-size:12px; padding:0;}
.h_height{ height:100px;}
.head_box.active{ background:#0d68cf;}
.head_box.active .head_nav_item{ color:#fff;}

.one_cen_item_text{ font-size:30px; line-height:40px;}

.tow_cen_item_box{ display:block;}
.tow_cen_item_box_img{ margin-right:0; max-width:100%; margin-bottom:10px;}
.tow_cen_item_box_img2{ margin-left:0; }
.cen_item_title{ font-size:30px;}
.tow_cen_item_box_text{ font-size:15px; }

.cen_item_intro{ font-size:15px;}

.three_box_item{ width:100%; height:auto; padding:30px 10% 30px 10%;}
.three_box_item_tit{ font-size:20px;}
.three_box_item_text{ font-size:14px; line-height:26px; height:auto;}

.cen_item2_box_msg{ padding:30px 5%;}
.cen_item2_form{ margin:0; width:100%; margin:25px auto;}
.layui-form-item{ display:block;}
.layui-form-label{ font-size:12px;}
.layui-input-block .layui-btn { width: 100%; height: 50px; font-size: 24px; }

.cen_item3_box1{ display:block;}
.cen_item3_box1text{ font-size:16px;}
.cen_item3_box1img{ max-width:100%; margin:10px 0 0 0;}
.cen_item3_box2_item{ width:100%; height:auto; padding:60px 10% 30px 10%;}
.cen_item3_box2_item_text{ font-size:16px; line-height:1.5em;}

.cen_item3_box5{ padding:30px 10%;}

.cen_item4_list{ display:block; margin:60px 0;}
.cen_item4_list_item{ max-width:100%; align-items: flex-start; margin-bottom:20px;}
.cen_item4_item_icon img{ width:40px;}
.cen_item4_list_tit{ font-size:30px; line-height:40px;}
}
.index_add1{ margin-top:30px;}
.index_add1 ul li{ float:left; width:calc((100% - 50px)/6); margin:0 0 10px 10px;}
.index_add1 ul li:nth-child(6n-5){ margin-left:0; clear:left;}
.index_add1 ul li .img{ padding-bottom:50%; position:relative; background:#fff;}
.index_add1 ul li .img img { max-width:100%; max-height:100% ; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.index_txt1{ font-size:24px; line-height:1.5em; margin-top:10px;font-family: arial ;}