/* @font-face{
	font-family:"xmlt";
	src: url("../font/xmlt.woff") format("woff"),
       url("../font/xmlt.ttf") format("truetype"),
       url("../font/xmlt.eot") format("embedded-opentype"),
       url("../font/xmlt.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:"微软雅黑"; line-height:1;font-weight: normal;letter-spacing: 0.5px;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none; font-size: 16px;}
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.about04wrap .about04 .info__txt .info: 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;}
/*<------------------------------------->*/	

/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px){
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}

.foo_tel {display: none;}
/* headerwrap */
.headerwrap{width: 100%;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);position:fixed;z-index:999;}
.header{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;width:90% ;margin: auto;}
.header .h-left{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.header .h-left img{height: 64px;width: auto;}
.header .h-left h3{font-size: 24px;font-weight: bold;color: #222;display: block;margin-left: 30px;}
.header .h-left h3 span{font-size: 14px;color: #666;display: block;margin-top: 12px;font-weight: normal;}
.header .h-right{text-align: right;}
.header .h-right .h-top{height: 54px;}
.header .h-right .h-top a{font-size: 14px;color: #666;padding:0 25px;border-right: 1px solid #ddd;line-height: 54px;}
.header .h-right .h-top a:nth-last-child(1){margin-right: 25px;}
.header .h-right .h-top a:hover{color: #df0024;}
.header .h-right .h-top font{font-size: 14px;color: #666;margin-left: 25px}
.header .h-right .h-top font i{width: 24px;height: 24px;background-color: #df0023;border-radius: 50%;line-height: 24px;color: #fff;text-align: center;margin-right: 10px;}
.header .h-right .h-bottom{height: 60px;border-top:1px solid #ccc;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.header .h-right .h-bottom li>a{font-size: 16px;color: #333;padding: 0 30px;line-height: 60px;}
.header .h-right .h-bottom li>a:hover{color: #DF0024;}
.header .h-right .h-bottom li:nth-child(1)>a{padding-left: 0;}
.header .h-right .h-bottom li:nth-last-child(1)>a{padding-right: 0;} 
.header li{position: relative;}
.header li .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;left: 0;margin-left: 0px;text-align: center;top: 51.5px;display: none;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;top: 60px;}
.header li .nav02 a{display: inline-block;width: auto;font-size: 15px;color: #666;line-height: 40px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 35px;padding-right: 25px;}
.header li .nav02 a:last-child{margin-right: 0;}
.header li .nav02 a:hover{color: #df0023;background-color: #fff;}
.header li .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #df0023;position: absolute;top: 14px;left: 5px;opacity: 0;}
.header li .nav02 a:hover:before{opacity: 1}
.header li .nav02 a i{opacity: 0;transition: all .6s;}
.header li .nav02 a:hover i{opacity: 1;}
.header li .nav02{background-color: rgba(255,255,255,0.9);padding: 0;min-width: 180px;box-shadow: 0px 2px 2px rgba(34,34,34,0.3);}
.header li .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;}

.header li:hover .nav02{display: block;}


.header li .nav03{position: fixed;
    left: 0;
	top: 114px;
    width: 100%;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border-top: 1px solid #DDDDDD;
    display: none;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
}
.header .nav03 .i-cont{margin:40px auto;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: top;
    align-items: top;
    -webkit-justify-content: space-between;
    justify-content: space-between;}
.header .nav03 .i-cont .dz{width: 55%;
    margin-right: 5%;}
.header .nav03 .i-cont .dz h3{font-size: 24px;
    color: #222;
    text-align: left;font-weight: bold;
    margin-bottom: 30px;}
.header .nav03 .i-cont .dz dl{display: flex;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;}
.header .nav03 .i-cont .dz dl .item{width: 20%;margin-right: 4%;}
.header .nav03 .i-cont .dz dl .item:nth-last-child(1){margin-right: 0;}
.header .nav03 .i-cont .dz dl .item a{}
.header .nav03 .i-cont .dz dl .item a .imgbox{overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    background-color: #fff;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
	height: 80px;}
.header .nav03 .i-cont .dz dl .item a .imgbox img{    width: auto;
    height: auto;
    margin: auto;
    max-width: 85%;
    max-height: 85%;}
.header .nav03 .i-cont .dz dl .item a h4{font-size: 16px;color: #222;text-align: left;font-weight: bold;transition: all .4s;}
.header .nav03 .i-cont .dz dl .item a:hover h4{color: #df0023;text-decoration: underline;}

.header .nav03 .i-cont .dz dl .item .bottom{margin-top: 20px;padding-top: 14px;
    border-top: 1px solid #ccc;}
.header .nav03 .i-cont .dz dl .item .bottom a{    display: block;color: #666;
    text-align: left;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 14px;transition: all .4s;}
.header .nav03 .i-cont .dz dl .item .bottom a:hover{color: #df0023;text-decoration: underline;}
.header .nav03 .i-cont .dz-2{width: 40%;margin-right: 0;}
.header .nav03 .i-cont .dz-2 dl .item{width: 27%;margin-right: 5%;}



/* banner */
.bannerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;height: 100%;}
.bannerwrap .bannerswiper{width: 100%;height: 100%;}
.bannerwrap .box{position: relative;overflow: hidden;width: 100%;height: 100%;z-index: 0;}
.bannerwrap .box:before{content: '';display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;z-index: 1;}
.bannerwrap .box img{display: block;width: 100%;height: 100%;object-fit: cover;}
.centerBig .box img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
.swiper-slide .box img{animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;}
.i-cont{width: 1400px;}
.bannerwrap .bannertext{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;width: 1400px;text-align: left;}

.bannerwrap .bannertext strong{display: block;width: 430px;height: 1px;background-color: rgba(255,255,255,0.8);margin: 20px 0;}
.bannerwrap .bannertext h3{font-size: 54px;color: #222;font-weight: bold;margin-bottom: 40px;line-height: 70px;letter-spacing: 5px;}
.bannerwrap .bannertext h4{font-size: 24px;color: #444;letter-spacing: 3px;}
.bannerwrap .bannertext2 h3{color: #fff;}
.bannerwrap .bannertext2 h4{color: #fff;}
.more{display: block;width: 180px;height: 54px;border-radius: 0;text-align: center;line-height: 54px;font-size: 15px;color: #ffffff;background-color: #df0024;position: relative;margin-top: 40px;z-index: 0;overflow: hidden;border: 1px solid #df0024;}
.more:after{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background-color: #FFFFFF;z-index: -1;transition: all .3s;}
.more:hover:after{width: 100%;}
.more:hover{color: #df0024;}
.more02{border: 1px solid #df0024;background-color: transparent;color: #df0024;}
.more02:after{background-color: #df0024;}

/* page */
/* .bannerwrap .swiper-button-next,.bannerwrap .swiper-button-prev{filter: grayscale(1) brightness(20);} */
.bannerwrap .swiper-button-next{right: 5%;}
.bannerwrap .swiper-button-prev{left: 5%;}
.bannerpagination{width: 100%;bottom: 50px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;}
.bannerpagination .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;opacity: 1;margin-right: 12px;border: 1px solid #df0024;}
.bannerpagination .swiper-pagination-bullet-active{background-color: #df0024;}
.bannerwrap .swiper-button-next,.bannerwrap .swiper-button-prev{background-image: none;font-size: 44px;position: absolute;padding: 0;margin: 0;width: auto;height: auto;top: 50%;left: 0;right: 0;outline: none;color: #df0024;width: 100px;height: 100px;text-align: center;line-height: 100px;}
.bannerwrap .swiper-button-prev{left: 0;right: unset;}
.bannerwrap .swiper-button-next{right: 0;left: unset;}

.in-title{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;position: relative;}
.in-title h2{font-size: 90px;color: #f3f2f2;    font-weight: bold;position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 0;text-transform: uppercase;}
.in-title h3{font-size: 42px;color: #222;font-weight: bold;z-index: 1;}
.in-title font {font-size: 16px;font-weight: bold;color: #85a9f3;letter-spacing: 4px;margin-left: 30px;display: block;z-index: 2;}
.in-title font img{display: block;width: auto;height: 10px;}

/* index01 */

.index01wrap{width: 1400px;margin: 80px auto 100px;box-sizing: border-box;overflow: hidden;padding-top: 20px;}
.p-twoinfo{display: block;padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-bottom: 30px;font-size: 30px;font-weight: bold;color: #222222;}
.index01{width: 100%;position: relative;margin-top: 30px;}
.index01 .box{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;display: block;width: 100%;}
.index01 .box .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;background-image: url(../img/pro_bg.jpg);background-size: cover;}
.index01 .box .imgbox img{display: block;width: 100%;transition: all .3s;}
.index01 .box:hover .imgbox img{transform: scale(1.1);}
.index01 .box .text{width: 100%;box-sizing: border-box;padding-left: 0;margin-top: 15px;}
.index01 .box .text h3{font-size: 20px;margin-bottom: 15px;font-weight: bold;color: #222222;    text-align: left;}
.index01 .box .text h3 i{font-size: 18px;color: #DF0024;margin-left: 10px;transition: all .3s;}
.index01 .box:hover .text h3{color: #DF0024;}
.index01 .box:hover .text h3 i{transform: translateX(20px);-webkit-transform: translateX(20px);}
.index01 .box .text .info{margin-bottom: 0px;}
.index01 .box .text .info p{font-size: 16px;line-height: 30px;color: #666;text-align: left;}
.index01 .box .text h4{font-size: 15px;line-height: 30px;color: #666666;}
.index01 .page{width: 100%;margin-top: 30px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: relative;}
.index01 .page .swiper-button-next,.index01 .page .swiper-button-prev{background-image: none;font-size: 20px;position: relative;padding: 0;margin: 0;width: auto;height: auto;top: 0;left: 0;right: 0;outline: none;}
.index01 .page .swiper-pagination{position: relative;margin: 0 30px;}
.index01 .page .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #aaaaaa;margin: 0;margin-right: 12px;opacity: 1;}
.index01 .page .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.index01 .page .swiper-pagination .swiper-pagination-bullet-active{background-color: #e6771b;}


/* index02wrap */
.index02wrap,.index02wrap-2{width: 100%;overflow: hidden;}
.i-tl{margin: auto;}
.i-tl h3{font-size: 40px;color: #222222;font-weight: bold;}
/* index01 */
.index02{width: 94%;position: relative;overflow: hidden;box-sizing: border-box;margin: 40px auto 0;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;}
.index02imglist{width: 100%;overflow: hidden;position: absolute;top: 0;left: 0;height: 100%;z-index: 0;}
 
/* index01textlist */
.index02textlist{width: 100%;position: absolute;box-sizing: border-box;padding: 0 0 0 450px;left: 0;bottom: 50px;}
.index02textlist .item{width: 100%;display: none;}
.index02textlist .item h3{font-size: 30px;color: #df0023;font-weight: bold;margin-bottom: 30px;}
.index02textlist .item p{font-size: 16px;line-height: 30px;color: #ffffff;margin-bottom: 20px;}
.index02textlist .item .listbox{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.index02textlist .item .listbox a{width: 33%;height: 180px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.index02textlist .item .listbox a img{}
.index02textlist .item .listbox a span{font-size: 16px;font-weight: bold;color: #222;}
.index02textlist .item .buttonbox{}
.index02textlist .item .buttonbox .more{display: inline-block;margin-right: 20px;width: 150px;height: 38px;}

.index02textlist .item:first-child{display: block;}


/* index01tab */
.index02tab{width: 400px;position: relative;}
.index02tab:before{content: '';width: 1px;height: 100%;background-color: rgba(255,255,255,0.3);left: 20%;top: 0;position: absolute;z-index: 1;}
.index02tab a{display: flex;display: -webkit-flex;width: 100%;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 144px;position: relative;}
.index02tab a .num{width: 20%;text-align: center;position: relative;z-index: 1;}
.index02tab a .num span{font-size: 20px;font-weight: bold;color: #ffffff;}
.index02tab a .font{width: 80%;box-sizing: border-box;padding-left: 40px;position: relative;z-index: 1;}
.index02tab a .font p{font-size: 24px;color: #ffffff;font-weight: bold;}
.index02tab a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;right: 0;z-index: 0;background-color: rgba(221,180,121,0.95);transition: all .3s;}
.index02tab a:nth-of-type(2):before{background-color: rgba(203,161,101,0.95);}
.index02tab a:nth-of-type(3):before{background-color: rgba(170,126,71,0.95);}
.index02tab a:nth-of-type(4):before{background-color: rgba(185,138,78,0.95);}
.index02tab a:nth-of-type(5):before{background-color: rgba(149,102,52,0.95);}
.index02tab a:hover:before,.index01tab a.now:before{width: calc(100% + 50px);background-color: #FFFFFF!important;}
.index02tab a:hover .num span,.index02tab a:hover .font p,.index01tab a.now .num span,.index01tab a.now .font p{color: #956633;}




.tabs-vertical{width: 100%;display: flex;display: -webkit-flex;}

.tabs-vertical ul {list-style: none;text-align: left;margin: 0;padding-left: 0;width: 25%;background-image: url(../img/index_03.jpg);background-size: cover;}
.tabs-vertical ul a{height: 25%;border-bottom: 1px solid #ddd;background-color: rgba(0,0,0,0.5);}
.tabs-vertical ul a{display: flex;display: -webkit-flex; flex-direction: column;-webkit-flex-direction: column;-webkit-justify-content: center;justify-content: center;padding: 0 60px;box-sizing: border-box;width: 100%;background-color: rgba(0,0,0,0.5);}
.tabs-vertical ul a.tab-active{background-color: rgba(0,0,0,0.8);position: relative;}
.tabs-vertical ul a.tab-active::after{content: '';display: block;width: 10px;height: 100%;position: absolute; top: 0;right: 0;background-color: #df0023;z-index: 1;}
/* .tabs-vertical ul li a {display: block;} */
.tabs-vertical ul a h3{font-size: 22px;font-weight: bold;color: #fff;margin-bottom: 0px;}
.tabs-vertical ul a h3>font{font-size: 24px;color: #fff;margin-right: 30px;}
.tabs-vertical ul a>dl{display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.tabs-vertical ul a>dl dt{font-size: 15px;color: #fff;width: 33%;margin-bottom: 20px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.tabs-vertical ul a>dl dt:nth-child(4){margin-bottom: 0;}
.tabs-vertical ul a>dl dt:nth-child(5){margin-bottom: 0;}
.tabs-vertical ul a>dl dt:nth-child(6){margin-bottom: 0;}
.tabs-vertical ul a>dl dt>span{display: block;width: 4px;height: 4px;background-color: #fff;margin-right: 10px;border-radius: 50%;}
.index02wrap>.tabs-vertical>ul>a{height: 25%;}
.tabs-vertical .tabs-content-placeholder .tab-content-item{display: none;}
.tabs-vertical .tabs-content-placeholder .tab-content-item:first-child{display: block;}
.tabs-vertical .tabs-content-placeholder {box-sizing: border-box;overflow: hidden;border-left: 1px solid #dddddd;background-color: #eee;padding: 20px 40px 45px;margin: 0 auto;text-align: center;width: 75%;}
.tabs-vertical .tabs-content-placeholder .tab-content-item {padding: 50px 150px;}
.tabs-vertical .tabs-content-placeholder h3{font-size: 30px;font-weight: bold;color: #df0023;margin-bottom: 30px;text-align: left;}
.tabs-vertical .tabs-content-placeholder p{font-size: 16px;line-height: 30px;color: #666;margin-bottom: 30px;text-align: left;}
.tabs-vertical .tabs-content-placeholder .tab-content-item .list{display: block; display: flex; display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.tabs-vertical .tabs-content-placeholder .tab-content-item .list .item{display: block;width: calc((100% - 20px) / 3);background-color: #fff;margin-right: 10px;margin-bottom: 10px;overflow: hidden;}
.tabs-vertical .tabs-content-placeholder .tab-content-item .list .item:hover img{/* transform: scale(1.1); */}
.tabs-vertical .tabs-content-placeholder .tab-content-item .list .item img{width:100%;margin: auto;padding: 0px;box-sizing: border-box;transition: all .3s;}
.tabs-vertical .tabs-content-placeholder .tab-content-item .list .item span{display: block;height: 30px;width: 100%;background-color: #eee;line-height: 30px;}
.tabs-vertical .tabs-content-placeholder .tab-content-item .list .item:nth-child(3n){margin-right: 0;}
.tabs-vertical .tabs-content-placeholder .tab-content-item .list video{width: 100%;}
.tabs-vertical .tabs-content-placeholder .tab-content-item .bottom{margin-top: 30px;display: block;text-align: left;}
.tabs-vertical .tabs-content-placeholder .tab-content-item .bottom a{display: inline-block;margin-right: 20px;margin-top: 0;    width: 160px;height: 44px;line-height: 44px;font-size: 13px;}

/* tab02 */
.tabs-vertical .tabs-content-placeholder .tab-content-item02{display: none;}
.tabs-vertical .tabs-content-placeholder .tab-content-item02:first-child{display: block;}

.tabs-vertical .tabs-content-placeholder {box-sizing: border-box;overflow: hidden;border-left: 1px solid #dddddd;background-color: #eee;padding: 20px 40px 45px;margin: 0 auto;text-align: center;width: 75%;box-sizing: border-box;}
.tabs-vertical .tabs-content-placeholder .tab-content-item02 {padding: 50px 150px;}

.tabs-vertical .tabs-content-placeholder h3{font-size: 30px;font-weight: bold;color: #df0023;margin-bottom: 30px;text-align: left;}
.tabs-vertical .tabs-content-placeholder p{font-size: 16px;line-height: 30px;color: #666;margin-bottom: 30px;text-align: left;    overflow: hidden;min-height: 60px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.tabs-vertical .tabs-content-placeholder .tab-content-item02 .list{display: block; display: flex; display: -webkit-flex; -webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.tabs-vertical .tabs-content-placeholder .tab-content-item02 .list .item{display: block;width: calc((100% - 20px) / 3);background-color: #fff;margin-right: 10px;margin-bottom: 10px;overflow: hidden;}
.tabs-vertical .tabs-content-placeholder .tab-content-item02 .list .item img{width:100%;margin: auto;padding: 0px;box-sizing: border-box;transition: all .3s;}
/* .tabs-vertical .tabs-content-placeholder .tab-content-item02 .list .item img{max-width: 70%;max-height: 90%;margin: auto;padding: 0px;box-sizing: border-box;transition: all .3s;}
 */.tabs-vertical .tabs-content-placeholder .tab-content-item02 .list .item span{display: block;height: 30px;width: 100%;background-color: #eee;line-height: 30px;}
.tabs-vertical .tabs-content-placeholder .tab-content-item02 .list .item:nth-child(3n){margin-right: 0;}
.tabs-vertical .tabs-content-placeholder .tab-content-item02 .list video{width:100%;}
.tabs-vertical .tabs-content-placeholder .tab-content-item02 .bottom{margin-top: 30px;display: block;text-align: left;}
.tabs-vertical .tabs-content-placeholder .tab-content-item02 .bottom a{display: inline-block;margin-right: 20px;margin-top: 0;    width: 160px;height: 44px;line-height: 44px;font-size: 13px;}
.tabs-vertical ul a.tab-active02{background-color: rgba(0,0,0,0.8);position: relative;}
.tabs-vertical ul a.tab-active02::after{content: '';display: block;width: 10px;height: 100%;position: absolute; top: 0;right: 0;background-color: #df0023;z-index: 1;}


.index02wrap .barbg{width: 100%;background: linear-gradient(60deg, #df0023 0%, #fbe0e4 100%);}
.index02wrap .in-title{margin:0 auto;width: 1400px;padding: 50px 0;}
.index02wrap .in-title h3{color: #fff;}
.index02wrap .in-title h2{opacity: 0.1;}

.index02wrap-2 .barbg{width: 100%;background: linear-gradient(60deg, #df0023 0%, #fbe0e4 100%);}
.index02wrap-2 .in-title{margin:0 auto;width: 1400px;padding: 50px 0;}
.index02wrap-2 .in-title h3{color: #fff;}
.index02wrap-2 .in-title h2{opacity: 0.1;}
.index02wrap-2 .tabs-vertical ul a{height:33.4%;}

.index03wrap{width: 100%;background-image: url(../img/index_06_02.jpg);background-size: cover;overflow: hidden;}
.index03wrap .index03{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.index03wrap .index03 .left{width: 33.33%;/*background-color: rgba(11,12,13,0.88);*/box-sizing: border-box;padding: 140px;}
.index03wrap .index03 .left h3{font-size: 42px;color: #fff;font-weight: bold;margin-bottom: 30px;}
.index03wrap .index03 .left p{font-size: 18px;line-height: 32px;color: #fff;margin-bottom: 30px;}
.index03wrap .index03 .left h4{font-size: 18px;color: #fff;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.index03wrap .index03 .left i{    background-color: #df0023;border-radius: 50%;font-size: 14px;color: #fff;width: 40px;height: 40px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;margin-right:15px;}
.index03wrap .index03 .right{width: 57%;box-sizing: border-box;padding-right: 190px;}

/* c-form */
.c-form{width: 100%;box-sizing: border-box;}
.c-form p{width: 100%;box-sizing: border-box;background-color: #ffffff;border: 1px solid #DDDDDD;position: relative;margin-bottom: 15px;padding-left: 20px;display: inline-block;}
.c-form p:nth-child(1){width: 49%;margin-right: 2%;}
.c-form p:nth-child(2){width: 48.5%;margin-right: 0%;}
.c-form input,.c-form select{width: 100%;outline: none;height: 40px;border: none;font-size: 14px;color: #666666;}
.c-form p textarea{height: 120px;padding: 13px 0;resize: none;border: none;outline: none;font-size: 14px;color: #666;box-sizing: border-box;width:90%;}
.c-form button,.index07wrap .more{padding: 0;border-radius: 2px;width: 160px;height: 44px;line-height: 44px;font-size: 13px;}

.index03 .right .forem .wpcf7-form p span{width:49%;display: inline-block;}
.index03 .right .forem .wpcf7-form p span:nth-child(2n){margin-right:0;}
.index03 .right .forem .wpcf7-form p span:nth-child(9){width: 98.4%;;margin-right:0;}
.index03 .right .forem .wpcf7-form p .textarea-194{width: 98.4%;;margin-right:0;}
.index03 .right .forem .wpcf7-form .more{margin:10px 0 0;}

.index04wrap{width: 100%;overflow: hidden;}
.index04wrap .index04{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin: 100px auto;}
.index04wrap .index04 .left{width: 50%;padding-right: 60px;box-sizing: border-box;}
.index04wrap .index04 .left h4{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 25px;margin-top: 30px;}
.index04wrap .index04 .left p{font-size: 17px;line-height: 30px;color: #666;margin-bottom: 30px;}
.index04wrap .index04 .right{width: 50%;overflow: hidden;}
.index04wrap .index04 .right video{width: 100%;}

.index05wrap{width: 100%;background-color: #df0023;overflow: hidden;box-shadow:0 0 10px 1px rgba(0,0,0,0.33);}
.index05wrap ul{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 190px;width: 1400px;margin: auto;}
.index05wrap ul li{box-sizing: border-box;padding-left: 30px;border-left: 1px solid #ddd;}
.index05wrap h2{font-size: 60px;color: #fff;margin-bottom: 20px;font-weight: bold;}
.index05wrap h3{font-size: 16px;color: #fff;opacity: 0.75;}

.in-title-6{margin-bottom: 50px;}
.in-title-6 h2{color: #fff;}
.index06wrap{width: 100%;padding: 100px 0;background-image: url(../img/bg_lc.jpg);background-size: cover;}
.index06wrap .index06{margin: auto;}
.index06wrap .index06 .imgbox{width: 100%;}
.index06wrap .index06 .imgbox .item{display: none;}
.index06wrap .index06 .imgbox .item img{max-width: 100%;}
.index06wrap .index06 .imgbox .item:first-child{display: block;}
.index06wrap .index06 .index06tab{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.index06wrap .index06 .index06tab a{margin-right: 30px;background-color: #fff;color: #df0024;}
.index06wrap .index06 .index06tab a::after{background-color: #df0024;}
.index06wrap .index06 .index06tab a:hover{color: #fff;}
.index06wrap .index06 .index06tab a.now{color: #fff;}
.index06wrap .index06 .index06tab a.now{background-color: #df0024;}

.index06 .imgbox .item ul{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index06 .imgbox .item ul li{position: relative;}
.index06 .imgbox .item ul li img{width: 100%;}
.index06 .imgbox .item ul li .contain{position: absolute;top: 20px;left: 50%;transform: translate(-50%,0);}
.index06 .imgbox .item ul li .lc-01{display: block;width: 148px;height: 148px;background-color: #fff;box-shadow: 0 0 5px 3px #69696933;margin-bottom: 30px;border-radius: 50%;}
.index06 .imgbox .item ul li .lc-01 h3{font-size: 18px;font-weight: bold;line-height: 148px;height: 148px;text-align: center;position: relative;z-index: 1;}
.index06 .imgbox .item ul li .lc-01 h3::after{content: '';display: block;width: 80%;height: 80%;position: absolute;top: 50%;left: 50%;z-index: -1;border: 1px solid #df0024;border-radius: 50%;transform: translate(-50%, -50%);}
.index06 .imgbox .item ul li h4{font-size: 14px; color: #666;line-height: 24px;	margin-bottom: 40px;text-align: center;min-height: 72px;}
.index06 .imgbox .item ul li .lc-02{width: 60px;height: 60px;background: #df0024;border-radius: 50%;border: 10px solid #fff;margin: auto;text-align: center;}
.index06 .imgbox .item ul li .lc-02 p{font-size: 16px;font-weight: bold;color: #fff;height: 40px;line-height: 40px;text-align: center;}
.index06 .imgbox .item ul li:nth-child(2) .lc-02{background: #9cd143;}
.index06 .imgbox .item ul li:nth-child(3) .lc-02{background: #52d2df;}
.index06 .imgbox .item ul li:nth-child(4) .lc-02{background: #40a4df;}
.index06 .imgbox .item ul li:nth-child(5) .lc-02{background: #4482d7;}
.index06 .imgbox .item ul li:nth-child(6) .lc-02{background: #89b3b8;}


.in-title-7{padding: 50px 0 50px;}
.index07wrap{margin: 50px auto 50px;overflow: hidden;}
.index07wrap .barbg{margin: auto;}


.index07{margin: 0 auto 0;position: relative;}
.index07 .item{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;background-color: #df0024;-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.index07 .item .imgbox{width: 50%;}
.index07 .item .imgbox img{width: 100%;}
.index07 .item .text{width: 50%;box-sizing: border-box;padding: 0 50px;}
.index07 .item .text h3{font-size: 22px;color: #ffffff;font-weight: bold;margin-bottom: 30px;text-align: left;}
.index07 .item .text h4{font-size: 15px;line-height: 32px;color: #FFFFFF;text-align: justify;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-align: left;}
.index07 .item .text strong{display: block;width: 100%;height: 1px;background-color: rgba(255,255,255,0.25);margin: 30px 0;}
.index07 .swiper-button-next,.index07 .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;width: 50px;height: 50px;background-color: #fff;border-radius: 50%;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);background-image: none;outline: none;color: #00A0E9;}
.index07 .swiper-button-next{right: -25px;}
.index07 .swiper-button-prev{left: -25px;}
.index07 .more-w{border-color: #fff;color: #fff;}
.index07 .more-w:hover{color: #df0023;}





.index07wrap .culture02wrap{width: 100%;box-sizing: border-box;overflow: hidden;}
.index07wrap .culture02wrap li{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.index07wrap .culture02wrap li .imgbox{width: 50%;overflow: hidden;}
.index07wrap .culture02wrap li .imgbox img{display: block;width: 100%;}
.index07wrap .culture02wrap li .text{width: 50%;box-sizing: border-box;padding-right: calc((100% - 1400px)/2);padding-left: 100px;}
.index07wrap .culture02wrap li .text strong{display: block;width: 50px;height: 2px;background-color: #df0024;margin-bottom: 30px;}
.index07wrap .culture02wrap li .text h3{font-size: 36px;color: #222;font-weight: bold;margin-bottom: 30px;}

.index07wrap .culture02wrap li .text p{font-size: 16px;color: #666;line-height: 30px;}
.index07wrap .culture02wrap li:nth-of-type(odd){background-color: #f1f2f3;background-image: url(../img/index_09_3.jpg);background-size: cover;}
.index07wrap .culture02wrap li:nth-of-type(even){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;background-image: url(../img/index_09_2.jpg);background-size: cover;}
.index07wrap .culture02wrap li:nth-of-type(even) .text{padding-left: calc((100% - 1400px)/2);padding-right: 100px;}

/* index08wrap */
.index08wrap{}
/* about04 */
.index08wrap{width: 100%;margin: 50px auto 100px;}
.index08wrap .tl{text-align: center;margin-bottom: 30px;}
.index08wrap .tl h3{font-size: 38px;color: #222222;font-weight: bold;margin-bottom: 30px;text-align:center;}
.index08wrap .tl h4{font-size: 15px;line-height: 30px;color: #222222;    text-align: justify;text-align-last: center;width: 800px;margin: auto;}
.index08{margin: auto;box-sizing: border-box;position: relative;}
.index08 a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #fff;padding: 30px 30px;box-sizing: border-box;border-radius: 10px;border: 1px solid #ccc;}
.index08 a img{display: block;width: auto;height: auto;max-width: 90%;max-height: 100%;transition: all .6s;}
.index08 a:hover img{transform: scale(1.1);}
.index08 .swiper-slide{display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.index08 .swiper-button-next,.index08 .swiper-button-prev{background-image: none;font-size: 30px;color: #e63327;top: 60%;margin-top: -15px;width: auto;height: auto;outline: none;}
.index08 .swiper-button-next{right: -40px;}
.index08 .swiper-button-prev{left: -40px;}
.index08wrap .swiper-pagination{position: relative;width: 100%;margin-top: 20px;}
.index08wrap .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;margin: 0;margin-right: 10px;background-color: #bbbbbb;border-radius: 50%;}
.index08wrap .swiper-pagination-bullet:last-child{margin-right: 0;}
.index08wrap .swiper-pagination-bullet-active{background-color: #e63327;}
.index08 p{font-size: 17px;color: #222;text-align: center;margin-top: 20px;}

.xc{margin: auto;position: relative;}
.xc img{width: 100%;}
.xc .text{position: absolute;bottom: 50%;left: 50%;transform: translate(-50%,50%);}

.xc .text h3{font-size: 30px;font-weight: bold;color: #fff;line-height: 44px;text-align: center;position: relative;}
.xc .text h3::before{content: '';position: absolute;left: -174px;top: 50%;width: 140px;height: 2px;background-color: rgba(255,255,255,0.5);margin-bottom: 8px;margin-right: 30px;}
.xc .text h3::after{content: '';position: absolute;right: -174px;top: 50%;width: 140px;height: 2px;background-color: rgba(255,255,255,0.5);margin-bottom: 8px;margin-left: 30px;}


/* indexnews */
.index09warp{width: 100%;box-sizing: border-box;display: block; overflow: hidden;background-color: #f1f2f3;padding: 100px 0;}
.index09{margin: auto;}
.index09warp .min{width: 100%;box-sizing: border-box;position: relative;}
.index09warp .min .left{width: 49.5%;float: left;}
.index09warp .min .left a{display: block;width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
.index09warp .min .left a img{display: block;width: 100%;transition: all .6s;}
.index09warp .min .left a .mask{display: block;width: 100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;z-index: 1;}
.index09warp .min .left a:hover img{transform: scale(1.1);}
.index09warp .min .left a .text{width: 100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;padding-right: 30%;padding-left: 30px;z-index: 2;text-align: left;}
.index09warp .min .left a .text .data{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: baseline;align-items: baseline;margin-bottom: 30px;}
.index09warp .min .left a .text .data h3{font-size: 48px;color: #fff;}
.index09warp .min .left a .text .data font{font-size: 15px;color: rgba(255,255,255,0.7);padding-left: 20px;border-left: 1px solid rgba(255,255,255,0.7);margin-left: 20px;}
.index09warp .min .left a .text h4{font-size: 18px;color: #ffffff;font-weight: bold;margin-bottom: 30px;line-height:24px;}
.index09warp .min .left a .text h5{font-size: 15px;color: #ffffff;line-height: 24px;color: rgba(255,255,255,0.7);margin-bottom: 30px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.index09warp .min .right{position: absolute;right: 0;height: 100%;width: 50%;box-sizing: border-box;padding-left: 15px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;}
.index09warp .min .right .item{ position: relative; cursor:pointer; width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 10px 40px;}
.index09warp .min .right .item:hover{box-shadow: 0px 0px 5px rgba(0,0,0,0.3);background-color: #fff;}
.index09warp .min .right .item .data{display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: center;align-items: center;border-right: 1px solid #ddd;width: 20%;box-sizing: border-box;padding: 20px 0;padding-right: 30px;}
.index09warp .min .right .item .info{box-sizing: border-box;padding-left: 30px; width:80%;}
.index09warp .min .right .item .data h3{font-size: 44px;color: #df0024;font-weight: bold;}
.index09warp .min .right .item .data strong{display: block;width: 30px;height: 1px;background-color: #ddd;margin: 5px 0;}
.index09warp .min .right .item .data font{font-size: 15px;color: #666666;}
.index09warp .min .right .item .info h3{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 20px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;line-height: 22px;}
.index09warp .min .right .item .info h4{font-size: 15px;color: #666666;line-height: 24px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.index09warp .min .right .item a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index09warp .min .left .swiper-pagination{bottom: 30px;text-align: right;box-sizing: border-box;padding-right: 40px;}
.index09warp .min .left .swiper-pagination .swiper-pagination-bullet{background-color: #ffffff;opacity: 1;}
.index09warp .min .left .swiper-pagination .swiper-pagination-bullet-active{background-color: #df0024;width: 45px;border-radius: 2rem;}

.index10wrap{width: 100%;padding: 20px 0 20px;border-top: 1px solid #DDDDDD;}
.index10{margin: 40px auto 40px;position: relative;}
.index10 .swiper-wrapper{-webkit-align-items: center;align-items: center;}
.index10 .swiper-slide{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.index10 .swiper-slide img{display: block;width: auto;height: auto;max-width: 90%;}
.index10 .swiper-button-next,.index10 .swiper-button-prev{background-image: none;font-size: 20px;color: #df0024;width: auto;height: auto;margin-top: -10px;}
.index10 .swiper-button-next{right: 0;}
.index10 .swiper-button-prev{left: 0;}


/* footer */
.footer{width: 100%;overflow: hidden;background-color: #1b1b1b;border-top: 10px solid #df0023;}
.footer .f-top{padding: 80px 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin: auto;}
.footer .f-top .left{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;width: 66%;}
.footer .f-top .left ul{display: flex;display: -webkit-flex;}
.footer .f-top .left ul li{}
.footer .f-top .left ul li h3,.footer .f-top .right h3{font-size: 18px; color: #fff;font-weight: bold;}
.footer .f-top .left ul li .info{margin-top: 15px;padding-top: 15px;border-top: 1px solid rgb(255 255 255 / 0.33);margin-right: 100px;display: flex;display: -webkit-flex;}
.footer .f-top .left ul li .info .item{margin-right: 50px;}
.footer .f-top .left ul li .info .item:nth-last-child(1){margin-right: 0;}
.footer .f-top .left ul li .info .item a{display: block;font-size: 14px;line-height: 32px;color: #FFFFFF;opacity: 0.5;}
.footer .f-top .left ul li .info .item a:hover{opacity: 1;}
.footer .f-top .right{width: 25%;}

.footer .f-top .right .item-r{margin-top: 15px;padding-top: 15px;border-top: 1px solid rgb(255 255 255 / 0.33);}
.footer .f-top .right .item-r p{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin-bottom: 10px;font-size: 14px;color: #FFFFFF;}
.footer .f-top .right .item-r img{width: 100px;height: auto;margin-top: 20px;}
.footer .f-top .right .item-r h4{font-size: 13px;color: #fff;margin-top: 10px;}
.footer .f-top .right .item-r p i{background-color: #4e4e4e;border-radius: 50%;font-size: 12px;color: #fff;width: 26px;height: 26px;    display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;margin-right: 10px;}

.footer .friend-lk{margin:0 auto 30px;}
.footer .friend-lk h4{font-size: 13px;margin-right: 30px;color: #fff;display: inline-block;}
.footer .friend-lk a{font-size: 13px;opacity: 0.5;margin-right: 30px;color: #fff;}
.footer .friend-lk a:hover{opacity: 1;}

/* copyright */
.copyright{margin: auto;height: 60px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;border-top: 1px solid rgb(255 255 255 / 0.33);;}
.copyright p{font-size: 13px;color: #FFFFFF;opacity: 0.5;}
.copyright h3{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} 
.copyright h3 a{font-size: 13px;color: #FFFFFF;opacity: 0.7;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.copyright h3 a>img{margin-right:4px;}
.copyright h3 i{display: block;width: 1px;height: 13px;background-color: #FFFFFF;margin: 0 10px;opacity: 0.5;}

.c-form button{margin-top: 0;}


/* innerbanner */
.inbanner{width: 100%;position: relative;padding-top: 114px;}
.inbanner img{width: 100%;}
.inbanner .innertext{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translateX(-50%) translateY(-50%);width: 1400px;padding-top:50px;}

.inbanner .innertext h3{font-size: 60px;color: #fff;font-weight: bold;text-transform:uppercase;}
.inbanner .innertext strong{display: block;background-color: #fff;width: 550px;height: 1px;margin: 30px 0 30px;}
.inbanner .innertext h4{font-size: 30px;color: #fff;}

.sum{width: 1000px;margin:80px auto;}
.sum h3{font-size: 30px;font-weight: bold;color: #222;line-height: 36px;text-align: center;}

/* about */
.about01wrap{width: 100%;overflow: hidden;position: relative;}
.about01wrap::before{display: block;content: "";width: 100%;height: 40%;background: #f8f8f8;position: absolute;left: 0;bottom: 0;z-index: 0;}
.about01wrap .about01{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: flex-end;-webkit-align-items:flex-end;}
.about01wrap .left{width: 50%;z-index: 1;}
.about01wrap .left img{width: 100%;}
.about01wrap .right{width: 50%;box-sizing: border-box;padding-left: 75px;z-index: 1;}
.about01wrap .right .topic{position: relative;max-width: 700px;padding: 75px 0;}
.about01wrap .right .topic::before{display: block;content: "";width: 2px;height: 60px;background: #df0023;position: absolute;left: 0;bottom: 0;}
.about01wrap .right .topic .slg{}
.about01wrap .right .topic .slg:before{display: block;content: ""; width: 64px;height: 51px;background: url(../img/bg_dd1.png) no-repeat;position: absolute;left: 0;top: 0;}
.about01wrap .right .topic .slg:after {display: block;content: "";width: 64px;height: 51px;background: url(../img/bg_dd2.png) no-repeat;position: absolute;right: 0;bottom: -80px;}
.about01wrap .right .topic .slg strong{font-size: 30px;font-weight: bold;color: #222;display: block;margin-bottom: 15px;}
.about01wrap .right .topic .slg span{font-size: 24px;font-weight: bold;color: #222;display: block;}
.about01wrap .right p{font-size: 16px;color: #444;line-height: 30px;text-align: left;width: 620px;margin-top: 20px;}

/* about02 */
.about02wrap{width: 100%;overflow: hidden;padding: 100px 0;background-color: #f8f8f8;position: relative;}
.about02wrap .about02{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.about02wrap .about02 .left{width: 50%;box-sizing: border-box;padding: 0 120px 0 calc(50% - 700px);z-index: 2;}
.about02wrap .about02 .left h3{font-size: 18px;font-weight: bold;color: #222;line-height: 30px;}
.about02wrap .about02 .left h4{font-size: 16px;line-height: 30px;color: #444;margin-top: 30px;}
.about02wrap .about02 .right{width: 50%;z-index: 2;}
.about02wrap .about02 .right img{width: 100%;}
.about02wrap .fontgd{position: absolute;width: 100%;overflow: hidden;background-color: transparent;left: 0;bottom: 88px;z-index: 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}

.about02wrap .fontgd p{font-size: 120px;color: #ececec;font-weight: bold;z-index: 1;letter-spacing: 4px;-webkit-animation: about-anim 30s linear infinite normal;animation: about-anim 30s linear infinite normal;display: block;white-space: nowrap;text-transform: uppercase;}


/* about03 */
.about03wrap{background-image: url(../img/about_03.jpg);width: 100%;padding: 100px 0;background-size: cover;}
.about03wrap .about03{margin: auto;}
.about03wrap .about03 h4{color: #fff;font-size: 16px;line-height: 30px;text-align: center;width: 70%;margin: auto;}
.about03wrap .about03 strong{display: block;height: 1px;width: 100%;background-color: #fff;margin: 60px 0;}
.about03wrap .mumping_mun03{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.about03wrap .mumping_mun03 li{}
.about03wrap .mumping_mun03 li .mun_top{width: 150px;height: 150px;border-radius: 50%;display: flex;display: -webkit-flex; -webkit-align-items: center;align-items: center;background-color: #fff;position: relative;margin: 0 100px;}
.about03wrap .mumping_mun03 li .mun_top::after{content: '';display: block;position: absolute;width: 170px;height: 170px;background-color: rgba(255,255,255,0.5);top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translateX(-50%) translateY(-50%);border-radius: 50%;z-index: 0;}
.about03wrap .mumping_mun03 li .mun_top h2{font-size: 40px;font-weight: bold;color: #e71a36;text-align: center;width: 100%;z-index: 1;}
.about03wrap .mumping_mun03 li .mun_top h2 img{width:64px;margin:auto;}
.about03wrap .mumping_mun03 li h3{font-size: 18px;font-weight: bold;margin-top: 30px;text-align: center;color: #fff;}

/* about04 */
.about04wrap{width: 100%;overflow: hidden;margin: 100px auto;}
.about04wrap .about04{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;margin: auto;margin-left: calc(50% - 700px);margin-left: -webkit-calc(50% - 700px);}
.about04wrap .about04 .swiper-container-his{width: 100%;box-sizing: border-box;}
.about04wrap .about04 .swiper-container-his .swiper-wrapper{}
.about04wrap .about04 .swiper-container-his .swiper-wrapper .swiper-slide{}
.about04wrap .about04 .swiper-container-his .swiper-wrapper .swiper-slide .slideinfo{position: relative;}
.about04wrap .about04 .info__imgarea{}
.about04wrap .about04 .info__imgarea .info__img{}
.about04wrap .about04 .info__imgarea .info__img img{width: 100%;height: 100%;opacity: 0;transition: all .3s;}
.about04wrap .about04 .swiper-slide-active .info__imgarea .info__img img{opacity: 1;}
.about04wrap .about04 .info__txt{position: absolute;z-index: 2;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translateX(-50%) translateY(-50%);width: 63.988%;transition: 0.5s;}
.about04wrap .about04 .info__txt .data{font-size: 36px;color: #222;font-weight: bold;position: relative;text-align: left;margin-bottom: 50px;}
.about04wrap .about04 .info__txt .data:after {position: absolute;content: "";width: 100%;height: 6px;background-color: #DF0024;bottom: 0;left: 0;transform: translateY(1.5625vw);}
.about04wrap .about04 .swiper-slide-active .info__txt .data{color: #fff;}
.about04wrap .about04 .info__txt .info{font-size: 15px;color: #666; line-height: 26px;transition: all .3s;text-align: left;min-height: 130px;}
.about04wrap .about04 .swiper-slide-active .info__txt .info{color: #fff;}

.about04wrap .about04 .title_his{width: 18%;    padding: 0 100px 0 0px;box-sizing: border-box;}
.about04wrap .about04 .title_his h2{font-weight: bold;color: #353535;font-size: 36px;color: #222;}
.about04wrap .about04 .title_his h3{font-size: 22px;color: #222;}

.about04wrap .hispage{position: absolute;left: 0px;bottom: 30px;}
.about04wrap .hispage::after{content: '';display: block;position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 1px;height: 80%;background-color: #c6c6c6}
.about04wrap .swiper-button-next,.about04wrap .swiper-button-prev{background-image: none;font-size: 44px;position: relative;padding: 0;margin: 0;width: auto;height: auto;top: 0;left: 0; right: 0;outline: none;color: #df0024;}
.about04wrap .swiper-button-prev{margin-right: 40px;}




/* about05 */
.about05wrap{width: 100%;padding: 100px 0;background-color: #f1f2f3;margin: 0 auto;}

.about05wrap .about05 a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #ffffff;padding: 40px 34px;box-sizing: border-box;width: 100%;}

.about05wrap .about05 a img{display: block;width: auto;height: auto;max-width: 90%;max-height: 100%;transition: all .6s;}
.about05wrap .about05 .swiper-container .swiper-slide p{font-size: 16px;color: #222;margin-top: 20px;}
.about05wrap .about05 a:hover img{transform: scale(1.1);}
.about05wrap .about05 .swiper-slide{    display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;background-color: transparent;}


/* .about05wrap{width: 100%;padding: 100px 0;background-color: #f1f2f3;}
.about05wrap .tl{text-align: center;margin-bottom: 50px;}
.about05wrap .tl h3{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.about05wrap .tl h4{font-size: 15px;line-height: 30px;color: #222222;    text-align: justify;text-align-last: center;width: 800px;margin: auto;}

.about05wrap .about05{margin: auto;box-sizing: border-box;position: relative;}
.about05wrap .about05 a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #ffffff;padding: 40px 34px;box-sizing: border-box;}

.about05wrap .about05 a img{display: block;width: auto;height: auto;max-width: 90%;max-height: 100%;transition: all .6s;}
.about05wrap .about05 .swiper-container .swiper-slide p{font-size: 16px;color: #222;margin-top: 20px;}
.about05wrap .about05 a:hover img{transform: scale(1.1);}
.about05wrap .about05 .swiper-button-next,.about05 .swiper-button-prev{background-image: none;font-size: 30px;color: #e63327;top: 50%;margin-top: -15px;width: auto;height: auto;outline: none;}
.about05wrap .about05 .swiper-button-next{right: -40px;}
.about05wrap .about05 .swiper-button-prev{left: -40px;}
.about05wrap .swiper-pagination{position: relative;width: 100%;margin-top: 40px;}
.about05wrap .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;margin: 0;margin-right: 10px;background-color: #bbbbbb;}
.about05wrap .swiper-pagination-bullet:last-child{margin-right: 0;}
.about05wrap .swiper-pagination-bullet-active{background-color: #e63327;}

.about05wrap .about05 .swiper-slide{    display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;background-color: transparent;}
 */


/* solution */
/* research01wrap */
.research01wrap{width: 100%;position: relative;overflow: hidden;}
.research01item{display: block;position: relative;box-sizing: border-box;padding: 80px 0;width: 100%;border-bottom: 1px solid #DDDDDD;}
.itemmin{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.itemmin .imgbox{width:55%;overflow: hidden;position: relative;}
.itemmin .imgbox img{display: block;width: 100%;transition: all .6s;}
.itemmin .text{width: 45%;box-sizing: border-box;padding-left: 70px;}
.itemmin .text h3{font-size: 26px;line-height: 36px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 30px;font-weight: bold;}
.itemmin .text h4{font-size: 16px;line-height: 30px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;margin-bottom: 30px;}
.itemmin .text .more{width: 190px;height: 46px;line-height: 46px;}
.research01item:nth-of-type(2n) .itemmin{-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.research01item:nth-of-type(2n) .itemmin .text{padding-left: 0;padding-right: 70px;}
.research01item:hover .itemmin .imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.itemmin .text .toa{margin: 20px 0 0 0;border: 2px solid #df0023;}

/* news01wrap */
.news01wrap{width: 100%;box-sizing: border-box;background-color: #eeeeee;padding: 70px 0 70px;}
.news01{box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: auto;}
.news01 a{display: block;width: calc((100% - 160px)/3);box-sizing: border-box;margin-right: 80px;margin-bottom: 70px;}
.news01 a:nth-of-type(3n){margin-right: 0;}
.news01 a .imgbox{width: 100%;box-sizing: border-box;background-color: #df0023;}
.news01 a .imgbox h3{display: block;width: 100%;overflow: hidden;transition: all .3s;}
.news01 a:hover .imgbox h3{transform: translate(10px,-10px);-webkit-transform: translate(10px,-10px);}
.news01 a .imgbox h3 img{display: block;width: 100%;transition: all .6s;}
.news01 a:hover .imgbox h3 img{transform: scale(1.1);}
.news01 a .text{width: 100%;box-sizing: border-box;padding-top: 30px;}
.news01 a .text h3{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news01 a .text p{font-size: 13px;color: #666666;margin-bottom: 20px;}
.news01 a .text h4{font-size: 15px;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #666666;margin-bottom: 20px;}
.news01 a .text .more{margin: 0;width: 160px;height: 40px;line-height: 40px;border-radius: 0;opacity: 0;transition: all .3s;font-size:13px;background-color: #df0023;border: none;}
.news01 a:hover .text .more{opacity: 1;}


/* fy */
/*.fy{margin: 0 auto 40px;display: flex;display: -webkit-flex;}*/
/*.fy a{display: block;min-width: 34px;height: 34px;line-height: 34px;border-radius: 2px;border: 1px solid #DDDDDD;margin-right: 20px;font-size: 14px;color: #b8b8b8;text-align: center;box-sizing: border-box;padding: 0 12px;transition: all .3s;border-radius: 4px;}*/
/*.fy a:last-child{margin-right: 0;}*/
/*.fy a:hover,.fy a.active{background-color: #df0023;border-color: #df0023;color: #FFFFFF;}*/
/**/
/*.fy-app{margin: 40px auto 40px;}*/



/* 面包屑 */
.mbx02wrap{position: absolute;
    left: 50%;
    bottom: 20px;
    width: 1400px;
    transform: translateX(-50%);}
.mbx02wrap .mbx02{display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;}
.mbx02wrap .mbx02 a{color: #fff;font-size: 15px;margin-right: 15px;}
.mbx02wrap .mbx02 i{color: #fff;font-size: 13px;margin-right: 15px;}

.mbx03{position: relative;bottom: 0;padding-top: 140px;}
.mbx03 .mbx02 a,.mbx03 .mbx02 i{color: #666;}

/* 产品列表 */
.product01{border-bottom: 1px solid #ddd;}
.product01 .pro-nav{margin: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.product01 .pro-nav::before{content: '';display: block;width: 1px;height: 20px;background-color: #ddd;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.product01 .pro-nav li{ display: block; overflow: hidden; float: left; width: 50%; padding: 30px 0;border-bottom: 1px solid #fff;}
.product01 .pro-nav .active{border-bottom: 1px solid #df0023;}
.product01 .pro-nav li .one{display: block;font-size: 20px;color: #666;}
.product01 .pro-nav li .one .fa{}
.product01 .pro-nav li .active2,.product01 .pro-nav li .active2 .fa{color: #df0023;}
.product01 .pro-nav li .info{ display: block;overflow: hidden;margin: 20px 0 0 0;}
.product01 .pro-nav li .info a{display: block;    background: #eee;    float: left;    padding: 10px 12px;    font-size: 13px;    border-radius: 4px;    margin: 0 5px 10px;    color: #333;}
.product01 .pro-nav li .info .active3,.product01 .pro-nav li .info a:hover{ background: #df0023;color: #fff;}




/*
.product01 .pro-nav li .plink{display: block;font-size: 16px;color: #666;padding: 0 40px;line-height: 88px;height: 88px;position: relative;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.product01 .pro-nav li:nth-child(1) .plink{padding-left: 0;}
.product01 .pro-nav li .plink strong{display: block;width: 1px;height: 20px;background-color: #ddd;margin-right: 40px;}
.product01 .pro-nav li .plink::before{content: '';display: block;width: 1px;height: 20px;background-color: #ddd;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.product01 .pro-nav li .plink::after {content: '';display: block;width: 0%;height: 2px;position: absolute;bottom: 0;left: 0;background-color: #df0023;z-index: 0;transition: all .4s;}
.product01 .pro-nav li .plink:hover:after{width:100%;}
.product01 .pro-nav li .plink:hover{color:#df0023;}
.product01 .pro-nav li .navinfo{    width: 100%;position: absolute;background-color: #f1f2f3;left: 0;box-sizing: border-box;padding: 40px 0;visibility: hidden;z-index: 3;padding: 40px 0;box-shadow: 0px 3px 3px rgba(0,0,0,0.2); }
.product01 .pro-nav li.active .navinfo{visibility: visible;opacity: 1;}*/
/* .product01 .pro-nav li .navinfo::after{content: '';display: block;width: 100%;position: absolute;top: 0;left: 0;background-color: #000;visibility: hidden;opacity: 0;box-shadow: 0px 3px 3px rgba(0,0,0,0.2);z-index: -1;height: 100%;} */
/*.product01 .pro-nav li.active .navinfo::after{visibility: visible;opacity: 1;}
.product01 .pro-nav li .toplist{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 1400px;margin: auto;margin-bottom: 40px;z-index: 4;position: relative;}
.product01 .pro-nav li .toplist a{font-size: 14px;color: #444;display: block;padding: 13px 18px;border: 1px solid #ddd;border-radius: 21px;margin-right: 10px;margin-bottom: 12px;background-color: #f1f2f3;}
.product01 .pro-nav li .toplist a:hover{background-color: #df0023;color: #fff;}
.product01 .pro-nav li .navinfo .bottom{width: 1400px;margin: auto;z-index: 4;position: relative;}
.product01 .pro-nav li .navinfo .bottom h3{font-size: 16px;font-weight: bold;color: #222;margin-bottom: 25px;}
.product01 .pro-nav li .navinfo .bottom .list{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.product01 .pro-nav li .navinfo .bottom .list .item{width: 20%;margin-right: 1%;}
.product01 .pro-nav li .navinfo .bottom .list .item .imgbox{overflow: hidden;margin-bottom: 20px;border: 1px solid #ddd;background-color: #fff;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.product01 .pro-nav li .navinfo .bottom .list .item .imgbox img{width: auto;height: auto;margin: auto;max-width: 85%;max-height: 85%;}
.product01 .pro-nav li .navinfo .bottom .list .item h4{font-size: 16px;color: #222;}
.product01 .pro-nav li .navinfo .bottom .list .item:hover h4{color:#df0023;}

.product01 .pro-nav li:hover .navinfo{display: block;}
.product01 .pro-nav li:hover .navinfo::after{}*/


/* 分页 */
.fy,.nav-links{box-sizing: border-box;display: flex;display: -webkit-flex;margin: auto;}
.fy a,.nav-links a,.nav-links span{display: block;width: auto;min-width: 32px;height: 32px;line-height: 30px;border-radius: 4px;border: 1px solid #DDDDDD;text-align: center;margin-right: 10px;transition: all .3s;font-size: 14px;color: #666;box-sizing: border-box;padding: 0 12px;}
.fy a:last-child{margin-right: 0;}
.fy a:hover,.fy a.active,.nav-links span,.nav-links a:hover{background-color: #e71a36;border-color: #e71a36;color: #FFFFFF;}
.n-fywrap{width: 100%;box-sizing: border-box;margin: 30px auto 30px;}


.product02wrap{padding:60px 0 30px;background-image: url(../img/pinfo_bg.png);background-repeat:no-repeat;background-size:100% 100%;}
.product02{margin: 0 auto 0px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.product02 a{width: 24%;margin-right: 1.33%;margin-bottom: 30px;}
.product02 a:nth-child(4n){margin-right: 0;}
.product02 a .imgbox{width: 100%;overflow: hidden;position: relative;background-image: url(../img/pro_bg.jpg);background-size: cover;height: 220px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.product02 a .imgbox img{width: auto;transition: all .4s;z-index: 0;max-width: 90%;max-height: 90%;margin: auto;}
.product02 a .imgbox i{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 20px;color: #fff;display: block;width: 44px;height: 44px;border: 1px solid #fff;border-radius: 50%;text-align: center;line-height: 44px;z-index: 1;opacity: 0;}
.product02 a .textbox{width: 100%;box-sizing: border-box;padding: 35px;transition: all .4s;}
.product02 a .textbox h3{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 10px;}
.product02 a .textbox p{font-size: 16px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.product02 a .imgbox:before {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(1,1,1,0.5);opacity: 0;transition: all .3s;z-index: 1;}
.product02 a .imgbox:after {content: '';display: block;width: 0%;height: 5px;background-color: #df0023;position: absolute;left: 0;bottom: 0;transition: all .3s;z-index: 2;}

.product02 a:hover .textbox{background-color: #fff;box-shadow:0px 9px 12px rgba(6, 21, 34, 0.1);}
.product02 a:hover .imgbox img{}
.product02 a:hover .textbox h3{color: #df0023;}
.product02 a:hover .imgbox:before{opacity: 1;}
.product02 a:hover .imgbox:after{width: 100%;}
.product02 a:hover .imgbox i{opacity: 1;}


/* pro03 */
.product03wrap{margin-top: 80px;/*background-image: url(../img/proinfo_10.png);background-size:cover;*/}
.product03wrap .product03{margin: auto;padding: 80px 0;border-top: 2px solid #ddd;}
.product03 .box{position: relative;}
.product03 .box h4{font-size: 14px;color: #aaa;margin-bottom: 20px;text-align: center;} 
.product03 .box h3{font-size: 32px;color: #222;margin-bottom: 30px;position: relative;font-weight: bold;text-align: center;}
.product03 .box img{position: absolute;bottom: 50%;left: 50%;transform: translate(-50%, 50%);opacity: 0.7;width: 100%;}

.product03 .c-form{width: 900px;margin: auto;}
.product03 .c-form button{margin: auto;width: 160px;height: 44px;line-height: 44px;font-size: 14px;}
.product03 .c-form p{background-color: #f9f9f9;}
.product03 .c-form input, .c-form textarea{background: transparent;}

.product03 .c-form-2{}
.product03 .c-form-2 p{border-radius: 10px;}
.product03 .c-form-2 p:nth-child(1){width: 48.5%;margin-right: 2%;}
.product03 .c-form-2 p:nth-child(2){width: 48.5%;margin-right: 0;}
.product03 .c-form-2 p:nth-child(3){width: 48.5%;margin-right: 2%;}
.product03 .c-form-2 p:nth-child(4){width: 48.5%;margin-right: 0;}
.product03 .c-form-2 p textarea{width: 100%;}
.product03 .c-form-2 input, .c-form select {width: 90%;}
.product03 .c-form-2 button{margin: 30px auto 0;}

.product03 .c-form-2 p.radio{background-color: transparent;border: none;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size:16px;}
.product03 .c-form-2 p.radio label{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin-left: 50px;}
.product03 .c-form-2 p.radio label input {margin: 0 0 0 10px;width: 15px;background-color: transparent;border-color: #fff;}

.product04wrap{width: 100%;background: url(../img/pro_bg2.jpg);background-size: cover;}
.product04{width: 400px;margin: auto;padding: 100px 0;text-align: center;position: relative;}
.product04 span{font-size: 14px;color: #fff;margin-bottom: 20px;opacity: 0.5;display: block;}
.product04 h3{font-size: 32px;font-weight: bold;color: #fff;margin-bottom: 30px;}
.product04 p{font-size: 18px;line-height: 30px;color: #fff;margin-bottom: 30px;}
.product04 .more{border: 1px solid #fff;background-color: transparent;color: #fff;margin: auto;width: 160px;height: 44px;line-height: 44px;font-size: 14px;}
.product04::before{content: '';display: block;width: 180px;height: 2px;position: absolute; top: 50%;left: -180px;background: linear-gradient(to left,rgb(255 255 255),rgb(255 255 255 / 0%));}
.product04::after{content: '';display: block;width: 180px;height: 2px;position: absolute; top: 50%;right: -180px;background: linear-gradient(to right,rgb(255 255 255),rgb(255 255 255 / 0%));}
.product04 .more:hover{color: #e71a36;}

.product05wrap .product05{margin: 100px auto;}
.product05>span{font-size: 14px;color: #aaa;margin-bottom: 20px;opacity: 0.5;display: block;text-align: center;}
.product05>h3{font-size: 32px;font-weight: bold;color: #222;margin-bottom: 30px;text-align: center;}
.product05wrap .product05 .cont{width: 100%;box-sizing: border-box;    border-top: 1px dashed #ddd;}
.product05wrap .product05 .cont li{width: 100%;padding: 40px 0;position: relative;padding-left: 100px;box-sizing: border-box;border-bottom: 1px dashed #ddd;}
.product05wrap .product05 .cont li font{font-size: 54px;color: #dddddd;font-weight: bold;position: absolute;left: 0;top: 50px;}
.product05wrap .product05 .cont li h3{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.product05wrap .product05 .cont li h4{font-size: 16px;color: #666666;line-height: 30px;}



/* 产品详情 */
.proinfo01wrap{width: 100%;box-sizing: border-box;padding: 70px 0 0;overflow: hidden;}
.proinfo01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.proinfo01 .imgbox{width: 50%;}
.proinfo01 .imgbox img{display: block;width: 100%;background-color: #eef0f3;}
.proinfo01 .imgbox .gallery-thumbs{padding-top: 12px;}
.proinfo01 .imgbox .gallery-thumbs .swiper-slide-thumb-active{border: 2px solid #e71a36;}
.productsinftopwrap .productsinfotop .imgbox .gallery-thumbs .swiper-slide:hover{border: 2px solid #e71a36;}
.proinfo01 .imgbox .gallery-thumbs .swiper-slide{box-sizing: border-box;position: relative;cursor: pointer;}
.proinfo01 .imgbox .gallery-thumbs .swiper-slide::before{content: '';display: block;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #e71a36;position: absolute;top: -16px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;}
.proinfo01 .imgbox .gallery-thumbs .swiper-slide-thumb-active::before{opacity: 1;}
.proinfo01 .swiper-button-next{background: none;width: 48px;height: 48px;text-align: center;color: #333;font-size: 20px;line-height: 48px;background-color: #fff;border-radius: 50%;top: 50%;margin: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.proinfo01 .swiper-button-prev{background: none;width: 48px;height: 48px;text-align: center;color: #333;font-size: 20px;line-height: 48px;background-color: #fff;border-radius: 50%;top: 50%;margin: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.proinfo01 .swiper-button-next:hover{-webkit-box-shadow:0 0 10px rgba(0, 204, 204, .5);-moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);box-shadow:0 0 10px rgba(66, 66, 66, 0.5);opacity: .8;}
.proinfo01 .swiper-button-prev:hover{-webkit-box-shadow:0 0 10px rgba(0, 204, 204, .5);-moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);box-shadow:0 0 10px rgba(66, 66, 66, 0.5);opacity: .8;}


.proinfo01 .text{width: 50%;box-sizing: border-box;padding-left: 80px;}
.proinfo01 .text h3{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.proinfo01 .text p{display: block;width: 100%;border-bottom: 1px solid #DDDDDD;padding-bottom: 20px;font-size: 16px;color: #222222;margin-bottom: 30px;line-height: 32px;}p .proinfo01 .text h4{font-size: 16px;color: #666666;line-height: 32px;margin-bottom: 30px;}
.proinfo01 .text .weixin{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.proinfo01 .text .weixin img{width: auto;    border: 1px solid #ddd;}
.proinfo01 .text .weixin h4{font-size: 16px;color: #222;font-weight: bold;margin-left: 30px;}
.proinfo01 .text .more{color: #fff;border: 1px solid #fff;margin: 0;width: 360px;margin-top: 30px;}
.proinfo01 .text .more i{color: #fff;font-size: 16px;border: 1px solid #fff;border-radius: 50%;width: 34px;height: 34px;text-align: center;line-height: 34px;margin-right: 30px;}
.proinfo01 .text .more:hover{color: #df0024;border: 1px solid #df0024;}
.proinfo01 .text .more:hover i{color: #df0024;border: 1px solid #df0024;}

.proinfo02wrap{width: 100%;background: url(../img/pinfo_bg.png);background-size: 100% 100%;padding: 100px 0;}
.proinfo02{margin: auto;width: 1400px;}
.proinfo02 video{width: 1000px;display:block;margin:auto;}
.proinfo02 .bottom{margin-top: 80px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.proinfo02 .bottom .item{text-align: center;margin: auto;width: 25%;}
.proinfo02 .bottom .item .imgbox{width: 100%;}
.proinfo02 .bottom .item .imgbox img{width: 100%;}
.proinfo02 .bottom .item>img{margin: 16px auto 10px;}
.proinfo02 .bottom .item h3{display: block;width: 194px;height: 40px;line-height: 40px;color: #fff;font-size: 17px;text-align: center;margin: auto;background-color: #e71a36;border-radius: 6px;}


.proinfoimg{width:100%;overflow:hidden;}
.proinfoimg .imginfo{margin:80px auto;}
.proinfoimg .imginfo img{width:auto;margin:auto;max-width:100%;height: auto;}
.proinfoimg .imginfo p{font-size: 16px;line-height: 30px;margin-bottom: 8px;}
.proinfo04wrap{margin: auto;background-image: none;padding-bottom: 0;}
.proinfo04wrap .p-title{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.proinfo04wrap .p-title h3{font-size: 30px;font-weight: bold;color: #222;text-align: center;background-color: #fff;}
.proinfo04wrap .p-title strong{display: block;width: 40%;height: 1px;background-color: #ddd;}
.proinfo04{    margin: 60px auto 0px;}

.proinfo06wrap{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;background: #f1f2f3;}
.proinfo06wrap .left{width: 50%;}
.proinfo06wrap .left img{width: 100%;}
.proinfo06wrap .right{width: 50%;padding-left: 80px;box-sizing: border-box;padding-right:80px}
.proinfo06wrap .right .in-title{margin-bottom: 40px;}
.proinfo06wrap .right .in-title h2{color:#fff;}
.proinfo06wrap .right .in-title h3{}
.proinfo06wrap .right h4{font-size: 20px;font-weight: bold;color: #222;margin-bottom: 30px;}
.proinfo06wrap .right p{font-size: 16px;line-height: 30px;color: #666;}

.proinfo07wrap{margin: 100px auto;}
.proinfo07{margin: auto;}
.proinfo07 a .imgbox{width: 100%;}
.proinfo07 a .imgbox img{width: 100%;}
.proinfo07 a h3{font-size: 18px;color: #222;font-weight: bold;margin: 30px 0;text-align: left;}
.proinfo07 a p{font-size: 15px;color: #666;line-height: 26px;margin-bottom: 30px;min-height: 52px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: left;}
.proinfo07 a font{width: 156px;height: 44px;line-height: 44px;font-size: 15px;}
.proinfo07 .swiper-button-next{}
.proinfo07 .swiper-button-prev{}
.proinfo07 .swiper-pagination{left: 50%;bottom:-30px;transform: translateX(-50%);}
.proinfo07 .swiper-pagination span {margin-right: 10px;}
.proinfo07 .swiper-pagination span:nth-last-child(1) {margin-right: 0px;}
.proinfo07 .swiper-button-prev{left:-60px;}
.proinfo07 .swiper-button-next{right:-60px;}
.proinfo07 .swiper-button-prev,.proinfo03wrap .proinfo03 .swiper-button-next{background-image: none;font-size: 30px;color: #aaa;width: auto; height: auto;margin-top: -15px;}





.contac01wrap{width: 100%;overflow: hidden;background: url(../img/contact_bg.png);background-size: cover;}
.contact01{margin: 100px auto;}
.contact01>h4{font-size: 32px;font-weight: bold;color: #222;margin-bottom: 40px;text-align: center;}
.contact01 ul{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;}
.contact01 ul li{background-color: #e71a36;padding: 30px 70px;box-sizing: border-box;width: 24%;margin-right: 1%;height: 230px;}
.contact01 ul li .imgbox{    text-align: center;width: 54px;height: 54px;margin: 0 auto;background-color: #fff;border-radius: 50%;display: flex;justify-content: space-between;align-items: center;border: 6px solid #cc0d27;position: relative;}
.contact01 ul li .imgbox img{    width: 40px;height: auto;margin: 0 auto;z-index: 2;}
.contact01 ul li .imgbox:after {content: '';display: block;width: 54px;height: 54px;background-color: transparent;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);border-radius: 50%;z-index: 0;border: 6px solid #f44061;}
.contact01 ul li h3{font-size: 18px;color: #fff;text-align: center;margin-top: 30px;margin-bottom: 24px;font-weight: bold;}
.contact01 ul li p{font-size: 16px;color: #fff;text-align: center;line-height:30px;}

.contact01 ul li .imgbox2{margin: 0 auto;text-align: center;}
.contact01 ul li .imgbox2 img{margin: auto;}
.contact01 ul li:nth-last-child(1) h3{margin-bottom: 0;}


.contact02{margin: 100px auto;width: 900px;}
.contact02 h3{font-size: 32px;font-weight: bold;color: #222;text-align: center;margin-bottom: 30px;}
.contact02 h4{font-size: 17px;color: #444;line-height: 32px;text-align: center;margin-bottom: 30px;}
.contact02 .c-form-2{}
.contact02 .c-form-2 p{border-radius: 10px;}
.contact02 .c-form-2 p:nth-child(1){width: 48.5%;margin-right: 2%;}
.contact02 .c-form-2 p:nth-child(2){width: 48.5%;margin-right: 0;}
.contact02 .c-form-2 p:nth-child(3){width: 48.5%;margin-right: 2%;}
.contact02 .c-form-2 p:nth-child(4){width: 48.5%;margin-right: 0;}
.contact02 .c-form-2 p textarea{width: 100%;}
.contact02 .c-form-2 input, .c-form select {width: 90%;}
.contact02 .c-form-2 button{margin: 30px auto 0;}

.contact02 .c-form-2 p.radio{background-color: transparent;border: none;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size:16px;}
.contact02 .c-form-2 p.radio label{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin-left: 50px;}
.contact02 .c-form-2 p.radio label input {margin: 0 0 0 10px;width: 15px;background-color: transparent;border-color: #fff;}


/* 我们的优势 */
.adv01{margin:100px auto;box-sizing: border-box;padding-left: 70px;border-left: 2px solid #df0023;}
.adv01 h3{color: #222;font-size: 36px;font-weight: bold;margin-bottom: 36px;}
.adv01 p{font-size: 18px;color: #666;line-height: 30px;}

.adv02wrap{width: 100%;overflow: hidden;}
.adv02wrap img{width: 100%;}

.ad03wrap{width: 100%;height: auto;background-color: #eeeeee;}
.ad03{width: 1550px;padding: 88px 0 0px;background-color: #fff;box-shadow: 1px 1px 15px #00000054;;margin: 0 auto;transform: translateY(-100px);position: relative;z-index: 3;}
.ad03 ul{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 1400px;margin:0 auto;}
.ad03 ul li{width: 45%;margin-bottom: 80px;}
.ad03 ul li>h4{margin-bottom: 47px;}
.ad03 ul li>h4>p{display: inline-block;}
.ad03 ul li>h4>p>i{font-size: 16px;color: #df0023;vertical-align: middle;font-style: normal;}
.ad03 ul li>h4>p>font{display: inline-block;width: 60px;height: 1px;background-color: #df0023;vertical-align: middle;margin-left: 17px;}
.ad03 ul li>h4>font{display: block;float: right;width: 75%;height: 1px;background-color: #aaa;margin-top: 7px}
.ad03 ul li img{width: 100%;}
.ad03 ul li>h3{font-size: 24px;font-weight: bold;color: #222;margin-bottom: 26px;margin-top: 30px;}
.ad03 ul li>p{font-size: 16px;color: #444;line-height: 28px;}

.ad04wrap{margin: 100px auto;}
.ad04{margin: auto;}
.ad04 li{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 60px;}
.ad04 li .left{width: 50%;}
.ad04 li .left span{font-size: 12px;color: #df0023;vertical-align: middle;}
.ad04 li .left span i{display: inline-block;width: 40px;height: 1px;background-color: #df0023;vertical-align: middle;margin-left: 15px;}
.ad04 li .left h3{font-size: 28px;font-weight: bold;color: #222;margin: 30px 0;}
.ad04 li .left h4{font-size: 20px;color: #222;line-height: 30px;margin-bottom: 30px;}
.ad04 li .left p{font-size: 16px;color: #666;line-height: 28px;}
.ad04 li .right{width: 45%;position: relative;}
.ad04 li .right:after{content: '';display: block;width: 100%;height: 100%;position: absolute; top: 10px;left: 10px;background-color: #df0023;z-index: -1;}
.ad04 li .right img{width: 100%;z-index: 1;}
.ad04 li:nth-child(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.ad04 li:nth-child(2n) .right:after{left: -10px;}



.ad05wrap{background: url(../img/ad_08.jpg);background-size: cover;}
.ad05{margin: auto;width: 1000px;padding: 110px 0;text-align: center;}
.ad05 span{font-size: 12px;color: #fff;}
.ad05 h3{font-size: 28px;font-weight: bold;color: #fff;margin: 30px 0;}
.ad05 p{font-size: 20px;color: #fff;line-height: 36px;}
.ad05 strong{display: block;width: 40px;height: 2px;background-color: #fff;margin:30px auto 0;}


.ad06wrap{position: relative;}
.ad06wrap::after{content: '';display: block;width: calc(50% + 350px);width: -webkit-calc(50% + 350px);height: 100%;position: absolute;right: 0;top: 0;background:url(../img/ad_10.jpg);background-size: cover;z-index: -1;}
.ad06{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin: auto;padding: 100px 0;}
.ad06 .left{width: 50%;}
.ad06 .left img{width: 100%;}
.ad06 .right{width: 46%;margin-left: 4%;}

.ad06 .right span{font-size: 12px;color: #df0023;vertical-align: middle;}
.ad06 .right span i{display: inline-block;width: 40px;height: 1px;background-color: #df0023;vertical-align: middle;margin-left: 15px;}
.ad06 .right h3{font-size: 28px;font-weight: bold;color: #222;margin: 30px 0;}
.ad06 .right p{font-size: 16px;color: #666;line-height: 28px;}


.fy-app{margin:30px auto;}



.zx{position: fixed;top: 50%;right: 0;width: 70px; height: auto;display: none;z-index: 9999;transform: translateY(-50%);}
.zx a{opacity: 0.99;display: block;width: 100%;background: transparent;overflow: hidden;height: 70px;border-bottom: 1px solid #eee;}
.zx a>img{display: block;width: 100%;}

.telmin,.qqmin{position: fixed;top: 26%;right: 72px;height: 166px;width: 166px;padding: 15px 0px;background-color: #df0b13;text-align: center;display: none;box-sizing: border-box;}
.telmin h3,.qqmin h3{font-size: 14px;color: #ffffff;margin-bottom: 15px;}
.telmin img,.qqmin img{display: block;width: auto;max-width: 40px;margin: auto;}
.telmin h4,.qqmin h4{font-size: 16px;margin-top: 25px;color: #fff;}
.qqmin{top:50%;}

.wxerwmmin{width: 166px;height: 166px;position: fixed;top: 33%;right: 72px;box-sizing: border-box;padding: 15px;background-color: #e10916;text-align: center;display: none;}
.wxerwmmin img{display: block;width: 100%;}



.bigmask{position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: rgba(0,0,0,0.5);display: none;z-index: 99999;-webkit-background: rgba(0,0,0,0.5);}
.bigmask .zxly{width: 900px;height: 500px;background-color:rgb(230, 33, 41);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);box-sizing: border-box;padding: 17px;}
.bigmask .zxly .zxlymin{width: 100%;height: 466px;border: 1px dashed #ffffff;box-sizing: border-box;padding: 20px 60px;z-index: 9999;position: relative;}
.bigmask .zxly .zxlymin h3{display: block;font-size: 22px;color: #ffffff;margin-bottom: 20px;text-align: center;}
.bigmask .zxly .zxlymin h3>span{font-size: 30px;font-weight: bold;color: #fffffff;}
.bigmask .zxly .zxlymin>.title02{font-size: 32px;margin-bottom: 30px;}
.bigmask .zxly .zxlymin>.title02>span{font-size: 52px;}
.bigmask .zxly .zxlymin h4{font-size: 16px;color: #ffffff;margin-bottom: 30px;text-align: center;}
.bigmask .zxly .zxlymin form{display: block;width: 100%;height: auto;overflow: hidden;}
.bigmask .zxly .zxlymin form select,.bigmask .zxly .zxlymin form input{width: 100%;border: none;/*float: left;margin-right: 5%;display: block;height: 46px;background-color: #ffffff;color: #aaaaaa;font-size: 14px;margin-bottom: 30px;box-sizing: border-box;padding-left: 20px;line-height: 46px;border: none;outline: none;border-radius: 5px;*/}
.bigmask .zxly .zxlymin form .bd{width: 47.5%;float: left;margin-right: 0px;height: 46px;background-color: #ffffff;color: #aaaaaa;font-size: 14px;margin-bottom: 30px;box-sizing: border-box;padding-left: 20px;line-height: 46px;border: none;outline: none;border-radius: 5px;position: relative;}
.bigmask .zxly .zxlymin form .bd .pd{position: absolute;right: 20px;font-size: 12px;color:rgb(230, 33, 41);}
.bigmask .zxly .zxlymin form>.odd{margin-right: 5%;}
.bigmask .zxly .zxlymin form .bd:nth-of-type(2n-1){margin-right: 5%;}
/*.bigmask .zxly .zxlymin form input:nth-of-type(2n){margin-right: 0px;}*/
.bigmask .zxly .zxlymin form>p{display: block;width: 100%;float: left;position: relative;margin-bottom: 30px;}
.bigmask .zxly .zxlymin form>p>.pd{position: absolute;right: 20px;font-size: 12px;color:rgb(230, 33, 41);top: 50%;margin-top: -6px;}
.bigmask .zxly .zxlymin form textarea{display: block;width: 100%;height: 120px;resize: none;font-size: 14px;color: #aaaaaa;box-sizing: border-box;padding-top: 18px;padding-left: 20px;border: none;outline: none;border-radius: 5px;}
.bigmask .zxly .zxlymin form textarea.textarea02{height: 55px;}
.bigmask .zxly .zxlymin form button{width: 135px;height: 40px;line-height:40px;display: block;background-color: #ffffff;color:rgb(230, 33, 41);font-size: 13px;text-align: center;line-height: 35px;transition: all .3s;border: 1px solidrgb(230, 33, 41);margin: auto;border-radius: 20px;margin-top:20px;}
.bigmask .zxly .zxlymin form button:hover{border: 1px solid #ffffff;color: #ffffff;background-color:rgb(230, 33, 41);}
.bigmask .zxly .zxlymin .clos{display: block;width: 22px;right: -11px;top: -11px;position: absolute;transition: all .3s;background-color:rgb(230, 33, 41);cursor: pointer;}
.bigmask .zxly .zxlymin .clos:hover{transform: rotate(360deg);}

.bigmask .zxly .zxlymin form .bd2{background-color: transparent;
    display: flex;
    display: -webkit-flex;padding-left: 0;height: auto;}
.bigmask .zxly .zxlymin form .bd2 .radio{    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    color: #fff;
    font-size: 16px;
	line-height: 46px;}
.bigmask .zxly .zxlymin form .bd2 .radio label{display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 50px;}
.bigmask .zxly .zxlymin form .bd2 .radio label span{}
.bigmask .zxly .zxlymin form .bd2 .radio label input{margin: 0 0 0 10px;
    width: 15px;
    background-color: transparent;
    border-color: #fff;}



/* newsinfo */
.newsinfowrap{width: 100%;box-sizing: border-box;}
.newsinfowrap .n-tlwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 190px 0 80px;}
.newsinfowrap .n-tlwrap .n-tl{width: 1200px;margin: auto;}
.newsinfowrap .n-tlwrap .n-tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;line-height: 36px;}
.newsinfowrap .n-tlwrap .n-tl p{font-size: 14px;color: #888888;}
.newsinfo01{width: 1200px;margin: auto;box-sizing: border-box;padding-right: 0px;margin-bottom: 100px;}
.newsinfo01 .cont{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;padding: 50px 0;}

.newsinfo01 .cont h4{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;}

.newsinfo01 .cont h4:last-child{margin-bottom: 0;}
.newsinfo01 .cont h4 img{ display: block;width: auto;height: auto;max-width: 100%;margin: 0 auto;}
.newsinfo01 .cont h4 p{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;}
.newsinfo01 .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;}
.newsinfo01 .page a{font-size: 14px;color: #666666;}
.newsinfo01 .page a i{font-size: inherit;color: inherit;margin-right: 10px;}
.newsinfo01 .page a:last-child i{margin-right: 0;margin-left: 10px;}
.newsinfo01 .page a:hover{color: #0075c1;}

.newsinfo01 .cont p,.newsinfo01 .cont span,.newsinfo01 .cont font,.newsinfo01 section{font-size: 15px;color: #666666;line-height: 32px;text-indent: 2em;}
.newsinfo01 .cont a{font-size: 18px;}
.newsinfo01 .cont img{ width: 600px;height: auto;max-width: 100%; margin: 20px auto 20px;}

.newsinfo01 .cont img.aligncenter{margin: 20px auto;}


 
 .wpcf7-form{}
 .wpcf7-form input,.wpcf7-form textarea{display: block;width: 100%;border: 1px solid #ddd;height: 40px;text-indent: 20px;    margin-bottom: 10px;    font-size: 14px;}
 .wpcf7-form textarea{ padding: 10px 0; height: 100px;}
 .wpcf7-form span{ display: block;overflow: hidden;position: relative;}
 .wpcf7-form span span{    position: absolute;    top: 0;    right: 20px;    letter-spacing: 0;    line-height: 40px;    color: #f00;    font-size: 14px;}
 .wpcf7-form br,.screen-reader-response,.screen-reader-text{ display:none; }
.wpcf7-response-output,.wpcf7-validation-errors{    display: block;    font-size: 16px;    color: #f00;    letter-spacing: 0;    margin: 30px 0 0 0;}
 

.product03 .wpcf7-form{ width: 900px; margin: auto;}
.wpcf7-form .more{margin: 30px auto 0;}

.newsnav .newsnavlist{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin:auto;}
.newsnav .newsnavlist li{}
.newsnav .newsnavlist li .plink{display: block;font-size: 16px;color: #666;padding: 0 40px;line-height: 88px;height: 88px;position: relative;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.newsnav .newsnavlist li:nth-child(1) .plink{padding-left: 0;}
.newsnav .newsnavlist li .plink strong{display: block;width: 1px;height: 20px;background-color: #ddd;margin-right: 40px;}
.newsnav .newsnavlist li .plink::before{content: '';display: block;width: 1px;height: 20px;background-color: #ddd;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.newsnav .newsnavlist li .plink::after {content: '';display: block;width: 0%;height: 2px;position: absolute;bottom: 0;left: 0;background-color: #df0023;z-index: 0;transition: all .4s;}
.newsnav .newsnavlist li .plink:hover:after{width:100%;}
.newsnav .newsnavlist li .plink:hover{color:#df0023;}
.newsnav .newsnavlist li .plink.active{color:#df0023;}
.newsnav .newsnavlist li .plink.active::after{width:100%;}
.newsnav .newsnavlist li:nth-child(2) .plink strong{display:none;}







/* join01 */
.join01{margin: 100px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.join01 .imgbox{width: 50%;box-sizing: border-box;}
.join01 .imgbox img{width:100%;}
.join01 .text{width: 45%;box-sizing: border-box;margin-left: 5%;}
.join01 .text h3{font-size: 32px;color: #222222;margin-bottom: 20px;font-weight: bold;}
.join01 .text strong{display: block;width: 80px;height: 2px;background-color: #e62129;margin: 30px 0;}
.join01 .text h4{font-size: 16px;color: #666666;line-height: 30px;}












/* join02 */
.join02{width: 100%;background-color: #fff;box-sizing: border-box;padding: 80px 0 80px;background-color:#f1f2f3;}
.join02 .cont{width: 1400px;margin: auto;box-sizing: border-box;}
.join02 .cont .toh3{font-size: 32px;color: #222;margin-bottom: 30px;text-align: left;font-weight:bold;}
.join02 .cont .min{width: 100%;box-sizing: border-box;position: relative;}
.join02 .cont .min .item{width: 100%;border-bottom: 1px solid #DDDDDD;}
.join02 .cont .min .item:first-child{border-top: 1px solid #DDDDDD;}
.join02 .cont .min li a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 64px;}
.join02 .cont .min li a p{font-size: 18px;color: #222222;font-weight: bold;}
.join02 .cont .min li a i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 20px;height: 20px;border: 1px solid #e62129;border-radius: 50%;font-size: 12px;color: #fff;background-color: #e62129;}
.join02 .cont .min .item .info{width: 100%;box-sizing: border-box;position: relative;margin: 0 0 40px;border-top: 1px solid #DDDDDD;padding-top: 30px;display: none;}
.join02 .cont .min .item .info::before{content: '';display: block;width: 1px;height: calc(100% - 30px);position: absolute;left: 15%;top: 25px;background-color: #DDDDDD;z-index: 0;}
.join02 .cont .min .item .info li{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding-bottom: 40px;position: relative;z-index: 1;}
.join02 .cont .min .item .info li p{width: 15%;font-size: 16px;color: #e62129;border-right: 2px solid #e62129;margin-top: 5px;font-weight:bold;}
.join02 .cont .min .item .info li h4{width: 85%;font-size: 15px;color: #666666;line-height: 30px;box-sizing: border-box;padding-left: 50px;}
.join02 .cont .min .item:first-child .info{display: block;}
.join02 .cont .min .item.active a .fa{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

/* join03 */

.join02 .top{width: 100%;box-sizing: border-box;margin-bottom: 30px;}
.join02 .top h4{font-size: 16px;color: #222222;line-height: 30px;margin-bottom: 30px;}
.join02 .top h3{font-size: 16px;color: #222222;font-weight: bold;margin-bottom: 10px;}
.join02 .top h5{font-size: 16px;color: #222;line-height: 30px;}
.join02 .top h5 font{font-size: 16px;color: #222;line-height: 30px;font-weight: bold;}





.morelist{width: 100%;box-sizing: border-box;display: flex;display: -webkit-inline-flex;-webkit-justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.morelist a{display: block;width:calc((100% - 2px) / 4);   position: relative;overflow: hidden;margin-bottom:1px;}
.morelist a img{display: block;width: 100%;}
.morelist a .first{width: 100%;font-size: 20px;color: #ffffff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;opacity: 1;transition: all .5s;}
.morelist a .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;background-color: rgb(230 33 41 / 83%);box-sizing: border-box;padding: 30px;opacity: 0;transition: all .3s;}
.morelist a .text h3{font-size: 20px;color: #FFFFFF;margin-bottom: 20px;}
.morelist a .text i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;color: #00307f;width: 36px;height: 36px;border-radius: 50%;background-color: #FFFFFF;}
.morelist a:hover .text{opacity: 1;}
.morelist a:hover .first{opacity: 0;}
.morelist a .text::after,.morelist a .text::before{position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.morelist a .text::before{border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
.morelist a .text::after{border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
.morelist a:hover .text::after,.morelist a:hover .text::before{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}


.cul_1  .i-cont,.cul_2  .i-cont,.cul_3  .i-cont,.cul_4  .i-cont,.cul_5  .i-cont{margin: auto;}
.cul_1,.cul_2,.cul_3,.cul_4,.cul_5{overflow: hidden;}
/* cul */
.cul_1 {padding: 100px 0;}
.cul_1  .i-cont{margin: auto;}
.cul_1 h3 {font-size: 30px;color: #333333;line-height: 40px;margin-bottom: 32px;text-align: center;}
.cul_1 .box {padding-top: 34px;border-top: 1px solid #dddddd;position: relative;}
.cul_1 .box::after{content: "";position: absolute;left: 50%;top: -2px;transform: translateX(-50%);width: 48px;height: 3px;background-color: #ef0d25;}
.cul_1 .box ul {display: flex;justify-content: space-between;}
.cul_1 .box ul li  { transition: 0.5s; border: 1px solid #dddddd; position: relative; top: 0px; width: 32%;padding: 53px 33px;display: flex;align-items: center;background: linear-gradient(180deg,#f2f1f8,#fcfcfe);border-radius: 10px}
.cul_1 .box ul li .icon {width: 60px;height: 60px;background-color: #ef0d25;position: relative;margin-right:14%;border-radius: 50%;    display: flex; align-items: center; justify-content: center;}
.cul_1 .box ul li .icon::after{position: absolute; top: -10px; left: -10px; width: 100%; height: 100%; border: 10px solid #f5c7d0; content: ""; border-radius: 50%;}
.cul_1 .box ul li .icon img {width: 23px;}
.cul_1 .box ul li  .right {width: 60.8%;}
.cul_1 .box ul li  .right h4 {font-size: 22px;color: #333333;margin-bottom: 10px;}
.cul_1 .box ul li  .right h5 {font-size: 16px;color: #666666;line-height: 28px;}
.cul_1 .box ul li:hover {    top: -8px; box-shadow: 0 0 13px #d4c7c8;}
.cul_1 .box ul li:hover .right h4  {color: #ef0d25;}

.cul_2 {position: relative;}
.cul_2 .i-cont {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.cul_2 .i-cont .box {    background-color: #ef0d25; padding: 98px 60px; width: 31.65%;}
.cul_2 .i-cont .box  h3 {font-size: 30px;color: #fff;margin-bottom: 20px;}
.cul_2 .i-cont .box  h4 {font-size: 18px;line-height: 30px;color: #fff;}


.cul_3 {padding: 100px 0;}
.cul_3 ul{display: flex;justify-content:space-between;}
.cul_3 ul li { width: 33.3%;border-right: 1px solid #cccccc;display: flex;flex-direction: column;align-items: center;padding-bottom: 12px;}
.cul_3 ul li:nth-of-type(1){border-left: 1px solid #cccccc;}
.cul_3 ul li .icon { border-radius: 50%; display: flex;align-items: center;justify-content: center;width: 137px;height: 137px;border: 6px solid #ecf2fb;margin-bottom: 20px;}
.cul_3 ul li .icon img {width: 55px;}
.cul_3 ul li:nth-of-type(2) .icon img  {width: 42px;}
.cul_3 ul li h4 {font-size: 22px;color: #222222;margin-bottom: 20px;} 
.cul_3 ul li p {font-size: 17px; color: #666666; width: 293px; text-align: center; line-height: 28px;}



.cul_4 {position: relative;}
.cul_4 .i-cont {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.cul_4 .box  {background-color: #009fe3;padding: 74px 61px;width: 31.65%;}
.cul_4 .box h4{font-size: 30px;color: #fff;margin-bottom: 28px;}
.cul_4 .box h5 {font-size: 18px;line-height: 30px;color: #fff;}
.cul_4 .box .cc1 {margin-bottom: 55px;}



.cul_5 {padding: 100px 0;}

.cul_5 .i-cont{display: flex;justify-content: space-between;align-items: center;}
.cul_5 .i-cont .left {width: 36.5%;padding: 48px 0;}
.cul_5 .i-cont .right {width: 50%;}
.cul_5 .i-cont .right .bao {height: 100%;overflow: hidden;position: relative;}
.cul_5 .i-cont .right .bao img {height: 100%;transition: 0.5s;}
.cul_5 .i-cont .right .bao:hover img{transform: scale(1.1);}

.cul_5 .i-cont .left h3 {font-size: 30px;color: #222222;margin-bottom: 36px;}
.cul_5 .i-cont .left p {font-size: 18px;color: #666666;line-height: 30px;}
.cul_5 .i-cont .left p span {font-size: 18px;color: #666666;line-height: 30px;font-weight: bold;}




































@media only screen and (max-width: 1600px){

.i-cont{width: 1160px;}
.in-title h3{font-size: 30px;}
.index02wrap .in-title{padding: 30px 0;}
.header .h-left h3{font-size: 20px;letter-spacing: 0;}
.header .h-left h3 span{font-size: 13px;}
.header .h-right .h-bottom li>a{padding: 0 15px;line-height: 50px;}
.header .h-right .h-top a{padding: 0 15px;line-height: 46px;}
.header .h-right .h-top font{margin-left: 15px;}
.bannerwrap .bannertext{width: 1160px;}
.bannerwrap .bannertext h3{font-size: 46px;line-height: 52px;margin-bottom: 30px;}
.bannerwrap .bannertext h4{font-size: 20px;}
.index02wrap .in-title,.index02wrap-2 .in-title{width: 1160px;}
.bannerwrap .swiper-button-next, .bannerwrap .swiper-button-prev{width: 54px;}
.header li .nav02{top:49px;}

.tabs-vertical .tabs-content-placeholder .tab-content-item{padding: 40px 50px;}
.tabs-vertical .tabs-content-placeholder .tab-content-item02{padding: 40px 50px;}
.tabs-vertical .tabs-content-placeholder p{font-size: 14px;line-height: 26px;}
.tabs-vertical ul a h3{font-size: 20px;}
.tabs-vertical ul a>dl dt{font-size: 13px;}
.tabs-vertical .tabs-content-placeholder .tab-content-item .list .item img{}

.c-form p:nth-child(1){width: 48.5%;}
.index03wrap .index03 .left{padding: 120px 50px;}
.c-form p textarea{height: 90px;}
.index03wrap .index03 .left h3{font-size: 34px;}
.index03wrap .index03 .left p{font-size: 16px;}
.index03wrap .index03 .left h4{font-size: 16px;}
.index03wrap .index03 .left i{width: 36px;height: 36px;}
.c-form input, .c-form select{height: 35px;}
.c-form p{margin-bottom: 10px;}
.c-form button{margin-top: 0;}
.index04wrap .index04 .left p{font-size: 16px;line-height: 26px;}
.index05wrap ul{width: 1160px;}
.index05wrap ul li{width: 20%;}
.index07wrap .culture02wrap li .text strong{display: none;}
.index07wrap .culture02wrap li .text p{font-size: 14px;line-height: 26px;}
.index07wrap .culture02wrap li .text h3{font-size: 30px;}

.index09warp .min .right .item .data{padding: 16px 0;padding-right: 20px;}
.index09warp .min .right .item .info{padding-left: 20px;}
.index09warp .min .right .item .info h3{margin-bottom: 12px;}
.xc .text h3{font-size: 24px;}



.header .h-right .h-top {height: 46px;}

.header .h-right .h-bottom{height: 50px;}

.bannerwrap{}
.index03wrap .index03 .right{width: 60%;}
.index05wrap h2{font-size: 50px;}
.footer .f-top .left{width: 75%;}
.footer .f-top .left ul li .info{margin-right: 70px;}
.footer .f-top .right {width: 25%;}
.index07wrap .culture02wrap li .text{padding-right: calc((100% - 1160px)/2);padding-left: 60px;}
.index07wrap .culture02wrap li:nth-of-type(even) .text{padding-left: calc((100% - 1160px)/2);padding-right: 60px;}
.index07wrap .more{margin-top: 30px;}

.tabs-vertical ul a>dl dt>span{    margin-right: 4px;}
.tabs-vertical ul a{padding: 0 30px;}
.proinfo02{width:1160px;}
.product02 a .textbox{padding:25px 12px;}
.product02 a .imgbox{height:200px;}
.product02 a .textbox h3{font-size:18px;}
.inbanner{padding-top: 96px;}
.inbanner .innertext{width: 1160px;}
.mbx02wrap{width: 1160px;}
.product01 .pro-nav li .toplist{width: 1160px;}
.product01 .pro-nav li .navinfo .bottom{width: 1160px;}
.product01 .pro-nav li{width:57%;}
.product01 .pro-nav li:nth-child(2){width:43%;}
.about04wrap .about04 .title_his{width: 18%;}
.about01wrap .right p{width:520px;}
.about01wrap::before{height: 52%;}
.about02wrap .about02 .left{padding: 0 120px 0 calc(50% - 580px);}
.about04wrap .about04{margin-left: calc(50% - 580px);margin-left: -webkit-calc(50% - 580px);}
.about04wrap .about04 .title_his h2{font-size: 30px;}

.contact01 ul li h3{margin-top: 22px;margin-bottom: 19px;}

.ad03{width: 1200px;}
.ad03 ul{width: 1100px;}
.ad05 p{font-size: 17px;}

.zx{width: 54px;}
.zx a{height: 54px;}
.header li .nav03{top: 96px;}
.proinfo06wrap .right p{font-size: 15px;line-height: 26px;}
.in-title h2{font-size:52px;}
.header .h-right .h-bottom li>a{font-size:15px;}
.header .nav03 .i-cont .dz-2 dl .item{width: 30%;}
.header .nav03 .i-cont .dz dl .item a h4{font-size:15px;}



.join01 .text h3{font-size:28px;}
.join02 .cont{width: 1160px;}
.join03wrap{width: 1160px;}
.join02 .cont .toh3{font-size:28px;}
.morelist a .text h3{font-size:18px;}


.cul_1 { padding: 80px 0; }
.cul_1 h3 { font-size: 26px; line-height: 38px; margin-bottom: 26px; }
.cul_1 .box { padding-top: 31px; }
.cul_1 .box::after { width: 40px; height: 2px; }
.cul_1 .box ul li .right h5 { font-size: 14px; line-height: 26px; }
.cul_1 .box ul li .right h4 { font-size: 20px;  margin-bottom: 7px; }
.cul_2 .i-cont .box h3 { font-size: 26px; margin-bottom: 16px; }
.cul_2 .i-cont .box h4 { font-size: 16px; line-height: 28px; }
.cul_2 .i-cont .box { padding: 64px 42px; width: 31.65%; }
.cul_2 img {height: 480px;}
.cul_1,.cul_3, .cul_5{padding: 80px 0;}
.cul_3 ul li .icon { width: 110px; height: 110px; margin-bottom: 16px; }
.cul_3 ul li .icon img { width: 43px; }
.cul_3 ul li:nth-of-type(2) .icon img { width: 30px; }
.cul_3 ul li h4 { font-size: 20px; margin-bottom: 14px; }
.cul_3 ul li p { font-size: 15px; width: 260px; line-height: 26px; }
.cul_4 img {height: 580px;}
.cul_4 .box h4 { font-size: 26px; margin-bottom: 22px; }
.cul_4 .box h5 { font-size: 16px; line-height: 28px; }
.cul_4 .box .cc1 { margin-bottom: 45px; }
.cul_4 .box { background-color: #009fe3; padding: 62px 51px; width: 31.65%; }
.cul_5 .i-cont .left h3 { font-size: 26px; margin-bottom: 28px; }
.cul_5 .i-cont .left p span { font-size: 16px; line-height: 28px; }
.cul_5 .i-cont .left p { font-size: 16px; line-height: 28px; }













}