/*basicStyle*/
.haioo_red{color: #e5005a}
body{background: #f8f8f8;}
/*headerStyle*/
.header_page{background: #fff;width:1200px;height: 80px;min-width: 710px;margin:0 auto;}
.header_page li{color: #666;font-size: 18px;float:left;width: 140px;text-align: center;line-height: 80px;}
.header_page li a.active{color: #e5005a;}
.header_page li a:hover{color: #e5005a;}
/*footerStyle*/
.footer_wrap{width: 100%;position: inherit;bottom: 0;background: #222;}
.footer_page{height: 290px;width:975px;min-width: 710px;margin:0 auto;color: #fff;padding: 52px;}
.footer_page > ul > li{float: left;width:325px;}
.footer_page > ul h2{font-weight: normal;height: 30px;line-height: 30px;}
.footer_page > ul li p{height: 46px;line-height: 46px;color: #bbb;}
.footer_page > ul li:last-child p{text-align: center;}
.footer_page > ul li:last-child img{margin-left: 70px;}
.footer_page > ul > li >ul li{font-size: 14px;height: 30px;line-height: 30px;}
.footer_page > ul > li >ul li i{float: left;background: url(/images/page/icon.png) no-repeat;height:30px;width: 30px;background-position:0 -50px}
.footer_page > ul > li:first-child > ul li:nth-child(2) i{background-position:-30px -50px}
.footer_page > ul > li:first-child >ul li:nth-child(3) i{background-position:-60px -50px}
.footer_page > ul > li:first-child >ul:last-child li:nth-child(3) i{background-position:0 -50px}
.footer_page > ul > li:nth-child(2) >ul li:nth-child(1) i{background-position:-30px -50px}
.footer_page > ul > li:nth-child(2) >ul li:nth-child(2) i{background-position:-90px -50px}
.footer_page > ul > li:nth-child(2) >ul li:nth-child(3) i{background-position:-120px -50px}
.footer_page > p,.footer_page > p a{text-align: center;color: #999;font-size: 10px;}
/*page_index*/
.index_header_wrap{background: url(/images/page/header_index_bg.jpg?1024) repeat top center;width: 100%;min-width: 710px;height: 600px;}
.header_page_index{width:1200px;height: 80px;min-width: 710px;margin:0 auto;}
.header_page_index li{color: #fff;font-size: 18px;float:left;width: 140px;text-align: center;line-height: 80px;}
.header_page_index li a{color: #fff;}
.header_page_index li a.active{color: #e5005a;}
.header_page_index li a:hover{color: #e5005a;}
.down_load_wrap{padding: 129px 0 0 100px;width:1100px;min-width: 710px;margin:0 auto;}
.down_load_wrap a{display: block;border: 1px solid #fff;height: 74px;width: 254px;margin-top: 15px;border-radius: 3px;line-height: 76px;color: #fff;font-size: 22px;text-align: center;}
.down_load_wrap a:hover{color: #fff;}
.down_load_wrap a i{float: left;background: url(/images/page/icon.png) no-repeat;height: 50px;width: 50px;position: relative;top: 14px;left: 10px;}
.down_load_wrap a:nth-child(2) i{background-position: -50px 0;}
.down_load_wrap div{width: 148px;margin-left: 132px;}
.down_load_wrap div img{margin-bottom: 20px;width: 100%;}
.down_load_wrap div p{color: #fff;text-align: center;font-size: 18px;}
.product_list_wrap{width:1200px;min-width: 710px;margin:0 auto;background: #fff;}
.product_list_wrap nav{height: 88px;padding:22px 22px 55px 22px;width: 624px;margin:0 auto;}
.product_list_wrap nav li{width: 124px;text-align: center;font-size: 18px;height: 58px;line-height: 58px;float: left;}
.product_list_wrap nav li.active{color: #e5005a;border-bottom: 2px solid #e5005a;cursor: pointer;}
.product_list_wrap nav li:hover {cursor: pointer;}
.product_list{padding: 0 110px;	margin: 0 auto;display:none}
.product_list li{float: left;margin: 0 38px;width: 412px;position: relative;}
.product_list li > img{width: 100%;height: 192px;}
.product_list li > p{margin:10px 0;line-height: 22px;font-size: 14px;height: 40px;line-height: 20px;overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product_list li .price_location{height: 56px;margin-bottom: 30px}
.product_list li .price_location span:first-child{font-size: 26px;color: #e5005a;}
.product_list li .price_location span:first-child del{font-size: 14px;color: #999;}
.product_list li .price_location img{width: 24px;height: 24px;position: relative;top: 6px;right: 10px;z-index: 1}
.product_list li:hover .hover_cover{display: block;cursor: pointer;}
.product_list li .hover_cover{display: none;position: absolute;top: 0;height: 195px;width:412px;background:rgba(0, 0, 0, 0.4);;z-index: 2;}
.product_list li .hover_cover img{display: block;margin: 35px auto auto auto;width: 90px;}
.product_list li .hover_cover p{text-align: center;font-size: 16px;color: #fff;}
/*关于我们*/
@font-face { 
	font-family: Didot; 
	src: url('/font/DIDOT-HTF-B06-BOLD_1.OTF'); 
} 
.contact_us,.about_us{width:1200px;min-width: 710px;margin:0 auto;}
.contact_us img,.about_us img{vertical-align: middle;}
.about_us .company_intro{background: url(/images/page/about/about_1.jpg) no-repeat top center;width: 100%;min-width: 710px;height: 892px;color: #fff;position: relative;}
.about_us h2{font-size: 54px;text-align: center;}
.about_us h3{font-family: Didot, sans-serif;font-size: 20px;font-weight: normal;text-align: center;}
.about_us .company_intro h2{padding-top: 138px;}
.about_us .company_intro h3{padding-bottom: 40px;}
.about_us .company_intro > p{padding: 0 275px;line-height: 24px;font-size: 18px;text-align: center;}
.company_intro .haioo_platform{background: url(/images/page/about/about_2.jpg) no-repeat top center;width: 100%;min-width: 710px;height: 380px;margin-top: 60px;position: relative;}
.company_intro .haioo_platform p{position: absolute;right: 184px;top: 120px;width: 425px;font-size: 18px;line-height: 36px;}
.about_us .haioo_intro{height: 284px;background: #fff;}
.about_us .haioo_intro h2{padding-top: 42px;}
.about_us .haioo_intro h3{padding-bottom: 15px;}
.about_us .haioo_intro > p{padding: 0 280px;line-height: 30px;font-size: 18px;text-align: center;}
.about_us .haioo_product{background: url(/images/page/about/about_3.jpg) no-repeat top center;width: 100%;min-width: 710px;height: 637px;position: relative;}
.about_us .haioo_product h2{font-size: 36px;padding:150px 0 40px 108px;text-align: left;}
.about_us .haioo_product > p{line-height: 30px;width: 454px;margin-left:108px;font-size: 18px;}
.about_us .haioo_product ul{width: 500px;margin:140px 0 0 78px;}
.about_us .haioo_product li{float: left;width: 25%;text-align: center;font-size: 14px;}
.about_us .haioo_product li p{line-height: 30px;}
.about_us .haioo_product li i{display:block;background: url(/images/page/icon_2.png) no-repeat;background-size: 240px 40px;height: 40px;width: 40px;margin: 0 auto;}
.about_us .haioo_product li i.icon_2{background-position: -40px 0;}
.about_us .haioo_product li i.icon_3{background-position: -80px 0;}
.about_us .haioo_product li i.icon_4{background-position: -120px 0;}
.about_us .haioo_life{background: url(/images/page/about/about_4.jpg) no-repeat top center;width: 100%;min-width: 710px;height: 654px;color: #fff;}
.about_us .haioo_life h2{font-size: 36px;padding: 188px 0 0 428px;text-align: left;}
.about_us .haioo_life p{font-size: 18px;line-height: 30px;color: #fff;padding: 30px 0 0 428px;text-align: left;width: 340px;}
.about_us .haioo_culture{background: url(/images/page/about/about_5.jpg) no-repeat top center;width: 100%;min-width: 710px;height: 654px;color: #222;}
.about_us .haioo_culture h2{padding: 190px 0 0 310px;font-size: 36px;text-align: left;}
.about_us .haioo_culture h4{font-size: 24px;font-weight: normal;padding-left: 255px;text-align: left;line-height: 30px;line-height: 40px;}
.about_us .haioo_culture p{margin: 25px 0 0 190px;font-size: 14px;width: 370px;text-align: center;}
.about_us .haioo_hope{background: url(/images/page/about/about_6.jpg) no-repeat top center;width: 100%;min-width: 710px;height: 654px;color: #fff;}
.about_us .haioo_hope h2{padding: 210px 0 0 630px;font-size: 36px;text-align: left;}
.about_us .haioo_hope p{font-size: 18px;margin: 40px 0 0 630px;text-align: left;width: 500px;line-height: 30px;}
.about_us .haioo_member{background: url(/images/page/about/about_7.jpg) no-repeat top center;width: 100%;min-width: 710px;height: 655px;color: #222;}
.about_us .haioo_member h2{font-size: 30px;padding: 138px 0 30px 424px;width: 370px;text-align: left;text-align: center;}
.about_us .haioo_member p{width: 370px;font-size: 18px;line-height: 30px;margin:0 0 40px 424px;text-align: center;}
.about_us .haioo_footprint{background: #fff;text-align: center;position: relative;}
.about_us .haioo_footprint img{width: 100%;}
.about_us .haioo_footprint h2{/*padding-bottom: 60px;*/}
.about_us .haioo_footprint >ul{width: 725px;margin:0 auto;}
.about_us .haioo_footprint >ul > li{padding-bottom: 30px;}
.about_us .haioo_footprint >ul > li > i{float: left;width: 25px;height: 25px;border-radius: 50px;background: #e5005a;margin-right: 12px;}
.about_us .haioo_footprint >ul > li > p{font-size: 14px;float: left;padding:0 0 40px 152px;width: 488px;text-align: left;}
.about_us .haioo_footprint >ul > li > h4{font-size: 18px;float: left;font-weight: normal;}
.about_us .haioo_footprint >ul > li > h5{font-size: 18px;float: left;padding-right: 20px;}
.about_us .haioo_footprint >ul > li > ul li{padding-bottom: 52px;}
.about_us .haioo_footprint >ul > li > ul li i{float: left;width: 14px;height: 14px;border-radius: 50px;background: #e5005a;margin:3px 20px 0 4px;}
.about_us .haioo_footprint >ul > li > ul li h4{font-size: 14px;font-weight: normal;float: left;}
.about_us .haioo_footprint >ul > li > ul li p{font-size: 14px;float: left;padding-left: 52px;width: 488px;text-align: left;}
.about_us .haioo_footprint b{position: absolute;height:74%;width: 1px;background: #e5005a;left: 248px;top: 142px}
/*加入我们*/
.contact_us h2{font-size: 54px;text-align: center;}
.contact_us section > h3{font-family: Didot, sans-serif;font-size: 22px;font-weight: normal;text-align: center;line-height: 30px;}
.contact_us .join_us{background: url(/images/page/contact/contact_1.jpg) no-repeat top center;width: 100%;min-width: 710px;height: 533px;color: #222;}
.contact_us .join_us h2{padding-top: 60px;}
.contact_us .join_us div{padding: 92px 0 0 654px;}
.contact_us .join_us div h3{font-size: 30px;padding-bottom: 20px;}
.contact_us .join_us div p{width: 430px;font-size: 18px;line-height: 28px;}
.contact_us .Europe_life{background: url(/images/page/contact/contact_2.jpg) no-repeat top center;width: 100%;min-width: 710px;height: 322px;color: #fff;}
.contact_us .Europe_life h2{padding-left: 255px;font-size: 38px;}
.contact_us .Europe_life h2:nth-child(1){font-weight: normal;padding-top: 100px;}
.contact_us .why_choose_us{width: 1200px;min-width: 710px;background: #fff;color: #222;padding:64px 0 120px 0;}
.contact_us .why_choose_us ul{margin-top: 70px;}
.contact_us .why_choose_us li{float: left;width: 25%;}
.contact_us .why_choose_us li img{display: block;margin:0 auto;}
.contact_us .why_choose_us li div{background: #222;text-align: center;height: 188px;width:252px;color: #fff;margin:0 auto;}
.contact_us .why_choose_us li div h4{font-size: 24px;padding-top: 55px;}
.contact_us .why_choose_us li div p{font-size: 18px;line-height: 30px;}
.contact_us .haioo_star{background: #f5f5f5;padding:75px 176px;}
.contact_us .haioo_star ul li{border: 2px solid #a0a0a0;overflow: hidden;margin-bottom: 70px;}
.contact_us .haioo_star h3{padding-bottom: 60px;}
.contact_us .haioo_star ul li h4{color:#a0a0a0;}
.contact_us .haioo_star ul li p{width: 345px;font-size: 14px;color: #444;}