@font-face{

	font-family:"abel";

	src: url("../fonts/abel-regular.woff") format("woff"),

       url("../fonts/abel-regular.ttf") format("truetype"),

       url("../fonts/abel-regular.eot") format("embedded-opentype"),

       url("../font/Abel-Regular.otf") format("opentype"),

	   url('../font/Abel-Regular.svg') format('svg');

}

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:'abel'; line-height:1;font-weight: normal;letter-spacing:0;}

body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}

img{display: block;}

a{ color:#333; text-decoration:none; font-size: 18px;}

ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}

.fl{float: left;}

.fr{float: right;}

.clearfix:after{display: block;content: '';clear: both;}

.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

/*IE*/

	.web-ie2018{ font-family: microsoft yahei;   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}

	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}

	.web-ie2018 dl #img{    display: block;margin: 50px auto;}

	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}

	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}

	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}

	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}

	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}

	.web-ie2018 dl dd a span{display: block;font-size: 18px; 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: 18px;}

}

/* headerwrap */

.headerwrap{position: fixed;top: 0;left: 0;z-index: 10;width: 100%;transition: all .3s;}

.header{width: 1200px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}

.header .logo{display: block;}

.header .logo img{display: block;width: auto;height: 50px;/* filter: grayscale(1) brightness(7); */}

.header .h-right{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}

.header .nav{display: flex;display: -webkit-flex;margin-left: 40px;}

.header .nav a{display: block;font-size: 18px;color: #ffffff;line-height: 90px;position: relative;text-transform:uppercase;}

.header .nav a:after{content: '';display: block;width: 0%;height: 2px;background-color: #ffffff;position: absolute;bottom: 0;left: 0;transition: all .3s;}

.header .nav a:hover:after,.header .nav a.active:after{width: 100%;}

.header .nav li{margin-right: 50px;}

.header .nav li:last-child{margin-right: 0;}

.pc-language{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;text-transform: uppercase;margin: 0 40px;}

.pc-language a{display: block;font-size: 18px;color: #ffffff;}

.pc-language a:hover{color: #D80C18;}

.pc-language i{display: block;width: 1px;height: 16px;background-color: #ffffff;margin: 0 10px;}

.more{display: block;width: 120px;height: 34px;line-height: 34px;text-align: center;line-height: 34px;border: 1px solid #d80c18;font-size: 18px;position: relative;z-index: 0;color: #D80C18;font-weight:bold;text-transform: uppercase;}

.more:after{content: '';display: block;width: 0%;height: 100%;position: absolute;top: 0;left: 0;transition: all .3s;background-color: #D80C18;z-index: -1;}

.more:hover:after{width: 100%;}

.more:hover{color: #FFFFFF;}

.h-right .more{border-color: #ffffff;color: #ffffff;font-size: 15px;font-weight: normal;}

.headerwrap:hover,.div2_1 .headerwrap,.div3 .headerwrap{background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

.headerwrap:hover .header .nav a:hover,.div3 .headerwrap .header .nav a:hover,.div2_1 .headerwrap .header .nav a:hover,.div2_1 .headerwrap .header .nav a.active,.headerwrap:hover .header .nav a.active,.div3 .headerwrap .header .nav a.active{color: #D80C18;}

.headerwrap:hover .header .nav a:after,.div2_1 .headerwrap .header .nav a:after,.div3 .headerwrap .header .nav a:after{background-color: #D80C18;}

.headerwrap:hover .header .logo img,.div2_1 .headerwrap .header .logo img,.div3 .headerwrap .header .logo img{filter: none;}

.headerwrap:hover .header .h-logo .logo02,.div2_1 .headerwrap .header .h-logo .logo02,.div3 .headerwrap .header .h-logo .logo02{display: block;}

.headerwrap:hover .header .nav li>a,.div2_1 .headerwrap .header .nav li>a,.div3 .headerwrap .header .nav li>a{color: #222;}

.headerwrap:hover .header .h-right .pc-language a,.div2_1 .headerwrap .header .h-right .pc-language a,.div3 .headerwrap .header .h-right .pc-language a{color: #333333;}

.headerwrap:hover .header .h-right .more,.div2_1 .headerwrap .header .h-right .more,.div3 .headerwrap .header .h-right .more{border-color: #D80C18;color: #D80C18;}

.headerwrap:hover .header .h-right i,.div2_1 .headerwrap .header .h-right i,.div3 .headerwrap .header .h-right i{background-color: #333333;}

.headerwrap:hover .header .h-right .pc-language a:hover{color: #D80C18;}

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

.headerwrap:hover .header .nav li:hover>a,.headerwrap .header .nav li.active>a{color: #D80C18;}

.headerwrap:hover .header .h-right .more:hover{color: #ffffff;}

.headerwrap:hover .r-minwrap .ew a,.div2_1 .headerwrap .r-minwrap .ew a,.div3.headerwrap .r-minwrap .ew a{color: #222222;}

/* banner */

.bannerwrap,.bannerwrap .swiper-container{width: 100%;height: 100%;position: relative;z-index: 0;}

.bannerwrap .box{display: block;width: 100%;height: 100%;position: relative;z-index: 1;}

.bannerwrap .box:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(12,16,23,0.3);z-index: 0;}

.bannerwrap .box>img{display: block;width: auto;height: 100%;min-width: 100%;}

.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;

}

.bannertext{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;width: 1200px;box-sizing: border-box;text-align: left;}

.bannertext h3{font-size: 40px;color: #ffffff;line-height: 60px;font-weight: bold;margin-bottom: 0; min-height: 234px;}

.bannertext h4{font-size: 18px; color: #ffffff;margin-bottom: 30px;}

.more01{width: 180px;height: 50px;line-height: 50px;text-transform: uppercase;border-color: #ffffff;color: #ffffff;}

.more01:hover{border-color: #d80c18;}

/* .swiper-pagination */

.bannerwrap .swiper-pagination{width: 1200px;box-sizing: border-box;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 70px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}

.bannerwrap .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;border: 1px solid #FFFFFF;opacity: 1;margin: 0;margin-right: 20px;background-color: transparent;outline: none;}

.bannerwrap .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}

.bannerwrap .swiper-pagination .swiper-pagination-bullet-active{background-color: #FFFFFF;}

/* index01wrap */

.index01wrap{width: 100%;box-sizing: border-box;position: relative;padding-left: calc((100% - 1400px)/2);z-index: 1;padding-bottom: 150px;display: none;}

.i01bgimg{position: absolute;left: 0;bottom: 0;width: 50%;height: auto;position: absolute;left: 0;z-index: 0;}

.index01top{width: 100%;position: relative;padding-top: 120px;}

.index01toptext{padding-right: 160px;}

.i-tl01{width: 60%;box-sizing: border-box;padding-left: 110px;position: relative;}

.i-numbox{width: 84px;height: 84px;border: 1px solid #DDDDDD;box-sizing: border-box;padding: 10px;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: space-between;justify-content: space-between;position: absolute;left: 0;top:0;} 

.i-numbox h3{font-size: 30px;color: #d80c18;font-weight: bold;}

.i-numbox strong{display: block;width: 100%;height: 1px;background-color: #DDDDDD;transform: rotate(-45deg);position: absolute;top: 50%;left: 0;}

.i-numbox p{font-size: 18px;color: #999999;text-align: right;}

.i-tl01 .p{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 20px;text-transform: uppercase;}

.i-tl01 .h3{font-size: 46px;color: #d80c18;font-weight: bold;margin-bottom: 40px;}

.i-tl01 h4{font-size: 20px;line-height: 36px;color: #333333;text-align: justify;}

.index01toptext .i-more{margin-top: 40px;}

.i-more{display: block;width: 70px;transition: all .6s;}

.i-more img{display: block;width: 100%;}

.i-more:hover{transform: translateX(10px);-webkit-transform: translateX(10px);}

/* index01topimg */

.index01topimg{width: 40%;position: absolute;right: 0;bottom: 0;background: url(../images/sy_gy_t1.jpg)no-repeat;background-size: cover;background-position: right bottom;box-sizing: border-box;padding: 60px 60px 100px;}

.newswiper{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}

.newswiper .swiper-container{width: 80%;margin: 0;}

.newswiper a{display: block;width: 100%;}

.newswiper a .data{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 18px;color: #ffffff;margin-bottom: 20px; opacity: 0.5;}

.newswiper a .data i{font-size: inherit;color: inherit;margin-right: 10px;}

.newswiper a h4{font-size: 24px;color: #ffffff;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 30px;}

.newswiper a font{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 18px;color: #ffffff;font-weight: bold;text-transform: uppercase;}

.newswiper a font i{font-size: inherit;color: inherit;padding-left: 20px;transition: all .3s;}

.newswiper a:hover font i{transform: translateX(20px);-webkit-transform: translateX(20px);}

/* .newswiper .page{width: 20%;} */

.newswiper .page .swiper-button-next,.newswiper .page .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;border: 1px solid #FFFFFF;font-size: 18px;color: #FFFFFF;width: 34px;height: 34px;background-image: none;outline: none;position: relative;padding: 0;margin: 0;top: 0;left: 0;right: 0;bottom: 0;}

.newswiper .page .swiper-button-next{margin-bottom: 10px;}

/* textbox */

.index01topimg .textbox{width: 68%;box-sizing: border-box;margin: 100px 0 0;}

.index01topimg .textbox h3{font-size: 32px;color: #FFFFFF;line-height: 50px;text-align: justify;margin-bottom: 100px;}

.index01topimg .textbox a{font-size: 20px;color: #FFFFFF;text-decoration: underline;     opacity: 0.5;}

/* index01bot */

.index01bot{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;}

.index01bot img{height: 400px;object-fit: cover;display: block;}

.index01bot .imgbox{width: 400px;height: 400px;background: url(../images/sy_gy_gs_02.jpg)no-repeat;background-size: cover;box-sizing: border-box;padding: 40px;}

.index01bot .imgbox .imgboxmin{width: 100%;height: 100%;background: url(../images/sy_gy_gs_01.png)no-repeat;background-size: cover;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}

.index01bot .imgbox .imgboxmin p{font-size: 30px;color: #ffffff;font-weight: bold;text-transform: uppercase;}

.index01bot img:last-child{width: 40%;}

/* index01two */

.index01two{margin: 120px auto;text-align: center;box-sizing: border-box;padding: 0 90px;}

.index01two p{font-size: 18px;color: #666666;margin-bottom: 15px;text-transform: uppercase;display: none;}

.index01two h3{font-size: 36px;color: #d80c18;font-weight: bold;margin-bottom: 40px;}

.index01two h3 font{font-size: 40px;color: inherit;font-weight: bold;}

.index01two h4{font-size: 20px;line-height: 32px;color: #666;}

.index01two .more01{background-color: #d80c18;color: #ffffff;margin: auto;border: 1px solid #d80c18;margin-top: 40px;}

.index01two .more01:after{background-color: #ffffff;}

.index01two .more01:hover{color: #d80c18;}

/* innerwrap */

.innerwrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}

.i-cont{width: 1200px;}

/* index02 */

.index02wrap{position: relative;z-index: 0;width: 100%;padding: 140px 0;}

.index02imgbox{position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;}

.index02imgbox .img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;opacity: 0;transition: all .3s;}

.index02imgbox .img img{display: block;width: 100%;height: 100%;object-fit: cover;}

.index02imgbox .img.active{opacity: 1;}

/* index02textbox */

.index02textbox{margin: auto;position: relative;z-index: 1;}

.index02textbox .item{display: inline-block;box-sizing: border-box;width: 260px;height: 260px;box-sizing: border-box;padding: 30px 30px;transition: all .3s;}

.index02textbox .item img{display: block;width: auto;height: 60px;margin-bottom: 20px;}

.index02textbox .item h3{font-size: 28px;color: #ffffff;font-weight: bold;margin-bottom: 70px;}

.index02textbox .item .hover{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}

.index02textbox .item .hover img{display: block;width:10%;height: auto;margin: 0;}

.index02textbox .item .hover strong{display: block;width: 0%;height: 1px;background-color: rgba(255,255,255,0.8);transition: all .3s;margin-left: 5%;}

.index02textbox .item:hover .hover strong{width: 85%;}

.index02textbox .item:nth-of-type(1){background-color: #4654be;}

.index02textbox .item:nth-of-type(2){background-color: #0f4698;}

.index02textbox .item:nth-of-type(3){background-color: #737ba0;}

.index02textbox .item:hover{background-color: #d80c18;}

.index02textbox .item:first-child{margin-bottom: 3px;}

/* index02abfont */

.index02abfont{font-size: 80px;color: rgba(255,255,255,0.5);writing-mode: tb;writing-mode: vertical-lr;text-transform: uppercase;position: absolute;right: calc((100% - 1400px)/2);top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);white-space: nowrap;font-weight: bold;}

/* indextwo02 */

.indextwo02{width: 100%;position: relative;display: flex;display: -webkit-flex;height: calc(100vh - 90px);}

.indextwo02 .item{width: 25%;height: 100%;position: relative;transition: all .4s ease-out;transition-delay: .3s;}

.indextwo02 .item:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;opacity: 0.5;transition: all .3s;background-color: rgba(31,61,109,0.8);}

.indextwo02 .item>img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 0;}

.indextwo02 .item .text{width: 100%;box-sizing: border-box;padding: 100px 60px 0;position: relative;z-index: 1;}

.indextwo02 .item .text h3{font-size: 32px;color: #ffffff;font-weight: bold;position: relative;margin-bottom: 30px;}

.indextwo02 .item .text h3:before{content: '';display: block;width: 3px;height: 32px;position: absolute;left: -20px;top: 0;background-color: #d80c18;}

.indextwo02 .item .text h4{font-size: 20px;color: #ffffff;line-height: 30px;width: 280px;opacity: 0;transition: all .3s;transition-delay: .3s;}

.indextwo02 .item a{position: absolute;left: 60px;bottom: 120px;z-index: 1;transition: all .3s;opacity: 0;transform: translateY(50px);-webkit-transform: translateY(50px);}

.indextwo02 .item.active{width: 40%;transition-delay: 0s;}

.indextwo02 .item:hover a{transform: none;-webkit-transform: none;opacity: 1;}

.indextwo02 .item:hover .text h4{opacity: 1;}

.indextwo02 .item:hover:before{opacity: 0;}

/* b-scroll */

.bann-scroll{position: absolute;right: calc((100% - 1400px)/2);bottom: 90px;padding-left: 10px;}

.bann-scroll p{font-size: 18px;color: #ffffff;text-transform: uppercase;writing-mode: tb;}

.bann-scroll strong{display: block;width: 1px;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(255,255,255,0.3);}

.bann-scroll strong:after{content: '';display: block;width: 100%;height: 100%;-webkit-animation: scrollline 2s ease-out .5s infinite;animation: scrollline 2s ease-out .5s infinite;position: absolute;left: 0;top: 0;background-color: #FFFFFF;}

@keyframes scrollline{

0%{height: 0%;bottom: initial;top: 0;}

25%{height: 100%;}

50%{height: 100%;}

70%{top: initial;bottom: 0;}

80%{height: 0%;}

100%{height: 0%;}

}

@-webkit-keyframes scrollline{

0%{height: 0%;bottom: initial;top: 0;}

25%{height: 100%;}

50%{height: 100%;}

70%{top: initial;bottom: 0;}

80%{height: 0%;}

100%{height: 0%;}

}

/* index03wrap */

.index03wrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;margin: 140px 0;}

.index03{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}

/* index03left */

.index03left{width: 70vw;box-sizing: border-box;}

.index03left-top{width: 100%;display: flex;display: -webkit-flex;}

.index03left-top .item:nth-of-type(1){width: 50vw;}

.index03left-top .item img{display: block;width: 100%;transition: all .6s;}

.index03left-top .item:hover img{transform: scale(1.1);}

.index03left-top .item{position: relative;overflow: hidden;}

.index03bottext{position: absolute;left: 0;bottom: 60px;padding: 0 60px;}

.index03bottext p{font-size: 18px;color: #ffffff;margin-bottom: 10px;}

.index03bottext strong{display: block;width: 90px;height: 4px;background-color: #FFFFFF;}

.index03bottext h4{font-size: 20px;line-height: 30px;color: #ffffff;margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}

.index03left-top .item:nth-of-type(2){width: 20vw;background-color: #d80c18;}

/* .index03left-top .item:hover .index03bottext p,.index03left-top .item:hover .index03bottext h4{color: #d80c18;}

.index03left-top .item:hover .index03bottext strong{background-color: #d80c18;} */

/* index03left-bot */

.index03left-bot{width: 100%;display: flex;display: -webkit-flex;}

.index03left-bot .n-list{width: 50vw;box-sizing: border-box;padding-left: calc((100vw - 1400px)/2);padding-top: 90px;padding-right: 160px;}

.index03left-bot .n-list a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 50px;}

.index03left-bot .n-list a .data{width: 60px;}

.index03left-bot .n-list a .data p{font-size: 18px;color: #333333;}

.index03left-bot .n-list a .data strong{display: block;width: 100%;height: 4px;background-color: #333333;margin-top: 10px;}

.index03left-bot .n-list a .data h3{font-size: 56px;color: #333333;font-weight: bold;}

.index03left-bot .n-list a .info{width: calc(100% - 100px);}

.index03left-bot .n-list a .info .tl{font-size: 20px;color: #333333;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}

.index03left-bot .n-list a .info .min{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;color: #333333;margin-top: 20px;}

.index03left-bot .n-list a:last-child{margin-bottom: 0;}

.index03left-bot .imgbox01{width: 20vw;overflow: hidden;}

.index03left-bot .imgbox01 img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .6s;}

.index03left-bot .imgbox01:hover img{transform: scale(1.1);}

.index03left-bot .n-list a:hover .data p,.index03left-bot .n-list a:hover .data h3{color: #d80c18;}

.index03left-bot .n-list a:hover .data strong{background-color: #d80c18;}

.index03left-bot .n-list a:hover .tl,.index03left-bot .n-list a:hover .min{color: #d80c18;}

/* index03right */

.index03right{width: 30vw;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: space-between;justify-content: space-between;}

.index03right .tlitem{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;}

.index03right .imgbox02{width: 100%;position: relative;overflow: hidden;}

.index03right .imgbox02 img{display: block;width: 100%;transition: all .6s;}

.index03right .imgbox02:hover img{transform: scale(1.1);}

.index03wrap .tomore{width: 100%;box-sizing: border-box;padding-left: calc((100vw - 1400px)/2);margin-top: 70px;}

.index03wrap .tomore .i-more{margin-left: 100px;}

/* index04wrap */

.index04wrap{width: 100%;position: relative;overflow: hidden;padding-bottom: 330px;}

.index04abfont{position: absolute;right: 0;top: 0;width: 50%;box-sizing: border-box;overflow: hidden;}

.index04abfont span{font-size: 140px;color: rgba(51,51,51,0.05);font-weight: bold;text-transform: uppercase;-webkit-animation: about-anim 5s linear infinite normal;animation: about-anim 5s linear infinite normal;display: block;white-space: nowrap;letter-spacing: 5px;}

@-webkit-keyframes about-anim {

    0%   { -webkit-transform: translateX(-33.33%); }

    100% { -webkit-transform: translateX(-66.66%); }

}

@keyframes about-anim {

    0%   { transform: translateX(-33.33%); }

    100% { transform: translateX(-66.66%); }

}

.index04wrap:before{content: '';display: block;width: 100%;height: calc(100% - 140px);background: url(../images/sy_jr_bj.jpg)no-repeat;background-size: cover;position: absolute;left: 0;bottom: 0;z-index: 0;}

.index04{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-end;align-items: flex-end;position: relative;z-index: 1;}

.index04imgbox{width: 60%;overflow: hidden;position: relative;z-index: 0;}

.index04imgbox img{display: block;width: 100%;}

.index04textbox{width: 45%;box-sizing: border-box;position: relative;margin-left: -5%;margin-bottom: -200px;box-shadow: 10px 15px 20px rgba(93,147,197,0.2);}

.index04textboxmin{position: relative;z-index: 1;background-color: #FFFFFF;padding: 70px 70px;box-sizing: border-box;}

.index04textbox .i-tl01{width: 100%;position: relative;background-color: #FFFFFF;z-index: 1;}

.index04textbox .abimg{position: absolute;left: -150px;width: 180px;bottom: -40px;z-index: -1;}

.index04textbox .i-tl01 .i-more{margin-top: 30px;}

/* index05erap */

.index05erap{width: 100%;position: relative;background: url(../images/sy_sz_bj.jpg)no-repeat;background-size: cover;padding: 50px 0; background-position-x: center;background: #f5f5f5;}

.index05{margin: auto;}

.index05num{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}

.index05num .mun_top{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-align-items: flex-end;align-items: flex-end;-webkit-justify-content: center;justify-content: center;}

.index05num h2{font-size: 46px;color: #d80c18;font-weight: 900;}

.index05num font{font-size: 24px;color: #d80c18;margin-bottom: 9px;}

.index05num p{font-size: 18px;color: #333333;margin-top: 20px;text-align: center;}

.footerwrap{width: 100%;background-color: #C51720;position: relative;padding:40px 0;}

.footer{margin: auto;}

.footertop{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,0.4);}

.f-logo{display: block;} 

.f-logo img{display: block;width: auto;height: 70px;}

.f-nav{display: flex;display: -webkit-flex;width: 50%;-webkit-justify-content: space-between;justify-content: space-between;}

.f-nav a{display: block;font-size: 18px;color: #ffffff;}

.f-nav a:hover{color: #d80c18;}

.f-nav a:last-child{margin-right: 0;}

/* f-lx */

.f-lx{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 50px;}

.f-lx .item{width: 50%;}

.f-lx .item p{font-size: 18px;color: #FFFFFF;margin-bottom: 20px;}

.f-lx .item a{display: flex;-webkit-flex: ;}

.f-lx .item a i{font-size: 20px;color: #4b4b4b;}

.f-lx .item a font{font-size: 18px;color: #ffffff;text-transform: uppercase;text-decoration: underline;margin-left: 5px;}

.f-lx .item h4{font-size: 18px;color: #ffffff;line-height: 26px;}

/* copyright */

.copyright{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}

.copyright h3{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}

.copyright h3,.copyright a{font-size: 18px;color: #ffffff;}

.copyright h3 i{display: block;width: 1px;height: 14px;background-color:rgba(255,255,255,0.4);margin: 0 10px;}

.copyright .bdsharebuttonbox{display: flex;display: -webkit-flex;}

.copyright .bdsharebuttonbox a{display: flex;display: -webkit-flex;border:1px solid rgba(255,255,255,0.3);border-radius: 50%;width: 34px;height: 34px;font-size: 18px;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;color: #FFFFFF;padding: 0;margin: 0;margin-right: 10px;background-image: none;}

.copyright .bdsharebuttonbox a:last-child{margin-right: 0;}

.copyright .bdsharebuttonbox a:hover{opacity: 0.8;}

.copyright .bdsharebuttonbox a:hover:before{color: #FFFFFF;}

/* totop */

.totop{position: fixed;bottom: 140px;right: 100px;text-align: center;z-index: 10;display: none;}

#totop img{display: block;width: 30px;height: auto;margin: auto;}

#totop p{font-size: 18px;color: #666666;text-transform: uppercase;margin-top: 10px;}

.indextwo02,.index03wrap,.index04wrap{display: none;}

/* 关于 */

.innerbanner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}

.innerbanner img{display: block;width: 100%;object-fit: cover;}

.innerbanner .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.innerbanner .text h3{font-size: 40px;color: #ffffff;font-weight: bold;margin-bottom: 50px;text-transform: uppercase;}

.innerbanner .text h4{font-size: 18px;color: #ffffff;}

/* innerbannerbot */

.innerbannerbot{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 50px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}

.b-scrollwrap{display: flex;display: -webkiit-flex;-webkit-align-items: center;align-items: center;cursor: pointer;}

.b-scroll{display: block;width: 24px;height:30px;border: 2px solid #FFFFFF;border-radius: 4px;margin: auto;position: relative;}

.b-scrollwrap p{font-size: 18px;color: #ffffff;margin-left: 10px;     display: none;}

.b-scroll i{display: block;width: 3px;height: 5px;background-color: #FFFFFF;transform: translateX(-50%);-webkit-transform: translateX(-50%);position: absolute;left: 50%;top: 10%;animation: scroll 2s ease-out .5s infinite;-webkit-animation: scroll 2s ease-out .5s infinite;}

@keyframes scroll{

	0%{top: 10%;opacity: 1;}

	100%{top: 90%;opacity: 0;}

}

@-webkit-keyframes scroll{

	0%{top: 10%;opacity: 1;}

	100%{top: 90%;opacity: 0;}

}

#scrollnow{position: absolute;height: 90px;width: 100%;bottom: 0;left: 0;z-index: -1;}

/* inner-mbx */

.inner-mbx{width: auto;padding: 0 30px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;height: 36px;background-color: rgba(255,255,255,0.3);}

.inner-mbx a{font-size: 18px;color: #ffffff;}

.inner-mbx i{font-size: 18px;color: #ffffff;margin: 0 10px;}

/* about01wrap */

.about01wrap{padding: 140px 0;background-color: #f8f6f9;position: relative;}

/* a-cont */

.a-cont{width: 1200px;}

/* about01top */

.about01top{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;z-index: 1;}

.about01top .text{width: 55%;box-sizing: border-box;padding-bottom: 120px;}

.about01top .text h3{font-size: 42px;color: #333333;font-weight: bold;}

.about01top .text strong{display: block;width: 60px;height: 2px;background-color: #d80c18;margin: 20px 0;}

.about01top .text h4{font-size: 18px;line-height: 32px;text-align: left;color: #666;height: 190px;overflow: hidden;overflow-y: auto;box-sizing: border-box;padding-right: 10px;}

.about01top .text h4::-webkit-scrollbar {

  /*滚动条整体样式*/

  width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/

  height: 1px;

  }

.about01top .text h4::-webkit-scrollbar-thumb {

  /*滚动条里面小方块*/

  border-radius: 3px;

  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

  background   : #b0b0b0;

  }

.about01top .text h4::-webkit-scrollbar-track {

  /*滚动条里面轨道*/

  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

  border-radius: 3px;

  background   : #dfdfdf;

  }

.about01top .imgbox{width: 45%;box-sizing: border-box;padding-left: 100px;}

.about01top .imgbox img{display: block;width: 100%;}

/* about01bot */

.about01bot{width: 100%;box-sizing: border-box;padding-right: calc((100% - 1200px)/2);margin-top: -120px;position: relative;z-index: 1;}

.about01botnum{width: calc(100% - 100px);box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;background-color: #ffffff;height: 240px;}

.about01botnum li{width: calc(100% / 5);border-right: 1px solid #DDDDDD;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;}

.about01botnum li:last-child{border-right: none;}

.about01botnum li h2{font-size: 42px;color: #d6061c;font-weight: bold;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}

.about01botnum li .mun_top{display: flex;display: -webkit-flex;-webkit-align-items: flex-start;align-items: flex-start;}

.about01botnum li .mun_top font{font-size: 24px;color: #d6061c;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}

.about01botnum li .mun_top font i{font-size: 18px;color: inherit;font-style: normal;font-weight: bold;}

.about01botnum li:last-child h2:after{font-size: 40px;color: inherit;font-weight: lighter;}

.about01botnum li p{font-size:16px;color: #333333;margin-top: 10px;}

/* abimg01 */

.about01wrap .abimg01{position: absolute;left: 0;top: 0;width: auto;max-width: 40%;z-index: 0;}

.about01wrap .abimg02{position: absolute;right: 0;bottom: 0;width: auto;max-width: 40%;z-index: 0;}

/* about02wrap */

.about02wrap{width: 100%;box-sizing: border-box;background: url(../images/abbg01.jpg)no-repeat;background-size: cover;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;height: 50vh;}

.about02wrap a{display: block;width: 25%;box-sizing: border-box;position: relative;border-right: 1px solid rgb(255,255,255,0.3);height: 100%;overflow: hidden;}

.about02wrap a .toptext{width: 100%;top: 15%;position: absolute;left: 0;box-sizing: border-box;padding: 0 60px;}

.about02wrap a .toptext img{display: block;width: auto;height: 50px;margin-bottom: 20px;}

.about02wrap a .toptext h3{font-size: 26px;color: #ffffff;font-weight: bold;margin-bottom: 30px;}

.about02wrap a .toptext h4{font-size: 18px;line-height: 30px;color: #ffffff;transform: translateY(100px);-webkit-transform: translateY(100px);opacity: 0;transition: all .3s;}

.about02wrap a font{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 50px;height: 50px;border: 1px solid rgba(255,255,255,0.3);font-size: 20px;color: #ffffff;font-weight: bold;position: absolute;left: 60px;bottom: 70px;opacity: 0;transition: all .3s;transform: translateY(50px);-webkit-transform: translateY(50px);}

.about02wrap a:hover font{opacity: 1;transform: none;-webkit-transform: none;}

.about02wrap a:hover .toptext h4{transform: none;-webkit-transform: none;opacity: 1;}

/* sil-tile__square */

.sil-tile__square { position: absolute; top: 1em; left: 1em; right: 1em; bottom: 1em; z-index: 1; color: #fff;opacity: 0.3;}

.ieIE1011 .sil-tile__square { display: none!important }

.sil-tile__square:after, .sil-tile__square:before { color: inherit; position: absolute; display: block; visibility: hidden; width: 0; height: 0; content: ' '; border: 1px solid currentcolor; box-sizing: border-box;}

.sil-tile__square:before { top: 0; left: 50%; transition: height .1s linear .3s, width .1s linear .4s, visibility 0s .51s; border-bottom: 0; border-left: 0 }

.sil-tile__square:after { right: 0; bottom: 0; transition: background-size .1s linear 0s, height .1s linear .1s, width .1s linear .2s, visibility 0s .3s; border-top: 0; border-right: 0; background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: 0 0; background-size: 0 1px }

a:active .sil-tile__square:after, a:active .sil-tile__square:before, a:focus .sil-tile__square:after, a:focus .sil-tile__square:before, a:hover .sil-tile__square:after, a:hover .sil-tile__square:before { visibility: visible; }

a:active .sil-tile__square:before, a:focus .sil-tile__square:before, a:hover .sil-tile__square:before { width: 50%; height: 100%; transition: width .1s linear 0s, height .1s linear .1s; }

a:active .sil-tile__square:after, a:focus .sil-tile__square:after, a:hover .sil-tile__square:after { width: 100%; height: 100%; transition: visibility 0s .2s,width .1s linear .2s,height .1s linear .3s,background-size .1s linear .4s; background-size: 51% 1px;}

/* about03wrap */

.about03wrap{width: 100%;box-sizing: border-box;background: url(../images/ny_gy_yjbj.jpg)no-repeat;background-size: cover;padding: 100px 0;}

.about03{margin: auto;}

.a-tl{text-align: center;}

.a-tl h3{font-size: 38px;color: #333333;font-weight: bold;box-sizing: border-box;}

.a-tl strong{display: block;width: 50px;height: 2px;background-color: #d6061c;margin: auto;margin-top: 20px;}

/* about03list */

.about03list{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 40px;}

.about03list li{width: 32%;box-sizing: border-box;padding: 60px;background-color: #ffffff;border: 1px solid #DDDDDD;border-radius: 10px;transition: all .3s;position: relative;}

.about03list li .text{position: relative;z-index: 1;}

.about03list li h3{font-size: 32px;color: #333333;box-sizing: border-box;padding-left: 10px;border-left: 5px solid #d6061c;margin-bottom: 20px;}

.about03list li h4{font-size: 18px;color: #666666;line-height: 28px;text-align: left;}

.about03list li .abimg{position: absolute;right: 0;bottom: 0;width: auto;z-index: 0;}

.about03list li:hover{box-shadow: 0px 0px 10px rgba(51,51,51,0.3);}

/* about04wrap */

.about04wrap{width: 100%;padding: 100px 0;background: url(../images/ny_gy_fzlc.jpg)no-repeat;background-size: cover;}

/* about04 */

.about04wrap .about04{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: url(../images/shouye_76.png)no-repeat;background-size: 100%;padding-bottom:80px;position:relative;margin-top: 60px;}

.about04wrap .swiper-container{}

.about04wrap .about04 .start{width: calc((100% - 1200px)/2);display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;font-size: 22px;color: #d6061c;text-transform: uppercase;display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center;font-weight: bold;margin-top: 1px;white-space: nowrap;}

.about04wrap .about04 .start:before{content: '';display: block;width: 115px;height: 1px;background-color: #898989;margin-right: 10px;}

.about04wrap .about04 .start:after{content: '';display: block;width: 88px;height: 1px;background-color: #898989;margin-left: 10PX;}

.about04wrap .about04 .min{width: 86%;position: relative;}

.about04wrap .about04 .min .line{position: absolute;top: 50%;left: 0;width: 100%;z-index: 0;height: 1px;background-color: #898989;}

.about04wrap .about04 .min .cont{width: 96%;position: relative;z-index: 2;float: right;}

.about04wrap .about04 .min .cont .swiper-slide{box-sizing: border-box;padding: 30px;width: 20%;margin-top: 152px;height: 211px;padding-right: 0;}

.about04wrap .about04 .min .cont .swiper-slide .item{width: 100%;box-sizing: border-box;position: relative;padding-left: 20px;border-left: 1px solid #898989;height: 100%;}

.about04wrap .about04 .min .cont .swiper-slide .item:before{content: '';display: block;width:6px;height: 6px;border-radius: 50%;background-color: #b30e15;position: absolute;top: -3px;left: -3px;}

.about04wrap .about04 .min .cont .swiper-slide .item h3{box-sizing: border-box;}

.about04wrap .about04 .min .cont .swiper-slide .item h3 a{font-size: 18px;color: #333333;line-height: 26px;display: block;height: 84px;overflow: hidden;overflow-y: auto;box-sizing: border-box;padding-right: 10px;}

.about04wrap .about04 .min .cont .swiper-slide .item h3 a::-webkit-scrollbar {

  /*滚动条整体样式*/

  width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/

  height: 1px;

  }

.about04wrap .about04 .min .cont .swiper-slide .item h3 a::-webkit-scrollbar-thumb {

  /*滚动条里面小方块*/

  border-radius: 3px;

  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

  background   : #b0b0b0;

  }

.about04wrap .about04 .min .cont .swiper-slide .item h3 a::-webkit-scrollbar-track {

  /*滚动条里面轨道*/

  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

  border-radius: 3px;

  background   : #dfdfdf;

  }

.about04wrap .about04 .min .cont .swiper-slide .item p{font-size: 36px;color: #d6061c;box-sizing: border-box;position: relative;margin-top: -20px;font-weight: bold;}

.about04wrap .about04 .min .cont .swiper-slide:nth-of-type(2n) .item p{margin-bottom: 20px;}

.about04wrap .about04 .min .cont .swiper-slide .item p:before{}

.about04wrap .about04 .min .cont .swiper-slide .item p:after{}

.about04wrap .about04 .min .cont .swiper-slide .item font{display: block;width: 22px;height: 22px;border-radius: 50%;background-color: #ffffff;box-sizing: border-box;position: absolute;top: -11px;left: -11px;border: 3px solid #d6061c;transition: all .3s;}

.about04wrap .about04 .min .cont .swiper-slide:nth-of-type(odd){margin-top: 0;}

.about04wrap .about04 .min .cont .swiper-slide:nth-of-type(odd) .item p{margin-top: 0;transform: translateY(-20px);}

.about04wrap .about04 .min .cont .swiper-slide:nth-of-type(odd) .item font{top: initial;bottom: -12px;}

.about04wrap .about04 .swiper-scrollbar{opacity: 1!important;width: calc(100% - 180px);height: 6px;background: rgba(255,255,255,0.2);}

.about04wrap .about04 .swiper-scrollbar-drag{background: #d6061c;border-radius: 10px;}

.about04wrap .about04 .bot{height: 50px;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}

.about04wrap .about04 .bot .swiper-button-next,.about04wrap .about04 .bot .swiper-button-prev{background-image: none;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 20px;color: #d6061c;border: none;position: relative;padding: 0;margin: 0;top: 0;left: 0;right: 0;width: 50px;height: 50px;outline: none;background-color: #ffffff;}

.about04wrap .about04 .bot .page{display: flex;display: -webkit-flex;}

.about04wrap .about04 .bot .swiper-button-next{margin-left: 20px;}

.about04wrap .about04 .bot .swiper-button-next:hover,.about04wrap .about04 .bot .swiper-button-prev:hover{background-color: #d6061c;color: #ffffff;}

.about04wrap .about04 .min .cont .swiper-slide:nth-of-type(even) .item{display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-flex-flow: column;flex-flow: column;}

.about04wrap .about04 .min .cont .swiper-slide:nth-of-type(even) .item:before{top: initial;bottom: -3px;}

.about04wrap .about04 .min .cont .swiper-slide:hover .item font{transform: scale(1.3);-webkit-transform: scale(1.3);}

/* about05 */

.about05{margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}

.about05 .imgbox{width: 50%;box-sizing: border-box;position: relative;overflow: hidden;}

.about05 .imgbox img{display: block;width: 100%;transition: all .6s;}

.about05 .imgbox:hover img{transform: scale(1.1);}

.about05 .text{text-align: left;width: 45%;box-sizing: border-box;padding-left: 100px;}

.about05 .text strong{margin: 20px 0 30px;}

.about05 .text h4{font-size: 18px;line-height:26px;color: #666;margin-bottom: 30px;text-align: left;}

.about05 .text .more{width: 170px;height: 50px;line-height: 50px;background-color: #d6061c;color: #ffffff;text-transform: uppercase;}

.about05 .text .more:after{background-color: #ffffff;}

.about05 .text .more:hover{color: #d6061c;}

/* 合作 */

.partner01wrap{margin: 100px auto 30px;}

.partner01tl{text-align: left;}

.partner01tl strong{margin: 20px 0;}

.partner01tl h4{font-size: 18px;color: #333333;line-height: 30px;}

/* partner01 */

.partner01{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 80px;}

.partner01 a{width: 46%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin-bottom: 70px;}

.partner01 a .imgbox{width: 23%;position: relative;overflow: hidden;box-sizing: border-box;border-radius: 50%;border: 4px solid #d6061c;}

.partner01 a .imgbox img{display: block;width: 100%;}

.partner01 a .imgbox .h-text{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 1;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 20px;color: #ffffff;opacity: 0;transition: all .3s;text-transform: uppercase;}

.partner01 a .imgbox .h-text i{font-size: inherit;color: inherit;margin-right: 10px;}

.partner01 a .imgbox:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(214,6,28,0.9);position: absolute;top: 0;left: 0;z-index: 0;transition: all .3s;opacity: 0;}

/* .partner01 a:hover .imgbox:after{opacity: 1;} */

/* .partner01 a:hover .imgbox .h-text{opacity: 1;} */

.partner01 a .text{width: 77%;box-sizing: border-box;padding-left: 40px;}

.partner01 a .text p{font-size: 18px;color: #d80c18;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}

.partner01 a .text p:before{content: '';display: block;width: 50px;height: 1px;background-color: #DDDDDD;margin-right: 10px;}

.partner01 a .text h3{font-size: 24px;color: #333333;margin: 20px 0;white-space: nowrap;overflow: hidden;text-overflow: inherit;}

.partner01 a .text h4{font-size:16px;line-height: 26px;color: #666666;display: -webkit-box;/* -webkit-line-clamp: 2; */-webkit-box-orient: vertical;overflow: hidden;}

/* partner02 */

.partner02wrap{width: 100%;box-sizing: border-box;position: relative;background: url(../images/ny_kxjs_lxbj.jpg)no-repeat fixed;background-size: cover;background-position: center;padding: 80px 0;}

.partner02{margin: auto;}

.partner02 p{font-size: 24px;color: #ffffff; text-transform: uppercase;}

.partner02 strong{display: block;width: 50px;height: 2px;background-color: #ffffff;margin: 20px 0;}

.partner02 h3{font-size: 30px;color: #ffffff;margin-bottom: 30px;}

.partner02 .more{display: block;width: 160px;height: 40px;line-height: 40px;background-color: #d80c18;color: #ffffff;}

.partner02 .more:hover{color: #d80c18;}

.partner02 .more:after{background-color: #ffffff;}

/* partner03 */

.partner03{margin: 40px auto 100px;}

.partner03 a{width: 200px;height: 40px;line-height: 40px;background-color: #d80c18;color: #ffffff;}

.partner03 a:after{background-color: #ffffff;}

.partner03 a:hover{color: #d80c18;}

/* 加入我们 */

.join01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f5f5f5;}

.join01top{margin: auto;}

.join01top h4{font-size: 18px;color: #666;margin-top: 20px;width: 70%;margin: 20px auto 0;line-height: 26px;}

/* join01 */

.join01{box-sizing: border-box;position: relative;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 40px;}

.join01 a{display: block;width: 32%;box-sizing: border-box;background-color: #ffffff;position: relative;}

.join01 a:after{content: '';display: block;width: 0%;height: 4px;background-color: #d80c18;position: absolute;left: 0;bottom: 0;transition: all .3s;}

.join01 a:hover:after{width: 100%;}

.join01 a .imgbox{width: 100%;overflow: hidden;}

.join01 a .imgbox img{display: block;width: 100%;transition: all .6s;}

.join01 a:hover .imgbox img{transform: scale(1.1);}

.join01 a .text{width: 100%;text-align: center;box-sizing: border-box;padding: 40px 40px;}

.join01 a .text p{font-size: 18px;color: #333333;text-transform: uppercase;}

.join01 a .text strong{display: block;width: 30px;height: 1px;background-color: #d80c18;margin: 10px auto;}

.join01 a .text h4{font-size: 18px;color: #333333;line-height: 32px;}

/* join02wrap */

.join02wrap{width: 100%;box-sizing: border-box;position: relative;padding-bottom: 190px;margin-top: 100px;}

.join02wrap:after{content: '';display: block;width: 100%;height: calc(50% + 190px);position: absolute;left: 0;bottom: 0;background: url(../images/ny_jrwmbj2.jpg)no-repeat;background-size: cover;}

.join02:after{content: '';width: calc(100% - (100% - 1200px)/2);height: 100%;background: url(../images/ny_jrwmbj1.jpg)no-repeat;background-size: cover;position: absolute;left: 0;top: 0;z-index: 0;}

.join02{width: 100%;position: relative;z-index: 1;padding: 100px 0;box-sizing: border-box;position: relative;}

.join02text{margin: auto;text-align: left;box-sizing: border-box;padding-right: 100px;position: relative;z-index: 1;}

.join02text h4{font-size: 18px;color: #666;line-height: 30px;text-align: justify;}

.join02text strong{margin: 20px 0;}

/* join03 */

.join03{margin: -60px auto 100px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;z-index: 1;}

.join03imgbox{width: 52%;box-sizing: border-box;position: relative;overflow: hidden;}

.join03imgbox img{display: block;width: 100%;transition: all .6s;}

.join03imgbox:hover img{transform: scale(1.1);}

.join03text{width: 48%;box-sizing: border-box;padding-left: 90px;text-align: left;padding-top: 60px;}

.join03text strong{margin: 20px 0;}

.join03text h4{font-size: 18px;color: #666;line-height: 30px;margin-bottom: 30px;}

.join03text a{background-color: #d6061c;color: #fff;width: 170px;height: 50px;line-height: 50px;}

.join03text a:hover{color: #d6061c;}

.join03text a:after{background-color: #ffffff;}

/* 新闻 */

.newswrap{width: 100%;box-sizing: border-box;position: relative;}

.news{width: 100%;}

.news .item{display: block;width: 100%;padding: 70px 0;}

.news .item:nth-of-type(2n){background-color: #f5f5f5;}

.newsmin{margin: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;}

.newsmin .imgbox{width: 30%;box-sizing: border-box;overflow: hidden;}

.newsmin .imgbox img{display: block;width: 100%;transition: all .6s;}

.news .item:hover .newsmin .imgbox img{transform: scale(1.1);}

.newsmin .text{width: 70%;box-sizing: border-box;padding-left: 100px;}

.newsmin .text .data{display: flex;display: -webkit-flex;font-size: 18px;color: #333333;-webkit-align-items: flex-end;align-items: flex-end;margin-bottom: 30px;}

.newsmin .text .data font{font-size: 40px;color: inherit;margin-bottom: -2px;margin-right: 10px;}

.newsmin .text h3{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 20px;}

.newsmin .text h4{font-size: 18px;color: #999999;line-height: 26px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 30px;}

.newsmin .text span{font-size: 18px;color: #333333;text-transform: uppercase;}

.newsmin .text span i{font-size: inherit;color: inherit;margin-left: 20px;transition: all .3s;}

.news .item:hover .newsmin .text span i{transform: translateX(30px);-webkit-transform: translateX(30px);}

.news .item:hover .newsmin .text h3,.news .item:hover .newsmin .text span{color: #d80c18;}

/* newsfy */

.newsfy{margin: 60px auto 120px;}

.fy{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;}

.fy a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;color: #333333;width: auto;min-width: 46px;height: 46px;border: 1px solid #ddd;margin-right: 20px;transition: all .3s;}

.fy a:last-child{margin-right: 0;}

.fy a i{color: inherit;font-size: inherit;}

.fy a.active,.fy a:hover{background-color: #d80c18;border-color: #d80c18;color: #FFFFFF;}

/* 新闻详情 */

.ninfotitlwrap{width: 100%;box-sizing: border-box;padding: 100px 0;margin-top: 90px;background-color: #f0f0f0;}

.ninfotitl{max-width: 1000px;margin: auto;}

.ninfotitl h3{font-size: 30px;color: #333333;line-height: 36px;margin-bottom: 30px;}

.ninfotitl .data{display: flex;display: -webkit-flex;}

.ninfotitl .data p{font-size: 18px;color: #333333;}

.ninfotitl .data i{display: block;width: 1px;height: 18px;background-color: #666;margin: 0 20px;}

/* ninfowrap */

.ninfowrap{max-width: 1000px;box-sizing: border-box;position: relative;margin: auto;margin-bottom: 100px;}

.newsinfomin{width: 100%;margin: auto;padding: 60px 0 0;}

.newsinfomin p{font-size: 18px;line-height: 26px;color: #666666;/* margin-bottom: 40px;*/}

.newsinfomin p img{ display: block;height: auto;margin: 0 auto; max-width: 100%; }

.newsinfomin p:last-child{margin-bottom: 0;}

.newsinfobot{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-top: 30px;box-sizing: border-box;padding-top: 30px;border-top: 1px solid #d2d2d2;}

.newsinfobot .page{display: flex;display: -webkit-flex;}

.newsinfobot .page .swiper-button-next,.newsinfobot .page .swiper-button-prev{background-image: none;width: auto;height: auto;position: relative;top: 0;left: 0;margin: 0;font-size: 26px;color: #d6061c;outline: none;}

.newsinfobot .page .swiper-button-next{margin-left: 20px;}

.newsinfobot .right{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}

.newsinfobot .right h3{font-size: 18px;color: #d6061c;font-weight: bold;margin-right: 10px;}

.newsinfobot .right .share{width: auto;margin: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}

.newsinfobot .right .share a{width: 32px;height: 32px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;border-radius: 4px;background-image: none;font-size: 18px;color: #FFFFFF;box-shadow: 4px 4px 0 0 rgba(214,6,28,0.3);margin-right: 30px;background-color: #d6061c;margin: 0;padding: 0;margin-right: 20px;}

.newsinfobot .right .share a:last-child{margin-right: 0;}

.newsinfobot .right .share a:hover{box-shadow: none;transform: translate(4px,4px);-webkit-transform: translate(4px,4px);color: #FFFFFF;}

.newsinfobot .more{width: 170px;height: 50px;line-height: 50px;background-color: #d6061c;color: #ffffff;margin: 0;}

.newsinfobot .more:after{background-color: #ffffff;}

.newsinfobot .more:hover{color: #d6061c;}

.newsinfobot .link{display: flex;display: -webkit-flex;}

.newsinfobot .link a{margin-right: 10px;}

.newsinfobot .link a:last-child{margin-right: 0;}

/* 产品 */

.prolinkwrap{margin: auto;padding: 50px 0;display: flex;display: -webkit-flex;-webkit-align-items: flex-start;align-items: flex-start;position: relative;z-index: 1;}

.prolinkwrap .font{font-size: 18px;color: #333333;margin-right: 10px;line-height: 46px;}

.prolink{width: 276px;position: relative;}

.prolink h3{width: 100%;height: 46px;box-sizing: border-box;padding: 0 20px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;border: 1px solid #d80c18;cursor: pointer;}

.prolink h3 font{font-size: 18px;color: #d80c18;}

.prolink h3 i{font-size: 18px;color: #d80c18;transition: all .3s;}

.prolinkinfo{width: 100%;background-color: #fff;box-shadow: 0px 0px 5px rgba(51,51,51,0.3);display: none;position: absolute;left: 0;top: 46px;}

.prolinkinfo a{display: block;font-size: 18px;box-sizing: border-box;padding: 0 20px;line-height: 40px;border-bottom: 1px solid #DDDDDD;}

.prolinkinfo a:last-child{border-bottom: none;}

.prolinkinfo a:hover{color: #d80c18;}

.prolink h3.active i{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

/* pro01wrap */

.pro01wrap{width: 100%;position: relative;box-sizing: border-box;background: url(../images/ny_cp_bj1.jpg)no-repeat;background-size: cover;padding: 80px 0;z-index: 0;background-position: center;}

.pro01{margin: auto;box-sizing: border-box;}

.pro01 img{display: block;width: auto;margin-bottom: 20px;height: 40px;}

.pro01 h3{font-size: 28px;color: #333333;font-weight: bold;margin-bottom: 40px;margin-bottom: 30px;}

.pro01 p{font-size: 22px;color: #333333;padding-left: 10px;border-left: 2px solid #d80c18; margin-bottom: 24px;}

.pro01 h4{font-size: 18px;color: #666666;line-height: 30px;width: 50%;}

/* pro02 */

.pro02wrap{margin: -100px auto 100px;position: relative;z-index: 1;}

.pro02{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;}

.pro02text{width: 50%;box-sizing: border-box;padding-top: 140px;} 

.pro02text h3{font-size: 22px;color: #333333;padding-left: 10px;border-left: 2px solid #d80c18;margin-bottom: 30px;}

.pro02text ul li{width: 100%;font-size: 18px;color: #666666;line-height: 26px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;border-bottom: 1px solid #DDDDDD;position: relative;box-sizing: border-box;padding-left: 20px; padding-bottom: 4%; padding-top: 4%;}

.pro02text ul li:first-child{border-top: 1px solid #DDDDDD;}

.pro02text ul li:before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #DDDDDD;position: absolute;left: 0;top: 50%;margin-top: -2.5px;}

.pro02text ul li p{ font-size:18px}

.pro02wrap .more{width: 160px;height: 40px;line-height: 40px;background-color: #d80c18;color: #ffffff;margin-top: 30px;}

.pro02wrap .more:after{background-color: #ffffff;}

.pro02wrap .more:hover{color: #d80c18;}

/* pro02img */

.pro02img{width: 34%;box-sizing: border-box;padding: 0 0 20px 20px;position: relative;}

.pro02img .big{display: block;width: 100%;position: relative;z-index: 1;border: 1px solid #DDDDDD;box-sizing: border-box;}

.pro02img .bg{display: block;width: 250px;height: 250px;position: absolute;left: 0;bottom: 0;z-index: 0;object-fit: cover;}

/* 招聘 */

.recruit01wrap{margin: 100px auto;}

.recruit01{margin: auto;box-sizing: border-box;}

.recruit01 .item{width: 100%;box-sizing: border-box;padding-top: 40px;border-bottom: 1px solid #c7c7c7;}

.recruit01 .item:first-child{border-top: 1px solid #c7c7c7;}

.recruit01 .item a{display: block;position: relative;padding-bottom: 40px;}

.recruit01 .item a:after{content: '+';position: absolute;right: 0;top: 0;font-size: 40px;color: #d80c18;}

.recruit01 .item a font{display: inline-block;width: auto;height: 24px;line-height: 25px;text-align: center;font-size: 13px;color: #FFFFFF;background-color: #d80c18;margin-bottom: 20px;padding: 0 10px; }

.recruit01 .item a h3{font-size: 26px;color: #333333;font-weight: bold;margin-bottom: 30px;}

.recruit01 .item a .yq{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;}

.recruit01 .item a .yq p{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;font-size: 18px;color: #d80c18;margin-right: 20px;}

.recruit01 .item a .yq p:last-child{margin-right: 0;}

.recruit01 .item a .yq p img{display: block;width: auto;height: 18px;margin-right: 10px;}

.recruit01 .item .info{width: 100%;box-sizing: border-box;padding-bottom: 40px;display: none;}

/*.recruit01 .item:first-child .info{display: block;}*/

.recruit01 .item .info h3{font-size: 20px;color: #333333;margin-bottom: 30px;}

.recruit01 .item .info .fontmin p{font-size: 18px;line-height: 34px;color: #666666;}

.recruit01 .item .info li{margin-bottom: 40px;}

.recruit01 .item .info h4{font-size: 18px;color: #333333;}

.recruit01 .item .info li:last-child{margin-bottom: 0;}

.recruit01 .item.active a:after{content: '-';}

/* 科学 */

.science01{margin: 100px auto;}

.science01 li{width: 100%;position: relative;border-bottom: 1px solid #DDDDDD;}

.science01 li .top{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 100px;}

.science01 li .top h3{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 24px;color: #333333;font-weight: bold;}

.science01 li .top.active h3,.science01 li .top:hover h3{color: #d80c18;}

.science01 li .top img{display: block;width: auto;height: 40px;margin-right: 20px;}

.science01 li .top:after{content: '+';font-size: 30px;color: #333333;}

.science01 li:first-child{border-top: 1px solid #DDDDDD;}

.science01 li .top.active:after{content: '-';color: #d80c18;}

/* infowrap */

.science01 .infowrap{width: 100%;position: relative;padding: 50px 0;border-top: 1px solid #DDDDDD;display: none;}

/* .science01 li:first-child .infowrap{display: block;} */

.science01 .info{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;}

.science01 .info .imgbox{width: 30%;box-sizing: border-box;position: relative;}

.science01 .info .imgbox img{display: block;width: 100%;}

.science01 .info .text{width: 70%;box-sizing: border-box;padding-left: 80px;}

.science01 .info .text .item{width: 100%;margin-bottom: 40px;}

.science01 .info .text .item:last-child{margin-bottom: 0;}

.science01 .info .text .item h3{font-size: 20px;color: #333333;padding-left: 20px;border-left: 3px solid #d80c18;margin-bottom: 20px;}

.science01 .info .text .item h4{font-size: 18px;color: #333333;line-height: 28px;}

.science01 .info .text .item p{font-size: 18px;color: #666666;padding-left: 20px;box-sizing: border-box;position: relative;margin-bottom: 10px;}

.science01 .info .text .item p:before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #666666;position: absolute;left: 0;top:50%;margin-top: -2px;}

/* 联系 */

/* contact01wrap */

.contact01wrap{width: 100%;box-sizing: border-box;position: relative;padding: 100px 0;background-color: #f5f5f5;}

.contact01wrap .abimg{position: absolute;left: 0;top: 0;height: 100%;}

.contact01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}

.contact01text{width: 30%;box-sizing: border-box;text-align: left;}

.contact01text h3{line-height: 52px;}

.contact01text strong{margin: 20px 0;}

.contact01text p{font-size: 18px;color: #333333;margin-bottom: 20px;}

.contact01text a{font-size: 18px;color: #d80c18;text-decoration: underline;display: inline-block;}

/* contact01right */

.contact01right{width: 70%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;height: 350px;overflow: hidden;overflow-y: auto;}

.contact01right li{width: 49%;box-sizing: border-box;border: 1px solid #DDDDDD;padding: 30px 50px 30px 30px;margin-bottom: 2%;}

.contact01right li h3{font-size: 26px;color: #333333;font-weight: bold;margin-bottom: 20px;position: relative;}

.contact01right li h3:before{content: '';display: block;width: 3px;height: 100%;position: absolute;left: -30px;top: 0;background-color: #d80c18;}

.contact01right li h4{font-size: 18px;color: #666666;line-height: 26px;min-height: 54px;}

/* contact02wrap */

.contact02wrap{margin: 100px auto;}

.contact02tl{text-align: left;}

.contact02tl strong{margin: 20px 0 0;}

.contact02{width: 100%;position: relative;}

.contact02 img{display: block;width: 100%;}

.contact02wrap .sjimg{display: none;}

.contact02 a{text-align: center;position: relative;-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-o-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;display: block;position: absolute;width: 130px;height: 130px;}

.contact02 a span{z-index: 1;border: 1px solid #d80d18;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 10px;

    height: 10px;

    margin: auto;

    -webkit-border-radius: 50%;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 50%;

    -moz-background-clip: padding;

    border-radius: 50%;

    background-clip: padding-box;

    background: transparent;background-color: #d80d18;}

.contact02 a font{display: inline-block;font-size: 18px;color: #000;white-space: nowrap;}

@keyframes ballScale { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0; }}

@-webkit-keyframes ballScale { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0; }}

.contact02 .point{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto;

    -webkit-border-radius: 50%;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 50%;

    -moz-background-clip: padding;

    border-radius: 50%;

    background-clip: padding-box;

    background: transparent;width: 100%;height: 100%;}

.contact02 .point-10 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #d80d18;opacity: 0;

    -webkit-animation: ballScale 12s 0s linear infinite;

    -moz-animation: ballScale 12s 0s linear infinite;

    -ms-animation: ballScale 12s 0s linear infinite;

    animation: ballScale 12s 0s linear infinite;}

.contact02 .point-70 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #d80d18;opacity: 0;

    -webkit-animation: ballScale 6s 0s linear infinite;

    -moz-animation: ballScale 6s 0s linear infinite;

    -ms-animation: ballScale 6s 0s linear infinite;

    animation: ballScale 6s 0s linear infinite;}

.contact02 .point-40 strong{display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #d80d18;opacity: 0;

    -webkit-animation: ballScale 3s 0s linear infinite;

    -moz-animation: ballScale 3s 0s linear infinite;

    -ms-animation: ballScale 3s 0s linear infinite;

    animation: ballScale 3s 0s linear infinite;}

.contact02 .point-20 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #d80d18;opacity: 0;

    -webkit-animation: ballScale 5s 0s linear infinite;

    -moz-animation: ballScale 5s 0s linear infinite;

    -ms-animation: ballScale 5s 0s linear infinite;

    animation: ballScale 5s 0s linear infinite;}

	.contact02 .point-30 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #d80d18;opacity: 0;

	    -webkit-animation: ballScale 10s 0s linear infinite;

	    -moz-animation: ballScale 10s 0s linear infinite;

	    -ms-animation: ballScale 10s 0s linear infinite;

	    animation: ballScale 10s 0s linear infinite;}

.contact02 #a01{top: 30%;left: 9%;}

.contact02 #a02{top: 30%;right: 16%;}

.contact02 #a03{top: 36%;right: 20%;}

.contact02 #a04{top: 36%;right: 14%;}

.contact02 #a05{bottom: 14%;left: 38%;}

.contact02 #a06{top: 32%;right: 19%;}

.contact02 #a07{bottom: 22%;right: 5%;}

/* contact03wrap */

.contact03wrap{width: 100%;box-sizing: border-box;position: relative;padding: 80px 0;background: url(../images/c-bg01.jpg)no-repeat;background-size: cover;}

.contact03{margin: auto;}

.contact03tl{text-align: left;margin-bottom: 40px;}

.contact03tl strong{margin: 20px 0;}

.contact03tl h4{font-size: 18px;color: #666666;}

.contact03min{width: 100%;margin: auto;}

/*

.c-form{width: 100%;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;} 

.c-form p{}

.c-form input{display: block;width: calc((100% - 20px)/2);box-sizing: border-box;border: 1px solid #b7b7b7;height: 60px;border-radius: 4px;margin-bottom: 20px;outline: none;font-size: 18px;color: #333333;padding: 0 20px;background-color: transparent;}

.c-form textarea{display: block;box-sizing: border-box;padding: 20px;font-size: 18px;color: #333333;resize: none;width: 100%;height: 120px;border: 1px solid #b7b7b7;background-color: transparent;outline: none; border-radius: 4px;}

.c-form .more{width: 160px;height: 46px;line-height: 46px;margin-top: 40px;background-color: #d80c18;color: #ffffff;}

.c-form .more:after{background-color: #ffffff;}

.c-form .more:hover{color: #d80c18;}

*/

.wpcf7-form{width: 100%;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;} 

.wpcf7-form p{width: 100%;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}

.wpcf7-form p span{display: block;width: calc((100% - 20px)/2);box-sizing: border-box;border-radius: 4px;margin-bottom: 20px;outline: none; border: 1px solid #b7b7b7; padding: 0 20px;   background: none;}

.wpcf7-form p input{  border: 0 solid #b7b7b7;height: 60px;font-size: 18px; width: 100%;color: #333333;background: none;}

.wpcf7-form textarea{display: block;box-sizing: border-box;padding: 20px 0;font-size: 18px;color: #333333;resize: none;width: 100%;height: 120px;border: 0 solid #b7b7b7;background-color: transparent;outline: none; border-radius: 4px;}

.wpcf7-form .more{width: 160px;height: 46px;line-height: 46px;margin-top: 40px;background-color: #d80c18;color: #ffffff;}

.wpcf7-form .more:after{background-color: #ffffff;}

.wpcf7-form .more:hover{color: #d80c18;}

input, button, select, textarea {outline: none;}

.wpcf7-form p br,.screen-reader-response{display: none;}

.wpcf7-form .textarea-947{width:100%;}

.wpcf7-form p span{ display: block;overflow: hidden;position: relative;}

.wpcf7-form p span span{ position: absolute;top: 0;right: 5px;border: 0;padding: 0;line-height: 50px;width: auto;color: #d80c18;letter-spacing: 0;font-size: 18px;}

.wpcf7-response-output,.wpcf7-validation-errors{    display: block;color: #d80c18;margin: 20px 0 0 0;letter-spacing: 0;font-size: 18px;}

/* 研发管线 */

.pipelinelinkwrap{width: 100%;box-sizing: border-box;padding: 60px 0;background-color: #f5f5f5;}

.pipelinelink{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}

.pipelineleft{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}

.pipelineleft p{font-size: 18px;color: #333333;margin-right: 10px;}

/* .prolink h3{border: none;background-color: #ffffff;}

.prolink h3 font{color: #666666;}

.prolink h3 i{color: #333;} */

.pipelineright{font-size: 18px;color: #666666;position: relative;padding: 2px;border-bottom: 1px solid #DDDDDD;}

.pipelineright i{font-size: inherit;color: inherit;margin-left: 10px;}

.pipelineright:hover{color: #d80c18;border-color: #d80c18;}

/* pipeline01wrap */

.pipeline01wrap{margin: 100px auto 140px;}

.pipeline01top{width: 100%;box-sizing: border-box;padding-right: 100px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 30px;}

.pipeline01top .left{width: 40%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}

.pipeline01top .left p{font-size: 18px;color: #d80c18;width: 25%;letter-spacing: -1px;}

.pipeline01top .right{width: 60%;box-sizing: border-box;padding-left: 40px;display: flex;display: -webkit-flex;}

.pipeline01top .right p{width: calc(100% / 7);text-align: center;font-size: 18px;color: #d80c18; letter-spacing: -1px;}

/* pipeline01min */

.pipeline01min{width: 100%;box-sizing: border-box;position: relative;}

.pipeline01min li{width: 100%;box-sizing: border-box;box-sizing: border-box;margin-bottom: 30px;}

.pipeline01min li:last-child{margin-bottom: 0;}

.pipeline01min li .top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;position: relative;box-sizing: border-box;padding-right: 100px;cursor: pointer;}

.pipeline01min li .top:after{content: '+';width: 32px;height: 32px;border-radius: 50%;background-color: #ffffff;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 20px;color: #d80c18;position: absolute;right: 0;opacity: 0.5;cursor: pointer;}

.pipeline01min li .top.active:after,.pipeline01min li:hover .top:after{opacity: 1;}

.pipeline01min li .top .text{width: 40%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}

.pipeline01min li .top .text p{font-size: 18px;color: #333;width: 49%;line-height: 40px;}

.pipeline01min li .top .right{width: 60%;box-sizing: border-box;padding-left: 40px;}

.pipeline01min li .top .right .line{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;margin-bottom: 20px;}

.pipeline01min li .top .right .line strong{display: block;width: calc((100% - 6px)/7);margin-right: 1px;height: 30px;background-color: #dae3f3;}

.pipeline01min li .top .right .line strong:last-child{margin-right: 0;}

.pipeline01min li .top .right p{font-size: 18px;color: #666666;margin-bottom: 20px;}

.pipeline01min li .top .right p:last-child{margin-bottom: 0;}

/* info */

.pipeline01min li .info{width: 100%;box-sizing: border-box;padding-right: 100px;display: none;}

.pipeline01min li .info:after{content: '';display: block;clear: both;}

.pipeline01min li .info h4{font-size: 18px;line-height: 28px;color: #333333;width: 60%;box-sizing: border-box;padding-left: 40px;text-align: justify;float: right;}

.pipeline01min li:first-child .info{display: block;}

/* 我们的团队 */

.teamwrap{margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}

.teamlist{width: 230px;box-sizing: border-box;border: 1px solid #DDDDDD;border-radius: 4px;overflow: hidden;}

.teamlist a{display: block;font-size: 18px;color: #333333;font-weight: bold;border-bottom: 1px solid #DDDDDD;box-sizing: border-box;padding: 0 30px;line-height: 60px;transition: all .3s;}

.teamlist a:last-child{border-bottom: none;}

.teamlist a.active,.teamlist a:hover{background-color: #d80c18;color: #ffffff;}

/* teammin */

.teammin{width: calc(100% - 350px);box-sizing: border-box;position: relative;}

.team-tl{font-size: 26px;color: #333333;padding-bottom: 20px;border-bottom: 1px solid #DDDDDD;margin-bottom: 30px;font-weight: bold;}

/* teamli */

.teamli{width: 100%;-webkit-flex-wrap: wrap;flex-wrap: wrap;display: flex;display: -webkit-flex;}

.teamli li{width: 32%;margin-right: 2%;box-sizing: border-box;position: relative;box-shadow: 0px 0px 5px rgba(2,2,2,0.2);padding: 20px;border-radius: 10px;margin-bottom: 2%;cursor: pointer;}

.teamli li:nth-of-type(3n){margin-right: 0;}

.teamli li .imgbox{width: 100%;overflow: hidden;border-radius: 10px;}

.teamli li .imgbox img{display: block;width: 100%;transition: all .6s;}

.teamli li:hover .imgbox img{transform: scale(1.1);}

.teamli li .text{width: 100%;margin-top: 20px;}

.teamli li .text h3{font-size: 22px;color: #333333;font-weight: bold;margin-bottom: 10px;}

.teamli li .text h4{font-size: 18px;color: #333333;}

/* teammaskwrap */

.teammaskwrap{width: 100%;position: fixed;top: 0;left: 0;height: 100%;background-color: rgba(0,0,0,0.8);z-index: 20;display: none;}

.teammask{width: 1000px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background-color: #ffffff;padding: 80px;box-sizing: border-box;}

.teammask li h3{font-size: 34px;color: #333333;font-weight: bold;margin-bottom: 10px;}

.teammask li p{font-size: 20px;color: #333333;margin-bottom: 20px;}

.teammask li h4{font-size: 18px;color: #333333;line-height: 28px;}

.teammask li h4 font{font-size: inherit;color: inherit;font-weight: bold;}

/* teamclose */

.teamclose{font-size: 30px;font-weight: lighter;position: absolute;right: -30px;top: -30px;color: #ffffff;transition: all .3s;}

.teamclose:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.xj-nav1{ background:#F6F4F5}

.xj-nav1 p{ text-align:center}

.xj-nav1 p a{ display:inline-block; margin:0 5%; font-size:16px;border-bottom:#F6F4F5 2px solid; padding:2% 0}

.xj-nav1 p a:hover,.xj-nav1 p .dq-n{ border-bottom:#D60C1A 2px solid}

.xj-nav2 p{max-width:600px;margin:auto;border:#C51720 1px solid;padding:3px;border-radius:30px;overflow: hidden;margin-top: 4%;}

.xj-nav2 p input{height:35px;line-height:35px;border: 0;font-size: 15px;}

.xj-nav2 p input:nth-child(1){float:left;width: 77%;padding:0 4%;}

.xj-nav2 p input:nth-child(2){float:right;width: 15%;background:url(../picture/xw1.png) no-repeat center #C51720;border-radius: 30px;}

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

	.header{width: 1100px;}

	.header .nav li{margin-right: 30px;}

	.bannertext{width: 1100px;}

	.bannertext h3{font-size: 48px;line-height: 60px;margin-bottom: 30px; letter-spacing: 2px;}

	.bannerwrap .swiper-pagination{width: 1100px;}

	.index01topimg{padding: 40px 40px 100px;}

	.more01{width: 180px;height: 50px;line-height: 50px;}

	.index01wrap{padding-left: calc((100% - 1200px)/2);}

	.index01top{padding-top: 100px;}

	.index01topimg .textbox h3{font-size: 26px;line-height: 40px;margin-bottom: 60px;}

	.index01topimg .textbox a{font-size: 18px;}

	.index01topimg .textbox{margin-top: 110px;}

	.i-tl01 .h3{font-size: 40px;margin-bottom: 20px;}

	.i-tl01 h4{font-size: 18px;line-height: 28px;}

	.i-numbox{width: 70px;height: 70px;}

	.index01bot img{height: 320px;}

	.i-cont{width: 1100px;}

	.index02textbox .item{width: 200px;height: 200px;}

	.index02textbox .item img{height: 50px;}

	.index02textbox .item h3{font-size: 26px;margin-bottom: 50px;}

	.index02wrap{padding: 120px 0;}

	.index02textbox .item:first-child{margin-bottom: 4px;}

	.index02abfont{right: calc((100% - 1200px)/2);}

	.index03wrap{margin: 100px auto;}

	.index03right .tlitem .i-tl01{width:auto;}

	.index03bottext{padding: 0 30px;bottom: 30px;}

	.index03bottext h4{font-size: 18px;line-height: 28px;}

	.index03left-bot .n-list{padding-left: calc((100vw - 1200px)/2);padding-right: 80px;padding-top: 40px;}

	.index03wrap .tomore{padding-left: calc((100% - 1200px)/2);}

	.index04textboxmin{padding: 50px;}

	.footerwrap{padding: 25px 0;}

	.f-nav a{font-size: 18px;}

	.f-logo img{height: 50px;}

	.totop{right: 10px;}

	.index01bot .imgbox{width: 320px;height: 320px;}

	.index04textbox{margin-bottom: -160px;}

	.footerwrap{padding: 15px 0;}

	.index05num h2{font-size: 36px;}

	.index05num font{font-size: 18px;}

	.index05num p{font-size: 18px;margin-top: 6px;}

	.index05erap{padding: 37px 0;}

	.index01wrap{padding-bottom: 120px;}

	.index01top{padding-top: 90px;}

	/* .about01wrap */

	.about01wrap{padding: 100px 0;}

	.a-cont{width: 1100px;}

	.about01top .text h3,.a-tl h3{font-size: 30px;}

	.about01top .text h4{font-size: 18px;line-height: 24px;height: auto;}

	.about01botnum li h2{font-size: 40px;}

	.about01botnum li:last-child h2:after{font-size: 36px;}

	.about01top .text{padding-bottom: 140px;}

	.about01botnum{height: 160px;margin-top: -100px;}

	.about02wrap a .toptext{padding: 0 40px;}

	.about02wrap a .toptext img{height: 30px;}

	.about02wrap a .toptext h3{font-size: 22px;margin-bottom: 20px;}

	.about02wrap a .toptext h4{font-size: 18px;line-height: 22px;}

	.about02wrap a font{width: 30px;height: 30px;font-size: 18px;left: 40px;bottom: 40px;}

	.about03list li h3{font-size: 26px;     margin-bottom: 14px;}

	.about03list li h4{font-size: 18px; line-height: 24px;}

	.about04wrap .about04 .start{width: 14%;font-size: 26px;}

	.about04wrap .about04 .min .cont .swiper-slide .item p{font-size: 32px;}

	.about04wrap .about04 .min .cont .swiper-slide .item h3 a{font-size: 18px;line-height: 22px;}

	.about05 .text h4{font-size: 18px;line-height: 24px;}

	.about05 .text{padding-left: 60px;}

	.innerbanner .text h3{font-size: 36px; font-weight: normal; margin-bottom: 10px;}

	.innerbanner .text h4{font-size: 18px;}

	.pipeline01min li .top .text p{font-size: 18px;}

	.science01 li .top h3{font-size: 20px;}

	.science01 li .top img{height: 24px;}

	.partner01 a .text h3{font-size: 22px;}

	.join02:after{width: calc(100% - (100% - 1200px)/2);}

	.join03text{padding-left: 80px;}

	.join02wrap{padding-bottom: 160px;}

	.header .nav a{line-height: 70px;font-size: 18px;}

	.more{    width: 100px; height: 30px; font-size: 18px; line-height: 30px;}

	.pc-language a{font-size: 18px;}

	.header .logo img{ height: 46px;}

	.bannerwrap .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; margin-right: 15px;}

	.newswiper a h4{    font-size: 20px;}

	.newswiper a .data{    font-size: 18px;}

	.newswiper a font{  font-size: 18px; }

	.i-tl01 .p{font-size: 18px; margin-bottom: 10px;}

	.index01bot .imgbox .imgboxmin p{font-size: 24px;}

	.i-numbox h3{font-size: 26px; }

	.i-numbox p{font-size: 18px;}

	.copyright .bdsharebuttonbox a{width: 26px;height: 26px; font-size: 12px;}

	.b-scroll{    width: 18px; height: 22px; border: 1px solid #FFFFFF;}

	.b-scrollwrap p{font-size: 18px;}

	.inner-mbx{padding: 0 20px; height: 30px; }

	.inner-mbx font{font-size: 12px;}

	.about01botnum li p{font-size: 18px; margin-top: 6px;}

	.about05 .text .more{    height: 46px; line-height: 46px; width: 150px;}

	.partner02 h3{font-size: 24px;}

	.partner02 .more{width: 120px; height: 30px;line-height: 30px; font-size: 18px;}

	.partner02 p{font-size: 18px; text-transform: uppercase;}

	.partner02wrap{    padding: 50px 0;}

	.science01 .info .text .item h3{    font-size: 18px;     margin-bottom: 10px;}

	.science01 .info .text .item h4{font-size: 18px; line-height: 24px;}

	.science01 .info .text .item p{font-size: 18px;}

	.prolinkwrap .font{    margin-right: 15px;}

	.prolink{width: 260px; }

	.prolink h3 font{    font-size: 18px;}

	.prolinkwrap{    padding: 40px 0;}

	.pro01 h4{    font-size: 18px; line-height: 24px;}

	.pro01 p{font-size: 20px;     margin-bottom: 20px;}

	.pro02text ul li{    font-size: 18px;}

	.pipelineright{    font-size: 18px;}

	.pipeline01min li .info h4{    font-size: 18px;line-height: 24px;}

	.partner01tl h4{    font-size: 18px; line-height: 28px;}

	.partner01 a .text h4{    font-size: 18px; line-height: 26px;}

	.join01top h4{font-size: 18px;}

	.join01 a .text h4{font-size: 18px;}

	.join02text h4{font-size: 18px;line-height: 24px;}

	.join02{    padding: 70px 0;}

	.join03text h4{font-size: 18px;line-height: 24px;}

	.join03text a{    width: 150px; height: 46px; line-height: 46px;}

	.recruit01 .item a h3{font-size: 26px;}

	.recruit01 .item a font{    width: 70px;height: 20px; font-size: 12px;line-height: 20px;}

	.recruit01 .item .info .fontmin p{    font-size: 18px; line-height: 30px;}

	.recruit01 .item a h3{    margin-bottom: 26px;}

	.newsmin .text .data font{font-size: 30px;    margin-right: 6px;}

	.newsmin .text .data{font-size: 18px;}

	.newsmin .text h3{font-size: 20px;     margin-bottom: 15px;}

	.newsmin .text h4{font-size: 18px; line-height: 24px; margin-bottom: 24px;}

	.newsmin .text span{font-size: 18px;}

	.newsmin .text .data{    margin-bottom: 24px;}

	.ninfotitl h3{font-size: 24px; margin-bottom: 20px;}

	.ninfotitl .data p{font-size: 18px;}

	.newsinfomin p{font-size: 18px;}

	.newsinfobot .right .share a{    width: 28px; height: 28px;     font-size: 18px;}

	.newsinfobot .right h3{font-size: 18px; font-weight: normal;}

	.newsinfobot .more{width: 150px; height: 46px; line-height: 46px;}

	.ninfotitlwrap{    padding: 70px 0; margin-top: 70px;}

	.contact01text h3{line-height: 40px;}

	.contact01text p{font-size: 18px;}

	.contact01right li h3{    font-size: 24px;     margin-bottom: 10px; }

	.contact01right li h4{font-size: 18px;}

	.contact03tl h4{font-size: 18px;}

	.c-form input{font-size: 18px;}

	.c-form textarea{font-size: 18px; height: 100px;}

	.c-form input{    height: 40px; }

	.contact01right{height: 320px;}

	.contact02{    width: 80%; margin: auto;}

	.i01bgimg{    width: 44%;}

	.bann-scroll{right: calc((100% - 1200px)/2);}

	#scrollnow{height: 70px;}

	.index01two h3 font{font-size: 48px;     margin-right: 5px;}

	.index01two h3{font-size: 36px; letter-spacing: 5px;}

	.index01two h4{font-size: 20px;}

	.more01{width: 140px;height: 40px;line-height: 40px;}

	.index01two{margin: 100px auto;}

	.about02wrap{height: 40vh;}

	/* 补充 */

	.index01two h4{font-size: 18px;     line-height: 26px;}

	.index05erap{padding: 30px 0;}

	.bannertext h3{min-height: 180px;}

	.index01two h3{margin-bottom: 55px;}

	.about01wrap{padding-top: 158px;}

	.teamli li .text h3{font-size: 20px;}

}

@media (max-width:760px){

.xj-nav1 p a{ font-size:14px;  padding: 4% 0;}

.xj-nav2 p input {height: 30px; line-height: 30px;}

.xj-nav2 p{ width:90%}

.xj-nav2 p input:nth-child(2){ width:20%;background-size: 20px;}

.xj-nav2 p input:nth-child(1){ width:72%}

}

.sjx{ display:none !important}

@media (max-width:640px){

.pcx{ display:none !important}

.sjx{ display:block !important}

.lsb a{ display:inline-block; width:100px; line-height:34px; border-radius:10px; border:#fff 1px solid; color:#fff; text-align:center;font-size: 16px;

    margin-top: 6%;}

	}

.newsmin .zc{ padding-left:0;margin:auto}

@media (max-width:640px){

.newsmin .text{ width:90%}

}

.pipeline01min li{ position:relative}

.pipeline01min li .top1{ cursor:pointer; position:absolute; right:10px; top:7px; font-size: 20px; color: #d80c18;}

.pipeline01min li .top:after{ display:none}

.xjg2{ display:none}

.xjg2{ position:fixed; top:0; left:0; width:100%; height:100%; background:#000; background-color: rgba(0,0,0,0.3); filter: Alpha(opacity=30); z-index:999}

.xjg2 div{ position:absolute; top:50%; left:50%; margin-top:-152px; margin-left:-250px; width:500px; height:304px; background:#fff; border-radius:10px;}

.xjg2 div h1{ font-size:18px; border-bottom:#ccc 1px solid; padding:15px;}

.xjg2 div p{ font-size:14px; line-height:24px !important; width:100% !important; text-align:left !important; padding:15px;box-sizing: border-box; height:248px; overflow-y:scroll}

.xjg2 div h2{position:absolute;right: 15px;top: 9px;font-size: 28px;color: #999;}

.xjg2 div p::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}

.xjg2 div p::-webkit-scrollbar-thumb {/*滚动条里面小方块*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); background: #eee;}

.xjg2 div p::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2); background: #fff;}



@media (max-width:640px){

.pipeline01min li .top1{ top:5px;}

.xjg2 div{ width:96%; left:2%; margin-left:0} 

.xjg2 div h1{ font-size:16px} 

.xjg2 div h2{ font-size:24px}

}
.pipeline01min li .top .text .xjg1:hover{ color:#D80C18}

.pipeline01min li .top .text .xjg1 sup{ position: absolute; top: -5px;}