@charset "utf-8";
/* *******************
Reset Css
Author: Corey 
QQ: 735701122
version:1.0 <2020.07.07>
********************** */
body{background-color: #fff;-webkit-touch-callout: none;/* -webkit-user-select: none; 禁止复制*/transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;overflow-x:hidden;}
body, button, input, pre, select, textarea{font-size: 14px;font-family:'Microsoft YaHei','Arial';}
*{box-sizing:border-box;}
*::before, *::after{box-sizing:border-box;}
*:focus{outline:none;}
a, article, aside, b, audio, body, canvas, em, caption, div, footer, header, html, h1, h2, h3, h4, h5, h6, hr, iframe, img, mark, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video, dd, dl, dt, i, label, legend, li, ol, p, ul{margin: 0;padding: 0;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ol,ul,li{list-style: none;}
a,a:active{color:inherit;text-decoration:none;cursor:pointer;}
img{border:0;vertical-align:middle;}

/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.btn{display: inline-block;white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; color: #606266; -webkit-appearance: none; text-align: center;outline: none; margin: 0; transition: .1s;-moz-user-select: none;-webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px;}
.btn:hover{background-color:#006EBD;border-color:#006EBD;color:#fff;}
textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}
a{transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-moz-transition: all 0.5s;}

.com-img img{transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; -webkit-transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
/*图片去色处理，IE兼容较差*/
.photo-gray img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.photo-gray img:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}

.fl{float:left;}
.fr{float:right;}
.show{display:block;}
.hide{display:none;}
.taC{text-align:center;}
.taL{text-align:left;}
.taR{text-align:right;}
.ttU{text-transform:uppercase;}
.ofH{overflow:hidden;}
.ml10{margin-left:10px;}

/* CSS Document */
.contain{max-width:1440px;margin:0 auto;}

/* Map edit */
.bd_weixin_popup ,.bd_weixin_popup *{box-sizing:content-box!important;}
#dituContent img{max-width:none;}

/*限制行数 -- 一行*/
.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.line2{height:50px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;}
.line3{height:75px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;}

/* 指定文字禁止复制 */
.noSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}

/*分页*/
.pages{width:100%;text-align:center;overflow:hidden;}
.pages a{display:inline-block;width:68px;height:48px;line-height:48px;text-align:center;border:1px solid #eee;margin:0px 10px;color:#666666;vertical-align:middle;border-radius:20%;font-size:20px;}
.pages a.on, .pages a:hover{background:#006fbe;color:#fff;border-color:#006fbe;}
.pages a:first-child span,.pages a:last-child span{font-size:24px;}

/* 子元素文字居中 */
.vertical-center{display:-webkit-flex;display:flex;justify-content:center;align-items:center;}

/*阴影效果*/
.box-shadow{-webkit-transition:all .2s linear;transition:all .2s linear;}
.box-shadow:hover{-webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}

/*伪类标题效果*/
.pub-wl-tit{position:relative;}
.pub-wl-tit:after{content:"";position:absolute;left:0%;bottom:0px;width:0px;height:1px;background:#000;transition:all 0.4s;left:50%;}
.pub-wl-tit:hover:after{width:100%;left:0px;}

/* 背景图片滑动拉升效果 */
.bg-pic{background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;text-align:center;transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;object-fit: cover;}
.bg-pic.active{transition-delay:0.4s !important; transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;}

/*btn效果*/
.show-more{width:100px;height:42px;line-height:42px;display: block;color:#006EBD;text-align: center;border: 1px solid #006EBD;position:relative;}
.show-more span{position:relative;z-index:3;}
.show-more{overflow:hidden;}
.show-more:after{content:"";display:block;width:100%;height:100%;background:#006EBD;position:absolute;top:0px;left:-100%;}
.show-more:hover{color:#fff;border-color:#006EBD !important;}
.show-more:hover:after{left:0px;}
.show-more:after,.show-more{-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

/* 小圆点扩散效果 */
@keyframes ani-warn{0%{transform: scale(0); opacity: 0.0;} 25%{transform: scale(0); opacity: 0.1;} 50%{transform: scale(0.1); opacity: 0.3;} 75%{transform: scale(0.5); opacity: 0.5;} 100%{transform: scale(1); opacity: 0.0;}}
@-webkit-keyframes ani-warn{0%{-webkit-transform: scale(0); opacity: 0.0;} 25%{-webkit-transform: scale(0); opacity: 0.1;} 50%{-webkit-transform: scale(0.1); opacity: 0.3;} 75%{-webkit-transform: scale(0.5); opacity: 0.5;} 100%{-webkit-transform: scale(1); opacity: 0.0;}}
.ani-spread{position: relative; width: 40px; height: 40px; display:block;}
/* 固定小圆圈 */
.ani-spread:after{content:""; position: absolute; width:8px; height:8px; left:16px; top: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background:#ffa200; border-radius:8px; z-index: 2;}
/* 产生动画扩散的圆圈 */
.ani-spread:before{content:""; position: absolute; width: 24px; height: 24px; left:8px; top:8px; background:#f8d392; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; z-index: 1; opacity: 0; -webkit-animation: ani-warn 3s ease-out; -moz-animation: ani-warn 3s ease-out; animation: ani-warn 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}

/* ****************
Public Css
**************** */

/*--- Header ---*/
.header-container{width:100%;background:#fff;position:fixed;top:0px;left:0px;z-index:90;box-shadow: 0 0 8px #888;}
.H-logo{height:100px;line-height:100px;font-size:0px;float:left;position:relative;overflow:hidden;z-index:5;}
.H-logo img{max-height:90px;}

.H-action{float:right;margin:0;position:relative;}
.H-action .split{display:block;width:1px;height:16px;background:rgba(255,255,255,.5);float:left;margin:27px 15px 0;}
.H-lang,.H-user,.H-srch{height:100px;float:left;position: relative;}

/*Hlang*/
.H-lang{position:relative;}
.H-lang .Hlang-menu{display:block;width:34px;height:34px;border-radius:3px;background:#c6c8ca;color:#999;text-align: center;line-height:34px;transition:none;-webkit-transition:none;margin-top:35px;}
.H-lang .Hlang-menu span{color:#fff;font-size:22px;}
.Hlang-box{width:120px;box-shadow:1px 1px 9px #666;background:#fff;position:absolute;top:100px;left:-50px;display:none;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}
.Hlang-box a{display:block;padding:5px 9px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#006EBD;}
.Hlang-box a.CN{background-image:url(../images/icon-cn.png);}
.Hlang-box a.EN{background-image:url(../images/icon-en.png);}

.getPrice{width:150px;height:34px;background:#006ebd;font-size:16px;display:block;border-radius: 5px;color:#fff;float:left;text-align:center;line-height:34px;margin-top:35px;margin-right:20px;}

/*Hsrch*/
.H-srch .Hsrch-menu{display:block;width:30px;text-align: center;height:100%;line-height:100px;}
.H-srch .Hsrch-menu span{color:#333;font-size:30px;}
.Hsrch-box{width:360px;background:#fff;position:absolute;top:100px;right:0px;display:none;position:absolute;z-index:2;box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.Hsrch-block{padding:15px;width:100%;position: relative;}
.Hsrch-block .text{width:100%;height:50px;font-size:16px;float:left;background:#f7f7f7;border:0px;padding:0 5px;}
.Hsrch-block .btn-seach{background:#006ebd;width:50px;height:50px;color:#fff;font-size:18px;display:block;position:absolute;right:15px;top:15px;text-align:center;line-height:50px;}

/*Hnav*/
.H-nav{float:right;}
.H-nav li{padding:0 30px;float:left;position: relative;}
.H-nav li .Hnav-menu:after{position:absolute;content:"";width:0%;height:2px;left:0px;bottom:20px;transition:all 0.5s;}
.H-nav li .Hnav-menu.cur:after,.H-nav li:hover .Hnav-menu:after{width:100%;background:#006ebd;}
.H-nav .Hnav-menu{display:block;height:100px;line-height:100px;font-size:18px;color:#333;position:relative;}
.Hnav-menu i{display:block;width:40px;height:50px;position:absolute;right:0px;top:0px;z-index:2;display:none;text-align:center;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.Hnav-menu.cur i{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.Hnav-sub{width:100%;background:rgba(19,19,19,0.8);position:absolute;top:100px;left:0px;display:none;box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.Hnav-sub li{background:#fff;width:100%;padding:15px 10px;text-align: center;border-bottom:1px solid #f7f7f7;}
.Hnav-sub li:hover{background:#006ebd;color:#fff;border-color:#006ebd;}
.H-nav li:hover .Hnav-sub-product{display:block;animation:slideInUps .3s;-webkit-animation:slideInUps .3s;}

@media all and (min-width:980px){
    .H-lang:hover .Hlang-box{display:block;animation:slideInUps .3s;-webkit-animation:slideInUps .3s;}
    .H-nav>li:hover .Hnav-sub{display:block;animation:slideInUps .3s;-webkit-animation:slideInUps .3s;}
}
.H-nav .Hnav-menu:hover,.H-nav .Hnav-menu.cur{color:#006EBD;}
#ind-banner img{max-width:100%;}
.Hnav-sub-product{width:100%;position:fixed;padding:50px 0 100px;left:0px;background:rgba(255,255,255) url(../images/pronavbg.png) no-repeat;display:none;box-shadow: 0 0 20px rgba(0,0,0,0.15);background-position: 70% 20px;}
.Hnav-sub-product .contain{max-width:60%;}
.Hnav-sub-product dl{width:20%;margin-left:5%;float:left;}
.Hnav-sub-product dl dt{font-size:16px;color:#333;position:relative;margin-bottom:20px;padding-bottom:15px;}
.Hnav-sub-product dl dt::after{position:absolute;bottom:0px;left:0px;content:"";background:#d1d1d2;height:1px;width:100%;}
.Hnav-sub-product dl dt::before{position:absolute;bottom:-1px;left:0px;content:"";background:#006EBD;height:3px;width:30px;z-index:3;}
.Hnav-sub-product dl dd{color:#666;font-size:14px;line-height: 28px;}
.Hnav-sub-product dl dd:hover{color:#006EBD;}

/*--- Banner ---*/
.index-banner { position: relative; height:100vh; overflow: hidden; }
.index-banner .swiper-container{height:100%;}
.index-banner img{width:100%;height:100%;object-fit:cover;}
.index-banner .bnr-img{display:block;height:100%;background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;position:relative;z-index:5;overflow:hidden;}
.index-banner .iBnr-video{width:100% !important;height: 100% !important;object-fit:cover;position:absolute;top:0px;left:0px;}
.index-banner .mejs-controls,
.index-banner .mejs-layers{display:none !important;}
.index-banner .swiper-pagination{width:100%;font-size:0px;bottom:4% !important;}
.index-banner .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#989898;margin:0 7px !important;opacity:1;} 
.index-banner .swiper-pagination .swiper-pagination-bullet-active{background:#006cb7;}

.iBnr-loading{width:100%;height:100%;background:#fff url(../images/loading.gif) no-repeat center center;position:absolute;top:0px;left:0px;z-index:50;}


/*--- Footer ---*/
.Footer-wrap{background:#121A23 url(../images/bg/foot_bg.jpg) no-repeat center / cover;}
.footer-container{padding:90px 0 50px;color:#fff;}
.F-nav{width:9%;float:left;margin-left:2%;}
.F-nav dt{line-height:25px;font-size:16px;position:relative;padding-bottom:20px;margin-bottom:25px;}
.F-nav dt:after{position:absolute;left:0px;bottom:0px;width:80px;height:1px;content:"";background:#888c91;z-index:1;}
.F-nav dt:before{position:absolute;left:0px;bottom:-1px;width:30px;height:3px;content:"";background:#c6c8ca;z-index:2;}
.F-nav dt i{display:block;width:40px;height:50px;text-align:center;position:absolute;right:0px;top:0px;display:none;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.F-nav dt.cur i{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.F-nav dd{margin:10px 0 0;}
.F-nav dd a{display:block;padding:3px 0;line-height:25px;opacity:.6;}
.F-nav dd a:hover{opacity:1;}

.F-ct{width:145px;float:right;}
.F-ct .F-code{text-align:center;}
.F-ct .F-code .qrcode{line-height:22px;font-size:13px;color:#b6b6b6;margin:9px 0 0;}
.F-split{width:1px;height:272px;background:rgba(255,255,255,.12);float:left;}
.F-coyright{padding:15px 0;line-height:20px;color:rgba(255,255,255,.4);border-top:1px solid #212930;}
.F-copy-fl{margin-right:10px;float:left;}
.F-copy-fr{width:50%;float:right;text-align:right;}

.F-logo{margin-top:20px;width:22%;float:left;margin-right:2%;padding-right:2%;border-right:1px solid #212930;font-size:16px;}
.F-logo .tel{color:rgba(255,255,255,.6);margin:30px 0 0;}
.F-logo .tel a:hover{color:#fff;}
.F-logo .adr{line-height:25px;color:rgba(255,255,255,.6);margin:7px 0 0;}

/* 内页全局通用banner */
.pub-bann{margin-top:100px;color:#fff;position:relative}
.pub-bann img{width:100%;height:100%;object-fit:cover;}
.pub-bann .honor-box{position:absolute;width:50%;right:0px;text-align:left;top:50%;padding-left:30px;height:108px;margin-top:-54px;}
/* border-left:4px solid #fff; */
.pub-bann .honor-box h2{font-size:48px;font-weight:bold;margin-bottom:20px;line-height: 40px;}
.pub-bann .honor-box p{font-size:30px;}
.pub-bann h2 span{font-size:30px;margin-left:15px;text-transform: uppercase;}
.pub-bann h2,.pub-bann p,.bann h4{animation:mymove 1s infinite;-webkit-animation:mymove 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
@keyframes mymove{from{transform:translateY(-50px);}to{transform:translateY(0px);}}
@-webkit-keyframes mymove{from{transform:translateY(-50px);}to{transform:translateY(0px);}}

.pub-share a{width:40px;height:40px;background:#333;text-align:center;display:inline-block;color:#fff;line-height:40px;}
.pub-share a span{font-size:24px;}
.pub-share a:hover{background:#000;}

/*手机汉堡按钮*/
.Hmenu-btn{width:27px;height:27px;padding:13px 5px;cursor:pointer;display:none;float:right;margin:10px 0 0 10px;background:#333;}
.Hmenu-btn a{display:block;width:100%;height:2px;background-color:#fff;position:relative;}
.Hmenu-btn a:before{content:"";display:block;width:100%;height:2px;background-color:#fff;position:absolute;left:0px;}
.Hmenu-btn a:after{content:"";display:block;width:80%;height:2px;background-color:#fff;position:absolute;left:0px;}
.Hmenu-btn a:before{top:-6px;}
.Hmenu-btn a:after{bottom:-6px;}
.Hmenu-btn.cur a:after{width:100%;}
.Hmenu-btn.cur a{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Hmenu-btn.cur a:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Hmenu-btn.cur a:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards; }
@-moz-keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(6px) rotate(0);transform: translateY(6px) rotate(0); }
	100% {-moz-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg); } 
}
@-webkit-keyframes buttonAnimationBefore {
	0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-webkit-transform: translateY(6px) rotate(0);transform: translateY(6px) rotate(0); }
	100% {-webkit-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg); } 
}
@keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(6px) rotate(0);-ms-transform: translateY(6px) rotate(0);-webkit-transform: translateY(6px) rotate(0);transform: translateY(6px) rotate(0); }
	100% {-moz-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);-webkit-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-6px) rotate(0);transform: translateY(-6px) rotate(0); }
	100% {-moz-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg); } 
}
@-webkit-keyframes buttonAnimationAfter {
	0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-webkit-transform: translateY(-6px) rotate(0);transform: translateY(-6px) rotate(0); }
	100% {-webkit-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg); } 
}
@keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-6px) rotate(0);-ms-transform: translateY(-6px) rotate(0);-webkit-transform: translateY(-6px) rotate(0);transform: translateY(-6px) rotate(0); }
	100% {-moz-transform: translateY(-6px) rotate(-45deg);-ms-transform: translateY(-6px) rotate(-45deg);-webkit-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg); } 
}
@-moz-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}
@keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}