@font-face{
	font-family:"Source";
	src:url("../css/font/Montserrat-Regular.otf") format("opentype"); 
}
@font-face{
	font-family:"Source";
	src:url("../css/font/Montserrat-Light.otf") format("opentype");
	font-weight: 200;
}
@font-face{
	font-family:"Source";
	src:url("../css/font/Montserrat-Bold.otf") format("opentype");
	font-weight: 600;
}

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:Source; line-height:1;font-weight: normal;letter-spacing: 0;}
html,body{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}


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

.center{width: 1600px;}
.hamburger{display: none;}

/* headerwrap */
.headerwrap{width: 100%;background-color: #ffffff;position: fixed;top: 0;left: 0;z-index: 9;box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.05);}
.header{margin: auto;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;}
.header .logo{display: block;}
.header .logo img{width: auto;}
.nav{display: flex;display: -webkit-flex;transition: all .5s;}
.nav>li>a{font-size: 18px;color: #666666;line-height: 100px;font-weight: bold;}
.nav>li{margin-right: 70px;}
.nav>li:last-child{margin-right: 0;}
.header .h-r{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.header .h-r .ser{margin-left: 100px;}
.nav>li.active>a{color: #000000;}
.nav.hide{opacity: 0;visibility: hidden;}
.h-r .ser{position: relative;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.h-r  .ser form{width: 0;border: 1px solid #333333;border-radius: 18px;height: 36px;position: absolute;right: 0;box-sizing: border-box;transition: all .3s;opacity: 0;display: flex;display: -webkit-flex;overflow: hidden;}
.h-r  .ser form input{width: calc(100% - 36px);height: 100%;box-sizing: border-box;padding: 0 12px;background-color: transparent;border: none;font-size: 14px;color: #333333;outline: none;}
.h-r  .ser form button{width: 36px;height: 34px;background-color: transparent;border: none;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.h-r  .ser form button img{width: 20px;cursor: pointer;}
.h-r  .ser form.show{width: 280px;opacity: 1;}
.h-r  .ser .searchimg.hide{opacity: 0;visibility: hidden;}

/* navdownwrap */
.navdownwrap{width: 100%;background-color: #fff;}
.navdownwrap .item{display: none;border-top: 1px solid #EEEEEE;}
.itemlist{margin: auto;}
.navdownwrap .item.active{display: block;}
.navdownwrap .item .nav-onelist{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.navdownwrap .item .nav-onelist a{font-size: 16px;color: #333;display: block;margin-right: 60px;line-height:70px;}
.navdownwrap .item .nav-onelist a:last-child{margin-right: 0;}
.navdownwrap .item .nav-onelist a:hover{color: #1DA2FF;}




/* bannerwrap */
.bannerwrap{width: 100%;height: 100%;position: relative;overflow: hidden;}
.bannerwrap video{width: 100%;}
.bannerwrap .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.bannerwrap .text p{font-size: 24px;color: #FFFFFF;line-height: 72px;text-shadow: 0px 3px 15px rgba(0,0,0,0.4);}
.bannerwrap .text h3{font-size: 60px;color: #FFFFFF;line-height: 72px;margin-bottom: 60px;font-weight: 600;}
.bannerwrap .text h3 span{color: #1DA2FF;text-decoration: underline;}
.more{width: 217px;height: 56px;background: #1D77FF;border-radius: 28px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 20px;color: #FFFFFF;text-transform: uppercase;transition:all .3s;}
.more i{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;background-color: #fff;width: 24px;height: 24px;border-radius: 50%;margin-left: 12px;transition:all .3s;}
.more i img{width: auto;max-width: 70%;}
.more:hover{background-color:#1456B8;}
.more:hover i{margin-left:16px;}

/* index01wrap */
.index01wrap{width: 100%;position: relative;box-sizing: border-box;overflow: hidden;padding: 80px 0;}
.index01wrap .bg{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;z-index: 0;}
.index01{position: relative;z-index: 1;margin: auto;}
.index01 .tl{width: 1200px;text-align: center;padding: 40px 0;background-color: rgba(0,0,0,0.5);margin: auto;}
.index01 .tl p{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 18px;color: #FFFFFF;margin-bottom: 20px;}
.index01 .tl p::before,.index01 .tl p::after{content: '';display: block;width: 40px;height: 1px;background-color: #fff;}
.index01 .tl p::before{margin-right: 20px;}
.index01 .tl p::after{margin-left: 20px;}
.index01 .tl h3{font-size: 36px;color: #FFFFFF;font-weight: 600;text-transform: uppercase;}
.index01min{width: 100%;margin-top: 50px;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.index01min .item{width: calc((100% - 100px)/3);position: relative;margin-right: 50px;margin-bottom: 50px;}
.index01min .item:nth-of-type(3n){margin-right: 0;}
.index01min .item::before{content: '';display: block;width: 100%;height: calc(100% - 132px);background-color: #ffffff;border-radius: 10px;border-top: 6px solid #333333;position: absolute;left: 0;bottom: 0;}
.index01min .item .imgbox{width: 270px;height: 270px;border-radius: 50%;overflow: hidden;margin: auto;position: relative;z-index: 1;}
.index01min .item .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.index01min .item .text{width: 100%;box-sizing: border-box;margin-top: 40px;box-sizing: border-box;padding: 0 50px 25px;text-align: center;position: relative;z-index: 1;}
.index01min .item .text h3{font-size: 24px;color: #010101;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index01min .item .text h4{font-size: 16px;color: #666666;line-height: 24px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.index01min .item .text .more{margin: auto;margin-top: 40px;width: 150px;height: 40px;font-size: 14px;}
.index01min .item .text .more i{width: 16px;height: 16px;}

/* index02wrap */
.index02wrap{width: 100%;position: relative;z-index: 0;overflow: hidden;}
.index02wrap .bg{width: 100%;z-index: 0;}
.index02wrap::before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-color: rgba(0,0,0,0.2);}
.index02wrap .videoicon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 2;cursor: pointer;}

/* maskweap */
.maskweap{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.8);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;display: none;z-index: 99;}
.maskweap .imgshow{width: 100%;box-sizing: border-box;height: 100%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.maskweap .imgshow img{display: block;width:auto;max-width: 70%;box-sizing: border-box;padding: 10px;background-color: #000;max-height:70%;}
.maskweap .imgshow .bigvideo{display: block;width:100%;box-sizing: border-box;padding: 16px;background-color: #fff;object-fit:cover;height: 100%;border-radius: 12px;}
.videobox{width: 70%;height: 80%;position: relative;}
.videobox>i{position: absolute;right: 17%;bottom: 8%;font-size: 16px;color: #fff;z-index: 1;}
.videobox .downvideo{position: absolute;bottom: 12%;right: 22px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;color: #fff;background-color: #1D77FF;opacity: 0;visibility: hidden;z-index: 1;border-radius: 50%;transition: all .3s;}
.videobox .downvideo i{font-size: 14px;color: inherit;margin-right: 0;}
.videobox:hover .downvideo{opacity: 1;visibility: visible;}
.videobox .videclose{width: 48px;height: 48px;background: #1D77FF;border: 2px solid #EFEFEF;border-radius: 50%;position: absolute;right: -24px;top: -24px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;}
.videobox .videclose img{background-color: transparent;filter: grayscale(0.5) brightness(11);max-width: 100%;max-height: 100%;}


/* index03wrap */
.index03wrap{margin: auto;margin-top: -160px;background: linear-gradient(0deg, #FFFFFF 0%, #CEE2FF 100%);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);border-radius: 20px;position: relative;z-index: 1;box-sizing: border-box;padding: 60px 200px;text-align: center;margin-bottom: 80px;}
.index03wrap .tl{text-align: center;}
.index03wrap .tl h3{font-size: 36px;color: #000000;font-weight: bold;margin-bottom: 30px;}
.index03wrap .tl h4{font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 40px;}
.swiper-index03{width: 100%;}
.swiper-index03 .swiper-slide{box-sizing: border-box;padding: 0 140px;}
.swiper-index03 h4{font-size: 24px;color: #333333;line-height: 36px;margin-bottom: 40px;}
.swiper-index03 p{font-size: 16px;color: #666666;}
.swiper-index03 .fac{filter: brightness(0);background-image: none;opacity: 0.6;}
.swiper-index03 .fac:hover{opacity: 1;}
.swiper-index03 .fac img{width: 30px;height: auto;}
.index03wrap .more{width: 312px;height: 56px;border-radius: 28px;margin: auto;margin-top: 30px;}
.index03-pagination{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;margin-top: 50px;position: relative;}
.swiper-pagination-bullet{position: relative;width: 20px;height: 3px;background: #CCCCCC;border-radius: 0;margin-right: 6px;opacity: 1;}
.swiper-pagination-bullet:last-child{margin-right: 0;}
.swiper-pagination-bullet-active{background-color: #000000;}



/* footerwrap */
.gnnadyd{
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 75px;
}
.gnna{
    margin: 0;
}
.gnna img{
    width: auto;
    height: 80px;
}
.gnna:first-of-type{
    margin-right: 15px;
}

.footerwrap{width: 100%;background-color: #0F0F0F;}
.footer{margin: auto;padding: 100px 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position:relative;}
.footer li{position: relative;width: calc((100% - 400px)/3);box-sizing: border-box;padding-left: 40px;}
.footer li>img{position: absolute;left: 0;top: 0;}
.footer li h3{font-size: 20px;color: #FFFFFF;line-height: 36px;margin-bottom: 20px;}
.footer li h4{font-size: 18px;color: #FFFFFF;line-height: 36px;}
.footer li h4 a{display: block;color: #1D77FF;}
/* bawrap */
.bawrap{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;height: 90px;background-color: #000000;}
.bawrap a{font-size: 16px;color: #fff;opacity: 0.5;font-weight: 400;}
.bawrap i{display: block;width: 1px;height: 24px;background-color: #fff;opacity: 0.5;margin: 0 10px;}
/* f-link */
.f-link{display: flex;display: -webkit-flex;margin-top: 40px;align-items: center;-webkit-align-items: center;}
.f-link .a{display: block;margin-right: 30px;position:relative;}
.f-link .a:last-child{margin-right: 0;}
.f-link .a .f-ewmshow{width: 100px;position:absolute;left:50%;bottom:40px;margin-left:-70px;background-color:#fff;padding:10px;opacity:0;visibility:hidden;transition:all .3s;border-radius:4px;filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.2));}
.f-link .a .f-ewmshow.f-textshow{width: auto;}
.f-link .a .f-ewmshow.f-textshow p{margin-top: 0;}
.f-link .a .f-ewmshow img{width: 100%;}
.f-link .a .f-ewmshow::before{content: '';display: block;border: 6px solid transparent;border-top-color: #fff;position: absolute;left: 50%;bottom: -12px;margin-left: -6px;}
.f-link .a .f-ewmshow p{font-size: 12px;color: #999;text-align: center;margin:5px 0 0;line-height:14px;font-weight:200;cursor:text;}
.f-link .a:hover .f-ewmshow{opacity:1;visibility: visible;}



/* a-banner */
.a-banner{width: 100%;position: relative;overflow: hidden;margin-top: 0;height:auto;}
.a-banner img{width: 100%;}
.a-banner .tl{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);font-size: 48px;color: #1D77FF;font-weight: bold;text-transform: uppercase;text-align: center;margin-top:50px;}

/* aboutwrap */
.aboutwrap{width: 100%;position: relative;padding: 120px 0;overflow: hidden;background-color: #eff5f8;}

#particles-js{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;z-index: 0;}

/* about */
.about{margin: auto;position: relative;z-index: 1;}
.about .tl{font-size: 40px;color: #1D77FF;font-weight: bold;text-transform: uppercase;margin-bottom: 50px;}
.aboutmin{width:100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.aboutmin-l{width: calc(100% - 500px);}
.aboutmin-l p{font-size: 16px;color: #333333;line-height: 30px;}
/* aboutmin-r */
.aboutmin-r{width: 400px;}
.aboutmin-r img{width: 100%;}
.aboutmin-r p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 40px;}

/* company01 */
.company01{margin: auto;position: relative;z-index: 1;}
.company01 li{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;background-color: #fff;}
.company01 li:nth-of-type(2n){flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}
.company01 li .imgbox{width: 50%;overflow: hidden;}
.company01 li .imgbox img{width: 100%;transition: all .3s;}
.company01 li .text{width: 50%;box-sizing: border-box;padding: 50px 100px;}
.company01 li .text img{max-height: 50px;margin-bottom: 20px;}
.company01 li .text h3{font-size: 36px;color: #000000;padding-bottom: 20px;border-bottom: 1px solid #EDF0F2;position: relative;margin-bottom: 30px;}
.company01 li .text h3::before{content: '';display: block;width: 80px;height: 3px;background-color: #1D77FF;position: absolute;left: 0;bottom: -1px;}
.company01 li .text h4{font-size: 18px;color: #666666;line-height: 36px;}

/* news */
.newswrap{position: relative;z-index: 1;overflow: hidden;margin: auto;}
.news{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;width: 100%;}
.news .item{width: calc((100% - 40px)/2);background-color: #fff;display: flex;display: -webkit-flex;box-sizing: border-box;padding: 50px;border: 2px solid #EDF0F2;border-radius: 10px;margin-bottom: 50px;}
.news .item .text{width: 50%;box-sizing: border-box;padding-right: 50px;}
.news .item .text p{display: flex;display: -webkit-flex;font-size: 14px;color: #999999;line-height: 24px;margin-bottom: 20px;align-items: center;-webkit-align-items: center;}
.news .item .text p::before{content: '';display: block;width: 36px;height: 1px;background-color: #999999;margin-right: 4px;}
.news .item .text h3{font-size: 20px;color: #000000;line-height: 24px;font-weight: bold;margin-bottom: 30px;}
.news .item .text h4{font-size: 14px;color: #666666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.news .item:hover .text h3{color: #1D77FF;}
.news .item .imgbox{width: 50%;overflow: hidden;border-radius: 6px;}
.news .item .imgbox img{width: 100%;transition: all .3s;height:100%;object-fit:cover;}
.news .item:hover .imgbox img{transform: scale(1.1);}

.newswrap .more{width: 218px;height: 56px;margin: auto;margin-top: 10px;}
.newswrap .more:active{display:flex;display: -webkit-flex;}

/* c-banner */
.c-banner{width: 100%;position: relative;margin-top: 100px;box-sizing: border-box;overflow: hidden;}
.c-banner .bg{width: 100%;min-height:300px;object-fit:cover;}
.c-banner .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.c-banner .text h3{font-size: 48px;color: #FFFFFF;text-transform: uppercase;text-align: center;margin-bottom: 30px;}
.c-banner .text strong{display: block;width: 120px;height: 3px;background-color: #FFFFFF;margin: auto;}
.c-banner .text h4{font-size: 16px;color: #FFFFFF;line-height: 30px;text-align: center;margin-top: 20px;display:none;}

/* contactwrap */
.contactwrap{margin: auto;position: relative;z-index: 1;}
/* contact01 */
.contact01{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;background-color: #fff;border-radius: 10px;overflow: hidden;}
.contact01-l{width: 50%;box-sizing: border-box;padding: 60px;}
.contact01-l h3{font-size: 40px;color: #1D77FF;font-weight: bold;padding-bottom: 25px;border-bottom: 1px solid rgba(0,0,0,0.1);margin-bottom: 25px;}
.contact01-l .list li{width: 100%;box-sizing: border-box;position: relative;padding-left: 65px;padding-bottom: 24px;border-bottom: 1px solid rgba(0,0,0,0.1);margin-bottom: 25px;}
.contact01-l .list li .icon{width: 42px;height: 42px;background: #FFFFFF;border-radius: 50%;border: 1px solid #1456B8;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;position: absolute;left: 0;top: 0;}
.contact01-l .list li .icon img{max-width: 60%;max-height: 60%;}
.contact01-l .list li p{font-size: 14px;color: #999999;margin-bottom: 14px;}
.contact01-l .list li h4{font-size: 18px;color: #333333;line-height: 24px;margin-bottom:20px;}
.contact01-l .list li h4:last-child{margin-bottom:0;}
/* c-fx */
.c-fx{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.c-fx p{font-size: 18px;color: #333333;line-height: 24px;margin-right: 30px;}
.c-fx .f-link{margin-top: 0;}
/* contact01-r */
.contact01-r{width: 50%;position: relative;}

/* contact02 */
.contact02{width: 100%;margin: 120px 0 0;position: relative;}
.c-tl{text-align: center;}
.c-tl h3{font-size: 40px;color: #1D77FF;font-weight: bold;margin-bottom: 25px;}
.c-tl h4{font-size: 18px;color: #999999;}
/* contact02-form */
.contact02-form{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;margin-top: 60px;}
.contact02-form label{background-color: #fff;background: #FFFFFF;border-radius: 4px;border: 1px solid #D6D6D6;height: 56px;box-sizing: border-box;width: calc((100% - 40px)/3);margin-bottom: 30px;display: flex;-webkit-display: flex;padding: 0 15px;}
.contact02-form label p{font-size: 16px;color: #333333;line-height: 56px;width: 140px;}
.contact02-form label input,.contact02-form label select,.contact02-form label textarea,.contact02-form label .layui-form-select{width: calc(100% - 140px);height: 100%;box-sizing: border-box;border: none;outline: none;font-size: 18px;color: #333333;}
.contact02-form label.massge{width: 100%;height: 200px;}
.contact02-form label.massge textarea{box-sizing: border-box;padding: 20px 0;resize: none;box-sizing: border-box;}
.contact02-form .more{margin: auto;border: none;margin-top: 40px;}
.contact02-form label .layui-select-title,.contact02-form label .layui-form-select .layui-input{width: 100%;height: 100%;}
.contact02-form label .layui-form-select dl dd{font-size: 14px;}
.contact02-form label .layui-form-select dl dd.layui-this{color: #1D77FF;}

/* lab01wrap */
.lab01wrap{margin: 120px auto;}
.lab01wrap img{max-width: 100%;margin: auto;margin-top: 40px;}

/* lab02wrap */
.lab02wrap{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position: relative;z-index: 1;}
.lab02-l{width: 495px;position: relative;box-sizing: border-box;border-radius: 10px;overflow: hidden;}
.lab02-l img{width: 100%;display: none;}
.lab02-l img:first-child{display: block;}
/* lab02-r */
.lab02-r{width: calc(100% - 620px);}
.lab02-r .tl{font-size: 40px;color: #1D77FF;font-weight: bold;margin-bottom: 50px;}
.lab02-r-list{width: 100%;height:520px;overflow:auto;box-sizing:border-box;padding-right:6px;}
.lab02-r-list .item{width: 100%;margin-bottom: 40px;box-sizing: border-box;padding-left: 18px;border-left: 3px solid #333333;opacity: 0.5;transition: all .3s;cursor: pointer;}
.lab02-r-list .item h3{font-size: 24px;color: #000000;font-weight: bold;margin-bottom: 12px;}
.lab02-r-list .item h4{font-size: 16px;color: #666666;line-height: 24px;}
.lab02-r-list .item.active,.lab02-r-list .item:hover{opacity: 1;}
.lab02-r-list::-webkit-scrollbar{width:3px;background-color: #ddd;border-radius: 2px;}
.lab02-r-list::-webkit-scrollbar-thumb{background-color:#333333;border-radius:2px;}


/* servicewrap */
.servicewrap{margin: auto ;position: relative;z-index: 1;}
.service01{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.service01-l{width: 52%;}
.service01-l .tl{font-size: 40px;color: #1D77FF;font-weight: bold;margin-bottom: 50px;}
.service01-list{width: 100%;}
.service01-list li{box-sizing: border-box;padding-left: 110px;position: relative;margin-bottom: 60px;}
.service01-list li:last-child{margin-bottom: 0;}
.service01-list li .icon{width: 80px;height: 80px;border: 1px solid #1456B8;border-radius: 6px;position: absolute;left: 0;top: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.service01-list li h3{font-size: 24px;color: #010101;margin-bottom: 15px;}
.service01-list li h4{font-size: 16px;color: #666666;line-height: 24px;}
/* service01-r */
.service01-r{width: 45%;}
.service01-r img{width: 100%;}

/* service02 */
.service02{margin: 70px auto 0;}
.service02 .tl{font-size: 40px;color: #1D77FF;font-weight: bold;margin-bottom: 40px;}
.service02min{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.service02min li{width: calc((100% - 40px)/3);border: 1px solid #1456B8;box-sizing: border-box;padding: 30px;border-radius: 10px;}
.service02min li h3{font-size: 24px;color: #010101;margin-bottom: 24px;}
.service02min li h4{font-size: 16px;color: #666666;line-height: 24px;}

/* brandwrap */
.brandwrap{margin: auto;}
.brandwrap .tl{text-align: center;font-size: 24px;color: #333333;line-height: 36px;}
.brand{width: 100%;margin-top: 80px;}
.brand .imgbox{width: 100%;height: 160px;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);border-radius: 10px;background-color: #fff;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;transition: all .3s;}
.brand .imgbox img{max-width: 100%;max-height: 100%;}
.brand .swiper-container{margin-bottom:50px;}
.brand p{text-align: center;margin-top: 30px;font-size: 20px;color: #666666;text-transform: uppercase;}
.brand .swiper-slide:hover .imgbox{box-shadow: 0px 5px 25px 0px rgba(20,86,184,0.3);}
.brand .swiper-slide:hover p{color: #1D77FF;}

/* productwrap */
.productwrap{position: relative;z-index: 1;margin: auto;}
.productwrap .tl{font-size: 24px;color: #333333;line-height: 36px;text-align: center;}
.product{width: 100%;margin-top: 60px;background-color: #fff;}
.product table{width: 100%;border-collapse: collapse;}
.product table th{height: 80px;font-size: 18px;color: #333333;text-align: center;box-sizing: border-box;padding: 0 5px;}
.product table tr{border-bottom: 1px solid #EDF0F2;}
.product table td{text-align: center;box-sizing: border-box;padding: 0 5px;font-size: 16px;color: #666666;height: 70px;}
.product table td a{margin: auto;width: 120px;height: 46px;background: #1D77FF;border-radius: 6px;font-size: 16px;}
.product table td a:hover{box-shadow: 0px 5px 25px 0px rgba(20,86,184,0.3);}
.product table td a:active{display:block;line-height:46px;}

/* team01wrap */
.team01wrap{position: relative;width: 100%;box-sizing: border-box;}
.team01wrap .ab-text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);font-size: 48px;color: #1D77FF;font-weight: bold;text-transform: uppercase;text-align: center;z-index:1;}
.swiper-team01-top{width: 100%;z-index:0;}
.swiper-team01-top .swiper-slide{height: auto;}
.swiper-team01-top img{width: 100%;height: 100%;object-fit: cover;}
.swiper-team01-bot{position: absolute;bottom: -150px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.swiper-team01-bot img{width: 100%;}
.swiper-team01-bot .swiper-slide{border-radius: 10px;border: 2px solid #FFFFFF;overflow: hidden;box-sizing: border-box;}
.swiper-team01-bot .swiper-slide.swiper-slide-thumb-active{border-color: #1D77FF;}

/* team02wrap */
.team02wrap{width: 100%;position: relative;margin-top: 150px;position: relative;z-index: 1;}
.team02wrap .bg{position: absolute;right: 0;top: 0;z-index: 0;}
.team02{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position: relative;z-index: 1;align-items: center;-webkit-align-items: center;}
.team02-l{width: 50%;}
.team02-l h3{font-size: 40px;color: #1D77FF;margin-bottom: 40px;font-weight: bold;}
.team02-l h4,.team02-l p{font-size: 20px;color: #333333;line-height: 36px;}
.team02-r{width: 40%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}

 /* bomwrap */
 .bomwrap{position: relative;margin: auto;z-index: 1;}
.bom{width: 100%;margin-top: 50px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.bom .line{display: block;width: 1px;background-color: rgba(0,0,0,0.1);}
.bomform{width: 45%;background: linear-gradient(0deg, #FFFFFF 0%, #CEE2FF 100%);border-radius: 10px;box-sizing: border-box;padding: 40px;}
.bomform .tl{text-align: left;margin-bottom: 30px;}
.bomform .tl h3{font-size: 30px;color: #010101;margin-bottom: 20px;}
.bomform .tl p{font-size: 18px;color: #000000;}
.bomform .form{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.bomform .form input,.bomform .form textarea,.bomform .form .el-form-item{width: calc((100% - 20px)/2);height: 56px;background: #FFFFFF;border-radius: 4px;border: 1px solid #D6D6D6;box-sizing: border-box;padding: 0 15px;font-size: 18px;margin-bottom: 30px;color: #333;}
.bomform .form input::placeholder,.bomform .form textarea::placeholder{color: #999999;}
.bomform .form .el-form-item.textarea{width: 100%;padding: 15px;height: 200px;resize: none;}
.bomform .form .el-form-item input,.bomform .form .el-form-item textarea{width: 100%;height:100%;margin:0;border: none;padding: 0;background-color: transparent;resize:none;}
.bomform .form .el-form-item__content,.bomform .form .el-form-item .el-textarea{height: 100%;}
.bomform .form .el-input{height: 100%;}
.bomform .form .more{width: 322px;height: 56px;border-radius: 28px;font-size: 20px;border:none;}
.bomform .form .more span{display: flex;display: -webkit-flex;align-items:center;-webkit-align-items:center;}
.bomform .form .el-form-item.Partnum{width: 60%;}
.bomform .form .el-form-item.Quantity{width: calc(40% - 20px);}
.bomform .form .filebtn{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-bottom: 30px;width: 100%;}
.bomform .form .filebtn .more{width: 177px;height: 46px;background: #333333;border-radius: 23px;}
.bomform .form .filebtn input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;}
.bomform .form .filebtn p{font-size: 18px;color: #333333;margin-left: 20px;}
.bomform .form .more:focus{background-color:#1456B8;}

/* ninfowrap */
.ninfowrap{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: flex-start;-webkit-align-items: flex-start;margin-bottom: 100px;z-index: 1;position: relative;}
.ninfomin{width: calc(100% - 460px);background-color: #fff;padding: 40px 50px 80px;box-sizing: border-box;}
/* ninfo-top */
.ninfo-tl{border-bottom: 1px solid #D2D2D2;padding-bottom: 40px;}
.ninfo-tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.ninfo-tl p{font-size: 16px;color: #888888;}
/* ninfi-share */
.ninfi-share{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;height: 80px;margin-bottom: 30px;}
.ninfi-share p{font-size: 16px;color: #888888;}
/* ninfo */
.ninfo{width: 100%;}
.ninfo p{font-size: 16px;line-height: 24px;color: #222222;margin-bottom: 20px;}
.ninfo p:last-child{margin-bottom: 0;}
.ninfo p,.ninfo span{text-wrap: wrap!important;}
/* ninfo-page */
.ninfo-page{width: 100%;box-sizing: border-box;padding: 40px 0;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;-webkit-align-items: center;-webkit-justify-content: space-between;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;margin-top: 100px;}
.ninfo-page .left a{display: block;font-size: 16px;color: #222222;line-height: 30px;}
.ninfo-page .left{width: calc(100% - 200px);}
.ninfo-page .left a:hover{color: #1D77FF;}
.ninfo-page .more{width: 160px;height: 42px;background: #1D77FF;border-radius: 21px;color: #FFFFFF;font-size: 16px;}

/* ninfo-right */
.ninfo-right{width:400px;box-sizing: border-box;padding: 40px 20px;background-color: #fff;}
/* hot-tls */
.hot-tls{font-size: 26px;color: #222222;font-weight: bold;padding-left: 20px;position: relative;box-sizing: border-box;padding-bottom: 20px;border-bottom: 1px solid #313131;}
.hot-tls:before{content: '';display: block;width: 3px;height: calc(100% - 20px);position: absolute;left: 0;top: 0;background-color: #1D77FF;}
/* ninfo-rightmins */
.ninfo-rightmins{width: 100%;margin-top: 50px;}
.ninfo-rightmins .item{width: 100%;overflow: hidden;display: block;padding-bottom: 30px;border-bottom: 1px solid #D2D2D2;margin-bottom: 30px;}
.ninfo-rightmins .item h3{font-size: 18px;color: #222222;line-height: 24px;font-weight: bold;margin-bottom: 30px;}
.ninfo-rightmins .item .imgbox{width: 100%;margin-bottom: 30px;overflow: hidden;}
.ninfo-rightmins .item .imgbox img{width: 100%;transition: all .3s;}
.ninfo-rightmins .item h4{font-size: 14px;color: #888888;line-height: 18px;margin-bottom: 20px;}
.ninfo-rightmins .item p{font-size: 14px;color: #888888;}
.ninfo-rightmins .item:hover h3{color: #1D77FF;}
.ninfo-rightmins .item:hover .imgbox img{transform: scale(1.1);}

/* ninfo-shear */
.ninfo-shear a img{max-width: 24px;max-height: 24px;filter: brightness(0) opacity(0.6);}
.ninfo-shear a:hover img{filter: none;}

/* news-page */
.n-page{margin:auto;}
.part  .el-pagination{text-align: center;width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;box-sizing: border-box;padding: 0;}
.part  .el-pagination .btn-prev{width:32px;height:32px;background:transparent;border: 1px solid #EAEAEA;margin-right: 6px;padding: 0;background-color: transparent;border-radius: 4px;min-width: auto;}
.part  .el-pagination .btn-next{width:32px;height:32px;background:transparent;border: 1px solid #EAEAEA;padding: 0;background-color: transparent;border-radius: 4px;min-width: auto;}
/* .part  .el-pagination .btn-prev .el-icon-arrow-left:before{font-size:14px;content:"<";color: #888888;}
 .part  .el-pagination .btn-next .el-icon-arrow-right:before{font-size:14px;content:">";color: #888888;} */
/* .part  .el-pagination .btn-quickprev{width:32px;height:32px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quickprev:before{content:""}
 .part  .el-pagination .btn-quicknext{width:32px;height:32px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;} */
.part  .el-pagination .btn-quicknext:before{content:""}
.part .el-pagination__jump{margin-left: 10px;}
.part .el-pagination__editor.el-input{width: 60px;}
.part .el-pagination__editor.el-input .el-input__inner{height: 32px;}
 /* .part  .el-pagination__jump{display:none!important;} */
.el-pager{display: flex;display: -webkit-flex;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{box-shadow: none;}
.part .el-pagination .btn-quicknext::after,.part .el-pagination .btn-quickprev::after{display: none;}
.el-pager li{width: 32px;height: 32px;background-color: transparent;margin-right: 6px;line-height: 30px;border-radius: 4px;border: 1px solid #EAEAEA;box-sizing: border-box;min-width: auto;font-size: 12px;font-weight: normal;}
.el-pager li.active{background-color: #1D77FF;color: #fff;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{margin-top:0;text-align:center;background-color:transparent;display:flex;display:-webkit-flex;align-items:center;-webkti-align-items:center;justify-content:center;-wbekit-justify-content:center;}
.part .el-pagination .btn-quicknext:before,.part .el-pagination .btn-quickprev:before{content:'...';width:auto;height:auto;position:relative;background-color:transparent;}
.el-pager li.active+li{border-left: 1px solid #EAEAEA;}
.el-pager li:hover{color: #1D77FF;}

.productwrap .n-page{margin-top: 50px;}


@media (max-width: 1680px) {
	.center{width:1400px;}
	.bannerwrap .text h3{font-size: 52px;}
	.more{font-size: 18px;}
	.index01 .tl h3{font-size: 32px;}
	.index03wrap{padding: 60px 100px;}
	
	.footer{padding: 80px 0;}
	
	.gnnadyd{
	    bottom: 80px;
	}
	
	.footer li{width: calc((100% - 200px)/3);}
	.footer li h4{font-size: 16px;line-height: 26px;}
	
	.brand .imgbox{height: 140px;}
	
	
	
	
}







@media (max-width: 1500px) {
	.center{width:1200px;}
	
	.c-banner .text h3{font-size: 42px;}
	.bannerwrap .text h3{fon tab-size: 46px;line-height: 62px;}
	.more{width: 180px;height: 50px;font-size:16px;}
	.index01min .item .text{padding: 0 30px 25px;}
	.index01min .item .imgbox{width: 240px;height: 240px;}
	.index01min .item .text h3{font-size: 22px;line-height: 24px;}
	.swiper-index03 h4{font-size: 20px;line-height: 30px;}
	.footer{padding: 50px 0;}
	
	.gnnadyd{
	    bottom: 50px;
	}
	
	.footer{font-size: 14px;line-height: 24px;}
	.bawrap a{font-size: 14px;}
	.bawrap i{height: 18px;}
	.bawrap{height: 70px;}
	.footer li>img{max-width: 30px;max-height: 30px;}
	.footer li h3{margin-bottom: 10px;}
	
	.team02-l h4, .team02-l p{font-size:16px;line-height:30px;}
	.team02-l h3{font-size: 36px;}
	
	.company01 li .text{padding: 30px 50px;}
	.company01 li .text h3{font-size: 32px;}
	.company01 li .text h4{font-size: 16px;line-height: 30px;}
	
	.news .item .text p{margin-bottom: 14px;}
	.news .item .text h3{font-size:16px;margin-bottom:15px;}
	.news .item{padding: 30px;}
	.news .item .text{padding-right: 30px;}
	.news .item{margin-bottom: 40px;}
	.newswrap .more{width: 180px;height: 50px;}
	
	.brand .imgbox{height: 120px;}
	.brand p{font-size: 16px;margin-top: 15px;}
	.brandwrap .tl,.productwrap .tl{font-size: 20px;line-height: 34px;}
	
	.product table td{font-size: 14px;}
	.product table td a{width: 100px;height: 40px;font-size: 16px;}
	
	.bomform{width: 48%;}
	.bomform .form input, .bomform .form textarea, .bomform .form .el-form-item{font-size: 14px;margin-bottom:10px;}
	.bomform .form .filebtn .more{margin-bottom: 0;margin-top:0;}
	.bomform .form .more{margin-top: 20px;}
	.bomform .form .filebtn{margin-bottom: 0;}
	.bomform .tl h3{font-size: 24px;}
	.bomform .tl p{font-size: 16px;}
	.bomform .form .more{font-size: 18px;}
	
	
	
	
	
	
	
	
	
}