﻿@charset "utf-8";
/*
    author:PengJin;
    date:2021-09-02;
*/

/*--banner--*/
.banner{position:relative;z-index:1;clear:both;overflow:hidden; min-width: 1400px;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a,.banner .swiper-slide picture{display:block;width:100%;}
.banner .swiper-slide img{display:block;width:100%;}
.banner .swiper-pager{position:absolute;z-index:9;left:0;bottom:150px;width:100%;text-align:center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin:0 12px !important;width:11px;height:11px;background:#fff;opacity:1;}
.banner .swiper-pager span.swiper-pagination-bullet-active{background:#046bab;}
.banner .swiper-prev,.banner .swiper-next{position:absolute;z-index:9;top:50%;width:48px;height:48px;line-height:46px;color:#fff;text-align:center;cursor:pointer;border:#fff solid 1px;border-radius:50%;}
.banner .swiper-prev{left:5%;}
.banner .swiper-next{right:5%;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{color:#fff;border-color:#046bab; background:#046bab;}

/*--end banner--*/

/*--datas--*/
.datas1{position:relative;z-index:99;margin-top:-95px;height:210px;}
.datas1-list{overflow:hidden;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.datas1-list .item{float:left;padding:35px 0 25px;width:25%;text-align:center;background:url(../images/Index/datas_line.png) no-repeat right center;}
.datas1-list .item:last-child{background-image:none;}
.datas1-list .item em{display:block;font:58px/80px "DIN Medium"; color:#046bab;}
.datas1-list .item h3{margin-bottom:16px;font-size:18px;color:#333;}
.datas1-list .item span{display:block;font-size:12px;color:#ccc;}


/*--brands--*/
.brands{margin-top:-115px;height:870px;overflow:hidden;background:url(../images/brands_bg.jpg) no-repeat center 0; min-width: 1400px;}
.brands .inner{position:relative;padding-top:284px;overflow:hidden;}
.brands .inner .circle{margin:0 auto;padding:110px 30px;width:418px;height:418px;text-align:center;overflow:hidden;border-radius:50%;animation:zoomIn 1s;}
.brands .inner .circle h2{margin-bottom:20px;font-size:30px;color:#fff;line-height:1.15;}
.brands .inner .circle a{display:block;margin:0 auto;width:242px;height:60px;line-height:60px;font-size:18px;color:#fff;background:#046bab;border-radius:5px;}

/*--end brands--*/

/*---products-*/
.products{padding:70px 0;overflow:hidden;background:#fff;min-width: 1400px;}
.products .box-title{position:relative;margin-bottom:50px;line-height:45px;animation:fadeInDown 1s;}
.products .box-title h2{text-align:center;font-size:42px;color:#222;}
.products .box-title h2 a{color:#222;}
.products .box-title .more{display:block;position:absolute;right:0px;top:10px;font-size:16px;color:#666; width:90px;}
.products .box-title .more:after{content:"";width: 21px; height: 21px; background: url(../images/sanjiao.jpg) no-repeat; position:absolute; top:12px; right:0px;}
.products .box-title .more:hover{color:#046bab;}
.products-cont{overflow:hidden;}
.products-list{display:flex;flex-wrap:wrap;margin:-25px;}
.products-list .item{margin:25px;width:calc(100% / 4 - 50px);overflow:hidden;}
.products-list .pic{overflow:hidden;border:#e4e4e4 solid 1px; text-align: center;}
.products-list .pic img {display:block;transition:all 1s;}
.products-list .tit{line-height:70px;overflow:hidden;border-bottom:#e4e4e4 solid 1px;position: relative;}
.products-list .tit a{display:block;font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.products-list .tit a:before{display:block;float:right; }
.products-list .tit:after{content:"";width: 21px; height: 21px; background: url(../images/sanjiao.jpg) no-repeat; position:absolute; top:25px; right:0px; }
.products-list .item:hover .pic,.products-list .item:hover .tit{border-color:#046bab;transition:all 1s;}
.products-list .item:hover .pic img{transform:scale(1.1);}
.products-list .item:hover .tit a{color:#046bab;}

/*---end products-*/

/*---adv-*/
.adv{padding:80px 0 30px;overflow:hidden;background:url(../images/adv_bg.jpg) no-repeat center / cover;min-width: 1400px;}
.adv .box-title{margin-bottom:80px;text-align:center;color:#fff;overflow:hidden;animation:fadeInDown 1s;}
.adv .box-title h2{font-size:52px;}
.adv .box-title h2 em{color:#fff;}
.adv .box-title p{font-size:18px;}
.adv-cont{overflow:hidden;}
.adv-list{display:flex;flex-wrap:wrap;margin:-14px;}
.adv-list .item{position:relative;margin:14px;padding:0 30px;width:calc(100% / 4 - 28px);height:696px;overflow:hidden;background-size:100% 100%;background-repeat:no-repeat;}
.adv-list .item-1{background-image:url(../images/advbg1.png);animation:fadeInUp 1s;}
.adv-list .item-2{background-image:url(../images/advbg2.png);animation:fadeInUp 1.5s;}
.adv-list .item-3{background-image:url(../images/advbg3.png);animation:fadeInUp 2s;}
.adv-list .item-4{background-image:url(../images/advbg4.png);animation:fadeInUp 2.5s;}
.adv-list .item .hd{position:relative;padding-bottom:14px;overflow:hidden;}
.adv-list .item .hd:after{display:block;position:absolute;left:0;bottom:0;width:90%;height:1px;content:"";background:#fff;}
.adv-list .item .hd span{display:block;margin-top:80px;line-height:28px;font-size:20px;color:#fff;}
.adv-list .item .bd{padding-top:35px;overflow:hidden;}
.adv-list .item .bd img{display:block;border-radius:10px;}
.adv-list .item .bd h3{margin-top:20px;font-size:18px;line-height:1.2;font-weight:600;color:#fff;}
.adv-list .item .bd p{margin-top:30px;height:120px;line-height:30px;font-size:16px;color:#fff;overflow:hidden;}
.adv-list .item .bd i{display:block;margin-top:10px;width:40px;}

/*---end adv-*/

/*--aboutus--*/
.aboutus{padding:110px 0;overflow:hidden;background:#f5f5f5;min-width: 1400px;}
.aboutus .intro{overflow:hidden; min-width: 1200px;}
.aboutus .intro .hd{float:left;padding-left:30px;padding-top:45px;width:446px;height:240px;overflow:hidden;background:url(../images/intro_hd.jpg) no-repeat;}
.aboutus .intro .hd h2{font-weight:bold;font-size:42px;color:#222;}
.aboutus .intro .hd h2 a{color:#222;}
.aboutus .intro .hd p{font-size:24px;color:#222;}
.aboutus .intro .hd em{display:block;margin-top:20px;font-size:14px;font-family:"DIN Medium";color:#999;}
.aboutus .intro .bd{float:right;padding-top:45px;width:calc(100% - 520px);height:240px;overflow:hidden;background:url(../images/Index/intro_bd.png) repeat-x 0 0;}
.aboutus .intro .bd .summary{height:96px;line-height:32px;font-size:18px;color:#333;overflow:hidden;}
.aboutus .intro .bd .btnBox{margin-top:25px;overflow:hidden;}
.aboutus .intro .bd .btnBox a{display:block;float:left;margin-right:40px;padding-right:30px;height:23px;line-height:23px;font-size:16px;color:#666;background-position:right center;background-repeat:no-repeat;}
.aboutus .intro .bd .btnBox a:nth-child(1){background-image:url(../images/read.png);}
.aboutus .intro .bd .btnBox a:nth-child(2){background-image:url(../images/player.png);}
.aboutus .intro .bd .btnBox a:hover{color:#046bab;}
.aboutus .base{position:relative; min-width: 1200px;}
.aboutus .base-menu{position:absolute;z-index:9;top:0;left:0;width:446px;background:rgba(0,0,0,0.6);}
.aboutus .base-menu li{position:relative;float:left;width:33.33%;padding:38px 0;text-align:center;font-size:20px;color:#fff;cursor:pointer;border-right:rgba(255,255,255,0.1) solid 1px;}
.aboutus .base-menu li:before{display:block;margin:0 auto 8px;width:32px;height:32px;content:"";background-repeat:no-repeat;background-size:100%;}
.aboutus .base-menu li:nth-child(1):before{background-image:url(../images/base_i1.png);}
.aboutus .base-menu li:nth-child(2):before{background-image:url(../images/base_i2.png);}
.aboutus .base-menu li:nth-child(3):before{background-image:url(../images/base_i3.png);}
.aboutus .base-menu li:after{display:block;position:absolute;left:50%;bottom:-4px;margin-left:-4px;width:8px;height:8px;content:"";background:#046bab;transform:rotate(45deg);opacity:0;}
.aboutus .base-menu li:hover,.aboutus .base-menu li.cur{background:#046bab;}
.aboutus .base-menu li:hover:after,.aboutus .base-menu li.cur:after{opacity:1;}
.aboutus .base-slide{display:none;position:relative;}
.aboutus .base-slide li{position:relative;overflow:hidden;}
.aboutus .base-slide li img{display:block;width:100%;transition:all 1s;}
.aboutus .base-slide li .txt{position:absolute;top:50%;right:10px;display:flex;line-height:40px;transform:translateY(-50%);}
.aboutus .base-slide li .txt h3{padding:0 28px;font-size:20px;color:#fff;}
.aboutus .base-slide li .txt span{padding:0 28px;font-size:16px;font-family:"DIN Medium";color:#fff;border-left:#fff solid 1px;}
.aboutus .base-slide li .txt span em{font-size:36px;}
.aboutus .base-slide .swiper-prev,.aboutus .base-slide .swiper-next{position:absolute;top:0;width:40px;height:40px;cursor:pointer;text-align:center;color:#999;}
.aboutus .base-slide .swiper-prev{right:100%;}
.aboutus .base-slide .swiper-next{left:100%;}
.aboutus .base-slide .swiper-prev i,.aboutus .base-slide .swiper-next i{display:block;position:relative;top:380px;  font-size:30px;transform:translateY(-50%);}


/*--end aboutus--*/

/*--news--*/
.news{padding:70px 0;overflow:hidden;background:#fff;min-width: 1400px;}
.news-hd{position:relative;height:66px;line-height:66px;overflow:hidden;}
.news-hd h2{float:left;font-size:42px;color:#333;animation:fadeInDown 1s;}
.news-hd h2 a{color:#333;}
.news-hd .news-menu{float:right;overflow:hidden;}
.news-hd .news-menu li{float:left;margin-left:12px;width:160px;text-align:center;font-size:20px;}
.news-hd .news-menu li a{display:block;color:#333;background:#ececec;}
.news-hd .news-menu li.cur a{color:#fff;background:#046bab;}
.news-bd{margin-top:65px;}
.news-bd .news-top{position:relative;float:left;width:640px;}
.news-bd .news-top .date{position:absolute;z-index:9;top:0;left:0;padding-top:35px;width:104px;height:152px;font-family:"DIN Medium";text-align:center;color:#fff;background:rgba(0,0,0,0.5);}
.news-bd .news-top .date em{display:block;font-size:40px;font-weight:bold;line-height:1;}
.news-bd .news-top .date em:after{display:block;margin:15px auto;width:50px;height:1px;content:"";background:#fff;}
.news-bd .news-top .date span{display:block;font-size:14px;line-height:1;}
.news-bd .news-top .pic{overflow:hidden;}
.news-bd .news-top .pic img{display:block;transition:all 1s;    filter: contrast(0.9);}
.news-bd .news-top .text{padding:33px 40px;overflow:hidden;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1)}
.news-bd .news-top .text h3{line-height:32px;font-size:20px;overflow:hidden;}
.news-bd .news-top .text h3 a{display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/Index/read02.png) no-repeat right center;}
.news-bd .news-top .text p{margin-top:16px;height:56px;line-height:28px;font-size:16px;color:#999;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-bd .news-top:hover .pic img{transform:scale(1.1);}
.news-bd .news-top:hover .text h3 a{color:#046bab;}
.news-bd .news-list{float:right;width:calc(100% - 675px);overflow:hidden;}
.news-bd .news-list .item{display:block;margin-bottom:55px;height:152px;overflow:hidden;}
.news-bd .news-list .item:last-child{margin-bottom:0;}
.news-bd .news-list .date{float:left;padding-top:35px;width:104px;height:152px;font-family:"DIN Medium";color:#333;text-align:center;background:#f5f5f5;}
.news-bd .news-list .date em{display:block;font-size:40px;font-weight:bold;line-height:1;}
.news-bd .news-list .date em:after{display:block;margin:15px auto;width:50px;height:1px;content:"";background:#c4c4c4;}
.news-bd .news-list .date span{display:block;font-size:14px;line-height:1;opacity:0.6;}
.news-bd .news-list .text{float:right;width:calc(100% - 160px);height:152px;overflow:hidden;border-bottom:#ececec solid 1px;}
.news-bd .news-list .text h3{line-height:32px;font-size:20px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-bd .news-list .text p{margin-top:16px;height:56px;line-height:28px;font-size:16px;color:#999;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-bd .news-list .text span{display:block;margin-top:16px;line-height:28px;font-size:16px;color:#999;background:url(../images/Index/read02.png) no-repeat right center;}
.news-bd .news-list .item:hover .date{color:#fff;background:#046bab;transition:all .5s;}
.news-bd .news-list .item:hover .text h3{color:#046bab;}
.news-more{margin-top:70px;text-align:center;overflow:hidden; position: relative; width: 150px; margin:50px auto 0 auto;}
.news-more a{font-size:16px;line-height:1.75;color:#666; }
.news-more:after{content:"";background: url(../images/chp_more.png) no-repeat; width: 15px; height: 15px; top:8px; right:12px; position: absolute;}
.news-more a:hover{color:#046bab;}

/*--end news--*/

/*--video-pop--*/
.video-pop{display:none;position:fixed;z-index:9999;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.video-pop .close{position:absolute;right:20px;top:20px;width:45px;line-height:45px;text-align:center;color:#333;cursor:pointer;background:#fff;}
.video-pop .close:hover{color:#fff;background:#046bab;}
.video-pop .close img {width:45px; height: auto; text-align: center;}
.video-pop .inner{position:absolute;top:50%;left:50%;width:1060px;height:600px;background:#000;transform:translate(-50%,-50%);}
.video-pop .inner video{width:100%;height:auto;object-fit:fill;}

/*--end video-pop--*/


/*--agent--*/
.agent{display:flex;flex-wrap:wrap;overflow:hidden;background:#fff;}
.agent-inner{display:flex;flex-wrap:wrap;overflow:hidden;background:#fff;}
.agent-menu{padding:50px 0;width:280px;overflow:hidden;background:#f4f4f4;}
.agent-menu li{position:relative;font-size:20px;}
.agent-menu li:after{display:block;position:absolute;right:0;top:0;width:4px;height:100%;content:"";background:#046bab;transform:scaleY(0);transition:all .5s;}
.agent-menu li a{display:block;padding:20px 10px 20px 50px;color:#333;}
.agent-menu li.cur,.agent-menu li:hover{background:linear-gradient(to right,transparent,50%,rgba(41,87,164,0.1));}
.agent-menu li.cur:after,.agent-menu li:hover:after{transform:scaleY(1);}
.agent-menu li.cur a,.agent-menu li:hover a{color:#046bab;}
.agent-main{padding:80px;width:calc(100% - 280px);overflow:hidden;border-left:#f0f0f0 solid 1px;}
.agent-list{display:flex;flex-wrap:wrap;margin:-20px;overflow:hidden;}
.agent-list .item{margin:20px;width:calc(100% / 3 - 40px);}
.agent-list .item i{display:block;border:#f0f0f0 solid 1px;}
.agent-list .item h3{margin-top:10px;font-size:18px;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*--end agent--*/


/*--company-intro--*/
.company-intro{padding:5rem 0;overflow:hidden;background:#fff;}
.company-intro .playBox{float:left;width:50%;}
.company-intro .playBox video{width:100%;object-fit:fill;}
.company-intro .text{float:right;width:45%;}
.company-intro .text .hd{position:relative;padding-bottom:20px;overflow:hidden;}
.company-intro .text .hd:before,.company-intro .text .hd:after{display:block;position:absolute;left:0;bottom:0;height:1px;content:"";}
.company-intro .text .hd:before{width:100%;background:#e0e0e0;}
.company-intro .text .hd:after{width:32px;height:2px;background:#046bab;}
.company-intro .text .hd h2{font-size:30px;line-height:1.25;color:#333;}
.company-intro .text .hd em{display:block;font-size:18px;color:#999;}
.company-intro .text .bd{padding-top:20px;overflow:hidden;}
.company-intro .text .bd p{font-size:16px;line-height:1.75;color:#666;}
/*--end company-intro--*/


/*--company-adv--*/
.company-adv{padding:5rem 0;overflow:hidden;background:#f0f0f0;}
.wrapper{margin:0 auto;width:87.5rem;}
/*--end company-adv--*/

/* --t-title-type02-- */
.t-title-type02{position:relative;padding-top:20px;text-align:center;padding-bottom:40px;}
.t-title-type02:before{display:block;position:absolute;left:50%;top:0;width:24px;height:4px;content:"";background:#2957a4;transform:translateX(-50%);}
.t-title-type02 h2{position:relative;z-index:1;font-size:36px;color:#333;font-weight:bold;font-family:"微软雅黑";}
.t-title-type02 p{margin-top:5px;font-size:16px;color:#999;font-family:"微软雅黑";}


/*--t-adv-type05--*/
.t-adv-type05-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-20px;}
.t-adv-type05-list .item{margin:20px;padding:60px;overflow:hidden;width:calc(100% / 2 - 40px);text-align:center;background:#fff;border-radius:5px;transition:all 1s;}
.t-adv-type05-list .pic{margin:0 auto 40px;width:60px;height:60px;}
.t-adv-type05-list .pic img{display:block;width:100%;}
.t-adv-type05-list .text{padding-top:40px;line-height:1.5;overflow:hidden;border-top:#e5e5e5 solid 1px;}
.t-adv-type05-list .text h3{font-size:18px;font-weight:400;}
.t-adv-type05-list .text p{margin-top:10px;font-size:16px;}
/*--end t-adv-type05--*/


/*--t-txt-type06--*/
.t-txt-type06{overflow:hidden;font-family:"å¾®è½¯é›…é»‘";}
.t-txt-type06-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-txt-type06-list .item{margin-bottom:24px;padding:30px 20px;width:calc(50% - 12px);border:#f0f0f0 solid 1px;transition:all .5s;}
.t-txt-type06-list .item .tit{position:relative;display:flex;align-items:center;padding-bottom:20px;overflow:hidden;}
.t-txt-type06-list .item .tit:before,.t-txt-type06-list .item .tit:after{display:block;position:absolute;left:0;bottom:0;content:"";}
.t-txt-type06-list .item .tit:before{z-index:1;width:100%;height:1px;background:#f0f0f0;}
.t-txt-type06-list .item .tit:after{z-index:2;width:30px;height:2px;background:#046bab;}
.t-txt-type06-list .item .tit h3{font:normal 18px/1.5 "å¾®è½¯é›…é»‘";color:#333;}
.t-txt-type06-list .item .cont{padding-top:20px;overflow:hidden;}
.t-txt-type06-list .item .cont p{font:normal 16px/1.75"å¾®è½¯é›…é»‘";color:#666;}
@media(max-width:1400px){
.t-txt-type06-list .item{margin-bottom:10px;padding:15px 10px;width:100%;}
.t-txt-type06-list .item .tit{padding-bottom:10px;}
.t-txt-type06-list .item .tit h3{font-size:16px;}
.t-txt-type06-list .item .cont{padding-top:10px;}
.t-txt-type06-list .item .cont p{font-size:14px;}
}
/*--end t-txt-type06--*/