﻿/*公共部分*/
.wrap{width:75vw;max-width:100%;margin:0 auto}
.w1200{width:1200px;max-width:100%;margin:0 auto}
@media (max-width:1620px){ .wrap{width:80vw} }
@media (max-width:1440px){ .wrap{width:86vw} }
@media (max-width:1280px){ .wrap, .w1200{width:90vw} }
@media (max-width:1024px){ .w1200, .wrap{width:100%;padding:0 15px} }

/* 滚动条 */
body::-webkit-scrollbar{width:8px}
/* 滚动条滑块 */
body::-webkit-scrollbar-thumb{background-color:#e60012}
/* 滚动条外层轨道 */
body::-webkit-scrollbar-track{background-color:#ffeaec}

/* 全部公共 */
.foot{background-color:#f4f4f4}
.foottop{padding:40px 0 38px;border-bottom:1px solid #eaeaea}
.foottop .scrolltop{cursor:pointer;margin-top:10px}
.footcen{padding:74px 0 106px}
.footmaplist{margin-right:6.25vw}
.footmaplist:nth-last-of-type(1){margin-right:0}
.footmapname a{font-size:18px;margin-bottom:24px;display:block;font-family:"Source Han Sans CN"}
.footmchildlist{display:block;margin-bottom:12px;color:#7f7f7f;font-size:12px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.footmchildlist:hover, .footbotr .list:hover{color:#e60012;font-weight:bold}
.footcenr{width:218px}
.foottel .tel{font-size:30px;font-weight:bold;font-family:'gothicb';text-align:right;display:block;word-break:break-all}
.foottel .text{color:#7f7f7f;margin-top:8px;text-align:right}
.footshare{margin-top:88px}
.footsharelist{margin-right:20px;position:relative}
.footsharelist:nth-of-type(1){margin-right:0}
.footsharelist .footicon{width:46px;height:46px;background-color:#e3e3e3;border-radius:46px;background-repeat:no-repeat;background-position:left center;cursor:pointer}
.footsharelist:hover .footicon{background-color:#e60012;background-position:right center}
.footsharelist .hidebox{width:133px;height:133px;background-color:#fff;text-align:center;line-height:133px;position:absolute;top:22px;left:50%;margin-left:-66px;;visibility:hidden;z-index:-1;opacity:0;box-shadow:0px 0px 29px 0px rgba(0,0,0,0.1)}
.footsharelist .hidebox:after{content:"";border-left:5px solid transparent;border-bottom:8px solid #fff;border-right:5px solid transparent;position:absolute;top:-8px;left:50%;margin-left:-5px}
.footsharelist .hidebox img{display:inline-block;vertical-align:middle}
.footewm.cur .hidebox{top:72px;visibility:visible;z-index:3;opacity:1}
.footbot{padding:38px 0 52px;border-top:1px solid #eaeaea}
.footiconlist{margin-right:10px}
.footbot .copybox{margin-top:10px}
.footbot .copybox, .footbot .copybox a{color:#7f7f7f;font-size:12px}
.footbotr .list{display:inline-block;color:#7f7f7f;font-size:12px;line-height:1;border-right:1px solid #bebebe;padding:0 10px}
.footbotr .list:nth-last-of-type(1){border-right:none;padding:0 0 0 10px}
.foottopwap{display:none;text-align:center;padding:20px 0;border-bottom:1px solid #e2e2e2}
.foottopwap .text,
.foottopwap .icon{display:inline-block}
.foottopwap .text{font-size:16px;color:#202020;margin-right:5px}
.foottopwap .icon img{width:24px}
.footbotrwap{display:none}
.footbotr{margin-top:6px}
.footewm.cur .hidebox{top:72px;visibility:visible;z-index:3;opacity:1}

@media (min-width:1024px){
    
    .footfrienditem:hover{background-color:#004c8e;color:#fff}
    .footfriend:hover .footfrienbox{background-color:#004c8e;border-color:#004c8e}
    .footfriend:hover .name{color:#fff}
    .footfriend:hover .footfrienditems{bottom:40px;opacity:1;visibility:visible;z-index:9}
    .footewm:hover .hidebox{top:72px;visibility:visible;z-index:3;opacity:1}
    
}

@media (max-width:1440px){
    .footwrap{width:86.75vw}
    /* .navchildlist{margin:0 10px} */
    .footmaplist{margin-right:4.85vw}
}


@media (max-width:1280px){
    .footmap{padding:0 4.51vw 0 4.25vw}
    .footwrap{width:90.75vw}
    .footmaplist{margin-right:4.04vw}
}

@media (max-width:1024px){
    .header .header_tools .mobile_key{display:block;}
	.header .header_tools li.quick_a{width:40%;}
	.header .header_tools{width:300px;}
    .header .header_nav{width:53%;}
	.header .logo{width:220px; background-size:contain;}
	.header .header_tools li.quick_a{width:75%;}
    .header .header_tools li{width:25%;}
    .header .header_tools li.quick_a:before{left:25%;}
    .header .header_nav .nav_container>ul{padding-left:16%;}
    .header .header_tools li.quick_a .iconfont{margin-left:5px;}
	.header .header_nav .inner_box .box_l li{font-size:15px;}
    .foot{background-color:#f8f8f8}
    .foottopwap{display:block}
    .foottop{display:none}
    .footcen{padding:0 0 35px}
    .footmapbox{width:100%}
    .footmaplist{width:100%;margin-right:0;border-bottom:1px solid #e2e2e2}
    .footmapname{position:relative}
    .footmapname:after{content:"";width:18px;height:2px;background-color:#202020;position:absolute;top:50%;margin-top:-1px;right:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .footmapname:before{content:"";width:2px;height:18px;background-color:#202020;position:absolute;top:50%;margin-top:-9px;right:8px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .footmapname.cur:after,
    .footmapname.cur:before{background-color:#e60012;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
    .footmapname a{margin-bottom:0;display:inline-block;font-size:18px;line-height:54px}
    .footmchildlist{margin-bottom:0;font-size:16px;color:#666;line-height:40px;padding:0 15px}
    .footmapchild, .footbotr{display:none}
    .footcenr{width:100%;margin-top:30px}
    .foottel{float:left}
    .foottel .tel{font-size:22px;text-align:left}
    .foottel .text{margin-top:2px;text-align:left}
    .footshare{margin-top:0}
    .footsharelist{margin-right:10px}
    .footsharelist .footicon{width:40px;height:40px;background-position:left -3px center}
    .footbot{padding:0 0 40px;border-top:   none}
    .footbotrwap{display:block;margin-top:25px}
    .footbotr .list:nth-of-type(1){padding:0 10px 0 0}
}

/* 子页面公共 */
.pcpagenavbox{height:80px;background-color:#f4f4f4}
.pcpagenav .pcpagenavlist{font-size:15px;padding:0 15px;position:relative;overflow:hidden;z-index:2;line-height:80px;;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.pcpagenav .pcpagenavlist:after{content:"";width:0;height:2px;background-color:#fff;background-color:#e60012;opacity:0;position:absolute;bottom:0;left:50%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.pcpagenav .pcpagenavlist a{display:block;position:relative;z-index:3;color:#666}
.pcpagenav .pcpagenavlist.cur a, .pcpagenav .pcpagenavlist:hover a{color:#e60012;font-weight:bold}
.pcpagenav .pcpagenavlist.cur,
.pcpagenav .pcpagenavlist:hover{background-color:#fff}
.pcpagenav .pcpagenavlist.cur:after,
.pcpagenav .pcpagenavlist:hover:after{opacity:1;width:100%;margin-left:-50%}
.pcpagenavr{line-height:80px}
.pcpagenavr img{display:inline-block;vertical-align:middle;margin-bottom:3px}
/* .pcpagenavr img.icon{margin:0 10px} */
.pcpagenavr a{color:#999}
.pcpagenavr .icon{margin:0 6px}
.pcpagenavr span{display:inline-block;color:#999}
.pcpagenavr a.cur{color:#e60012;font-weight:bold}

.wappagenav{display:none;position:relative}
.wappagenav .wappagenavname{display:block;color:#fff;background-color:#e60012;font-size:16px;line-height:48px;position:relative}
.wappagenav .wappagenavname:after{content:"";width:2px;height:14px;background-color:#fff;position:absolute;top:50%;right:21.5px;margin-top:-7px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname:before{content:"";width:14px;height:2px;background-color:#fff;position:absolute;top:50%;right:15px;margin-top:-1px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname.cur:after,
.wappagenav .wappagenavname.cur:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wappagenav .wappagenavitems{width:100%;max-height:250px;overflow-y:auto;padding:0;display:none;background-color:#fff;z-index:10;position:absolute;top:48px;left:0;box-shadow:0px 6px 28px rgba(0,0,0,0.08)}
.wappagenav .wappaganavlist{width:100%;float:none;border-bottom:1px solid #ddd;padding:0 15px;z-index:99;background-color:#fff}
.wappagenav .wappaganavlist:nth-last-of-type(1){border-bottom:none}
.wappagenav .wappaganavlist a{width:100%;line-height:40px;color:#666;font-size:14px;border-top:none;display:block}

.pageban{position:relative;overflow:hidden; margin-top:90px;}
.pageban .textbox{position:absolute;top:50%;left:50%;margin-left:-37.5vw;margin-top:0;z-index:2}
.pageban .textbox .cntitle{color:#fff;font-size:48px;opacity:0;transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition:1s ease-in-out 0s}
/* .pageban .textbox .entitle{color:#fff;font-size:24px;font-family:'twcen';opacity:0;transform:translateX(200px);-webkit-transform:translateX(200px);-moz-transform:translateX(200px);transition:1s ease-in-out 1.3s;-webkit-transition:1s ease-in-out 1.3s;-moz-transition:1s ease-in-out 1.3s} */
.pageban .textbox.cur .cntitle,
.pageban .textbox.cur .entitle{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}

.pager{text-align:center}
.pager .list.pagexx{font-family:宋体, 'SimSun'}
.pager .list, .pager .pageritems, .pager .text, .pager .pagernum{display:inline-block;margin:0 6px}
.pager .list{padding:0 20px;height:48px;line-height:46px;color:#7f7f7f;background-color:#f3f3f3;border-radius:0;font-family:Arial;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.pager .text{background-color:transparent}
.pager .pagernum input{width:36px;height:36px;display:inline-block;border:1px solid #dcdcdc;margin-right:-4px;color:#666;text-align:center}
.pager .list.cur, .pager .list.btn, .pager .list:hover{background-color:#e60012;color:#fff;border-color:#e60012}
.pager .list input{width:100%;height:100%;padding:0px 5px;background-color:transparent;color:rgba(77,77,77,0.5);text-align:center}
.pager .list input:hover{color:#fff}
.wappager{width:100%;height:48px;background-color:#e60012;line-height:48px;color:#fff;text-align:center;;display:none}

.pagebox{background-color:#fafafa}

@media (max-width:1620px){
    .pageban .textbox{margin-left:-39vw}
}

@media (max-width:1440px){
    .pageban .textbox{margin-left:-42vw}
	.pcpagenav .pcpagenavlist{ padding:0 10px;}
}

@media (max-width:1280px){
    .pageban .textbox{margin-left:-44vw}
	
}

@media (max-width:1024px){
    .pcpagenavbox, .pager{display:none}
    .wappagenav, .wappager{display:block}
    .pageban .textbox{left:0;margin-left:0;margin-top:-12px}
    .pageban .textbox .cntitle{font-size:18px;transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition: 1s ease-in-out 0s}
    .pageban .textbox .entitle{font-size:14px;margin-top:2px;transition:1s ease-in-out 0.3s;-webkit-transition:1s ease-in-out 0.3s;-moz-transition: 1s ease-in-out 0.3s}
    .pageban .img, .pageban{height:auto;background-image:none}
    .pageban .img{position:static}
    .pageban .showimg img{opacity:1;visibility:visible}
}


