@charset "utf-8";
/* CSS Document */
* { padding: 0; margin: 0; }
body { margin: 0; min-width: 1040px; min-height: 100%; overflow-y: scroll; font-family: "微软雅黑", Arial, Helvetica, sans-serif; font-smoothing: antialiased; font-size: 12px; color: #333; }
/*body.index { overflow-y: hidden }
body.index.modal-is-closed { overflow-y: scroll }*/
body.is-opened-menu { position: fixed; top: 0; right: 0; left: 0; bottom: 0 }
a { text-decoration: none; color: #333; }
img { margin: 0px; padding: 0px; border: 0; vertical-align: middle; }
li { list-style: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
@media (max-width:1440px) and (min-width:1290px) {
.l_page { width: 1200px; }
}
 @media (max-width:1290px) and (min-width:1120px) {
.l_page { width: 1200px; }
}
 @media (max-width:1120px) {
.l_page { width: 1100px; }
}
/*引导页面*/
.index_load { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.index_load .line_load { position: absolute; top: 0px; left: 0px; width: 0; height: 10px; background: #000; animation: loadmove 6s; -moz-animation: loadmove 6s; -ms-animation: loadmove 6s; -o-animation: loadmove 6s; -webkit-animation: loadmove 6s; }
.index_load .logo_load { position: absolute; top: 50%; margin-top: -49px; left: 50%; margin-left: -226px; width: 452px; height: 98px; opacity: 0; animation: loadopa 6s 1s alternate; -moz-animation: loadopa 6s 1s alternate; -ms-animation: loadopa 6s 1s alternate; -o-animation: loadopa 6s 1s alternate; -webkit-animation: loadopa 6s 1s alternate; }
/*页面*/
.l_page { width: 100%; opacity: 1; background-color: #ebebeb; -webkit-transition: opacity 1.5s, -webkit-transform 0.5s; transition: opacity 1.5s, -webkit-transform 0.5s; transition: opacity 1.5s, transform 0.5s; transition: opacity 1.5s, transform 0.5s, -webkit-transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.1, 0.9, 0.6, 1); transition-timing-function: cubic-bezier(0.1, 0.9, 0.6, 1) }
.l_page.is-opened-menu:after { opacity: 1; z-index: 1000; }
/*公共部分*/
.l_com { position: relative; z-index: 100; }
/*分享*/
.l_com .l_share { opacity: 1; position: fixed; left: 40px; padding: 5px 0 0; top: 50%; margin-top: -40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 1s, -webkit-transform 1.5s; transition: opacity 1s, -webkit-transform 1.5s; transition: transform 1.5s, opacity 1s; transition: transform 1.5s, opacity 1s, -webkit-transform 1.5s; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; -webkit-transition-timing-function: cubic-bezier(0.1, 0.9, 0.6, 1); transition-timing-function: cubic-bezier(0.1, 0.9, 0.6, 1); }
.l_com .l_share li { position: relative; width: 33px; height: 33px; display: block; line-height: 33px; margin: 0 0 5px; text-align: center }
.l_com .l_share li a { width: 33px; height: 33px; display: block; border-radius: 4px; background: #000; -webkit-transition: 0.5s; transition: 0.5s }
.l_com .l_share li a:hover { background: #666; }
.l_com .l_share li a:hover .share_show { display: block; }
.l_com .share_show { display: none; position: absolute; left: 40px; top: 0; background: #000; width: 80px; height: 96px; padding: 5px; }
.l_com .share_show .triangle_border_left { position: absolute; top: 10px; left: -6px; width: 0; height: 0; border-width: 6px 6px 6px 0; border-style: solid; border-color: transparent #333 transparent transparent;/*透明 灰 透明 透明 */ }
/*版权*/
.l_com .l_copyright { position: fixed; top: 50%; right: 3%; z-index: 10; opacity: 1; -webkit-transform: translateY(-50%) scale(1.2); -ms-transform: translateY(-50%) scale(1.2); transform: translateY(-50%) scale(1.2); -webkit-transition: 1.5s; transition: 1.5s; -webkit-transition-delay: 1.3s; transition-delay: 1.3s; -webkit-transition-timing-function: cubic-bezier(.1, .9, .6, 1); transition-timing-function: cubic-bezier(.1, .9, .6, 1) }
/*菜单按钮*/
.l_menu_btn { opacity: 1; width: 56px; height: 56px; cursor: pointer; position: fixed; top: 40px; right: 40px; z-index: 4; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 1s; transition: 1s; -webkit-transition-delay: 1.1s; transition-delay: 1.1s; -webkit-transition-timing-function: cubic-bezier(.1, 0.9, 0 .6, 1); transition-timing-function: cubic-bezier(.1, 0.9, 0.6, 1) }
.l_menu_btn_wrap { width: 56px; height: 56px; position: relative }
.l_menu_btn_box { width: 56px; height: 56px; display: block; position: absolute; top: 0; left: 0; z-index: 2; background:url(../images/menu_btn_bg.gif) no-repeat 0 0; /*background-color: #000; -webkit-transition: 0.3s; transition: 0.3s*/ }
.l_menu_btn_bar { width: 20px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; margin: auto; background-color: #fff; -webkit-transition: 0.3s; transition: 0.3s }
.l_menu_btn_bar_top { -webkit-transform: translateY(-7px); -ms-transform: translateY(-7px); transform: translateY(-7px); }
.l_menu_btn_bar_bottom { -webkit-transform: translateY(7px); -ms-transform: translateY(7px); transform: translateY(7px); }
.l_menu_btn:hover .l_menu_btn_bar_bottom, .l_menu_btn:hover .l_menu_btn_bar_middle, .l_menu_btn:hover .l_menu_btn_bar_top { width: 24px; }
.l_menu_btn.is-opened-menu .l_menu_btn_box { background:url(../images/menu_btn_close_bg.gif) no-repeat 0 0;}
.l_menu_btn.is-opened-menu .l_menu_btn_box { opacity: 1; background-color: #fff; }
.l_menu_btn.is-opened-menu .l_menu_btn_bar { width: 27px }
.l_menu_btn.is-opened-menu .l_menu_btn_bar_top { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #000; }
.l_menu_btn.is-opened-menu .l_menu_btn_bar_middle { width: 0 }
.l_menu_btn.is-opened-menu .l_menu_btn_bar_bottom { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); background-color: #000; }
/*菜单展开*/
.l_menu { opacity: 0; z-index: -1; width: 33.3%; line-height: 1; overflow: hidden; position: fixed; right: 0; top: 0; bottom: 0; background: #fff; }
.l_menu.is-loaded { opacity: 1; }
.l_menu_wrap { position: absolute; left: 0; top: 50%; width: 80%; padding-right: 20%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%) }
.l_menu_wrap .l_menu_items li { line-height: 50px; text-align: right; text-transform: uppercase; }
.l_menu_wrap .l_menu_items li a, .l_menu_wrap .l_menu_items li span { cursor: pointer; color: #999; font-size: 20px; }
.l_menu_wrap .l_menu_items li.l_menu_item { color: #666; font-size: 14px; }
.l_menu_wrap .l_menu_items li.l_menu_item.on span { color: #333; font-weight: bold; }
.l_menu_wrap .l_menu_items li.l_menu_item.on a { color: #333; }
.l_menu_wrap .l_menu_items li.l_menu_child_item.childon a { padding: 0 5px; background: #808080; color: #fff; }
.l_menu_child_items_wrap { height: 0; overflow: hidden; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.1, 0.9, 0.6, 1); transition-timing-function: cubic-bezier(0.1, 0.9, 0.6, 1) }
.l_menu.is-opened { z-index: 1; opacity: 1; }
.l_menu.is-opened .l_menu_item { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.l_menu.is-opened .l_menu_item:nth-child(1) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s }
.l_menu.is-opened .l_menu_item:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s }
.l_menu.is-opened .l_menu_item:nth-child(3) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s }
.l_menu.is-opened .l_menu_item:nth-child(4) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s }
.l_menu.is-opened .l_menu_item:nth-child(5) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s }
.l_menu.is-opened .l_menu_item:nth-child(6) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s }
.l_menu.is-opened .l_menu_item:nth-child(7) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s }
.l_menu.is-opened .l_menu_item:nth-child(8) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s }
.l_menu.is-opened .l_menu_item:nth-child(9) { -webkit-transition-delay: .55s; transition-delay: 0.55s }
.menu_copyrigt { position: absolute; bottom: 30px; width: 100%; text-align: center; color: #ccc; font-size: 12px; line-height: 24px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%) }
.menu_copyrigt a { color: #ccc; }
/*首页*/
body.index .l_page { opacity: 0; }
body.index .l_com .l_share { opacity: 0; }
body.index .l_menu_btn { opacity: 0; }
body.index .l_page.is_loaded { opacity: 1; }
body.index .l_page.is_loaded .l_com .l_copyright, body.index .l_page.is_loaded .l_com .l_share { opacity: 1; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1) }
body.index .l_menu_btn.is_loaded { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.index_banner { height: 800px; overflow: hidden; position: relative }
.index_banner .index_banner_first { opacity: 0; width: 100%; position: absolute; top: 0; bottom: 0; background-image: url(../images/eyecatch_img00.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition-property: opacity, margin-left, -webkit-transform; transition-property: opacity, margin-left, -webkit-transform; transition-property: transform, opacity, margin-left; transition-property: transform, opacity, margin-left, -webkit-transform; -webkit-transition-duration: 5s, 1s, 1s; transition-duration: 5s, 1s, 1s; -webkit-transition-delay: 0s, 0s, 1s; transition-delay: 0s, 0s, 1s; -webkit-transition-timing-function: cubic-bezier(0.02, 0.7, 0.16, 0.91), linear, cubic-bezier(0.52, 0.4, 0.1, 0.99); transition-timing-function: cubic-bezier(0.02, 0.7, 0.16, 0.91), linear, cubic-bezier(0.52, 0.4, 0.1, 0.99); }

.index_banner.is_loaded .index_banner_first { opacity: 1; margin-left: -15%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.index_banner_first_bg { width: 0; position: absolute; top: 0; bottom: 0; right: 0; background-color: #fff; -webkit-transition: 1s; transition: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-transition-timing-function: cubic-bezier(0.52, 0.4, 0.1, 0.99); transition-timing-function: cubic-bezier(0.52, 0.4, 0.1, 0.99); }
.index_banner.is_loaded .index_banner_first_bg { width: 30% }
.index_banner .index_banner_image { width: 70%; height: 100%; position: relative; /*overflow: hidden*/ }
.index_banner .index_banner_image li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.index_banner .index_banner_image li .index_banner_image_item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.index_banner .index_banner_image li .index_banner_image_item .banner_image_item_warp { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.index_banner .index_banner_image li.banner_image01 .index_banner_image_item .banner_image_item_warp { background-image: url(../images/pros01_img.jpg); }
.index_banner .index_banner_image li.banner_image02 .index_banner_image_item .banner_image_item_warp { background-image: url(../images/pros02_img.jpg); }

.index_banner .index_banner_image li.active .index_banner_image_item .banner_image_item_warp { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: opacity 2s, -webkit-transform 5s; transition: opacity 2s, -webkit-transform 5s; transition: transform 5s, opacity 2s; transition: transform 5s, opacity 2s, -webkit-transform 5s }
.index_banner .index_banner_image li .banner_title { position: absolute; left: 81%; bottom: 90px; z-index: 3; margin: 0 -26px 0 -63px; width: 570px; height: 150px; }
.index_banner .index_banner_image li .banner_title .banner_title_warp { position: relative; width: 570px; height: 150px; }
.index_banner .index_banner_image li .banner_title .title_item { position: absolute; width: 570px; }
.index_banner .index_banner_image li .banner_title .title_item01 { left: 0; top: 0; }
.index_banner .index_banner_image li .banner_title .title_item02 { left: 0; top: 40px; }
.index_banner .index_banner_image li .banner_title .title_item03 { left: 0; top: 95px; }
.index_banner .index_banner_image li .banner_title .title_item .title_item_base { width: 100%; overflow: hidden; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }
.index_banner .index_banner_image li .banner_title .title_item .title_item_third { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-name: text-base; animation-name: text-base; }
.index_banner .index_banner_image li .banner_title .title_item .title_item_clone { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-name: text-clone; animation-name: text-clone; }
.index_banner .index_banner_image li.active .banner_title .title_item .title_item_base { -webkit-animation-name: text; animation-name: text; }
/*产品展示*/
.l_page.prosshow { background-color: #fff; }
.pros_show { position: relative; width: 100%; }
.pros_menu { position: fixed; top: 5%; left: 0; width: 210px; }
.pros_menu ul li { line-height: 40px; text-align: right; padding-right: 5px; border-bottom: 2px solid #fff; }
.pros_menu ul li a { color: #999; font-size: 20px; }
.pros_menu ul li.on { border-bottom: 2px solid #000; }
.pros_menu ul li.on a { color: #000; }
.pros_show .slideBox { position: relative;top: 100px; margin:0 auto;width:60%; /*width: 1000px;height: 680px;*/  border: 1px solid #000; padding: 5px; }
.pros_show .slideBox .bd { position: relative; height: 100%; z-index: 0; overflow: hidden; }
.pros_show .slideBox .bd li { zoom: 1; vertical-align: middle; }
.pros_show .slideBox .bd img { width:100%; /*width: 1000px;height: 680px;*/  display: block; }
.pros_show .slideBox .prev, .pros_show .slideBox .next { position: absolute; top: 50%; margin-top: -50px; display: block; width: 50px; height: 99px; background: url(../images/btn_prosshow.png) no-repeat 0 0; filter: alpha(opacity=50); opacity: 0.5; }
.pros_show .slideBox .prev { left: -100px; }
.pros_show .slideBox .next { right: -100px; background-position: 0 -99px; }
.pros_show .slideBox .prev:hover, .pros_show .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
@media only screen and (min-width: 1200px){
    .pros_show .slideBox{width: 1000px;height: 680px;}
	.pros_show .slideBox .bd img {width: 1000px;height: 680px;  }
}

@media only screen and (max-width:1200px){
    .pros_show .slideBox{width:60%;height:auto;}
	.pros_show .slideBox .bd img {width:100%;height:auto;}
}
/*店铺展示*/
.l_page.shopshow { background-color: #fff; background-image: url(../images/bg_shopshow.png); background-repeat: no-repeat; background-position: center top; background-size: cover; }
.shop_show { position: relative; height: 100%; width: 100%; }
.shop_show .shop_box { position: absolute; left: 0; top: 50%; margin-top: -280px; width: 100%; height: 560px; }
#gallery { visibility: hidden; }
#gallery li.loading { background: url(../images/spinner.gif) no-repeat center center; }
/*品牌故事*/
.l_page.brand { background-color: #fff; }
.brand_show { position: relative; width: 90%; padding: 0 5%; height: 100%; }
.brand_show .brand_box { position: absolute; left: 0; top: 10%; width: 80%; padding: 0 10%; height: 80%; }
.brand_show .text { float: left; width: 50%; margin-right: 5%; padding-top: 80px; }
.brand_show .text .title { margin-bottom: 20px; }
.brand_show .text .cn { margin-bottom: 5px; }
.brand_show .text .cn p { color: #999; font-size: 16px; line-height: 30px; }
.brand_show .text .en p { color: #999; font-size: 12px; line-height: 20px; text-transform: uppercase; }
.brand_show .pic { width: 45%; float: left; }
.brand_show .pic img { width: 100%; }
/*联系我们*/
.l_page.contact { background-color: #fff; }
.contact_show { width: 80%; padding: 2% 10%; height: 96%; }
.contact_show .base_infor { margin-bottom: 100px; }
.contact_show .base_infor dl { float: left; width: 20%; margin: 0 2.5%; text-align: center; }
.contact_show .base_infor dl dt { border-bottom: 1px solid #000; padding-bottom: 25px; }
.contact_show .base_infor dl dd { line-height: 50px; font-size: 14px; color: #999; }
.contact_show .base_infor dl dd span { padding-left: 15px; }
.contact_show .joinus .title { margin-bottom: 50px; text-align: center; }
.contact_show .joinus .join_l { /*float:left; */ }
.contact_show .joinus .join01 { float: left; min-width: 300px; }
.contact_show .joinus .join02 { float: left; min-width: 410px; }
.contact_show .joinus .join03 { float: right; min-width: 480px; }


.contact_show .joinus .join_l .table01 th { width: 80px; padding-bottom: 15px; line-height: 30px; font-size: 14px; color: #000; font-weight: normal; }
.contact_show .joinus .join_l .table01 td { padding-bottom: 15px; font-size: 14px; color: #000; line-height: 30px; }
.contact_show .joinus .join_l .table01 .txt { width: 160px; height: 20px; line-height: 20px; padding: 5px 3px; border: 1px solid #999; color: #666; font-size: 12px; }
.contact_show .joinus .join_l .table01 .txtarea { width: 390px; height: 180px; padding: 3px; }
.contact_show .joinus .join_l .table01 .rad { vertical-align: middle; }
.contact_show .joinus .join_l .table01 .sel { border: 1px solid #999; height: 30px; width: 166px; text-align: center; }
.contact_show .joinus .join_l .table01 label { margin-left: 5px; margin-right: 15px; }
.contact_show .joinus .join_l .table01 .btn { width: 100px; height: 40px; text-align: center; line-height: 40px; background: #000; border: 0; color: #fff; font-size: 16px; cursor: pointer; }
@media only screen and (min-width: 1200px){
.contact_show { width: 80%; padding: 2% 10%; height: 96%; }
.contact_show .joinus .join01 { float: left; min-width: 300px; }
.contact_show .joinus .join02 { float: left; min-width: 410px; }
.contact_show .joinus .join03 { float: right; min-width: 480px; }
.contact_show .joinus .join_l .table01 .txtarea { width: 290px; height: 180px; padding: 3px; }
}

@media only screen and (max-width:1200px){
.contact_show { width:1200px; padding: 2% 0; margin:0 auto; height: 96%; }
.contact_show .joinus .join01 { float: left; width: 300px; }
.contact_show .joinus .join02 { float: left; width: 410px; }
.contact_show .joinus .join03 { float: right;width: 480px; }
}











/*招商加盟*/
.l_page.policy { background-color: #fff; /*background-image: url(../images/bg_policy.png); background-repeat: no-repeat; background-position: center center;*/ }
.policy_show { width: 80%; padding: 2% 10%; height: 96%; }
.policy_show .policy_menu { position: fixed; top: 5%; left: 40px; width: 380px; }
.policy_show .policy_menu dt { margin-bottom: 20px; }
.policy_show .policy_menu p { line-height: 30px; font-size: 14px; }
.policy_show .policy_menu h3 { font-size: 20px; line-height: 40px; }
@media only screen and (min-width: 1200px){
.policy_show .policy_box { position: relative; width: 960px; height:500px; background: #fff; margin: 100px auto; box-shadow: 0px 0px 50px #ddd; }
.policy_show .policy_detail { position: absolute; left: 30px; top: -100px; width: 1030px; height: 800px; overflow: hidden; }
.policy_show .policy_detail .title .pl_tt { margin-top: 50px; width:150px; }
.policy_show .policy_detail .title .tt_pic { float: right; }
.policy_show .policy_detail .title .tt_pic img{ width:185px;}
.policy_show .policy_detail .policy01 { position: relative; padding-top: 50px; }
.policy_show .policy_detail .policy01 dl { width: 930px; margin-bottom: 40px; }
.policy_show .policy_detail .policy01 dl dt { width: 160px; height: 80px; padding: 30px 0 0 30px; float: left; background: url(../images/policy01_icon_bg.png) no-repeat 0 0; color: #000; font-size: 24px; }
.policy_show .policy_detail .policy01 dl dd { width: 480px; float: left; color: #999; line-height: 30px; font-size: 14px; }
.policy_show .policy_detail .policy02 { position: relative; padding-top: 50px; }
.policy_show .policy_detail .policy02 dl { float: left; width: 140px; margin-right: 40px; }
.policy_show .policy_detail .policy02 dl dt { text-align: center; margin-bottom: 15px; }
.policy_show .policy_detail .policy02 dl { color: #999; line-height: 30px; font-size: 14px; }
.policy_show .policy_detail .policy03 { position: relative; padding-top: 50px; }
.policy_show .policy_detail .policy03 dl { width: 930px; margin-bottom: 40px; }
.policy_show .policy_detail .policy03 dl dt { width: 160px; height: 80px; padding: 30px 0 0 30px; float: left; background: url(../images/policy01_icon_bg.png) no-repeat 0 0; color: #000; font-size: 24px; }
.policy_show .policy_detail .policy03 dl dd { width: 480px; float: left; color: #999; line-height: 30px; font-size: 14px; }
.policy_show .policy_detail .policy04 { position: relative; padding-top: 50px; }
.policy_show .policy_detail .policy04 dl { float: left; width: 140px; margin-right: 40px; }
.policy_show .policy_detail .policy04 dl dt { text-align: center; margin-bottom: 15px; }
.policy_show .policy_detail .policy04 dl { color: #999; line-height: 30px; font-size: 14px; }
}

@media only screen and (max-width: 1200px){
.policy_show .policy_box { position: relative; width: 960px; height: 700px; background: #fff; margin: 100px auto; box-shadow: 0px 0px 50px #ddd; }
.policy_show .policy_detail { position: absolute; left: 30px; top: -100px; width: 1030px; height: 800px; overflow: hidden; }
.policy_show .policy_detail .title .pl_tt { margin-top: 50px; }
.policy_show .policy_detail .title .tt_pic { float: right; }
.policy_show .policy_detail .policy01 { position: relative; padding-top: 50px; }
.policy_show .policy_detail .policy01 dl { width: 930px; margin-bottom: 40px; }
.policy_show .policy_detail .policy01 dl dt { width: 160px; height: 80px; padding: 30px 0 0 30px; float: left; background: url(../images/policy01_icon_bg.png) no-repeat 0 0; color: #000; font-size: 24px; }
.policy_show .policy_detail .policy01 dl dd { width: 480px; float: left; color: #999; line-height: 30px; font-size: 14px; }
.policy_show .policy_detail .policy02 { position: relative; padding-top: 50px; }
.policy_show .policy_detail .policy02 dl { width: 930px; margin-bottom: 40px; }
.policy_show .policy_detail .policy02 dl dt { width: 160px; height: 80px; padding: 30px 0 0 30px; float: left; background: url(../images/policy01_icon_bg.png) no-repeat 0 0; color: #000; font-size: 24px; }
.policy_show .policy_detail .policy02 dl dd { width: 480px; float: left; color: #999; line-height: 30px; font-size: 14px; }
.policy_show .policy_detail .policy03 { position: relative; padding-top: 50px; }
.policy_show .policy_detail .policy03 dl { width: 930px; margin-bottom: 40px; }
.policy_show .policy_detail .policy03 dl dt { width: 160px; height: 80px; padding: 30px 0 0 30px; float: left; background: url(../images/policy01_icon_bg.png) no-repeat 0 0; color: #000; font-size: 24px; }
.policy_show .policy_detail .policy03 dl dd { width: 480px; float: left; color: #999; line-height: 30px; font-size: 14px; }
.policy_show .policy_detail .policy04 { position: relative; padding-top: 50px; }
.policy_show .policy_detail .policy04 dl { float: left; width: 140px; margin-right: 40px; }
.policy_show .policy_detail .policy04 dl dt { text-align: center; margin-bottom: 15px; }
.policy_show .policy_detail .policy04 dl { color: #999; line-height: 30px; font-size: 14px; }
}
.panel_menu{ position: fixed; right:4%; top:45%; z-index:200; width:12px;}
.panel_menu li{ width:12px; height:12px; margin-bottom:10px; line-height:12px; text-align:center;}
.panel_menu li a{ display:inline-block; width:10px; height:10px; border:1px solid #000; background:#fff;border-radius:6px;}
.panel_menu li a.active{ display:block; width:10px; height:10px; background:#000; }
/*网络营销*/
.l_page.webmapshow { background: #fff; }
.webmap_box{ position:relative; width:1010px; height:100%; margin:0 auto; background:#e9e9e9;}
.webmap_show { position: absolute; top:50%; margin-top:-350px;width:1010px; height:710px;background: #e9e9e9 url(../images/map_bg.png) no-repeat center top; }
.webmap_show img { vertical-align:middle; }
.map_city{ cursor:pointer;}
/*三门峡*/
#map_smx {display:block; width:182px; height:0; padding-top:215px; overflow:hidden; position:absolute; left:125px; top:186px;}
* html #map_smx {height:215px; he\ight:0;text-indent:-9000px;}
#map_smx:hover {background:transparent url(../images/map_henan_smx_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*洛阳*/
#map_ly {display:block; width:200px; height:0; padding-top:244px; overflow:hidden; position:absolute; left:210px; top:158px;}
* html #map_ly {height:244px; he\ight:0;text-indent:-9000px;}
#map_ly:hover {background: url(../images/map_henan_ly_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*焦作*/
#map_jz {display:block; width:108px; height:0; padding-top:93px; overflow:hidden; position:absolute; left:375px; top:133px;}
* html #map_jz {height:93px; he\ight:0;text-indent:-9000px;}
#map_jz:hover{background: url(../images/map_henan_jz_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}

/*安阳*/
#map_ay {display:block; width:152px; height:0; padding-top:159px; overflow:hidden; position:absolute; left:477px; top:7px;}
* html #map_ay {height:159px; he\ight:0;text-indent:-9000px;}
#map_ay:hover{background: url(../images/map_henan_ay_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*新乡*/
#map_xinx {display:block; width:200px; height:0; padding-top:244px; overflow:hidden; position:absolute; left:453px; top:81px;}
* html #map_xinx {height:244px; he\ight:0;text-indent:-9000px;}
#map_xinx:hover{background: url(../images/map_henan_xinx_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*濮阳*/
#map_py {display:block; width:125px; height:0; padding-top:118px; overflow:hidden; position:absolute; left:620px; top:22px;}
* html #map_py {height:118px; he\ight:0;text-indent:-9000px;}
#map_py:hover {background: url(../images/map_henan_py_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*鹤壁*/
#map_hb {display:block; width:83px; height:0; padding-top:79px; overflow:hidden; position:absolute; left:518px; top:51px;}
* html #map_hb {height:79px; he\ight:0;text-indent:-9000px;}
#map_hb:hover {background: url(../images/map_henan_hb_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*郑州*/
#map_zz {display:block; width:168px; height:0; padding-top:103px; overflow:hidden; position:absolute; left:386px; top:196px;}
* html #map_zz {height:103px; he\ight:0;text-indent:-9000px;}
#map_zz:hover{background: url(../images/map_henan_zz_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*开封*/
#map_kf {display:block; width:154px; height:0; padding-top:121px; overflow:hidden; position:absolute; left:510px; top:186px;}
* html #map_kf {height:121px; he\ight:0;text-indent:-9000px;}
#map_kf:hover{background: url(../images/map_henan_kf_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*平顶山*/
#map_pds {display:block; width:166px; height:0; padding-top:169px; overflow:hidden; position:absolute; left:330px; top:287px;}
* html #map_pds {height:169px; he\ight:0;text-indent:-9000px;}
#map_pds:hover{background: url(../images/map_henan_pds_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*许昌*/
#map_xc {display:block; width:141px; height:0; padding-top:92px; overflow:hidden; position:absolute; left:422px; top:286px;}
* html #map_xc {height:92px; he\ight:0;text-indent:-9000px;}
#map_xc:hover{background: url(../images/map_henan_xc_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*漯河*/
#map_lh {display:block; width:89px; height:0; padding-top:79px; overflow:hidden; position:absolute; left:473px; top:339px;}
* html #map_lh {height:79px; he\ight:0;text-indent:-9000px;}
#map_lh:hover{background: url(../images/map_henan_lh_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*驻马店*/
#map_zmd {display:block; width:243px; height:0; padding-top:166px; overflow:hidden; position:absolute; left:433px; top:401px;}
* html #map_zmd {height:166px; he\ight:0;text-indent:-9000px;}
#map_zmd:hover{background: url(../images/map_henan_zmd_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*商丘*/
#map_sq {display:block; width:207px; height:0; padding-top:154px; overflow:hidden; position:absolute; left:621px; top:208px;}
* html #map_sq {height:154px; he\ight:0;text-indent:-9000px;}
#map_sq:hover{background: url(../images/map_henan_sq_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*周口*/
#map_zk {display:block; width:177px; height:0; padding-top:174px; overflow:hidden; position:absolute; left:540px; top:285px;}
* html #map_zk {height:174px; he\ight:0;text-indent:-9000px;}
#map_zk:hover{background: url(../images/map_henan_zk_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*南阳*/
#map_ny {display:block; width:315px; height:0; padding-top:204px; overflow:hidden; position:absolute; left:198px; top:370px;}
* html #map_ny {height:204px; he\ight:0;text-indent:-9000px;}
#map_ny:hover{background: url(../images/map_henan_ny_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*信阳*/
#map_xy {display:block; width:259px; height:0; padding-top:179px; overflow:hidden; position:absolute; left:505px; top:511px;}
* html #map_xy {height:179px; he\ight:0;text-indent:-9000px;}
#map_xy:hover{background: url(../images/map_henan_xy_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}
/*界首*/
#map_js {display:block; width:36px; height:0; padding-top:76px; overflow:hidden; position:absolute; left:673px; top:397px;}
* html #map_js {height:76px; he\ight:0;text-indent:-9000px;}
#map_js:hover{background: url(../images/map_anhui_js_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}

/*广水*/
#map_gs {display:block; width:90px; height:0; padding-top:121px; overflow:hidden; position:absolute; left:473px; top:580px;}
* html #map_gs {height:121px; he\ight:0;text-indent:-9000px;}
#map_gs:hover{background: url(../images/map_hubei_gs_small.png) no-repeat 0 0;overflow:visible;text-indent:-9000px;}


.mask { display:none; position:fixed; top: 0; left: 0; right: 0; z-index:100; width: 100%; height: 100%; background: rgba(255,255,255,0.9); }
.map_show { /*display:none;*/ opacity:0; position:fixed; top: 50%; left: 50%; margin-top: -350px; margin-left: -600px; z-index:-1; width: 1200px; }
.map_show .btn_closed{ position:fixed; top:50px; right:50px; z-index:101; cursor:pointer;}
.map_show .map_ds { float: left; }
.map_show .map_adress { position:relative;float:right; width:400px; height:700px;overflow:hidden; }
.map_show .map_adress .jScrollbar_mask { width:360px; position: relative; top: 0; float: left }
.map_show .map_adress ul li { border-bottom: 1px solid #ddd; padding-bottom:20px; margin-bottom:20px; }
.map_show .map_adress ul li h3 { line-height: 30px; font-size: 18px; color: #333; }
.map_show .map_adress ul li p { color: #999; font-size: 14px; line-height: 26px; }
.map_show .map_adress ul li p i { color: #808080; font-size:16px; }
.map_show .map_adress .jScrollbar_draggable { float: left; width: 3px; height:700px; overflow: hidden;background-color:#e5e5e5; margin-left: 30px; position: relative }
.map_show .map_adress .jScrollbar_draggable a.draggable { position: relative; background-color:#000; display: block; height: 44px; width: 3px; margin-left: 0; cursor: s-resize }
.l_page.is-opened-menu { background: #ddd; -webkit-transform: translate(-28%, 0); -ms-transform: translate(-28%, 0); transform: translate(-28%, 0); }
.l_page::after { display: block; position: absolute; top: 0; right: 0; bottom: 0; z-index: -1; opacity: 1; background-color: #000; -webkit-transition: 0.5s; transition: 0.5s }
@keyframes loadmove { 0 {
width:0;
}
100% {
width:100%;
}
}
@-webkit-keyframes loadmove { 0 {
width:0;
}
50% {
width:100%;
}
100% {
width:100%;
}
}
@-moz-keyframes loadmove { 0 {
width:0;
}
50% {
width:100%;
}
100% {
width:100%;
}
}
@-ms-keyframes loadmove { 0 {
width:0;
}
50% {
width:100%;
}
100% {
width:100%;
}
}
@-0-keyframes loadmove { 0 {
width:0;
}
50% {
width:100%;
}
100% {
width:100%;
}
}
 @keyframes loadopa { 0 {
opacity:0;
}
80% {
opacity:1;
}
100% {
opacity:0;
}
}
@-webkit-keyframes loadopa { 0 {
opacity:0;
}
80% {
opacity:1;
}
100% {
opacity:0;
}
}
@-moz-keyframes loadopa { 0 {
opacity:0;
}
80% {
opacity:1;
}
100% {
opacity:0;
}
}
@-ms-keyframes loadopa { 0 {
opacity:0;
}
80% {
opacity:1;
}
100% {
opacity:0;
}
}
@-0-keyframes loadmove { 0 {
opacity:0;
}
80% {
opacity:1;
}
100% {
opacity:0;
}
}
 @keyframes text { 0% {
width:0;
}
100% {
width:100%;
}
}
@-webkit-keyframes text { 0% {
width:0;
}
100% {
width:100%;
}
}
@-webkit-keyframes text-base { 0%, 25% {
width:0
}
100% {
width:100%
}
}
@keyframes text-base { 0%, 25% {
width:0
}
100% {
width:100%
}
}
@-webkit-keyframes text-clone { 0% {
width:0
}
100%, 75% {
width:100%
}
}
@keyframes text-clone { 0% {
width:0
}
100%, 75% {
width:100%
}
}
@-webkit-keyframes arrow { 0% {
opacity:0;
-webkit-transform:translate(0, -10px);
transform:translate(0, -10px)
}
50%, 90% {
opacity:1;
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:translate(0, 5px);
transform:translate(0, 5px)
}
}
@keyframes arrow { 0% {
opacity:0;
-webkit-transform:translate(0, -10px);
transform:translate(0, -10px)
}
50%, 90% {
opacity:1;
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:translate(0, 5px);
transform:translate(0, 5px)
}
}
@-webkit-keyframes rotate-image { 0% {
background-position:0 0
}
100% {
background-position:-1600px 0
}
}
@keyframes rotate-image { 0% {
background-position:0 0
}
100% {
background-position:-1600px 0
}
}
@-webkit-keyframes rotate-image2 { 0% {
background-position:0 0
}
100% {
background-position:1600px 0
}
}
@keyframes rotate-image2 { 0% {
background-position:0 0
}
100% {
background-position:1600px 0
}
}