@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:#409EFF;border-color:#409EFF;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;}

/* CSS Document */
.contain{max-width:1400px;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:40px;height:40px;line-height:40px;text-align:center;border:1px solid #eee;margin:0px 3px;color:#333;vertical-align:middle;}
.pages a.on, .pages a:hover{background:#005fff;color:#fff;border-color:#005fff;}
.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:#409EFF;text-align: center;border: 1px solid #409EFF;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:#409EFF;position:absolute;top:0px;left:-100%;}
.show-more:hover{color:#fff;border-color:#409EFF !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.3;} 50%{transform: scale(0.1); opacity: 0.6;} 75%{transform: scale(0.5); opacity: 0.8;} 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.3;} 50%{-webkit-transform: scale(0.1); opacity: 0.6;} 75%{-webkit-transform: scale(0.5); opacity: 0.8;} 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:10px; height:10px; left:15px; top: 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; background:#1D4BF6; border-radius:20px; z-index: 2;}
/* 产生动画扩散的圆圈 */
.ani-spread:before{content:""; position: absolute; width: 40px; height: 40px; left:0px; top:0px; background:#7a91e8; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; z-index: 1; opacity: 0; -webkit-animation: ani-warn 2s ease-out; -moz-animation: ani-warn 2s ease-out; animation: ani-warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}

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

/*--- Header ---*/
.Header-wrap{z-index:99;}
.Header-wrap .Header-cl{position:relative;}
.header-container{width:100%;position:fixed;top:0px;left:0px;z-index:90;padding: 0 4%;}


/*logo*/
.H-logo{height:70px;line-height:70px;font-size:0px;float:left;position:relative;overflow:hidden;z-index:5;}
.H-logo img{max-height:60px;}

.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 0 0;}
.H-lang,.H-user,.H-srch{height:70px;float:left;position: relative;}

.H-tel{float:right;color:#fff;height:70px;line-height:70px;font-size:16px;margin:0 20px;}

/*Hlang*/
.H-lang{position:relative;}
.H-lang .Hlang-menu{display:block;width:24px;margin-left:20px;height:100%;line-height:70px;transition:none;-webkit-transition:none;}
.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:70px;left:-32px;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:#409EFF;}
.Hlang-box a.CN{background-image:url(../images/icon-cn.png);}
.Hlang-box a.EN{background-image:url(../images/icon-en.png);}

/*Hsrch*/
.H-srch .Hsrch-menu{display:block;width:24px;height:100%;margin-right:20px;line-height:70px;}
.H-srch .Hsrch-menu span{color:#fff;font-size:30px;}
.Hsrch-box{width:240px;background:#fff;position:absolute;top:70px;right:0px;display:none;position:absolute;z-index:2;}
.Hsrch-block{padding:10px;width:100%;position: relative;}
.Hsrch-block .text{width:100%;height:32px;font-size:12px;float:left;background:#f7f7f7;border:0px;padding:0 5px;}
.Hsrch-block .btn-seach{background:#333;width:32px;height:32px;color:#fff;font-size:18px;display:block;position:absolute;right:10px;top:10px;text-align:center;line-height:32px;}

/*Hnav*/
.H-nav{float:right;}
.H-nav li{padding:0 30px;float:left;position: relative;}
.H-nav .Hnav-menu{display:block;height:70px;line-height:70px;font-size:16px;color:#fff;position:relative;}
.Hnav-menu i{display:block;width:50px;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(-180deg);-webkit-transform:rotate(-180deg);}
.Hnav-sub{width:100%;background:rgba(19,19,19,0.8);position:absolute;top:70px;left:0px;display:none;}
.Hnav-sub li{background:#fff;width:100%;padding:15px 10px;text-align: center;border-bottom:1px solid #f7f7f7;}
.Hnav-sub li:hover{background:#000;color:#fff;border-color:#000;}
@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;}}

/* 内页头部 */
.Headt.bg1 .H-nav .Hnav-menu{color:#333;}
.Headt.bg1 .H-srch .Hsrch-menu span,.Headt.bg1 .H-lang .Hlang-menu span,.Headt.bg1 .H-tel{color:#333;}
.Headt .H-nav .Hnav-menu:hover,.Headt .H-nav .Hnav-menu.cur,.Headt .H-nav .Hnav-menu.active{color:#409EFF;}
.Headt.bg1{background:#fff;transition:all 0.5s linear;box-shadow:0 0 8px #888;}
.Headt.noBanner .H-nav .Hnav-menu{color:#333;}
.Headt.noBanner .H-nav .Hnav-menu:hover{color:#086dc6;}
.Headt.noBanner .H-srch .Hsrch-menu span,.Headt.noBanner .H-lang .Hlang-menu span{color:#333;}

#ind-banner img{max-width:100%;}



/*--- Banner ---*/
#index-bnr{height:700px;}
.bnr-img{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;}
.index-bnr .bnr-img{height:700px;}
.index-bnr .swiper-pagination{font-size:0px;bottom:8% !important;}
.index-bnr .swiper-pagination-bullet{width:50px;height:5px;border-radius:0px;background:#fff;position:relative;overflow:hidden;margin:0 8px;padding:0px;}
.index-bnr .swiper-pagination-bullet:after{content:"";width:0%;height:100%;background:#409EFF;position: absolute;left:0px;top:0px;opacity:0;}
.index-bnr .swiper-pagination-bullet-active:after{width:100%;opacity:1;	transition: width 3s linear;-moz-transition: width 3s linear;-webkit-transition: width 3s linear;-o-transition: width 3s linear;}
.index-bnr .bnr-bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;}
.iBnr1-box{text-align:center;color:#fff;z-index:2;position:absolute;left:50%;top:40%;width:1200px;margin-left:-600px;text-align:left;}
.iBnr1-box .t1{line-height:50px;font-size:30px;margin-bottom:30px;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s; -webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);opacity:0;}
.iBnr1-box .t2{color:#1aabff;font-weight:bold;font-size:60px;line-height:36px;text-transform:uppercase;opacity:0; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px);}
.swiper-slide.swiper-slide-active .iBnr1-box .t1,.swiper-slide.swiper-slide-active .iBnr1-box .t2{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}

#index-bnr .swiper-slide{position:relative;}
#index-bnr .swiper-slide img{width:100%;height:700px;object-fit: cover;}
#index-bnr .swiper-slide video {position: absolute;width: 100%;left: 0px;top: 50%;transform: translateY(-50%);object-fit: cover;}

/*--- Footer ---*/
.footer-container{padding:60px 8%;background:#151515;color:#fff;}
.F-nav{width:14%;float:left;}
.F-nav dt{line-height:25px;font-size:18px;position:relative;color:#fff;}
.F-nav dt i{display:block;width:50px;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:15px 0 0;}
.F-nav dd a{display:block;padding:5px 0;line-height:25px;color:#888;}
.F-nav dd a:hover{color:#fff;}

.F-ct{width:22%;float:right;}
.F-ct .tel a{color:#fff;font-size:30px;}
.F-ct .adr{line-height:22px;color:#888;margin:15px 0 30px;}
.F-ct .F-zx{ background-image: -moz-linear-gradient( 0deg, rgb(16,108,196) 0%, rgb(3,185,247) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(16,108,196) 0%, rgb(3,185,247) 100%);background-image: -ms-linear-gradient( 0deg, rgb(16,108,196) 0%, rgb(3,185,247) 100%);width: 160px;height: 50px;line-height:50px;color:#fff;display:block;text-align:center;}
.F-copyright{padding:25px 8%;text-align:center;font-size:14px;color:#888;background:#0a0a0a;overflow: hidden;}
.F-copyright .fr a{margin-left:10px;position:relative;}
.F-copyright .fr a:first-child:after{position:absolute;content:"";width:1px;height:14px;background:#666;right:-8px;top:4px;}
.F-copyright .fr a:hover{color:#fff;}

/* 内页全局通用banner */
.pub-bann{color:#fff;position:relative;}
.pub-text{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.pub-bann h2{font-size:30px;text-transform:uppercase;text-align:center;margin-bottom:30px;}
.pub-bann h3{font-size:42px;text-transform:uppercase;text-align:center;margin-bottom:30px;color:#005fff;position: relative;padding-bottom:30px;font-weight:bold;}
.pub-bann h3:after{width:77px;height:8px;content:"";left:50%;margin-left:-38.5px;bottom:0px;position:absolute;background:#005fff;}
.pub-bann p{font-size:16px;}
.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;}
.pub-bann img{min-height:200px;width:100%;object-fit:cover;}

/* 通用二级菜单 */
.pub-sub-nav{width:100%;margin:0px auto;border-bottom:1px solid #e5e5e5;background:#fff;height:68px;}
.pub-sub-nav-contain{max-width: 1400px;margin:0px auto;line-height:67px;position:relative;height:67px;background:#fff;}
.pub-sub-nav-contain.news-nav-crumbs{padding:0 11%;max-width:100%;}
.sub-nav-list{float:left;}
.sub-nav-list a{display:block;height:67px;line-height:67px;text-align:center;float:left;font-size:16px;color:#333;transition: none;position: relative;margin-right:60px;}
.sub-nav-list a:after{position: absolute;content: '';width:0%;height:2px;background: #409EFF;left:0px;bottom:-1px;z-index: 2;transition: all 0.5s;}
.sub-nav-list a:hover,.sub-nav-list a.active{color:#409EFF;}
.sub-nav-list a:hover:after,.sub-nav-list a.active:after{width:100%;}
.pub-sub-nav .crumbs{float:right;color:#888888;height:68px;line-height: 68px;}
.pub-sub-nav .crumbs span{font-size:20px;margin-right:5px;position:relative;top:2px;}

/*手机汉堡按钮*/
.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); } 
}