/*居中区域*/
.wrap{width:1400px;max-width:100%;margin:0 auto}
.subcolumn_nav_met_16_1_19{width:75.79vw; max-width:100%; margin:0 auto;}
.w1200{width:1200px;max-width:100%;margin:0 auto}
@media (max-width:1580px){ .wrap{width:88.79vw}  .subcolumn_nav_met_16_1_19{width:88.79vw} }
@media (max-width:1440px){ .wrap{width:92.79vw}  .subcolumn_nav_met_16_1_19{width:92.79vw}}
@media (max-width:1024px){ .w1200, .wrap{width:100%;padding:0 35px} }
@media (max-width:768px){ .w1200, .wrap{width:100%;padding:0 15px} }

/*公共导航*/
header{width:100%;height:100;position:fixed;top:0;left:0;z-index:19}
/* background-image:url(../../images/images/navbg.png);background-repeat:no-repeat;background-position:center center;background-size:cover */
.headbot{height:100px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headbot:after{content:"";width:100%;height:207px;background-image:url(../../images/images/navbg.png);position:absolute;top:0;left:0;z-index:-1;background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.headbot.cur{background-color:#fff;box-shadow:0px 4px 28px rgba(0,0,0,0.04)}
.headbot.cur:after,
.headbot.cur2:after{display:none}
.headbot.cur2{background-color:#fff;box-shadow:0px 0px 20px rgba(0,0,0,0.1)}
.headbot .logo{height:100px;padding:10px 16px 0 14px;}
.headbot .navleft{margin-left:1.08vw; margin-top:2vw;}
.navitem-name{position:relative;padding:0 1.04vw}
.navitem-name a{position:relative;z-index:2;overflow:hidden;text-align:center;display:block;font-size:16px;line-height:30px;color:#fff;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.navitem-name a span{ display:block; font-size:10px; line-height:20px; padding-bottom:10px;}
.headbot.cur .navitem-name a,
.headbot.cur2 .navitem-name a{color:#000}
.navitem.cur .navitem-name a{color:#ff8400; border-bottom:2px #ff8400 solid;}
.navright .lanbox .lanitem{display:block;color:#fff;line-height:100px;font-size:16px;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}

.navright .telbox{color:#fff;line-height:102px;margin-left:1vw;font-size:16px;font-family:Arial}
.headbot.cur .navright .telbox,
.headbot.cur .quicklinkstop{color:#1263aa}
.quicklinks{position:relative}
.quicklinkstop{line-height:100px;font-size:16px;color:#fff;margin-left:1vw;cursor:pointer}
.quicklinksbot{width:140px;position:absolute;top:100px;left:50%;margin-left:-70px;background-color:#fff;padding:6px 0;z-index:-1;visibility:hidden;opacity:0}
.quicklinkslist{display:block;color:#666;line-height:32px;text-align:center}
.quicklinks.cur .quicklinksbot{z-index:3;visibility:visible;opacity:1}

.index_navigation_page_Menu{width:65%; float:left; margin-left:2%;}
.index_navigation_page_Menu ul{
	-webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}
.index_navigation_page_Menu ul li{ float:left; list-style:none; height:105px; padding:0 1%; position:relative; padding-top:40px; }
.index_navigation_page_Menu ul li h2{ font-size:16px; color:#ffffff; font-weight:normal;  position:relative; white-space:nowrap; text-align:center;padding-bottom:10px;}
.index_navigation_page_Menu ul li h2 em{display:block; list-style:none; font-size:10px; font-style:normal}
.index_navigation_page_Menu ul li h3 em{display:block; list-style:none; font-size:10px; font-style:normal}
.swiper-slide h3 em{display:block; list-style:none; font-size:10px; font-style:normal}
.index_navigation_page_Menu ul li h2:after{
	content: '';
	display: inline-block;
    width: 0;
    height: 1px;
	background-color:#ef8300;
    position: absolute;
    left: 50%;
    bottom: 1px;
    transition: all 0.6s;
}
.index_navigation_page_Menu>li>a{transition:width .36s ease-in-out 0s;}
.index_navigation_page_Menu ul li a:hover{ text-decoration:none;}
.index_navigation_page_Menu ul li:hover h2{font-size:16px; color:#ef8300; font-weight:normal;}
.index_navigation_page_Menu ul li:hover h2:after{width: 100%; left:0;}
.index_navigation_page_Menu ul li a:link, .index_navigation_page_Menu ul li a:visited{
color: #fff;
}

.headbot.cur .index_navigation_page_Menu ul li h2, .index_navigation_headbg .index_navigation_HeadRight ul li, .headbot.cur .index_navigation_HeadRight ul li .index_navigation_top_lan, .index_navigation_headbg .index_navigation_HeadRight ul li .index_navigation_top_lan a {
    color: #333333;
}

.index_navigation_page_Menu ul li a.selected,.index_navigation_page_Menu ul li a:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff;
}

.index_navigation_page_Menu ul li ul li a.selected,.index_navigation_page_Menu ul li  ul li a:hover{
color: #fff;
}
.index_navigation_page_Menu ul li ul li a:link, .index_navigation_page_Menu ul li ul li a:visited{
color: #fff;
}	
/*1st sub level menu*/
.index_navigation_page_Menu ul li ul{
position: absolute;
left:-242px !important;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
margin:0;
z-index:999;
background:none;
height:auto;
text-align:center;
}
.index_navigation_Top:after{
	content:'';
	background-color:#f4f4f4;
	width:100%;
	height:0;
	position:absolute;
	left:0;
	top:105px;
	z-index:1;
}
.xl_selected:after{
	content:'';
	background-color:#f4f4f4;
	width:100%;
	height:45px;
	position:absolute;
	left:0;
	top:105px;
	z-index:1;
	border:1px solid #bfbfbf;
}
.index_navigation_page_Menu ul li:nth-child(2) ul{}

/*Sub level menu list items (undo style from Top level List Items)*/
.index_navigation_page_Menu ul li ul li{
display:inline-block;
float: none;
line-height:normal;
padding: 0 20px;
line-height:20px;
margin:6px 0;
height:auto;
background:none;
}
.index_navigation_page_Menu ul li ul li:hover h3{color:#ef8300;}
.index_navigation_page_Menu ul li ul li h3{ color:#333333; font-weight:normal; text-align:center;font-size:14px; line-height:18px; padding:0;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.index_navigation_page_Menu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.index_navigation_page_Menu ul li ul li a{
font:"Arial";
font-weight:normal;
font-size:12px;
padding:0;
margin: 0;
line-height:32px;
border-top-width: 0;
z-index:999;
border:none;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

.index_navigation_page_Menu > ul > li span {

    display: inline-block;
    width: 0;
    height: 1px;
	background-color:#ef8300;
    position: absolute;
    left: 50%;
    bottom: 31px;
    transition: all 0.6s;
}
.index_navigation_page_Menu > ul > li.menuon span {
    width: 100%;
    height: 1px;
    background-color:#ef8300;
    position: absolute;
    left: 0%;
    bottom: 31px;
    transition: all 0.6s;
}

.index_navigation_page_Menu > ul > li:hover span {
    width: 100%;
    height: 1px;
    background-color:#ef8300;
    position: absolute;
    left: 0%;
    bottom: 31px;
    transition: all 0.6s;
}
.index_navigation_page_Menu > ul > li.menuon h2{ color:#ef8300;}

.index_navigation_page_Menu > ul > li.menuon h2:after{
	width: 100%;
    height: 1px;
    background-color:#ef8300;
    position: absolute;
    left: 0%;
    bottom: 1px;
    transition: all 0.6s;
	content:'';
}

.navigation-down{position:absolute;top:105px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;position:absolute;top:0px; left:0; z-index:9999;}

#product{background:#f4f4f4; border:1px solid #bfbfbf; opacity:0; padding-bottom: 10px;}
.navigation-down .mask {
    position: absolute;
    width: 100%;
    height: 1000%;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.8);
}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto; padding:23px 0; width:100%; position:relative; min-height:297px;}
.xlmenu_left{border-top:1px dashed #d7d7d7; max-width:220px; float:left}
.top_parent{width:100%; border-bottom:1px dashed #d7d7d7;}
.top_parent h3{font-size: 16px; color: #333333; line-height: 27px; font-weight:normal; padding:5px 10px 5px 20px;}
.top_parent:hover{ background:url(../img/top_dot.png) left center no-repeat; border-bottom:1px solid #d7d7d7;}
.top_parent:hover a{ text-decoration:none;}
.gallery-thumbsmenu .swiper-slide-active .top_parent{ width:100%; background:url(../img/top_dot.png) left center no-repeat; border-bottom:1px solid #d7d7d7;}
.gallery-thumbsmenu .swiper-slide-active .top_parent h3{font-size: 16px; color: #333333; line-height: 27px; font-weight:normal; padding:5px 10px 5px 20px;}
.gallery-topmenu{ margin-top:20px;}
.content-item{ margin-left:20px;}
.xlmenu_pic{width:100%; height:auto; position:relative; overflow:hidden;}
.xlmenu_pic img{ width:100%; height:100%; max-width:213px; max-height:213px; overflow:hidden; transition:all .6s;}
.content-item:hover a{ text-decoration:none;}
.xlmenu_pic:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.xlmenu_pic h3{ position:absolute; text-align:left; width:100%; bottom:0; left:0; z-index:9; font-size:14px; color:#ffffff; font-weight:normal; padding:10px 12px; line-height:20px;}

.gallery-topmenu > div > div:first-child.swiper-slide-active .xlmenu_pic h3{ color:#333;}

.gallery-thumbsmenu .swiper-slide{ height:100% !important;}
/*.swiper-pagination-v{ width:100px !important; margin-left:10px; text-align:left; margin-top:10px;}
.swiper-pagination-v .swiper-pagination-bullet{ width:20px; float:left; margin-right:20px; height:2px; background:#d7d7d7; border-radius:0 !important; margin:0 !important; opacity:1 !important;} 
.swiper-pagination-v .swiper-pagination-bullet-active{ background:#009d97;}
.swiper-container-v>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 20px !important;}*/
.swiper-container-menu2{ padding-bottom:25px;}
.swiper-xl-button-prev{ position:absolute; bottom:0; right:40px; z-index:9; width:10px; height:18px; background-image:url(../img/left1.png); background-size:100%;}
.swiper-xl-button-prev:hover{background-image:url(../img/left2.png);}
.swiper-xl-button-next{ position:absolute; bottom:0; right:2px; z-index:9; width:10px; height:18px; background-image:url(../img/right1.png); background-size:100%;}
.swiper-xl-button-next:hover{background-image:url(../img/right2.png);}

.index_navigation_HeadRight{ width:28%; text-align:center; float:right;}
.index_navigation_HeadRight ul li{ display:inline-block; font-size:16px; color:#ffffff; line-height:90px; position:relative;}
.index_navigation_tel{ text-align:right; padding-right:0;}
.index_navigation_HeadRight ul li .index_navigation_top_lan{float:left; font-size:16px; color:#ffffff; line-height:90px;}
.index_navigation_HeadRight ul li .index_navigation_top_lan a{font-size:16px; color:#ffffff;}
.index_navigation_HeadRight ul li .index_navigation_top_lan a.lan_active{ color:#ef8300;}
.index_navigation_HeadRight ul li .index_navigation_top_search{line-height:90px; cursor:pointer;}
.index_navigation_top_search img{ height:20px;}

.index_navigation_search_list{ position:relative; width:75%; float:left; border-bottom:1px solid #787c81; font-size:16px; color:#ffffff; text-align:left; top: 30%;}
.index_navigation_Page_Search{width:100%; margin:auto; background:transparent;}
.search_left{float:left; background:transparent; border:none;}
.search_left img{ height:20px;}
.search_middle{width:95%; background:#transparent; float:left;}
.search_left input,.search_middle input{ background:transparent;}
.search_right{ float:right;}

.index_navigation_headbg .index_navigation_page_Menu ul li h2,.index_navigation_headbg .index_navigation_HeadRight ul li,.index_navigation_headbg .index_navigation_HeadRight ul li .index_navigation_top_lan,.index_navigation_headbg .index_navigation_HeadRight ul li .index_navigation_top_lan a{ color:#333333}
.index_navigation_headbg .index_navigation_HeadRight ul li .index_navigation_top_lan a.lan_active{ color:#ef8300;}


.headbot.cur .navright .lanbox .lanitem,
.headbot.cur2 .navright .lanbox .lanitem{color:#000}
.navright .lanbox span.lanitem{margin:0 10px}
.navright .search .icon{width:22px;height:100px;margin-left:3.28vw;cursor:pointer;background-image:url(../../images/images/h-searchbtn.png);background-repeat:no-repeat;background-position:center center;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headbot.cur .navright .search .icon,
.headbot.cur2 .navright .search .icon{background-image:url(../../images/images/h-searchbtn_cur.png)}
.navright .searchbox{width:100%;height:280px;position:fixed;top:100px;transform:translateY(-100%) translateZ(0);-webkit-transform:translateY(-100%) translateZ(0);-moz-transform:translateY(-100%) translateZ(0);left:0;visibility:hidden;opacity:0;z-index:-1;background-color:#fff;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;transition:0.75s cubic-bezier(.77,0,.175,1) 0s;-webkit-transition:0.75s cubic-bezier(.77,0,.175,1) 0s;-moz-transition:0.75s cubic-bezier(.77,0,.175,1) 0s}
.navright .searchbox.cur{visibility:visible;opacity:1;z-index:19;transform:translateY(0) translateZ(0);-webkit-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0)}
.navright .searchbox .box{height:75px;border-bottom:1px solid #d9d9d9}
.navright .searchbox .input{width:1400px;margin:0 20px;height:75px}
.navright .searchbox .input input{width:100%;height:74px;font-size:20px;padding:0 20px}
.navright .searchbox .input input::-webkit-input-placeholder{color:rgba(203,203,203,1)}
.navright .searchbox .searbtn,
.navright .searchbox .close{line-height:75px;cursor:pointer}
.navright .searchbox .searbtn img,
.navright .searchbox .close img{display:initial;vertical-align:middle}
.navright .searchbox .close:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.navitem .childbox{width:100%;background-color:#f3f3f3;padding:56px 0 50px;position:absolute;top:100px;left:0;visibility:hidden;z-index:-1;opacity:0}
.navitem.cur .childbox{visibility:visible;z-index:19;opacity:1;transition:0.75s ease 0s;-webkit-transition:0.75s ease 0s;-moz-transition:0.75s ease 0s}
.navitem .childbox .title{color:#000;font-size:36px;padding-bottom:26px;border-bottom:1px solid #e4e4e4}
.navitem .childbox .items{margin-top:46px}
.navitem .childbox .item{width:25%;margin-bottom:30px;font-size:16px;color:#666;display:block;padding-left:20px;background-image:url(../../images/images/navchild-r.png);background-repeat:no-repeat;background-position:left center}
.navitem .childbox .bot{margin-top:60px;}
.navitem .childbox .bot .box{cursor:pointer}
.navitem .childbox .bot .box .text{color:#000;font-size:18px;margin-right:22px;line-height:1}
.navitem .childbox .bot .box:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.navitem .childbox .imgitem{width:23.5%;margin-right:2%;position:relative}
.navitem .childbox .imgitem:nth-last-of-type(1){margin-right:0}
.navitem .childbox .imgitem .img{background-color:#000}
.navitem .childbox .imgitem .textbox{width:100%;position:absolute;bottom:6%;left:0;color:#fff;font-size:18px;text-align:center;max-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.navitem .childbox .imgitem:hover .textbox{bottom:45%}
.navitem .childbox .imgitem:hover .img img{opacity:0.5}
.foot {border-top: 1px solid #eee; background:#222}
.foottop{padding:5vw 0 4.52vw}
.foottop .footcon{max-width:460px}
.foottop .footcon .logo img{ height:50px;}
.foottop .footcon .textbox{}
.foottop .footcon .list{color:#8f8f8f;line-height:1.4; font-size:14px;}
.foottop .footcon .name{ font-size:36px; margin-bottom:20px; font-weight:bold}
.foottop .footcon .name span{ display:block; font-size:14.5px;}
.foottop .footcon .list:nth-last-of-type(1){margin-bottom:0}
.foottop .footcon .tel {position: relative; font-size:20px;}
.foottop .footcon .tel span {display: inline-block;position: absolute;left: 0;top: 0;z-index: 10;width: 66px;}
.footmap{margin-left:0}
.footmaplist{ margin-right:60px; }
.footmaplist:nth-last-of-type(1){width:auto}
.footmaplist:nth-last-of-type(1) a.name{display:block}
.footmaplist .name{color:#fff;font-size:18px;margin-bottom:24px;font-weight: 700}
.footmaplist .childitem{line-height:30px;display:block;color:#8f8f8f;font-size:14px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.footmaplist .childitem:hover{color:#0068b7}
.footmaplist .childitem:nth-last-of-type(1){margin-bottom:0}
.foottop .qrcode {width: 122px;text-align: center;}
.foottop .qrcode img {width: 100%;}
.foottop .qrcode p {font-size: 14px;color: #666;line-height: 24px;margin-top: 5px;}
.copyright {text-align: center;}
.copyright,.copyright a {font-size: 14px;color: #666;line-height: 24px;}
.copyright a:hover {color: #1263aa}
.footshare{margin-right:10px}
.footslist{width:45px;height:45px;border:1px solid #d2d2d2;cursor:pointer;background-repeat:no-repeat;background-position:center center;margin-right:10px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.footslist:hover{background-color:#0068b7;border:1px solid #0068b7}
.footslist:nth-last-of-type(1){margin-right:0}
.footslist:nth-of-type(1){background-image:url(../../images/images/fs1.png)}
.footslist:nth-of-type(1):hover{background-image:url(../../images/images/fs1_cur.png)}
.footslist:nth-of-type(2){background-image:url(../../images/images/fs2.png)}
.footslist:nth-of-type(2):hover{background-image:url(../../images/images/fs2_cur.png)}
.footslist:nth-of-type(3){background-image:url(../../images/images/fs3.png)}
.footslist:nth-of-type(3):hover{background-image:url(../../images/images/fs3_cur.png)}
.footbot{padding:32px 0 50px;border-top:1px solid #eee;position: relative;}
.footbotlf{margin-top:24px}
.footbotlf .list,
.footbotlr .copybox,
.footbotlr .copyboxb,
.footbotlr .copyboxb a{color:#666;margin-right:22px;text-align:right}
.footbotlf .list:nth-last-of-type(1){margin-right:0}
.footbotlr .copybox,
.footbotlr .copyboxb,
.footbotlr .copyboxb a{margin-right:0}
.footbotlf .list:hover{color:#0068b7}

.waptop{padding:15px 0;border-bottom:1px solid #e8e8e8;text-align:center;display:none}
.waptop .text{display:inline-block;font-size:22px;vertical-align:middle;}
.waptop .icon{display:inline-block;vertical-align:middle;margin-left:10px}
.waptop .icon img{width:30px}

.wapbtnbox{width:28px;height:68px;position:relative;display:none;margin-left:15px}
.wapbtnbox span{width:28px;height:2px;display:block;background-color:#000;position:absolute;left:0}
.wapbtnbox span:nth-of-type(1){top:24px}
.wapbtnbox span:nth-of-type(2){top:32px}
.wapbtnbox span:nth-of-type(3){top:40px}
.wapbtnbox.cur span:nth-of-type(2){opacity:0}
.wapbtnbox.cur span:nth-of-type(1){top:32px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wapbtnbox.cur span:nth-of-type(3){top:32px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}

/* 其它公共 */
.pageban{position:relative}
.pageban .textbox{position:absolute;top:40%;left:75%;opacity:0;margin-left:-42.895vw;z-index:10;transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s;-webkit-transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s;-moz-transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s}
.pageban .textbox.cur{left:50%;opacity:1}
.pageban .textbox .type .line{width:50px;height:1px;margin-top:13px;margin-right:10px}
.pageban .textbox .type .text{font-size:16px;}
.pageban .textbox .title{font-size:48px;line-height:1.2;margin-top:10px}
.pageban .textbox .desc {font-size: 24px;color: #000;margin-top: 12px;text-align: left}
.pageban .textbox .more{width:56px;height:56px;margin-top:80px;display:block;font-size:18px;border:1px solid;text-align:center;line-height:56px;text-align:center;font-weight:bold;color:#000;font-family:宋体, 'SimSun';}
.pageban .textbox .more:hover{background-color:#0086e8;border-color:#0086e8 !important;color:#fff !important;border-radius:4px}

.m-bann,
.wapother{display:none}
.m-bann img{width:100%}
.scrolltop{
    width:45px;
    height:45px;
    cursor:pointer;
    border: 1px solid #d2d2d2;
    background-image:url(../../images/images/gotop.png);
    background-repeat:no-repeat;
    background-position:center center;
    transition:0.5s cubic-bezier(0.25, 0.1, 0.82, 0.44) 0s;
    -webkit-transition:0.5s cubic-bezier(0.25, 0.1, 0.82, 0.44) 0s;
    -moz-transition:0.5s cubic-bezier(0.25, 0.1, 0.82, 0.44) 0s;
    position: absolute;
    right: 0;
    top: 40px;
    z-index:30;
}
.scrolltop:hover{background-color:#0068b7;background-image:url(../../images/images/scrollt_cur.png);border-radius:4px;border-color: #0068b7;}
.scrolltop.cur{opacity:1}

.pager{text-align:center}
.pager .pagerlist{display:inline-block;width:36px;height:36px;margin:0 3px;font-size:24px;text-align:center;line-height:36px;vertical-align:middle}
.pager .pagerlist.cur,
.pager .pagerlist:hover{color:#1263aa}
.pager .pagerlist.pagers{font-family:宋体, 'SimSun';font-size:22px;font-weight:bold;}
.wappager{width:100%;height:42px;background-color:#32b400;line-height:42px;color:#fff;text-align:center;margin-top:25px;display:none}

.footline{border-top:1px solid #eee}

@media (max-width:1820px){
    .footmaplist{width:13.95vw}
}

@media (max-width:1580px){
    .footmaplist{width:auto}
    .navright .searchbox .input{width:1000px}
    .pageban .textbox{margin-left:-44.395vw}
    .footshare{margin-left:3vw}
}
@media (max-width:1440px){
    .navright .searchbox .input{width:800px}
    
    .footshare{margin-left:12px}
    .pageban .textbox{margin-left:-46.395vw}
    .pageban .textbox .title{font-size:34px}
    .pageban .textbox .more{width:40px;height:40px;line-height:40px;margin-top:40px}
}
@media (max-width: 1366px) {
    .footmaplist{width: 13vw;}
}
@media (max-width: 1280px) {
    .navitem-name{padding:0 1.4vw}
}
@media (min-width:1024px){
    .navitem:hover .navitem-name a,
    .navright .lanbox a.lanitem:hover{color:#ff8400; border-bottom:2px #ff8400 solid;}
    .navitem .childbox .item:hover{color:#1263aa;background-image: url(../../images/images/navchild-rcur.png);}
}

@media (max-width:1024px){
    .footline{border-top:none}
    header{height:68px;background-color:#fff;background-image:none;position:relative;overflow:hidden}
    header.cur{overflow:initial}
    .headrightbox{min-width:initial}
    .headbot{height:68px;opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}
    .pageright, .hsignupbtn, .navchildbox .img, .navchildbox .textbox,
    .navrightbox, .navitem-name a:after, .scrolltop, .headbot:after, .navright .telbox, .quicklinks{display:none}
    .loginbox .waptext, .wapbtnbox, .headbot .waplogo{display:block}
	.index_navigation_page_Menu{ width: 100%;
    height: calc(100vh - 68px);
    overflow-y: auto;
    background-color: #fff;
    position: fixed;
    top: 68px; left:0;
    z-index: 19;
    margin-left: 0;}
	.index_navigation_page_Menu ul li{ width:100%;padding: 0 15px;
    border-bottom: 1px solid #c5c5c5;
    padding-right: 0; height:auto;}
	.index_navigation_page_Menu ul li h2{text-align: left;
    line-height: 25px;
    font-size: 20px;
    color: #000;
    display: inline-block;}
	.index_navigation_page_Menu ul li ul{position: static; width:95%;
    background-color: #f9f9f9;
    visibility: visible;
    z-index: 10;
    opacity: 1;
    padding: 10px 0;
    top: 0;}
	.index_navigation_page_Menu ul li ul li h3{ text-align:left}
	.xl_selected:after {
    content: '';
    background-color: none;
    width: 100%;
    height: auto;
    position:static;
    left: 0;
    top: 0;
    z-index: 1;
    border: 1px solid #bfbfbf;
}

.index_navigation_page_Menu ul li:before{content: ">";
    color: #000;
    font-size: 22px;
    font-family: 宋体, 'SimSun';
    font-weight: bold;
    line-height: 52px;
    position: absolute;
    top: 0;
    right: 15px;}
    .headbot .logo{height:68px;padding:5px 0}
    .headbot .logo img{width:150px}
    .loginbox{margin-right:15px}
    .loginbox .text{line-height:68px}
    .headbtnbox .icon,
    .navbox .top .name{line-height:68px}
    .headbtnbox .list{margin-right:10px}
    .navitems .navitem{width:100%}
    .navitems .navitem .navitem-name{padding:0 15px;border-bottom:1px solid #c5c5c5;padding-right:40px}
    .navitems .navitem .navitem-name:before{content:">";color:#000;font-size:22px;font-family:宋体, 'SimSun';font-weight:bold;line-height:52px;position:absolute;top:0;right:15px;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s}
    .navitems .navitem .navitem-name.cur:before{right:20px;color:#1263aa;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
    .navitems .navitem .navitem-name a{text-align:left;line-height:52px;font-size:20px;color:#000;display:inline-block}
    .navitems .navitem .navitem-name.cur a{color:#1263aa}
    .childnavitems .childnavitem:after{width:6px;height:6px;border-radius:6px;margin-top:-3px}
    .navchildbox{position:static;visibility:visible;opacity:1;display:none;background-image:none;background-color:#f6f6f6;box-shadow:none;z-index:8;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transition:0s ease 0s;-webkit-transition:0s ease 0s;-moz-transition:0 ease 0s}
    .navchildbox .w1200{padding:0}
    .childnavitems{width:100%;margin-left:0;margin-top:0;float:none}
    .navitems .navitem .childnavitems .childnavitem{width:100%;height:38px;line-height:38px;display:block;margin-right:0;margin-bottom:0;float:none}
    .foottop{padding:0 0 45px}
    .pagenav, .m-bann, .wapfootbox, .wapfoot{display:block}
    .pagernav, .indexbanner, .foottop .mapbox, .footother, .footcopybox{display:none}
    .wapother .footother, .wapother .footcopybox{display:block}
    .headbot .navleft{width:100%;height:calc(100vh - 68px);overflow-y:auto;background-color:#fff;position:fixed;top:68px;left:100%;z-index:19;margin-left:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
    .headbot .navleft.cur{left:0}
    .navright .lanbox .lanitem{line-height:68px;display:none;color:#000}
    .navright .lanbox a.lanitem:nth-of-type(1){display:block}
    .navright .search .icon{height:68px;margin-left:20px;background-image: url(../../images/images/h-searchbtn_cur.png);background-size:18px auto;position:relative}
    .navright .search .icon:after{content:"";width:1px;height:16px;position:absolute;top:26px;left:-10px;background-color:#e9e9e9}
    .navright .searchbox{top:68px;height:106px}
    .navright .searchbox .input{width:calc(100% - 84px);height:56px;margin:0 10px}
    .navright .searchbox .input input{height:55px;padding:0 5px;font-size:16px}
    .navright .searchbox .searbtn, .navright .searchbox .close{line-height:56px}
    .navright .searchbox .box{width:calc(100% - 30px);margin:0 auto;height:56px}
    .navright .searchbox .searbtn img, .navright .searchbox .close img{width:26px}
    .navitem .childbox{position:static;background-color:#f9f9f9;display:none;visibility:visible;z-index:10;opacity:1;padding:10px 0;top:0;transition:none;-webkit-transition:none;-moz-transition:none}
    .navitem .childbox .items{margin-top:0}
    .navitem .childbox .item{width:100%;margin-bottom:0;line-height:38px}
    .navitem .childbox .imgitem{width:49%;margin-right:2%;margin-bottom:10px}
    .navitem .childbox .imgitem:nth-of-type(2n){margin-right:0}
    .navitem .childbox .imgitem .textbox{font-size:16px;bottom:15px}
    .footmap{margin-left:0;float:left;width:100%}
    .footmaplist, .footmaplist:nth-last-of-type(1){width:50%;margin-left:0; margin-right:0}
    .footmaplist .name{font-size:16px;height:50px;line-height:50px;border-bottom:1px solid #e8e8e8;position:relative;margin-bottom:0}
   
    .footmaplist .name.cur:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
    .footmaplist .childitems{padding:10px 0;}
    .footmaplist .childitem{padding:0;font-size: 14px;}
    .foottop .wrap {display: flex;flex-flow: wrap;}
    .footmap {order: 0;}
    .foottop .qrcode {width:80px;order: 2;margin-top: 10px;}
    .foottop .footcon{max-width:100%;margin-top:25px;order: 1;}
    .foottop .footcon .textbox{margin-top:15px}
    .foottop .footcon .list{margin-bottom:8px; font-size:14px;}
    .foottop .footcon .list.name{font-size:18px;color: #333;font-weight: 700}
    .footshare{margin-left:0;margin-top:10px}
    .footslist{width:38px;height:38px}
    .footbotlf .list{margin-right:2vw}
    .footbotlf{margin-top:0}
    .footbot{padding:25px 0}
    .footbotlr{margin-top:15px}
    .footbotlr .copybox, .footbotlr .copyboxb, .footbotlr .copyboxb a{text-align:left}

    .wappager, .waptop{display:block}
    .pager, .navitem .childbox .title, .navitem .childbox .bot{display:none}

    .pageban .textbox{width:100%;top:15%;margin-left:50%;left:0;padding: 0 15px}
    .pageban .textbox.cur{left:-50%}
    .pageban .textbox .type .line{width:24px;margin-top:10px;margin-right:6px}
    .pageban .textbox .type .text{font-size:14px}
    .pageban .textbox .title{font-size:20px;margin-top:4px}
    .pageban .textbox .more{width:32px;height:32px;line-height:32px;margin-top:15px;font-size:16px}
    /* .navright .telbox{color:#333}
    .quicklinkstop{line-height:68px;color:#333}
    .quicklinksbot{top:68px} */
}

@media (max-width:370px){
    /* .footleft .ewmlist .img{height:66px;line-height:66px} */
    .navother .lanbox .name{font-size:14px}
    .navother .lanbox{margin:0 10px 0 0}
    .navother .shop{font-size:14px;margin-right:10px}
    .headbot .waplogo{width:46%;padding:10px 0}
    .wapbtnbox span,
    .wapbtnbox{width:24px}
    .navother .shop{padding-left:24px;background-size:20px 20px}
    .headbot .waplogo .text{margin:0}
    .headbot .waplogo .icon img{width:6px;margin-top:4px}
}