/*@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Light.svg#Roboto-Light') format('svg'), url('../font/Roboto-Light.ttf') format('truetype'), url('../font/Roboto-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}*/
body {
    font-family: 'Roboto', sans-serif;
}

@-webkit-keyframes scaleout{
0%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.7}
50%{-webkit-transform:scale(1);transform:scale(1)
}
100%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes scaleout{
0%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.7}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.7}
}
@-webkit-keyframes huadong{
0%{-webkit-transform:translate(0, -60px);transform:translate(0, -60px)}
100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
}
@-webkit-keyframes shandong{
0%{-webkit-transform:scale(.1);transform:scale(.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes scaleout{
0%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.7}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes scaleout{
0%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.7}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.7}
}
@-webkit-keyframes huadong{
0%{-webkit-transform:translate(0, -60px);transform:translate(0, -60px)}
100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
}
@-webkit-keyframes shandong{
0%{-webkit-transform:scale(.1);transform:scale(.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}

 @font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN-Normal.eot');
    src: url('../fonts/SourceHanSansCN-Normalt.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/SourceHanSansCN-Normal.woff') format('woff'),
	 url('../fonts/SourceHanSansCN-Normal.ttf') format('truetype'),
	 url('../fonts/SourceHanSansCN-Normal.svg#SourceHanSansCN') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p,iframe{
    margin:0;padding:0;/*cursor:pointer;*/

}
input,button,select,textarea{outline:none}
li{list-style:none}
img{border:none}
textarea{resize:none}
@font-face{font-family:Bebas;src:url("../fontFrame/BEBASNEUE-1.ttf")}
body{color:#333333;word-break:break-word;word-wrap:break-word}
body, input, textarea {
    font-size: 14px;
    font-family: Roboto, 'SourceHanSansCN' body, "sans-serif", "Microsoft YaHei", "微软雅黑";
}
i,em{font-style:normal}
a{color:#333333;text-decoration:none;outline:none}
a:hover{color:#000}
table{border-collapse:collapse}
body{position:relative;background-color:#fff;overflow-x:hidden;overflow-y:auto;min-width:320px;width:100%}
.clearfix:after,.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl,.z{float:left}
.fr,.y{float:right !important}
.show{display:block}
.hide{display:none}
.tal{text-align:left !important}
.fz12{font-size:12px !important}
.fz14{font-size:14px !important}
.tac{text-align:center !important}
.tal{text-align:left !important}
.tar{text-align:right !important}
.pt0{padding-top:0px !important}
.mt0{margin-top:0px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}
.mb80{margin-bottom:80px !important}
.blue{color:#4f8dca}
a.blue{color:#4f8dca}
.blue2{color:#528dcb}
.blue2 a{color:#528dcb}
a.blue2{color:#528dcb}
.yellow{color:#ff8562}
a.yellow{color:#ff8562}
img {
    vertical-align: middle;
    outline: 0;
    -webkit-user-drag: none;
}
a {
  cursor:pointer;
}

.white{color:#fff}
.black{color:#2d2f2c}
.hide{display:none !important}
.wrap{width:1280px;margin:0 auto;position:relative}
.wrap2{width:1000px;margin:0 auto;position:relative}
.wrap3{padding:0 40px;width:100%;position:relative;box-sizing:border-box}
.iconfont{font-size:inherit}
.cblue{color:#55ADE5 !important}
.body-en{word-break:break-word}
.iconfont{font-size:inherit}
.flexCentery{display:flex;align-items:center}
.flexCenterxy{display:flex;justify-content:center;align-items:center;align-content:center}
.flexCenterxys{display:flex;justify-content:space-between;align-items:center;align-content:center}
.ctArrow{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #ccc}
.burger{padding:15px;cursor:pointer;position:absolute;right:0}
.burger .burger-in{width:30px;margin:0 auto}
.burger [class^="line"]{background:#000;height:3px;margin-bottom:5px;opacity:1;transition:all .3s ease-in;-webkit-transition:all .3s ease-in}
.burger .line1{width:30px}
.burger .line1:last-of-type{margin-bottom:0}
.burger .line1:hover{width:30px}
.burger .line2{width:25px}
.burger .line2:last-of-type{margin-bottom:0}
.burger .line2:hover{width:30px}
.burger .line3{width:20px}
.burger .line3:last-of-type{margin-bottom:0}
.burger .line3:hover{width:30px}
.burger.on .line1{-webkit-transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 6);transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 6)}
.burger.on .line2{visibility:hidden;opacity:0;-webkit-transform:matrix(1, 0, 0, 1, -40, 0);transform:matrix(1, 0, 0, 1, -40, 0)}
.burger.on .line3{width:30px;-webkit-transform:matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -10);transform:matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -10)}
.bgfixed{background-attachment:fixed !important}
.burger{display:block}
.maintop,.maintop2{}
.bgfixed{background-attachment:scroll !important}}
.paging{height:32px;line-height:30px;margin:50px 0;text-align:center}
.paging a{display:inline-block;padding:0 12px;margin:5px 3px 0;font-size:14px;border:1px solid #999;color:#666;transition:all .3s ease-in;-webkit-transition:all .3s ease-in}
.paging a:hover,.paging a.cur{background:#000;border-color:#000;color:#fff}
.pc-show{display:block}
.wap-show{display:none !important}@media screen and (max-width: 750px){.pc-show{display:none !important}
.wap-show{display:block !important}}
@media screen and (max-width: 750px){.pc-show{display:none !important}
.wap-show{display:block !important}
}
.nodata{padding:80px 0;text-align:center;font-size:18px;color:#666}
.nodata .ico-nodata{display:block;width:153px;height:153px;background:url(../images/ico-nodata.png) no-repeat;margin:0 auto 25px}
.search-title h4{font-size:24px;font-weight:normal;color:#333}
.search-title h4 strong{color:#000;font-weight:normal}
.search-view{padding-bottom:50px}
.search-view li{margin-bottom:20px;border-bottom:1px solid #ddd;padding:20px}
.search-view li .tit{display:block;font-size:16px;color:#333;line-height:2;transition:all .3s ease-in;-webkit-transition:all .3s ease-in}
.search-view li .tit:hover{color:#000}
.search-view li .des{font-size:14px;color:#999;line-height:2}
.search-view li .hand{display:inline-block;width:120px;height:32px;border:none;background:#000;color:#fff;text-align:center;cursor:pointer;font-size:14px;box-sizing:border-box;line-height:32px;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;margin-top:10px}
.pagering{text-align:center;padding:10px 0 80px}
.pagering li{display:inline-block;margin:0 3px}
.pagering a,.pagering span{display:block;line-height:32px;padding:0 12px;height:34px;box-sizing:border-box;border:1px solid #d9d9d9;font-size:14px}
.pagering .disabled a,.pagering .disabled span{background:#ddd;color:#fff;font-size:14px;display:block}
.pagering a:hover{background:#004F9E;border-color:#004F9E;color:#fff;transition:all .3s ease-in;-webkit-transition:all .3s ease-in}
.pagering .active a{background:#535353;color:#fff;border-color:#535353}
.pagering a.page-link{display:block;width:100%;height:100%;font-size:16px}
@-webkit-keyframes scaleout{0%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.7}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes scaleout{0%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.7}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.7}
}
@-webkit-keyframes huadong{0%{-webkit-transform:translate(0, -60px);transform:translate(0, -60px)}
100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
}
@-webkit-keyframes shandong{0%{-webkit-transform:scale(.1);transform:scale(.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.blackPage{background:#232323}
.c2{color:#004F9E !important}
.black{color:#000 !important}
.ffbe,.case-details .case-d-h1{font-family:'SourceHanSansCN'}
.com-banner{position:relative;overflow:hidden}
.com-banner a{display:block;height:100vh;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative}
.com-banner .swiper-pagination{bottom:30px;padding-right:0;box-sizing:border-box; text-align:center}
.com-banner .swiper-pagination span{width:8px;height:8px;border-radius:50%;background-color:#eee;opacity:0.7}
.com-banner .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;background-color:#fff}
.com-banner .bcont{padding-top:100px;color:#fff}
.com-banner .tit{font-size:52px;font-weight:normal;line-height:60px;padding:10px 0}
.com-banner .disc{font-size:15px;line-height:30px;height:90px;overflow:hidden;margin-top:10px;max-width:750px}
.com-banner .handle{display:block;width:140px;height:38px;border:1px solid #fff;color:#fff;font-size:14px;text-align:center;line-height:38px;margin-top:20px;-webkit-transition:all 0.3s;transition:all 0.3s}
.com-banner .handle:hover{background-color:#fff;border-color:#fff;color:#273A55}
.com-banner .swiper-button-prev{left:30px}
.com-banner .swiper-button-next{right:30px}
.com-banner .wrap{height:100%;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap}
.com-banner .bgVideo{
    height:100vh;
    max-height:calc(70vw * 9 / 16);
    position:relative

}
.com-banner .bgVideo .pic{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}
.com-banner .bgVideo video{width:100%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.com-banner .bgVideo[class*="bg-"]:after{position:absolute;z-index:1;background:#004F9E;top:0;left:0;width:100%;height:100%;content:""}
.com-banner .bgVideo.bg-black:after{background:rgba(0,0,0,0.15)}
.com-banner .bgVideo.bg-black-0:after {
    background: rgba(0,0,0,0)
}
.com-banner .bgVideo.bg-black-30:after{background:rgba(0,0,0,0.3)}
.com-banner .bgVideo.bg-black-50:after{background:rgba(0,0,0,0.5)}
.com-banner .bgVideo-about{height:590px}
.com-banner .bgTxt{position:absolute;z-index:2;width:100%;top:0;left:0;box-sizing:border-box;text-align:center;overflow:hidden;line-height:1.8;padding:5% 0;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;flex-wrap:nowrap;color:#fff;height:100%}
.com-banner .bgTxt h1{font-size:60px;font-weight:normal;box-sizing:border-box;width:100%; text-align:left}
.com-banner .bgTxt h3{font-size:40px;font-weight:normal;line-height:1.5}
.com-banner .bgTxt h4{font-size:24px;font-weight:normal;width:100%; text-align:left}
.com-banner .bgTxt .hand{display:inline-block;width:100%;height:48px;border:none;text-align:left;cursor:pointer; padding-top:30px}
.com-banner .bgTxt .hand span {background:none;color:#ffff; border:1px solid #fff;font-size:18px;box-sizing:border-box;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;border-radius:5px; padding:15px 20px; color:#fff}
.com-banner .bgTxt .hand:hover span {background:#278DCB;color:#fff; border:1px solid #278DCB; font-size:18px;box-sizing:border-box;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;border-radius:5px; padding:15px 20px; }
.com-banner .bgTxt .hand:hover{background:none}
.com-banner .bgTxt .hand:not(.disabled):not([disabled]):hover{background:none;color:#fff}
.com-banner .bgTxt .hand2{display:inline-block;width:240px;height:56px;border:3px solid #fff;background:none;color:#fff;text-align:center;cursor:pointer;font-size:18px;box-sizing:border-box;line-height:50px;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;border-radius:5px;margin-top:20px}
.com-banner .bgTxt .hand2:not(.disabled):not([disabled]):hover{background:#004F9E;color:#fff}
.com-banner .bgTxt.teb{display:flex;justify-content:flex-end;align-items:flex-start;align-content:center;flex-direction:column;flex-wrap:nowrap}
.com-banner .bgTxt .lettes{margin-bottom:40px;font-size:46px;text-shadow:0 0 12px rgba(0,0,0,0.8)}
.com-banner .bgTxt .d2{font-size:18px;font-weight:normal;max-width:900px}
.com-banner .bgTxt.vabottom{justify-content:flex-end;padding-bottom:50px}
.com-banner .bgTxt .brLogo{position:absolute;top:20%;right:0;opacity:0;width:275px;-webkit-transform:scale(0) translate(0, 10%);transform:scale(0) translate(0, 10%);transition:all 5s ease-in;-webkit-transition:all 5s ease-in}
.com-banner .bgTxt .pro-h1{font-size:36px;line-height:1.4;font-weight:normal;width:100%;text-shadow:0 2px 8px rgba(0,0,0,0.6)}
.com-banner .bgTxt .pro-h2{font-size:20px;line-height:1.4;font-weight:normal;background:#278DCB;padding:0 6px;margin:12px 0}
.com-banner .bgTxt .pro-h3{font-size:28px;line-height:1.4;font-weight:normal;width:100%;text-shadow:0 2px 8px rgba(0,0,0,0.6)}
.isLoaded .com-banner .brLogo{opacity:1;-webkit-transform:scale(1) translate(0, -10%);transform:scale(1) translate(0, -10%)}
.com-banner .bbtit{width:100%;height:100%;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap}
.com-banner .bbtit strong{position:relative;color:#fff;font-size:52px;font-weight:normal;padding-bottom:20px}
.com-banner .bbtit strong:after{content:"";width:120px;position:absolute;left:50%;bottom:0;margin-left:-60px;height:4px;background:#fff}
.com-banner .camTxt{position:absolute;line-height:20px;padding:20px 40px;max-width:90%;bottom:10%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);background:rgba(0,0,0,0.8);color:#fff;font-size:15px}
.com-banner .mouse{position:absolute;bottom:30px;left:0;width:46px;height:46px;background:url(../images/varrow.png) no-repeat;background-size:100% 100%;z-index:10;-webkit-animation:huadong 1.2s infinite linear;animation:huadong 1.2s infinite linear;pointer-events:none;line-height:64px;text-align:center;font-size:32px}
.com-banner .mouse+*{margin-bottom:100px}
.short-banner a{max-height:calc(80vw * 9 / 16)}
.h40-banner a{max-height:calc(40vw * 6 / 16)}
.h50-banner a{max-height:calc(50vw * 9 / 16)}
.h60-banner a{max-height:calc(60vw * 9 / 16)}
.h70-banner a{max-height:calc(70vw * 9 / 16)}
.h75-banner a{max-height:calc(75vw * 9 / 16)}
.h80-banner a{max-height:calc(80vw * 9 / 16)}
.h90-banner a{max-height:calc(90vw * 9 / 16)}
.h100-banner a{max-height:calc(100vw * 9 / 16)}
.h40-banner .bgVideo{max-height:calc(40vw * 6 / 16)}
.h50-banner .bgVideo{max-height:calc(50vw * 9 / 16)}
.h60-banner .bgVideo{max-height:calc(60vw * 9 / 16)}
.h70-banner .bgVideo{max-height:calc(70vw * 9 / 16)}
.h75-banner .bgVideo{max-height:calc(75vw * 9 / 16)}
.h80-banner .bgVideo{max-height:calc(80vw * 9 / 16)}
.h90-banner .bgVideo{max-height:calc(90vw * 9 / 16)}
.h100-banner .bgVideo{max-height:calc(100vw * 9 / 16)}
.px305-banner a{max-height:305px}
.px614-banner a{max-height:614px}
.hm-banner:after {
    position: absolute;
    content: "";
    height: 0px /*8px*/;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(90deg, #E20013, #004F9E)
}
.rotate-banner .bgVideo{height:200px}
@media screen and (max-width: 750px){.wrap{width:100%;box-sizing:border-box;padding:0 10px}
.com-banner a{height:50vw;max-height:none}
.h40-banner a{height:32vw}
.com-banner .bgVideo{max-height:70vw}
.com-banner .bgTxt{padding:10px 20px;line-height:1.4}
.com-banner .bgTxt h1{font-size:30px;text-align:left}
.com-banner .bgTxt h3{font-size:14px}
.com-banner .bgTxt h4{font-size:14px; text-align:left}
.com-banner .bgTxt h5{font-size:14px}
.com-banner .bgTxt .hand{width:100%;height:32px;line-height:32px;font-size:14px;margin-top:0px; padding-top:5px}
.com-banner .bgTxt .hand span {background:#278DCB;color:#fff;font-size:14px;box-sizing:border-box;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;border-radius:5px; padding:8px 10px; }
.com-banner .bgTxt .lettes{font-size:24px}
.com-banner .bgTxt .d2{font-size:12px;line-height:1.4}
.com-banner .bgTxt .pro-h1{font-size:18px;line-height:1.4}
.com-banner .bgTxt .pro-h2{font-size:13px;margin:4px 0}
.com-banner .bgTxt .pro-h3{font-size:16px}
.com-banner .bgTxt .hand2{width:140px;height:36px;line-height:34px;border-width:1px}
.hm-banner a{height:55vw;max-height:100vw}
.hm-banner .bgVideo{max-height:65vw}
.px305-banner a{height:25vw}
}
.swiper-btn{position:absolute;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;z-index:1;cursor:pointer;top:50%;margin-top:-40px;width:50px;height:80px;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap;color:#fff;font-size:30px;color:#fff}
.swiper-btn:hover{color:#004F9E}
.swiper-btn.swiper-button-disabled{pointer-events:none;opacity:.3}
.swiper-btn-prev{left:-80px}
.swiper-btn-next{right:-80px}
.disTit{text-align:center;font-size:36px; text-align:center; color:#333333; font-weight:normal}
.bort1{border-top:1px solid #ddd}
@media screen and (max-width: 750px){.swiper-btn{margin-top:-25px;width:30px;height:50px;font-size:22px;border-radius:5px}
.swiper-btn-prev{left:10px}
.swiper-btn-next{right:10px}
.m-toper ~ .com-banner{margin-top:60px}
}
.home-case-view{padding:80px 0px 0px 0px}
.home-case-view .hh2{clear:both; padding:0px; margin:0px;}
.home-case-view .home-case-wrap{position:relative;margin-top:40px}
.home-case-view .home-case{overflow:hidden}
.home-case-view .home-case a{display:block;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;overflow:hidden;background:#F5F5F6;text-align:center;height:360px;font-size:14px;color:#555;position:relative}
.home-case-view .home-case .pic{height:100%}
.home-case-view .home-case .img{background-size:cover;background-repeat:no-repeat;background-position:center center;height:100%;width:100%}
.home-case-view .home-case .ftit{position:absolute;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;box-sizing:border-box;top:0;left:0;width:100%;height:100%;color:#fff;font-size:36px;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap}
.home-case-view .home-case .info{position:absolute;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-webkit-transform:translate(100%, 0);transform:translate(100%, 0);opacity:0;top:0;left:0;width:100%;height:100%;background:url(../images/bg02.png);color:#fff;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;flex-wrap:nowrap;box-sizing:border-box;padding:0 10%}
.home-case-view .home-case .t{width:100%;display:block;line-height:1.5;font-size:36px}
.home-case-view .home-case .d{width:100%;margin-top:12px;font-size:16px;line-height:1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.home-case-view .home-case a:hover .ftit{opacity:0;-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0)}
.home-case-view .home-case a:hover .info{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.home-case-view .swiper-btn{background:#eee;color:#004F9E;border:0;border-radius:0}@media screen and (max-width: 750px){.home-case-view{padding:50px 0 0}
.home-case-view .home-case-wrap{margin-top:2px}
.home-case-view .home-case a{height:55vw}
.home-case-view .home-case .ftit{font-size:24px}
.home-case-view .home-case .t{font-size:24px}}

.toper{height:30px;background:#4f8dca;left:0;top:0;width:100%;z-index:100;color:#fff; text-align:center}
.toper .toper-wrap{ line-height:30px; font-size:14px; text-align:center}

.header{height:90px; position:absolute;background:none;left:0;top:30px;width:100%;z-index:101;color:#fff;background:#fff;color:#000; border-bottom:1px solid #e5e6e7}
.header .header-wrap{
    font-weight:bold;
    display:flex;justify-content:space-between;align-items:left;align-content:left;flex-direction:row;flex-wrap:nowrap;position:relative;height:100%}
.header .hh-logo{float:left}
.header .hh-logo a{display:block;position:relative;margin-top:30px}
.header .hh-logo a:after{background:url(../images/logo-b.png) no-repeat center center/100% 100%;top:0;left:0;width:100%;height:100%;content:"";opacity:0;position:absolute}
.header .hh-logo img{position:relative;z-index:1;display:block;height:25px;transition:all .3s ease-in;-webkit-transition:all .3s ease-in}
.header .tt-links{float:right;display:inline-block;width:140px;height:42px;border:1px solid #004F9E;background:rgba(0,0,0,0);color:#004F9E;text-align:left;cursor:pointer;font-size:13px;box-sizing:border-box;line-height:40px;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;border-radius:5px;margin-top:29px}
.header .tt-links:not(.disabled):not([disabled]):hover{background:#000;color:#fff}
.header .tt-cont{height:100%;display:flex;justify-content:flex-end;align-items:left;align-content:left;flex-direction:row;flex-wrap:nowrap}
.header .tt-cont li{position:relative;height:34px}
.header .tt-cont li a{color:inherit;line-height:34px;padding:0 13px;font-size:15px;display:flex;justify-content:left;align-items:left;align-content:left;flex-direction:row;flex-wrap:nowrap}
.header .tt-cont li i{font-size:15px}
.header .tt-cont li .icon-out{font-size:20px}
.header .hh-stock{margin-left:15px;font-size:15px;color:#999}
.header .hh-menus{height:100%;flex:1;display:flex;justify-content:flex-end;align-items:left;align-content:left;flex-direction:row;flex-wrap:nowrap;float:left}
.header .hh-menus dl{position:relative;text-align:left;height:100%}
.header .hh-menus dl:hover dd{pointer-events:auto;opacity:1}
.header .hh-menus dl dt.on a{color:528dcb}
.header .hh-menus dt{display:block;position:relative;z-index:1;height:55px;padding-top:35px}
.header .hh-menus dt a{font-size:16px;padding:0 20px;height:100%;position:relative;color:inherit;display:block;display:flex;justify-content:left;align-items:left;align-content:left;flex-direction:row;flex-wrap:nowrap;transition:all .3s ease-in;-webkit-transition:all .3s ease-in}
.header .hh-menus dt a:hover{color:#528dcb;background:rgba(255,255,255,0.5)}
.header .hh-menus dt .icon-bottom-arrow{position:relative;top:2px;margin-left:5px}
.header .hh-menus dt.on a{color:#528dcb}
.header .hh-menus dd{
    position:absolute;top:100%;left:0;
    box-sizing:border-box;width:150px; 
    padding:0px 10px 0px 10px;background-color:#fff;
    text-align:left;opacity:0;box-shadow:0 2px 5px rgba(0,0,0,0.3);pointer-events:none;transition:all .3s ease-in;
    -webkit-transition:all .3s ease-in; text-align:left; 
    overflow: auto;
    max-height: calc(100vh - 100px);
}
.header .hh-menus dd a{display:block;padding:10px 0px 10px 0px;font-size:13px;color:#333;line-height:18px;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;position:relative; text-align:left;border-bottom:1px solid #ccc}
.header .hh-menus dd a:nth-child(n+2){}
.header .hh-menus dd a:hover{color:#528dcb}
.header .tt-pends{float:right}
.header .hh-soso{margin-left:60px; font-size:16px; text-align:right; line-height:45px}
.header .hh-soso a{color:#000;}
.header .hh-soso a:hover {color:#528dcb }
.soso_bg{background:#efefef;border-radius:5px; margin-top:0px;}
.soso{background:#efefef; border:none; height:30px; line-height:30px; margin-left:10px; width:159px}
.soso_bg img{margin-right:6px}
.header.vblack{top:0px;position:fixed;}
.header.vblack .soso_bg{background:#efefef}
.header.vblack .soso{background:#efefef}
.header.vblack .hh-soso a{color:#333;}
.header.vblack{background:#fff;color:#000; border-bottom:1px solid #e5e6e7}
.header.vblack .hh-logo a:after{opacity:1}
.header.vblack .hh-logo a img{opacity:0}
.header.vblack .ht-right{border-bottom:1px solid #bbb}
.header.vblack .hh-menus dt a:after{background:#000}
@media screen and (max-width: 1450px){
.toper .hh-logo img{height:40px}
.toper .hh-menus dt a{font-size:13px;padding:0 10px}
.toper .tt-share{display:none}
.toper .search-box input{width:120px}
}
@media screen and (max-width: 1300px){
.header .hh-menus dt a{padding:0 12px}
}
.m-toper{display:none;height:60px;position:fixed;left:0;background:#fff;width:100%;top:0;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,0.3)}
.m-toper .wrap{display:flex;justify-content:space-between;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap;height:100%}
.m-toper .hh-logo img{display:block;height:20px}
.m-toper .hh-lang{float:right;position:relative;right:-20px;color:#000;font-size:24px}
.m-header{position:fixed;display:none;pointer-events:none;top:60px;bottom:0;left:0;z-index:100;width:100%}
.m-header .m-header-layer{position:absolute;top:0;left:0;width:100%;opacity:0;height:100%;background:rgba(0,0,0,0.3);transition:all .3s ease-in;-webkit-transition:all .3s ease-in;pointer-events:none}
.m-header .m-header-box{margin-left:100%;width:80%;background:#fff;position:relative;z-index:1;height:100%;overflow:hidden;overflow-y:auto;transition:all .3s ease-in;-webkit-transition:all .3s ease-in}
.m-header .hh-menus .search-box{padding:8px 10px;position:relative;line-height:36px;border-bottom:1px solid #666;background:#000}
.m-header .hh-menus .search-box input{width:100%;height:36px;border:0;background:#eee;opacity:1;border-radius:8px;padding:0 8px 0 36px;box-sizing:border-box;font-size:15px;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;cursor:pointer}
.m-header .hh-menus .search-box button{position:absolute;top:8px;left:10px;width:36px;line-height:36px;text-align:center;background:none;color:inherit;border:none;font-size:20px;pointer-events:none}
.m-header .hh-menus dl{position:relative;border-bottom:1px solid #666}
.m-header .hh-menus dl dt a{display:block;background:#000;height:45px;line-height:45px;padding:0 15px;font-size:14px;color:#fff}
.m-header .hh-menus dl dt .l-icon{font-size:20px;position:relative;top:2px}
.m-header .hh-menus dl dd{padding:8px 0;width:auto !important;display:none}
.m-header .hh-menus dl dd .gezi:nth-child(n+2){padding-top:8px;margin-top:8px;border-top:2px dotted #000}
.m-header .hh-menus dl dd img{width:50px;height:50px;margin-right:20px}
.m-header .hh-menus dl dd a{display:block;color:#333;display:flex;justify-content:flex-start;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap;line-height:20px;padding:6px 10px;margin-left:10px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.m-header .hh-menus dl:hover dt a,.m-header .hh-menus dl.on dt a{background:#000}
.m-header .hh-menus dl:hover dd,.m-header .hh-menus dl.on dd{display:block}
.m-header .hh-menus dl.hhm-lang dt img{width:28px;height:28px;margin-right:10px;vertical-align:middle;position:relative;top:-2px}
.m-header .hh-menus dl.hhm-lang dd img{width:28px;height:28px;margin-right:10px}
.m-header.over .m-header-layer{opacity:1;pointer-events:auto}
.m-header.over .m-header-box{-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0)}
.footer{background:#252a2c; color:#fff; font-size:16px; text-align:center; line-height:30px; padding:15px 0px; clear:both; overflow:hidden}
.footer a{color:#fff;}
#link{background:#252a2c; clear:both; padding:40px 0px; overflow:hidden}
.link{clear:both; width:1205px; margin:0px auto}
.link ul{list-style-type:none; padding:0px; margin:0px}
.link li{float:left; width:auto; text-align:left; margin-right:108px; line-height:32px; font-size:14px;}
.link li a{color:#fff}
.link li:nth-child(1){width:216px; color:#fff; line-height:50px; font-weight:bold}
.link li:nth-child(1) img{margin-bottom:10px}
.link li:nth-child(2){width:160px}
.link li:nth-child(3){width:145px}
.link li:nth-child(4){width:140px}
.link li:nth-child(5){margin-right:0px; width:110px}
.link h1{font-size:18px; padding:0px 0px 10px 0px; margin:0px; color:#fff; font-family:Arial, Helvetica, sans-serif}
@media screen and (max-width: 750px){
#link{display:none}
}
.backTop{width:58px;z-index:100;opacity:0;box-shadow:0 2px 4px rgba(0,0,0,0.25);pointer-events:none;-webkit-transition:all 0.3s;transition:all 0.3s;height:58px;position:fixed;bottom:70px;right:20px;background-color:#fff;border-radius:50%;text-align:center;color:#000;box-sizing:border-box;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap}
.backTop i{font-size:45px;line-height:45px}
.backTop:hover{background-color:#000;color:#fff}
.backTop.over{opacity:1;pointer-events:auto}
@media screen and (max-width: 1200px){
.toper .search-box{display:none}
}
@media screen and (max-width: 750px){
.toper,.header{display:none}
.m-toper,.m-header{display:block}
.m-header.over{pointer-events:auto}
.pageBox{transition:all .3s ease-in;-webkit-transition:all .3s ease-in}
.pageBox.out{-webkit-transform:translate(-80%, 0);transform:translate(-80%, 0)}
.foot-center{display:none}
.wap-menu-mask{position:absolute;z-index:90;top:60px;width:100%;bottom:0;pointer-events:none}
.wap-menu-mask.open{pointer-events:auto}
.m-pulleft{transition:all .3s ease-in;-webkit-transition:all .3s ease-in}
.m-pulleft.close{-webkit-transform:translate(-80%, 0);transform:translate(-80%, 0)}
}

.home-products{clear:both;  overflow:hidden}
.home-products-title{font-size:36px; text-align:center; color:#333333; padding:80px 0px 45px 0px; overflow:hidden}
.home-products .home-products-title{font-size:36px; text-align:center; color:#333333; padding:80px 0px 27px 0px; overflow:hidden}
.home-products-content{clear:both; margin:0px auto}
.home-products-content ul{list-style-type:none; padding:0px; margin:0px}
.home-products-content li{width:49.5%; float:left; position: relative; background:#fff; margin:1% 0px 0px 0px; overflow:hidden}
.home-products-content li:nth-child(2n-1){margin-right:1%}
.hp_info{clear: both;  top:50px;  position: absolute;  visibility: visible;  width: 100%; text-align:center; line-height:24px }
.hp_info h1{padding:0px; margin:0px; font-size:34px;}
.hp_info h2{padding:10px 0px 0px 0px; margin:0px; font-size:1vw;}
.hp_info h3{padding:0px 0px 10px 0px; margin:0px; font-size:14px; color:#c9c9c9; font-variant:normal; display:none}
.home-products-content li img{max-width:100%}
.home-products-content li .bgp{width:100%;height:100%}
.home-products-content li:hover img{-webkit-transform:scale(1);transform:scale(1);opacity:.9}
.home-products-content li img{width:100%;-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .3s}
@media screen and (max-width: 750px){
.home-products-content li{width:100%; clear:both; margin-bottom:3px}
.home-products-content li img{width:100%}
}
.home-news-title{clear:both}
.home-news-title{font-size:36px; text-align:center; color:#333333; padding:80px 0px 45px 0px; overflow:hidden}
.home-news-content{clear:both; margin:0px auto; width:1280px}
.zzsc {position:relative; width:100% } 
.text { width:100%; height:auto; background:url(../images/bg02.png); position:absolute; left:0px; bottom:0px; } 
.imgtext { width:100%; height:auto; float:left; padding:30px; color:#fff; font-size:12px; line-height:200%; }
.home-news-content ul{list-style-type:none; padding:0px; margin:0px}
.home-news-content li{float:left; background:#fff;position: relative; overflow:hidden}
.home-news-content li:nth-child(1){width:842px; margin-right:14px; overflow:hidden}
.home-news-content li:nth-child(1) img{width:842px; height:578px}
.home-news-content li:nth-child(2){width:424px; margin-bottom:14px; overflow:hidden}
.home-news-content li:nth-child(2) img{width:424px; height:282px}
.home-news-content li:nth-child(3){width:424px; overflow:hidden}
.home-news-content li:nth-child(3) img{width:424px; height:282px}
.home-news-content li img.nw01{width:120px; height:35px}
.home-news-content h1{padding:0px 0px 20px 0px; margin:0px; font-size:30px; font-weight:normal}
.home-news-content h2{padding:0px 0px 30px 0px; margin:0px; font-size:16px; font-weight:normal}
.home-news-content h3{padding:0px; margin:0px; font-size:14px; color:#c9c9c9; font-variant:normal}
.home-news-content li img.bgp2{max-width:100%}
.home-news-content li .bgp2{width:100%;height:100%}
.home-news-content li:hover img.bgp2{-webkit-transform:scale(1);transform:scale(1);opacity:.9}
.home-news-content li img.bgp2{width:100%;-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .3s}


#wrapper {width:100%;position: absolute; margin:0px auto}
#carousel {width:1260px; position:vrelative; margin:0px auto}
#carousel ul { list-style: none; display: block; margin: 0; padding: 0;}
#carousel li { text-align: center; display: block; width:405px; height: 327px; padding: 0; margin:0px 7.5px; float: left; position: relative;}
#carousel li img { width:405px; height: 327px;}
#carousel li .info{width:100%;height:100%;background:url(../images/bg02.png);color:#ffffff;top: 0;left: 0;position: absolute; display:none;}
#carousel li:hover .info{display:block;}
#carousel li .t{width:100%;display:block;line-height:1.5;font-size:36px;color:#ffffff; padding-top:100px}
#carousel li .d{width:70%;margin-top:12px;font-size:16px;line-height:20px;overflow:hidden;color:#ffffff; padding:0px 15%}
#carousel .prev, #carousel .next { background: transparent url(../images/carousel_control.png) no-repeat 0 0; text-indent: -999px; display: block; overflow: hidden; width: 15px; height: 21px; margin-left: 10px; position: absolute; top: 70px; display:none}
#carousel .prev { background-position: 0 0; left: -30px;}
#carousel .prev:hover { left: -31px;}			
#carousel .next { background-position: -18px 0; right: -20px;}
#carousel .next:hover { right: -21px;}				
#carousel .pager { text-align: center; margin:20px auto 0 auto;}
#carousel .pager a { background: transparent url(../images/carousel_control.png) no-repeat -2px -32px; text-decoration: none; text-indent: -999px; display: inline-block; overflow: hidden; width: 8px; height: 8px; margin: 0 5px 0 0;}
#carousel .pager a.selected { background: transparent url(../images/carousel_control.png) no-repeat -12px -32px; text-decoration: underline;}
#source { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0;}
#source, #source a { font-size: 12px; color: #999;}
#donate-spacer { height: 100%;}