/* @font-face{
	font-family:"calibri";
	src: url("../font/SourceHanSansK-RegularSub.woff") format("woff"),
       url("../font/SourceHanSansK-RegularSub.ttf") format("truetype"),
       url("../font/SourceHanSansK-RegularSub.eot") format("embedded-opentype"),
       url("../font/SourceHanSansK-RegularSub.otf") format("opentype");     
} */
body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px;font-family:"calibri"; line-height:1;font-weight: normal;letter-spacing: 0;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

/*IE*/
	.web-ie2018{ font-family: microsoft yahei;   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
/* center */
.center{width: 1400px;}
.a-center{width: 1200px;}

/* header */
.headerwrap{width: 100%;box-sizing: border-box;box-sizing: border-box;padding: 0 5%;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s;}
.headerwrap .header{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.headerwrap .header .logo{display: block;}
.headerwrap .header .logo img{display: block;width: auto;height: 50px;}
.headerwrap .header .nav{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.headerwrap .header .nav li{position: relative;margin-right: 50px;}
.headerwrap .header .nav li:last-child{margin-right: 0;}
.headerwrap .header .nav li>a{display: block;height: 90px;line-height: 90px;font-size: 18px;color: #000;position: relative;box-sizing: border-box;padding: 0 25px;}
.headerwrap .header .nav li>a::after{content: '';display: block;width: 0%;height: 2px;background-color: #E50014;transition: all .3s;position: absolute;left: 0;bottom: 0;}	

/* div2_1 */
.headerwrap:hover,.div2_1 .headerwrap,.div3 .headerwrap{background-color: #FFFFFF;box-shadow: 8px 6px 10px 0px rgba(0,0,0,0.11);}
.headerwrap:hover .header .logo .logo01,.div2_1 .headerwrap .header .logo .logo01,.div3 .headerwrap .header .logo .logo01{display: none;}
.headerwrap:hover .header .logo .logo02,.div2_1 .headerwrap .header .logo .logo02,.div3 .headerwrap .header .logo .logo02{display: block;}
.headerwrap:hover .header .nav li>a,.div2_1 .headerwrap .header .nav li a,.div3 .headerwrap .header .nav li>a{color: #333333;}
.headerwrap:hover .header .right i,.div2_1 .headerwrap .header .right i,.headerwrap:hover .header .right,.div2_1 .headerwrap .header .right,.div3 .headerwrap .header .right i,.div3 .headerwrap .header .right{color: #333333;}
.headerwrap:hover .header .right a,.div2_1 .headerwrap .header .right a,.div3 .headerwrap .header .right a{color: #333333;}
.headerwrap:hover .header .right span,.div2_1 .headerwrap .header .right span,.div3 .headerwrap .header .right span{background-color: #333333;}

.headerwrap .header .nav li:hover a::after,.headerwrap .header .nav li.active a::after{width: 100%;}
.headerwrap:hover .header .nav li:hover>a,.headerwrap .header .nav li.active>a{color: #E50014;}

/* language */
.language{width: 126px;height: 40px;border: 1px solid #E3E3E3;position: relative;display: flex;align-items: center;-webkit-display: flex;-webkit-align-items: center;box-sizing: border-box;cursor: pointer;}
.language .box{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;width: 100%;box-sizing: border-box;padding: 0 10px;position: relative;}
.language .box a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 14px;color: #000;}
.language .box i{display: block;width: 6px;height: 6px;border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.language .box a img,.language .down a img{display: block;height: auto;margin-right: 10px;width:37px;}
.language .down{width: 100%;background-color: #fff;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding: 0 10px;position: absolute;top: 40px;left: 0;box-shadow: 0px 0px 5px 2px #ddd;display: none;}
.language .down a{font-size: 14px;color: #000;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;width: 100%;height: 30px;}


/* banner */
.bannerwrap{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;height: 800px;}
.bannerwrap .swiper-container{height: 100%;}
.bannerwrap img{display: block;width: 100%;height: 100%;object-fit: cover;}
.bannerwrap .b-text{width: 1400px;box-sizing: border-box;padding-right: 700px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.bannerwrap .b-text p{font-size: 32px;color: #000000;margin-bottom: 30px;}
.bannerwrap .b-text h3{font-size: 60px;color: #000000;font-weight: bold;margin-bottom: 30px; -webkit-box-reflect: below -14px linear-gradient(transparent, transparent,rgba(0,0,0,0.4));}
.bannerwrap .b-text h4{font-size: 24px;color: #000000;margin-bottom: 40px;}
.more{display: flex;display: -webkit-flex;width: 230px;height: 60px;position: relative;z-index: 0;font-size: 20px;color: #000000;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;background-color: #fff;box-shadow: 0px 0px 5px 1px rgba(229 0 20 / 50%);}
.more::after{content: '';display: block;background-color: #E50014;z-index: -1;transition: all .3s;position: absolute;left: 0;bottom: 0;width: 0%;height: 100%;}
.more:hover::after{width: 100%;}
.more:hover{color: #fff;}
.bannerwrap .swiper-button-next,.bannerwrap .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;outline: none;opacity: 1 ;filter: drop-shadow(2px 4px 6px black);}
.bannerwrap .swiper-button-next{right: 5%;}
.bannerwrap .swiper-button-prev{left: 5%;}
.bannerwrap .swiper-pagination{width: 100%;bottom: 40px;}
.bannerwrap .swiper-pagination .swiper-pagination-bullet{width: 18px;height: 18px;background-color: transparent;background-color: #E50014;border-radius: 9px;margin-right: 15px;opacity: 0.4;outline: none;}
.bannerwrap .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;width: 50px;}
.bannerwrap .swiper-button-next:hover,.bannerwrap .swiper-button-prev:hover{opacity: 1;}

.bannerwrap .swiper-slide:nth-of-type(3) .b-text p,.bannerwrap .swiper-slide:nth-of-type(3) .b-text h3{font-size: 40px;color: #000;font-weight: bold;line-height: 56px;margin-bottom: 30px;-webkit-box-reflect:below -14px linear-gradient(transparent, transparent);}
.bannerwrap .swiper-slide:nth-of-type(3) .b-text p{margin-bottom:0;}
.bannerwrap .swiper-slide:nth-of-type(3) .b-text h4{font-size: 28px;color: #000;margin-bottom: 50px;}

/* b-text03 */
.bannerwrap .b-text03{width: 830px;background-color: rgba(0, 43, 122, 0.7);padding: 60px;box-sizing: border-box;right: 10%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);position: absolute;text-align: center;}
.bannerwrap .b-text03 h3{font-size: 34px;color: #fff;margin-bottom: 30px}
.bannerwrap .b-text03 h4{font-size: 60px;font-weight: bold;margin-bottom: 20px;color: #fff;}
.bannerwrap .b-text03 span{display: block;width: 200px;height: 4px;background-color: #E50014;margin: auto;}
.bannerwrap .b-text03 p{font-size: 22px;color: #fff;margin-top: 40px;}

/* index01wrap */
.index01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;overflow: hidden;position: relative;}
.index01wrap .bg{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
/* i01-text */
.i01-text{margin: auto;position: relative;z-index: 2;}
.tl01{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.tl01 span{font-size: 36px;color: #FFFFFF;font-weight: 500;margin: 0 50px;}
.tl01:before,.tl01::after{content: '';display: block;width: 200px;height: 5px;background-color: #143987;}
.i01-text h4{margin-top: 20px;font-size: 16px;line-height: 30px;color: #fff;text-align: center;}
/* index01num */
.index01num{display: flex;display: -webkit-flex;justify-content: space-between;margin-top: 50px;}
.index01num li{width: calc(100% / 3);display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;border-right: 1px solid #F3F3F3;padding: 30px 0;}
.index01num li:last-child{border-right: none;}
.index01num .numfont{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;margin-bottom: 20px;justify-content: center;-webkit-justify-content: center;}
.index01num .numfont h2{font-size: 36px;color: #fff;font-weight: 400;}
.index01num .numfont span{font-size: 36px;color: #fff;font-weight: 400;}
.index01num h3{font-size: 18px;color: #fff;}
.index01num .numfont::after{content: '+';font-size: 36px;color: #fff;font-weight: 400;}

/* index02wrap */
.index02wrap{width: 100%;box-sizing: border-box;padding: 80px 0;background-color: #F7F7F7;}
.index02{margin: auto;position: relative;}
.tl02 h3{font-size: 45px;color: #EBEAEA;font-weight: 800;position: relative;display: inline-block;padding-bottom: 10px;}
.tl02 h3 p{font-size: 36px;color: #000000;font-weight: bold;position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;}
/* .index02-c */
.index02-c{width: 100;box-sizing: border-box;margin-top: 70px;position: relative;}
.tablist{position: absolute;left: 0;top: 10%;z-index: 2;}
.tablist li{cursor: pointer;}
.tablist:before{content: '';display: block;width: 3px;height: 100%;position: absolute;left: 11px;top: 0;background-color: #797979;z-index: 0;}
/* .tablist li{height: 110px;} */
.tablist li p{font-size: 18px;color: #000000;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-bottom: 50px;position: relative;z-index: 1;}
.tablist li p:before{content: '';display: block;width: 25px;height: 25px;background-color: #797979;border-radius: 50%;margin-right: 20px;transition: all .3s;}
.tablist li:last-child p{margin-bottom: 0;}
.tablist li.active p:before{background-color: #E50014;transform: scale(1.2);}
.tablist li.active p{color: #E50014;}

.i02-bg{box-shadow: 0px 1px 18px 2px rgba(0,0,0,0.1);width:490px;height:490px;background-color: #fff;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkkit-justify-content: center;margin: auto;}
.i02-bg:before{content: '';display: block;width: 420px;height: 420px;border-radius: 50%;border: 1px solid #E50014;}

.i02-swiperbox{width: 100%;position: absolute;box-sizing: border-box;padding-left: calc((100% - 490px)/2);left: 0;top: 0;z-index: 1;}
.i02-swiperbox .list{width: 100%;position: relative;display: none;}
.i02-swiperbox .list.now{display: block;}
.i02-swiperbox .imgbxo{width: 490px;height: 490px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;box-sizing: border-box;padding: 45px;text-align: center;}
.i02-swiperbox .imgbxo p{font-size: 18px;color: #E50014;font-weight: bold;margin-bottom: 40px;}
.i02-swiperbox .imgbxo img{display: block;width: auto;height: auto;max-width: 70%;max-height: 70%;margin: auto;}
.i02-swiperbox .text{position: absolute;right: 0;top: 30%;text-align: right;width: 240px;}
.i02-swiperbox .text h3{font-size: 26px;color: #E50014;font-weight: 400;margin-bottom: 20px;}
.i02-swiperbox .text p{font-size: 20px;color: #666;line-height: 30px;}
/* tomore */
.i02-swiperbox .tomore{position: absolute;right: 0;bottom: 0;text-align: center;}
.i02-swiperbox .tomore h3{font-size: 30px;color: #E50014;font-weight: 400;margin-bottom: 20px;}
.i02-swiperbox .tomore a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 24px;color: #000000;justify-content: flex-end;-webkit-justify-content: flex-end;box-sizing: border-box;padding-right: 2px;}
.i02-swiperbox .tomore a i{position: relative;width: 30px;height: 2px;background-color: #E50014;margin-left: 10px;transition: all .3s;}
.i02-swiperbox .tomore a i::after{content: '';display: block;width: 6px;height: 6px;border-top: 2px solid #E50014;border-right: 2px solid #E50014;position: absolute;right: 0;top: -3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.i02-swiperbox .tomore a:hover i{width: 40px;}

/* .swiper-button-next, .swiper-button-prev */
.i02-swiperbox .swiper-button-next,.i02-swiperbox .swiper-button-prev{width: 50px;height: 50px;border-radius: 10px;background-color: #DBDBDB;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;background-size: 32px 20px;}
.i02-swiperbox .swiper-button-prev{left: -90px;}
.i02-swiperbox .swiper-button-next{left: calc(490px + 40px);}
.i02-swiperbox .swiper-container-fade .swiper-slide{opacity: 0!important;}
.i02-swiperbox .swiper-container-fade .swiper-slide-active{opacity: 1!important;}



/* index03wrap */
.index03wrap{margin: 80px auto;}
.tl01-black span{color: #000;}
.index03{width: 100%;box-sizing: border-box;margin-top: 30px;position: relative;;}
.index03-l{width: calc((100% - 20px)/2);display: block;overflow: hidden;position: relative;}
.index03-l img{display: block;width: 100%;transition: all .3s;}
.index03-l:hover img{transform: scale(1.1);}
.index03-l .text{width: 350px;height: 350px;background-color: rgba(0,0,0,0.7);position: absolute;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.index03-l .text p{font-size: 24px;line-height: 48px;text-align: center;position: relative;color: #fff;}
.index03-l .text:before{content: '';display: block;width: 90%;height: 90%;position: absolute;top: 5%;left: 5%;border: 1px solid #fff;opacity: 0.7;}
/* index03-r */
.index03-r{width: calc((100% - 20px)/2);height: 100%;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;justify-content: space-between;-webkit-justify-content: space-between;position: absolute;right: 0;top: 0;}
.index03-r .item{display: block;width: 100%;height: calc((100% - 20px)/2);position: relative;overflow: hidden;}
.index03-r .item img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.index03-r .item p{position: absolute;width: 100%;bottom: 50px;box-sizing: border-box;padding: 0 30px;font-size: 24px;color: #333;}
.index03-r .item:last-child p{top: 50px;}
.index03-r .item:hover img{transform: scale(1.1);}

/* index04wrap */
.index04wrap{margin: 80px auto;}
.index04{width: 100%;position: relative;margin-top: 30px;}
.index04-l{display: block;width: calc((100% - 50px)/2);position: relative;overflow: hidden;box-shadow: 0px 1px 18px 2px rgba(0,0,0,0.1);background-color: #fff;}
.index04-l .imgbox{width: 100%;overflow: hidden;}
.index04-l .imgbox img{display: block;width: 100%;}
.i04-news{width: 100%;box-sizing: border-box;padding: 30px 40px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.i04-news .data{text-align: center;}
.i04-news .data h3{font-size: 30px;color: #AFAFAF;font-weight: 500;margin-bottom: 10px;}
.i04-news .data p{font-size: 16px;color: #AFAFAF;font-weight: 500;}
.i04-news .info{box-sizing: border-box;padding-left: 20px;border-left: 1px solid #D7D7D7;margin-left: 30px;}
.i04-news .info h3{font-size: 18px;color: #666;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.i04-news .info p{font-size: 14px;line-height: 24px;color: #999;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;text-align: justify;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.i04-news:hover .info h3,.i04-news:hover .data h3,.i04-news:hover .data p{color: #E50014;}
/* index04-r */
.index04-r{width: calc((100% - 50px)/2);position: absolute;right: 0;top:0;height: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-flow: column;-webkit-flex-flow: column;}
.i04-tab{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.i04-tab a{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;width: 150px;height: 50px;background-color: #F2F2F2;font-size: 18px;color: #666;font-weight: bold;margin-right: 50px;transition: all .3s;}
.i04-tab a:last-child{margin-left: 0;}
.i04-tab a:hover,.i04-tab a.active{background-color: #E50014;color: #fff;box-shadow: 0px 3px 7px 1px rgba(200,0,0,0.33);}
/* i04-min */
.i04-min{width: 100%;background-color: #fff;box-shadow: 0px 1px 18px 2px rgba(0,0,0,0.1);margin-top: 30px;padding: 0 30px;box-sizing: border-box;}
.i04-min .list .i04-news{border-bottom: 1px solid #E9E9E9;padding: 30px 0;}
.i04-min .list{display: none;}
.i04-min .list.active{display: block;}



/* index05wrap */
.index05wrap{width: 100%;padding: 80px 0;background-color: #F3F3F3;}
.index05{margin: auto;position: relative;display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;}
.index05 .i05-map{width: calc((100% - 50px)/2);box-sizing: border-box;height: 100%;position: absolute;left: 0;top: 0;box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);}
.i05-map .map{width: 100%;height: 100%;}
/* i05-form */
.i05-form{width: calc((100% - 50px)/2);}
.i05-tl{text-align: center;}
.i05-tl h3{font-size: 22px;color: #333;font-weight: bold;s}
.i05-tl strong{display: block;width: 60px;height: 3px;background-color: #E50014;margin: 10px auto;}
.c-form{width: 100%;box-sizing: border-box;border-radius: 10px;box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.05);background-color: #fff;padding: 20px 30px;}

.c-form label{width: 100%;box-sizing: border-box;display: -wap-marquee;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 20px;}
.c-form label input{position: relative;display: block;width: 47%;border: 1px solid #ddd;box-sizing: border-box;background-color: #F1F1F1;border-radius: 4px;outline: none;height: 44px;box-sizing: border-box;padding: 0 20px;font-size: 14px;color: #888;}
.c-form .bot input{display: block;width: 100%;box-sizing: border-box;border: 1px solid #ddd;box-sizing: border-box;background-color: #F1F1F1;border-radius: 4px;outline: none;height: 44px;box-sizing: border-box;padding:0 20px;font-size: 14px;color: #888;margin-bottom: 20px;} 
.c-form .bot textarea{display: block;padding: 20px;font-size: 14px;color: #888;width: 100%;height: 120px;border: 1px solid #ddd;box-sizing: border-box;background-color: #f1f2f3;border-radius: 4px;outline: none;resize: none;}
.c-form .bot button{display: block;width: 100px;height: 30px;text-align: center;background-color: #F1F1F1;border-radius: 2px;border: 1px solid #F1F1F1;box-shadow: none;margin: 20px auto 0;font-size: 14px;color: #E50014;}
.c-form .bot button::after{border-radius: 4px;}
.c-form .bot button:hover{color: #fff;}

/* footerwrap */
.footerwrap{width: 100%;box-sizing: border-box;overflow: hidden;}
.f-topwrap{width: 100%;position: relative;padding: 50px 0 80px;}
.f-topwrap .f-bg{width: 100%;box-sizing: border-box;position: absolute;height: 100%;object-fit: cover;top: 0;left: 0;}
.f-cont{position: relative;box-sizing: border-box;padding: 0 90px;margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.f-cont .f-left h3{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 20px;color: #999999;font-weight: bold;margin-bottom: 20px;}
.f-cont .f-left h3 img{display: block;width: auto;height: 24px;margin-right: 15px;}
.f-cont .fx{display: flex;display: -webkit-flex;}
.f-cont .fx a{background-image: none;width: 35px;height: 28px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;padding: 0;margin-right: 30px;}
.f-cont .fx a:last-child{margin-right: 0;}
.f-cont .fx a img{display: block;display: block;width: auto;height: auto;max-width: 100%;max-height: 100%;pointer-events: none;}

/* f-nav */
.f-nav{display: flex;display: -webkit-flex;}
.f-nav li{margin-right: 100px;}
.f-nav li:last-child{margin-right: 0;}
.f-nav li h3{font-size: 18px;color: #E50014;margin-bottom: 40px;}
.f-nav li .item a{display: block;font-size: 16px;color: #666666;margin-bottom: 20px;}
.f-nav li .item a:last-child{margin-bottom: 0;}
.f-nav li .item a:hover{color: #fff;text-decoration: underline;}
/* f-botwrap */
.f-botwrap{width: 100%;background-color: #1F1F1F;display: flex;display: -webkit-flex;align-items: center;-wekit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.f-botwrap p,.f-botwrap p a{font-size: 16px;color: #444;line-height: 40px;font-weight: 400;}
.f-botwrap p a{margin-left: 20px;}

/* 关于 */
/* mbxwrap */
.mbxwrap{width: 100%;background-color: #f5f5f5;}
.mbx{margin: auto;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;height: 50px;}
.mbx p{font-size: 14px;color: #666;}
.mbx p i{font-size: inherit;color: inherit;margin-right: 10px;}
.mbx a{font-size: 14px;color: #666;}
.mbx>i{font-size: 14px;color: #666;margin: 0 10px;}
.mbx a.active,.mbx a:hover{color: #E50014;}
/* .a-banner */
.a-banner{width: 100%;overflow: hidden;position: relative;padding-top: 90px;}
.a-banner img{display: block;width: 100%;}

/*锚点定位*/
.abdw{width:100%;height:1px;position:absolute;left:0;bottom:0;z-index:-1;}
#about2{bottom:50px;}
#about3{bottom:90px}
.about01{margin: 80px auto;position:relative;}
.a-tl{font-size: 34px;color: #333333;font-weight: bold;text-align: center;margin-bottom: 30px;}
.about01 .a-info p{font-size: 18px;line-height: 36px;color: #333;text-indent: 2em;text-align: justify;margin-bottom: 50px;}
.about01num .numfont h2{color: #333333;}
.about01num h3{color: #333;text-align: center;}
.about01num .numfont::after,.about01num .numfont span{color: #333;}
.about01num img{display: block;width: auto;height: 54px;margin: auto;margin-bottom: 10px;}

/* about02wrap */
.about02wrap{margin: auto;}
.about02{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;background-color: rgba(229,0,20,0.05);position: relative;z-index: 0;}
.about02::after{content: '';display: block;width: 100%;height: 1px;background-color: rgba(229,0,20,0.2);position: absolute;top: 50%;left: 0;}
.about02 li{width: 50%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;height: 250px;border-right: 1px solid rgba(229,0,20,0.2);}
.about02 li:nth-of-type(2n){border-right: none;}
.about02 li .box{text-align: center;width: 36%;}
.about02 li .box h3{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 24px;}
.about02 li .box h4{font-size: 16px;line-height: 34px;color: #333;}
.about02min{position: relative;}
.about02min .imgbox{display: flex;display: -webkit-flex;width: 124px;height: 124px;border-radius: 50%;background-color: #fff;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;box-shadow: 0px 0px 5px 3px rgba(229,0,20,0.2);overflow: hidden;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;}
.about02min .imgbox img{display: block;width: auto;height: auto;max-width: 80%;max-height: 80%;}
/* a-history */
.a-history{width: 100%;box-sizing: border-box;position: relative;padding: 80px 120px;overflow: hidden;}
.a-history .bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;z-index: 0;}
.a-history .a-tl{position: relative;z-index: 1;}
.a-hmin{width: 100%;display: flex;display: -webkit-flex;position: relative;padding: 0 10px;}
.a-hmin:before{content: '';display: block;width: 100%;height: 4px;background-color: #fff;position: absolute;left: 0;top: 68px;}
.a-hmin li{width: calc(100% / 3);position: relative;z-index: 1;text-align: center;}
.a-hmin li h3{font-size: 34px;color: #E50014;font-weight: bold;}
.a-hmin li strong{display: flex;width: 32px;height: 32px;border-radius: 50%;background-color: rgba(299,0,20,0.44);display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;position: relative;margin: 20px auto;}
.a-hmin li strong:before{content: '';display: block;width: 20px;height: 20px;border-radius: 50%;background-color: rgba(299,0,20,0.5);}
.a-hmin li strong::after{content: '';display: block;width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;background-color: #E50014;transform: translate(-50%,-50%);border-radius: 50%;}
.a-hmin li p{font-size: 16px;line-height: 30px;text-align: center;color: #fff;}

/* about03wrap */
.about03wrap{margin: 80px auto;}
.a-tl02{text-align: center;margin-bottom: 20px;}
.a-tl02 h3{font-size: 34px;color: #333333;font-weight: bold;margin-bottom: 20px;}
.a-tl02 span{display: block;width: 100px;height: 3px;background-color: #BFBFBF;margin: auto;}
.about03{position: relative;box-sizing: border-box;padding: 0 70px;}
.about03 .imgbox{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;overflow: hidden;border: 1px solid #D9D9D9;height: 180px;box-sizing: border-box;}
.about03 .imgbox img{display: block;width: auto;height: auto;max-width: 90%;max-height: 90%;}
.about03 .swiper-button-next,.about03 .swiper-button-prev{width: 50px;height: 50px;border-radius: 10px;background-color: #DBDBDB;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;background-size: 32px 20px;background-image: none;font-size: 24px;color: #fff;z-index: 1;}
.about03 .swiper-button-prev{left: 0;}
.about03 .swiper-button-next{right: 0;}
.about03 .swiper-button-next:hover,.about03 .swiper-button-prev:hover{color: #E50014;}

/* 联系 */
.cont-btext{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);box-sizing: border-box;padding-left: 50px;}
.cont-btext h3{font-size: 66px;color: #010000;font-weight: bold; -webkit-box-reflect: below -14px linear-gradient(transparent, rgba(0,0,0,0.4));}
/* contactwrap */
.contactwrap{margin: 80px auto;position: relative;overflow: hidden;}
.contact01{width: 100%;}
.contact01 .c-tl{text-align: center;}
.contact01 .c-tl h3{font-size: 26px;font-weight: 500;color: #000;}
.contact01 .c-tl span{display: block;width: 310px;height: 2px;background-color: #E50014;margin: 20px auto 30px;}
.contact01 .list{width: 100%;display: flex;display: -webkit-flex;margin-bottom: 40px;}
.contact01 .list li{width: calc(100% / 3);text-align: center;}
.contact01 .list li img{display: block;width: auto;height: 32px;margin: auto;}
.contact01 .list li p{font-size: 20px;color: #333333;font-weight: 400;margin-top: 30px;}
/* mapwrap */
.contact01 .mapwrap{width: 100%;height: 400px;}
.contact01 .mapwrap .map{height: 100%;}

/* c-formwrap */
.cont-formwrap{width: 100%;box-sizing: border-box;padding: 60px 100px 0;}
.cont-formwrap .t-tl{text-align: center;margin-bottom: 20px;}
.cont-formwrap .t-tl h3{font-size: 24px;color: #333333;margin-bottom: 20px;}
.cont-formwrap .t-tl h3 span{font-weight: bold;}
.cont-formwrap .t-tl p{font-size: 14px;color: #333;margin-bottom: 20px;}
.cont-formwrap .t-tl strong{display: block;width: 70px;height:1px;background-color: #E50014;margin: auto;}
/* c-form */
.cont-form{width: 100%;}
.cont-form label{display: flex;display: -webkit-flex;justify-content: space-between;padding-right: 10px;}
.cont-form label .item{width: calc((100% - 80px)/3);position: relative;}
.cont-form label .item::after{content: '*';position: absolute;right: -10px;top: 54%;font-size: 14px;color: #E50014;display: block;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.cont-form label .item input{display: block;width: 100%;box-sizing: border-box;border-radius: 5px;border: 1px solid #E3E3E3;background-color: transparent;height: 35px;padding: 0 10px;outline: none;font-size: 14px;color: #888;}
.cont-form textarea{display: block;padding: 20px;font-size: 14px;color: #888;width: 100%;height: 120px;border: 1px solid #ddd;box-sizing: border-box;background-color: transparent;border-radius: 4px;outline: none;resize: none;margin-top: 30px;}
.cont-form button{display: block;width: 100px;height: 30px;text-align: center;background-color: #E50014;border-radius: 2px;border: 1px solid #E50014;box-shadow: none;margin: 20px auto 0;font-size: 14px;color: #fff;}
.cont-form button::after{border-radius: 0;background-color: #fff;}
.cont-form button:hover{color: #E50014;}
.cont-form label .item input::-webkit-input-placeholder,.cont-form textarea::-webkit-input-placeholder{color: #C1C1C1 !important;}

/* 产品详情 */
.pro-btext{padding: 0;text-align: center;}

/* proinfo01wrap */
.proinfo01wrap{width: 100%;box-sizing: border-box;padding: 40px 0;background-color: #F9F9F9;}
.proinfo01{margin: auto;}
/* proinfo01-t */
.proinfo01-t{width: 100%;box-sizing: border-box;background-color: #fff;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;overflow: hidden;}
.proinfo01-t .imgbox{width: 50%;overflow: hidden;height:350px;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}
.proinfo01-t .imgbox img{display: block;width: auto;max-width:100%;max-height:100%;}
.proinfo01-t .text{width: 50%;box-sizing: border-box;padding-right: 50px;}
.proinfo01-t .text h3{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 30px;}
.proinfo01-t .text h4{font-size: 14px;line-height: 30px;color: #666;text-align: justify;margin-bottom: 50px;}
.proinfo01-t .text .more{width: 100px;height: 40px;border: 1px solid #E50014;border-radius: 5px;font-size: 14px;color: #FF0000;box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.07);}
.proinfo01-t .text .more:hover{color: #fff;}

/* proinfo01-b */
.proinfo01-b{width: 100%;box-sizing: border-box;padding: 0 50px 50px;background-color: #fff;margin-top: 60px;}
.pi-tl{width: 100%;display: flex;display:  -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;border-bottom: 1px solid #ECECEC;height: 40px;margin-bottom: 20px;}
.pi-tl a{font-size: 14px;color: #010101;margin-right: 50px;}
.pi-tl a:last-child{margin-right: 0;}
/* .info */
.proinfo01-b .info{width: 100%;}
.proinfo01-b .info li{margin-bottom: 40px;position:relative;}
.proinfo01-b .info li:last-child{margin-bottom: 0;}
.proinfo01-b .info li .info-t01{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 20px;}
.proinfo01-b .info li .info-xq{margin-bottom: 40px;}
.proinfo01-b .info li .info-xq p{font-size: 18px;color: #666666;font-weight: bold;margin-bottom: 20px;}
.proinfo01-b .info li .info-xq h4{font-size: 14px;line-height: 30px;}
#pro02,#pro03{bottom:80px;}
/* i-form */
.proinfo01-b .info li table{width: 70%;border-collapse: collapse;text-align: center;}
.proinfo01-b .info li table tr{width: 100%;border: 1px solid #C8C8C8;}
.proinfo01-b .info li table td{border-right: 1px solid #C8C8C8;font-size: 14px;color: #333333;line-height: 34px;}
/* proinfo02wrap */
.proinfo02wrap{margin: 80px auto;}
.proinfo02wrap .proinfo02-tl{text-align: center;font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 30px;}
.proinfo02 .imgbox img{}
.proinfo02 p{font-size: 16px;color: #000000;text-align: center;margin-top: 20px;}
.proinfo02 .swiper-button-next, .proinfo02 .swiper-button-prev{margin-top: -40px;}
/* proinfo03wrap */
.proinfo03wrap{width: 100%;box-sizing: border-box;position: relative;padding: 80px 0;}
.proinfo03wrap .bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;object-fit: cover;}
.proinfo03{position: relative;margin: auto;}
/* proinfo03-tl */
.proinfo03-tl{display: flex;display: -webkit-flex;padding-bottom: 15px;margin-bottom: 20px;}
.proinfo03-tl h3{font-size: 36px;color: #fff;font-weight: bold;position: relative;}
.proinfo03-tl p{font-size: 18px;color: #fff;line-height: 36px;border-left: 2px solid #fff;padding-left: 20px;margin-left: 20px;}
.proinfo03-tl h3::after{content: '';display: block;width: 100%;height: 2px;background-color: #fff;position: absolute;left: 0;bottom: -15px;}
/* pro-from */
.pro-from{width: 100%;display: flex;display: -webkit-flex;}
.pro-from label{width: 50%;display: flex;display: -webkit-flex;}
.pro-from label input{display: block;width: calc((100% - 60px)/2);box-sizing: border-box;background-color: rgba(255,255,255,0.5);border-radius: 5px;height: 60px;outline: none;border: none;padding: 0 10px;margin-right: 30px;font-size: 18px;color: #666;}
.pro-from label textarea{width: calc(100% - 180px);margin-right: 30px;box-sizing: border-box;background-color: rgba(255,255,255,0.5);border-radius: 5px;height: 60px;outline: none;border: none;padding: 0 10px;font-size: 18px;color: #666;line-height: 60px;resize: none;}
.pro-from label .more{width: 150px;height: 60px;background-color: #E50014;border-radius: 5px;color: #fff;border: 1px solid #E50014;overflow: hidden;}
.pro-from label .more::after{background-color: #fff;}
.pro-from label .more:hover{color: #E50014;}

/* newsinfowrap */
.newsinfowrap{margin: 50px auto 80px;}
.newsinfo{width: 100%;}
.news-tl{margin-bottom: 30px;text-align: center;}
.news-tl h3{font-size: 24px;color: #333333;margin-bottom: 20px;}
.news-tl .data{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.news-tl .data p{font-size: 16px;color: #A5A5A5;margin-right: 10px;} 
.news-tl .data p:last-child{margin-right: 0;}
.newsinfo .newsmin{width: 100%;}
.newsinfo .newsmin p{font-size: 16px;line-height: 30px;color: #333;text-align: justify;margin-bottom:10px;}
.newsinfo .newsmin p:last-child{margin-bottom: 0;}
.newsinfo .n-page{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;padding-top: 40px;border-top: 1px solid #D6D6D6;margin-top: 40px;}
.newsinfo .n-page .page a{font-size: 16px;color: #666666;margin-bottom: 20px;display: block;}
.newsinfo .n-page .page a:last-child{margin-bottom: 0;}
.newsinfo .n-page .page a:hover{color: #E50014;}
.fxlinkwrap{position:relative;}
.newsinfo .share{display: flex;display: -webkit-flex;font-size: 16px;color: #999;}
.newsinfo .share i{font-size: inherit;color: inherit;margin-left: 10px;}
.newsinfo .fxlist{display: block;margin-top: 20px;opacity: 0;transition: all .5s;display:flex;display: -webkit-flex;position:absolute;right:0;}
.newsinfo .fxlist a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;float: none;width: 40px;height: 40px;background-color: #F2F2F2;border-radius: 50%;background-image: none;padding: 0;font-size: 18px;color: #AC301E;margin:0 auto 10px;margin-right:10px;}
.newsinfo .fxlist a:last-child{margin-right:0;}
.fxlinkwrap:hover .fxlist{opacity: 1;height: auto;}

/* de-bntext */
.de-bntext h3{font-size: 48px;margin-bottom: 20px;}
.de-bntext h4{font-size: 18px;line-height: 36px;color: #333;}
/* devicewrap */
.devicewrap{margin: 50px auto;}
.device-tl{font-size: 30px;color: #333333;font-weight: bold;text-align: center;margin-bottom: 40px;}
.device01 li{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;background-color: #ECECEC;} 
.device01 li .textbox{width: 50%;box-sizing: border-box;padding: 0 60px;text-align: center;}
.device01 li .textbox h3{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 20px;}
.device01 li .textbox h4{font-size: 16px;line-height: 30px;color: #333;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;text-align: center;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.device01 li .textbox .more{box-shadow: 0px 1px 9px 1px rgba(0,0,0,0.1);border-radius: 5px;font-size: 16px;width: 80px;height: 32px;margin: auto;overflow: hidden;color: #FF0000;}
.device01 li .textbox .more:hover{color: #fff;}
.device01 li .imgbox{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;width: 50%;height: 300px;background-color: #fff;}
.device01 li .imgbox img{display: block;width: 100%;height: auto;}
.device01 li:nth-of-type(2n){flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}
/* device01-more */
.device01-more{margin: 40px auto 0;width: 100px;height: 40px;background-color: #CDD1DA;box-shadow: 0px 1px 9px 1px rgba(0,0,0,0.1);border-radius: 5px;overflow: hidden;font-size: 16px;color: #333;}

/* device02wrap */
.device02wrap{width: 100%;margin: 80px 0;}
.device02wrap .top-tl{margin-bottom: 30px;text-align: center;}
.device02wrap .top-tl h4{font-size: 16px;color: #333;}
.device02 .imgbox{width: 100%;overflow: hidden;position: relative;}
.device02 .imgbox img{display: block;width: 100%;transition: all .5s;}
/* .device02 .imgbox:hover img{transform: scale(1.1);} */
.device02 .imgbox .text{position: absolute;width: 180px;height: 80px; background-color: rgba(0,0,0,0.5);display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;}
.device02 .imgbox .text p{font-size: 24px;color: #fff;font-weight: bold;}
.device02 .swiper-pagination{width: 100%;position: relative;margin-top: 30px;}
.device02 .swiper-pagination-bullet{width: 10px;height: 10px;border: 1px solid #4C4C4C;box-sizing: border-box;background-color: transparent;opacity: 1;margin: 0 10px;}
.device02 .swiper-pagination-bullet-active{background-color: #4C4C4C;}
/* device03wrap */
.device03wrap{margin: 80px 0;}
.device03 .imgbox{height: auto;border: none;}
.device03 .imgbox img{width: 100%;max-width: 100%;max-height: 100%;}

/* newswrap */
.newswrap{margin: 80px auto;position: relative;}
.newslink{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;margin-bottom: 40px;}
.newslink a{width: 150px;height: 54px;background-color: #fff;border: 1px solid #C8C8C8;box-shadow: none;margin-right: 15px;font-size: 16px;color: #666;}
.newslink a:last-child{margin-right: 0;}
.newslink a::after{display: none;}
.newslink a.active,.newslink a:hover{color: #D70000;box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);border-color: #E60A14;}
/* newsmin */
.newsmin{width: 100%;box-sizing: border-box;}
.newsmin .item{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;box-sizing: border-box;padding: 30px 50px;background-color: #F7F7F7;margin-bottom: 30px;transition: all .3s;}
.newsmin .item:last-child{margin-bottom: 0;}
.newsmin .item .imgbox{width: 25%;overflow: hidden;}
.newsmin .item .imgbox img{display: block;width: 100%;}
.newsmin .item .text{width: 75%;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding-left: 40px;}
.newsmin .item .text .data{text-align: center;margin-right: 40px;}
.newsmin .item .text .data h3{font-size: 30px;color: #CBCBCB;font-weight: bold;margin-bottom: 20px;}
.newsmin .item .text .data p{font-size: 16px;color: #CBCBCB;}
.newsmin .item .text .info h3{font-size: 20px;color: #333333;margin-bottom: 20px;}
.newsmin .item .text .info h4{font-size: 16px;line-height: 36px;color: #7D7D7D;overflow: hidden;text-overflow: ellipsis;text-align: justify;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.newsmin .item:hover .text .info h3{color: #E50014;}
.newsmin .item:hover{background-color: #fff;box-shadow: 0px 1px 9px 1px rgba(0,0,0,0.1);}

/* news-page */
.n-page{margin-top: 40px;}
.part  .el-pagination{text-align: center;width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.part  .el-pagination .btn-prev{width:30px;height:30px;background:#F4F4F4 url(../images/syy.png) center center no-repeat;border: 3px solid #F4F4F4;margin-right: 20px;}
.part  .el-pagination .btn-next{width:30px;height:30px;background:#F4F4F4 url(../images/xyy.png) center center no-repeat;border: 3px solid #F4F4F4;}
 .part  .el-pagination .btn-prev .el-icon-arrow-left:before{font-size:0;content:""}

 .part  .el-pagination .btn-next .el-icon-arrow-right:before{font-size:0;content:""}

 .part  .el-pagination .btn-quickprev{width:26px;height:23px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quickprev:before{content:""}
 .part  .el-pagination .btn-quicknext{width:26px;height:23px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quicknext:before{content:""}
 .part  .el-pagination__jump{display:none!important;}
.el-pager{display: flex;display: -webkit-flex;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{box-shadow: none;}
.part .el-pagination .btn-quicknext::after,.part .el-pagination .btn-quickprev::after{display: none;}
.el-pager li{width: 30px;height: 30px;background-color: #F4F4F4;margin-right: 20px;}
.el-pager li.active{background-color: #E50014;color: #fff;}

/* productwrap */
.productwrap{margin: 80px auto;}
.pro-link{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;margin-bottom: 50px;}
.pro-link a{display: block;font-size: 18px;color: #666;padding-bottom: 10px;position: relative;margin-right: 40px;}
.pro-link a:before{content: '';display: block;width: 0%;height: 1px;background-color: #E50014;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.pro-link a:hover:before,.pro-link a.active:before{width: 100%;}
.pro-link a:hover,.pro-link a.active{color: #E50014;}
.pro-link a:last-child{margin-right: 0;}
/* product */
.product{width: 100%;margin-top: 50px;}
.product a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;background-color: #F7F7F7;margin-bottom: 40px;transition: all .3s;}
.product a:nth-of-type(2n){flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}
.product a .imgbox{width: 34%;overflow: hidden;height:270px;}
.product a .imgbox img{display: block;width: 100%;transition: all .5s;height:100%;object-fit:cover;}
.product a:hover .imgbox img{transform: scale(1.1);}
.product a .text{width: 66%;box-sizing: border-box;padding:0 40px}
.product a .text h3{font-size: 20px;color: #333333;line-height: 36px;margin-bottom: 10px;font-weight: 300;}
.product a .text h4{font-size: 16px;line-height: 32px;color: #7D7D7D;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;text-align: justify;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.product a .text .more{width: 120px;height: 40px;background: #F7F7F7;border: 1px solid #E50014;border-radius: 5px;box-shadow: none;font-size: 16px;color: #E50014;}
.product a:hover .text .more{color: #fff;}
.product a:hover .text .more::after{width: 100%;}
.product a:hover{box-shadow: 0px 0px 5px 2px rgba(0,0,0,20%);}



@media only screen and (max-width: 1600px){
	.headerwrap .header .nav li{margin-right: 40px;}
	
	.bannerwrap .b-text{width: 1200px;}
	.bannerwrap .swiper-button-prev{left: 3%;}
	.bannerwrap .swiper-button-next{right: 3%;}
	
	.center{width: 1200px;}
	
	.i02-swiperbox .text h3{font-size: 24px;}
	.i02-swiperbox .text p{font-size: 18px;}
	.i02-swiperbox .text{width: 200px;}
	.i02-swiperbox .tomore h3{font-size: 26px;}
	.i02-swiperbox .tomore a{font-size: 20px;}
	.i02-swiperbox .tomore a i{width: 20px;}
	.i02-swiperbox .tomore a:hover i{width: 30px;}
	.index03-r .item p{font-size: 20px;}
	.index03-l .text p{font-size: 20px;line-height: 42px;}
	.index03-l .text{width: 320px;height: 320px;}
	
	.i04-tab a{width: 120px;height: 40px;font-size: 16px;margin-right: 40px;}
	.i04-min .list .i04-news{padding: 20px 0;}
	
	.f-cont{padding: 0;}
	.f-cont .f-left h3{font-size: 18px;}
	.f-nav li h3{margin-bottom: 30px;}
	.f-topwrap{padding-bottom: 60px;}
	
	.a-tl{font-size: 32px;}
	.about01 .a-info p{font-size: 16px;line-height: 30px;margin-bottom: 30px;}
	.about03 .imgbox{height: 160px;}
	
	.device02 .imgbox .text p{font-size: 20px;}
	
	.cont-btext h3{font-size: 52px;}
	
	
	
	
}