@charset "UTF-8";
@font-face{
    font-family:'Roboto';
     src: url('../font/Roboto.ttf');
}
@font-face{
    font-family:'din';
     src: url('../font/din.ttf');
}


html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font-size: 14px; line-height: 1.4;  margin: 0 auto; color: #333333; letter-spacing:0.5px; background-color: #ffffff; font-family:'Microsoft YaHei',Arial, sans-serif;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, li, ol { list-style: none;}
* {box-sizing: border-box;margin: 0;padding: 0;outline: none;}
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; outline: 0; vertical-align: middle;}

input, select, textarea, button, option{vertical-align: middle;resize: none; -webkit-appearance: none !important; appearance: none;outline: none;border: none; background: transparent; font-family:'Microsoft YaHei',Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; appearance: none;border-radius: 0; }

::-moz-selection { background: #318ece; color: #fff; text-shadow: none;}
::selection { background: #318ece; color: #fff; text-shadow: none; }
select{ outline: none;}

select::-ms-expand { display: none; }

::-webkit-scrollbar{width: 8px;height: 8px;}
::-webkit-scrollbar-thumb{ border-radius: 50px; background:#318ece;}
::-webkit-scrollbar-track{border-radius: 10px !important;background: #EDEDED !important;}
::-webkit-scrollbar-thumb:hover{ background: #318ece;}

a{ text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clear{ clear:both;}
.clearfix:before, .clearfix:after{ display: table; content: ""; line-height: 0px; }
.clearfix:after{clear: both;}

.fl{ float: left;}
.fr{ float: right;}
.container{ padding: 0 8%; height: 100%; margin: 0 auto;}

.dly_1{ -webkit-animation-delay: 200ms; animation-delay: 200ms; }
.dly_2{ -webkit-animation-delay: 400ms; animation-delay: 400ms; }
.dly_3{ -webkit-animation-delay: 600ms; animation-delay: 600ms; }
.dly_4{ -webkit-animation-delay: 800ms; animation-delay: 800ms; }
.dly_5{ -webkit-animation-delay: 1000ms; animation-delay: 1000ms; }
.dly_6{ -webkit-animation-delay: 1200ms; animation-delay: 1200ms; }
.dly_7{ -webkit-animation-delay: 1400ms; animation-delay: 1400ms; }
.dly_8{ -webkit-animation-delay: 1600ms; animation-delay: 1600ms; }
.dly_9{ -webkit-animation-delay: 1800ms; animation-delay: 1800ms; }
.dly_10{ -webkit-animation-delay: 2000ms; animation-delay: 2000ms; }
.dly_11{ -webkit-animation-delay: 2200ms; animation-delay: 2200ms; }
.dly_11{ -webkit-animation-delay: 2400ms; animation-delay: 2400ms; }

/*======================等比填充======================*/
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%; object-fit: cover;}
.rect-50 {padding-bottom: 50%;}
.rect-566 {padding-bottom: 55.6%;}
.rect-67 {padding-bottom: 67%;}
.rect-952 {padding-bottom: 95.2%;}
.rect-100 {padding-bottom: 100%;}
.rect-124 {padding-bottom: 124%;}

.trans5{-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom img,.imgY180 img {-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom {overflow: hidden;-webkit-transform: rotate(0);transform: rotate(0);}
.imgZoom:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.imgY180:hover img {cursor: pointer; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);transform: rotateY(180deg)}

/*头部*/
.header{height:90px; z-index: 99;width: 100%; position:fixed; top: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)); transition:0.5s all;}
.header .container{display: -webkit-flex;display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
.header .logo{ height:90px; display:flex; align-items:center; transition:0.5s all;}
.header .logo img{ height:50px; display:block; transition:0.5s all;}
.header .logo .logo-2{display: none;}
.header .nav{display: flex; align-items: center; height: 90px; transition:0.5s all;}
.header .nav>ul{display:flex; height:100%;}
.header .nav .drop{display: inline-block; padding: 0 2vw; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
.header .nav .drop>a{position: relative; height:100%; display:flex; justify-content:center;align-items:center; font-size: 18px; color: #ffffff;}
.header .nav .drop>a::before{ position: absolute; content: ''; width: 0; height: 3px; right: 0; bottom:0; background: #318ece;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.header .nav .drop:hover>a::before{ width: 100%; left: 0;}
.header .nav .language{position: relative; padding-left:2vw; display: flex; align-items: center;}
.header .nav .language::before{position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background: rgba(255, 255, 255, .5);}
.header .nav .language a{ font-size: 18px; color: #ffffff;}
.header .nav .language .icon{ margin-right: 8px;}
.header .nav .language .icon img{ height: 18px;}
.header .nav .language .icon .lang-2{display: none;}
.header .nav .language a:hover{ color: #318ece; font-weight: bold;}
.header.scroll .nav .language::before,.header:hover .nav .language::before{background: rgba(0, 0, 0, .5);}
.header:hover{ background: #ffffff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.header.scroll{ height: 80px; background:rgba(255,255,255,1);box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.header.scroll .logo{ height: 80px;}
.header:hover .logo .logo-2,.header.scroll .logo .logo-2,.header.scroll .nav .language .icon .lang-2,.header:hover .nav .language .icon .lang-2{display: block;}
.header:hover .logo .logo-1,.header.scroll .logo .logo-1,.header.scroll .nav .language .icon .lang-1,.header:hover .nav .language .icon .lang-1{display: none;}
.header.scroll .nav{height: 80px;}
.header.scroll .nav .drop>a,.header:hover .nav .drop>a{color: #333333;}
.header .nav .drop:hover>a,.header .nav .drop.active>a{color: #318ece;font-weight: bold;}
.header.scroll .nav .drop:hover>a,.header.scroll .nav .drop.active>a{color: #318ece; font-weight: bold;}
.header.scroll .nav .language a,.header:hover .nav .language a{color:#333333;}
.header.scroll .nav .language a:hover,.header .nav .language a:hover{color: #318ece; font-weight: bold;}
.header .nav .drop .subNavbox{position:absolute; top:100%;left:50%;width:100%; height: 60px; background:rgba(255,255,255,1); opacity:0; pointer-events:none; transition:all .3s;-webkit-transform: translate(-50%,10px); transform: translate(-50%,10px); border-top:2px #eeeeee solid }
.header .nav .drop .subNavbox .container{display: flex; justify-content: center;}
.header .nav .drop .subNavbox .name{display: inline-block; font-size: 17px; color: #333333; font-weight: bold;}
.header .nav .drop .subNavbox .line{display: inline-block; margin-left: 30px; width: 1px; height: 16px; background: rgba(0, 0, 0, .5);}
.header .nav .drop .subNavbox a{position:relative; font-size:16px; line-height: 1.4; color: #333333; transition:0.3s all; text-align: center; margin: 0 30px;}
.header .nav .drop .subNavbox a:hover{color:#318ece; }
.header .nav .drop:hover .subNavbox{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1;}
.mheader{display:none;}
.placeholder{display:none;}

/* banner */
.banner {width:100%; height: 100vh; position: relative; z-index:0; overflow:hidden;}
.banner .swiper-slide .img {height:100vh; width:100%; position:relative; z-index:1;}
.banner .swiper-slide .img img{width:100%; height:100vh;}
.banner .swiper-slide video{position: absolute;width: 100%; height:100%; left: 0;top: 0;z-index: 12; object-fit: cover;}
.banner .swiper-slide .txt{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 33;}
.banner .swiper-slide .txt h4{margin-top: 30px;font-size: 22px;color: #ffffff;text-transform: uppercase; font-weight: normal; transform:translateX(80px);opacity:0;transition:all 4s;}
.banner .swiper-slide .txt h2{margin-top: 30px; font-size: 60px;color: #ffffff;  text-shadow: 0 5px 10px rgb(0, 0, 0, .2); transform:translateX(60px);opacity:0;transition:all 4s;}
.banner .swiper-slide .txt h2 span{ color: #318ece;}
.banner .swiper-slide .txt .line{width: 80px;height: 4px;background: #ffffff; opacity:0; transform:translateX(50px); transition:all 4s;}
.banner .swiper-slide.swiper-slide-active .txt h4,
.banner .swiper-slide.swiper-slide-active .txt h2,
.banner .swiper-slide.swiper-slide-active .txt .line{transform:translateX(0px);opacity:1;}
.banner .banner_btn{position: absolute; bottom: 40px; left: 0; right: 0; z-index: 1; }
.banner .banner_btn .container{display: flex; align-items: center; z-index: 2; justify-content: center;}
.banner .banner_btn .btn_left{ display: flex; align-items: center; color: #ffffff;}
.banner .banner_btn .btn_left .sign { display: inline-block; width: 25px; height: 25px; margin-left: 10px;cursor: pointer; }
.banner .banner_btn .btn_left .sign span { font-size: 24px; color: #fff; display: inline-block; text-align: center; position: relative;}
.banner .banner_btn .btn_left .sign span.play { left: 1px;}
.banner .banner_btn .btn_left .sign span.pause { display: none;}
.banner .banner_btn .btn_left .sign.active span.play {display: none;}
.banner .banner_btn .btn_left .sign.active span.pause {display: block;}
.banner .banner_btn .btn_left .banner-pagination {position: relative;display: inline-block;text-align: left;bottom: 0;}
.banner .banner_btn .btn_left .banner-pagination .swiper-pagination-bullet {width: 12px;height: 12px;border-radius: 50%;background: rgba(255, 255, 255, 1);opacity: 1;margin: 0 5px;position: relative;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.banner .banner_btn .btn_left .banner-pagination .swiper-pagination-bullet-active {background: #318ece;}
.banner .swiper-next,.banner .swiper-prev{ position: absolute; top: 50%; width: 25px; height: 48px; background: url(../img/arr.png) center no-repeat; background-size: auto 48px; z-index: 99; opacity: .5; cursor: pointer;}
.banner .swiper-prev{ left: 2vw;transform: translateY(-50%) rotateY(-180deg);}
.banner .swiper-next{ right: 2vw;transform: translateY(-50%);}
.banner .swiper-next:hover,.banner .swiper-prev:hover{opacity: 1;}

.inproduct{position: relative;}
.minproduct{display:none;}
.inproduct .leftlist{position: absolute; top: 100px; left: 8%; width: calc(32% - 40px); z-index: 22;}
.inproduct .leftlist .catname{ font-size: 42px; color: #ffffff; text-shadow:2px 2px 3px rgba(0, 0, 0, .5);}
.inproduct .leftlist .catelist{ margin-top: 70px; position: relative;}
.inproduct .leftlist .catelist .swiper-slide{ width: 50%; text-align: center; padding: 0 10px; box-sizing: border-box; opacity: .6; cursor: pointer;}
.inproduct .leftlist .catelist .swiper-slide .icon img{ height: 40px; margin: 0 auto;}
.inproduct .leftlist .catelist .swiper-slide .name{ margin-top: 10px; font-size: 16px; color: #ffffff;}
.inproduct .leftlist .catelist .swiper-slide.swiper-slide-thumb-active,.inproduct .leftlist .catelist .swiper-slide:hover{ opacity: 1;}
.inproduct .contprod{ position: relative; width: 100%;}
.inproduct .contprod .contitem{ background:linear-gradient(to left, #ffffff 60%, #318ece 40%); display: flex; justify-content: space-between; align-items: flex-end; opacity: 0 !important;}
.inproduct .contprod .contitem.swiper-slide-active{ opacity: 1 !important;}
.inproduct .contprod .contitem .left{ padding-left: 8%; padding-right: 40px; padding-bottom: 180px; width: 40%; background: #318ece; box-sizing: border-box;}
.inproduct .contprod .contitem .left .cont{ font-size: 15px; color: #ffffff; line-height: 30px; height: 90px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.inproduct .contprod .contitem .left .more{ margin-top: 60px;position: relative;display: flex;}
.inproduct .contprod .contitem .left .more a{position: relative; font-size: 15px; color: #ffffff; height: 45px; border-radius: 25px; border: 1px #ffffff solid; padding: 0 30px; display: flex; align-items: center; z-index: 3;}
.inproduct .contprod .contitem .left .more span{ margin-left: 10px;}
.inproduct .contprod .contitem .left .more a::before { opacity: 0; visibility: hidden; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .4); border-radius: 50px; z-index: -3;}
.inproduct .contprod .contitem .left .more a:hover::before { opacity: 1; visibility: visible; animation: bannerbuIn2 infinite linear 1.4s normal; -webkit-animation: bannerbuIn2 infinite linear 1.4s normal;}
.inproduct .contprod .contitem .right{position: relative; width: 60%; padding: 100px 0;}
.inproduct .contprod .contitem .right .bg{position: absolute; top: 0; width: 100%; height: 100%;}
.inproduct .contprod .contitem .right .bg img{width: 100%; height: 100%; object-fit: cover;}
.inproduct .contprod .contitem .right .rightprod{position: relative; margin-right: 8%; background: rgba(255, 255, 255, .95); z-index: 2;}
.inproduct .contprod .contitem .right .rightprod .infor{ padding: 80px 40px;}
.inproduct .contprod .contitem .right .rightprod .swiper-slide{display: flex; justify-content: space-between;}
.inproduct .contprod .contitem .right .rightprod .swiper-slide .img{width: 44%;}
.inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox{width: 56%; padding-right: 70px; padding-left: 30px; box-sizing: border-box;}
.inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox .title{ font-size: 24px; color: #318ece; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox .desc{margin-top: 80px; font-size: 15px; color: #333333; line-height: 30px; height: 120px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox  .more{ margin-top: 60px;position: relative;display: flex;}
.inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox  .more a{position: relative; font-size: 15px; color: #333333;}
.inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox  .more span{ color: #318ece; margin-left: 10px;}
.inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox  .more a:hover{ color: #318ece;}
.inproduct .contprod .contitem .right .rightprod .button{ position: absolute; width: 50px; right: 40px; top: 50%; transform: translateY(-50%); z-index: 22;}
.inproduct .contprod .contitem .right .rightprod .button .button-next,.inproduct .contprod .contitem .right .rightprod .button .button-prev{ width: 50px; height: 50px; border-radius: 50%; background: #ffffff; font-size: 17px; color: #318ece; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.inproduct .contprod .contitem .right .rightprod .button .button-prev{ margin-bottom: 30px; transform: rotateY(-180deg);}
.inproduct .contprod .contitem .right .rightprod .button .button-next:hover,.inproduct .contprod .contitem .right .rightprod .button .button-prev:hover{ color: #ffffff; background: #318ece;}

.indevelop{position: relative; padding: 100px 0;}
.indevelop .title{ font-size: 42px; color: #318ece; text-shadow:2px 2px 3px rgba(0, 0, 0, .5);}
.indevelop .developbox{margin-top: 50px; position: relative; display: flex;}
.indevelop .developbox .item{position: relative; width:calc((100% - 30px)/3); margin-right: 15px; height: 490px; -webkit-transition: 1s; transition: 1s; overflow: hidden;}
.indevelop .developbox .item:last-child{ margin-right: 0;}
.indevelop .developbox .item.select{ width: 52%; border-bottom-left-radius: 50px;}
.indevelop .developbox .item .info{ position: absolute; bottom: 0; width: 100%; padding: 40px; z-index: 1;}
.indevelop .developbox .item .info .icon img{ height: 35px;}
.indevelop .developbox .item .info .name{ margin-top: 10px; font-size: 26px; color: #ffffff; font-weight: bold;}
.indevelop .developbox .item .info .desc{ display: none; margin-top: 20px; font-size: 15px; color: #ffffff; line-height: 28px; height: 56px;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.indevelop .developbox .item .info .more{ display: none; margin-top: 20px;position: relative;}
.indevelop .developbox .item .info .more a{position: relative; font-size: 15px; color: #ffffff;}
.indevelop .developbox .item .info .more span{ color: #ffffff; margin-left: 5px; -webkit-transition: .5s; transition: .5s;}
.indevelop .developbox .item .bg{position: relative; width: 100%; height: 100%;}
.indevelop .developbox .item .bg img{width: 100%; height: 100%; object-fit: cover;}
.indevelop .developbox .item.select .info .desc,.indevelop .developbox .item.select .info .more{display: block;}
.indevelop .developbox .item.select .info .more:hover span{ margin-left: 15px;}

.inabout{position: relative; padding: 100px 0; background: url(../img/aboutbg.jpg) center no-repeat;background-size: cover;}
.inabout .container{display: flex; justify-content: space-between; align-items: center;}
.inabout .aboutinfo{ width: 52%;}
.inabout .aboutinfo .title{ font-size: 42px; color: #318ece; text-shadow:2px 2px 3px rgba(0, 0, 0, .5);}
.inabout .aboutinfo .cont{ margin-top:50px; font-size: 16px; color: #333333; line-height: 36px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.inabout .aboutinfo .number{position:relative; margin-top: 90px; display: grid;grid-gap:20px; grid-template-columns: repeat(3,1fr);}
.inabout .aboutinfo .number .item {position: relative; box-sizing: border-box;}
.inabout .aboutinfo .number .item .T {display: -webkit-flex;display: flex;align-items: flex-end;}
.inabout .aboutinfo .number .item .T .timer {font-size: 52px;color: #318ece;font-family: 'Roboto'; font-weight: bold; line-height: 1;margin-right: 10px; text-shadow:0px -3px 3px rgba(0, 0, 0, .5);}
.inabout .aboutinfo .number .item .T .num {font-size: 22px;color: #318ece; font-family: 'Roboto'; font-weight: normal;}
.inabout .aboutinfo .number .item .c {margin-top: 10px;font-size: 16px; color: #333333;}
.inabout .aboutinfo .more{ margin-top: 100px;position: relative;display: flex;}
.inabout .aboutinfo .more a{position: relative; font-size: 15px; color: #ffffff; height: 45px; border-radius: 25px; padding: 0 30px; background: #318ece; display: flex; align-items: center; z-index: 3;}
.inabout .aboutinfo .more span{ margin-left: 10px;}
.inabout .aboutinfo .more a::before { opacity: 0; visibility: hidden; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(49, 142, 206, .4); border-radius: 50px; z-index: -3;}
.inabout .aboutinfo .more a:hover::before { opacity: 1; visibility: visible; animation: bannerbuIn2 infinite linear 1.4s normal; -webkit-animation: bannerbuIn2 infinite linear 1.4s normal;}
.inabout .invideo{position:relative; width: 30%; display: flex; justify-content: center;}
.inabout .invideo .videobox .mask {position: relative; transition: all 0.5s;-webkit-transition: all 0.5s;}
.inabout .invideo .videobox .mask .videoed{ position: relative; width: 60px; height: 60px; cursor: pointer; z-index: 2;}
.inabout .invideo .videobox .mask .videoed img{ width: 100%; height: 100%; object-fit: cover;}
.inabout .invideo .videobox .mask p{ position: absolute; left: 0;top: 0; width: 60px; height: 60px; background: #318ece;  border-radius: 100%; z-index: 1; opacity: 0;}
.inabout .invideo .video{display: none; position: fixed; left: 0;top: 0;z-index: 9999;width: 100%;height: 100vh;background: rgba(0, 0, 0, .9);}
.inabout .invideo .video .videoList{position: relative;padding: 40px;background: #ffffff;width: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.inabout .invideo .video .close{position: absolute;right: 10px;top: 10px;border-radius: 100%;cursor: pointer;}

.innews{position: relative; padding: 90px 0; background:#ffffff url(../img/newsbg.jpg) center no-repeat; background-size: cover;}
.innews .titletop{display: flex; justify-content: space-between; align-items: center;}
.innews .titletop .title{font-size: 42px; color: #318ece; text-shadow:2px 2px 3px rgba(0, 0, 0, .5);}
.innews .titletop .more{position: relative;}
.innews .titletop .more a{position: relative; font-size: 15px; color: #ffffff; height: 45px; border-radius: 25px; padding: 0 30px; background: #318ece; display: flex; align-items: center; z-index: 3;}
.innews .titletop .more span{ margin-left: 10px;}
.innews .titletop .more a::before { opacity: 0; visibility: hidden; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(49, 142, 206, .4); border-radius: 50px; z-index: -3;}
.innews .titletop .more a:hover::before { opacity: 1; visibility: visible; animation: bannerbuIn2 infinite linear 1.4s normal; -webkit-animation: bannerbuIn2 infinite linear 1.4s normal;}
.innews .newsbox{ margin-top: 50px; display: grid;grid-gap:60px; grid-template-columns: repeat(3,1fr);}
.innews .newsbox .group{ position: relative; width: 100%;}
.innews .newsbox .group .info .img{ width: 100%; height: 270px; overflow: hidden;}
.innews .newsbox .group .info .img img{width: 100%; height: 100%; object-fit: cover;}
.innews .newsbox .group .info .contbox{ position: relative; padding: 20px 0;}
.innews .newsbox .group .info .contbox::before{ position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 1px; background: #dddddd; z-index: 1;}
.innews .newsbox .group .info .contbox::after{position: absolute; content: ''; left: 0; bottom: 0; width: 0; height: 1px; background: #318ece; z-index: 2; -webkit-transition: .5s; transition: .5s;}
.innews .newsbox .group .info:hover .contbox::after{ width: 100%;}
.innews .newsbox .group .info .contbox .title a{ font-size: 17px; color: #333333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.innews .newsbox .group .info .contbox .desc{ margin-top: 15px; font-size: 15px; color: #666666; line-height: 26px; height: 52px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.innews .newsbox .group .info .contbox .mation{ margin-top: 20px; display: flex; justify-content:space-between; align-items: center;}
.innews .newsbox .group .info .contbox .mation .matleft .catname{ margin-right: 10px; font-size: 15px; color: #318ece;}
.innews .newsbox .group .info .contbox .mation .matleft .date{font-size: 15px; font-family: 'Roboto'; color: #666666;}
.innews .newsbox .group .info .contbox .mation .more{position: relative;}
.innews .newsbox .group .info .contbox .mation .more a{position: relative; font-size: 15px; color: #666666;}
.innews .newsbox .group .info .contbox .mation .more span{ color: #318ece; margin-right: 5px; -webkit-transition: .5s; transition: .5s;}
.innews .newsbox .group .info:hover .contbox .title a{ color: #318ece;}
.innews .newsbox .group .info .contbox .mation .more:hover a{color: #318ece;}
.innews .newsbox .group .info .contbox .mation .more:hover span{ margin-right: 10px;}
.innews .newsbox .group .item{ position: relative; padding: 40px 0;}
.innews .newsbox .group .item::before{ position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 1px; background: #dddddd; z-index: 1;}
.innews .newsbox .group .item::after{position: absolute; content: ''; left: 0; bottom: 0; width: 0; height: 1px; background: #318ece; z-index: 2; -webkit-transition: .5s; transition: .5s;}
.innews .newsbox .group .item:hover::after{ width: 100%;}
.innews .newsbox .group .item .title a{ font-size: 17px; color: #333333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.innews .newsbox .group .item .desc{ margin-top: 15px; font-size: 15px; color: #666666; line-height: 26px; height: 52px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.innews .newsbox .group .item .mation{ margin-top: 28px; display: flex; justify-content:space-between; align-items: center;}
.innews .newsbox .group .item .mation .matleft .catname{ margin-right: 10px; font-size: 15px; color: #318ece;}
.innews .newsbox .group .item .mation .matleft .date{font-size: 15px; font-family: 'Roboto'; color: #666666;}
.innews .newsbox .group .item .mation .more{position: relative;}
.innews .newsbox .group .item .mation .more a{position: relative; font-size: 15px; color: #666666;}
.innews .newsbox .group .item .mation .more span{ color: #318ece; margin-right: 5px; -webkit-transition: .5s; transition: .5s;}
.innews .newsbox .group .item:hover .title a{ color: #318ece;}
.innews .newsbox .group .item .mation .more:hover a{color: #318ece;}
.innews .newsbox .group .item .mation .more:hover span{ margin-right: 10px;}

.footer{position: relative;}
.footer .footcont{ position: relative; background: #ffffff;}
.footer .footcont .container{display: flex; justify-content: space-between;}
.footer .footcont .footcontl{ width: 34%; padding: 50px 50px 50px 0; border-right: 1px rgba(49, 142, 206, .2) solid; box-sizing: border-box;}
.footer .footcont .footcontl .flogo img{ height: 50px;}
.footer .footcont .footcontl .waybox{ position: relative; margin-top: 30px; display: flex; justify-content: space-between;}
.footer .footcont .footcontl .waybox .ewm{ width: 105px;}
.footer .footcont .footcontl .waybox .ewm img{ width: 105px; height: 105px; border: 2px #dddddd solid;}
.footer .footcont .footcontl .waybox .ewm p{ margin-top: 10px; font-size: 14px; color: #333333; text-align: center;}
.footer .footcont .footcontl .contway{ width: calc(100% - 120px);}
.footer .footcont .footcontl .contway p{ font-size: 15px; color: #000000; line-height: 30px;}
.footer .footcont .footcontl .contway p a{ font-size: 28px; color: #318ece; font-family: 'Roboto'; font-weight: bold;}
.footer .footcont .footnav{ width: 66%;padding: 50px 0 50px 60px; box-sizing: border-box;display: flex; justify-content: space-between;}
.footer .footcont .footnav dt{ margin-bottom: 20px;}
.footer .footcont .footnav dt a{ font-size: 17px; color: #333333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.footer .footcont .footnav dd a{ font-size: 15px; color: #666666; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.footer .footcont .footnav dt a:hover,.footer .footcont .footnav dd a:hover{ color: #318ece;}
.footer .copyright{ padding: 20px 0; font-size: 15px; color:#ffffff; background: #318ece; }
.footer .copyright a{font-size: 15px; color:#ffffff;}
.footer .copyright a:hover{ color:rgba(255,255,255,.7);}

/*二级页面banner*/
.pbanner{ width:100%; position:relative; color: #fff;  overflow:hidden;}
.pbanner .bannerimg { position: relative; }
.pbanner .bannerimg img{width:100%; display:block; opacity:1;-webkit-animation: picMove 3s ease;animation: picMove 3s ease;}
@-webkit-keyframes picMove {
    0%{
        -webkit-transform:scale(1.05);transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1);transform:scale(1)
    }
}
@keyframes picMove {
	0%{
        -webkit-transform:scale(1.05);transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1);transform:scale(1)
    }
}
.pbanner .bannerText { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05); }
.pbanner .bannerText .innerText h5, .pbanner .bannerText .innerText h6 { text-align: center; }
.pbanner .bannerText .container { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.pbanner .bannerText .container h6 { font-size: 30px; text-transform: uppercase; }
.pbanner .bannerText .container h5 { font-size: 42px; }

.pagenav{position: relative; background: #ffffff; padding: 30px 0;}
.pagenav .menunav{ margin-top: 20px;}
.pagenav .menunav a{position: relative; font-size: 22px; color: #333333; padding: 0 30px;}
.pagenav .menunav a::after{ position: absolute; content: ''; width: 1px; height: 18px; right: 0; top: 50%; transform: translateY(-50%); background: #cccccc;}
.pagenav .menunav a:first-child{padding-left: 0;}
.pagenav .menunav a:last-child::after{ display: none;}
.pagenav .menunav a:last-child{padding-right: 0;}
.pagenav .menunav a:hover,.pagenav .menunav a.active{color: #318ece; }
.crumbs{margin: 0 auto; font-size: 15px; color: #333333; line-height:30px ; }
.crumbs .fangzi{display: inline-block; width: 17px; height: 15px; margin-right: 5px; margin-bottom: -1px;  background: url(../img/home.png) center no-repeat; background-size: auto 15px;}
.crumbs a{color: #333333;margin: 0 2px; font-size:15px;}
.crumbs a:hover{color: #318ece;}
.crumbs .title{color: #318ece; font-size: 17px;}

.pageabout{ position: relative; padding: 70px 0; background: url(../img/pageabobg.jpg) center no-repeat; background-size:cover;}
.pageabout .title {text-align: center; font-size: 38px; color: #333333;}
.pageabout .cont{width: 100%; margin-top: 50px;  font-size: 16px; color: #333333; line-height: 32px; }
.pageabout .aboutinfo{ margin-top: 70px; display: flex; justify-content: space-between;align-items: flex-start;}
.pageabout .aboutinfo .number{width: 100%; position:relative; display: grid;grid-gap:20px; grid-template-columns: repeat(5,1fr);}
.pageabout .aboutinfo .number .item {position: relative; box-sizing: border-box; text-align: center;}
.pageabout .aboutinfo .number .item .T {display: -webkit-flex;display: flex;align-items: flex-end;  justify-content: center;}
.pageabout .aboutinfo .number .item .T .timer {font-size: 52px;color: #318ece;font-family: 'Roboto'; font-weight: bold; line-height: 1;margin-right: 10px;}
.pageabout .aboutinfo .number .item .T .num {font-size: 22px;color: #318ece; font-family: 'Roboto'; font-weight: normal;}
.pageabout .aboutinfo .number .item .c {margin-top: 10px;font-size: 16px; color: #333333;}
.pageabout .aboutinfo .number .item .iconfont{font-weight: normal !important;}
.pageabout .aboutinfo .aboutvideo{position:relative; width: 100%; display: flex; justify-content: center;}
.pageabout .aboutinfo .aboutvideo .videobox .mask {position: relative; transition: all 0.5s;-webkit-transition: all 0.5s;}
.pageabout .aboutinfo .aboutvideo .videobox .mask .videoed{ position: relative; margin: 0 auto; width: 52px; height: 52px; cursor: pointer; z-index: 2;}
.pageabout .aboutinfo .aboutvideo .videobox .mask .videoed img{ width: 100%; height: 100%; object-fit: cover;}
.pageabout .aboutinfo .aboutvideo .videobox .mask .sp{position: absolute; left: 50%;top: 50%; width: 52px; height: 52px;   transform: translate(-50%,-50%);}
.pageabout .aboutinfo .aboutvideo .videobox .mask .sp p{ position: absolute; left: 0;top: 0; width: 52px; height: 52px; background: #318ece;  border-radius: 100%; z-index: 1; opacity: 0;}
.pageabout .aboutinfo .aboutvideo .videobox .c{margin-top: 10px;font-size: 16px;color: #333333;}
.pageabout .aboutinfo .aboutvideo .video{display: none; position: fixed; left: 0;top: 0;z-index: 9999;width: 100%;height: 100vh;background: rgba(0, 0, 0, .9);}
.pageabout .aboutinfo .aboutvideo .video .videoList{position: relative;padding: 40px;background: #ffffff;width: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pageabout .aboutinfo .aboutvideo .video .close{position: absolute;right: 5px;top: 5px;border-radius: 100%;cursor: pointer;}

.pageculture{position: relative; padding: 70px 0; background: #ffffff;}
.pageculture .title{font-size: 38px; color: #2a2f34;}
.pageculture .cont{ margin-top: 20px;}
.pageculture .cont p{  font-size: 22px; color: #333333; line-height: 1.8;}
.pageculture .culturebox{position: relative;  margin-top: 70px; display: grid; grid-gap:20px; grid-template-columns: repeat(4,1fr);}
.pageculture .culturebox .item{ position: relative; overflow: hidden;}
.pageculture .culturebox .item .tit{ font-size: 22px; text-align: center; line-height: 55px; color: #ffffff; background: #c00000;}
.pageculture .culturebox .item:nth-child(2n){ transform: translateY(-30px);}
.pageculture .culturebox .item:nth-child(2n) .tit{ background: #318ece;}
.pageculture .culturebox .item .img img{ width: 100%; height: 100%; object-fit: cover;}

.pagebusiness{ position: relative; padding: 70px 0; background: url(../img/pagebusinbg.jpg) center no-repeat; background-size: cover;}
.pagebusiness .title{font-size: 38px; color: #2a2f34;}
.pagebusiness .businbox{position: relative;display: grid; grid-gap:60px; grid-template-columns: repeat(3,1fr);margin-top: 50px;}
.pagebusiness .businbox .item{ position: relative;  overflow: hidden; box-sizing: border-box;}
.pagebusiness .businbox .item .tit{ font-size: 22px; text-align: center; line-height: 55px; color: #333333; }
.pagebusiness .businbox .item .img{ border-radius: 5px;}
.pagebusiness .businbox .item:first-child .img{border: 4px #9fca36 solid;}
.pagebusiness .businbox .item:nth-child(2) .img{border: 4px #e48204 solid;}
.pagebusiness .businbox .item:last-child .img{border: 4px #318ece solid;}
.pagebusiness .businbox .item .img img{ width: 100%; height: 100%; object-fit: cover;}
.pagebusiness .businbox .item:last-child{ margin-right: 0;}
.pagebusiness .businbottom{ margin-top: 30px; font-size: 24px; color: #333333;}

.pagehonor{ position: relative; padding: 70px 0;background: #f4f8fb;}
.pagehonor .title{font-size: 38px; color: #2a2f34;}
.pagehonor .honorlist{position: relative; margin-top: 50px; display:flex; align-items: flex-end;}
.pagehonor .honorlist .item{ width: calc((100% - 20px*5)/6); margin-right: 20px;cursor: pointer;}
.pagehonor .honorlist .item img{width: 100%;}
.pagehonor .line{ margin-top: 40px; display: flex; justify-content: space-between;}
.pagehonor .line .floating{ position: relative; width: calc(100% - 127px);}
.pagehonor .line .floating::before{ position: absolute; content: ''; width: 100%; height: 1px; left: 0; top: 50%; transform: translateY(-50%); background: none; border-bottom: 1px #318ece dashed;}
.pagehonor .line .floating::after{position: absolute; content: ''; width: 20%; height: 7px; left: 0; top: 50%;transform: translateY(-50%); background: #318ece;}
.pagehonor .line .more{position: relative; width: 127px;}
.pagehonor .line .more a{ display: flex; align-items: center; font-size: 15px; color: #333333;}
.pagehonor .line .more .c{position: relative; margin-right: 10px; width: 55px; height: 55px; border-radius: 50%; font-size: 22px; color: #ffffff; font-family: 'Roboto'; font-weight:lighter;  background: #318ece; display: flex;align-items: center; justify-content: center; -webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.pagehonor .line .more .c::before{ position: absolute; content: ''; width: 15px; height: 1px; top:50%; left: 50%; transform: translate(-50%,-50%); background: #ffffff;}
.pagehonor .line .more .c::after{ position: absolute; content: ''; width: 1px; height: 15px; top:50%; left: 50%; transform: translate(-50%,-50%); background: #ffffff;}
.pagehonor .pagehonorbox{position:relative; display: grid; grid-gap:30px; grid-template-columns: repeat(4,1fr);}
.pagehonor .line .more:hover .c{transform: rotate(180deg);}
.pagehonor .pagehonorbox .item{ position: relative; cursor: pointer;border-radius: 5px;}
.pagehonor .pagehonorbox .item .img { overflow: hidden; background: url(../img/honor_pic_bg.jpg) no-repeat center center; background-size: cover;padding: 5%;}
.pagehonor .pagehonorbox .item .img .rect-67 { display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));position: relative;}
.pagehonor .pagehonorbox .item .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pagehonor .pagehonorbox .item .title { font-size: 16px; color: #333333;  line-height: 55px;text-align: center; background: #ffffff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pagehonor .pagehonorbox .item:hover .title {color: #318ece;}

.pagescene{ position: relative; padding: 70px 0;background: #f4f8fb;}
.pagescene .title{font-size: 38px; color: #2a2f34;}
.pagescene .pagescenebox{position:relative; display: grid; grid-gap:30px; grid-template-columns: repeat(4,1fr);}
.pagescene .pagescenebox .item{ position: relative; cursor: pointer;border-radius: 5px;}
.pagescene .pagescenebox .item .img .rect-67 { display: block;position: relative;}
.pagescene .pagescenebox .item .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pagescene .pagescenebox .item .title { font-size: 16px; color: #333333;  line-height: 55px;text-align: center; background: #ffffff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pagescene .pagescenebox .item:hover .title {color: #318ece;}

.pagepatent{ position: relative; padding: 70px 0;background: #f4f8fb;}
.pagepatent .pagepatentbox{position:relative; display: grid; grid-gap:30px; grid-template-columns: repeat(4,1fr);}
.pagepatent .pagepatentbox .item{ position: relative; cursor: pointer;border-radius: 5px;}
.pagepatent .pagepatentbox .item .img { overflow: hidden; background: url(../img/honor_pic_bg.jpg) no-repeat center center; background-size: cover;padding: 5%;}
.pagepatent .pagepatentbox .item .img .rect-67 { display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));position: relative;}
.pagepatent .pagepatentbox .item .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pagepatent .pagepatentbox .item .title { font-size: 16px; color: #333333;  line-height: 55px;text-align: center; background: #ffffff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pagepatent .pagepatentbox .item:hover .title {color: #318ece;}

.pagenews{ position: relative; padding: 70px 0; background: #f4f8fb;}
.pagenews .pagenewsbox{ position:relative; display: grid; grid-gap:30px; grid-template-columns: repeat(3,1fr);}
.pagenews .pagenewsbox .item{ position: relative;}
.pagenews .pagenewsbox .item .contbox{ position: relative; padding:5% 5% 0 5%; background: #ffffff; overflow: hidden; z-index: 2; transition: all 0.5s ease;}
.pagenews .pagenewsbox .item .contbox .date{ font-size: 15px; color: #666666; font-family: 'Roboto';}
.pagenews .pagenewsbox .item .contbox .title{ position: relative; margin: 15px 0;}
.pagenews .pagenewsbox .item .contbox .title a{ font-size: 22px; color: #333333; line-height: 30px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; box-orient: vertical;}
.pagenews .pagenewsbox .item .contbox .desc{font-size: 15px; color: #666666; line-height: 28px; height: 56px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.pagenews .pagenewsbox .item .contbox .more{ display: flex; justify-content: center; margin-top: 20px;position: relative; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; width: 180px; height: 48px; line-height: 48px; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; z-index: 1; overflow: hidden; opacity: 0; filter: Alpha(opacity=0); transition: all 0.5s ease;}
.pagenews .pagenewsbox .item .contbox .more a{position: relative; font-size: 15px; color: #318ece;}
.pagenews .pagenewsbox .item .contbox .more span{ color: #318ece; margin-left: 5px; -webkit-transition: .5s; transition: .5s;}
.pagenews .pagenewsbox .item:hover .contbox{padding: 5%; margin-top: -5%;}
.pagenews .pagenewsbox .item:hover .contbox .more{opacity: 1; filter: Alpha(opacity=1);}
.pagenews .pagenewsbox .item:hover .contbox .title a{ color: #318ece;}
.pagenews .pagenewsbox .item .contbox .more:hover span{ margin-left: 15px;}

.pagecase{ position: relative; padding: 70px 0; background: #f4f8fb;}
.pagecase .pagecasebox{ position:relative; display: grid; grid-gap:30px; grid-template-columns: repeat(3,1fr);}
.pagecase .pagecasebox .item{ position: relative;}
.pagecase .pagecasebox .item .contbox{ position: relative; padding:5% 5% 0 5%; background: #ffffff; overflow: hidden; z-index: 2; transition: all 0.5s ease;}
.pagecase .pagecasebox .item .contbox .date{ font-size: 15px; color: #666666; font-family: 'Roboto';}
.pagecase .pagecasebox .item .contbox .title{ position: relative; margin-bottom: 20px;}
.pagecase .pagecasebox .item .contbox .title a{ font-size: 22px; color: #333333; line-height: 30px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pagecase .pagecasebox .item .contbox .more{ display: flex; justify-content: center; margin-top: 20px;position: relative; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; width: 180px; height: 48px; line-height: 48px; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; z-index: 1; overflow: hidden; opacity: 0; filter: Alpha(opacity=0); transition: all 0.5s ease;}
.pagecase .pagecasebox .item .contbox .more a{position: relative; font-size: 15px; color: #318ece;}
.pagecase .pagecasebox .item .contbox .more span{ color: #318ece; margin-left: 5px; -webkit-transition: .5s; transition: .5s;}
.pagecase .pagecasebox .item:hover .contbox{padding: 5%; margin-top: -5%;}
.pagecase .pagecasebox .item:hover .contbox .more{opacity: 1; filter: Alpha(opacity=1);}
.pagecase .pagecasebox .item:hover .contbox .title a{ color: #318ece;}
.pagecase .pagecasebox .item .contbox .more:hover span{ margin-left: 15px;}

/* 公共 */
.newsshow{ padding: 60px 0; background: #f4f8fb;}
.shownews{ margin: 0 auto; padding:50px 40px; background-color: #ffffff; box-sizing: border-box;}
.shownews .item_top{width: 100%;padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.shownews .item_top .pageT{margin-bottom: 10px; font-size: 24px;line-height: 1.5;color: #333333;}
.shownews .item_top .pageD{font-size: 15px;color: #666666;}
.shownews .item_top .pageD .line{margin: 0 5px; font-size: 14px; font-weight: lighter; color: #999999;}
.shownews .item_content{padding: 30px 0; font-size:16px; color:#333333; line-height:2;}
.shownews .item_content p a{font-size: 16px !important; }
.shownews .item_content img{max-width:100%; }
.shownews .item_content table{border-collapse:collapse;width:100% !important;}
.shownews .item_content table,.shownews .item_content tr{ font-size: 16px; color: #444444; }
.shownews .item_content table,.shownews .item_content th,.shownews .item_content td{ border: 1px solid #333333; text-align: center; font-size: 16px;}
.page_btm{width: 100%;padding-top: 30px;border-top: 1px solid #e5e5e5;display: flex;align-items: center; justify-content: space-between;}
.page_btm .paging_nav{width: calc(100% - 180px);margin: 0;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;flex-direction: column;align-content: flex-start;}
.page_btm .paging_nav .prevpage{float: left;width: 100%;}
.page_btm .paging_nav .prevpage a{line-height: 2;color: #555555;font-size: 15px;display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.page_btm .paging_nav .prevpage:hover a{color: #318ece;}
.page_btm .paging_nav .nextpage {float: left;width: 100%;}
.page_btm .paging_nav .nextpage a {line-height: 2;color: #555555;font-size: 15px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.page_btm .paging_nav .nextpage:hover a{color: #318ece;}
.page_btm .return_list{width: 150px;}
.page_btm .return_list .backList{width:100%; height: 45px; font-size: 15px; color: #ffffff; border-radius: 25px; background: #318ece; display: flex; align-items: center; justify-content: center;}
.page_btm .return_list .backList .ml-cio{margin-left: 10px; height: 12px;}
.page_btm .return_list .backList:hover{background:#318ece;}

.pageservice{ position: relative; padding: 70px 0; background: #f4f8fb;}
.pageservice .servicebox{position: relative; padding: 40px; display: flex; border-radius: 5px; background: #ffffff; box-shadow: 0px 10px 20px 0px rgba(15, 41, 76, 0.1);}
.pageservice .servicelf{ width: calc(35% - 40px);padding-right: 40px; }
.pageservice .servicelf .servicenav{position: sticky; position: -webkit-sticky; display: block; top: 120px;}
.pageservice .servicelf .servicenav .parent{ margin-bottom: 10px; font-size: 30px; color: #ffffff; padding: 25px 10px; background: #318ece; border-radius: 5px;}
.pageservice .servicelf .servicenav .iconfont{font-size: 26px; color: #ffffff; margin-right: 10px;}
.pageservice .servicelf .servicenav a{ position: relative; display: block; padding: 20px 0 20px 20px; font-size: 17px; color: #333333; font-weight: bold; line-height: 24px; border-bottom: 1px #eeeeee solid; transition: all 0.5s;-webkit-transition: all 0.5s;}
.pageservice .servicelf .servicenav a:last-child{ margin-bottom: 0;}
.pageservice .servicelf .servicenav a::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 0; background-color: #318ece; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);}
.pageservice .servicelf .servicenav a.active,.pageservice .servicelf .servicenav a:hover{color: #318ece; }
.pageservice .servicelf .servicenav a.active::before{ height: 22px;}
.pageservice .servicerh{ position: relative; width: calc(100% - 35% + 40px); padding-left: 40px; box-sizing: border-box; border-left: 1px #eeeeee solid;}
.pageservice .servicerh .name{font-size: 22px; color: #318ece; font-weight: bold; padding-bottom: 10px; margin-bottom: 40px; border-bottom: 2px #318ece solid;}
.pageservice .servicerh .Servicecont{ margin-bottom: 40px; font-size:16px; color:#333333; line-height:2;}
.pageservice .servicerh .Servicecont p a{font-size: 16px !important; }
.pageservice .servicerh .Servicecont img{max-width:100%; margin:5px 0;}
.pageservice .servicerh .Servicecont table{border-collapse:collapse;width:100% !important;}
.pageservice .servicerh .Servicecont table,.pageservice .servicerh .Servicecont tr{ font-size: 16px; color: #444444; }
.pageservice .servicerh .Servicecont table,.pageservice .servicerh .Servicecont th,.pageservice .servicerh .Servicecont td{ border: 1px solid #333333; text-align: center; font-size: 16px;}
.pageservice .servicerh .servicelist{position:relative; display: grid; grid-gap:20px; grid-template-columns: repeat(3,1fr);}
.pageservice .servicerh .servicelist .item .title { font-size: 16px; color: #333333; line-height: 50px; text-align: center; background: #f6f6f6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pageservice .servicerh .servicelist .item:hover .title { color: #318ece;}

.pageproduct{ position: relative; padding: 50px 0 70px; background: #f4f8fb;}
.pageproduct .prodnav{ position: relative;}
.pageproduct .prodnav a {margin-right: 10px; font-size: 17px; color: #333333; display: inline-block; line-height: 45px; padding: 0 30px; border-radius: 45px; background: #ffffff;box-shadow: 0px 10px 20px 0px rgba(49, 142, 206, 0.1);}
.pageproduct .prodnav a:last-child {margin-right: 0;}
.pageproduct .prodnav a:hover,.pageproduct .prodnav a.active { color: #ffffff;background: #318ece;}
.pageproduct .pageprodbox{position:relative; margin-top: 40px; display: grid; grid-gap:30px; grid-template-columns: repeat(4,1fr);}
.pageproduct .pageprodbox .item{ position: relative;background: #ffffff; border: 1px solid rgba(0,0,0,0); /*box-shadow: 0px 10px 20px 0px rgba(15, 41, 76, 0.1);*/}
.pageproduct .pageprodbox .item .img{overflow: hidden; padding:20px; background-size: cover;}
.pageproduct .pageprodbox .item .img img {position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pageproduct .pageprodbox .item .namebox{ position: relative; padding: 30px 20px; background: #ffffff;}
.pageproduct .pageprodbox .item .namebox .title{ font-size: 18px; color: #333333; padding-bottom: 15px; border-bottom: 2px solid #f5f5f5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.pageproduct .pageprodbox .item .namebox .desc{ margin-top: 10px; font-size: 14px; color: #666666; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pageproduct .pageprodbox .item:hover .namebox .title{ color: #318ece;}
.pageproduct .pageprodbox .item:hover{box-shadow: 0px 10px 20px 0px rgba(49, 142, 206, 0.1);}
.pageproduct .productshow{ margin-top: 40px; padding: 40px; background: #ffffff;}
.pageproduct .productshow .infor{display: flex; justify-content: space-between;}
.pageproduct .productshow .leftimg{ width: 50%; display: flex; padding: 30px; background: #f4f8fb;}
.pageproduct .productshow .leftimg .tabthumb{ width: 120px; margin-left: 15px;}
.pageproduct .productshow .leftimg .tabthumb .swiper-wrapper{display: flex; flex-direction: column; transform: translate3d(0px, 0, 0) !important;}
.pageproduct .productshow .leftimg .tabthumb .swiper-slide{position: relative; width: 100%; padding: 10px; height:calc((100% - 15px*3)/4); margin-bottom: 15px; border: solid 2px rgb(255, 255, 255, 0); overflow: hidden;  box-sizing: border-box; background:#ffffff; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.pageproduct .productshow .leftimg .tabthumb .swiper-slide:last-child{ margin-bottom: 0;}
.pageproduct .productshow .leftimg .tabthumb .swiper-slide.swiper-slide-thumb-active{border: solid 2px #318ece;}
.pageproduct .productshow .leftimg .tabthumb .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.pageproduct .productshow .leftimg .thumbcont{width: calc(100% - 135px); }
.pageproduct .productshow .leftimg .thumbcont .swiper-slide{position: relative; width: 100%;padding: 20px; background:#ffffff; overflow: hidden; box-sizing: border-box; opacity: 0 !important;display: flex; justify-content: center; align-items: center;}
.pageproduct .productshow .leftimg .thumbcont .swiper-slide img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pageproduct .productshow .leftimg .thumbcont .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.pageproduct .productshow .right{ width: 46%;}
.pageproduct .productshow .right .titbox{width: 100%;display: flex;align-items: center; justify-content: space-between;}
.pageproduct .productshow .right .titbox .title{width: calc(100% - 80px);font-size: 28px; color: #318ece;}
.pageproduct .productshow .right .titbox .return_list{width: 70px;}
.pageproduct .productshow .right .titbox .return_list .backList{width:100%; height: 38px; font-size: 13px; color: #666666; border-radius: 25px;  border: 1px rgba(0, 0, 0, 0.1) solid; display: flex; align-items: center; justify-content: center;}
.pageproduct .productshow .right .titbox .return_list .backList .iconfont{margin-left: 5px; font-size: 12px; }
.pageproduct .productshow .right .titbox .return_list .backList:hover{color: #318ece; border: 1px #318ece solid;}
.pageproduct .productshow .right .miaoshu{ font-size: 15px; line-height: 1.8; color: #333333; margin-top:20px;}
.pageproduct .productshow .right .shiyong{ margin-top: 15px;  font-size: 15px; line-height: 1.8;}
.pageproduct .productshow .right .shiyong span{ color: #318ece; font-weight: bold;}
.pageproduct .productshow .right .super{ position: relative; margin-top: 20px;}
.pageproduct .productshow .right .super .tabsuper .swiper-slide{position: relative; width:calc((100% - 15px*3)/4); margin-right: 15px; border: solid 1px #cccccc; padding: 15px 5px; box-sizing: border-box; text-align: center; cursor: pointer;}
/* .pageproduct .productshow .right .super .tabsuper .swiper-slide::after{content: ''; display: block; width: 9px; height: 9px; border: 1px solid #318ece; position: absolute; bottom: -5.5px; left: 50%; margin-left: -4.5px; transform: rotate(45deg); border-left-color: transparent; border-top-color: transparent; background-color: #FFFFFF;} */
.pageproduct .productshow .right .super .tabsuper .swiper-slide:last-child{ margin-right: 0;}
.pageproduct .productshow .right .super .tabsuper .swiper-slide.swiper-slide-thumb-active{border: solid 1px #318ece;}
.pageproduct .productshow .right .super .tabsuper .swiper-slide .icon{ margin: 0 auto; -webkit-transition: .5s; transition: .5s;}
.pageproduct .productshow .right .super .tabsuper .swiper-slide .icon img{height: 40px;}
.pageproduct .productshow .right .super .tabsuper .swiper-slide .title{ margin-top: 10px; font-size: 16px; color: #333333;}
.pageproduct .productshow .right .super .tabsuper .swiper-slide.swiper-slide-thumb-active .icon{transform: rotate(360deg);}
.pageproduct .productshow .right .super .tabsuper .swiper-slide.swiper-slide-thumb-active .title{ color: #318ece;}
.pageproduct .productshow .right .super .supercont .swiper-slide{position: relative; width: 100%; margin-top: 20px; font-size: 15px; line-height: 2; color: #666666; opacity: 0 !important; height: 0;}
.pageproduct .productshow .right .super .supercont .swiper-slide.swiper-slide-active{ opacity: 1 !important; height: auto;}
.pageproduct .productshow .parameter{position: relative; margin-top: 30px;}
.pageproduct .productshow .parameter .name{font-size: 24px; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); padding-bottom: 20px; letter-spacing: 2px; color: #333333;}
.pageproduct .productshow .parameter .paramcont{ margin-top: 20px; line-height:2;}
.pageproduct .productshow .parameter .paramcont p a{font-size: 14px !important; }
.pageproduct .productshow .parameter .paramcont img{max-width:100%; margin:5px 0;}
.pageproduct .productshow .parameter .paramcont table{border-collapse:collapse;width:100% !important;}
.pageproduct .productshow .parameter .paramcont table,.pageproduct .productshow .parameter .paramcont tr{ font-size: 14px; color: #333333; }
.pageproduct .productshow .parameter .paramcont table,.pageproduct .productshow .parameter .paramcont th,.pageproduct .productshow .parameter .paramcont td{ padding: 10px 5px; border: 1px solid rgba(0, 0, 0, .1); text-align: center; font-size: 14px; line-height: 24px;vertical-align: middle;}
.pageproduct .productshow .parameter .paramcont tr{ background: #f3f6fb;}
.pageproduct .productshow .parameter .paramcont tr:nth-child(2n){ background: #d4e8ee;}
.pageproduct .productshow .parameter .paramcont .firstRow,.pageproduct .productshow .parameter .paramcont tr:first-child{color: #ffffff; background: #318ece;}
.pageproduct .productshow .parameter .paramcont .firstRow td,.pageproduct .productshow .parameter .paramcont tr:first-child td{font-size: 17px; color: #ffffff; font-weight: bold;}

.pageresearch{ position: relative; padding: 70px 0; background: #f4f8fb;}
.pageresearch .research01{position: relative; padding: 40px; background: #ffffff; border-radius: 10px; display: flex; justify-content: space-between;box-shadow: 0px 10px 20px 0px rgba(49, 142, 206, 0.1);}
.pageresearch .research01 .img{ width: 48%;}
.pageresearch .research01 .img img{ width: 100%; height: 100%; object-fit: cover;}
.pageresearch .research01 .cont{ width: 50%;}
.pageresearch .research01 .cont .name{ font-size: 28px; color: #318ece;}
.pageresearch .research01 .cont .catcont{ font-size: 16px; color: #333333; line-height: 2;}
.pageresearch .research01 .cont .catcont p{ margin-bottom: 10px;}
.pageresearch .research01 .cont .catcont strong{ color: #318ece;}
.pageresearch .research02{ position: relative; margin-top: 70px;}
.pageresearch .research02 .name{ font-size: 28px; text-align: center; color: #318ece;}
.pageresearch .research02 .researbox{ margin-top: 50px;}
.pageresearch .research02 .researbox img{max-width:100%;}
.pageresearch .research02 .swiper-wrapper{align-items: stretch;}
.pageresearch .research02 .swiper-slide{position: relative; width: 33.333333%; height: 100%;padding:0 20px 50px 20px; margin-bottom: 50px; background: url(../img/historyline.png) repeat-x left bottom; }
.pageresearch .research02 .swiper-slide:after {content: '';position: absolute;left: 1px;bottom: -20px;width: 12px;height: 12px;
    background: url(../img/historyd.png) no-repeat center;background-size: cover;}
.pageresearch .research02 .swiper-slide .box{position: relative; padding: 20px; border-radius: 5px; background: #ffffff; box-shadow: 0px 10px 20px 0px rgba(49, 142, 206, 0.1);}
.pageresearch .research02 .swiper-slide .box::after{position: absolute; content: ''; left: 20px; bottom: -6px; width: 0; height: 0; border-top: 6px solid #ffffff; border-right: 6px solid transparent; border-left: 6px solid transparent;}
.pageresearch .research02 .swiper-slide .box .date{font-size: 22px; color: #318ece; margin-bottom: 10px;}
.pageresearch .research02 .swiper-slide .box .cont{ font-size: 15px; color: #666666; line-height: 26px; overflow: auto; height: 104px; padding-right: 5px; box-sizing: border-box; }
.pageresearch .research02 .swiper-slide .box .cont::-webkit-scrollbar{width: 4px;height: 1px;}
.pageresearch .research02 .swiper-slide .box .cont::-webkit-scrollbar-thumb{ border-radius: 50px; background:#5383a3;}
.pageresearch .research02 .swiper-slide .box .cont::-webkit-scrollbar-track{border-radius: 10px !important;background: #EDEDED !important;}
.pageresearch .research02 .swiper-slide .box .cont::-webkit-scrollbar-thumb:hover{ background: #318ece;}
.pageresearch .research02 .swiper-slide .year{margin-top: 30px; font-size: 26px; color: #318ece; font-family: 'Roboto';}
.pageresearch .research02 .button{position: relative;margin: 20px auto 0; text-align: center;}
.pageresearch .research02 .button div{ margin: 0 10px; border-radius: 5px;}
.pageresearch .research02 .button .button-prev{ position: relative;  display: inline-block; width: 50px;height: 50px;text-align: center;font-size: 0.16rem;transition: .5s ease;line-height: 50px; background: #ffffff; cursor: pointer;}
.pageresearch .research02 .button .button-next{ position: relative;  display: inline-block; width: 50px;height: 50px;text-align: center;font-size: 0.16rem;transition: .5s ease;line-height: 50px; background: #ffffff;  cursor: pointer;}
.pageresearch .research02 .button .iconfont{ font-size: 18px;}
.pageresearch .research02 .button .button-next{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.pageresearch .research02 .button .button-prev:hover,.pageresearch .research02 .button .button-next:hover{color: #ffffff; background: #318ece;}
.pageresearch .researchbox{position: relative; padding: 40px; background: #ffffff; border-radius: 10px; box-shadow: 0px 10px 20px 0px rgba(49, 142, 206, 0.1);}
.pageresearch .researchbox .cont{font-size:16px; color:#333333; line-height:2;}
.pageresearch .researchbox .cont p a{font-size: 16px !important; }
.pageresearch .researchbox .cont img{max-width:100%; margin:5px 0;}
.pageresearch .researchbox .cont table{border-collapse:collapse;width:100% !important;}
.pageresearch .researchbox .cont table,.pageresearch .researchbox .cont tr{ font-size: 16px; color: #444444; }
.pageresearch .researchbox .cont table,.pageresearch .researchbox .cont th,.pageresearch .researchbox .cont td{ border: 1px solid #333333; text-align: center; font-size: 16px;}
.pageresearch .researchbox .img{ width: 100%; margin: 30px auto 0;}
.pageresearch .researchbox .img img{ width: 100%; height: 100%; object-fit: cover;}

.pageteam{ position: relative; padding: 70px 0; background: #f4f8fb;}
.pageteam .teambox{position: relative; padding: 40px; background: #ffffff; border-radius: 10px; box-shadow: 0px 10px 20px 0px rgba(49, 142, 206, 0.1);}
.pageteam .teambox .name{ font-size: 28px; color: #318ece; padding-bottom: 20px; border-bottom: 2px #318ece solid;}
.pageteam .teambox .teamtop{ position: relative; margin-top: 30px;}
.pageteam .teambox .teamtop .item{display: flex; justify-content: space-between;}
.pageteam .teambox .teamtop .item .img{ width: 24%;}
.pageteam .teambox .teamtop .item .right{ width: 74%;}
.pageteam .teambox .teamtop .item .right .title{ font-size: 22px; color: #318ece;}
.pageteam .teambox .teamtop .item .right .zhicheng{ margin: 20px 0; font-size: 17px; color: #666666;}
.pageteam .teambox .teamtop .item .right .cont{ font-size: 16px; line-height: 28px; color: #333333;}
.pageteam .teambox .teamlist{ position: relative; margin-top: 30px;display: grid; grid-gap:20px; grid-template-columns: repeat(5,1fr);}
.pageteam .teambox .teamlist .item .info{ padding: 15px 10px; background: #f4f8fb;}
.pageteam .teambox .teamlist .item .info .title{ font-size: 18px; color: #318ece;}
.pageteam .teambox .teamlist .item .info .zhicheng{ margin: 10px 0; font-size: 15px; color: #333333;}
.pageteam .teambox .teamlist .item .info .cont{ font-size: 15px; line-height: 26px; color: #333333; height: 52px; overflow: auto;}
.pageteam .teambox .teamlist .item .info .cont::-webkit-scrollbar{width: 4px;height: 1px;}
.pageteam .teambox .teamlist .item .info .cont::-webkit-scrollbar-thumb{ border-radius: 50px; background:#5383a3;}
.pageteam .teambox .teamlist .item .info .cont::-webkit-scrollbar-track{border-radius: 10px !important;background: #EDEDED !important;}
.pageteam .teambox .teamlist .item .info .cont::-webkit-scrollbar-thumb:hover{ background: #318ece;}
.pageteam .teambox .teamlist .item:hover{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);}
.pageskill{ position: relative; padding: 70px 0; background: #f4f8fb;}
.pageskill .tabskill { width: 100%; position: relative; overflow: visible !important;}
.pageskill .tabskill .swiper-wrapper{width: calc(100% - 80px); margin: 0 auto;}
.pageskill .tabskill .swiper-slide{ width: calc((100% - 20px*3)/4); margin-right: 20px; padding: 20px; text-align: center; background: #ffffff; box-shadow: 0px 10px 20px 0px rgba(49, 142, 206, 0.1); border-radius: 5px; cursor: pointer; }
.pageskill .tabskill .swiper-slide .name{ font-size: 17px; color: #333333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pageskill .tabskill .swiper-slide:last-child{ margin-right: 0;}
.pageskill .tabskill .swiper-slide.swiper-slide-thumb-active .name{ color: #318ece;}
.pageskill .tabskill .button-prev,.pageskill .tabskill .button-next{ position: absolute; top: 50%; font-size: 18px; width: 25px; cursor: pointer;}
.pageskill .tabskill .button-prev{left: 0; transform: translateY(-50%); -webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg);}
.pageskill .tabskill .button-next{right: 0; transform: translateY(-50%);}
.pageskill .tabskill .button-prev:hover,.pageskill .tabskill .button-next:hover{ color: #318ece;}
.pageskill .skillcont{ margin-top: 30px; padding: 40px; background: #ffffff; box-shadow: 0px 10px 20px 0px rgba(49, 142, 206, 0.1); border-radius: 10px;}
.pageskill .skillcont .swiper-slide{position: relative; width: 100%; font-size: 15px; line-height: 2; color: #666666; opacity: 0 !important; height: 0;}
.pageskill .skillcont .swiper-slide.swiper-slide-active{ opacity: 1 !important; height: auto;}
.pageskill .skillcont .swiper-slide .name{ font-size: 22px; color: #318ece; padding-bottom: 20px; border-bottom: 2px #318ece solid;}
.pageskill .skillcont .swiper-slide .cont{ padding-top: 20px;}
.pageskill .skillcont .swiper-slide .cont p a{font-size: 14px !important; }
.pageskill .skillcont .swiper-slide .cont img{max-width:100%; margin:10px auto;}
.pageskill .skillcont .swiper-slide .cont table{border-collapse:collapse;width:100% !important;}
.pageskill .skillcont .swiper-slide .cont table,.pageskill .skillcont .swiper-slide .cont tr{ font-size: 14px; color: #333333; }
.pageskill .skillcont .swiper-slide .cont table,.pageskill .skillcont .swiper-slide .cont th,.pageskill .skillcont .swiper-slide .cont td{ padding: 10px 5px; border: 1px solid rgba(0, 0, 0, .1); text-align: center; font-size: 14px; line-height: 24px;vertical-align: middle;}
.pageskill .skillcont .swiper-slide .cont tr{ background: #f3f6fb;}
.pageskill .skillcont .swiper-slide .cont tr:nth-child(2n){ background: #d4e8ee;}
.pageskill .skillcont .swiper-slide .cont .firstRow,.pageskill .skillcont .swiper-slide .cont tr:first-child{color: #ffffff; background: #318ece;}
.pageskill .skillcont .swiper-slide .cont .firstRow td,.pageskill .skillcont .swiper-slide .cont tr:first-child td{font-size: 17px; color: #ffffff; font-weight: bold;}

.pageconcept{ position: relative; padding: 70px 0; background: #f4f8fb;}
.pageconcept .container{display: flex; justify-content: space-between;}
.pageconcept .renlf{ width: 50%; padding: 40px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-color: #ffffff;}
.pageconcept .renlf .name{font-size: 38px; color: #333333;}
.pageconcept .renlf .content{ margin-top: 30px; font-size: 16px; color: #333333; line-height: 1.8;}
.pageconcept .renrg{ width: 50%;}
.pageconcept .renrg img{ width: 100%; height: 100%; object-fit: cover;}

.pagejoin{ position: relative; padding: 70px 0; background: #ffffff;}
.pagejoin .name{ font-size: 38px; color: #333333;}
.pagejoin .joinbox{position: relative; margin-top: 50px;}
.pagejoin .joinbox .item{ padding: 30px 0; border-top: 2px #ededed solid; display: flex; justify-content: space-between; -webkit-transition: .5s; transition: .5s;}
.pagejoin .joinbox .item:last-child{border-bottom: 2px #ededed solid;}
.pagejoin .joinbox .item .joinlf{ width: 30%;}
.pagejoin .joinbox .item .joinlf .title{ font-size: 22px; color: #333333;}
.pagejoin .joinbox .item .joinlf .renshu{ margin-top: 10px; font-size: 15px; color: #666666;}
.pagejoin .joinbox .item .joincent{ width: 60%; display: flex; justify-content: space-between;}
.pagejoin .joinbox .item .joincent .list{width: calc((100% - 40px)/2);}
.pagejoin .joinbox .item .joincent .list .title{ margin-bottom: 10px; font-size: 17px; color: #333333; font-weight: bold;}
.pagejoin .joinbox .item .joincent .list .cont{position: relative; font-size: 15px; line-height: 26px; height: 52px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; transition: height 0.5s ease;}
.pagejoin .joinbox .item.active .joincent .list .cont{  height: auto;}
.pagejoin .joinbox .item .joinrg{width: 10%;position: relative; }
.pagejoin .joinbox .item .joinrg span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 2px; background: #606060; display: block; -webkit-transition: .5s; transition: .5s; }
.pagejoin .joinbox .item .joinrg span:last-child { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.pagejoin .joinbox .item:hover .joinrg span,.pagejoin .joinbox .item.active .joinrg span{-webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background:#318ece;}
.pagejoin .joinbox .item:hover .joinrg span:last-child,.pagejoin .joinbox .item.active .joinrg span:last-child{-webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg);  background:#318ece;}
.pagejoinlist{ position: relative; padding: 70px 0; background: #f4f8fb;}
.pagejoinlist .joinbox{position: relative;}
.pagejoinlist .joinbox .item{ padding: 30px 0; border-top: 2px #ededed solid; display: flex; justify-content: space-between; -webkit-transition: .5s; transition: .5s;}
.pagejoinlist .joinbox .item:last-child{border-bottom: 2px #ededed solid;}
.pagejoinlist .joinbox .item .joinlf{ width: 30%;}
.pagejoinlist .joinbox .item .joinlf .title{ font-size: 22px; color: #333333;}
.pagejoinlist .joinbox .item .joinlf .renshu{ margin-top: 10px; font-size: 15px; color: #666666;}
.pagejoinlist .joinbox .item .joincent{ width: 60%; display: flex; justify-content: space-between;}
.pagejoinlist .joinbox .item .joincent .list{width: calc((100% - 40px)/2);}
.pagejoinlist .joinbox .item .joincent .list .title{ margin-bottom: 10px; font-size: 17px; color: #333333; font-weight: bold;}
.pagejoinlist .joinbox .item .joincent .list .cont{position: relative; font-size: 15px; line-height: 26px; height: 52px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; transition: height 0.5s ease;}
.pagejoinlist .joinbox .item.active .joincent .list .cont{  height: auto;}
.pagejoinlist .joinbox .item .joinrg{width: 10%;position: relative; }
.pagejoinlist .joinbox .item .joinrg span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 2px; background: #606060; display: block; -webkit-transition: .5s; transition: .5s; }
.pagejoinlist .joinbox .item .joinrg span:last-child { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.pagejoinlist .joinbox .item:hover .joinrg span,.pagejoinlist .joinbox .item.active .joinrg span{-webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background:#318ece;}
.pagejoinlist .joinbox .item:hover .joinrg span:last-child,.pagejoinlist .joinbox .item.active .joinrg span:last-child{-webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg);  background:#318ece;}

.pageelegant{ position: relative; padding: 70px 0; background: #f4f8fb;}
.pageelegant .name{ font-size: 38px; color: #333333;}
.pageelegant .elegantbox{position: relative; margin-top: 50px;}
.pageelegant .elegantbox .elegantlist{ width: calc(100% - 100px);  margin: 0 auto;}
.pageelegant .elegantbox .swiper-slide { width: 50%; text-align: center;}
.pageelegant .elegantbox .swiper-slide img {display: block;width: 100%; cursor: pointer; opacity: 0.8; box-sizing: border-box;}
.pageelegant .elegantbox .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;
-ms-transition: transform 1.0s;-o-transition: transform 1.0s;transition: transform 1.0s;-webkit-transform: scale(0.9);transform: scale(0.9);}
.pageelegant .elegantbox .swiper-slide.swiper-slide-active {-webkit-transform: scale(1);transform: scale(1);}
.pageelegant .elegantbox .swiper-slide.swiper-slide-active img{ opacity: 1;}
.pageelegant .elegantbox .button-prev,.pageelegant .elegantbox .button-next {position: absolute; top: 50%; width: 40px;height: 40px; font-size: 16px; border-radius: 50%; background:#ffffff; border: 1px dashed #ababab;display: flex; align-items: center; justify-content: center; cursor: pointer;  z-index: 99;}
.pageelegant .elegantbox .button-prev{ left: 0; transform:translateY(-50%) rotate(180deg);}
.pageelegant .elegantbox .button-next{right: 0; transform:translateY(-50%);}
.pageelegant .elegantbox .button-prev:hover,.pageelegant .elegantbox .button-next:hover{ color: #ffffff; background: #318ece;}

.pagecontact{position: relative; padding: 70px 0; background: #f4f8fb;}
.pagecontact .infor{position: relative; padding: 40px; background: #ffffff; border-radius: 10px; display: flex; justify-content: space-between; box-shadow: 0px 10px 20px 0px rgba(49, 142, 206, 0.1);}
.pagecontact .item_left{ width: 44%;}
.pagecontact .item_left .top_list{ margin-bottom: 50px; display: flex; align-items: flex-end; justify-content: flex-start}
.pagecontact .item_left .top_list span{ font-size: 38px; color: #318ece; margin-right: 10px;}
.pagecontact .item_left .top_list p{ font-size: 22px; color: #333333;}
.pagecontact .item_left .item_content{ width: 100%;}
.pagecontact .item_left .item_content .item{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 35px;}
.pagecontact .item_left .item_content .item .title{width: 100%; margin-bottom: 20px; font-size: 22px; color: #333333;}
.pagecontact .item_left .item_content .item p{width: 100%; margin-bottom: 10px; display: flex; align-items: center;}
.pagecontact .item_left .item_content .item p .iconfont{ margin-right: 10px; font-size: 15px; color: #333333;}
.pagecontact .item_left .item_content .item p span{font-size: 15px; color: #333333;}
.pagecontact .item_left .item_content .item p span a{font-size: 15px; color: #333333;}
.pagecontact .item_left .item_content .item p span a:hover{color: #318ece;}
.pagecontact .contactmap{ width: 54%;}

/* fenye */
.pages { margin:50px auto 0; text-align:center;}
.pages li { margin:0 2px; display:inline-block; height:45px; width: 45px; line-height:45px; background:#ffffff; border-radius: 3px; }
.pages li a{text-align:center; font-size: 18px; font-family: 'Roboto'; color:#333333; display: block;}
.pages li.active,.pages li:hover {background:#318ece; text-decoration:none}
.pages li.active a,.pages li:hover a{color:#ffffff; }

.pages1{ width:100%; padding: 40px 0; background:#ffffff; border-top: 1px #e5e5e5 solid; margin-top: 20px;}
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333333; font-size: 14px;}
.pages1_l:hover a{ color:#318ece;}
.pages1_r{ float:left; width:100%;}
.pages1_r a{line-height:26px; color:#333333; font-size: 14px;}
.pages1_r:hover a{ color:#318ece;}

#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.9);
    z-index: 999;
}
#pictureViewer > .content{
    background-color: #ffffff;
    position: absolute;
    width: 70%;
    height: 70vh;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #318ece;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../img/icon/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../img/icon/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../img/icon/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../img/icon/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../img/icon/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../img/icon/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../img/icon/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../img/icon/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #318ece;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../img/icon/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../img/icon/next_white.png);
}
#pictureViewer .picture-content{
    display: flex;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


#pictureViewer .counter {
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}

#pictureViewer .hide {
    display: none;
}

#pictureViewer .left {
    float: left;
}

#pictureViewer .right {
    float: right;
}

#pictureViewer .clear-flex {
    clear: both;
}

#pictureViewer img {
    max-width: 100%;
    max-height: 100%;
}


/* 通用样式 */
.common_tit {text-align: center;}
.common_tit h4 {font-size: 36px;font-weight: bold;letter-spacing: 2px;color: #333333;}
.common_tit h6 {margin-top: 10px;font-size: 20px;line-height: 1;color: #666666;font-weight: 100;text-transform: uppercase; }
.sp1{ -webkit-animation: wateranimate 3s 2s ease-out infinite; animation: wateranimate 3s 2s ease-out infinite;}
.sp2{ -webkit-animation: wateranimate 3s 0s ease-out infinite; animation: wateranimate 3s 0s ease-out infinite;}
.sp3{ -webkit-animation: wateranimate 3s 0.8s ease-out infinite; animation: wateranimate 3s 0.8s ease-out infinite;}
.sp4{ -webkit-animation: wateranimate 3s 0s ease-out infinite;animation: wateranimate 3s 0s ease-out infinite;}

@keyframes bannerbuIn2 {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        transform: scale(1.5);
    }
}
@-webkit-keyframes wateranimate {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.8;
	}
	100% {
		-webkit-transform: scale(2);
		opacity: 0;
	}
}
@keyframes wateranimate {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.8;
	}
	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}



.fixed-right { position: fixed; top: 70%; right: 0; z-index: 999; transform: translateY(-50%);}
.fixed-right li{position: relative; align-items: center;width: 80px; margin-bottom:2px; border-radius:3px; background:#ffffff;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); cursor:pointer;}
.fixed-right li .kf{ padding:10px; text-align:center;}
.fixed-right li .kf .iconfont{font-size:25px; color:#318ece;}
.fixed-right li .kf p{font-size:14px; color:#333333;}
.fixed-right li.n0{display:none;}
.fixed-right li.n1 .kftc{display:none;position: absolute; top: 50%; right: 90px; width: 180px; height: 100%; border-radius: 5px; text-align: center; transform: translateY(-50%); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); background: #fff;}
.fixed-right li.n1 .kftc a{ color: #318ece; font-size: 20px;}
.fixed-right li.n1 .kftc::after{ position: absolute; content: ''; top: 50%;right: -8px; transform: translateY(-50%);border-bottom: 8px solid transparent; border-top: 8px solid transparent;border-left: 8px solid #fff;}
.fixed-right li.n1:hover .kftc{display: flex; justify-content:center; align-items:center;}
.fixed-right li:hover{ background:#318ece;}
.fixed-right li:hover .kf .iconfont,.fixed-right li:hover .kf p{ color:#ffffff;}
.fixed-right li .kfly{display:none;position: absolute; top: 50%; right: 90px; width: 240px; border-radius: 5px; text-align: center; background: #ffffff;transform: translateY(-50%);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);}
.fixed-right li .kfly::after{ position: absolute; content: ''; top: 50%;right: -8px; transform: translateY(-50%);border-bottom: 8px solid transparent; border-top: 8px solid transparent;border-left: 8px solid #fff;}
.fixed-right li.active .kfly{display:block;}
.fixed-right li .kfly .lytop{height: 46px; line-height: 46px; padding:0 15px; background:#318ece; display: flex; justify-content: space-between; align-items:center; border-top-left-radius:5px; border-top-right-radius:5px;}
.fixed-right li .kfly .lytop .text{font-size: 14px; color:#ffffff;}
.fixed-right li .kfly .lytop .xianbox{ width:30px; height:100%; display:flex; align-items:center; justify-content:end;}
.fixed-right li .kfly .lytop .xian{ display:block; width:16px; height:2px; background:#ffffff;}
.fixed-right li .kfly .onlinefrom{ padding:20px;}
.fixed-right li .kfly .onlinefrom .col{ margin-bottom:10px;}
.fixed-right li .kfly .onlinefrom .col input { width: 100%;font-size:13px;  padding:5px 20px; line-height: 30px; height: 32px; border-radius:3px; background-color: #ffffff; border: 1px solid #e7e7e7;color: #666666;}
.fixed-right li .kfly .onlinefrom .text { position: relative;}
.fixed-right li .kfly .onlinefrom .text textarea { padding: 10px; font-size:13px; background-color: #ffffff; border: 1px solid #e7e7e7; color: #666666;width: 100%;}
.fixed-right li .kfly .onlinefrom .indexmore { display: block; width: 64px; height: 32px; margin: 10px auto 0; line-height: 32px; position: relative; font-size: 13px; color: #ffffff; border-radius: 3px; background: #318ece; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; cursor: pointer;}

.fixed-right li .kfly .onlinefrom .col input.user {
    background: url(../img/online-1.png) 3px center no-repeat; background-size: 15px;
}

.fixed-right li .kfly .onlinefrom .col input.tel {
    background: url(../img/online-2.png) 3px center no-repeat;background-size: 15px;
}

.fixed-right li .kfly .onlinefrom .col input.E-mail {
    background: url(../img/online-3.png) 3px center no-repeat;background-size: 15px;
}
.fixed-right li .kfly .onlinefrom .col input::placeholder,.fixed-right li .kfly .onlinefrom .text textarea::placeholder{ color:#999;}



.fixed-right .click{
    display: none;
    position: fixed;
    right: 0;
    top: 50%;
    padding: 20px 10px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    transform: translateY(-50%);
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    background: #318ece;
}


@media screen and (max-width: 1680px){
    .container{ padding: 0 3%;}
    .inproduct .leftlist{left: 3%; width: calc(37% - 40px);}
    .inproduct .contprod .contitem .left{padding-left: 3%;padding-bottom:170px;}
    .inproduct .contprod .contitem .right .rightprod{margin-right: 3%;}
    .inproduct .leftlist .catelist{ margin-top: 60px;}
    .inproduct .contprod .contitem .left .more{ margin-top: 50px;}
}
@media screen and (max-width: 1560px){
    .container{ padding: 0 2%;}
    .inproduct .leftlist{left: 2%; width: calc(38% - 40px)}
    .inproduct .contprod .contitem .left{padding-left: 3%;padding-bottom:160px;}
    .inproduct .contprod .contitem .right .rightprod{margin-right: 2%;}
    .inproduct .leftlist .catelist{ margin-top: 50px;}
    .inproduct .contprod .contitem .left .more{ margin-top: 40px;}
}

@media screen and (max-width: 1440px){
    .container{ padding: 0 1%;}
    .inproduct .leftlist{left: 1%; width: calc(39% - 40px)}
    .inproduct .contprod .contitem .left{padding-left: 1%;padding-bottom:150px;}
    .inproduct .contprod .contitem .right .rightprod{margin-right: 1%;}
    .inproduct .leftlist .catelist{ margin-top: 40px;}
    .inproduct .contprod .contitem .left .more{ margin-top: 30px;}
    .header .nav .drop{ padding: 0 1.8vw;}
}

@media screen and (max-width: 1040px){
    .container{ padding: 0 2%;}
    .mheader{display:block;}
    .header{display:none}
    .mheader{height:70px; z-index: 9999;width: 100%; position:fixed; top: 0; background: #ffffff; transition:0.5s all;}
    .mheader .container{display: -webkit-flex;display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
    .mheader .logo{ height:70px; display:flex;  align-items:center; transition:0.5s all;}
    .mheader .logo img{ height:35px; display:block; transition:0.5s all;}
    .mheader .menubar{display: flex; justify-content: space-between; align-items: center;}
    .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px; margin-top: 8px;}
    .sp_nav span{display:block;background:#318ece;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .sjj_nav .bg{ width: 100%; height: 4px;background: #318ece;}
    .sjj_nav .hotline{ background-color: #0094da; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .nav_show{top:70px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width:70%;}
    .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #eeeeee solid;text-align:center;color:#999999;}
    .sjj_nav>ul>li i{position:absolute;top:10px;right:0px;border-left:1px rgb(0,0,0,.1) solid;height:30px;padding:0px 7px 0 7px; line-height:40px;}
    .sjj_nav>ul>li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav>ul>li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav>ul>li{border-top:1px #eeeeee solid; position:relative;line-height:50px;font-size:16px}
    .sjj_nav>ul>li:last-child{border-bottom:1px #eeeeee solid;}
    .sjj_nav>ul>li ul{display:none}
    .sjj_nav>ul>li>a{color:#666; display: block;padding-left:20px;}
    .sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.open>a{ color:#ffffff; background-color:#318ece;}
    .sjj_nav>ul>li ul li{position:relative;line-height:40px;}
    .sjj_nav>ul>li ul li a{padding-left:30px; color:#333333; font-size:14px; display:block;text-align:left;}
    .sjj_nav>ul>li ul li a:hover{color:#318ece;}
    .sjj_nav>ul>li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav>ul>li .sjj_nav_i_se svg{fill:#ffffff}
    .sjj_nav>ul>li ul li>ul{margin-left:10px}
    .placeholder{display:block; width:100%; height:70px;}

    .banner{width:100%;height:auto; position: relative; z-index:0; overflow:hidden;}
    .banner .swiper-slide{height:100%;}
    .banner .swiper-slide .img{ position:relative; height:100%; z-index:1;}
    .banner .swiper-slide .img img{width:100%; height:100%;}
    .banner .banner_btn{bottom: 10px;}
    .banner .banner_btn .btn_left .banner-pagination .swiper-pagination-bullet{ width: 8px; height: 8px;}
    .banner .swiper-next, .banner .swiper-prev{ width:18px;height:35px; background-size:auto 35px;}

    .inproduct .leftlist .catname{font-size:36px;}
    .indevelop .title{font-size:36px;}
    .inabout .aboutinfo .title{font-size:36px;}
    .innews .titletop .title{font-size:36px;}

    .pbanner .bannerText .container h5{font-size:32px;}
    .pbanner .bannerText .container h6{font-size:24px;}
}

@media screen and (max-width: 1024px){
    .inproduct .leftlist .catname{font-size:28px;}
    .inproduct .leftlist{ top:60px;}
    .inproduct .leftlist .catelist{ margin-top:30px;}
    .inproduct .contprod .contitem .left .cont{ line-height:26px; height:78px;}
    .inproduct .contprod .contitem .left{ padding-bottom:60px;}
    .inproduct .contprod .contitem .right{padding:60px 0;}
    .inproduct .contprod .contitem .right .rightprod .infor{padding:40px 20px;}
    .inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox .desc{ margin-top:30px;}
    .inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox .more{ margin-top:30px;}

    .indevelop{padding:60px 0;}
    .indevelop .title{font-size:28px;}
    .indevelop .developbox .item{ height:420px;}
    .indevelop .developbox .item .info{padding:25px;}
    .indevelop .developbox .item .info .name{font-size:22px;}
    .indevelop .developbox .item.select{border-bottom-left-radius: 25px;}

    .inabout{ padding:60px 0;}
    .inabout .aboutinfo .title{font-size:28px;}
    .inabout .aboutinfo .cont{margin-top:30px;}
    .inabout .aboutinfo{ width:68%;}
    .inabout .aboutinfo .number{ margin-top:40px;}
    .inabout .aboutinfo .number .item .T .timer{font-size:34px;}
    .inabout .aboutinfo .more{ margin-top:50px;}

    .innews{padding:60px 0;}
    .innews .titletop .title{font-size:28px;}
    .innews .newsbox{ margin-top:40px; grid-gap: 15px;}
    .innews .newsbox .group .item{padding: 20px 0;}
    .innews .newsbox .group .info .img{height:169px;}
    .innews .newsbox .group .item .mation,.innews .newsbox .group .info .contbox .mation{ margin-top:15px;}
    .innews .newsbox .group .info .contbox .mation .more,.innews .newsbox .group .item .mation .more{display:none;}

    .footer .footcont .footnav{display:none;}
    .footer .footcont .footcontl{ width:100%; padding:40px 0;}

    .pbanner .bannerText .container h5{font-size:28px;}
    .pbanner .bannerText .container h6{font-size:20px;}

    .pagenav{ padding:20px 0}
    .pagenav .menunav{ margin-top:10px;}
    .pagenav .menunav a{font-size:18px; padding:0px 20px;}

    .pageabout{padding:60px 0;}
    .pageabout .title{font-size:28px;}
    .pageabout .cont{ margin-top:30px;}
    .pageabout .aboutinfo .number .item .T .timer{font-size:34px;}
    .pageabout .aboutinfo .aboutvideo .videobox .mask .videoed,.pageabout .aboutinfo .aboutvideo .videobox .mask .sp,.pageabout .aboutinfo .aboutvideo .videobox .mask .sp p{ width: 34px; height: 34px;}

    .pageculture{padding:60px 0;}
    .pageculture .title{font-size:28px;}
    .pageculture .cont p{ font-size: 20px;}
    .pageculture .culturebox .item .tit{ font-size: 18px;}

    .pagehonor{padding:60px 0;}
    .pagehonor .title{font-size:28px;}
    .pagehonor .honorlist .item{width: calc((100% - 20px* 3) / 4);}
    .pagehonor .honorlist .item:nth-child(4),.pagehonor .honorlist .item:nth-child(5){display:none;}
    .pagehonor .line .more .c{ width:40px; height:40px;}
    .pagehonor .line .more{ width:114px;}
    .pagehonor .line .floating{width: calc(100% - 114px);}
    .pagehonor .line .floating::after{ height:5px;}

    .pagebusiness{padding:60px 0;}
    .pagebusiness .title{font-size:28px;}
    .pagebusiness .businbox{ grid-gap: 20px;}
    .pagebusiness .businbox .item .tit{font-size: 17px;}
    .pagebusiness .businbottom{font-size: 18px;}

    .pagehonor .pagehonorbox{grid-gap:10px;}
    .pagehonor .pagehonorbox .item .title{line-height:50px;}
    .pagescene{ padding:60px 0;}
    .pagescene .pagescenebox{grid-gap:10px;}
    .pagescene .pagescenebox .item .title{line-height:50px;}

    .pageproduct{padding: 40px 0 60px;}
    .pageproduct .pageprodbox{grid-gap: 10px;}
    .pageproduct .pageprodbox .item .namebox{ padding:15px 10px;}
    .pageproduct .pageprodbox .item .namebox .title{font-size:17px;padding-bottom: 10px;}
    .pageproduct .productshow{padding: 30px;}
    .pageproduct .productshow .infor{flex-wrap:wrap;}
    .pageproduct .productshow .leftimg{ width:100%; padding:20px;}
    .pageproduct .productshow .right{ width:100%; margin-top:20px;}
    .pageproduct .productshow .right .titbox .title{ font-size:22px;}

    .pageservice{padding:60px 0;}
    .pageservice .servicebox{padding:30px;}
    .pageservice .servicelf { width: calc(35% - 20px);padding-right: 20px;}
    .pageservice .servicelf .servicenav .parent{font-size:22px;}
    .pageservice .servicelf .servicenav .iconfont{font-size:20px;}
    .pageservice .servicelf .servicenav a{padding:10px 0 10px 15px}
    .pageservice .servicerh{width: calc(100% - 35% + 20px); padding-left: 20px;}
    .pageservice .servicerh .name{font-size:20px; margin-bottom:20px;}

    .pagecase{padding:60px 0;}
    .pagecase .pagecasebox{grid-gap: 10px;}
    .pagecase .pagecasebox .item .contbox .title{ margin-bottom:10px;}
    .pagecase .pagecasebox .item .contbox .title a{font-size:17px;}

    .shownews{padding: 30px 20px;}
    .page_btm .paging_nav{width:calc(100% - 140px)}
    .page_btm .return_list{ width:120px;}

    .pageresearch{padding:60px 0;}
    .pageresearch .research01{ padding:30px; flex-wrap:wrap;}
    .pageresearch .research01 .cont{width:100%;}
    .pageresearch .research01 .img{ width:100%;}
    .pageresearch .research02{ margin-top:60px;}
    .pageresearch .research02 .name{font-size:24px;}
    .pageresearch .research02 .researbox{ margin-top:30px;}

    .pageteam{padding:60px 0;}
    .pageteam .teambox{ padding:30px;}
    .pageteam .teambox .name{font-size:24px;}
    .pageteam .teambox .teamtop .item .img{ width:40%;}
    .pageteam .teambox .teamtop .item .right{width:56%;}
    .pageteam .teambox .teamtop .item .right .zhicheng{ margin:10px 0;}
    .pageteam .teambox .teamtop .item .right .cont{font-size:15px;line-height: 26px;}
    .pageteam .teambox .teamlist{grid-gap: 10px; grid-template-columns: repeat(3, 1fr);}

    .pageskill{ padding:60px 0;}
    .pageskill .tabskill .swiper-wrapper{width:100%;}
    .pageskill .tabskill .swiper-slide{width: calc((100% - 10px* 3) / 4);margin-right: 10px; padding: 10px 5px;}
    .pageskill .skillcont{padding:30px;}
    .pageskill .skillcont .swiper-slide .name{padding-bottom:10px;}

    .pagepatent{padding:60px 0;}
    .pagepatent .pagepatentbox{grid-gap: 10px;}
    .pagepatent .pagepatentbox .item .title{line-height:50px;}

    .pagenews{padding:60px 0;}
    .pagenews .pagenewsbox{grid-gap: 10px;}
    .pagenews .pagenewsbox .item .contbox{ padding:5%;}
    .pagenews .pagenewsbox .item .contbox .title{ margin:10px 0;}
    .pagenews .pagenewsbox .item .contbox .title a{font-size:18px; line-height:28px; }
    .pagenews .pagenewsbox .item .contbox .more{display:none;}

    .pageconcept{padding:60px 0;}
    .pageconcept .container{flex-wrap:wrap;}
    .pageconcept .renlf .name{font-size:28px;}
    .pageconcept .renlf{width:100%; padding:30px;}
    .pageconcept .renrg{ width:100%;}

    .pagejoin{padding:60px 0;}
    .pagejoin .name{font-size:28px;}
    .pagejoin .joinbox{ margin-top:30px;}

    .pageelegant{padding:60px 0;}
    .pageelegant .name{font-size:28px;}

    .pagecontact{padding:60px 0;}
    .pagecontact .infor{ padding:30px;}
    .pagecontact .item_left .top_list{ margin-bottom:25px;}
    .pagecontact .item_left .top_list span{font-size:28px; margin-right:5px;}
    .pagecontact .item_left .top_list p{font-size:17px;}
    .amap-controlbar .amap-luopan{display:none;}
}
@media screen and (max-width: 767px){
    .banner .pagination .swiper-pagination .swiper-pagination-bullet{width:8px; height:8px;}
    /*.minproduct{display:block; position: relative;}*/
    /*.inproduct{display:none;}*/
    .inproduct{ background:#318ece}
    .inproduct .leftlist{position:relative; margin-top:40px; top:0; width:100%; left:0;padding:0 2%;}
    .inproduct .leftlist .catname{font-size:24px;}
    .inproduct .leftlist .catelist{ margin-top:30px;}
    .inproduct .leftlist .catelist .swiper-slide .icon img{ height:25px;}
    .inproduct .contprod{ margin-top:20px;}
    .inproduct .contprod .contitem{flex-wrap:wrap; background:none;}
    .inproduct .contprod .contitem .left{ width:100%; padding:0 2% 20px 2%;}
    .inproduct .contprod .contitem .left .cont{ line-height:26px; height:78px; font-size:14px;}
    .inproduct .contprod .contitem .left .more a{font-size:14px; padding:0 15px; height:40px;}
    .inproduct .contprod .contitem .right{padding:40px 0; width:100%}
    .inproduct .contprod .contitem .right .rightprod{margin-right:0; padding:0 2%; background:none;}
    .inproduct .contprod .contitem .right .rightprod .infor{padding:20px;background:rgba(255, 255, 255, .95)}
    .inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox{padding-right:0;}
    .inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox .title{font-size:17px;}
    .inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox .desc{ margin-top:10px; font-size:14px;line-height:26px; height:72px; -webkit-line-clamp:3;}
    .inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox .more{ margin-top:20px;}
    .inproduct .contprod .contitem .right .rightprod .swiper-slide .namebox .more a{font-size:13px;}
    .inproduct .contprod .contitem .right .rightprod .button{width:calc(100% - 20px); left:10px;right:10px;display: flex; justify-content: space-between;}
    .inproduct .contprod .contitem .right .rightprod .button .button-next, .inproduct .contprod .contitem .right .rightprod .button .button-prev{ width:30px; height:30px; font-size:13px;}
    .inproduct .contprod .contitem .right .rightprod .button .button-prev{ margin-bottom:0;}

    .indevelop{padding:40px 0;}
    .indevelop .title{font-size:24px;}
    .indevelop .developbox{ margin-top:30px; flex-wrap:wrap;}
    .indevelop .developbox .item{ height:auto;width:100%; margin-right:0;}
    .indevelop .developbox .item .info{padding: 40px 20px; position: relative; z-index: 3;}
    .indevelop .developbox .item .info .name{font-size:20px;}
    .indevelop .developbox .item .info .desc{font-size:14px;}
    .indevelop .developbox .item .info .icon img{font-size:30px;}
    .indevelop .developbox .item .info .more a{font-size:14px;}
    .indevelop .developbox .item.select{border-bottom-left-radius: 0; width:100%;}
    .indevelop .developbox .item .bg{position:absolute; left:0; top:0;z-index:2;}

    .inabout{ padding:40px 0;}
    .inabout .container{flex-wrap:wrap;}
    .inabout .aboutinfo .title{font-size:24px;}
    .inabout .aboutinfo .cont{margin-top:30px;}
    .inabout .aboutinfo{ width:100%;}
    .inabout .aboutinfo .cont{font-size:15px; line-height:28px;}
    .inabout .aboutinfo .number{ margin-top:30px;}
    .inabout .aboutinfo .number .item .c{font-size:14px;}
    .inabout .aboutinfo .number .item .T .timer{font-size:28px;}
    .inabout .aboutinfo .number .item .T .num{font-size:15px;}
    .pageabout .aboutinfo .aboutvideo .videobox .mask .videoed,.pageabout .aboutinfo .aboutvideo .videobox .mask .sp,.pageabout .aboutinfo .aboutvideo .videobox .mask .sp p{ width: 28px; height: 28px;}
    aboutinfo .aboutvideo .videobox .c{font-size:14px;}
    .inabout .aboutinfo .more{ margin-top:50px;}
    .inabout .aboutinfo .more a{ font-size: 14px; padding: 0 15px; height: 40px;}
    .inabout .invideo{ margin:40px auto 0;}
    .inabout .invideo .videobox .mask .videoed{ width:40px; height:40px;}
    .inabout .invideo .videobox .mask p{ width:40px; height:40px;}
    .inabout .invideo .video .videoList{width:96%; padding:25px;}


    .innews{padding:40px 0;}
    .innews .titletop .title{font-size:24px;}
    .innews .titletop .more a{font-size: 14px; padding: 0 15px; height: 40px;}
    .innews .newsbox{ margin-top:40px; grid-gap: 0;grid-template-columns: repeat(1, 1fr);}
    .innews .newsbox .group .item{padding: 20px 0;}
    .innews .newsbox .group .item:last-child{display:none;}
    .innews .newsbox .group .info .img{height:169px;}
    .innews .newsbox .group .info .contbox .title a{ font-size:16px;}
    .innews .newsbox .group .item .mation,.innews .newsbox .group .info .contbox .mation{ margin-top:15px;}
    .innews .newsbox .group .info .contbox .mation .more,.innews .newsbox .group .item .mation .more{display:none;}
    .innews .newsbox .group .info .contbox .desc{font-size:14px;}

    .footer .footcont .footnav{display:none;}
    .footer .footcont .footcontl{ width:100%; padding:40px 0;}

    .pbanner .bannerText .container h5{font-size:24px;}
    .pbanner .bannerText .container h6{font-size:20px;}

    .pagenav{ padding:20px 0}
    .pagenav .menunav{ margin-top:10px;}
    .pagenav .menunav a{display: block; float: left; width: 49%; padding: 0 10px; margin-right: 2%; margin-bottom: 2%;  position:relative; line-height: 45px; text-align: center; overflow : hidden; font-size: 15px;color: #333333;background: #f5f5f5;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
    .pagenav .menunav a:nth-child(2n){ margin-right: 0;}
    .pagenav .menunav a:nth-last-of-type(-n+2) {margin-bottom: 0; }
    .pagenav .menunav a:first-child{ padding-left: 10px;}
    .pagenav .menunav a:last-child{ padding-right: 10px;}
    .pagenav .menunav a:hover,.pagenav .menunav a.active{color: #fff; font-weight:bold; background: #318ece;}
    .pagenav .menunav a::after{display:none;}

    .pageabout{padding:40px 0;}
    .pageabout .title{font-size:24px;}
    .pageabout .cont{ margin-top:20px;}
    .pageabout .aboutinfo{ margin-top:30px; flex-wrap:wrap; }
    .pageabout .aboutinfo .number{ width:100%; grid-template-columns: repeat(3, 1fr);}
    .pageabout .aboutinfo .number .item .T .timer{font-size:28px;}
    .pageabout .aboutinfo .number .item .T .num{font-size:15px;}
    .pageabout .aboutinfo .number .item .c{font-size:14px;}
    .pageabout .aboutinfo .aboutvideo{width: 100%; }
    .pageabout .aboutinfo .aboutvideo .videobox .mask .videoed,.pageabout .aboutinfo .aboutvideo .videobox .mask .sp,.pageabout .aboutinfo .aboutvideo .videobox .mask .sp p{ width: 28px; height: 28px;}
    .pageabout .aboutinfo .aboutvideo .video .videoList{width:96%; padding:25px;}

    .pageculture{padding:40px 0;}
    .pageculture .title{font-size:24px;}
    .pageculture .cont p{ font-size: 16px;}
    .pageculture .culturebox{ margin-top: 30px; }
    .pageculture .culturebox{ display: grid ;grid-gap: 10px;grid-template-columns: repeat(2, 1fr);}
    .pageculture .culturebox .item:nth-child(2n){ transform: translateY(0);}
    .pageculture .culturebox .item .tit{ font-size: 16px; line-height: 45px;}

    .pagehonor{padding:40px 0;}
    .pagehonor .title{font-size:24px;}
    .pagehonor .honorlist{ margin-top:30px;}
    .pagehonor .honorlist .item{width: calc((100% - 20px) / 2);}
    .pagehonor .honorlist .item:nth-child(2),.pagehonor .honorlist .item:nth-child(3),.pagehonor .honorlist .item:nth-child(4),.pagehonor .honorlist .item:nth-child(5){display:none;}
    .pagehonor .line .more a{font-size:14px;}
    .pagehonor .line .more .c{width:30px; height:30px;}
    .pagehonor .line .more{width:114px;}
    .pagehonor .line .floating{width: calc(100% - 114px);}
    .pagehonor .line .floating::after{height:5px;}

    .pagebusiness{padding:40px 0;}
    .pagebusiness .title{font-size:24px;}
    .pagebusiness .businbox{ margin-top:30px; display: block;}
    .pagebusiness .title{font-size:28px;}
    .pagebusiness .businbox { display: grid ;grid-gap: 10px;grid-template-columns: repeat(1, 1fr);}
    .pagebusiness .businbox .item .tit{font-size: 16px; line-height: 45px;}
    .pagebusiness .businbottom{font-size: 17px;}

    .pagehonor .pagehonorbox{grid-gap:10px;grid-template-columns: repeat(2, 1fr);}
    .pagehonor .pagehonorbox .item .title{line-height:40px;font-size:14px;}
    .pagescene{ padding:40px 0;}
    .pagescene .pagescenebox{grid-gap:10px;grid-template-columns: repeat(2, 1fr);}
    .pagescene .pagescenebox .item .title{line-height:40px; font-size:14px;}

    .pageproduct{padding: 40px 0 40px;}
    .pageproduct .pageprodbox{grid-gap: 10px;grid-template-columns: repeat(2, 1fr);}
    .pageproduct .pageprodbox .item .namebox{ padding:15px 10px;}
    .pageproduct .pageprodbox .item .namebox .title{font-size:16px;padding-bottom: 10px;}
    .pageproduct .prodnav a{font-size:15px;line-height:40px; border-radius: 40px;}
    .pageproduct .productshow{padding: 10px;margin-top: 30px;}
    .pageproduct .productshow .infor{flex-wrap:wrap;}
    .pageproduct .productshow .leftimg{ width:100%; padding:10px;flex-wrap:wrap;}
    .pageproduct .productshow .leftimg .tabthumb{width:100%; margin-left:0; margin-top:10px;}
    .pageproduct .productshow .leftimg .tabthumb .swiper-slide{ width:calc((100% - 15px*3)/4); height:auto; margin-right:15px; margin-bottom: 0;}
    .pageproduct .productshow .leftimg .thumbcont{width:100%;}
    .pageproduct .productshow .right{ width:100%; margin-top:20px;}
    .pageproduct .productshow .right .titbox .title{ font-size:22px;}
    .pageproduct .productshow .right .super .tabsuper .swiper-slide{ padding:5px;}
    .pageproduct .productshow .right .miaoshu{font-size:14px;}
    .pageproduct .productshow .right .shiyong{font-size:14px;}
    .pageproduct .productshow .right .super .tabsuper .swiper-slide .title{font-size: 14px;}
    .pageproduct .productshow .parameter .paramcont .firstRow td, .pageproduct .productshow .parameter .paramcont tr:first-child td{font-size:15px;}

    .pageservice{padding:40px 0;}
    .pageservice .servicebox{padding:15px;flex-wrap:wrap;}
    .pageservice .servicelf {width: 100%;padding-right: 0;}
    .pageservice .servicelf .servicenav .parent{font-size:22px;}
    .pageservice .servicelf .servicenav .iconfont{font-size:20px;}
    .pageservice .servicelf .servicenav a{padding:10px 0 10px 15px}
    .pageservice .servicerh{width: 100%; margin-top:20px; padding-left: 0;border-left:none;}
    .pageservice .servicerh .name{font-size:17px; margin-bottom:10px;}
    .pageservice .servicerh .servicelist{grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}

    .pagecase{padding:40px 0;}
    .pagecase .pagecasebox{grid-gap: 10px;    grid-template-columns: repeat(2, 1fr);}
    .pagecase .pagecasebox .item .contbox .title{ margin-bottom:10px;}
    .pagecase .pagecasebox .item .contbox .title a{font-size:15px;}

    .shownews{padding: 15px;}
    .shownews .item_top .pageT{font-size:18px;}
    .page_btm .paging_nav{width:calc(100% - 120px)}
    .page_btm .return_list{ width:110px;}
    .page_btm .return_list .backList{ height:40px; font-size:14px;}
    .page_btm .paging_nav .prevpage a,.page_btm .paging_nav .nextpage a{font-size:14px;}

    .pageresearch{padding:40px 0;}
    .pageresearch .research01{ padding:15px; flex-wrap:wrap;}
    .pageresearch .research01 .cont .catcont{font-size:15px; margin-top:0;}
    .pageresearch .research01 .cont{width:100%;}
    .pageresearch .research01 .img{ width:100%;}
    .pageresearch .research02{ margin-top:40px;}
    .pageresearch .research02 .name{font-size:22px;}
    .pageresearch .research02 .researbox{ margin-top:30px;}


    .pageteam{padding:40px 0;}
    .pageteam .teambox{ padding:15px;}
    .pageteam .teambox .name{font-size:22px;}
    .pageteam .teambox .teamtop{ margin-top:20px;}
    .pageteam .teambox .teamtop .item{flex-wrap:wrap;}
    .pageteam .teambox .teamtop .item .img{ width:100%;}
    .pageteam .teambox .teamtop .item .right{width:100%; margin-top:10px;}
    .pageteam .teambox .teamtop .item .right .zhicheng{ margin:10px 0;}
    .pageteam .teambox .teamtop .item .right .cont{font-size:15px;line-height: 26px;}
    .pageteam .teambox .teamlist{grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}

    .pageskill{ padding:40px 0;}
    .pageskill .tabskill .swiper-wrapper{width:100%; flex-wrap: wrap;}
    .pageskill .tabskill .swiper-slide{width: calc((100% - 10px) / 2);margin-right: 10px; margin-bottom:10px; padding: 10px 5px;}
    .pageskill .tabskill .swiper-slide:nth-child(2n){ margin-right:0;}
    .pageskill .tabskill .swiper-slide:nth-last-of-type(-n+2){margin-bottom: 0;}
    .pageskill .tabskill .swiper-slide .name{font-size:16px;}
    .pageskill .tabskill .icon-youjiantou{display:none;}
    .pageskill .skillcont{padding:15px;margin-top: 20px;}
    .pageskill .skillcont .swiper-slide .name{padding-bottom:10px;}

    .pagepatent{padding:40px 0;}
    .pagepatent .pagepatentbox{grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .pagepatent .pagepatentbox .item .title{line-height:45px;font-size:15px;}


    .pagenews{padding:40px 0;}
    .pagenews .pagenewsbox{grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .pagenews .pagenewsbox .item .contbox{ padding:5%;}
    .pagenews .pagenewsbox .item .contbox .title{ margin:10px 0;}
    .pagenews .pagenewsbox .item .contbox .title a{font-size:16px; line-height:26px; }
    .pagenews .pagenewsbox .item .contbox .more{display:none;}

    .pageconcept{padding:40px 0;}
    .pageconcept .container{flex-wrap:wrap;}
    .pageconcept .renlf .name{font-size:24px;}
    .pageconcept .renlf{width:100%; padding:15px;}
    .pageconcept .renrg{ width:100%;}

    .pagejoin{padding:40px 0;}
    .pagejoin .name{font-size:24px;}
    .pagejoin .joinbox{ margin-top:30px;}
    .pagejoin .joinbox .item .joinlf .title,.pagejoinlist .joinbox .item .joinlf .title{font-size:18px;}
    .pagejoin .joinbox .item .joincent .list .title,.pagejoinlist .joinbox .item .joincent .list .title{font-size:16px;}


    .pageelegant{padding:40px 0;}
    .pageelegant .name{font-size:24px;}

    .pagecontact{padding:40px 0;}
    .pagecontact .infor{ padding:15px; flex-wrap:wrap;}
    .pagecontact .item_left{width:100%;}
    .pagecontact .item_left .top_list{ margin-bottom:25px;}
    .pagecontact .item_left .top_list span{font-size:24px; margin-right:5px;}
    .pagecontact .item_left .top_list p{font-size:17px;}
    .pagecontact .item_left .item_content .item{ margin-bottom:20px;}
    .pagecontact .item_left .item_content .item .title{font-size:18px; margin-bottom:10px;}
    .amap-controlbar .amap-luopan{display:none;}
    .pagecontact .contactmap{ width:100%; height:200px;}

    /* kefu */
    .fixed-right li{ width:52px;}
    .fixed-right li .kf{padding:5px 10px;}
    .fixed-right li .kf .iconfont{font-size:18px;}
    .fixed-right li .kf p{ font-size:13px;}
    .fixed-right li.n1 .kftc{right:62px; width:150px;}
    .fixed-right li .kfly{right:62px;}
    .fixed-right .click{padding: 10px 5px;}

    #pictureViewer > .content{width:96%; height:50vh;}
}