/*公共部分*/
.wrap{width:85.94vw;max-width:100%;margin:0 auto}
.wrap2{width:76.04vw;max-width:100%;margin:0 auto}
.w1200{width:1200px;max-width:100%;margin:0 auto}
@media (max-width:1620px){ 
    .wrap{width:89.94vw} 
    .wrap2{width:82.04vw}
}
@media (max-width:1440px){ 
    .wrap{width:92.94vw}
    .wrap2{width:86.04vw}
}
@media (max-width:1280px){ 
    .wrap2{width:90.04vw}
    .wrap, .w1200{width:96.94vw;} 
}
@media (max-width:1024px){ 
    .wrap2, .w1200, .wrap{width:100%!important;padding:0 15px;} 
    .wrap2{
        display: flex;
        flex-direction: column;
        
    }
    /*.wrap{width: 93.94vw!important;}*/
}

/* 滚动条 */
body::-webkit-scrollbar{width:8px;}
/* 滚动条滑块 */
body::-webkit-scrollbar-thumb{background-color:#009b4d;}
/* 滚动条外层轨道 */
body::-webkit-scrollbar-track{background-color:#faf6f3;}

body.cur, html.cur{width:100%;height:100%;overflow:hidden;}

/* 全部公共 */
.head{
    background: rgba(255,255,255,0.4);
	width:100%;
	height:100px;
	position:absolute;top:0;left:0;z-index:9;
}
/* .head:after{content:"";width:100%;height:100%;background-color:transparent;position:absolute;top:0;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} */
.head.cur{box-shadow:0px 3px 30px 0px rgba(0,0,0,0.13)}
.head.cur,
.head.active{background-color:#fff}
.logoimg{width: 210px;display:block;margin-top:7.5px;position:relative;z-index:3;}
.logoimg img,
.searchbtn img{display:inline-block;vertical-align:middle;margin-bottom:3px;}
.navitemname{position:relative;height:100px;z-index:3}
.navitemname .showname{display:block;padding:0 1vw;color:#464545;font-size:17px;line-height:100px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.head.cur .navitemname .showname{color:#333;}
.navchildbox{width:100%;height:70px;position:absolute;top:100px;left:0;padding:0;background-color:rgba(255,255,255,0.9);z-index:-1;visibility:hidden;opacity:0}
.navchildbox .wrap{text-align:center;}
.navchildlist{font-size: 15px;display:inline-block;float:none;height:70px;line-height:70px;margin-right:2.291vw;padding-left:9px;color:#3b3b3b;background-image:url(../img/navicon.png);background-repeat:no-repeat;background-position:left center;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.navchildlist:nth-last-of-type(1){margin-right:0;}
.navitem:nth-of-type(2) .navchildlist{margin-right:1.4vw;}
.head.cur .navitemname .showname,
.head.active .navitemname .showname{color:#666}
.headtel, .headstockcode{height:100px;line-height:100px;color:#464545;font-size:15px;margin-left:0.937vw;padding-left:22px;position:relative;z-index:3;background-repeat:no-repeat;background-position:left center;}
.headtel{background-image:url(../img/headicon1.png)}
.head.cur .headtel{background-image:url(../img/headicon1_cur.png)}
.headstockcode{background-image:url(../img/headicon2.png)}
.head.cur .headstockcode{background-image:url(../img/headicon2_cur.png)}
.head.cur .headtel, 
.head.cur .headstockcode{color:#333;}
.head.active .headtel{background-image:url(../img/headicon1_cur.png)}
.head.active .headstockcode{background-image:url(../img/headicon2_cur.png)}
.head.active .headtel, 
.head.active .headstockcode{color:#333;}
.headtel span, .headstockcode span{font-weight:bold;font-family:Arial}
.headstockcode{margin-left:34px}
.headlan{font-size:16px;color:#fff;font-family:Arial;height:100px;line-height:100px;margin-left:2.5vw;position:relative;z-index:3}
.head.cur .headlan{color:#333}
.headlan span{margin:0 8px;}
.navleft .language {display: none; }
.search{margin-left:2.291vw;position:relative}
.searchbtn{width:21px;height:100px;position:relative;z-index:3;text-align:center;cursor:pointer;background-image:url(../img/searchbtn2.png);background-repeat:no-repeat;background-position:center center}
.head.cur .searchbtn,
.head.active .searchbtn{background-image:url(../img/searchbtn2.png)}
.searchbox{width:400px;height:62px;background-color:#fcfcfc;padding:10px 25px;position:absolute;top:19px;right:-10px;z-index:-1;opacity:0;border:1px solid #ddd;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)}
.searchbox .close{line-height:42px;cursor:pointer}
.searchbox .close:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.searchbox .searchform .input{width:calc(100% - 80px);margin:0 20px 0 0}
.searchbox .searchform .input input{width:100%;height:40px;font-size:16px;position:relative;background-color:transparent;color:#333;border-bottom:1px solid #ddd}
.searchbox .searchform .input input:focus{border-bottom-color:#009b4d}
.searchbox .searchform .input input::-webkit-input-placeholder{color:#999}
.searchbox .searchform .btn{height:42px;margin-right:20px;text-align:center;line-height:42px;cursor:pointer}
.searchbox.cur{opacity:1;z-index:4;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
.wapbtnbox{width:26px;height:22px;margin-left:45px;margin-top:56px;display:none;position:relative}
.wapbtnbox:after{content:"";width:1px;height:15px;background-color:rgba(255,255,255,0.3);position:absolute;top:2px;left:-22px}
.wapbtnbox div{width:26px;height:2px;background-color:#000;border-radius:2px;position:absolute;right:0}

.head.cur .wapbtnbox,
.head.active .wapbtnbox{background-image:url(../img/nav_cur.png)}
.head.cur .wapbtnbox:after{background-color:#e0e0e0}
.logo img, .searchbtn img, .searchbox .searchform .btn img, .searchbox .close img, .footfrienbox .icon img, .waplpgo img{display:inline-block;vertical-align:middle}
.wapsearch, .waplpgo{display:none}
.navpctel{margin-top:30px;padding:3px 0 3px 20px;border-left:1px solid #dfdfdf;margin-left:22px}
.navpctel .tel{line-height:0.8;margin-left:7px;color:#ed7020;font-size:25px;font-family:Arial;font-weight:bold}
.navpctel .bot{width:156px;height:22px;font-size:12px;line-height:20px;color:#000;text-align:center;letter-spacing:3px;margin-top:3px;border-radius:22px;border:1px solid #ed7020}
.searchformwap{display:none;width:calc(100% - 30px);padding:0 20px;border-radius:40px;height:40px;background-color:#f5f5f5;margin:15px auto 0;border:1px solid #d6d6d6}
.searchformwap .input{width:calc(100% - 40px);margin-right:20px}
.searchformwap .input input{width:100%;height:38px;background-color:transparent}
.searchformwap .btn{height:38px;line-height:38px}
.searchformwap .btn img{display:inline-block;vertical-align:middle}

.foottop{padding: 20px 0 0px;}
.footnavlist{margin-right:4.166vw}
.footnavlist:nth-last-of-type(1){margin-right:0}
.footnavlist .name a{
    color:#151515;
    font-size: 21px;
    font-weight: bold;}
.footnavchild{margin-top:28px}
.footnavchild .list{display:block;color:rgba(59,59,59,0.7);margin-bottom:22px;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
}
.footnavchild .list:nth-last-of-type(1){margin-bottom:0}
.footmap{margin-top:33px}
.footmaplist{color:#f6f6f6;font-size:12px;padding:0 25px;line-height:1;border-right:1px solid #fff}
.footmaplist:nth-last-of-type(1){padding:0 0px 0px 25px;border-right:none}
/*.foottopright .ewmlist .img{box-shadow:0px 0px 40px 0px rgba(0,0,0,0.08)}*/
.foottopright .ewmlist .title{color:#151515;text-align:center;font-weight:bold;margin-top:6px}
.foottopright .ewmlist:nth-of-type(1){margin-left:14px}
.foottopright .items{margin:40px 0 48px}
.foottopright .item{margin-bottom:10px}
.foottopright .item:nth-last-of-type(1){margin-bottom:0}
.foottopright .item .text{text-align:right;color:rgba(59,59,59,0.5);line-height:1.8}
.foottopright .item .icon{width:18px;height:25px;line-height:25px;text-align:right}
.foottopright .item .icon img, .footfriendtop .down img, .wapscrolltop .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.foottopright .item .text span{color:#333;font-weight:bold}
.footsharelist{width:15px;height:15px;background-repeat:no-repeat;background-position:center center;margin-left:18px;cursor:pointer}
.footsharelist[data-wb]{background-image:url(../img/footwb.png)}
.footsharelist[data-qq]{background-image:url(../img/footqq.png)}
.footsharelist[data-wx]{background-image:url(../img/footwx.png)}
.footfriend{width:236px;margin-top:0;position:relative}
.footfriendtop{width:236px;height:48px;background-color:#f7f7f7;padding:0 20px;cursor:pointer}
.footfriendtop .name{color:#999;line-height:48px;width:calc(100% - 19px);margin-right:10px}
.footfriendtop .down{line-height:48px}
.footfrienditems{width:100%;max-height:120px;position:absolute;top:48px;left:0;background-color:#f7f7f7;border-top:1px solid #f0f0f0;z-index:-1;visibility:hidden;opacity:0}
.footfrienditem{height:38px;line-height:38px;display:block;color:#666;padding:0 20px}
.footfriend.cur .footfrienditems{z-index:9;visibility:visible;opacity:1}
.footbot{height:78px;background-color:#009b4d}
.copybox{color:#fff;line-height:77px;
/*font-size:12px;*/
font-size: 15px;
}
.wapscrolltop{display:none;height:57px;border-bottom:1px solid #e5e5e5;text-align:center}
.wapscrolltop .text{font-size:16px;display:inline-block;line-height:56px;margin-right:5px}
.wapscrolltop .icon{display:inline-block;width:28px;line-height:56px}

.wapreturn{display:none;padding:0 25px;height:60px;line-height:60px;border-bottom:1px solid #d6d6d6;text-align:right}
.wapreturn img{display:inline-block;vertical-align:middle;display:inline-block}

.head.pagehead{position:relative;background-color:#fff}
.head.pagehead .searchbtn{background-image:url(../img/nav_cur.png)}

@media (min-width:1024px){
    .searchbtn:hover{transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg)}
    .searchbox .searchform .btn:hover img{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5)}
    .navitem:hover .navitemname:after{top:0}
    .navitem.cur .navitemname:after{top:0}
    .navlan:hover .navlanitems{visibility:visible;opacity:1;z-index:12;top:100px}
    .navlan:hover .navlantop .icon img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
    .navitem.cur .showname,
    .head.cur .navitem.cur .navitemname .showname{color:#d70010}
    .head.active .navitem.cur .navitemname .showname{color:#1695d4}
    .navchildbox .navchilditem:hover a{color:#ed7020;font-weight:bold}
    .navchildbox .navchilditem:hover:after{background-color:#ed7020}

    .navchildlist:hover{color:#009b4d;background-image:url(../img/navicon_cur.png)}
    .navitem:hover .navchildbox{visibility:visible;opacity:1;z-index:13}
    .footewm:hover .hidebox{top:72px;visibility:visible;z-index:3;opacity:1}
    .navchildlist:hover:after{border-color:#00a5e2}

    .footfriend:hover .footfrienditems{z-index:9;visibility:visible;opacity:1}
    .footfrienditem:hover{color:#fff;background-color:#009b4d}
    .footnavchild .list:hover{color:#009b4d}
    .navitem.cur .navitemname .text{position:relative}
    .navitem.cur .navitemname .text:after{content:"";width:100%;height:3px;background-color:#ed7020;position:absolute;bottom:-19px;left:0}

    .head.cur .navitem:hover .navitemname .showname,
    .head.active .navitem:hover .navitemname .showname{color:#009b4d;font-weight:bold}
}

@media (max-width:1800px){
    .navitemname .showname{padding:0 0.66vw}
    .headlan{margin-left:2vw}
    .search{margin-left:1.6vw}
    .headstockcode{margin-left:20px}
    .logoimg{width:226px}
    .navchildlist{margin-right:1.5vw}
    /* .navchildbox .wrap{padding-left:6.29vw} */
}

@media (max-width:1620px){
    .navitemname .showname{padding:0 0.5vw;font-size:14px}
    .headlan{margin-left:1.6vw;font-size:14px}
    .search{margin-left:1.2vw}
    .headstockcode{margin-left:20px;font-size:14px}
    .footnavlist{margin-right:3.5vw}
}

@media (max-width:1440px){
    .navitemname .showname{padding:0 0.6vw;font-size:13px}
    .headlan{margin-left:1.2vw;font-size:13px}
    .search{margin-left:0.8vw}
    .headstockcode{margin-left:15px}
    .headtel, .headstockcode{font-size:13px}
    .searchbtn{width:16px;background-size:16px auto}
    .logoimg{width:210px}
    .footnavlist{margin-right:2.5vw}
    .foottop{padding: 20px 0 0px;}
    .headlan a, .headlan span{font-size:13px}
    .navchildbox .wrap{padding-left:1.29vw}
    .navitem:nth-of-type(2) .navchildlist{margin-right:0.8vw}
    .navchildlist{margin-right:1vw}
    .navchildbox{height:auto;padding:10px 0}
    .navchildlist{height:auto;line-height:36px}
}

@media (max-width:1280px){
    .navchildbox{height:auto}
    .navitemname .showname{padding:0 0.6vw;font-size:12px}
    .headlan{margin-left:1.2vw;font-size:12px}
    .headlan a, .headlan span{font-size:12px}
    .search{margin-left:0.8vw}
    .headstockcode{margin-left:10px}
    .headtel, .headstockcode{font-size:12px}
    .searchbtn{width:16px;background-size:16px auto}
    .logoimg{width:180px}
    .headtel{margin-left:1vw}
    .footnavchild .list{margin-bottom:10px}
    .footnavbox{width:calc(100% - 360px);margin-right:50px}
    .footnavlist:nth-of-type(1),
    .footnavlist:nth-of-type(2),
    .footnavlist:nth-of-type(3),
    .footnavlist:nth-of-type(4){min-height:358px}
    .footnavlist{width:25%;margin-right:0;margin-bottom:30px}
    .footnavchild{margin-top:18px}
}

@media (max-width:1160px){
    .navitemname .showname{padding:0 0.4vw} 
    .headlan{margin-left:0.6vw}
    .search{margin-left:0.4vw}
    .headstockcode{margin-left:10px}
    .searchbtn{width:16px;background-size:16px auto}
    .logoimg{width:140px;margin-top:32px}
    .headtel{margin-left:1vw}
}

@media (max-width:1024px){
    .headtop .box, .navline, .navitemname a.hidename, .footcon, .footboxright, .navtel, .navchildbox .leftbox, .headlan, .headtel{display:none}
    .wapsearch, .wapbtnbox, .waplpgo, .searchformwap, .wapreturn{display:block}
    .headtop .wrap{padding:0}
    .headbox{height:60px}
    .head{height:60px;z-index:12;position:relative;transition:0.5s ease-in-out 0.5s;-webkit-transition:0.5s ease-in-out 0.5s;-moz-transition:0.5s ease-in-out 0.5s}
    .head.cur{transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .logo img{width:160px}
    .waplpgo{width:120px;height:60px;line-height:60px;position:absolute;top:0;left:50%;margin-left:-60px}
    .navlantop .text, .navlantop .icon{line-height:60px}
    .navpctel{border-left:none;margin-top:5px}
    .navpctel .icon img{width:16px;height:16px}
    .navpctel .tel{font-size:18px;line-height:1}
    .navpctel .bot{letter-spacing:1px;width:114px;height:18px;line-height:16px}
    .search{margin-left:15px;position:static}
    .searchbtn{width:14px;height:60px;background-image:url(../img/searchbtn2.png);background-size:14px auto}
    .wapbtnbox{margin-top:19px;margin-left:20px}
    .wapbtnbox:after{left:-15px}
    .wapbtnbox div:nth-of-type(1){top:0px}
    .wapbtnbox div:nth-of-type(2){top:9px}
    .wapbtnbox div:nth-of-type(3){top:18px}
    .wapbtnbox.cur div:nth-of-type(1){top:9px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
    .wapbtnbox.cur div:nth-of-type(3){top:9px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}
    .wapbtnbox.cur div:nth-of-type(2){opacity:0}
    .headstockcode{font-size:12px;margin-left:0;height:60px;line-height:60px;padding-left:18px;color:#333;background-image:url(../img/headicon2_cur.png);background-size:12px auto}

    .head .box{overflow:initial}
    .navleft .language{display: none;text-align:center;margin-top:30px;font-size:0}
    .navleft .language a{position:relative;font-size:14px;color:#666;line-height:30px;padding-right:15px;margin-right:15px}
    .navleft .language a:last-child{padding-right:0;margin-right:0}
    .navleft .language a:last-child:after{display:none}
    .navleft .language a:after{content:"";display:inline-block;position:absolute;right:0;top:50%;z-index:10;width:1px;height:12px;background:#ccc;margin-top:-6px}
    .navitems{width:100%;max-height:calc(100vh - 140px);overflow-y:auto}
    .navitem{padding:0;width:100%;border-bottom:1px solid #f3f3f3}
    .navitemname{height:52px;position:relative;padding:0 75px 0 15px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .navitemname:after, .navchildlistname:after{content:"";font-family:"iconfont";font-size:20px;color:#999;position:absolute;top:50%;margin-top:-11px;right:10px;font-weight:bold;left:auto;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .navchildlistname.cur:after,
    .navchildlistname.cur:before{background-color:#e60012;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
    .navitemname.cur{background-color:#009b4d}
    .navitemname.cur a.showname{color:#fff}
    .navitemname .text{font-size:16px}
    .navitemname.cur:before{background-color:#fff}
    .navitemname.cur:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);color:#fff}
    .navitemname a{height:52px;line-height:52px;display:inline-block;font-size:18px}
    .navitemname a.showname, .navitemname a{font-size: 17px;line-height:52px;color:#333}
    /* .navitem:nth-of-type(1) .navitemname a{display:block}
    .navitem:nth-of-type(1) .navitemname:after,
    .navitem:nth-of-type(1) .navitemname:before{display:none} */
    .navleft{width:100%;height:calc(100vh - 60px);border-top:1px solid #ddd;position:fixed;top:60px;left:100%;margin-left:0;background-color:#fff;z-index:12;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .navitemname .showname{padding:0 0 0}
    .navitemname .icon{float:left;line-height:52px}
    .navitemname .icon img{margin-bottom:3px}
    .navitemname .text{float:left;margin-top:0;margin-left:10px}
    .navleft.cur{left:0}
    .nav{top:60px;height:calc(100% - 60px)}
    .nav .bg{position:relative}
    .navbox{width:77%;top:60px;height:calc(100% - 60px);background-image:url(../img/nav_cur.jpg);padding:0}
    .nav .bg:after{content:"";width:20px;height:20px;position:absolute;top:16px;left:15%;opacity:0;background-image:url(../img/nav_cur.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .nav .bg.cur:after{opacity:1}
    
    /*.navitemname:nth-child(1){display:none;}*/
    
    .navbox .title{display:none}
    .navhitem:nth-of-type(1), .navhitem:nth-of-type(2){display:block}
    .navhitem .name a{display:inline-block;line-height:54px;font-weight:normal}
    .navhitem:nth-of-type(1) .name a, .navhitem:nth-of-type(2) .name a{display:block}
    .navhitems{margin-top:0;padding-top:0;border-top:none}
    .navcitems{display:none}
    .navhitem{width:100%;margin-bottom:0}
    .navhitem .name{height:54px;border-bottom:1px solid rgba(255,255,255,0.5);padding:0 15px;position:relative}
    .navhitem .name:after{content:"";width:12px;height:2px;background-color:#fff;position:absolute;right:15px;top:50%;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}
    .navhitem .name:before{content:"";width:2px;height:12px;background-color:#fff;position:absolute;right:20px;top:50%;margin-top:-6px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .navhitem.cur .name:after,
    .navhitem.cur .name:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
    .navhitem .navcitems{margin-top:0;padding:10px 0;background-color:rgba(255,255,255,0.1)}
    .navhitem .navcitem{font-size:14px;margin-bottom:0;line-height:30px;padding:0 15px}
    .navhitem:nth-of-type(1) .name:after, .navhitem:nth-of-type(2) .name:after,
    .navhitem:nth-of-type(1) .name:before, .navhitem:nth-of-type(2) .name:before{display:none}

    .wapsearch .searchform{width:100%}
    .navchildbox{position:static;background-color:#fafafa;visibility:visible;opacity:1;width:100%;padding:8px 0;height:auto;display:none;transition:initial;-webkit-transition:initial;-moz-transition:initial}
    .navitem:nth-of-type(3) .navchildbox, .navitem:nth-of-type(4) .navchildbox, .navitem:nth-of-type(5) .navchildbox, .navitem:nth-of-type(6) .navchildbox, .navitem:nth-of-type(7) .navchildbox{margin-left:0;width:100%}
    .navitem:nth-of-type(3) .navchildlist, .navitem:nth-of-type(4) .navchildlist, .navitem:nth-of-type(5) .navchildlist, .navitem:nth-of-type(6) .navchildlist, .navitem:nth-of-type(7) .navchildlist{padding:0}
    .navchildlist{font-size: 16px;margin:0;width:100%;text-align:left;height:40px;line-height:40px;display:block;color:#999;padding:0;border-right:none;background-image:none}
    .navitem:nth-of-type(2) .navchildlist{margin-right:0}
    .wapsearch{width:100%}
    .navchildbox .rightbox{display:none}
    .searchbox .searchform .input input{height:36px;text-align:left;font-size:16px;color:#333}
    .searchbox .searchform .input input::-webkit-input-placeholder{color:#999}
    .searchbox.cur{}
    .searchbox{width:calc(100% - 53px);height:52px;top:60px;right:53px;padding:8px 15px;background-color:#fcfcfc;box-shadow:0px 4px 20px 0px rgba(0,0,0,0.04)}
    .searchbox .searchform .btn{height:36px;line-height:36px}
    .searchbox .close{line-height:36px}
    .navchildbox .navchilditems{width:100%;background-color:#f6f6f6;padding:0;margin-left:0}
    .navchildbox .navchilditem{border-bottom:1px solid #d6d6d6;padding:0 15px;height:auto;margin-bottom:0}
    .navchildbox .navchilditem:nth-last-of-type(1){border-bottom:0}
    .navchildbox .navchilditem a{font-size:16px;color:#666;line-height:44px}
    .navchildbox .navchilditem:after{display:none}
    .navchildbox .wrap{padding:0 15px}
    .logoimg{height:50px;margin-top:5px;width: auto;}
	.logoimg img{
		width: auto;
		height: 50px;
	}
    .headright{float:right}
    .navlanitems{left:auto;right:0}
    .navlanitem{height:40px;line-height:40px;margin-right:10px}
    .copybox{width:100%;margin-top:10px;float:left;text-align:center;line-height:1.3;color:rgba(255,255,255,0.7);font-size: 13px;}
    /* .navitem:nth-of-type(1) .navitemname,
    .navitem:nth-of-type(6) .navitemname,
    .navitem:nth-of-type(7) .navitemname{padding:0 15px}
    .navitem:nth-of-type(6) .navitemname:after, .navitem:nth-of-type(7) .navitemname:after{display:none} */
    .footnavbox{width:100%;margin-right:0}
    .foottop{padding:0 0 0px}
    .footnavlist:nth-of-type(1), .footnavlist:nth-of-type(2), .footnavlist:nth-of-type(3), .footnavlist:nth-of-type(4){min-height:initial}
    .footnavlist{width:100%;margin-bottom:0;border-bottom:1px solid #e5e5e5}
    .footnavchild{margin-top:0;display:none;padding: 8px 15px;background-color:#fafafa}
    .footnavchild .list{
        /*margin-bottom:0;*/
        margin: 6px 0px;
        font-size: 15px;
        line-height:38p;
        color:#666;}
    .footnavlist .name{line-height:50px;position:relative}
    .footnavlist .name:after{content:"";width:16px;height:2px;background-color:#ccc;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}
    .footnavlist .name:before{content:"";width:2px;height:16px;background-color:#ccc;position:absolute;top:50%;margin-top:-8px;right:7px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .footnavlist.cur .name:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
    .footnavlist.cur .name:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
    .footnavlist .name a{font-size:16px;font-weight:normal}
    .foottopright{width:100%;float:left;
    /*margin-top:35px;*/
        
    }
    .foottopright .ewmlist{float:left}
    .foottopright .ewmlist:nth-of-type(1){margin-left:0;margin-right:15px}
    .foottopright .ewmlist .img{width:100px;height:100px}
    .foottopright .ewmlist .title{margin-top:10px;font-weight:normal}
    .foottopright .item{margin-bottom:0}
    .foottopright .item .icon{float:left;text-align:left}
    .foottopright .item .text{float:left;text-align:left}
    .foottopright .items{margin:20px 0 30px}
    .footfriend{width:100%;margin-top:20px}
    .footfriendtop{width:100%;height:40px}
    .footfriendtop .name{line-height:40px}
    .footfriendtop .down{line-height:40px}
    .footsharelist{float:left}
    .footsharelist{margin-left:0;margin-right:10px}
    .footbot{height:auto;padding:25px 0}
    .footmap{width:100%;margin-top:0;text-align:center}
    .footmaplist{float:none;color:#d2d4ed;border-right-color:#d2d4ed}
    .footfrienditems{top:auto;bottom:40px;border-top:none;border-bottom:1px solid #f0f0f0}
    .wapscrolltop{display:block}
}

@media (max-width:380px){
    .search{margin-left:10px}
    .wapbtnbox{
        margin-left:15px;
    }
    /* .logoimg{width:120px;margin-top:15px} */
}

@media (max-width:370px){
    .wapbtnbox{width:20px}
    .wapbtnbox div{width:20px;height:2px}
    .search{margin-left:5px}
    .wapbtnbox{margin-left:10px}
    .logoimg{width:80px;margin-top:18px}
}

/* 子页面公共 */
.pcnav{width:100%;box-shadow:0px 0px 22px 0px rgba(0,0,0,0.1);position:relative;z-index:3}
.propcnav .wrap2{width:100%;padding-left:11.78vw}
.pcnavbox{text-align:left}
.pcnavelist{margin-right:2.083vw;position:relative}
.pcnavelist:nth-last-of-type(1){margin-right:0}
.pcnavelist .name,
.pcnavelist>a{font-size: 17px;display:block;height:70px;line-height:70px;color:#666}
.pcnavelist:after{content:"";width:0px;height:3px;background-color:#009b4d;position:absolute;overflow:hidden;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}
.pcnavelist.cur .name, .pcnavelist:hover .name, .pcnavelist.cur>a, .pcnavelist:hover>a{color:#009b4d}
.pcnavelist.cur:after, .pcnavelist:hover:after{width:100%;margin-left:-50%}
.pagernav{height:70px}
.pagernav .icon{line-height:70px;margin-right:10px}
.pagernav .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.pagernav .text{line-height:70px;margin-right:10px;color:#585858;font-weight:bold}
.pagernav .text.cur{color:#009b4d;margin-right:0}
.pagernav a:last-child{color:#009b4d;}

.pcnavlistchild{width:140px;padding:0 10px;position:absolute;top:100px;left:50%;margin-left:-70px;background-color:#fff;box-shadow:0px 4px 22px 0px rgba(0,0,0,0.06);z-index:-1;opacity:0;visibility:hidden}
.pcnavelist:hover .pcnavlistchild{top:70px;z-index:9;opacity:1;visibility:visible}
.pcnavchilditem{padding:10px 0;display:block;line-height:26px;border-bottom:1px solid #f2f2f2}
.pcnavchilditem:nth-last-of-type(1){border-bottom:none}
.pcnavchilditem:hover{color:#009b4d}

.wappagenav{display:none;position:relative}
.wappagenav .wappagenavname{display:block;color:#fff;background-color:#009b4d;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:300px;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 .onename{line-height:26px;padding:10px 0;color:#333;font-size:15px;font-weight:bold;display:block}
.wappagenav .wappaganavlist:nth-last-of-type(1){border-bottom:none}
.wappagenav .wappaganavlist .name{position:relative}
.wappagenav .wappaganavlist .name:after{content:"";width:2px;height:14px;background-color:#ddd;position:absolute;top:13px;right:6px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappaganavlist .name:before{content:"";width:14px;height:2px;background-color:#ddd;position:absolute;top:19px;right:0}
.wappagenav .wappaganavlist.cur .name:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
.wappagenav .wappaganavlist .name a{max-width:75%;line-height:26px;padding:7px 0;color:#333;font-size:15px;font-weight:bold;border-top:none;display:inline-block}
.wappagenav .wappaganavlist .child{border-top:1px solid #ddd;overflow-y:auto;max-height:140px;display:none}
.wappagenav .wappaganavlist .child .list{display:block;font-size:12px;padding:5px 10px;color:#999;line-height:24px;border-bottom:1px solid #f0f0f0}
.wappagenav .wappaganavlist .child .list:nth-last-of-type(1){border-bottom:0}

.pageban{position:relative;overflow:hidden}
.pageban .textbox{position:absolute;top:50%;margin-top:-65px;left:50%;margin-left:-38.02vw}
.pageban .textbox.textbox2{margin-top:-38px}
.pageban .textbox .title{font-size:48px;font-weight:bold;text-align:center;color:#fff;transition:1.4s ease-in-out 0s;-webkit-transition:1.4s ease-in-out 0s;-moz-transition:1.4s ease-in-out 0s}
.pageban .textbox .text{font-size:30px;margin-top:8px;text-align:center;color:#fff;transition:1.4s ease-in-out 0.3s;-webkit-transition:1.4s ease-in-out 0.3s;-moz-transition:1.4s ease-in-out 0.3s;text-transform: uppercase;}
/* .pageban .textbox .title,
.pageban .textbox .text,
.pageban .title2,
.pageban .tel,
.pageban .play{transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);opacity:0} */
/* .pageban .textbox.cur .title,
.pageban .textbox.cur .text,
.pageban .textbox.cur .title2,
.pageban .textbox.cur .tel,
.pageban .textbox.cur .play{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);opacity:1} */
.pageban .wapimg{display:none}
.pageban .title2{color:#332c2b;font-size:60px;text-align:center;line-height:76px;font-weight:bold;transition:1.4s ease-in-out 0.6s;-webkit-transition:1.4s ease-in-out 0.6s;-moz-transition:1.4s ease-in-out 0.6s}
.pageban .title2 span{color:#009b4d}
.pageban .tel{width:460px;margin:16px auto 0;color:#fff;font-size:36px;font-weight:bold;line-height:48px;padding-left:45px;background-image:url(../img/sugbantel.png);background-repeat:no-repeat;background-position:left top 8px;transition:1.4s ease-in-out 0.6s;-webkit-transition:1.4s ease-in-out 0.6s;-moz-transition:1.4s ease-in-out 0.6s}
.pageban .play{width:65px;margin:10px auto 0;cursor:pointer;transition:1.4s ease-in-out 0.3s;-webkit-transition:1.4s ease-in-out 0.3s;-moz-transition:1.4s ease-in-out 0.3s}
.pageban video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden}
.pageban.cur video{z-index:8;opacity:1;visibility:visible;object-fit:fill;object-position:center center}
.pageban.cur .img,
.pageban.cur .textbox{z-index:-1;opacity:0;visibility:hidden}

.pager{text-align:center}
.pager .list.pagexx{width:48px;background-repeat:no-repeat;background-position:center center;font-family:宋体, 'SimSun';font-weight:bold}
/* .pager .pagexx.next{background-image:url(../imgs/pagerrightc.png)} */
/* .pager .pagexx.next:hover{background-image:url(../imgs/pagerright_cur.png)} */
.pager .list, .pager .pageritems, .pager .text, .pager .pagernum,.pager a{display:inline-block;margin:0 8px;vertical-align:middle;}
.pager .list,.pager a{padding:0 20px;height:48px;line-height:48px;color:#999;background-color:#fff;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,.pager a:hover,.pager a.page-num-current{background-color:#009b4d;color:#fff}
.pager .pagexx.last:hover, .pager .pagexx.next:hover{background-color:#009b4d}
.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:#1695d4;line-height:48px;color:#fff;text-align:center;;display:none}

/* .pagebox{background-color:#f6f6f6;padding-left:9.375vw;padding-bottom:100px} */
.pagewrap{padding-right:9.375vw;background-color:#fff;padding-top:80px;padding-bottom:100px;padding-left:100px}
.pagew1200{width:1200px}

.pagetitlebox .cntitle{color:#000;font-size:32px;font-weight:bold;line-height:1;text-align:center}
.pagetitlebox .entitle{color: #009b4d;font-size:18px;font-weight:bold;text-align:center;font-family:Arial;margin-top:10px}

@media (max-width:1800px){
    .pcnavelist{margin-right:1.683vw}
}

@media (max-width:1620px){
    .pageban .textbox{margin-left:-41.02vw}
    .propcnav .wrap2{padding-left:9.78vw}
}

@media (max-width:1440px){
    .pageban .textbox{margin-left:-43.02vw;margin-top:-55px}
    .pcnavelist{margin-right:1.1vw}
    .pageban .textbox .title{font-size:38px}
    .pageban .textbox .text{font-size:24px}
    .pageban .textbox.textbox2{margin-top:-25px}
    .pageban .title2{font-size:38px;line-height:50px}
    .pageban .tel{width:338px;font-size:26px}
    .pagetitlebox .cntitle{font-size:28px}
    .pagetitlebox .entitle{font-size:16px}
    .propcnav .wrap2{padding-left:7.78vw}
}
@media (max-width: 1366px) {
    .pcnavelist{margin-right:1.2vw}
    .propcnav .wrap2{padding-left:5.78vw}
}
@media (max-width:1280px){
    .pageban .textbox{margin-left:-44.02vw;margin-top:-43px}
    .pageban .textbox .title{font-size:32px}
    .pageban .textbox .text{font-size:20px}
}
@media (max-width:1024px){
    .pcpagenavbox, .pager, .pcpagenav, .pcnav, .pageimg{display:none}
    .wappagenav, .wappager, .pageban .wapimg{display:block}
    .pageban .wapimg img{width:100%}
    .pageban .textbox{left:0;margin-left:0;margin-top:-12px}
    .pageban .textbox .cntitle{font-size:16px;transition:2s ease-in-out 0s;-webkit-transition:2s ease-in-out 0s;-moz-transition: 2s ease-in-out 0s}
    .pageban .textbox .entitle{font-size:12px;margin-top:0;transition:2s ease-in-out 0.3s;-webkit-transition:2s ease-in-out 0.3s;-moz-transition: 2s ease-in-out 0.3s}
    .pageban .img, .pageban{height:auto;background-image:none}
    .pageban{margin-top:0}
    .pageban .img{position:static}
    .pageban .showimg img{opacity:1;visibility:visible}
    .pagewrap{padding:50px 15px}
    .pageban .textbox{padding:8px 15px}
    .pageban .textbox{width:100%;left:0;margin-left:0;padding:0 15px;margin-top:-30px}
    .pageban .textbox .title{font-size: 23px;line-height:24px}
    .pageban .textbox .text{font-size: 16px;margin-top:3px}
    .pageban .tel{width:190px;font-size:14px;margin:6px auto 0;background-size:16px 16px;padding-left:22px;line-height:19px;background-position:left top}
    .page{padding:0 15px;background-color:#fff}
    .pagew1200{width:100%}
    .pagecon{padding:25px 0}
    .pagebox{padding:45px 0;border-top:none}
    .pagetitlebox .cntitle{font-size:22px}
    .pagetitlebox .entitle{font-size:14px;margin-top:5px}
    .pageban .textbox.textbox2{margin-top:-15px}
    .pageban .title2{font-size:20px;line-height:30px}
    
}
@media (max-width:370px){
    .pageban .textbox{margin-top:-27px}
    /* .pageban .textbox .title{font-size:20px} */
    .pageban .textbox .text{font-size:12px}
}