::-webkit-scrollbar {
    /* 1 */
    width: 8px;
    height: 8px;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.11);
    padding: 0;
    border: none;
}

::-webkit-scrollbar-button { /* 2 */
}

::-webkit-scrollbar-track { /* 3 */
}

::-webkit-scrollbar-track-piece { /* 4 */
}

::-webkit-scrollbar-thumb { /* 5 */
    background: rgba(0, 0, 0, 0.4);
    padding: 0;
    border: none;
}

::-webkit-scrollbar-corner { /* 6 */
}

::-webkit-resizer { /* 7 */
}
.header{height: 9vh;line-height: 9vh;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 112;}
.header.on {
	background: #fff;
}
.header.on a,.header.on .rt .r-s-b h2 {
	color: #333 !important;
}
.header .logo{position: absolute;left: 80px;top:0;height: 5vh;margin-top: 2vh}
.header .logo a{height: 100%;display: block;}
.header .logo table{width: 100%;height: 100%;text-align: center;}
.header .logo img{display: block;height: 100%}
.header .naver{text-align: center;line-height: 5vh;margin-top: 2vh;}
.header .naver ul{width: 800px;margin: 0 auto;text-align: center;}
.header .naver li{display: inline-block;}
.header .naver .nLi1 h3 a{background: none !important;}
.header .naver li h3 a{font-size:15px;color: #fff;display: block;transition: all 0.3s;overflow: hidden;background: url(../images/img1-30.png) no-repeat center 50px;}
.header .naver li span{background: url(../images/ico3.png) no-repeat;width: 1px;display: block;margin: 0 20px;opacity: 0;}
.header .rt{position: absolute;right: 60px;top: 0;bottom: 0;line-height: 9vh;} 
.header .rt .shopp{background: url(../images/ico4.png) no-repeat right center;padding-right: 23px;display: block;float: left;color: #fff;font-size: 15px;margin-right: 35px;}
.header .rt .shopp:hover{color: #eee;}
.header .rt .r-s-b{float: left;}
.header .rt ul{float: left;margin: 0;}
.header .rt ul li{color: #cec3a3;}
.header .rt h2{
	/*background: url(../images/ico5.png) no-repeat right center;*/
	display: block;padding-right: 12px;}
.header .rt h2{color: #fff;font-size: 12px;}
#fullpage{text-align: center;margin: 9vh auto 0;}
.section{height:85vh !important;overflow: hidden;}
.section h3{font-size: 34px;color: #03a1e9;line-height: 56px;margin-top: 145px;}
.section h2{font-size: 48px;color: #03a1e9;line-height: 76px;}
.h-footer{height: 8.5vh;background: url(../images/img2.png) no-repeat center top;position: fixed;left: 0;right: 0;bottom: 0;z-index: 1111;}
.footer-h{overflow: hidden;height: 6vh;margin-top: 2.5vh;background: #FFFFFF;}
.f-lt{float: left;overflow: hidden;line-height: 6vh;margin-left: 50px;}
.f-lt a{float: left;display: block;margin-right: 15px;}
.copyright{font-size: 12px;color: #999999;float: right;line-height: 6vh;margin-right: 50px;}
.h-footer i{width: 20px;height: 10px;position: absolute;left: 50%;margin-left: -10px;top: 15px;display: block;text-align: center;}


.naver .sub{position: absolute;left: 0;right: 0;height: 255px;background: #FFFFFF;top: 7vh;overflow: hidden;display: none;z-index: 1111;}
.naver .sub-h{border-top: 1px solid #eeeeee;margin-top: 2vh;}
.naver .sub-wap{width: 800px;margin: 0 auto;margin-top: 25px;}
.naver .sub .img{float: right;border-left: 1px solid #eeeeee;padding-left:48px ;margin-top: 10px;}
.naver .sub dl{float: left;}
.naver .sub dd{line-height: 40px;}
.naver .sub dd a{font-size: 12px;color: #666666;}
.naver .sub dd a:hover{color: #039EEE;}
.naver .sub .img img{width: 464px;height: 162px;display: block;}
/*首页结束*/

/*案例开始*/
.wap{width: 1400px;margin: 0 auto;}
.banner{height: 505px;overflow: hidden;text-align: center;margin: 0 auto 0;color: #FFFFFF;}
.banner h2{font-size: 58px;margin-top: 170px;line-height: 75px;}
.banner h3{font-size: 30px;line-height: 50px;}
.banner h4{font-size: 18px;line-height: 40px;}
.case{background: #f0f2f2;padding: 45px 0 70px;}
.case .c-list ul{overflow: hidden;width: 105%;}
.case .c-list ul li{float: left;width: 641px;height: 458px;background: #FFFFFF;overflow: hidden;padding: 22px;margin:0 25px 30px 0;}
.case .c-list ul li .img{width: 641px;height: 345px;overflow: hidden;margin: 0 auto;}
.case .c-list ul li img{width: 641px;height: 345px;transition: all 0.5s;}
.case .c-list ul li:hover img{transform: scale(1.1);}
.case .c-list h3{font-size: 18px;color: #000000;height: 82px;line-height: 83px;border-bottom: 1px solid #dfdfdf;}
.case .c-list li:hover h3{color: #eee;}
.case .c-list h4{font-size: 12px;color: #999999;margin-top: 15px;}
.case .c-list h4 span{width: 2px;height: 12px;margin: 0 6px;}
.pages{margin-top: 42px;}
.pages dl{text-align: center;}
.pages dd{display: inline-block;margin: 0 5px;}
.pages dd .p1{border: none;}
.pages dd a{width: 30px;height: 30px;border: 1px solid #FFFFFF;color: #9f9e9e;text-align: center;line-height: 30px;display: block;}
.pages dd.on a,
.pages dd:hover a{background: #5b6e7a;border-color: #5b6e7a;color: #FFFFFF;}
.footer{overflow: hidden;margin-top: 35px;height: 205px;}
.footer dl{float: left;}
.footer dl:nth-child(1){width: 24%;margin-left: 83px;}
.footer dl:nth-child(2){width: 26%;}
.footer dl:nth-child(3){width: 25%;}
.footer dl:nth-child(4){width: 19%;}
.footer dt{font-size: 15px;color: #000000;margin-bottom: 20px;}
.footer dd{font-size: 12px;color: #999b98;line-height: 30px;}
.footer dd:hover a{color: #019fe8;}
.footer .ico{margin-top: 18px;}
.footer .ico ul{overflow: hidden;}
.footer .ico li{margin-right: 12px;float: left;width: 74px;text-align: center;}
.footer .ico li{color: #999997;font-size: 12px;}
.footer .ico li h3{font-size: 12px;color: #999b9a;}
.footer .ico li img{width: 74px;height: 74px;display: block;}
.c-copyright{border-top: 1px solid #e5e5e5;height: 62px;width: 1670px;margin: 0 125px;font-size: 12px;color: #999999;;line-height: 62px;text-align: right;margin: 0 auto;}

/*案例结束*/

/*产品中心开始*/
.Product{background: #f0f2f2;padding:55px 0 90px;}
.Product .p-hd{overflow: hidden;}

.Product .p-hd ul{overflow: hidden;}
.Product .p-hd ul li{float: left;}

.Product .p-hd h2{font-size: 30px;line-height: 84px;margin-top: 20px;}
.Product .p-hd ul li a{width: 157px;height: 48px;border: 1px solid #d2d2d2;font-size: 18px;color: #606161;line-height: 48px;margin-right: 28px;text-align: center;transition: all 0.3s;display: block;}
.Product .p-hd ul li.on a,
.Product .p-hd ul li:hover a{background: #00a0e8;border-color: #00a0e8;color: #FFFFFF;}


.Product .p-bd{margin-top: 0;}
.Product .p-bd ul{width: 105%;overflow: hidden;}
.Product .p-bd ul li{float: left;width: 307px;height: 490px;padding:15px 15px 10px;margin: 0 30px 0 0;background: #FFFFFF;border-top: 3px solid #00a0e8;position: relative;}
.Product .p-bd ul li .ico img{/*width: 80px;*/height: 97px;}
.Product .p-bd ul li .ico{position: absolute;right:50px ;top: 0;}

.Product .p-bd ul li .ico2 img{width: 165px;height: 97px;}
.Product .p-bd ul li .ico2{position: absolute;right:30px ;top: 0;}

.Product .p-bd ul li .img{width: 220px;height: 220px;overflow:hidden;margin: 70px auto 50px;position: relative;transition: all 0.5s;top: 0;}
.Product .p-bd ul li .img img{width:220px;height: 220px;}
.Product .p-bd ul li:hover .img{position: relative;top: -8px;}
.Product .p-bd h3{font-size: 18px;color: #181818;line-height: 45px;text-align: center;margin: 20px 0 10px;}
.Product .p-bd h4{font-size: 13px;color: #999999;line-height: 25px;text-align: center;margin-bottom: 20px;}
.Product .p-bd .btn{width:195px;height: 48px;border: 1px solid #02a0e7;line-height: 48px;text-align: center;font-size: 14px;color: #02a0e7;display: block;margin: 0 auto;transition: all 0.3s;}
.Product .p-bd .btn span{background: url(../images/img2-4.png) no-repeat right center;width: 13px;height: 7px;display: inline-block;padding-right: 10px;}
.Product .p-bd ul li .btn:hover{background: #02a0e7;color: #FFFFFF;}
.Product .p-bd .btn:hover span{background:url(../images/img2-5.png) no-repeat right center;}

/*产品中心结束*/ 

/*新品推荐开始*/
.new{height: 85vh;overflow: hidden;text-align: center;margin: 9vh auto 0;position: relative;}
.new ul{overflow: hidden;height: 85vh;}
.new ul li{width: 33.33%;position: relative;height: 100%;float: left;}
.new ul li a,
.new ul li .img{height: 100%;}
.new ul li .mask{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;z-index: 111;opacity: 1;transition: all 0.3s;}
.new ul li:hover .mask{opacity: 0;}
.new ul li:hover .text{color: #00b1ff;}
/*
.new ul li:hover .text{color: #00b1ff;border:1px solid rgba(0,0,0,0);background: none;}
*/
.new ul li img{height: 100%;width: 100%;display: block;}
.new ul li .text{position: absolute;left: 0;right: 0;top: 50%;margin: 0 auto;margin-top: -59px;width: 374px;height: 116px;border: 1px solid #a8a8a8;background: rgba(255,255,255,0.2);text-align: center;color: #FFFFFF;}
.new ul li .text h3{line-height: 34px;font-size: 24px;margin-top: 26px;}
.new ul li .text h4{line-height: 34px;font-size: 14px;}
.new .prev,
.new .next{background: url(../images/img3-2.png) no-repeat center rgba(255,255,255,0.3);position: absolute;top: 50%;margin-top: -24px;width: 48px;height: 48px;left: 37px;cursor: pointer;z-index: 112;}
.new .prev{left: auto;right: 37px;}
.new .next{transform: rotate(180deg);}
.n-footer{height:6vh;position: fixed;left: 0;right: 0;bottom: 0;line-height: 6vh;}
.n-ft{float: left;overflow: hidden;margin-left: 50px;}
.n-ft a{float: left;display: block;margin-right: 15px;}
.n-copyright{font-size: 12px;color: #999999;float: right;margin-right: 50px;}
/*新品推荐结束*/

/*新闻详情页开始*/
.rec-main{background: #f0f2f2;padding: 55px 0 85px 0;overflow: hidden;}
.rec-main .wap{background: #FFFFFF;overflow: hidden;padding-bottom: 100px;}
.rec-main .rec-hd{background: #e7ecef;height: 70px;line-height: 68px;margin: 65px 65px 0;}
.rec-main .rec-hd ul{overflow: hidden;width: 110%;margin-left: 85px;}
.rec-main .rec-hd li{float: left;font-size: 15px;color: #5c5e60;margin-right: 110px;cursor: pointer;}
.rec-main .rec-hd li:hover,
.rec-main .rec-hd li.on{border-bottom: 2px solid #00acd4;color: #00acd4;}
.rec-body{margin: 50px 65px 0;background: #;}
.rec-main .rec-bd ul{overflow: hidden;}
.rec-main .rec-bd li{cursor: pointer;background: #f0f2f2;}
.rec-main .rec-bd li h3{position: relative;background: #FFFFFF;padding: 0 25px;}
.rec-main .rec-bd li h3 span{border-bottom: 2px solid #f7f7f7;line-height: 68px;font-size: 16px;color: #666666;display: block;}
.rec-main .rec-bd li h3 i{position: absolute;right: 25px;top: 0;width: 14px;height: 68px;transition: all 0.3s;transform: rotate(0);display: block;background: url(../images/img4-1.png) no-repeat center;}
.rec-main .rec-bd dl{margin-top: 30px;}
.rec-main .rec-bd dt{font-size: 14px;color: #4b4f52;line-height: 24px;margin-bottom: 15px;}
.rec-main .rec-bd dd{font-size: 13px;line-height: 28px;color: #99999b;}
.rec-main .rec-bd dl:last-child{margin-bottom: 75px;}
.rec-body li h3.on{border-color: #FFFFFF;background: #f0f2f2;}
.rec-body li h3.on i{transform: rotate(180deg);}
.rec-body .dl{overflow: hidden;padding: 0 25px;}
/*新闻详情页结束*/

/*新闻中心开始*/
.x-details{background: #525252;height: 420px;overflow: hidden;margin: 0 auto 0;}
.x-details .lt{float: left;width: 50%;}
.x-details .lt img{width: 100%;min-height: 420px;}
.x-details .rt{width: 50%;float: right;margin-top: 3%;}
.x-details .rt .txt{margin: 0 12%;}
.x-details .rt h3{font-size: 24px;color: #fff;line-height: 32px;text-align: center;}
.x-details .rt p{font-size: 13px;color: #fff;line-height: 26px;margin-top: 25px;overflow: hidden;}
.x-details .rt h4{font-size: 14px;color: #fff;text-align: left;line-height: 42px;}
.x-details .rt .btns{width: 150px;height: 40px;border: 1px solid #fff;line-height: 40px;text-align: center;font-size: 14px;color:#fff;display: block;margin: 0 auto;transition: all 0.3s;margin-top: 5%;}
.x-details .rt .btns span{background: url(../images/img2-4.png) no-repeat right center;width: 13px;height: 7px;display: inline-block;padding-right: 10px;}
.x-details .rt .btns:hover{background: #02a0e7;color: #FFFFFF;}
.x-details .rt .btns:hover span{background:url(../images/img2-5.png) no-repeat right center;}
.information{background: #f0f2f2;padding: 50px 0 80px;}
.inf-hd ul{overflow: hidden;}
.inf-hd ul li{float: left;}
.inf-hd ul li a{width: 157px;height: 48px;border: 1px solid #d2d2d2;font-size: 18px;color: #606161;line-height: 48px;margin-right: 28px;text-align: center;transition: all 0.3s;display: block;}
.inf-hd ul li.on a,
.inf-hd ul li:hover a{background: #00a0e8;border-color: #00a0e8;color: #FFFFFF;}
.inf-bd{margin-top: 23px;}
.inf-bd ul{width: 105%;overflow: hidden;}
.inf-bd ul li{float: left;width:283px;height: 440px;padding:30px 20px 40px;margin: 30px 35px 30px 0;background: #FFFFFF;}
.inf-bd ul li a{display: block;}
.inf-bd ul li .img{width: 280px;height: 230px;overflow:hidden;margin: 0 auto;}
.inf-bd ul li .img img{width: 280px;height: 230px;transition: all 0.5s;}
.inf-bd ul li:hover img{transform: scale(1.1);}
.inf-bd h4{font-size: 14px;color: #999;text-align: center;line-height: 60px;}
.inf-bd h4 span{width: 70px;height: 1px;border-bottom: 1px solid #d5b7a0;display: block;margin: 0 auto;}
.inf-bd h3{font-size: 14px;color: #333;line-height: 24px;text-align: center;margin-top: 30px; text-align: justify;}
.inf-bd li:hover h3{color: #039EEE;}

/*新闻中心结束*/

/*服务中心APP开始*/
.dow-main{background: #f0f2f2;padding: 60px 0 105px;}
.dow-hd{position: relative;}
.dow-hd img{width: 1403px;height: 675px;}
.dow-hd .txt{position: absolute;left: 150px;top: 80px;}
.dow-hd .txt h3{font-size: 36px;color: #2a2a2a;line-height: 50px;}
.dow-hd .txt span{width: 36px;height: 4px;background: #707070;display: block;margin-top: 30px;}
.dow-hd .txt .btn{margin-top: 40px;}
.dow-hd .txt .b1 i{background: url(../images/img6-7.png) no-repeat left center;padding-left: 45px;display: inline-block;}
.dow-hd .txt .b2 i{background: url(../images/img6-8.png) no-repeat left center;padding-left: 45px;display: inline-block;}
.dow-hd .txt a{font-size:26px ;color: #FFFFFF;width: 220px;height: 55px;background: #039eee;display: block;line-height: 55px;text-align: center;border-radius: 5px ;}
.dow-hd .txt a:hover{box-shadow: 0 0 10px rgba(3,158,258,0.2);}
.dow-hd .txt h4{margin: 16px 0;font-size:14px;color:#000000 ;}
.dow-bd{background: #FFFFFF;padding: 80px 130px;margin: 35px 0;}
.dow-bd h3{font-size: 26px;color: #000000;text-align: center;}
.dow-bd span{width: 36px;height: 4px;background: #707070;display: block;margin: 27px auto 0;}
.dow-bd ul{overflow: hidden;margin-top: 70px;text-align: center;}
.dow-bd ul li{width: 350px;display: inline-block;}
.dow-bd ul li .img{width: 69px;height: 69px;overflow: hidden;margin: 0 auto;}
.dow-bd ul li h3{line-height: 50px;margin: 25px 0 5px;font-size: 15px;color: #000000;}
.dow-bd ul li p{font-size: 12px;color: #666;line-height:26px ;text-align: center;}

/*服务中心APP结束*/

/*服务中心-说明开始*/
.inst-list{background: #f0f2f2;padding: 50px 0 80px;}
.inst-hd ul{overflow: hidden;}
.inst-hd ul li{float: left;}
.inst-hd ul li a{width: 157px;height: 48px;border: 1px solid #d2d2d2;font-size: 18px;color: #606161;line-height: 48px;margin-right: 28px;text-align: center;transition: all 0.3s;display: block;}
.inst-hd ul li.on a,
.inst-hd ul li:hover a{background: #00a0e8;border-color: #00a0e8;color: #FFFFFF;}
.inst-bd{margin-top: 22px;}
.inst-bd ul{width: 105%;overflow: hidden;}
.inst-bd ul li{float: left;width:335px;height: 295px;margin: 28px 30px 28px 0;background: #FFFFFF;}
.inst-bd ul li video{width: 100%;height: 210px;cursor: pointer;}
.inst-bd h3{font-size: 15px;color: #181818;line-height: 45px;text-align: center;margin-top: 15px;}
.inst-bd h4{font-size: 12px;color: #999999;text-align: center;}

/*服务中心-说明结束*/

/*服务中心-售后开始*/
.Cont-map{padding: 70px 0 90px;background: #f0f2f2;}
.Cont-map .wap{position: relative;}
.Cont-txt{width: 460px;height: 418px;overflow: hidden;background: rgba(150,150,150,0.8);position: absolute;right: 0;top: 0;padding: 82px 0 0 66px;color: #FFFFFF;}
.Cont-txt dt{font-size: 24px;margin-bottom: 25px;}
.Cont-txt dd{line-height: 25px;font-size: 14px;}
.Cont-txt .d1{font-size: 20px;line-height: 40px; font-weight:bold; padding-bottom:10px;}
.Cont-txt .d2{margin: 20px 0;}
.Cont-wx{overflow: hidden;width: 300px;}
.Cont-wx .img{float: left;margin-right: 20px;}
.Cont-wx h3{float:left;font-size: 16px;line-height: 25px;}

/*服务中心-售后结束*/

/*服务中心-投诉结束*/
.Com-list{padding: 55px 0 85px;background: #f0f2f2;}
.Com-list .wap{background: #FFFFFF;overflow: hidden;}
.Com-list .form{margin: 65px 185px 65px 175px;}
.Com-list h3{line-height: 32px;font-size: 16px;color: #000;text-align: center;}
.Com-list ul{margin-top: 45px;overflow: hidden;width: 110%;}
.Com-list li .txt{width: 458px;height: 50px;float: left;border: 1px solid #dcdcdc;line-height: 50px;margin-bottom: 30px;margin-right: 65px;padding-left: 27px;font-size: 12px;color: #666666;}
.Com-list li .txts{width: 1010px;height: 173px;border: 1px solid #dcdcdc;padding-left: 28px;padding-top: 22px;font-size: 12px;color: #666666;}
.Com-list li .submit{margin-top: 30px;width: 270px;height: 55px;background: #039eee;font-size: 16px;color: #FFFFFF;line-height: 55px;border: none;cursor: pointer;transition: all 0.3s;}
.Com-list li .submit:hover{background: #02a5fa;}
/*服务中心-投诉结束*/

/*招商信息开始*/
.inve-main{background: #f0f2f2;padding: 55px 0 632px 0;}
.inve-bd{height: 712px;background: #FFFFFF;}
/*招商信息结束*/

/*关于我们开始*/
.about{background: #f0f2f2;padding: 55px 0 85px 0;}
.about .wap{overflow: hidden;}
.abo-t{padding: 75px 104px 70px;background: #FFFFFF;}
.abo-hd h4{font-size: 14px;color: #bebebe;}
.abo-hd h2{line-height: 100px;font-size: 46px;color: #3e3d3d;}
.abo-hd span{width: 80px;height: 2px;background: #039eee;display: block;margin-left: 8px;}
.abo-bd {position: relative;margin-top: 55px;}
.abo-bd ul{overflow: hidden;}
.abo-bd ul li{float: left;}
.abo-bd ul li p{font-size: 13px;color: #333333;line-height: 28px;margin-bottom: 15px;padding: 0 110px;}
.abo-bd .prev,
.abo-bd .next{background: url(../images/img11-4.png) no-repeat center;position: absolute;top: 120px;left: 30px;width:21px ;height: 50px;cursor: pointer;}
.abo-bd .next{right: 30px;left: auto;transform: rotate(180deg);}
.abo-bd .abo-img{margin-top: 22px;}
.abo-bd ul li .a1{float: left;width: 489px;height: 322px;overflow: hidden;margin-right: 45px;}
.abo-bd ul li .a2{float: right;width: 658px;height: 322px;overflow: hidden;}
.abo-ft{margin-top: 60px;}
.abo-ft ul{overflow: hidden;}
.abo-ft ul li{display:inline-block;width: 373px;text-align: center;position: relative;top: 0;transition: all 0.5s;margin-top: 10px;}
.abo-ft ul li:hover{position: relative;top: -8px;}
.abo-ft ul li h2{font-size: 16px;color: #000;line-height: 40px;margin-top: 10px;}
.abo-ft ul li h3{font-size: 12px;color:#666;line-height: 20px;}
.honor{background: #FFFFFF;margin-top: 30px;padding:45px 100px 70px;position: relative;}
.honor .bd{margin-top: 52px;margin-left: 80px;}
.honor h3{font-size: 24px;color: #000000;}
.honor ul{overflow: hidden;}
.honor ul li{float: left;margin-right: 33px;width: 325px;height: 250px;}
.honor ul li table{width: 100%;height: 100%;text-align: center;}
/*
.honor ul li{float: left;margin-right: 33px;width: 325px;height: 137px;}
.honor ul li{float: left;margin-right: 33px;width: 325px;height: 137px;background: #efefef;}
.honor ul li img{width: 325px;height: 137px;}
.honor .prev,
.honor .next{background: url(../images/img11-4.png) no-repeat center;position: absolute;bottom: 117px;left: 100px;width:21px ;height: 50px;cursor: pointer;}
.honor .next{right: 100px;left: auto;transform: rotate(180deg);}
*/
.honor ul li table h2{font-size: 16px;color: #000000;line-height: 22px;text-align: center;}


.honor .prev,
.honor .next{background: url(../images/img11-4.png) no-repeat center;position: absolute;bottom: 170px;left: 100px;width:21px ;height: 50px;cursor: pointer;}
.honor .next{right: 100px;left: auto;transform: rotate(180deg);}

/*关于我们结束*/


#fp-nav.right{right: auto;left: 0;}
#fp-nav ul li, .fp-slidesNav ul li{margin: 5px 0;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 17px;height: 1px;background: #ffffff;border-radius: 0;font-size: 0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{width:47px ;background: url(../images/img1-31_1.jpg) no-repeat left center;border-radius: 0;padding-left: 55px;line-height: 1;color: #FFFFFF;font-size: 14px;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{}



.h-footer i{-webkit-animation: bounce-up 2s linear infinite;
    animation: bounce-up 2s linear infinite;}

.header .rt li{line-height: 26px;font-size: 12px;}
.header .rt ul{text-align: right;float: none;transition: all 0.3s;overflow: hidden;padding-right: 12px;display: none;}
.header .rt .r-s-b:hover ul{display: block;background: #ffffff;}

@-webkit-keyframes bounce-up {

    25% {
        -webkit-transform: translateY(5px);
    }

    50%, 100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(-5px);
    }
}


@keyframes bounce-up {

    25% {
        transform: translateY(10px);
    }

    50%, 100% {
        transform: translateY(0);
    }

    75% {
        transform: translateY(-10px);
    }

}




/*产品详情*/
.p-details{background: #f0f2f2;padding: 70px 0 70px;}
.d-list{background: #FFFFFF;overflow: hidden;padding: 0 110px;}
.d-list img {
	max-width: 1000px;
}
.d-list .d-l-h{height: 630px;}
.deta-l{float: left;overflow: hidden;position: relative;}
.deta-r{float: right;width: 550px;margin-right: 50px;}
.deta-l .hd{float: left;width: 102px;margin-top: 175px;}
.deta-l .bd{float: left;width: 430px;margin-top: 130px;margin-left: 20px;}
.deta-l .hd li{width:100px ;height: 100px;border: 1px solid #e6e6e8;margin-bottom: 20px;}
.deta-l .hd li.on{border-color: #9ea2ad}
.deta-l .hd li img{width: 67px;}
.deta-l .hd li table{width: 100%;height: 100%;text-align: center;}
.deta-l .hd ul{margin-top: 44px;}
.deta-l .bd li{width: 430px;height: 430px;}
.deta-l .bd li table{width: 100%;height: 100%;text-align: center;}
.deta-l .bd li img{width: 360px;height: 360px;}
.deta-l .prev,
.deta-l .next{background: url(../images/img12-23.png) no-repeat center;width: 34px;height: 18px;display: block;position: absolute;left: 32px;top: 130px;cursor: pointer;}
.deta-l .next{background: url(../images/img12-24.png) no-repeat center;top: 540px;}



.deta-r{margin-top: 100px;}
.deta-r h4{font-size:16px;color: #a1a1a3;line-height:24px ; }
.deta-r h2{font-size:30px;color: #020b32;line-height:52px ; }
.deta-r p{font-size:14px;color: #5c5c5c;line-height:24px ; margin-top: 33px;}
.deta-form h2{font-size: 14px;color: #999999;line-height: 44px;margin-top: 6px;}
.deta-r .hd{height: 200px;border-bottom: 1px solid #eeeff1;margin-bottom: 5px;}
.deta-r li{overflow: hidden;}
.deta-r li label{padding:0 10px;height: 30px;line-height: 30px;border: 1px solid #b8b7bd;display: block;float: left;font-size: 13px;color: #000;margin-right: 10px;}
.deta-r li .ra{display: none;}
.deta-r ul{height:105px ;border-bottom: 1px solid #efeff1;}
.deta-r input[type="radio"]:checked + label {
   color: #ff6464;border-color: #ff6464;
}
.deta-r select{border: 1px solid #b2b2b2;height: 22px;width: 120px;background: none;font-size: 12px;color: #000000;line-height: 22px;} 

.deta-r .sub{width: 178px;height: 34px;display: block;font-size:12px ;color: #FFFFFF;border: none;background: #ff6464;cursor: pointer;margin-top: 23px;text-align: center;line-height: 34px;}
.d-list h3{font-size:30px ;color: #000000;border-top: 1px solid #efeff1;line-height: 120px;}
.parameter ul{overflow: hidden;padding-bottom: 65px;}
.parameter li{float: left;width: 390px;overflow: hidden;margin: 10px 0;}
.parameter li table{width:58px ;height: 58px;text-align: center;border-radius: 50%;margin-right: 15px;}
.parameter li h5{float: left;}
.parameter li h4{float: left;line-height: 60px;font-size: 13px;color: #000000;}
.parameter li span{color: #666666;}
.function ul{overflow: hidden;padding-bottom: 90px;}
.function li{float: left;width:275px ;margin-top: 20px;line-height: 30px;border-bottom: 1px solid #eeeff1;margin-right: 95px;font-size: 13px;color: #666666;padding-left: 17px;}
.function li span{padding-left: 18px;background: url(../images/img12-6.png) left center no-repeat;}

.hot{margin-top:20px ;background: #FFFFFF;overflow: hidden;padding:0 110px;position: relative;}
.hot h3{line-height: 87px;margin-top: 27px;border-bottom: 1px solid #eeeff3;font-size: 28px;color: #000000;}
.hot .bd{margin-top: 55px;margin-left: 120px;padding-bottom: 38px;}
.hot ul{overflow: hidden;}
.hot li{margin-right: 60px;float: left;}
.hot li table{border: 1px solid #bfbfbf;width: 270px;height: 260px;border: 1px solid #bfbfbf;text-align: center;}
.hot li img{width: 170px;height: 170px;margin: 0 auto;}
.hot .prev,
.hot .next{position: absolute;background: url(../images/img12-20.png) no-repeat center;width: 18px;height: 40px;display: block;left:145px ;top: 280px;cursor:pointer;}
.hot .next{background: url(../images/img12-21.png) no-repeat center;left: auto;right: 145px;}
.hot h2{font-size:16px ;color: #181818;line-height: 52px;text-align: center;}


.select-list{border: none !important;height: auto !important;}
div.select-main{border-color:#b2b2b2;border-radius: 0; }
li.select-items:hover, li.select-items.active{background: #ff6464;}
div.select-block{border-color: #b2b2b2;box-shadow: 0 0 2px #b2b2b2;}
div.select-arrow{border-top: 7px solid #b2b2b2;}
div.select-arrow.reverse{border-bottom: 7px solid #b2b2b2;}
li.select-items{padding: 10px 15px;}




.h-footer.on i img{transform: rotate(180deg) ;}


.f-footer{position: fixed;left: 0;right: 0;bottom: 6vh;z-index: 111;background: #FFFFFF;height: 0;transition: all 0.3s;}
.f-footer.on{height: 240px;}

.full{position: relative;height: 850px;}
.full .bd,
.full .bd ul,
.full .bd li{height: 100%;}
.full .prev,
.full .next{background: url(../images/img11-4.png) no-repeat;width: 20px;height: 36px;position: absolute;left: 50px;top: 50%;margin-top: -18px;z-index: 11;cursor: pointer;}
.full .next{transform: rotate(180deg);left: auto;right: 50px;}

/*新闻详情*/
.n-detail{background: #f0f2f2;padding: 140px 0 70px;overflow: hidden;}
.n-detail .wap{background: #FFFFFF;overflow: hidden;width: 1260px;padding: 0 70px;}
.det-hd{text-align: center;padding: 42px 0;border-bottom: 1px dashed #d3d6da;}
.det-hd h2{font-size: 30px;color: #000000;line-height: 100px;}
.det-hd h4{font-size: 12px;color: #666666;}
.det-bd{margin: 35px auto;padding-bottom: 45px;border-bottom: 1px dashed #d3d6da;width: 800px;}
.det-bd p{font-size: 14px;color:#666666;line-height: 30px;}
.det-bd .img{text-align: center;margin-bottom: 30px;}
.det-bd img{max-width: 100%;}
.det-ft{margin-top: 30px;padding-bottom: 60px;}
.det-ft ul{overflow: hidden;}
.det-ft .lt{float: left;}
.det-ft .lt a{font-size: 12px;color: #666666;}
.det-ft .lt span{color: #333333;}
.det-ft .rt{float: right;background: url(../images/img03-1.png) no-repeat right center;padding-right: 24px;}
.det-ft .rt a{font-size: 12px;color: #333333;}





/*4.24新增开始*/



.naver .sub dd h5{font-size: 12px;color: #666666; cursor:hand;}
.naver .sub dd h4 a{font-size: 12px;color: #666666;display: none;}
.naver .sub dd:hover h4 a{
	display: block;text-align: left;line-height: 28px;
}


.news-vd{
	overflow: hidden;position: relative;background: #f0f0f0;min-height: 250px;
}
.news-vd .nv-wap{
	float: left;width: 50%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;padding:50px 6% 50px;
}
.news-vd .nv-wapr{
	background: #f6f6f6;float: left;height: 100%;
}
.news-vd .nv-wap .hd{
	overflow: hidden;margin-bottom: 20px;
}
.news-vd .nv-wap h2{
	font-size: 24px;color: #000;line-height: 40px;float: left;
}
.news-vd .nv-wap .hd a{
	font-size: 14px;color: #666666;background: url(../images/nvico1.png) no-repeat right center;display: block;padding-left:460px ;line-height: 40px;
}
.news-vd .nv-wap ul{
	margin-top: 30px;
}
.news-vd .nv-wap li a{
	line-height: 30px;font-size: 14px;color: #656565;display: block;
}
.news-vd .nv-wap span{
	display: inline-block;color: #cbcbcb;padding-left: 15px;background: url(../images/vlico.jpg) no-repeat left center;
}
.news-vd .nv-wap i{
	display: inline-block;color: #1164aa;margin: 0 10px;
}
.news-vd .nv-wap .vd{
	width: 100%;
}
.news-vd .nv-wap .vd video,
.news-vd .nv-wap .vd img{
	
}
.f-footer{position: static;height: auto;}

.h-footer{
	position: static;height: auto;
}
/*4.24新增结束*/


/*4.25新增开始*/


/*.full{
	height: auto;
}*/
.full{
	height: 100vh;
}
.full li img{
	width: 100%;display: block;
}
/*4.25新增结束*/


/*6.1新增开始*/

.news-vd .ywap{
	width: 1230px;margin: 0 auto;overflow: hidden;padding-top: 52px;padding-bottom: 85px;
}
.news-vd .ywap h2{
	font-size: 24px;color: #1164aa;line-height: 40px;overflow: hidden;margin-bottom: 26px;
}
.news-vd .ywap .ynews{
	float: left;width: 520px;
}
.news-vd .ywap .yvideo{
	float: right;width:600px;
}
.news-vd .ywap h2 a{
	font-size: 12px;color: #666666;float: right;
}
.news-vd .ywap li a{
	font-size: 16px;color: #656565;background: url(../images/img12-21.png) no-repeat left center;background-size: auto 10px;padding-left: 16px;display: block;line-height: 30px;overflow: hidden;
}
.news-vd .ywap li a h3{
	float: left;max-width: 370px; word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.news-vd .ywap li a span{
	float: right;color: #cbd1db;font-size: 14px;
}
.news-vd .ywap .ynews i{
	background:#ff0000;font-size:11px;color:#ffffff;text-align:center; padding:0 6px;border-radius: 5px; margin-left:5px;
}
.news-vd .ywap .yvideo dl{
	overflow: hidden;width: 110%;
}
.news-vd .ywap .yvideo dd{
	float: left;width: 287px;height: 179px;margin-right: 22px;cursor: pointer;
}
.news-vd .ywap .yvideo .imgs{
	width: 100%;height: 100%;
}
.news-vd .ywap .yvideo img{
	width: 100%;height: 100%;display: block;
}
.c-copyright{
	width:1260px;
}
.ymask{
	position: fixed;left: 0;top: 0;bottom: 0;right: 0;display: none;
}
.ymask .ylmk{
	background: rgba(0,0,0,0.7);z-index: 111;position: absolute;left: 0;top: 0;right: 0;bottom: 0;
}
.ymask .yvdo{
	width: 653px;height: 480px;border-radius: 20px;background: #fff;position: absolute;left: 0;right: 0;top: 50%;margin: -240px auto 0;z-index: 111;
}
.ymask .yvdo .ico{
	position: absolute;right: -2px;top: -2px;
}
.ymask .yvdo .vid{
	margin: 50px auto 0;display: block;background: #000;
}
.ymask.on {
	display: block;
}

/*6.1新增结束*/
.rec-body li .dl{
	display: none;
}

.pages{margin-top: 42px;}
.pages ul{text-align: center;}
.pages li{display: inline-block;margin: 0 5px;}
.pages li .p1{border: none;}
.pages li a{min-width: 30px;height: 30px;border: 1px solid #FFFFFF;color: #9f9e9e;text-align: center;line-height: 30px;display: block;}
.pages li.active a,
.pages li:hover a{background: #5b6e7a;border-color: #5b6e7a;color: #FFFFFF;}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
}

.flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
}

.flex-grow-0 {
    min-width: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.flex-grow-1 {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.flex-x-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-y-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    -ms-grid-row-align: flex-top;
    align-items: flex-top;
}

.flex-y-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.flex-y-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}


.pdf-btn {
    margin-top: 20px;
    display: block;
    border: 1px solid #eee;
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    background: #ddd;
    border-radius: 8px;
}
.pdf-btn:hover {
	color:#333;
}

.index-page01 .header01 {
    max-width: 1200px;
    width: 92%;
    margin: 0 auto;
    line-height: 1.3;
    padding: 48px 0 32px
}

.index-page01 .header01 .tit {
    color: #000;
    margin-bottom: 12px
}

.index-page01 .header01 .item-l {
    width: 19.5%;
    padding-right: 3%
}

.index-page01 .header01 .item-r {
    width: 77.5%
}

.index-page01 .header01 .list {
    align-items: stretch
}

.index-page01 .header01 .item {
    width: 23.5%;
    margin-right: 2%;
    text-align: center;
    transition: box-shadow .3s;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    padding: 8px 0 18px;
    border-radius: 6px;
}
.index-page01 .header01 .item:hover {
    box-shadow: 0 2px 24px 0 rgba(0,0,0,.3);
}
.index-page01 .header01 .item:last-of-type {
    margin-right: 0
}

.index-page01 .header01 .item.more {
    padding: 18px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center
}

.index-page01 .header01 .img-box {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 72%;
    margin: 0 auto
}

.index-page01 .header01 .img {
    width: 60%;
    transition: opacity .3s, transform .3s;
    margin-bottom: 12px;
}

.index-page01 .header01 .title {
	font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-variant: tabular-nums;
    font-weight: 400;
}

.index-page01 .header01 .icon {
    width: 32%;
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    transition: opacity .3s
}

.index-page01 .header01 .plus {
    font-size: 28px;
    margin-bottom: 40px
}


.index-page01 .h1, .index-page01 .h2, .index-page01 .h3, .index-page01 .h4, .index-page01 .h5, .index-page01 .h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.3;
    color: inherit;
    margin-bottom: 0;
}

.index-page01 .h1 {
    font-size: 32px
}

.index-page01 .h2 {
    font-size: 28px
}

.index-page01 .h3 {
    font-size: 24px
}

.index-page01 .h4 {
    font-size: 20px
}

.index-page01 .h5 {
    font-size: 18px
}

.index-page01 .h6 {
    font-size: 16px;
    color: rgba(0, 0, 0, .6);
}

@media only screen and (max-width:1600px) {
    .index-page01 .h1 {
        font-size: 28px
    }
    .index-page01 .h2 {
        font-size: 26px
    }
    .index-page01 .h3 {
        font-size: 22px
    }
    .index-page01 .h4 {
        font-size: 18px
    }
    .index-page01 .h5 {
        font-size: 16px
    }
    .index-page01 .h6 {
        font-size: 15px
    }
}

@media only screen and (max-width:960px) {
    .index-page01 .h1 {
        font-size: 24px
    }
    .index-page01 .h2 {
        font-size: 22px
    }
    .index-page01 .h3 {
        font-size: 20px
    }
    .index-page01 .h4 {
        font-size: 16px
    }
    .index-page01 .h5 {
        font-size: 15px
    }
    .index-page01 .h6 {
        font-size: 14px
    }
}

@media only screen and (max-width:640px) {
    .index-page01 .h1 {
        font-size: 20px
    }
    .index-page01 .h2 {
        font-size: 19px
    }
    .index-page01 .h3 {
        font-size: 18px
    }
}
.c-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.index-page02 {
    /*max-width: 1200px;*/
    width: 100%;
    margin: 0 auto;
    line-height: 1.3;
    padding: 48px 0 32px;
}
.index-page02 .tech-wrap {
	width: 20%;
}
.index-page02 .tech-wrap img {
	width: 100%;
}

.tc-gridbox {
    background: #fff;
    cursor: pointer;
}


.tc-gridbox:hover {
    -webkit-box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);
    box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);
}

.tc-gridbox a {
    text-decoration: none;
}

@media ( min-width: 768px) and (max-width: 979px) {
    .tc-gridbox {
        display: block;
        float: none;
        width: 95%;
    }
}

@media ( max-width: 979px) {
    .tc-gridbox-container {
        display: block;
        float: none;
        width: 100%;
    }

    .tc-gridbox {
        margin: 0 0 10px 0;
    }
}

.tc-gridbox .header02 {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    background: #fff;
    width: 100%;
}

.tc-gridbox .header02 .item-image {
    overflow: hidden;
}

.tc-gridbox .header02 img {
    margin-bottom: 5px;
    width: 100%;
    /*-webkit-transition: all 0.8s ease-in-out;*/
    /*-moz-transition: all 0.8s ease-in-out;*/
    /*-o-transition: all 0.8s ease-in-out;*/
    /*-ms-transition: all 0.8s ease-in-out;*/
    /*transition: all 0.8s ease-in-out;*/
}

.tc-gridbox .header02 img:hover {

    /*-webkit-transform: scale(1.2) rotate(2deg);*/
    /*-moz-transform: scale(1.2) rotate(2deg);*/
    /*-o-transform: scale(1.2) rotate(2deg);*/
    /*-ms-transform: scale(1.2) rotate(2deg);*/
    /*transform: scale(1.2) rotate(2deg);*/
}

.tc-gridbox .header02 h3 {
    color: #454a4e;
    margin: 0 5px;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px;
}

.tc-gridbox .header02 h3 a,
.tc-gridbox .header02 h3 a:focus,
.tc-gridbox .header02 h3 a:hover {
    color: #454a4e;
    white-space: nowrap;
}

.tc-gridbox .header02 .meta {
    color: #5a6065;
}

.tc-gridbox .header02 hr {
    border-top-color: #eee;
    border-bottom: none;
    margin: 5px 0;
}
.i-thi-wrap .header02 {
    opacity: 1;
    filter: alpha(opacity=0);
    transition: all 0.3s ease 0.1s;
}
.i-thi-wrap.active .header02 {
    opacity: 1;
    filter: alpha(opacity=100);
}
.i-thi-wrap .img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.i-thi-wrap .img .up-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.i-thi-wrap .img .up-pic {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}

.i-thi-wrap .img:hover .up-pic {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}
.i-wrap .up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
}
.i-thi-wrap .up-graybox {
    z-index: 3;
}
.i-thi-wrap .img:hover .up-graybox {
    opacity: 1;
    filter: alpha(opacity=1);
}
.i-wrap .up-graybox .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.i-wrap .up-graybox .stit {
    font-size: 32px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 10%;
    top: 30%;
    margin-top: -15px;
    color: #fff;
    line-height: 60px;
    letter-spacing: 4px;
    width: 80%;
    font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-variant: tabular-nums;
    font-weight: 300;
}
.i-wrap .up-graybox .line {
    display: inline-block;
    width: 6px;
    margin-left: -3px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    transition: all 0.6s ease 0s;
}
.i-wrap .up-graybox:hover .line {
    width: 100px;
    margin-left: -50px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.i-wrap .up-graybox .linet {
    top: 0;
}
.i-wrap .up-graybox .lineb {
    bottom: 0;
}
.i-thi-wrap .cont {
    color: #666;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    width: 90%;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
    transition: color 0.3s ease 0s;
}
.i-thi-wrap .cont:hover {
    color: #232323;
}
.i-thi-wrap .cont .tit {
    font-size: 17px;
    font-weight: 700;
    display: block;
    color: #333;
    line-height: 40px;
}
.i-thi-wrap .body p {
    margin: 10px 0;
}
.i-thi-wrap .read-more {
    font-weight: 600;
    transition: color 0.3s ease 0s;
}
.i-thi-wrap .read-more:hover {
    color: #232323;
}
.i-thi-wrap .read-more.fr {
    letter-spacing: 2px;
}
.index-page03 {}
.index-page03 .header03 {}
.index-page03 .header03 .video-btn {
	font-size: 22px;
    font-family: PingFang SC Medium, PingFang SC Medium-Medium;
    font-weight: 500;
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #333;
    margin: 40px 80px;
    cursor: pointer;
    transition: all 0.6s ease 0s;
}
.index-page03 .header03 .video-btn:hover,.index-page03 .header03 .video-btn.active {
	background: #02376b;
	border-color: #02376b;
	color: #fff;
}
.index-page03 .body03 {}
.index-page03 .body03 video {
	width: 100%;
}


.details_area{display:block; width: 100%; margin-bottom: 84px; margin-top: 84px;}
.details_con{ display:block; width: 1240px; margin: 0px auto; height: 250px;}
.detail_list{ display:block; height: 250px;}
.detail_list li{ display:inline-block; float: left; height: 100%; width: 400px; text-align: center; margin-right:20px; position: relative; overflow: hidden;margin-bottom: 20px}
.detail_list li a{ display:block; height: 100%; width: 100%;}
.detail_list li a:after{ display:block; content: ""; height: 100%; width: 100%; background:rgba(0,0,0,0.7); position: absolute; left: 0px; top: 0px; z-index: 2; opacity: 0; transition: opacity 0.3s ease-out;}
.detail_list li p{ display:none; float: left; font-size: 24px; letter-spacing: 3px; text-align: center; position: absolute; left: 50%; top: 50%; margin-top: -20px; z-index: 3; color: #fff; border-bottom: 1px solid rgba(255,255,255,0); transform: translate(-50%,0); padding-bottom: 3px; transition: border-bottom 0.3s ease-out;padding-bottom: 5px;-webkit-transition: width 1s linear;border-bottom: 2px solid #fff;
    padding-bottom: 10px;}
/*.detail_list li p:after{
	content: ' ';
	width: 0;
	height: 2px;
	background: #fff;
	bottom: -2px;
	left: 0;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.2s linear;
}*/
.detail_list li img{ display:block; height:100%;; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; transform:scale(1); transition: transform 0.3s ease-out;}
.detail_list li.last{ margin-right:0px;}
.detail_list li a:hover:after{opacity:1;}
.detail_list li a:hover p:after{
	opacity: 1;
	left: 0;
	width: 100%;
}
.detail_list li a:hover img{ transform:scale(1.024);}
.detail_list li a:hover p{ display: block;transition: all 0.6s ease 0s;}
.index-tit {
    text-align: center;
    margin-top: 50px;
    font-size: 32px;
    letter-spacing: 8px;
}
.index-banner {
    display: block;
    width: 1240px;
    margin: 0px auto;
    margin-bottom: 30px;
}
.index-banner img {
	width: 100%;
}