*{margin: 0; padding: 0; font-weight:300;}
b{font-weight: bold;}
.clear{clear: both;}
@media screen and (min-width: 801px) {
	.all{ width: 1200px; margin: auto;}
	.swiper{ width: 100%; height:600px ; position: relative;}
	.swiper .swiper-container {width: 100%;height: 100%;}
	.swiper .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center}
	.swiper .swiper-pagination-bullet{ width:50px; height: 5px; border-radius:3px ;}
	.swiper .swiper-pagination-bullet-active{ background: #265F9E;}
	.nav_top{z-index: 100; position: absolute; top: 0; left: 0; width: 100%; height:80px ; background: rgba(6,20,70,0.3);}
	.nav_top .all{ height: 80px; display: flex;align-items: center; justify-content: space-between;}
	.nav_top img{ width:145px; cursor: pointer;}
	.nav_top a{ font-size:16px ; color: #fff; margin-left: 50px; text-decoration: none;}
	.nav_top a:hover{ text-decoration: underline;}
	.all_title{ padding-top: 50px;}
	.all_title b{ font-size: 24px; display: block; line-height: 30px; text-align: center;}
	.all_title span{ text-align: center;display: block; font-size:12px; color: #505050; text-transform: uppercase;line-height: 20px;margin: auto;}
	.all_title font{ margin-top: 15px; padding-top: 15px; border-top:1px solid #dcdcdc ; text-align: center;display: block; font-size:14px; color: #505050;line-height: 24px;}
	.content1{height: 520px; background: url(../image/banner2.jpg) center no-repeat ;}
	.content1_main{ padding-top: 30px; display: flex;justify-content:space-between;}
	.content1_main img{ width: 220px; height: 220px; margin-bottom: 30px;}
	.content1_main_in{display: flex; flex-direction: column; align-items: center;}
	.content1_main_in  b{ font-size: 18px; line-height: 30px;}
	.content1_main_in span{ line-height: 24px; text-align: center; font-size: 14px; color: #505050;}
	.case_swiper{ width: 1220px; height:810px; margin: auto; position: relative;}
	.case_swiper .swiper-container1{ width:  1220px; height: 800px; overflow: hidden;}
	.case_in{ margin-top: 20px; margin-right: 10px; margin-left: 10px; width:285px; height:375px; border-radius:10px;background: #FFFFFF;box-shadow: 0 0 5px 0 rgba(0,0,0,0.20); float: left;}
	.case_swiper .swiper-slide .case_in:nth-child(4),.case_swiper .swiper-slide .case_in:nth-child(8){ margin-right: 0;}
	.case_in:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,0.30)}
	.case_swiper .swiper-container1 .swiper-slide{ width: 1220px;}
	.case_in .pic{ width: 285px; height: 285px;  border-radius: 10px 10px 0 0 ;}
	.case_in font{ overflow: hidden; padding: 0 10px; margin-top: 15px; display: block; text-align: center; color: #505050; height: 24px; font-size: 14px; line-height: 24px;}
	.case_in span{ overflow: hidden; padding: 0 10px; display: block; text-align: center; color: #989898; height: 24px; font-size: 14px; line-height: 24px;}
	.swiper-button-next1{ opacity: 0.5; cursor: pointer; position: absolute; left: -100px; top: 300px; width: 100px; height: 100px;}
	.swiper-button-prev1{ opacity: 0.5; cursor: pointer;position: absolute; right: -100px; top: 300px;width: 100px; height: 100px;}
	.swiper-button-next1 img ,.swiper-button-prev1 img{ width: 100px; height: 100px; display: block;}
	.swiper-button-next1:hover,.swiper-button-prev1:hover{opacity: 1; }
	.us_swiper{min-width: 1200px;  overflow: hidden; margin-top: 20px;}
	.us_swiper .swiper-container2{height: 400px;}
	.us_swiper .swiper-slide{ display:flex;justify-content: center;}
	.us_swiper .swiper-slide span{ margin-top: 320px; color: #fff; font-size: 18px; line-height: 30px; background: rgba(45,73,138,0.8); height: 30px;padding: 0 30px; border-radius:20px ;}
	.content2 .txt{padding-bottom: 40px; text-align: justify; font-size:14px; line-height: 24px; color: #505050; margin-top: 20px; padding-top: 15px; border-top:1px solid #dcdcdc ;}
	.content3{ position:relative; height: 600px; background: url(../image/bottom.jpg) center top;}
	.content3 .all_title{ color: #fff}
	.content3 .all_title span{ color: #fff;}
	.contact{ width: 1200px; margin: auto;}
	.contact_1{ display:flex; justify-content: center; padding-top: 20px;}
	.contact .line{ cursor: pointer; display: flex; justify-content: center; align-items: center; margin-left:20px; margin-right: 20px; color: #fff;}
	.contact .line img{ width: 20px; height: 20px; margin-right: 5px;}
	.contact_2 .in1{ width: 200px; height: 200px; margin: auto; margin-top: 50px;}
	.contact_2 .in1 img{ width: 200px; height:200px ; border-radius:10px ; }
	.contact_2 .in2{ width: 800px; height: 320px; margin: auto;margin-top: 20px;border-radius:10px ;}
	.content3 .copyright{ font-size: 12px; color: #fff; display: flex;justify-content: center; align-items:  center; position: absolute; bottom: 0; right: 0; left:0 ; height: 50px; background:rgba(0,0,0,0.3);}
	.content3 .copyright a{ color: #fff; text-decoration: none; margin-left: 10px;}
	.content3 .copyright a:hover{text-decoration: underline;}
	.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
	.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
	.case_m{ display: none;}
	.us_m{ display: none;}
}

@media screen and (max-width: 800px) {
	.all{}
	.swiper{ width: 100%; height:200px ; position: relative;}
	.swiper .swiper-container {width: 100%;height: 100%;}
	.swiper .swiper-slide { text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center}
	.swiper .swiper-pagination-bullet{ width:20px; height: 3px; border-radius:3px ;}
	.swiper .swiper-pagination-bullet-active{ background: #265F9E;}
	
	.nav_top{z-index: 100; position: absolute; top: 0; left: 0; width: 100%; height:40px ; background: rgba(6,20,70,0.3);}
	.nav_top .all{ height: 40px; display: flex;align-items: center; justify-content: center;}
	.nav_top img{ width:100px; cursor: pointer;}
	.nav_top a{ font-size:16px ; color: #fff; margin-left: 50px; text-decoration: none;}
	.nav_top a:hover{ text-decoration: underline;}
	.nav_top .action{ display: none;}
	
	.all_title{ padding-top: 30px;}
	.all_title b{ font-size: 18px; display: block; line-height: 24px; text-align: center;}
	.all_title span{ text-align: center;display: block; font-size:10px; color: #505050; text-transform: uppercase;line-height: 18px;margin: auto;}
	.all_title font{ padding: 0 10px; margin-top: 10px; padding-top: 10px; border-top:1px solid #dcdcdc ; text-align: justify;display: block; font-size:14px; color: #505050;line-height: 20px; margin-bottom: 15px;}
	
	.content1{background: url(../image/banner2.jpg) center; background-size:cover ;}
	.content1_main{ padding-top: 10px;}
	.content1_main img{ width: 80%;  margin-bottom: 30px;}
	.content1_main_in{ margin-bottom: 20px; width: 50%; float: left; display: flex; flex-direction: column; align-items: center;}
	.content1_main_in  b{ font-size: 14px; line-height: 24px;}
	.content1_main_in span{ line-height: 20px; text-align: center; font-size: 12px; color: #505050;}
	
	
	
	
	
	.case_swiper{  display: none;}
	.case_swiper .swiper-container1{ width:  1220px; height: 800px; overflow: hidden;}
	.case_in{ margin-top: 20px; margin-right: 10px; margin-left: 10px; width:285px; height:375px; border-radius:10px;background: #FFFFFF;box-shadow: 0 0 5px 0 rgba(0,0,0,0.20); float: left;}
	.case_in .pic{ width: 285px; height: 285px;  border-radius: 10px 10px 0 0 ;}
	.case_in font{ overflow: hidden; padding: 0 10px; margin-top: 15px; display: block; text-align: center; color: #505050; height: 24px; font-size: 14px; line-height: 24px;}
	.case_in span{ overflow: hidden; padding: 0 10px; display: block; text-align: center; color: #989898; height: 24px; font-size: 14px; line-height: 24px;}
	.swiper-button-next1{ opacity: 0.5; cursor: pointer; position: absolute; left: -100px; top: 300px; width: 100px; height: 100px;}
	.swiper-button-prev1{ opacity: 0.5; cursor: pointer;position: absolute; right: -100px; top: 300px;width: 100px; height: 100px;}
	.swiper-button-next1 img ,.swiper-button-prev1 img{ width: 100px; height: 100px; display: block;}
	.swiper-button-next1:hover,.swiper-button-prev1:hover{opacity: 1; }
	.us_swiper{ display: none;}
	.us_swiper .swiper-container2{height: 400px;}
	.us_swiper .swiper-slide{ display:flex;justify-content: center;}
	.us_swiper .swiper-slide span{ margin-top: 320px; color: #fff; font-size: 18px; line-height: 30px; background: rgba(45,73,138,0.8); height: 30px;padding: 0 30px; border-radius:20px ;}
	.content2 .txt{font-size: 14px; padding: 0 15px; padding-bottom: 40px; text-align: justify; font-size:14px; line-height: 24px; color: #505050; margin-top: 20px; padding-top: 15px; border-top:1px solid #dcdcdc ;}
	.content3{ position:relative; height: 600px; background: url(../image/bottom.jpg) center top;}
	.content3 .all_title{ color: #fff}
	.content3 .all_title span{ color: #fff;}
	
	.contact{ }
	.contact_1{ padding-top: 20px;}
	.contact .line{font-size: 14px; padding: 5px 0; cursor: pointer; display: flex; justify-content: center; align-items: center;color: #fff;}
	.contact .line img{ width: 16px; height: 16px; margin-right: 5px;}
	.contact_2 .in1{ width: 200px; height: 200px; margin: auto; margin-top: 50px;}
	.contact_2 .in1 img{ width: 200px; height:200px ; border-radius:10px ; }
	.contact_2 .in2{ width:80%; height: 320px; margin: auto;margin-top: 20px;border-radius:10px ;}
	.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
	.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
	.content3 .copyright{ display: flex; align-items: center; justify-content: center; text-align: center; font-size: 10px; color: #fff;position: absolute; bottom: 0; right: 0; left:0 ; height: 50px; background:rgba(0,0,0,0.3);}
	.content3 .copyright a{ color: #fff;text-decoration: none; padding-left:5px;}
	
	.case_m{}
	.case_m_in{padding-bottom: 20px; box-sizing: border-box; width: 50%; float: left; border-right:1px solid #fff ;}
	.case_m_in img{ width: 100%;}
	.case_m_in font{ overflow: hidden; padding: 0 10px; margin-top: 5px; display: block; text-align: center; color: #505050; height: 20px; font-size: 14px; line-height: 20px;}
	.case_m_in span{ overflow: hidden; padding: 0 10px; display: block; text-align: center; color: #989898; height: 16px; font-size: 12px; line-height: 16px;}
	.us_m{ display: flex; justify-content: center; border-bottom:1px solid #fff ;}
	.us_m .us_m_1{ width: 50%; height: 140px; display: flex;justify-content: center;}
	.us_m .us_m_1 span{ margin-top: 100px; color: #fff; font-size: 14px; line-height: 24px; background: rgba(45,73,138,0.8); height: 24px;padding: 0 10px; border-radius:20px ;}
	.us_m .us_m_line1{ width: 1px;}
	.btn{ line-height: 26px;border-radius:15px ; margin: auto; text-align: center; height: 26px; border: 1px solid #265F9E; color: #265F9E; font-size: 14px; width: 150px; margin-top: 10px; margin-bottom: 20px;}
	.more{ line-height: 26px; margin: auto; text-align: center; height: 26px; color: #dcdcdc; font-size: 14px; width: 150px; margin-top: 10px; margin-bottom: 20px;}
	
}