.index_zs .info .flex{padding:0}
.index_part2{ width: 50%; float: left; height: 550px; display: flex; align-items: center; background:url(../images/index_part2bg.jpg) no-repeat center; background-size:100% 100%; justify-content: center;}
.index_part2 .info{ width: 40%; text-align: left; margin-left: 10%;}
.index_part2 .img{  max-width: 42%;}
.index_part2 .img img{ max-height: 360px; max-width: 100%;}

.index_part3{ width: 33.3%; float: left; height: 550px; display: flex; align-items: center; background:url(../images/index_part2bg.jpg) no-repeat center; background-size:100% 100%; justify-content: center;}
.index_part3 .info{ width: 40%; text-align: left; margin-left: 10%;}
.index_part3 .img{  max-width: 42%;}
.index_part3 .img img{ max-height: 360px; max-width: 100%;}

.index_story .info,.index_story .img{ height: 850px;}
.index_story .infoa,.index_story .imga{ height: 850px;}
.index_story .info{ width: 50%; float: left; background: #e7e7e9; display: flex; justify-content: center;align-items: center; position: relative;}
.index_story .info:before,.index_zs .info:before{ content: ""; display: block; width: 1px; height:0px; background: #273977; position: absolute;left: 50%; top: 0;z-index: 1; transition: all .8s;}
.index_story .info:hover:before{ height: 100px;}
.index_story .infoa{ width: 40%; float: left; background: #e7e7e9; display: flex; justify-content: center;align-items: center; position: relative;}
.index_story .infoa:before,.index_zs .info:before{ content: ""; display: block; width: 1px; height:0px; background: #273977; position: absolute;left: 50%; top: 0;z-index: 1; transition: all .8s;}
.index_story .infoa:hover:before{ height: 100px;}
.index_story .flex{ width: 80%; text-align: center;}
.index_story .img{ width: 50%; float: right; position:relative;z-index:2; }
.index_story .img:before{ content:""; display:block; width:100%;height:100%; position:absolute; left:0; top:0;}
.index_story .imga{ width: 60%; float: right; position:relative;z-index:2; }
.index_story .imga:before{ content:""; display:block; width:100%;height:100%; position:absolute; left:0; top:0;}
.story_num{ width:100%; text-align:center;height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; padding:0 12%; box-sizing:border-box}
.story_num .box{ display:inline-block; width: 200px; color:#fff}
.story_num span{ display:block; font-size:48px; font-weight:blod;}
.index_tit2 .en{ font-size: 30px; font-family: "en"; margin: 5px 0;}
.index_tit2 .cn{ font-size: 18px; }
.index_tit2 .line{ margin: 15px 0;}
.index_story .index_text{ text-align: justify;}
.index_story .index_more{margin-top: 120px;}
.index_zs .info,.index_zs .img{ float: left; height: 850px;}
.index_zs .img{ width: 66%; float: left;background-size:auto 100%}
.index_zs .info{ width: 34%; float: right;background: #d3d3d3; display: flex; justify-content: center;align-items: center; text-align: center; position: relative;}
.index_zs .info:before{ height: 0px;}
.index_zs .info:hover:before{ height: 80px;}
  .six_adv { color: #fff; font-size: 24px;float: left; margin-right: 100px; }
						.six_adv em { font-size: 72px; line-height: 72px; } 
			.six_adv .en { font-size: 30px; font-family: "en"; }
			.six_box{width: 60%;  float: left;}
			.six_box li{ display: inline-block;color: #fff;  text-align: center;width: 32%; margin-bottom: 120px;}
			.six_box li .iconfont{ font-size: 50px;  margin-bottom: 10px; display: block;}
			.six_box ul{ margin-bottom: -120px;}
			.index_zs .img{ position: relative; z-index: 1;position: relative; display: flex; align-items: center;  justify-content:center ;}
			.six_box li:hover{ color:#273977;}
			.index_zs .img:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0;top: 0; }
		    .index_zs .flex{width: 100%;  padding: 0 170px; box-sizing: border-box;padding-right: 0;}
.index_case .tit_box{ text-align: center; padding: 100px 0;}
.index_case .tit_box .cn{ font-size: 18px;}
.case_box{ width: 100%; height: 760px; position: relative; background: url(../images/case_bg.jpg) no-repeat center; background-size: 100% 100%;}
.big_case{ width: 100%; height: 100%;}
.big_case .img{ width: 66%; float: left;height: 760px;}
.big_case .img img{ vertical-align: bottom;}
.big_case .info{ width: 34%; float: right;}
.big_case .info .flex{ width: 70%; margin: 0 auto; margin-top: 70px;}
.big_case .info h3{ font-size: 30px;}
.big_case .index_more{ margin-top: 100px;}

.small_box{ width: 24%;  position: absolute;right: 5%;bottom: 0; z-index: 99;}
.small_box .swiper-container{ width: 50%; float: right; height: 100%;}
.small_box .swiper-slide img{ width: 100%; height: 100%;}
.small_box .btn_box{ width: 50%; height: 100%; background: #2e2e2e;float: left; position: relative;}
.small_box .btn_box .btn{ display: inline-block; width: 40%; height: 80px; cursor: pointer;}
.small_box .btn_box .arrow-right{ position: absolute; right: 0; bottom: 0; background: url(../images/arr_r.png) no-repeat center;}
.small_box .btn_box .arrow-left{ position: absolute; left: 0; bottom: 0; background: url(../images/arr_l.png) no-repeat center;}

.index_store{ height: 800px; width: 100%; background: #f6f6f6;}
.index_store .z-container{ position: relative;}
.map_box{ width: 90%; position: absolute; right: -12%;height: 800px; z-index: 1;top: 0;} 
.mappic{max-width: 100%;}
.map_box .area{ display: block;  width:20%;  border-radius: 50%; text-align: center;display: flex;align-items: center;justify-content: center; }
.map_box .area_1{ width:228px;height: 228px;  background: rgba(255,255,255,.4); position: absolute; left:18%; top: 300px;}
.map_box .area_2{width:228px;height: 228px;background: rgba(39,57,119,.3); position: absolute; left: 37%; top: 454px;}
.map_box .area_3{width:150px;height: 150px;  background: rgba(255,255,255,.4); position: absolute; left: 53%; top: 280px;}
.map_box .area_4{width:250px; height: 250px;  background: rgba(202,202,202,.4); position: absolute; right: 150px; bottom: 120px;}
.map_box .area_5{width:260px; height: 260px;  background: rgba(202,202,202,.4); position: absolute; right: 40px; top: 100px;}
.map_box .area:before{ content: ""; width: 100%; height: 100%; border-radius: 50%; background: rgba(39,57,119,.0); opacity: 0; transition: all .8s;position: absolute; left: 0; top: 0;}
.map_box .area:hover:before{ transform: scale(1.1,1.1); opacity: 1;background: rgba(39,57,119,1)}
.map_box .area:hover{ color: #fff;}
.index_store .index_tit2 .en{margin: 0; margin-bottom: 5px;}
.index_store li{ position: relative; display: inline-block; cursor: pointer;}
.index_store select{ width: 270px; height: 44px; background: #fff; padding: 0 20px; box-sizing: border-box; z-index: 1; position: relative; position: relative;}
.index_store select option{ width: 100%; height: 30px;}
.index_store li:before{ content: ""; display: block; width: 7px; height: 6px; background: url(../images/arr_b.png) no-repeat center; background-size: 100% 100%; position: absolute;right: 10px; top: 50%; transform: translateY(-50%); z-index: 2;}
.index_store .info{ padding-top: 180px; position: absolute; left: 0; top: 0; z-index: 2;}
.index_store .index_more{ margin-top: 70px;}

.index_news{ padding: 100px 0; position: relative;}
.index_news1:before{ content: ""; display: block; width: 1px; height: 80px; background:#273977; position: absolute; left: 50%; top: -40px;z-index: 1;}
.index_news .index_tit2{ text-align: center;}
.news_nav{ text-align: center; margin-bottom: 65px;}
.news_nav a{ display: inline-block; position: relative; margin: 0 24px; font-size: 16px;}
.news_nav a.active,.news_nav a:hover{ color: #273977;}
.news_nav a:before{content: ""; display: block; width: 0; height: 1px; background:  #273977; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); z-index: 1;transition: all .8s;}
.news_nav a.active:before,.news_nav a:hover:before{ width: 12px;}
.news_list ul{ margin-left: -3.3%;}
.news_list li{ width: 45%; float: left; margin-left: 3.3%; float: left; position: relative;}
.news_list li:before{ content: ""; display: block; width: 0%; height: 2px; background:#d3d3d4; position: absolute; left: 0;bottom: 0; z-index: 1; transition: all .8s;} 
.news_list li:hover:before{ width: 100%;}
.news_list .img{ width: 100%; height: 100%; overflow: hidden;}
.news_list .img img{ width: 558px; height: 376px; transition: all .8s;}
.news_list li:hover img{ transform: scale(1.1,1.1);}
.news_list .info{ padding: 10px; box-sizing: border-box;}
.news_list .info span,.news_list .info p{ color: #515457; line-height: 24px;}
.news_list .info h3{ margin-bottom: 5px; font-size: 16px; color: #515457; }
.news_list .info p{ height: 48px; margin-bottom: 20px;}
.news_warp .index_more{ margin: 0 auto; display: block; margin-top: 80px; margin-bottom: 30px;}


.footer{ background: #333333; color: #868686;}
.footer .z-container{ width: 89.5%;  border-bottom: 1px solid #474747; padding: 120px 0;}
.foot_nav{ float: left;}
.foot_nav a{color: #868686; display: block;}
.foot_nav dl{ display: inline-block; vertical-align: top; margin-right: 1.0vw;}
.foot_nav dt a{ color: #fff; font-size: 16px;}
.foot_nav dt{ margin-bottom: 30px;}
.foot_nav dd a{ margin-bottom: 10px;}
.foot_addre{ width: 20.foot_addre .info%; float: left; margin-left: 1vw;}
.foot_addre .info{ margin: 30px 0; line-height: 30px;}
.foot_code{ float: right;}
.foot_code .code_box{ width: 112px; float: left; text-align: center; margin-left: 1vw;}
.foot_code .code_box img{ width: 112px; height: 112px; margin-bottom: 10px;}
.foot_bar{ height: 176px; line-height: 176px;background: #333333; color:#868686 ;}
.foot_bar a{ color: #868686; float: right;}
.foot_bar .z-container{ width: 89.5%;}

.other_banner img{ width: 100%; vertical-align: bottom;}

/