/*公共部分*/
.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%;padding:0 15px} }

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

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

/* 全部公共 */
.head{width:100%;height:90px;position: fixed;top:0;left:0;z-index:999}
/* .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;overflow:hidden;}
.head .logo{width:25%;}
.head .headright{width:75%;}
.logoimg{display:block;margin-top:6px;position:relative;z-index:3}
.logoimg img,
.searchbtn img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.logoimg img{max-height:80px;}
.navitemname{position:relative;height:90px;z-index:3}
.navitemname .showname{display:block;padding:0 1.2vw;color:#fff;font-size:18px;line-height:90px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s;letter-spacing: 1.2px;}
.head.cur .navitemname .showname{color:#333}
.navchildbox{width:100%;height:70px;position:absolute;top:90px;left:0;padding:0;background-color:rgba(255,255,255,0.9);z-index:-1;visibility:hidden;opacity:0}
.navchildbox .wrap2{text-align:center}
.navchildlist{display:inline-block;float:none;height:70px;line-height:70px;margin-right:2.291vw;padding-left:9px;color:#3b3b3b;background-image:url(../images/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{height:90px;line-height:90px;color:#fff;font-size:18px;margin-left:1.8vw;padding-left:28px;position:relative;z-index:3;background-repeat:no-repeat;background-position:left center}
.headtel{background-image:url(../images/headicon1.png)}
.head.cur .headtel{background-image:url(../images/headicon1_cur.png)}
.head.cur .headtel{color:#333}
.head.active .headtel{background-image:url(../images/headicon1_cur.png)}
.head.active .headtel{color:#333}
.headtel span{font-size: 20px;font-weight:bold;}
.head.active .navitemname .active{color: #303b8b;font-weight: bold;}
.search{margin-left:2.291vw;position:relative;}
.searchbtn{width:21px;height:90px;position:relative;z-index:3;text-align:center;cursor:pointer;background-image:url(../images/searchbtn.png);background-repeat:no-repeat;background-position:center center}
.head.cur .searchbtn,
.head.active .searchbtn{background-image:url(../images/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:#303b8b}
.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:after{background-color:#e0e0e0}
.logo img, .searchbtn img, .searchbox .searchform .btn img, .searchbox .close img, .waplpgo img{display:inline-block;vertical-align:middle}
.wapsearch, .waplpgo{display:none}
.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}

.mainbody{padding-top:90px;}

.footer{background-color: #2d4255;}
.footer, .footer a {color: #ffffff;font-size: 16px;}
.footer-t {padding-bottom: 1vw;}
.footer-t .top {display: -webkit-box;display: -ms-flexbox;display: flex;
                -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;
                flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;
                -ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center;padding: 1vw 0;border-bottom: rgba(255, 255, 255, 0.1) solid 1px;margin-bottom: 1vw;
}
.footer-t .top img{margin:0;}
.footer-t .top .fNav {display: -webkit-box;display: -ms-flexbox;display: flex;
                      -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;
                      flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;
                      -ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center;
}
.footer-t .top .fNav li{list-style: none;}
.footer-t .top .fNav .item {position: relative;padding: 0 1.2rem;}
.footer-t .bottom {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;
                   -webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;
                   flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;
                   align-items: center;-ms-flex-line-pack: center;align-content: center;position: relative;z-index: 2;
}
.footer-t .bottom .fTel {position: relative;padding-left: 66px;}
.footer-t .bottom .fTel:before {
    content: " ";position: absolute;left: 0;top: 50%;margin-top: -28px;width: 32px;height: 32px;
    background-image: url(../images/icon-tel.png);background-size: 32px;background-position: 50% 50%;background-repeat: no-repeat;
    border: rgba(230, 0, 39, 0.8) solid 1px;border-radius: 50%;padding: 12px;
}
.footer-t .bottom .fTel .sdt {color: rgba(255, 255, 255, 0.5);}
.footer-t .bottom .fTel .sdd {margin-top: 5px;font-family: Helvetica, Arial, sans-serif;font-weight: bold;color: #e60027;font-size: 26px;}
.footer-t .bottom .fContact {padding-right: 5%;color: rgba(255, 255, 255, 0.2);}
.footer-t .bottom .fContact .line {line-height: 25px;padding: 5px 0;}
.footer-t .bottom .fContact .icoImg {width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 4px;}
.footer-t .bottom .fQrcode {text-align: center;line-height: 1.5;color: rgba(255, 255, 255, 0.2);}
.footer-t .bottom .fQrcode .pic {width: 108px;height: 108px;margin-left: auto;margin-right: auto;margin-bottom: 5px;}
.footer-t .bottom .fQrcode .pic img {width: 100% !important;height: 100% !important;}
.footer-b {background-color: #2d4255;line-height: 22px;padding: 1.5vw 0;text-align: center;}
.footer-b .copyright{color:#fff;}
.footer-b .link{font-size:14px;}

#toolbar {position: fixed;z-index: 9999;right: 17px;bottom: 10%;}
#toolbar li {margin-bottom: 3px;font-size: 0;width: 60px;height: 60px;right: 0;position: relative;}
#toolbar li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 60px;height: 60px;
               overflow: hidden;background: #292e39;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;
}
#toolbar li .icon-font {display: inline-block;vertical-align: middle;width: 60px;height: 60px;background-color: #d9d9d9;}
.icon-font {position: relative;}
.icon-font:after {content: "";width: 30px;height: 30px;background-image: url(../images/icon_spirit.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}
#toolbar li .icon-qq:after {background-position: 0 -150px;}
#toolbar li .icon-phone:after {background-position: 0 -90px;}
#toolbar li .icon-ewm:after {background-position: 0 -30px;}
#toolbar li .icon-message:after {background-position: 0 -120px;}
#toolbar li .icon-top:after {background-position: 0 -60px;}
#toolbar li .icon-wangwang:after {background-position: 0 0;}
#toolbar li .wz {display: inline-block;line-height: 60px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #292e39;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm .ewm-box p {margin-bottom: 0;}
#toolbar li.ewm .ewm-box img {max-width: 100%;}
#toolbar li.ewm .ewm-box:after {
    content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;
    cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #292e39;border-right: none;
}
#toolbar li.ewm:hover .icon {background-position: -60px -180px;}
#toolbar li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.backtop {cursor: pointer;display: none;}
#toolbar li.backtop .iconfont {color: #fff;background-color: #292e39;}
#toolbar li:hover a {width: 200px;}
#toolbar li:hover .icon-font {background-color: #292e39;}
#toolbar li:hover .icon-qq:after {background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after {background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after {background-position: -30px -30px;}
#toolbar li:hover .icon-message:after {background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after {background-position: -30px 0;}
#toolbar li:hover .icon-top:after {background-position: -30px -60px;}

@media (max-width: 767px) {
    #toolbar{right: 10px;bottom: 5%;}
    #toolbar li:nth-child(1),#toolbar li:nth-child(2),#toolbar li:nth-child(3){display: none;}
	#toolbar li{width:50px;height:50px;}
	#toolbar li .icon-font{width:50px;height:50px;}
}
@media (max-width: 380px){
	#toolbar li{width:40px;height:40px;}
	#toolbar li .icon-font{width:40px;height:40px;}
	}

@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}
    .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:#e62129;background-image:url(../images/navicon_cur.png)}
    .navitem:hover .navchildbox{visibility:visible;opacity:1;z-index:13}
    .navchildlist:hover:after{border-color:#00a5e2}
    .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:#303b8b;font-weight:bold}
}

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

@media (max-width:1620px){
    .navitemname .showname{padding:0 0.5vw;font-size:14px}
    .search{margin-left:1.2vw}
}

@media (max-width:1440px){
    .navitemname .showname{padding:0 0.6vw;font-size:13px}
    .search{margin-left:0.8vw}
    .headtel{font-size:13px}
    .searchbtn{width:16px;background-size:16px auto}
    .logoimg{width:220px}
    .navchildbox .wrap2{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}
    .search{margin-left:0.8vw}
    .headtel{font-size:12px}
    .searchbtn{width:16px;background-size:16px auto}
    .logoimg{width:220px}
    .headtel{margin-left:1vw}
}

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

@media (max-width:1024px){
    .headtop .box, .navline, .navitemname a.hidename, .navtel, .navchildbox .leftbox, .headtel{display:none}
    .wapsearch, .wapbtnbox, .waplpgo, .searchformwap, .wapreturn{display:block}
    .headtop .wrap2{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}
    .waplpgo{width:120px;height:60px;line-height:60px;position:absolute;top:0;left:50%;margin-left:-60px}
    .search{margin-left:15px;position:static}
    .searchbtn{width:14px;height:60px;background-image:url(../images/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}

    .head .box{overflow:initial}
    .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:"\e634";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:#1753b5;}
    .navitemname.cur a.showname{color:#fff !important;}
    .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:18px;line-height:52px;color:#333;}
    .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(../images/navbgwap.jpg);padding:0;}
    .nav .bg:after{content:"";width:20px;height:20px;position:absolute;top:16px;left:15%;opacity:0;background-image:url(../images/wapclose.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}
    .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{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 .wrap2{padding:0 15px}
    .logoimg{width:220px;margin-top:5px}
    .headright{float:right}
    .navlanitems{left:auto;right:0}
    .navlanitem{height:40px;line-height:40px;margin-right:10px}
    .footer-t .top {display: none;}
    .footer-t .bottom {display: block;text-align: center;}
    .footer-t .bottom .fTel:before {display: none;}
    .footer-t .bottom .fContact {margin: 10px 0;}
    .footer-t .bottom .fContact .line {padding: 0;}
	.head .logo{width:75%;}
	.logoimg img{max-height:50px;}
	.head .headright{width:25%;}
    .mainbody{padding-top:0;}
}

@media (max-width:767px){
	
	.footer-t .bottom .fTel .sdd {font-size: 22px;}
}

@media (max-width:380px){
    .search{margin-left:10px}
    .wapbtnbox{margin-left:15px}
}


/* 子页面公共 */
.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{display:block;height:70px;line-height:70px;color:#666}
.pcnavelist:after{content:"";width:0px;height:3px;background-color:#e62129;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:#e62129}
.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:#1753b5;margin-right:0}
.pcnavlistchild{width:140px;padding:0 10px;position:absolute;top:90px;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:#e62129}

.wappagenav{display:none;position:relative}
.wappagenav .wappagenavname{display:block;color:#fff;background-color:#1753b5;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:7px 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}
.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:#e62129}
.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(../images/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}

.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:#aeaeae;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:18px;line-height:24px}
    .pageban .textbox .text{font-size:12px;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 .text{font-size:12px}
}