body{background-color:#fff}
#warp{width:100%;margin:0 auto;min-width:1080px;max-width:1920px}
h1{font-size:48px;font-weight:700;letter-spacing:4px;color:#fff;margin:0;padding:0}
* --------------------------------------- */
.section{text-align:center;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center}
.mouse-tip{position:absolute;bottom:36px;width:18px;height:32px;z-index:9;left:50%;margin-left:-9px}
.mouse-tip::after{content:'';position:absolute;top:44px;left:50%;margin-left:-14px;width:28px;height:1px;background-color:#ccc}
.mouse-tip .icon-mouse{width:18px;height:32px;background-image:url(../images/icon-mouse.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;animation:next-down-ani 1.6s linear infinite}
@keyframes next-down-ani{0%{transform:translate(0,0)}
25%{transform:translate(0,6px)}
50%{transform:translate(0,0)}
75%{transform:translate(0,-6px)}
100%{transform:translate(0,0)}
}
.sec-video{position:absolute;bottom:0;top:0;right:0;width:100%;height:100%;background-size:100% 100%;background-color:#000;background-position:center center;background-size:contain;object-fit:cover;z-index:0;opacity:1;transition:.4s opacity}
.section #sec-0-video{position:absolute;top:0;left:0;width:100%;height:100%}
.sec-video video{position:absolute;right:0;bottom:0;top:0;right:0;width:100%;height:100%;-moz-background-size:100% 100%;background-size:100% 100%;background-color:#000;background-position:center center;-moz-background-size:contain;background-size:contain;-o-object-fit:cover;object-fit:cover;z-index:0;opacity:1;-webkit-transition:.4s opacity;-o-transition:.4s opacity;-moz-transition:.4s opacity;transition:.4s opacity}
#s4-video{position:relative;width:100%;height:100%}
#section4 #sec-4-player video{position:absolute;right:0;bottom:0;top:0;right:0;width:100%;height:100%;-moz-background-size:100% 100%;background-size:100% 100%;background-color:#000;background-position:center center;-moz-background-size:contain;background-size:contain;-o-object-fit:cover;object-fit:cover;z-index:0;opacity:1;-webkit-transition:.4s opacity;-o-transition:.4s opacity;-moz-transition:.4s opacity;transition:.4s opacity}
#section0 .sec-video.complete{opacity:0}
#section0 .sec-video.hide{z-index:0;display:none}
/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
#section0 .layer{position:absolute;z-index:4;width:100%;left:0;top:43%;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
/* Bottom menu
* --------------------------------------- */
#infoMenu li a {color: #fff}
/* Hiding video controls
* --------------------------------------- */
video::-webkit-media-controls{display:none!important}
#index-nav{position:fixed;z-index:70;padding:0;margin:0;transition:.5s bottom;transition-delay:.1s;left:0;top:36%;-webkit-transform:translate(0,-36%);-moz-transform:translate(0,-36%);transform:translate(0,-36%)}
.last-sec #index-nav{bottom:320px}
.last-sec .index-share{display:none}
#index-nav li{display:block;text-align:center;margin:20px 0;color:#000;background:inherit;-webkit-border-radius:10px;border-radius:10px}
#index-nav li a{position:relative;text-decoration:none;color:#f7f7f7}
#index-nav li.active{background:inherit;color:#f7f7f7}
#index-nav li.active a{padding:7px 36px 10px;display:block;background-color:#3388c6;border-radius:20px;border-top-left-radius:0;border-bottom-left-radius:0}
#index-nav li.active p{display:none}
#index-nav li.active p.on{display:inline}
#index-nav li p{display:inline;font-size:14px}
#index-nav li p.on{display:none}
.theme-color-block #index-nav li a{position:relative;text-decoration:none;color:#0061ae}
.theme-color-block #index-nav li.active a{color:#fff}
.theme-color-block #index-nav li.active a::after{background-color:#333}
#menu-btn{position:absolute;z-index:999999;cursor:pointer}
.banner{position:relative;width:100%;height:100%;z-index:1}
.banner .pagination{position: absolute;z-index: 99;bottom: 20px;right: 0;width: 10px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch{margin-right: 5px;display:inline-block;width:10px;height:10px;border-radius:10px;background:#333;margin-bottom:5px;cursor:pointer}
.banner .swiper-visible-switch{background:#aaa}
.banner .swiper-pagination-switch:last-child{margin-right: 0}
.banner .swiper-active-switch{background:#3365ae}
/*.banner .banner-cont{position:absolute;top:50%;left:50%;width:1000px;height:500px;margin-left:-500px;margin-top:-150px;padding-top:0}*/
.banner .banner-cont{position: absolute;top: 40%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.banner .banner-txt{color:#f5f5f5;text-align:center;letter-spacing:1px;-webkit-transform: scale(1,1);transform: scale(1,1);}
/*.swiper-slide-3 .banner-txt .anleft,.swiper-slide .banner-txt span{transition:all 1s}
.swiper-slide-3 .banner-txt .twoleft{transition:all 2s;}
.swiper-slide-3 .banner-txt .anright{transition:all 3s;}*/
/*.banner .swiper-slide-3 .banner-cont{top: 44%}*/
/*自由落体*/
#floatW{width:300px;height:130px;overflow:visible;position:fixed;top:0;left:0;z-index:99999999999;}
.floatImg img{display:block;width:300px;height:auto}
.closeBtn{background: #ea0b20;width:20px;height:20px;position:absolute;top:-20px;right:0;color:#fff;line-height:20px;cursor:pointer;font-weight:700;text-align:center}
.hyhedaer{text-align: center;background: #3365ae;height: 40px;line-height: 40px;cursor: pointer;}
.hyhedaer .title{color: #fff;font-size: 15px;display: inline-block}
.hyhedaer .close{background: url(../images/hyclose.png) no-repeat;width: 21px;height: 21px;display: inline-block;position: relative;top: 5px;margin-left: 30px}
/*.contop{display: none}
.contop.show{display: block}*/
.headerpop{position: fixed;top: 0;left: 0;z-index: 99999999999;width: 100%;height: 100%}
.headerpop .headerbg{background: rgba(0,0,0); width: 100%;height: 100%; opacity: 0.2;}
.headercotent{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 700px;height: 300px;background: #fff;padding: 20px;border-radius: 10px}
.headercotent a{width: 700px;height: 300px;display: inline-block;}
.headercotent a img{width: 700px;height: 300px;display: block;border-radius: 6px}
.activeswp,.ulsilide{width: 700px;height: 300px}
.headercotent .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.headercotent .hd ul li{ cursor:pointer; display:inline-block; *display:inline;border-radius: 50%; zoom:1; width:11px; height:11px; margin:4px; background:#000; overflow:hidden;line-height:9999px}
.headercotent .hd ul .on{ filter:alpha(opacity=100);opacity:1;background:#3365ae  }
.headercotent .next,.headercotent .prev{width:53px!important;height:53px!important;top:50%;margin-top:-26px;cursor:pointer;position:absolute}
.headercotent .prev{left:30px;background:url(../images/btn_l.png) no-repeat center center}
.headercotent .next{right:30px;background:url(../images/btn_r.png) no-repeat center center}
.headercotent .closectop{cursor: pointer;z-index: 999;width: 30px;height: 25px;position: absolute;top: 0;right: 0;background:url(../images/hyclose1.png) no-repeat center center}
/*动画*/
.banner .banner-txt h1{font-size:48px;letter-spacing:3px}
.banner .banner-txt h1 em{padding:0 10px}
.banner .banner-txt span{text-shadow:0 0 0 #fff, 0px 2px 5px #5aa7e4;font-size:44px;line-height:60px;display:inline-block;color: #3365ae;/*-webkit-text-stroke: 1px #0061ae;text-stroke:1px #0061ae;*/}
.banner .banner-txt em{font-size:40px;line-height:60px;display:inline-block;vertical-align:top}
.banner .banner-btn{margin:30px auto 0;opacity: 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);transition: all 1s;}
.banner .banner-btn a{display:block;color:#0061ae}
.banner-slide{position:relative;z-index:1;height: 100%;}
/*第一屏动画*/
/*.swiper-slide .banner-txt span{}
.swiper-slide.swiper-slide-active .banner-txt span{}*/	
.swiper-slide{visibility:hidden;position:relative;overflow:hidden}
.swiper-slide,.swiper-slide .banner-txt span{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeOut;animation-name:fadeOut}
.swiper-slide.swiper-slide-active .banner-txt span,#index-banner .swiper-slide-active{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeOut{0%{opacity:1}
to{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
to{opacity:0}
}
#index-banner .swiper-slide-active{visibility:visible}
@-webkit-keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
/*end*/
#index-banner .swiper-slide .img-bg{position:relative;opacity:1;background-color:rgba(255,255,255,.05);width:100%;height:100%;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:0;}
#index-banner .swiper-slide-active .img-bg{transform:scale(1)}
.more-news-btn{position:absolute;right:36px;top:220px;line-height:45px;width:45px;text-align:center;font-size:36px;font-weight:lighter;color:#333;border:1px solid #333;padding-bottom:2px;cursor:pointer;background-color:#41c69f;border:1px solid #41c69f;color:#fff}
.more-news-btn:hover{background-color:#41c69f;border:1px solid #41c69f;color:#fff}
.pagenums{width:100%;text-align:center;position:absolute;right:0;bottom:15px;z-index:2}
.arrow_bt a{display: none;font-size:20px;color:#fff;font-weight:700;position:absolute;top:50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);transform: translate(0,-50%);width:73px;height:74px;background-position:center;margin-left:10px;cursor:pointer}
.arrow_bt a.bll{left:10%;background-image:url(../images/hover_left.png)}
.arrow_bt a.bll:hover{background-image:url(../images/hover_left1.png)}
.arrow_bt a.brr{right: 10%;background-image:url(../images/hover_right.png)}
.arrow_bt a.brr:hover{right: 10%;background-image:url(../images/hover_right1.png)}
.detail-nums{position:absolute;bottom:0;right:30px;color:#fff;font-size:22px;line-height:54px;margin-top:-30px}
.detail-nums span{font-size:24px;margin:10px 0}
.detail-nums span.curnums{font-size:70px}
.detail-nums em{margin:0 2px}
.more-info-btn{overflow: hidden;width:210px;text-align:center;line-height:50px;border:#0061ae solid 1px;margin-top:40px;cursor:pointer;border-radius:40px}
.more-info-btn a{display:block}
.more-info-btn:hover{background-color:#3388c6}
.more-info-btn:hover a{color: #fff}
@media screen and (max-width:1600px){.news{max-width:1160px}
}
@media screen and (max-width:1440px){.news{max-width:1060px}
}
@media screen and (max-width:1366px){.news{max-width:1000px}
}
@media screen and (max-width:1280px){.news{max-width:830px}
}
@media screen and (max-width:768px){
	#warp{width:100%;max-width:768px;margin:0 auto;min-width:100%}
	#logo{position:fixed;top:40px;left:50%;margin-left:-69px;z-index:97;width:138px;height:38px;background-image:url(../images/logo.jpg);background-repeat:no-repeat;-moz-background-size:100% auto;background-size:100% auto}
	.section{position:relative}
	#menu-btn{position:fixed;top:60px;z-index:2;cursor:pointer}
	.banner .banner-cont{position:absolute;top:50%;left:50%;width:80%;/*height:500px;margin-left:-40%;margin-top:-150px;*/padding-top:0}
	.banner .banner-txt{text-align:left}
	.banner .banner-btn{margin:60px 0 0}
}

/*logo*/
#logo{cursor: pointer;position:fixed;top:20px;left:2%;margin-left:0;z-index:9;width:13%;height:70px;background-image:url(../images/logo.jpg);background-repeat:no-repeat;background-size:100% auto}
.theme-color-block #logo{background-image:url(../images/logo.jpg)}
/*股票代码*/
.daim{position:absolute;top:21.5px;right:2%;z-index:9999;width:170px;height:70px}
.daim .fl{border-radius:50%;background:#3365ae;position:relative;left:10px;top:10px;width:40px;height:40px}
.daim .fl i{background:url(../images/gup1.png) no-repeat center;width:28px;height:28px;display:inline-block;padding:4px}
.daim .fr{letter-spacing: 1.5px;width:118px;color:#fff;background:#3365ae;font-size:18px;font-weight:700;position:relative;top:15px;height:30px;line-height:30px;border-radius:0 20px 20px 0;padding-left:12px}

/*.daim .hy{font-size: 22px}*/
/*.daim span{box-shadow: 0 0px 0 #f7f7f7, 0 6px 5px rgba(0,0,0,0.3);color: #000000;cursor: pointer;border: 1px solid #ccc;padding: 10px 20px;border-radius: 20px;}*/
.daim .gp:hover{background-color:#0061ae;color: #fff;border:1px solid #0061ae}
/*幻灯分页*/
.bg_img{position: absolute;bottom: 0;right: 0;z-index:2;background: url(../images/icon_bg.png) no-repeat;width: 300px;height: 300px;}
/*标题栏*/
.yt_title{line-height: 80px;opacity: 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);transition: all 1s;}
.active .yt_title,.active .newslist .yt_more,.active .newslist .hd,.active .product li{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition-delay: 0.7s;}
.yt_title .tl{font-size: 24px;color: #000000;font-weight: bold;}
.yt_title .tr{ font-size: 12px ;margin-left: 6px;color: #cccccc;font-weight: bold;letter-spacing: 1.2px;}
/*.about .yt_title .tl{font-size: 16px}
.about .yt_title .tr{ font-size: 12px}*/
/*侧边栏*/
#index-nav{position:fixed;z-index:70;padding:0;margin:0;transition:.5s bottom;transition-delay:.1s;left:0;top:36%;-webkit-transform:translate(0,-36%);-moz-transform:translate(0,-36%);transform:translate(0,-36%)}
#index-nav li.active{background:inherit;color:#f7f7f7}
#index-nav li{cursor: pointer;display:block;text-align:center;margin:20px 0;color:#000;background:inherit;-webkit-border-radius:10px;border-radius:10px}
#index-nav li.active a{color: #fff;padding:7px 36px 10px;display:block;background-color:#0061ae;border-radius:20px;border-top-left-radius:0;border-bottom-left-radius:0}
#index-nav li a{position:relative;text-decoration:none;color:#0061ae}
#index-nav li p{display:inline;font-size:14px}
#index-nav li.active p{display:none}
#index-nav li.active p.on{display:inline}
.theme-color-block #index-nav li a{position:relative;text-decoration:none;color:#0061ae}
.theme-color-block #index-nav li.active a{color:#fff}
/*第二屏*/
.w1000{width: 63%;margin: 0 auto;display: table;}
#productlist{width: 63%}
.width423{float: left;width:426px;/*overflow: hidden;*/display: inline-block}
.list{overflow: hidden}
.slideBox{opacity: 0;transition: all 1s;margin-left: -100%;width: 100%;}
.contars{opacity: 0;transition: all 1s;margin-left: -100%}
.active .slideBox,.active .contars{margin-left:0;opacity: 1;transition-delay: 0.7s;}
.newp{opacity: 0;transition: all 1s;margin-right: -100%;}
.active .newp{margin-right:0;opacity: 1;transition-delay: 0.7s;}
.newslist,#productlist{position: absolute;top:44%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);transform:translate(0,-50%);}   
.newslist .list a{display: block}
.newslist .list a:hover h2,.newslist .list a:hover p{color: red}
.newslist .list a img{border-radius: 8px}
.newslist .list a h2{width: 100%;font-size: 18px;color: #000000;line-height: 40px}
.newslist .list a p{color:#666666;font-size: 14px;line-height: 22px}
.newslist .list li{margin-left: 30px;padding-bottom: 16px;border-bottom: 1px dashed #ECECEC;}
.newslist .list li+li{padding-top: 16px}
.newslist .list li a h2{line-height: 26px}
.newslist .hd{z-index: 1;position: absolute;bottom:-30px;left:0;opacity: 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);transition: all 1s;}
.newslist .hd li+li{padding-top: 0}
.newslist .hd li{text-indent: -999px;margin: 0 5px;padding-bottom: 0;border-bottom: 0;background:#999999; height: 16px; overflow: hidden; width: 16px; border-radius: 50%;cursor: pointer;display:inline-block; *display:inline; zoom:1;}
.newslist .hd .on{ background-color: #0061ae;}
.newslist .yt_more{z-index: 0;opacity: 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);transition: all 1s;display: block;width: 100%;float: left;text-align: right}
.newslist .yt_more a{padding:6px 26px;font-size: 14px;color:#000000;background-color:#cccccc;display: inline-block;border-radius: 20px}
.newslist .yt_more:hover a{background-color:#0061ae;color:#fff}
/*改版新闻*/
.information-right{margin-left:15px}
.information-right .article-list:first-child{padding-top:0}
.information-right .article-list{padding-top:29px}
.information-right .article-list：hover .article-link{background-color:#fafafc;padding:20px}
.information-right .article-list .article-link{display:block;padding:0 20px}
.information-right .article-list .article-link .article-head span{display:inline-block;vertical-align:middle}
.information-right .article-list:hover .article-number{background-color:#0061ae!important}
.information-right .article-list:nth-of-type(1) .article-number,.information-right .article-list:nth-of-type(2) .article-number,.information-right .article-list:nth-of-type(3) .article-number{background-color:#0061ae}
.information-right .article-list .article-number{width:26px;height:26px;text-align:center;line-height:26px;color:#fff;background-color:#999;font-size:16px;border-radius:50%}
.information-right .article-list:hover .article-title{color:#0061ae}
.information-right .article-list .article-title{font-size:16px;color:#333;line-height:20px;margin-left:14px;width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.information-right .article-list .article-time{float:right;font-size:12px;color:#999;line-height:20px}
.information-right .article-list .article-content{margin-top:10px;padding-left:44px;width:450px;font-size:14px;color:#666;line-height:26px;display:none}
.information-right .article-list .article-content p{height:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-height:inherit}
.information-right .article-list.on .article-content{display:block}
/*第三屏*/
.product li{opacity: 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);transition: all 1s;box-sizing: border-box;width: 32.5%;float: left;transition: transform .5s;padding: 10px}
.product li .lazy {width: 100%}
.product li:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1);box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);content: '';opacity: 0;z-index: -1;}
.product li:hover{transform: scale3d(1.006, 1.006, 1)}
.product li:hover::after{opacity:1;border-radius: 5px}
.product li+li{margin-left:1.25%}
.product li h2{color: #000000;font-size: 18px;line-height: 40px}
.product li img{width: 100%;/*display: block;height: 100%;*/border-radius: 10px}
.product li p{color: #666666;font-size: 14px;line-height: 22px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/*第四屏*/
#section3{position: relative;opacity: 1;width: 100%;height: 100%;overflow: hidden;background-image: url(../images/about_bg.png);background-size: cover;background-repeat: no-repeat;background-position: center;z-index: 0;background-color: #fff;}
.copy{position: absolute;bottom:10px;font-size:14px;width: 100%;text-align: center;}
.about {position: absolute;width: 63%;top: 44%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);transform: translate(0,-50%);}
.about .about_con{overflow: hidden;position: relative;}
.about .about_con .pcims{width:100%;height:266px;display: block;}
.about .about_con .pcims img{width: 100%;height: 100%;border-radius: 10px}
.about .about_con .about_r p{line-height: 26px;margin: 10px 0;text-indent:2.6em;font-size: 16px}
.about .about_con .about_r span{background-size: 80%!important;position: absolute;width: 51px;height: 43px;display: inline-block}
.about .about_con .about_r .doul{background: url(../images/dutl.png) no-repeat;left: 36px;top: 13px}
.about .about_con .about_r .dour{background: url(../images/dutr.png) no-repeat;right: 36px;bottom: 2px}
/*点击滚动下一页*/
.arrow{opacity:1;animation:arrow 3s cubic-bezier(.5,0,.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(.5,0,.1,1) infinite;position:absolute;bottom:30px;left:50%;margin-left:-30px;width:60px;height:60px;line-height:60px;cursor:pointer;background-image:url(../images/down.png);background-repeat:no-repeat;background-size:100%;z-index:5}
.arrow:hover{animation-play-state:paused;-webkit-animation-play-state:paused;background-image:url(../images/down1.png)}
@keyframes arrow{%0,%100{bottom:30px;opacity:1}
50%{bottom:40px;opacity:.8}
}
@-webkit-keyframes arrow{%0,%100{bottom:30px;opacity:1}
50%{bottom:40px;opacity:.8}
}

/*icp*/
.icp{position:fixed;z-index:99;bottom:0;left:0;width: 100%;text-align: center;background: #666;height:36px;line-height:36px;padding:0 20px;border-radius:4px 0 0 4px}
.icp a,.icp span{color:#fff;font-size: 15px}
.icp a:hover{color:orange}
.icp a{margin-left: 20px}