html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 1230px;background: #fff;color: #333;}
h1{font-size:2em;margin:.67em 0;}
figure{margin:1em 40px;}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
a:hover {color: #16A1B4;}
ul {margin: 0;list-style: none;padding: 0;}
p,h3,h4,h5{ margin:0; padding:0;}
dl,dt,dd,select,textarea{ margin:0; padding:0;color:#555; font-size:12px; font-family:'allfont'; line-height:1;font-weight: normal;letter-spacing: 0.3px;}

.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}

.img-cover {overflow: hidden;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;}

.container {padding: 0;width: 1200px;margin: 0 auto;}



.kf {
    width: 208px;
    position: fixed;
    
    right: -208px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
}
.kt-top {
    height: 40px;
    line-height: 40px;
    background: url("../images/kefu.png") 12px center no-repeat #007ccb;
	-o-background-size: auto 20px;
	-ms-background-size: auto 20px;
	-moz-background-size: auto 20px;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
    padding-left: 46px;
    font-size: 14px;
    color: #fff;
}
.kt-top span:hover{
      transform: rotate(90deg);
}
.kt-top span {
    width: 18px;
    height: 16px;
    float: right;
    position: relative;
    margin: 10px 10px 0px 0px;
    cursor: pointer;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.kt-top span b {
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
}
.kt-top span b:first-child {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.kt-top span b:last-child {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.kf .con {
    overflow: hidden;
    background: #fff;
}
.kf .qq li {
    height: 36px;
    line-height: 36px;
    border-bottom: #f5f5f5 solid 1px;
    padding-left: 16px;
}
.kf .qq li a {
    height: 36px !important;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: initial;
    display: block;
}
.kf .qq li a img{
    padding-right: 6px;
}
.kf .con h5{
    height: 26px;
    line-height: 26px;
    margin-top: 12px;
    background: url('../images/lianxi.png') 16px center no-repeat;
    padding-left: 45px;
    color: #666;
    font-size: 14px;
    margin-bottom: 0;
}
.kf .contact {
    margin-top: 1px;
}
.kf .contact p{
    height: 26px;
    line-height: 26px;
    color: #666;
    font-size: 14px;
    padding-left: 22px;
    margin: 0;
}
.kf .contact p:nth-child(2n){
    padding-left: 32px;
}
.kf .con h5.qr-icon{
    background: url('../images/erweima.png') 16px center no-repeat;
}
.kf .con .qr{
    margin-top: 10px;
    padding-left: 40px;
}
.kf .con .qr img{
    width: 110px;
    height: 110px;
}
.kf .backTop{
    width: 100%;
    height: 40px;
    margin-top: 10px;
    background: url('../images/huidaodingbu.png') center center no-repeat #007ccb;
    background-size: 18px auto;
    cursor: pointer;
}
.kf-side{
    padding: 18px 10px 10px;
    background: #007ccb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: -34px;
    cursor: pointer;
}
.kf-side b{
    display: block;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    font-weight: normal;
}
.kf-side span.arrow{
    width: 12px;
    height: 12px;
    background: url('../images/jt-1.png') no-repeat;
	-o-background-size: auto 12px;
	-ms-background-size: auto 12px;
	-moz-background-size: auto 12px;
	-webkit-background-size: auto 12px;
	background-size: auto 12px;
    display: block;
    margin-top: 10px;
}
.kf-side span.on{
    background: url('../images/jt-2.png') no-repeat;
    -o-background-size: auto 12px;
    -ms-background-size: auto 12px;
    -moz-background-size: auto 12px;
    -webkit-background-size: auto 12px;
    background-size: auto 12px;
}



.header {background-color: #fff;}
.header .topbar {line-height: 34px;background-color: #f5f5f5;font-size: 13px;color: #888;border-top: 2px solid #f7c433;}
.header .topbar ul {float: right;}
.header .topbar li {float: left;color: #ddd;}
.header .topbar li.pipe {padding: 0 10px;}
.header .topbar li.c {margin-left: 10px;}
.header .topbar li.c a {background-color: #f7c433;display: block;padding: 0 15px;font-weight: bold;}
.header .logo {float: left;font-size: 0;height: 80px;line-height: 80px;text-align: left;padding: 15px 0;}
.header .tel {float: right;background: url(../images/dianhua.png) no-repeat 0 center;padding-left: 70px;margin-top: 20px;display: flex;flex-direction:column;}
.header .tel div{font-size: 16px;color: #0A5D8A;font-weight: bold;}


.header .tel strong {display: block;font-size: 28px;font-family: Impact;line-height: 1;color: #0A5D8A;}
.header .text {float: left;margin: 20px 0 20px 30px;padding: 5px 0 5px 30px;height: 60px;line-height:60px;border-left: 1px solid #ddd;font-size: 26px;font-weight: bold;}
.header .text strong {display: block;font-size: 26px;}
.header .text span {color: #16A1B4;}
.header .nav {font-size: 0;background-color: #16A1B4;color: #fff;position: relative;}
.header .nav ul{display: flex;}
.header .nav li {display: flex;vertical-align: middle;width: calc(100% / 6);text-align: center;
    /* background: url(../images/line.jpg) no-repeat right center; */
}
.header .nav li .nava {display: block;font-size: 18px;line-height: 83px;width: 100%;color: #fff;}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.header .nav li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;-webkit-box-sizing: content-box;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;}
.header .nav li.dropdown {}
/* .header .nav li.dropdown:before {content: "";position: absolute;border: 4px solid transparent;border-bottom: 0;border-top-color: #fff;top: 50%;margin-top: -2px;right: 15px;} */

.header .nav li.active a.nava,.header .nav li.open a.nava,.header .nav li a.nava:hover {color: #16A1B4;background-color: #fff;font-size: 18px;font-weight: bold;}

.header .nav .dropdown-box {position: absolute;left: 0;width: 100%;top: 100%;display: none;z-index: 10;text-align: center;background-color: #fff;box-sizing: border-box;transition: all .05s;box-shadow: 0px 19px 30px 0 rgba(0,0,0,.3);}
.header .nav .dropdown-box .inpro{padding: 30px 0 30px;margin: 0 auto;overflow: hidden;width: 1160px;}
.header .nav .dropdown-box .inproa {float: left;width: 12%;margin: 0 3% 0 0;}
.header .nav .dropdown-box .inproa a,.header .nav .dropdown-box .inproa1 a {cursor: pointer;display: block; background: #16a1b4;background-size: cover;padding: 10px;overflow: hidden; margin: 0 0 10px 0; border-radius: 4px;font-size: 16px;font-weight: bold;}

.header .nav .dropdown-box .inproa1 {float: left;margin: 0;display: flex;}
.header .nav .dropdown-box .inproa1 div{margin: 0 20px 0 0;}
.header .nav .dropdown-box .inproa1 a{color: #fff;min-width: 138px;}

.header .nav .dropdown-box .inproalist {display: block;overflow: hidden;float: right;width: 85%;}
.header .nav .dropdown-box .inproalist .bla {display: none;overflow: hidden;}
.header .nav .dropdown-box .inproalist .bla a {display: block;border: 1px solid #C2C2C2;overflow: hidden;margin: 0 1% 0 0;width: calc(23% - 2px);float: left;box-shadow: 0 2px 4px #C2C2C2;}
.header .nav .dropdown-box .inproalist .bla a .imgbox {
    position: relative;
    display: block;
    overflow: hidden;

}

.header .nav .dropdown-box .inproalist .bla a .imgbox img {
    transition: all .3s;
    display: block;
    width: 100%;
}

.header .nav .dropdown-box .inproalist .bla a .imgbox .sy_logo {
    position: absolute;
    width: auto;
    height: 20px;
    top: 10px;
    left: 10px;
}

.header .nav .dropdown-box .inproalist .bla a .text1 {
    padding: 10px;
    display: block;
    overflow: hidden;
}

.header .nav .dropdown-box .inproalist .bla a .text1 h3 {
    display: block;
    font-size: 16px;
    margin: 0;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.header .nav .dropdown-box .inprob:hover a,.header .nav .dropdown-box .on a {background-color: #0A5D8A !important;}

.header .nav li.active .inproa a,.header .nav li.open .inproa a,.header .nav li .inproa a:hover {color: #fff;}

.header .nav li:nth-child(2) .dropdown-box{left:0%}

.header .nav li.open:hover .dropdown:before{border-top-color: #16A1B4;}
.header .nav li.open:hover .dropdown-box {display: block;}
.menu-btn {display: none;padding: 18px 0;float: right;margin-left: 15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #16A1B4;content: '';}
.menu-btn:before {width: 24px;}
.menu-btn:after {width: 18px;margin-left: 6px;}
.menu-btn span {width: 12px;margin: 6px 0 6px 12px;}

.banner{position: relative;}
.banner .swiper-slide {background: no-repeat center / cover;height: 630px;}
.banner .swiper-slide img {display: block;width: 100%;height: auto;}
.banner .swiper-pagination {bottom: 30px;width: 100%;}
.banner .swiper-pagination-bullet {width: 44px;border-radius: 5px;background-color: #fff;opacity: 1;margin: 0 4px}
.banner .swiper-pagination-bullet-active {background-color: #16A1B4;}

.yunu-showcase {margin: 0 auto 20px;}
.yunu-showcase-info {margin-left: 430px;}
.yunu-showcase-info h1 {font-size: 20px;margin: 0;border-bottom: 1px dashed #ddd;padding-bottom: 15px;}
.yunu-showcase-info p {margin: 15px 0 0;color: #666;line-height: 1.8;}
.yunu-showcase-info .tel {margin-top: 15px;}
.yunu-showcase-info .tel a {line-height: 42px;color: #fff;display: inline-block;width: 120px;text-align: center;border-radius: 5px;background-color: #16A1B4;}

.pc-slide{float:left;width:400px;}
.view .swiper-slide .imgauto{width:100%;height:300px;line-height:300px;}
.view .swiper-container{width:100%;}
.preview{width:100%;margin-top:10px;position:relative;}
.preview .swiper-container{margin:0 30px;}
.preview .swiper-slide .imgauto{height:80px;border:1px solid #ddd;text-align:center;cursor:pointer;position:relative;}
.preview .swiper-slide .imgauto img{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview img{padding:1px;}
.preview .active-nav .imgauto{border:1px solid #16A1B4;}
div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;}
div.zoomMask {position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;}

.yunu-sou {padding: 15px 0;background-color: #f5f5f5;}
.yunu-sou .hot {float: left;padding: 5px 0;}
.yunu-sou .hot a {margin-right: 10px;}
.yunu-sou .hot strong {color: #16A1B4;}
.yunu-sou .hform {float: right;}
.yunu-sou .hform input {float: left;font-size: 12px;border: 1px solid #eee;padding: 6px 12px;line-height: 16px;width: 210px;}
.yunu-sou .hform button {border: 0;border-bottom: 1px solid transparent;padding: 0;float: left;cursor: pointer;outline: none;width: 49px;height: 30px;background: #16A1B4;color: #fff;}

.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #16A1B4;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}

.section {padding: 70px 0;}
.section-title {text-align: center;margin-bottom: 50px;font-size: 32px;font-weight: bold;}
.section-title small {display: block;font-weight: normal;font-size: 24px;color: #16A1B4;opacity: 0.5;}
.section-title:after {display: block;content: '';background: url(../images/cptit.jpg) no-repeat center bottom / auto 100%;height: 18px;margin-top: 20px;}

.in-prd-cate {float: left;width: 100%;position: relative;}
.in-prd-cate  ul{margin: 0 ;display: flex;border-bottom: 1px solid #1a638a;}
.in-prd-cate  ul li{margin-bottom: 0;width: calc((100% - 50px) / 6);}
.in-prd-cate  li a {display: block;line-height: 50px;font-size: 16px;font-weight: bold;width: 100%;text-align: center;}
.in-prd-cate li a:hover,.in-prd-cate li.on a {background: #1a638a;color: #fff;}
.in-prd-cate dd {margin: 0;border: 1px solid #ddd;padding: 10px 20px 12px;}
.in-prd-cate dd li {border-bottom: 1px dashed #e3e3e3;line-height: 32px;height: 32px;overflow: hidden;background: url(../images/flico.jpg) no-repeat 0 10px;padding-left: 20px;}
.adiv{display: flex;justify-content: center;align-items: center;width:50px;height: 50px;position: absolute;right: 0;top: 0;}


.in-prd-con {float: left;width: 100%;overflow: hidden;}

.list-1 {margin: 0;display: none;}
.in-prd-con-more{display: flex;justify-content: flex-end;padding: 10px 0;align-items: center;}
.in-prd-con-more img {margin-left: 10px;}
.list-1 li {width: 285px;margin: 0 20px 0 0;box-sizing: border-box;}
.list-1 .wrap {margin: 0 0 0 0;border:1px solid #C2C2C2;box-shadow: 0 2px 4px #C2C2C2;background: #fff;}
.list-1 .img-cover {display: block;}
.list-1 .img-cover img{transition: all 0.5s;}
.list-1 .img-cover span {padding-top: 100%;}
.list-1 .text {border-top: 0;padding:10px 0;text-align: center;}
.list-1 .text h4 {margin: 0;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;font-weight: bold;}
.list-1 .text p {margin: 15px 0 0;font-size: 14px;}
.list-1 .text .bt {display: inline-block;margin: 0 15px;line-height: 30px;color: #fff;padding: 0 15px;background-color: #16A1B4;border: 1px solid transparent;}
.list-1 .wrap:hover {border-color:#16A1B4;}
.list-1 .wrap:hover .img-cover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-1 .wrap:hover a {color: #16A1B4;}
.list-1 .wrap:hover .bt {border-color: #fff;background-color: transparent;}
.list-1 .wrap:hover .bt:last-child {background-color: #fff;color: #333;}

.pinpai_k{background: url(../images//bg.png) center;}

.bg1 {background: url(../images/fabg.jpg) no-repeat center 0 / cover #f5f5f5;}
.bg1 .section-title {color: #fff;}
.bg1 .section-title:after {display: none;}

.in-jjfa {margin-left: -28px;}
.in-jjfa li {float: left;width: 25%;}
.in-jjfa li a {display: block;background-color: #fff;margin-left: 28px;border-bottom: 3px solid #dddddd;}
.in-jjfa li .img-cover {position: relative;}
.in-jjfa li .img-cover span {padding-top: 66.7%;}
.in-jjfa li .img-cover p {background-color: rgba(0,0,0,0.6);color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;margin: 0;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;padding: 12px 0;}
.in-jjfa li .text {height: 200px;padding: 30px 20px;position: relative;}
.in-jjfa li .text p {margin: 0 0 8px;color: #666;font-size: 13px;padding-left: 24px;background: url(../images/faico.jpg) no-repeat 0 5px;line-height: 1.85;}
.in-jjfa li .text .more {position: absolute;right: 0;bottom: 0;line-height: 30px;background-color: #adadad;color: #fff;padding: 0 20px;}
.in-jjfa li a:hover .img-cover p {background-color: #16A1B4;}
.in-jjfa li a:hover .text .more {background-color: #16A1B4;}

.hy-menu {float: right;width: 760px;margin-top: -30px;}
.hy-menu li {float: left;width: 33.333333%;}
.hy-menu li a {display: block;margin: 30px 0 0 30px;}
.hy-menu li a:after {display: block;content: '';width: 60px;height: 2px;background-color: #16A1B4;margin-top: 15px;visibility: hidden;}
.hy-menu li h4 {margin: 0;position: relative;font-size: 16px;color: #fff;background-color: #666;width: 125px;text-align: center;line-height: 2;font-weight: normal;}
.hy-menu li h4 small {position: absolute;font-size: 15px;width: 26px;line-height: 26px;border-radius: 50%;border: 2px solid #fff;background-color: #f7c433;left: -15px;top: -15px;font-weight: bold;}
.hy-menu li p {margin: 10px 0 0;color: #666;font-size: 13px;line-height: 1.8;height: 46px;overflow: hidden;}
.hy-menu li.active h4 {background-color: #16A1B4;}
.hy-menu li.active a:after {visibility: visible;}
.hy-con {float: left;width: 390px;}
.hy-con .swiper-slide .img-center {position: relative;padding: 10px 10px 0 0;}
.hy-con .swiper-slide .img-center:before {position: absolute;right: -10px;top: -10px;width: 100%;height: 100%;background-color: #f1f1f1;content: '';}
.hy-con .swiper-slide .img-center img {position: relative;}

.tel-tl {background: url(../images/xban.jpg) no-repeat center #1867c6;color: #fff;}
.tel-tl dl {margin: 0;}
.tel-tl dt {float: left;}
.tel-tl dt a {display: block;width: 145px;line-height: 50px;background-color: #f7c433;color: #16A1B4;text-align: center;font-weight: bold;font-size: 16px;}
.tel-tl dd {float: left;margin-left: 20px;line-height: 1;}
.tel-tl dd strong {display: block;font-size: 30px;font-family: Impact;margin-top: 5px;}

/* .bg2 {background: url(../images/rzbg.jpg) no-repeat center / cover;color: #fff;} */
.bg2 {background: url(../images/bg1.png) no-repeat center / cover;color: #fff;} 
.bg2 .section-title:after {background-image: url(../images/cptit.png);}

.bg3 .section-title:after {background-image: url(../images/cptit1.png);}

.caseWrap { padding-bottom: 16px; }
.caseWrap .hd { text-align: center; margin-bottom: 12px; }
.caseWrap .hd li { display: inline-block; padding: 0 20px;margin:0 10px 10px; line-height: 38px; height: 38px; font-size: 15px; color: #333; cursor: pointer;border: 2px solid #999; }
.caseWrap .hd .on { background:  #16A1B4;border: 2px solid #16A1B4;color: #fff;}
.caseWrap .bd { width: 100%; overflow: hidden; }
.caseWrap .con { height: 420px; padding-bottom: 17px; width: 100%; margin-right: 0; }
.caseWrap .con .fl { width: 538px; height: 342px; overflow: hidden; }
.caseWrap .con .fr { height: 342px; background: #ececec; width: 482px; padding-left: 35px; padding-right: 45px; }
.caseWrap h3 { margin-bottom: 28px; padding-top: 62px; }
.caseWrap h3 a { color: #202020; font-size: 21px; display: block; }
.caseWrap h3 a:hover { color: #50b64f; }
.caseWrap .txt { line-height: 26px; height: 104px; overflow: hidden; margin-bottom: 34px; color: #202020; }
.caseWrap .btn a { width: 93px; height: 32px; text-align: center; line-height: 32px; color: #fff; font-family: 'simsun'; border-radius: 3px; overflow: hidden; margin-right: 6px; }
.caseWrap .btn .detail { background: #55b554; }
.caseWrap .btn .consult { background: #357df9; }

.contactCon{margin-top: 30px;display: flex;align-items: center;height: 100%;}
.contactConLeft .contactConLeftItem{display: flex;align-items: center;font-size: 30px;font-weight: 500;line-height: 50px;}
.contactConLeft .contactConLeftItem img{margin-right: 20px;}
.contactConRight{display: flex;flex:1;justify-content: flex-end;}
.contactConRight .contactConRightItem:first-child{margin-right: 20px;}
.contactConRightItem{display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 24px;font-weight: 500;line-height: 50px;}
.contactConRightItem img{width: 140px;}

.aboutcon{margin-top: 30px;}
.aboutconde{font-size: 18px;line-height: 30px;text-indent: 2rem;}
.aboutcon a{color: #fff;float: right;font-size: 18px;line-height: 30px;}

.newsCon li {
    width: 50%;
    float: left;
    margin-top: 30px;
    cursor: pointer;
}

.newsCon li .con1 {
    margin: 0 15px;
    background: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 20px 35px 20px 22px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}
.newsCon li .con1 .pic {
    width: 200px;
    height: 133px;
    float: left;
    margin-right: 30px;
}
.newsCon li .con1 .pic img {
    width: 100%;
    height: 100%;
}
.newsCon li .con1 a.txt1 {
    overflow: hidden;
    display: block;
}
.newsCon li .con1 .txt1 h3 {
    width: 100%;
    margin: 0;padding: 0 !important;
    margin-top: 15px;
    font-weight: normal;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}
.newsCon li .con1 .txt1 h3 a {
    font-size: 18px;
    color: #333;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.newsCon li:hover .con1 .txt1 h3 a {
    color: #ffffff;
}
.newsCon li .con1 .txt1 p {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    overflow: hidden;
    opacity: 0.66;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newsCon li .con1 .txt1 span {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    height: 28px;
    line-height: 28px;
    text-align: right;
    opacity: 0.4;
    background-position: right center;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    display: block;
    -ms-transition: all 0.5s ease-out 0s;
}
.newsCon li .con1 .txt1 span em {
    margin-left: 4px;
}
.newsCon li:hover .con1 {
    background: #16A1B4;
    box-shadow: 0 0 0;
}
.newsCon li:hover .con1 .txt1 span {
    color: #fff;
    text-align: left;
    background: url("../images/index46.png") no-repeat right center;
    opacity: 1;
}
.newsCon li:hover .con1 .txt1 h3 {
    color: #ffffff;
}
.newsCon li:hover .con1 .txt1 p {
    color: #ffffff;
}

.index04{width: 100%;box-sizing: border-box;border: 1px solid #DDDDDD;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;border-bottom: none;margin-top: 60px;}
.index04 .partner{width: calc(100% / 6);box-sizing: border-box;position: relative;height: 160px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;border-right: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;}
.index04 .partner:nth-of-type(8n){border-right: none;}	
.index04 .partner img{display: block;width: auto;height: auto;max-width: 80%;max-height: 82%;mix-blend-mode: darken;}
.index04 .partner .text1{position: absolute;top: 0;left: 0;background-color: rgba(4,187,173,0.8);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 100%;height: 100%;opacity: 0;transition: all .3s;}
.index04 .partner .text1 h3{font-size: 16px;box-sizing: border-box;width: 100%;padding: 0 20px;color: #FFFFFF;text-align: center;line-height: 24px;}
.index04 .partner:hover .text1{opacity: 1;}
.index04 .partner:nth-child(2n){ }

.in-rz {margin-left: -82px;}
.in-rz li {float: left;width: 131px;margin-left: 82px;}
.in-rz li .wrap {display: table;width: 100%;height: 131px;position: relative;}
.in-rz li .wrap:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background: url(../images/rzico.png) no-repeat 0 0;-webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.in-rz li .inner {display: table-cell;vertical-align: middle;text-align: center;padding: 0 25px;}
.in-rz li .inner p {margin: 0;}
.in-rz li:nth-child(2) .wrap:before {background-position: -214px 0;}
.in-rz li:nth-child(3) .wrap:before {background-position: -427px 0;}
.in-rz li:nth-child(4) .wrap:before {background-position: -642px 0;}
.in-rz li:nth-child(5) .wrap:before {background-position: -855px 0;}
.in-rz li:nth-child(6) .wrap:before {background-position: -1068px 0;}
.in-rz li .wrap:hover:before {-webkit-transform: rotate(360deg);transform: rotate(360deg);}

.in-rz-tel {margin-top: 50px;text-align: center;}
.in-rz-tel p {margin: 0 auto;width: 480px;background: url(../images/rztel.png) no-repeat 0 0;height: 64px;padding-left: 110px;font-size: 16px;line-height: 40px;}
.in-rz-tel strong {color: #f7c433;font-size: 30px;font-family: Impact;}
.in-rz-tel .btn {display: block;width: 190px;line-height: 45px;color: #fff;background-color: #16A1B4;margin: 20px auto 0;}

.bg3 {background-color: #f5f5f5;}
.bg3 .section-title:after {background-image: url(../images/zjtit.jpg);}

.in-about {background-color: #fff;margin: 0;}
.in-about dt {float: left;width: 770px;}
.in-about dd {margin-left: 770px;padding: 40px;}
.in-about dd h4 {margin: 0 0 30px;font-size: 24px;}
.in-about dd h4 small {display: block;font-weight: normal;font-size: 14px;color: #999;letter-spacing: -1px;}
.in-about dd h4:after {display: block;content: '';width: 130px;height: 3px;background-color: #16A1B4;margin-top: 15px;}
.in-about dd p {margin: 0;color: #666;line-height: 1.8;text-align: justify;}
.in-about dd .more {display: block;margin-top: 40px;line-height: 40px;width: 135px;text-align: center;color: #fff;background-color: #16A1B4;}

.in-news {margin-left: -45px;}
.in-news .item {float: left;width: 370px;margin-left: 45px;}
.in-news .tit {font-size: 16px;font-weight: bold;margin-bottom: 30px;}
.in-news .tit small {color: #999;padding-left: 5px;font-weight: normal;font-size: 16px;}
.in-news .tit .more {float: right;color: #999;font-weight: normal;}
.in-news .tit .more:hover {color: #16A1B4;}
.in-news .tit:after {margin-top: 20px;display: block;content: '';width: 45px;height: 2px;background-color: #16A1B4;}
.in-news .img-center img {-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-news .img-center a:hover img {opacity: 0.7;}
.in-news .list {border: 1px solid #ddd;padding: 20px;}
.in-news .list li {border-bottom: 1px dashed #e3e3e3;line-height: 32px;height: 32px;overflow: hidden;background: url(../images/flico.jpg) no-repeat 0 10px;padding-left: 20px;}
.in-news .list .btn {display: block;width: 130px;line-height: 36px;text-align: center;background-color: #16A1B4;color: #fff;margin-bottom: -35px;margin-top: 20px;}
.in-ask {background-color: #f5f5f5;padding: 20px;}
#marquee {height: 350px;overflow: hidden;}
#marquee li {border-bottom: 1px dotted #d2d2d2;}
#marquee li a {display: block;padding: 20px 0;}
#marquee li h4 {margin: 0;background: url(../images/icon_askw.png) no-repeat 0 0;line-height: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 30px;padding-bottom: 5px;}
#marquee li p {margin: 10px 0 0;color: #999;background: url(../images/icon_askd.png) no-repeat 0 0;line-height: 1.8;padding-left: 30px;height: 50px;overflow: hidden;}

.footer {background-color: #212121;color: #fff;padding-top: 50px;}
.footer a {color: #fff;}
.footer-link {margin-top: 40px;font-size: 0;padding: 20px 0;text-align: center;background-color: #000000;}
.footer-link a,.footer-link span {display: inline-block;vertical-align: middle;font-size: 14px;margin: 5px;}
.footer-link span {color: #294a72;padding: 0 20px;}
.footer-logo {float: left;margin-right: 30px;padding: 10px 0;}
.footer-info {float: left;line-height: 1.8;width: calc(100% - 240px);border-left: #fff 1px solid;border-right: #fff 1px solid;}

.footer-ewm {float: right;width: 200px;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content:center;}
.footer-ewm p {text-align: center;margin: 10px 0 0;}


.footer-info .footer-nav {
    width: 25%;
    box-sizing: border-box;
    float: left;
    border-right: #fff 1px solid;
    height: 188px;
}
.footer-info .footer-nav .footer-nav-title {
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    color: #fff;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding:0 60px;
}
.footer-info .footer-nav .footer-nav-sub a {
    height: 24px;
    line-height: 24px;
    color: #fff;
    display: block;
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding:0 60px;
}

.footer-info .footer-nav:last-child{border-right: 0px;}

.banner-sub {height: 350px;background: no-repeat center / cover;}

.ct2 {padding: 50px 0;}
.ct2-sd {float: left;width: 240px;}
.ct2-sd-right {float: right;}
.ct2-mn {float: right;width: 940px;}
.ct2-mn-left {float: left;}

.panel-sd {margin-bottom: 20px;}
.panel-sd .tit {background-color: #16A1B4;color: #fff;text-align: center;line-height: 50px;font-size: 20px;font-weight: bold;}
.panel-sd .bd {border: 1px solid #ddd;padding: 20px;}

.contact-sd .tel {border-bottom: 1px solid #ddd;padding-bottom: 10px;text-align: center;}
.contact-sd .tel strong {display: block;font-family: Impact;margin-top: 15px;font-size: 22px;}
.contact-sd p {margin: 10px 0 0;line-height: 1.8;color: #666;}

.lanmu .tit {line-height: 60px;background-color: #16A1B4;}
.lanmu li {margin-bottom: 20px;}
.lanmu li:last-child {margin-bottom: 0;}
.lanmu li>a {display: block;line-height: 36px;background-color: #16A1B4;border-radius: 3px;text-align: center;color: #fff;}
.lanmu-box {margin-top: 10px;}
.lanmu-box p {border-bottom: 1px dashed #e3e3e3;line-height: 32px;height: 32px;overflow: hidden;background: url(../images/flico.jpg) no-repeat 0 10px;padding-left: 20px;margin: 0;}

.position {margin-bottom: 20px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 8px 0 8px 25px;background: url(../images/logo_03.png) no-repeat 0 center;}

.pages {margin: 30px 0 0;text-align: center;font-size: 0;}
.pages a {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;background-color: #f5f5f5;border-radius: 3px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.pages a:hover,.pages a.active {background-color: #16A1B4;color: #fff;}

.list-4 li {margin-bottom: 10px;}
.list-4 li a {display: block;overflow: hidden;padding: 20px;background-color: #f5f5f5;}
.list-4 li .more {float: right;line-height: 36px;width: 90px;text-align: center;background-color: #999;color: #fff;margin-top: 20px;}
.list-4 li .date {float: left;width: 76px;background-color: #fff;text-align: center;padding: 14px 0;}
.list-4 li .date strong {display: block;font-family: Impact;font-size: 24px;line-height: 1;margin-bottom: 5px;}
.list-4 li .text {margin: 0 110px 0 95px;}
.list-4 li .text h4 {margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;}
.list-4 li .text p {margin: 5px 0 0;line-height: 1.8;height: 50px;overflow: hidden;color: #666;text-align: justify;}
.list-4 li:nth-of-type(even) a {background-color: #edf6f4;}

.list-3 {margin-top: -15px;}
.list-3 li a {display: block;margin: 15px 0 0;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li .img-center {overflow: hidden;}
.list-3 li .img-center img {-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li .text {text-align: center;padding: 0 10px;line-height: 30px;height: 30px;overflow: hidden;font-size: 14px;}
.list-3 li a:hover .img-center img {-webkit-transform: scale(1.1);transform: scale(1.1);}

.list-7 li a {display: block;line-height: 26px;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-7 li span {display: inline-block;vertical-align: top;width: 20px;line-height: 20px;text-align: center;background-color: #999;color: #fff;margin-top: 3px;margin-right: 5px;-webkit-transform: scale(0.8);transform: scale(0.8);}
.list-7 li:nth-of-type(1) span,.list-7 li:nth-of-type(2) span,.list-7 li:nth-of-type(3) span {background-color: #16A1B4;}

.content-title {margin-bottom: 20px;text-align: center;}
.content-title h1 {font-size: 22px;margin: 0;}
.content-title p {margin: 15px 0 0;font-size: 12px;color: #999;border-top: 1px dashed #ddd;padding-top: 15px;}
.content-title p span {padding: 0 10px;display: inline-block;}
.content-body {line-height: 1.8;}
.content-body img {max-width: 100% !important;height: auto !important;}
.content-exp {padding: 10px 15px;font-size: 12px;background-color: #f5f5f5;margin-top: 20px;border-radius: 5px;}
.content-exp li {line-height: 2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.cp-content-tit {margin-bottom: 20px;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 10px;font-size: 16px;}
.cp-content-tit small {font-size: 12px;text-transform: uppercase;color: #999;padding-left: 5px;}

.cp-about {margin: 0 0 20px;}
.cp-about dt {float: left;width: 560px;}
.cp-about dd {margin-left: 610px;padding-top: 50px;}
.cp-about dd h4 {color: #16A1B4;margin: 0;font-size: 16px;}
.cp-about dd p {margin: 15px 0 0;}

.yunu-message {margin-bottom: 20px;}
.form-group {margin-bottom: 20px;}
.form-label {line-height: 42px;display: block;float: left;width: 110px;text-align: right;}
.form-label span {color: #c5262b;}
.form-content {margin-left: 110px;}
.form-control {line-height: 20px;font-size: 14px;border: 1px solid #efefef;padding: 10px 15px;width: 100%;display: inline-block;vertical-align: top;-webkit-box-sizing: border-box;box-sizing: border-box;}
.form-content.yzm .form-control {width: 100px;}
.form-content.yzm .img {height: 42px;width: auto;}
select.form-control {height: 1.7rem;}
.form-submit {padding: 10px 20px;color: #fff;background-color: #16A1B4;border: 0;cursor: pointer;border-radius: 0.15rem;font-size: 14px;}
.form-button {padding: 10px 20px;color: #fff;background-color: #767676;border: 0;cursor: pointer;border-radius: 0.15rem;font-size: 14px;}

.hlbd .form-group {float: left;width: 33.333333%;}

.list-6 {margin: -20px 0 0 -20px;}
.list-6 li {float: left;width: 25%;}
.list-6 li a {display: block;margin: 20px 0 0 20px;}
.list-6 li .img-cover {border: 1px solid #efefef;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-6 li .img-cover span {padding-top: 74%;}
.list-6 li .text {margin-top: 10px;text-align: center;}
.list-6 li .text h4 {margin: 0;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-6 li a:hover .img-cover {border-color: #16A1B4;}
.list-6 li a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}

.yunu-menu-inner {text-align: center;margin-bottom: 40px;margin-top: -20px;}
.yunu-menu-inner a {float: left;width: 16.666666666%;}
.yunu-menu-inner span {display: block;margin-left: 1px;background-color: #f4f4f4;color: #333;font-size: 18px;line-height: 55px;}
.yunu-menu-inner a:hover span,.yunu-menu-inner a.active span {background: #16A1B4;color: #fff;}

.box-main {padding: 40px;background-color: #f5f5f5;}

.about-desc {margin-bottom: 40px;line-height: 1.8;text-align: justify;}

.about-list {margin-left: -15px;margin-bottom: 40px;}
.about-list li {float: left;width: 20%;}
.about-list li a {display: block;border: 1px solid #ddd;padding: 15px;margin-left: 15px;}
.about-list li .text {margin-top: 15px;}
.about-list li .text h4 {margin: 0;font-size: 16px;text-align: center;color: #16A1B4;}
.about-list li .text p {margin: 10px 0 0;line-height: 1.8;text-align: justify;height: 150px;overflow: hidden;}
.about-list li a:hover {border-color: #16A1B4;}

.about-ser {margin: 0;border: 1px solid #ddd;}
.about-ser dt {float: left;width: 220px;}
.about-ser dd {margin-left: 220px;padding: 15px 20px;}
.about-ser dd h4 {color: #16A1B4;margin: 0 0 10px;font-size: 16px;}
.about-ser dd p {margin: 5px 0 0;}
.about-ser dd strong {color: red;}

.contact-desc {margin-bottom: 40px;}
.contact-desc h4 {margin: 0;display: inline-block;padding: 0 40px;background-color: #16A1B4;color: #fff;line-height: 34px;font-size: 16px;}
.contact-desc p {margin: 20px 0 0;text-align: justify;line-height: 1.8;}

.contact-about {background-color: #fff;margin-bottom: 40px;}

.map {height: 300px;}

.liuyan {background: url(../images/on_bj.jpg) no-repeat center top;padding: 50px 0 50px 430px;}

.list-2 {margin: -20px 0 0 -20px;}
.list-2 li {float: left;width: 25%;}
.list-2 li a {display: block;margin: 20px 0 0 20px;border: 1px solid #ccc;-webkit-transition: all 0.5s;transition: all 0.5s;padding: 2px;}
.list-2 li .img-center {overflow: hidden;height: 186px;line-height: 186px;}
.list-2 li .img-center img {-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-2 li a:hover {-webkit-box-shadow: 0 0 15px #ccc;box-shadow: 0 0 15px #ccc;}
.list-2 li a:hover .img-center img {-webkit-transform: scale(1.1);transform: scale(1.1);}

.yunu-footer-fix {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #16A1B4;z-index: 10;display: none;}
.yunu-footer-fix li {float: left;width: 25%;}
.yunu-footer-fix li a {display: block;text-align: center;color: #fff;padding: 7px 0;font-size: 12px;line-height: 1;}
.yunu-footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.yunu-footer-fix li i.i1 {background-image: url(../images/f_01.png);}
.yunu-footer-fix li i.i2 {background-image: url(../images/f_02.png);}
.yunu-footer-fix li i.i3 {background-image: url(../images/f_03.png);}
.yunu-footer-fix li i.i4 {background-image: url(../images/f_04.png);}

/* imgshowmask */
.imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 10;display: none;}
.imgshow{width: 60%;height: 80%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;background-color: #ffffff;}


@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 50px;padding-bottom: 0;}
    .container {width: auto;padding: 0 15px;}

    .kf {display: none;}

    .header {padding: 10px 0;position: fixed;z-index: 10;width: 100%;top: 0;left: 0;-webkit-box-shadow: 0 0 10px #ddd;box-shadow: 0 0 10px #ddd;z-index: 1000;}
    .header .topbar,.header .text,.header .tel {display: none;}
    .header .logo {height: 50px;line-height: 30px;float: none;padding: 0;}
    .header .nav {margin: 0;text-align: left;display: none;;border-bottom: 0;background-color: #fff;}
    .header .nav ul {margin: 0 -15px ;display: flex;flex-direction: column;}
    .header .nav li {margin: 0;border-bottom: 1px solid #eee;background: none;width: 100%;display: flex;flex-direction: column;text-align: left;position: relative;}
    .header .nav li .nava{line-height: 40px;color: #333;padding: 0 15px;box-sizing: border-box;font-size: 16px;}
    .header .nav li a {line-height: 40px;color: #333;}
    .header .nav li .arr {display: block;position: absolute;right: 0;top: 0;}
    .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {background-color: transparent;color: #16A1B4}
    .header .nav li.open .arr:after {border-color: #16A1B4;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
    .header .nav .dropdown-box {position: relative;background-color: #f5f5f5;min-width: auto;text-align: left;box-shadow:0 0 0}
    .header .nav .dropdown-box a {color: #333 !important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}
    .header .nav .dropdown-box .inpro{width: 100%;padding:0}
    .header .nav .dropdown-box .inproa{width: 100%;margin: 0;padding:0}
    .header .nav .dropdown-box .inproa a{background: transparent;margin: 0;padding: 0;}
    
    .header .nav .dropdown-box a:hover {background-color: transparent !important;}
    .header .nav li.active a.nava, .header .nav li.open a.nava, .header .nav li a.nava:hover{font-size: 16px;font-weight:bold}
    .header .nav .dropdown-box .inproalist{display: none;}

    .header .nav .dropdown-box .inprob:hover a, .header .nav .dropdown-box .on a,.header .nav .dropdown-box .inproa a{background-color: transparent !important;padding: 0 15px;font-weight:normal;font-size: 14px;}
    .menu-btn {display: block;}

    .banner .swiper-slide {height: 200px;}
    .banner .swiper-pagination {bottom: 10px;}
    .banner .swiper-pagination-bullet {width: 24px;height: 4px;}

    .pc-slide {float: none;width: auto;}
    .yunu-showcase-info {margin: 20px 0 0;}
    .yunu-showcase-info h1 {padding-bottom: 10px;}
    .yunu-showcase-info p {margin-top: 10px;}

    .aboutcon{margin-top: 0;}
    .aboutconde,.aboutcon a{font-size: 14px;line-height: 20px;}
    
    .contactCon{margin-top: 0 ;flex-direction: column;}
    .contactConLeft .contactConLeftItem{font-size:16px;line-height: 36px;}
    .contactConLeft .contactConLeftItem img{width: 30px;height: 30px;}
    .contactConRightItem{font-size: 16px;margin-top: 20px;}
    .caseWrap .con{
        height: auto;
    }
    .newsCon li {
        width: auto;
        float: none;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .newsCon li .con1 .pic {
        width: 160px;
        height: 106px;
        margin-right: 15px;
    }
    .newsCon li .con1 .txt1 h3 {
        margin-top: 0;
    }

    .newsCon li .con1 .pic {
        width: 128px;
        height: 84px;
        margin-right: 10px;
    }
    .newsCon li .con1 .txt1 p {
        margin-top: 0;
        font-size: 12px;
        line-height: 18px;
    }
    .newsCon li .con1 .txt1 span {
        margin-top: 0;
        font-size: 12px;
    }
    .newsCon li:hover .con1 .txt1 span {
        background-size: 20px auto;
    }
    .newsCon li .con1 {
        padding: 15px;
    }


    .yunu-sou {padding: 0;}
    .yunu-sou .container {padding: 0;}
    .yunu-sou .hot {display: none;}
    .yunu-sou .hform {float: none;position: relative;}
    .yunu-sou .hform input {font-size: 14px;border-color: transparent;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 20px;padding: 9px 60px 9px 15px;border-radius: 0;background-color: #f5f5f5;}
    .yunu-sou .hform button {position: absolute;right: 0;top: 0;width: 50px;height: 40px;font-size: 14px;}

    .section {padding: 30px 0;}
    .section-title {font-size: 20px;margin-bottom: 20px;}
    .section-title small {font-size: 12px;}
    .section-title:after {height: 12px;margin-top: 5px;}

    .in-prd-cate {display: none;}
    .in-prd-con {float: none;width: auto;}

    .list-1 {margin: -10px 0 0 -10px;}
    .list-1 li {width: 50%;}
    .list-1 .wrap {margin: 10px 0 0 10px;}
    .list-1 .text {padding: 10px 0 0;}
    .list-1 .text p {display: none;}

    .in-jjfa {margin: -10px 0 0 -10px;}
    .in-jjfa li {width: 50%;}
    .in-jjfa li a {margin: 10px 0 0 10px;}
    .in-jjfa li .img-cover p {font-size: 14px;padding: 8px 0;}
    .in-jjfa li .text {padding: 10px;height: 140px;}
    .in-jjfa li .text p {font-size: 12px;line-height: 1.45;padding-left: 20px;background-position: 0 3px;}
    .in-jjfa li .text .more {display: none;}

    .hy-con {display: none;}
    .hy-menu {float: none;width: auto;margin: -20px 0 0 -10px;overflow: hidden;}
    .hy-menu li a {margin: 20px 0 0 10px;}
    .hy-menu li a:after {display: none;}
    .hy-menu li h4 {font-size: 14px;width: auto;background-color: #16A1B4;}
    .hy-menu li h4 small {display: none;}
    .hy-menu li p {font-size: 12px;line-height: 1.45;height: 52px;}

    .tel-tl {text-align: center;background-image: none;}
    .tel-tl dt {float: none;}
    .tel-tl dt a {margin: 0 auto;}
    .tel-tl dd {margin: 20px 0 0;float: none;}

    .in-rz {margin: -20px 0 0;}
    .in-rz li {width: 50%;margin: 20px 0 0;}
    .in-rz li .wrap {width: 131px;margin: 0 auto;}
    .in-rz-tel {margin-top: 30px;}
    .in-rz-tel p {background: none;width: auto;padding: 0;height: auto;}
    .in-rz-tel strong {display: block;}

    .in-about dt {float: none;width: auto;}
    .in-about dd {margin: 0;padding: 20px;}
    .in-about dd h4 {font-size: 18px;margin-bottom: 20px;}
    .in-about dd h4:after {width: 65px;margin-top: 10px;}
    .in-about dd .more {margin-top: 20px;}

    .in-news {margin-top: -40px;}
    .in-news .item {float: none;width: auto;margin-top: 40px;}
    .in-news .tit {margin-bottom: 20px;}
    .in-news .tit:after {margin-top: 10px;}

    .footer {padding: 30px 0 0;}
    .footer-logo {display: none;}
    .footer-ewm {width: 100%;}
    .footer-ewm p {font-size: 12px;}
    .footer-info {float: none;margin-right: 95px;font-size: 12px;display: none;}
    /* .footer-link {display: none;} */



    .banner-sub {height: 200px;}

    .pages {margin-top: 15px;}
    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}

    .ct2 {padding: 30px 0;}
    .ct2-sd {display: none;}
    .ct2-mn {float: none;width: auto;}

    .position {font-size: 12px;display: none;}

    .list-4 li a {padding: 10px;}
    .list-4 li .more {display: none;}
    .list-4 li .date {font-size: 12px;width: 60px;padding: 10px 0;}
    .list-4 li .date strong {font-size: 18px;}
    .list-4 li .text {margin: 0 0 0 70px;}
    .list-4 li .text h4 {font-size: 14px;}
    .list-4 li .text p {font-size: 12px;height: 42px;margin-top: 2px;}

    .content-title {margin-bottom: 15px;}
    .content-title p {margin-top: 10px;padding-top: 10px;}
    .content-title p span {padding: 0 5px;}
    .content-exp {margin-top: 15px;}

    .cp-about dt {float: none;width: auto;}
    .cp-about dd {margin: 0;padding-top: 20px;}
    .cp-about dd p {margin-top: 10px;}

    .form-group {margin-bottom: 10px;}
    .form-label {line-height: 34px;width: 85px;}
    .form-content {margin-left: 85px;}
    .form-control {padding: 6px 10px;}
    .hlbd .form-group {width: 100%;}
    .form-content.yzm .form-control {width: 80px;}
    .form-content.yzm .img {height: 34px;width: 90px;}

    .list-6 {margin: -10px 0 0 -10px;}
    .list-6 li {width: 50%;}
    .list-6 li a {margin: 10px 0 0 10px;}

    .yunu-menu-inner {display: none;}

    .box-main {padding: 15px;}

    .about-desc {margin-bottom: 15px;}

    .about-list {margin: -10px 0 15px -10px;}
    .about-list li {width: 50%;}
    .about-list li a {padding: 5px;margin: 10px 0 0 10px;}

    .about-ser dt {float: none;width: auto;}
    .about-ser dt img {width: 100%;}
    .about-ser dd {margin: 0;padding: 15px;}

    .contact-desc {margin-bottom: 15px;}
    .contact-desc h4 {font-size: 14px;padding: 0 15px;}
    .contact-desc p {margin-top: 10px;}

    .contact-about {margin-bottom: 15px;}
    .contact-about dd {padding: 15px;}

    .liuyan {padding: 0;background: none;}

    .list-2 {margin: -10px 0 0 -10px;}
    .list-2 li {width: 50%;}
    .list-2 li a {margin: 10px 0 0 10px;}
    .list-2 li .img-center {height: 110px;line-height: 110px;}

    .yunu-footer-fix {display: block;}
}



.i-cont{width: 1400px;}
.f-cont{width: 1200px;}

/* mbxwrap */
.mbxwrap{width: 100%;background-color: rgba(22,161,180,0.9);position: absolute;bottom: 0;left: 0;box-sizing: border-box;}
.mbxwrap02{margin-top:186px; position: relative !IMPORTANT; }
.mbx{margin: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.mbx a{font-size: 20px;color: #FFFFFF;display: block;opacity: 0.6;line-height: 90px;}
.mbx i{display: block;width: 1px;height: 20px;background-color: #FFFFFF;opacity: 0.6;margin: 0 20px;}
.mbx a:hover,.mbx a.active{opacity: 1;}

.innerbanner .fxd{top: 0px !important;height: auto;z-index:9;bottom: auto;}


/* fy */

.fy .pagination li:last-child{display: none;}
.fy a,.fy span{width: auto;height: 50px;min-width: 50px;border: 1px solid #DDDDDD;font-size: 14px;color: #333;margin-right: 10px;box-sizing: border-box;line-height: 48px;text-align: center;border-radius: 5px;transition: all .3s;}

.fy a:last-child{margin-right: 0;}
.fy a:hover,.fy a.active{background-color: #16A1B4;color: #ffffff;border-color: #16A1B4;}
.fy .pagination li.disabled span{background: #bbbbbb;border: 1px solid #DDDDDD;}

.fy{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;padding: 70px 0;background-color: rgb(245,245,245);}
.fy .pagination{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}
.fy .pagination a{display: block;width: 48px;height: 48px;line-height: 48px;text-align: center;border: 1px solid rgb(203,203,203);color: rgb(203,203,203);margin-right: 20px;cursor: pointer;font-size: 18px;}
.fy .pagination span{display: block;width: auto;min-width: 48px;height: 48px;line-height: 48px;text-align: center;border: 1px solid #16A1B4;background-color: #16A1B4;color: #fff;margin-right: 20px;font-size: 18px;padding: 0 5px;}
.fy .pagination a:hover{color: #fff;}

/* 董事长致辞 */
.innerbanner{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;margin-top: 0;height: 600px;}
.innerbanner img{display: block;width: 100%;height: 100%;object-fit: cover;}
.innerbanner1{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;margin-top: 0;}
.innerbanner1 img{display: block;width: 100%;object-fit: cover;}
.inner-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding-bottom: 90px;}
.inner-text h3{font-size: 70px;color: #ffffff;font-weight: bold;margin-bottom: 20px;}
.inner-text p{font-size: 30px;color: #ffffff;}
.inner-text1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.inner-text1 h3{font-size: 70px;color: #ffffff;font-weight: bold;margin-bottom: 20px;}
.inner-text1 p{font-size: 30px;color: #ffffff;}

 
.procatlist{ display: block;background: #f1f1f1;padding: 100px 0;overflow: hidden;}
.procatlist h3{ display: block;font-size: 46px;color: #16A1B4;margin: 0 auto 30px; font-weight: bold;}
.procatlist .list{display: block;overflow: hidden;margin: 0 auto;}
.procatlist .list a{ display: block;overflow: hidden;float: left;width: 32%;margin: 0 2% 2% 0;}
.procatlist .list a:nth-child(3n){margin-right:0;}
.procatlist .list a p{ display: block;overflow: hidden;}
.procatlist .list a p img{ display: block; width: 100%;transition: all .3s;}
.procatlist .list a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.procatlist .list a dd{display: block;overflow: hidden;background: #fff;padding: 40px;}
.procatlist .list a dd span{display: block;font-size: 30px;color: #666;margin: 0 auto 0px;}
.procatlist .list a dd font{ display: block;font-size: 18px;color: #666;line-height: 26px;margin: 10px 0 0 0;}
.procatlist .list a:hover dd span,.procatlist .list a:hover dd font{color: #16A1B4;}





.proallsocas{background: #f1f1f1;padding: 0px 150px;display: block;overflow: hidden;}
.proallsocas .caselist a dd h3{font-weight: bold;color: #16A1B4;}
.proallsocas .caselist a dd font{ display: block;color: #666;font-size: 16px;margin: 0 0 20px 0;line-height: 22px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.proallsocas .caselist a{border-top: 0;}
.proallsocas .caselist a:nth-child(1), .proallsocas .caselist a:nth-child(2) {  border-top: 2px solid #ddd;  border-bottom: 2px solid #ddd;}
.pagesoultionstit{margin: 0 auto;font-size: 46px;color: #16A1B4; font-weight: bold;}
.pagesoultionsprolist{background:#f1f1f1;  padding: 100px 0;margin: 100px 0;overflow: hidden;}

.pagesoultionscase .caselist{display: block;margin: 50px auto;overflow: hidden;position: relative;}
.pagesoultionscase .caselist a{display: block;overflow: hidden;float: left;width: 50%;border-top: 2px solid #ddd;border-bottom: 2px solid #ddd;padding: 30px 0;    display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.pagesoultionscase .caselist a:nth-child(1),.pagesoultionscase .caselist a:nth-child(2){border-bottom:0;}
.pagesoultionscase .caselist a p{ display: block;overflow: hidden;width: 40%;}
.pagesoultionscase .caselist a p img{ display: block; width:100%; }
.pagesoultionscase .caselist a dd{display: block;overflow: hidden;width: 45%;margin: 0 5% 0 0;}
.pagesoultionscase .caselist a dd h3{ display: block;font-size: 24px;color: #333;margin: 0 0 20px 0;line-height: 30px;}
.pagesoultionscase .caselist a dd h4{ display: block; overflow: hidden;}
.pagesoultionscase .caselist a dd h4 span{ display: block;width: 120px;height: 36px;text-align: center;line-height: 36px;background: #16A1B4;color: #fff;font-size: 12px;float: left;}
.pagesoultionscase .caselist a dd h4 font{display: block;float: left;line-height: 36px;color: #999;font-size: 16px;margin: 0 0 0 10px;}

.page-solutionstxt{ margin-top: 0;display: block;overflow: hidden; background: url(../images/ny_hylb_bj.jpg);background-size: cover;padding: 100px 0;}
.page-solutionstxt .pagesoultionsbannertxt{box-shadow: 0 0 0px 0 rgba(0,0,0,.4);top: auto; background: none; padding: 0;}
.page-solutionstxt .pagesoultionsbannertxt h3 span{color: #16A1B4;}

.pagesoultionsbannertxt{ margin: 0 auto;box-shadow: 0 0 30px 0 rgba(102,102,102,.4);padding: 100px 0;    position: relative;   top: -150px;z-index:9;overflow: hidden;background: #fff;}
.pagesoultionsbannertxt h3{     padding: 0 0 2px 0; display: block;position: relative;}
.pagesoultionsbannertxt h3 span{ display: block;text-align: center;color: #333;font-weight: bold;font-size: 46px;}
.pagesoultionsbannertxt h3 font{display: block;width: 70%;height: 1px;background: #b5b5b5;margin: 20px auto 0; opacity: 0.3;}
.pagesoultionsbannertxt h3:before{content: "";position: absolute;width: 80px;height: 6px;bottom: 0;background: #16A1B4;left: 50%;margin-left: -40px;}

.pagesoultionsbannertxt h4{display: block;text-align: justify;width: 70%;margin: 50px auto 0;font-size: 18px;line-height: 30px;text-align-last: center;}
.pagesoultionsbannertxt h4 p{color: #fff; font-size: 18px;line-height: 30px;text-align: justify;text-align-last: center;}


.page-prolisttxt{background: url(../images/ny_cplb2_banner.jpg); }
.page-prolisttxt .pagesoultionsbannertxt h4{color: #fff;width: 100%;}
.page-prolisttxt .pagesoultionsbannertxt h3 span{color: #fff;}
.page-prolisttxt .pagesoultionsbannertxt h3:before{    background: #ffffff;}
.page-prolisttxt .pagesoultionsbannertxt h3 font{    width: 100%;}
.page-prolisttxt .pagesoultionsbannertxt h3 font { background: white; opacity: .5;}




.prolistpage{}
.prolistpage .left{ display: block;float: left;padding:120px 0px 120px 80px;width: calc(25% - 80px); }
.prolistpage .left .pro-l{display: block;overflow: hidden;}
.prolistpage .left .pro-l li{}
.prolistpage .left .pro-l li .top{cursor: pointer;display: block;font-size: 16px;color: #666;height: 54px;line-height: 48px;text-indent: 50px;border: 1px solid #eee;     border-bottom: 1px solid #ddd;overflow: hidden;background: #eee;position: relative;}
.prolistpage .left .pro-l li .top img{ display: block;width: auto;height: 24px;margin: 16px 10px 0 20px;float: left; display: none;}
.prolistpage .left .pro-l li .top font{display: inline-block;width: auto;float: left;font-size: 20px;color: #333;text-align: left;vertical-align: top;line-height: 54px;text-indent: 0;padding-left: 40px;}
.prolistpage .left .pro-l li .top .fa{ float: right;line-height: 54px;text-indent: 0;margin: 0 50px 0 0;color: #666;font-size: 18px;}
.prolistpage .left .pro-l li .top a{display: block;overflow: hidden;}
.prolistpage .left .pro-l li .top:hover{border: 1px solid #16A1B4; color: #16A1B4; }
.prolistpage .left .pro-l li .listinfo{ display: none;margin: 0 0 50px 0;}
.prolistpage .left .pro-l li:first-of-type .listinfo{}
.prolistpage .left .pro-l li .top02{ background: #16A1B4;border: 1px solid #16A1B4;    margin: 0 0 10px 0;}
.prolistpage .left .pro-l li .top02 img{filter: none;filter: grayscale(1) brightness(30);}
.prolistpage .left .pro-l li .top02 font,.prolistpage .left .pro-l li .top02 .fa{color:#fff; }
.prolistpage .left .pro-l li .listinfo a{position: relative; display: block;font-size: 16px;color: #666;height: 40px;line-height: 40px;text-indent: 50px;border: 1px solid #e2e2e2;margin: 0 0 10px 0;}
.prolistpage .left .pro-l li .listinfo a:hover{ color: #16A1B4; border: 1px solid #16A1B4; }
.prolistpage .left .pro-l li .listinfo a:before{ content: "";position: absolute;width: 4px;height: 4px;background: #aaa;border-radius: 50%;top: 18px;left: 40px; }
.prolistpage .left .pro-l li .listinfo a:hover:before{color: #16A1B4; background: #16A1B4;  }
.prolistpage .left .pro-l li .listinfo .active{ color: #16A1B4; border: 1px solid #16A1B4;}
.prolistpage .left .pro-l .add .listinfo{ display: block;}



.prolistpage .right{display: block;float: left;padding: 120px 90px;width: calc(75% - 180px); }
.prolistpage .right .a{display: block;border: 1px solid #ddd;overflow: hidden;margin: 0 2% 2% 0;width: calc(23.5% - 2px);float: left;}
.prolistpage .right .a:nth-child(4n){margin-right:0;}
.prolistpage .right .a .imgbox{ position: relative;display: block;overflow: hidden;background: #fff; }
.prolistpage .right .a .imgbox img{ transition: all .3s; display: block; width: auto; max-width:100%; margin:auto;  }
.prolistpage .right .a .imgbox .sy_logo{position: absolute;width: auto;height: 20px;top: 10px;left: 10px;}
.prolistpage .right .a:hover .imgbox img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.prolistpage .right .a:hover .imgbox .sy_logo{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); }
.prolistpage .right .a .text{ background: #eef0f7;padding: 40px;display: block;overflow: hidden;}
.prolistpage .right .a .text h3{display: block;font-size: 24px;color: #16A1B4;margin: 0 0 20px 0;height: 50px}
.prolistpage .right .a .text h2{font-size: 16px;min-height: 48px;color: #666}
.prolistpage .right .a .text h4{}
.prolistpage .right .a .text h4 .toa{display: block;overflow: hidden;width: 70px;height: 25px;border: 1px solid #16A1B4;text-align: center;line-height: 25px;font-size: 12px;color: #16A1B4;float: left;}
.prolistpage .right .a:hover .text h4 .toa{background: #16A1B4; color:#fff;}
.prolistpage .right .a .text h4 .topdf{ display: block;float: right;overflow: hidden;} 
.prolistpage .right .a .text h4 .topdf img{ display: block;float: left;height: 20px;margin: 2px 5px 0 0;}
.prolistpage .right .a .text h4 .topdf strong{ float: left;font-size: 14px;color: #666;line-height: 25px;border-left: 1px solid #ddd;padding: 0 0 0 5px;}
.prolistpage{background-color: #f5f5f5;}


.pageproshowmbx{ background: #f5f5f5; width: 100%;position: relative;overflow: hidden;box-sizing: border-box;margin-top: 0;}
.pageproshowmbx .mbx{ display: block;overflow: hidden;}
.pageproshowmbx .mbx a{color: #000;float: right;font-size: 16px;margin-right: 20px;}
.pageproshowmbx .mbx a:before{    float: right;margin: 0 0 0 15px;font-size: 16px;color: #666;}


.proshowtop{margin: 50px auto;overflow: hidden;display: block;}
.proshowtop .left{    display: block;overflow: hidden;position: relative;float: left;width:25%;}

.proshowtop .left  .gallery-top{width: 100%;box-sizing: border-box;border: 1px solid #ddd;}
.proshowtop .left img{display: block;width: 100%;background-color: #fff;}
.proshowtop .left .gallery-thumbs{padding-top: 12px;}
.proshowtop .left .gallery-thumbs .swiper-slide{box-sizing: border-box;position: relative;cursor: pointer;border: 1px solid #ddd;}
.proshowtop .left .gallery-thumbs .swiper-slide-thumb-active,.proshowtop .left .gallery-thumbs .swiper-slide:hover{border: 2px solid #16A1B4;}
.proshowtop .left .gallery-thumbs .swiper-slide::before{content: '';display: block;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #16A1B4;position: absolute;top: -16px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;}
.proshowtop .left .gallery-thumbs .swiper-slide-thumb-active::before{opacity: 1;}


.proshowtop .right{display: block;overflow: hidden;float: right;width: 65%;}
.proshowtop .right h3{ display: block;color: #16A1B4;font-weight: bold;font-size: 46px;margin: 0 0 30px 0;}
.proshowtop .right h4{ text-indent: 2em; display: block;font-size: 18px;line-height: 30px;color: #666;text-align: justify;letter-spacing: 0;margin: 0 0 50px 0;}
.proshowtop .right h5{ display: block;color: #16A1B4;font-weight: normal;font-size: 30px;margin: 0 0 30px 0;}
.proshowtop .right h6{display: block;font-size: 18px;line-height: 30px;color: #666;text-align: justify;letter-spacing: 0;margin: 0 0 50px 0;}
.proshowtop .right dd{display: block;overflow: hidden;}
.proshowtop .right dd a{ display: block;float: left;border: 1px solid #16A1B4;text-align: center;width: 180px;height: 40px;margin: 0 50px 0 0;}
.proshowtop .right dd a .fa,.proshowtop .right dd a span{display: inline-block;vertical-align: top;color: #16A1B4;line-height: 40px;margin: 0 5px;font-size: 16px;}
.proshowtop .right dd a:hover{ background: #16A1B4;}
.proshowtop .right dd a:hover span,.proshowtop .right dd a:hover font{color:#fff;}

 
.proshowtitle{ display: block;width: 100%;background: #f5f5f5;padding: 25px 0;}
.proshowtitle .tt{ display: block;font-size: 36px;margin: 0 auto;color: #16A1B4; font-weight: bold;}
.proshowtxt{ display: block;margin: 50px auto;font-size: 18px;line-height: 36px;color: #666;}
.proshowdow{ display: block;margin: 50px auto;overflow: hidden;}
.proshowdow a{display: block;overflow: hidden;border-bottom: 1px solid #ddd;padding: 15px 0;}
.proshowdow a:first-of-type{border-top: 1px solid #ddd;}
.proshowdow a span{display: block;float: left;width: calc(100% - 250px);font-size: 18px;color: #666;line-height: 30px;}
.proshowdow a font{ display: block;float: left;width: 200px;font-size: 16px;color: #999;line-height: 30px;}
.proshowdow a .fa{ display: block;width: 50px;float: left;color: #16A1B4;font-size: 20px;line-height: 30px;    text-align: center;}
.proshowdow a:hover span{color: #16A1B4;}

.proshowtxt p,.proshowtxt span{font-size: 18px;line-height: 36px; margin:10px 0; color: #666;}
.proshowtx img{display: block; width:auto; height:auto; max-width:100%; }

.proshowsolutions{ display: block;overflow: hidden;margin: 50px auto;position: relative;}
.proshowsolutions .swiper-slide a{}
.proshowsolutions .swiper-slide a .imgbox{ display: block;overflow: hidden;width: 100%;  }
.proshowsolutions .swiper-slide a .imgbox img{display: block;width: 100%;transition: all .3s;}
.proshowsolutions .swiper-slide a:hover .imgbox img,.proshowsolutions .swiper-container03 .swiper-slide .a:hover .imgbox img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.proshowsolutions .swiper-slide a .text{ background: #f5f5f5;padding: 40px;overflow: hidden;display: block;}
.proshowsolutions .swiper-slide a .text h3{display: block;color: #16A1B4;font-size: 32px;border-bottom: 1px solid #ddd;padding: 0 0 10px 0;margin: 0 0 20px 0;}
.proshowsolutions .swiper-slide a .text h4{display: block;line-height: 26px;color: #777;font-size: 18px;}
.proshowsolutions .swiper-pagination{position: relative;display: block;height: 2px;background: #ddd;margin:50px 0 0 0; }
.proshowsolutions .swiper-pagination span{background: #16A1B4;}
.proshowsolutions .swiper-slide a:hover .text h3{border-bottom: 1px solid #16A1B4;}
.proshowsolutions .swiper-slide a:hover .text h4{color: #16A1B4;}


.proshowsolutions .swiper-container03 .swiper-slide .a{display: block;border: 1px solid #ddd;overflow: hidden;}
.proshowsolutions .swiper-container03 .swiper-slide .a .imgbox{ position: relative;display: block;overflow: hidden; }
.proshowsolutions .swiper-container03 .swiper-slide .a .imgbox img{ transition: all .3s;}
.proshowsolutions .swiper-container03 .swiper-slide .a .imgbox .sy_logo{position: absolute;width: auto;height: 20px;top: 10px;left: 10px;}
.proshowsolutions .swiper-container03 .swiper-slide .a:hover .imgbox .sy_logo{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); }
.proshowsolutions .swiper-container03 .swiper-slide .a .text{ background: #eef0f7;padding: 40px;display: block;overflow: hidden;}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h3{display: block;font-size: 24px;color: #16A1B4;margin: 0 0 20px 0;}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4{}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .toa{display: block;overflow: hidden;width: 70px;height: 25px;border: 1px solid #16A1B4;text-align: center;line-height: 25px;font-size: 12px;color: #16A1B4;float: left;}
.proshowsolutions .swiper-container03 .swiper-slide .a:hover .text h4 .toa{background: #16A1B4; color:#fff;}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .topdf{ display: block;float: right;overflow: hidden;} 
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .topdf img{ display: block;float: left;height: 20px;margin: 2px 5px 0 0;}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .topdf strong{ float: left;font-size: 14px;color: #666;line-height: 25px;border-left: 1px solid #ddd;padding: 0 0 0 5px;}



/* 新闻动态 */
.news01wrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;padding: 45px 0 80px 0;}
.news01wrap .news01{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.news01wrap .news01 .item{width: 30%;margin-left: 5%;overflow: hidden;margin-top: 65px;}
.news01wrap .news01 .item:nth-child(3n+1){margin-left: 0;}
.news01wrap .news01 .item .imgbox{width: 100%;overflow: hidden;}
.news01wrap .news01 .item .imgbox img{display: block;width: 100%;height: 230px;transition: all .5s;}
.news01wrap .news01 .item h2{font-size: 24px;font-weight: bold;color: #333;margin-top: 30px; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}
.news01wrap .news01 .item h3{font-size: 16px;min-height: 48px;line-height: 24px;margin-top: 10px;color: #666;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify;}
.news01wrap .news01 .item .newsfooter{width: 100%;position: relative;margin-top: 34px;padding: 10px 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;transition: all .5s;}
.news01wrap .news01 .item .newsfooter h4{font-size: 28px;color: #333;}
.news01wrap .news01 .item .newsfooter h5{font-size: 16px;color: #666;}
.news01wrap .news01 .item .newsfooter i{font-size: 20px;color: #333;border: 1px solid #333;border-radius: 50%;display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;}
.news01wrap .news01 .item .newsfooter::before{content: '';display: block;width: 0%;height: 100%;background: #16A1B4;position: absolute;top: 0;left: 50%;z-index: -1;transition: all .5s;opacity: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.news01wrap .news01 .item:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.news01wrap .news01 .item:hover .newsfooter{width: calc(100% - 60px);padding: 10px 30px;background-color: #16A1B4;}
.news01wrap .news01 .item:hover .newsfooter::before{width: 100%;opacity: 1;}
.news01wrap .news01 .item:hover .newsfooter h4{color: #fff;}
.news01wrap .news01 .item:hover .newsfooter h5{color: #fff;}
.news01wrap .news01 .item:hover .newsfooter i{color: #fff;border: 1px solid #fff;}
.news02wrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;padding: 70px 0;background-color: rgb(245,245,245);}
.news02wrap .news02pagewrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}


/* 新闻详情 */
.s-news-innerwrap{margin-top: 0;}
.s-news01wrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;background-color: rgb(245,245,245);padding: 110px 0;}
.s-news01wrap h2{font-size: 28px;color: #16A1B4;margin-bottom: 20px;}
.s-news01wrap .detail{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.s-news01wrap .detail h3{font-size: 18px;color: #666;}
.s-news01wrap .detail i{display: block;width: 1px;height: 14px;margin: 0 14px;background-color: #666;}
.s-news02wrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;padding: 60px 0;}
.s-news02wrap .s-news02{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.s-news02wrap .s-news02 .text{width: 68%;text-align: justify; overflow: hidden;}
.s-news02wrap .s-news02 .text h2{font-size: 18px;color: #666;line-height: 30px;margin-top: 40px;}
.s-news02wrap .s-news02 .text h2:first-child{margin-top: 0;}
.s-news02wrap .s-news02 .text h3{font-size: 18px;color: #666;font-weight: bold;margin-top: 40px;}
.s-news02wrap .s-news02 .text .imagewrap{margin-top: 40px;width: 100%;overflow: hidden;text-align: center;}
.s-news02wrap .s-news02 .text .imagewrap .image{width: 100%;overflow: hidden;}
.s-news02wrap .s-news02 .text .image img{display: block;width: 100%;height: auto;transition: all .3s;}
.s-news02wrap .s-news02 .text .image:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.s-news02wrap .s-news02 .text .imagewrap h5{font-size: 16px;color: #333;margin-top: 20px;font-weight: bold;}
.s-news02wrap .s-news02 .text h4{font-size: 18px;color: #666;line-height: 30px;margin-top: 40px;}

.s-news02wrap .s-news02 .text p,.s-news02wrap .s-news02 .text span,.s-news02wrap .s-news02 .text strong{font-size: 16px;color: #666;line-height: 26px;margin-top: 20px;}
.s-news02wrap .s-news02 .text img{ width: auto;height: auto;max-width: 100%;}

.s-news02wrap .s-news02 .share{width: 20%;}
.s-news02wrap .s-news02 .share h2{font-size: 26px;color: #111; margin-bottom: 40px;}
.s-news02wrap .s-news02 .share a{display: block;position: relative;width: 230px;height: 40px;line-height: 40px;margin-top: 12px;border-radius: 5px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.s-news02wrap .s-news02 .share a:first-child{margin-top: 34px;}
.s-news02wrap .s-news02 .share .instagram{background-color: rgb(0,123,182);}
.s-news02wrap .s-news02 .share .weibo{background-color: rgb(243,38,11);}
.s-news02wrap .s-news02 .share .twitter{background-color: rgb(0,172,237);}
.s-news02wrap .s-news02 .share .facebook{background-color: rgb(59,89,152);}
.s-news02wrap .s-news02 .share a i{font-size: 28px;color: #fff;margin-left: 10%;width: 40px;}
.s-news02wrap .s-news02 .share a span{font-size: 14px;color: #fff;margin-left: 24%;}
.s-news02wrap .s-news02 .share a:hover i{opacity: .6;}
.s-news02wrap .s-news02 .share a:hover span{opacity: .6;}
.s-news03wrap{width: 100%;padding: 60px 0;background-color: rgb(24,177,164);display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}
.s-news03wrap .s-news03{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.s-news03wrap .s-news03 .jump a{display: block;font-size: 16px;color: #fff;margin-top: 12px;}
.s-news03wrap .s-news03 .jump a:first-child{margin-top: 0;}
.s-news03wrap .s-news03 .jump a:hover{opacity: .6;}
.s-news03wrap .s-news03 .back a{display: block;font-size: 20px;color: #fff;}
.s-news03wrap .s-news03 .back a:hover{opacity: .6;}
.s-news03wrap .s-news03 .back i{font-size: 20px;margin-left: 20px;color: #fff;}
.s-news04wrap{width: 100%;padding: 85px 0;background-color: rgb(245,245,245);display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}
.s-news04wrap .s-news04{display: flex;display: -webkit-flex;}
.s-news04wrap .item{width: 30%;margin-left: 5%;overflow: hidden;margin-top: 65px;}
.s-news04wrap .item:nth-child(3n+1){margin-left: 0;}
.s-news04wrap .item .imgbox{width: 100%;overflow: hidden;height: 240px; position: relative;}
.s-news04wrap .item .imgbox img{display: block;width: 100%;height: auto;transition: all .5s; position: relative; min-height: 240px;object-fit: cover;}
.s-news04wrap .item h2{font-size: 20px;font-weight: bold;color: #333;margin-top: 30px; min-height: 40px; line-height: 26px;}
.s-news04wrap .item h3{font-size: 16px;line-height: 24px;margin-top: 10px;color: #666;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify;}
.s-news04wrap .item .newsfooter{width: 100%;position: relative;margin-top: 34px;padding: 10px 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;transition: all .5s;}
.s-news04wrap .item .newsfooter h4{font-size: 28px;color: #333;}
.s-news04wrap .item .newsfooter h5{font-size: 16px;color: #666;}
.s-news04wrap .item .newsfooter i{font-size: 20px;color: #333;border: 1px solid #333;border-radius: 50%;display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;}
.s-news04wrap .item .newsfooter::before{content: '';display: block;width: 0%;height: 100%;background: #16A1B4;position: absolute;top: 0;left: 50%;z-index: -1;transition: all .5s;opacity: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.s-news04wrap .item:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.s-news04wrap .item:hover .newsfooter{width: calc(100% - 60px);padding: 10px 30px;background-color: #16A1B4;}
.s-news04wrap .item:hover .newsfooter::before{width: 100%;opacity: 1;}
.s-news04wrap .item:hover .newsfooter h4{color: #fff;}
.s-news04wrap .item:hover .newsfooter h5{color: #fff;}
.s-news04wrap .item:hover .newsfooter i{color: #fff;border: 1px solid #fff;}



/* addresswrap */
.addresswrap{width: 100%;padding: 100px 0;background: url(../img/ny_dszzc_bj.jpg)no-repeat;background-size: cover;}
/* address-cont */
.address-cont{width: 1000px;}
.address{margin: auto;box-sizing: border-box;}
.address .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;margin-bottom: 50px;}
.address .imgbox img{display: block;width: 100%;}
.address .textmin{width: 100%;box-sizing: border-box;margin-bottom: 60px;}
.address .textmin h3{font-size: 46px;color: #16A1B4;font-weight: bold;padding-bottom: 20px;border-bottom: 1px solid #DDDDDD;margin-bottom: 20px;}
.address .textmin h4{font-size: 18px;line-height: 30px;color: #666666;margin-bottom: 20px;text-align: justify;text-indent: 36px}
.address .textmin h2{font-size: 18px;line-height: 30px;color: #666666;margin-bottom: 20px;text-align: justify;}
.address .textmin h4:last-child{margin-bottom: 0;}
.address .bot{}
.address .bot p{display: flex;display: -webkit-flex;-webkit-justify-content:flex-end;justify-content: flex-end;font-size: 18px;color: #666666;margin-bottom: 20px;}
.address .bot p img{display: block;width: auto;}

/* history01wrap */
.history01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f5f5f5;}
.history01{margin: auto;}
.history01 li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 80px;}
.history01 li:last-child{margin-bottom: 0;}
.history01 li .imgbox{width: 30%;border-radius: 20px;overflow: hidden;}
.history01 li .imgbox img{display: block;width: 100%;transition: all .6s;}
.history01 li:hover .imgbox img{transform: scale(1.1);}
.history01 li .text{width: 60%;box-sizing: border-box;padding-left: 60px;}
.history01 li .text h3{font-size: 60px;color: #16A1B4;font-weight: bold;position: relative;padding-bottom: 15px;margin-bottom: 10px;}
.history01 li .text h3:before{content: '';display: block;width: 18px;height: 18px;border-radius: 2px;background-color: #16A1B4;position: absolute;left: -60px;bottom: -9px;}
.history01 li .text h3:after{content: '';display: block;width: calc(100% + 60px);height: 1px;background-color: #16A1B4;position: absolute;left: -60px;bottom: 0;}
.history01 li .text h4{font-size: 20px;color: #666666;line-height: 30px;text-align: justify;}
.history01 li:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}

/* 公司概况 */
.aboutwrap{width: 100%;box-sizing: border-box;position: relative;padding: 120px 0;}
.about01wrap{width: 100%;box-sizing: border-box;position: relative;padding: 120px 0;background: url(../images/ny_gu_bj1.jpg)no-repeat;    background-size: 161%;}
.about01{margin: auto;}
/* about01top */
.about01top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.about01top h3{font-size: 46px;color: #16A1B4;font-weight: bold;border-top: 2px solid #16A1B4;padding-top: 20px;}
.about01top .min{width: 70%;box-sizing: border-box;}
.about01top .min h4{font-size: 18px;line-height: 30px;text-align: justify;margin-bottom: 20px;text-indent: 2em;}
.about01top .min h4:last-child{margin-bottom: 0;}
/* about01num */
.about01num{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 60px;}
.about01num .mun_top{display: flex;display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end;}
.about01num .mun_top h2{font-size: 60px;color: #16A1B4;font-weight: bold;}
.about01num .mun_top font{font-size: 22px;color: #16A1B4;text-transform: uppercase;}
.about01num p{font-size: 16px;color: #666666;margin-top: 20px;}
.about01num i{display: block;width: 1px;background-color: #16A1B4;}

/* about02wrap */
.about02wrap{width: 100%;box-sizing: border-box;position: relative;padding: 240px 0;background: url(../img/ny_gy_spfm.jpg)no-repeat fixed;background-size: cover;}
.about02wrap video{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: all .3s;}
.about{margin: auto;text-align: center;position: relative;z-index: 1;} 
.about p{font-size: 26px;color: #ffffff;margin-bottom: 30px;}
.about .h3{font-weight: bold;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.about .h3 h3{font-size: 36px;color: #ffffff;margin: 0 20px;}
.about .h3:before,.about .h3:after{content: '';display: block;width: 40px;height: 2px;background-color: #FFFFFF;}
.about02wrap:hover video{opacity: 1;}

/* about03wrap */
.about03wrap{width: 100%;padding: 130px 0;background: url(../img/ny_gu_bj2.jpg)no-repeat;background-size: cover;}
.about03{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;background-color: #FFFFFF;}
/* about03imgbox */
.about03imgbox{width: 50%;overflow: hidden;}
.about03imgbox img{display: block;width: 100%;}
.about03text{width: 50%;box-sizing: border-box;padding: 0 80px;}
.about03text h3{display: inline-block;font-size: 46px;color: #16A1B4;font-weight: bold;border-top: 2px solid #16A1B4;padding-top: 10px;}
.about03text h4{margin: 40px 0;font-size: 18px;line-height: 30px;text-align: justify;}
.more{display: block;width: 150px;height: 40px;line-height: 40px;text-align: center;background-color: #16A1B4;border: 1px solid #16A1B4;color: #FFFFFF;position: relative;z-index: 0; font-size: 16px;}
.more:before{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;z-index: -1;background-color: #FFFFFF;}
.more:hover:before{width: 100%;}
.more:hover{color: #16A1B4;}

/* about04wrap */
.about04wrap{width: 100%;padding: 170px 0;background: url(../img/ny_gu_bj3.jpg)no-repeat fixed;background-size: cover!important;}
.about04{margin: auto;}
.about04 h4{font-size: 32px;color: #ffffff;line-height: 46px;text-align: center;}

/* 企业文化 */
.culture01{text-align: center;margin: 100px auto;}
.culture01 h4{text-align: center;}
/* culture02 */
.culture02{width: 100%;box-sizing: border-box;background-color: #f5f5f5;}
.culture02item{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
/* .culture02imgbox */
.culture02imgbox{width: 50%;overflow: hidden;position: relative;}
.culture02imgbox img{display: block;width: 100%;transition: all .6s;}
/* culture02text */
.culture02text{width: 50%;position: relative;box-sizing: border-box;text-align: center;}
.culture02text:before{content: '';display: block;width: 0;height: 0;border: 20px solid transparent;border-right-color: #f5f5f5;position: absolute;left: -40px;top: 50%;margin-top: -20px;}
.culture02text h3{font-size: 40px;color: #16A1B4;margin-bottom: 20px;}
.culture02text h4{font-size: 24px;margin-bottom: 40px;}
.culture02text p{font-size: 14px;text-transform: uppercase;color: #333333;opacity: 0.5;}
.culture02text strong{display: block;width: 1px;height: 40px;background-color: #333333;opacity: 0.5;margin: 20px auto;}
.culture02text .img{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 80px;height: 80px;border: 1px dashed #16A1B4;border-radius: 50%;position: relative;margin: auto;transition: all .3s;}
.culture02text .img:before{content: '';display: block;width: 60px;height: 60px;box-sizing: border-box;border-radius: 50%;border: 1px dashed #16A1B4;position: absolute;top: 10px;left: 10px;}
.culture02text .img:after{content: '';display: block;width: 100%;height: 100%;background-color: #16A1B4;position: absolute;top: 0;left: 0;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);transition: all .3s;}
.culture02text .img img{display: block;width: auto;height: auto;max-width: 30px;max-height: 30px;}
.culture02item:hover .culture02imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.culture02item:hover .culture02text .img img{filter: brightness(1) brightness(20);position: relative;z-index: 1;}
.culture02item:hover .culture02text .img{border-color: transparent;}
.culture02item:hover .culture02text .img:after{transform: scale(1);-webkit-transform: scale(1);}
.culture02item:nth-of-type(odd){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.culture02item:nth-of-type(odd) .culture02text:before{left: initial;border-left-color: #f5f5f5;border-right-color: transparent;right: -40px;}

/* 荣誉资质 */
.honorwrap{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;background-color: #f5f5f5;}
.honor-l{width: 25%;box-sizing: border-box;padding: 120px 80px;background-color: #ebebeb;}
.h-list{width: 100%;border: 1px solid #DDDDDD;}
.h-list a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;width: 100%;padding: 0 50px;height: 70px;-webkit-align-items: center;align-items: center;font-size: 20px;color: #333333;background-color: #FFFFFF;border-bottom: 1px solid #DDDDDD;}
.h-list a:last-child{border: none;}
.h-list a img{display: block;width: auto;height: 24px;}
.h-list a:hover,.h-list a.active{background-color: #16A1B4;color: #FFFFFF;}
/* honor-r */
.honor-r{width: 75%;box-sizing: border-box;padding: 120px 90px;}
/* honormin */
.honormin{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.honormin a{display: block;width: calc((100% - 100px)/3);margin-right: 50px;background-color: #ffffff;border: 1px solid #DDDDDD;margin-bottom: 40px;box-sizing: border-box;}
.honormin a:nth-of-type(3n){margin-right: 0;}
.honormin a .imgbox{width: 100%;box-sizing: border-box;padding: 40px;overflow: hidden;}
.honormin a .imgbox img{display: block;width: 100%;transition: all .6s;}
.honormin a:hover .imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.honormin a .text{width: 100%;box-sizing: border-box;padding: 30px 40px;border-top: 1px solid #DDDDDD;}
.honormin a .text h3{font-size: 20px;color: #333333;margin-bottom: 20px;text-align: center;    height: 36px;}
.honormin a .text font{display: block;width: 230px;height: 40px;line-height: 40px;font-size: 14px;color: #333333;background-color: #efefef;border: none;margin: auto;border-radius: 4px;max-width: 100%;}
.honormin a .text font i{font-size: inherit;color: inherit;margin-left: 10px;}
.honormin a .text font:before{background-color: #16A1B4;}
.honormin a .text font:hover{color: #ffffff;}



.dowmin a,.dowmin a:nth-of-type(3n){width: 23.5%;margin: 0 2% 2% 0;}
.dowmin a:nth-of-type(4n){margin: 0 0 2% 0;}
.dowmin a .text{ background: #eef0f7;}
.dowmin a .text h4{ color: #04bbad;font-size: 24px;}
.dowmin a:hover .text{ background: #04bbad;}
.dowmin a:hover .text h4{ color: #fff; }
 


/* 联系我们 */
.contact01wrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;padding: 65px 0;}
.contact01wrap .contact01 h2{font-size: 40px;color: #16A1B4;font-weight: bold;margin-bottom: 40px;}
.contact01wrap .contact01 .content{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;align-items: center;-webkit-align-items: center;}
.contact01wrap .contact01 .content .left{width: 50%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.contact01wrap .contact01 .content .left .item{width: 100%;border-bottom: 1px solid #ddd;padding: 30px 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center; -webkit-align-items: center;}
.contact01wrap .contact01 .content .left .item:last-child{border: 0;}
.contact01wrap .contact01 .content .left .item .text h3{font-size: 28px;font-weight: bold;color: #333;margin-bottom: 20px;}
.contact01wrap .contact01 .content .left .item .text h4{font-size: 18px;color: #666;line-height: 26px;}
.contact01wrap .contact01 .content .left .item .vx{text-align: center;}
.contact01wrap .contact01 .content .left .item .vx img{display: block;width: 100px;height: 100px;padding: 5px;border: 1px solid #ddd;}
.contact01wrap .contact01 .content .left .item .vx h4{font-size: 16px;color: #666;margin-top: 6px;}
.contact01wrap .contact01 .content .right{width: 40%;overflow: hidden;}
.contact01wrap .contact01 .content .right #allmap{width: 100%;height: 400px;overflow: hidden;margin: 0;}

.contact02wrap{width: 100%;padding: 90px 0;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;background: url(/style/img/ny_lxwl_bj_01.jpg) no-repeat center;background-size: cover;}
.contact02wrap .contact02{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.contact02wrap .contact02 h2{width: 100%;font-size: 40px;color: #16A1B4;font-weight: bold;margin-bottom: 40px;}
.contact02wrap .contact02 .item{width: 31%;margin-bottom: 20px;margin-left: 3.5%;}
.contact02wrap .contact02 .item:nth-child(3n+2){margin-left: 0;}
.contact02wrap .contact02 .item .title{display: flex;display: -webkit-flex;margin-bottom: 10px;}
.contact02wrap .contact02 .item .title p{font-size: 12px;color: red;}
.contact02wrap .contact02 .item .title h3{font-size: 18px;color: #333;}
.contact02wrap .contact02 .item input{width: calc(100% - 12px);height: 48px;border: 1px solid #ddd;border-radius: 5px;outline: medium;padding-left: 10px;opacity: .6;}
.contact02wrap .contact02 .bigitem{width: 100%;margin-left: 0;}
.contact02wrap .contact02 .bigitem input{width: calc(100% - 12px);}
.contact02wrap .contact02 .bigitem textarea{width: calc(100% - 12px);height: 98px;opacity: .6;border: 1px solid #ddd;border-radius: 5px;resize: none;outline: medium;padding-left: 10px;}
.contact02wrap .contact02 .agree{width: 100%;margin-bottom: 40px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.contact02wrap .contact02 .agree input{opacity: .6;margin-right: 10px;outline: medium;}
.contact02wrap .contact02 .agree label{font-size: 12px;}
.contact02wrap .contact02 .submitwrap{width: 100%;}
.contact02wrap .contact02 .submitwrap .submit{width: 160px;height: 44px;color: #fff;background-color: #16A1B4;cursor: pointer;border: 0;font-size: 18px;}
.contact02wrap .contact02 .submitwrap .submit:hover{opacity: .8;}

.contact03wrap{width: 100%;padding: 100px 0;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;background: url(/style/img/ny_lxwl_bj_02.jpg) no-repeat fixed;background-size: cover;}
.contact03wrap .contact03{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;align-items: center;-webkit-align-items: center;}
.contact03wrap .contact03 .title h2{font-size: 40px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.contact03wrap .contact03 .title h3{font-size: 28px;color: #fff;}
.contact03wrap .contact03 a{font-size: 30px;color: #fff;}
.contact03wrap .contact03 i{font-size: 30px;color: #fff;margin-left: 10px;transition: all .5s;}
.contact03wrap .contact03 a:hover{opacity: .8;}
.contact03wrap .contact03 a:hover i{padding-left: 20px;}


.page-solutionslisttop{display: block;overflow: hidden;margin: 0 auto 100px;}
.page-solutionslisttop a{ display: block; overflow: hidden;}
.page-solutionslisttop a p{display: block; overflow: hidden;}
.page-solutionslisttop a p img{display: block; width: 100%;transition: all .3s;}
.page-solutionslisttop a .txt{}
.page-solutionslisttop a .txt h3{ position: relative;display: block;overflow: hidden;margin: 20px 0;}
.page-solutionslisttop a .txt h3 span{ float: left;display: block;text-align: left;color:#16A1B4;font-weight: bold;font-size: 36px;}
.page-solutionslisttop a .txt h3 font{float: left;display: block;width: 100%;height: 1px;background: #ddd;margin: 20px 0 0 0;}
.page-solutionslisttop a .txt h3 .more{float: right;}
.page-solutionslisttop a .txt h3:before{ content: "";position: absolute;width: 80px;height: 6px;background: #16A1B4;bottom: 0;left: 0;}
.page-solutionslisttop a .txt h4{ display: block;color: #666;font-size: 16px;line-height: 26px;}
.page-solutionslisttop a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }



.page-solutionslistbottom{ display: block;overflow: hidden;padding: 0;}
.page-solutionslistbottom dd{ padding: 80px 0; display: block;overflow: hidden;background: #fff;}
.page-solutionslistbottom dd:nth-child(2n){background:  #f5f5f5;}
.page-solutionslistbottom dd a{margin: 0 auto;display: block;position: relative;overflow: hidden;}
.page-solutionslistbottom dd a p{display: block;width: 50%;margin: 0 0 0 0;overflow: hidden;}
.page-solutionslistbottom dd a .txt{ position: absolute;top: 50%;left: 55%;width: 45%;transform: translate(0%, -50%);}
.page-solutionslistbottom dd a .txt h3 span{ color:#333;}
.page-solutionslistbottom dd a .txt .more{ margin: 40px 0 0 0;}
.page-solutionslistbottom dd:nth-child(2n) p{    margin: 0 0 0 50%;}
.page-solutionslistbottom dd:nth-child(2n) .txt{right: 0%;left:0}
.page-solutionslistbottom dd a:hover .txt h3 span{color:#16A1B4;}

.pagesoultionsbanner{ display: block; overflow: hidden;}
.pagesoultionsbanner img{ display: block; width:100%;}



@media only screen and (max-width: 1600px){
    .innerbanner .fxd{top: 0 !important;height: auto;z-index:9;bottom: auto;}

    .innerbanner{margin-top: 0;height: calc(100% - 0);}
    .i-cont{width: 1160px;}
    .f-cont{width: 960px;}
    .procatlist h3{font-size: 36px;}
    .procatlist .list a dd span{font-size: 26px;}
    .proallsocas{padding: 100px 0;}
    
    .prolistpage .right .a .text{ padding: 20px; }
    .prolistpage .right .a .imgbox .sy_logo{ height: 15px;top: 5px;left: 5px;}
    .prolistpage .right .a{ margin: 0 1% 1% 0;    width: calc(24.25% - 2px); }
    .prolistpage .right .a .text h4 .toa{ width:60px;height: 20px;  line-height: 20px;}
    .prolistpage .right .a .text h4 .topdf strong{    font-size: 12px;line-height: 20px;}
    .prolistpage .right .a .text h4 .topdf img{ height: 15px; }
    .prolistpage .right{ padding: 100px 80px; width: calc(75% - 160px);}
    .prolistpage .right .a .text h3{font-size:18px;}
    .prolistpage .left{padding: 100px 0px 100px 60px;width: calc(25% - 60px);}
    .proallsocas{padding: 100px 0;}
}

@media only screen and (min-width: 750px) and (max-width: 1000px){

    .pc-1200px {display: none;}     


    
    /* 导航栏 */
 
    .header .drawer-hamburger {display: block;  width: 100px; height: 100px; background-color: rgb(24, 177, 164);  padding: 0px; top: 0px;   z-index: 3; right: 0px!important;}     
    .header  .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {   width: 59%; margin: auto;}

    .drawer-hamburger-icon{margin-top: 0px;}
    .drawer--right.drawer-open .drawer-nav { top: 79px!important; width: 300px;}
    .header   .drawer-nav .drawer-menu .drawer-menu { margin: 0; padding: 0; list-style: none; height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; top: -121px; }    
    .drawer--right.drawer-open .drawer-nav { background: #fcfcfc; right: 0; height: 100%!important;}   
    .drawer--right.drawer-open .drawer-nav .drawer-menu  { height: 100%!important; position: relative;}
    .drawer--right.drawer-open .drawer-nav .drawer-menu .drawer-menu-item { width: 80%;  line-height: 20px; display: flex; justify-content: space-between; align-items: center; width: 71%; }
    .drawer--right.drawer-open .drawer-nav .drawer-menu .drawer-menu-item:hover { color:rgb(24, 177, 164); }
    .drawer--right .drawer-dropdown-menu { width: 92%; margin: auto;}
    

    .h-top { width: 100%; display: none;}
    .header { height: auto; width: 100%; }
    /* .nav {display: none;} */
    .h-r{display: none;}
    .header .drawer-hamburger {display: block;}

    .header .drawer-hamburger-icon{width: 50%;background-color: white}
  .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {width: 100%;background-color: white!important;}
  .drawer-open .drawer-hamburger-icon { background-color: transparent!important; }
  .div2_1 .h-l .logo img { height: 80px; }
  .h-l { padding-left: 2%;}


  .i-cont { width: 94%; }




  /* 底部 */
  .f-navwrap {display: none;}
  .copyright { height: 80px; width: 100%; flex-direction: column-reverse; }
  .copyrightwrap { padding: 40px 0; }
  .f-fx { margin-bottom: 15px; }
/* .bannerwrap */
  .bannerwrap { margin-top: 100px;}
  .b-text h3 { font-size: 30px; }
  .b-text h4 { font-size: 20px; }
  .b-text p, .b-text a, .nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a span { font-size: 14px; }
  







  
  /* .index01 */
  .index01{width: 100%;display: block;}
  .index01-l {width: 100%; }
  .index01-r {    width: 94%; margin: auto;margin-top: 20px;}
  .index01-r .link a { padding: 14px 0;}

  
  /*.index02 */

  .index02 {width: 100%;}
  .index02-tab a {font-size: 20px;}
  .index02list .tomore { padding-right: 20px; }

/*  .index03  */
  .index03 { width: 94%; }
  .i03-top h3 { font-size: 24px; }
  .i03textinfo { font-size: 16px; line-height: 28px; }
  .i03num { margin-top: 50px; padding: 0 10px; }
  .i03num li h2 { font-size: 46px; }
  .i03num li p { font-size: 16px;}
  .i03num li .mun_top font { font-size: 43px; }

/* .i04-top  */
  .i04-top p { font-size: 24px; }
  .index04wrap { width: 94%; }

  .index05wrap { background-attachment: initial; }
  /* .f-lx   */
  .f-lx {width: 94%; align-items: center;}
  .f-lx .text .h3 {font-size: 40px;}
  .f-lx .text .h3 font {font-size: 28px;}
  .f-lx .text h4 {font-size: 28px;}
  .f-lx .text p {font-size: 14px;}
  .f-lx .ewm img {    height: 140px;}
  .f-lx .ewm p {    font-size: 14px; }


/* .innerbanner1 */
  .innerbanner1 { margin-top: 100px; }
  .inner-text1 h3 { font-size: 50px;}
  .inner-text1 p { font-size: 26px; }
  .procatlist h3 { font-size: 30px; }
  .procatlist .list a dd span { font-size: 24px; }
  .procatlist .list a dd font { font-size: 16px;}


  /*  .innerbanner */
  .innerbanner { margin-top: 100px; }
  .inner-text h3 { font-size: 50px; }
  .inner-text h3 { margin-bottom: 10px; }
  .inner-text h3 { font-size: 50px; }
  .inner-text p { font-size: 24px; }


  
  /*   .mbx  */
  .mbx a { font-size: 16px; line-height: 80px; }
  .mbx i { margin: 0 10px; }


  /* .about01num  */
  .about01num { margin-top: 0px; }
  .about01num .mun_top h2 { font-size: 36px; }
  .about p { font-size: 22px; }
  .about .h3 h3 { font-size: 30px; }
  .about03text h3 { font-size: 34px; }
  .about03text h4 { margin: 24px 0; }
  .more { font-size: 14px; }
  .innerbanner .fxd { top: 0 !important; }
  .about01wrap {     padding: 66px 0; }
  .about01top h3 { font-size: 34px; }
  .about01top .min { width: 73%; }
  .about01top { margin-bottom: 20px; }
  .about03text { padding: 44px 51px; }
  .about04 h4 { font-size: 22px; line-height: 40px; }
  .about04wrap { background-attachment: initial!important; }
  .about02wrap { background-attachment: initial; }

  /*   .history01 */
  .history01 li .text h3 { font-size: 40px; }
  .history01 li .text h4 { font-size: 16px; line-height: 26px; }
  .history01 li .text h3:before { width: 10px; height: 10px; bottom: -4px; }

/* .address-cont  */
  .address-cont {width: 100%;}
  .addresswrap { padding: 50px 0; }
  .address .imgbox { margin: auto; width: 94%; margin-bottom: 50px; }
  .address .textmin { margin: auto; width: 94%; margin-bottom: 30px; }
  .address .bot { width: 94%; margin: auto; }
  .address .textmin h3 { font-size: 32px; }
  .address .textmin h2 { font-size: 18px; }
  .address .textmin h4 { font-size: 16px; line-height: 26px; margin-bottom: 10px;}


/*   .f-lx */
  .f-lx { padding: 50px 0; }


/*   .culture01 */
  .culture01 { text-align: center; margin: 30px auto; }
  .culture02text { padding: 40px 0; }
  .culture02item { width: 94%; margin: auto; }
  .culture02text h3 { font-size: 26px; }
  .culture02text h4 { font-size: 18px; margin-bottom: 20px; }
  .culture02text .img { width: 60px; height: 60px;}
  .culture02text .img:before { top: 5px; left: 5px; }


  /*  .honor-l */
.honor-l { padding: 50px 8px; }

.h-list a {    padding: 0 20px; height: 60px; font-size: 18px; width: 100%;}
.honormin { justify-content: space-between; }
.honormin a { width: 48%; margin-right: 0px; }
.honormin a .text h3 { font-size: 16px; }


/*  .news01wrap */
.news01wrap .news01 .item .imgbox img { object-fit: cover; }
.news01wrap .news01 .item { width: 100%; margin-left: 0px;}
.news01wrap .news01 .item {    margin-bottom: 50px; }
.news01wrap .news01 .item h2 { margin-top: 20px; }
.news01wrap .news01 .item .footer { margin-top: 10px;}



.news01wrap .news01 { justify-content: space-between; }
.news01wrap .news01 .item { width: 48%; }

/* .join01gw */
.join01gw .text h3 { font-size: 26px; }
.join01gw .text .yq p { font-size: 14px;}
.join01gw .more { width: 140px; height: 30px; line-height: 30px;}


/* .contact03wrap */
.contact03wrap { background-attachment: initial; }
.contact01wrap .contact01 h2 { font-size: 28px; margin-bottom: 20px; }
.contact01wrap .contact01 .content .left .item .text h3 { font-size: 20px; margin-bottom: 10px; }
.contact01wrap .contact01 .content .left .item .text h4 { font-size: 14px; line-height: 26px; }
.contact02wrap { padding: 50px 0; }

.contact02wrap .contact02 h2 { font-size: 30px; margin-bottom: 20px; }
.contact02wrap .contact02 .item .title h3 { font-size: 16px; }
.contact02wrap .contact02 .submitwrap .submit { width: 140px; height: 38px; font-size: 16px; }
.contact03wrap .contact03 .title h2 { font-size: 24px; }
.contact03wrap .contact03 .title h3 { font-size: 22px; }
.contact03wrap .contact03 a { font-size: 28px; }

/* .pagesoultionsbannertxt */
.pagesoultionsbannertxt h3 span { font-size: 30px; }
.pagesoultionsbannertxt h4 { margin: 20px auto 0; font-size: 16px; line-height: 28px;    padding: 10px 0; }
.page-solutionslisttop a .txt h3 span { font-size: 30px; }
.more { width: 140px; height: 30px; line-height: 30px;}
.page-solutionslisttop a .txt h4 { font-size: 14px; line-height: 26px; }
.page-solutionslisttop { margin: 50px auto; }
.page-solutionstxt { padding: 70px 0; }
.page-solutionslistbottom dd a { padding: 40px 0; }
.page-solutionslistbottom dd { padding: 50px 0; }
.page-solutionstxt { margin-top: 100px;}
.page-solutionslisttop a .txt h3 { margin: 30px 0; }
.procatlist .list { display: flex; flex-flow: wrap; justify-content: space-between; }
.procatlist .list a { display: block; overflow: hidden; float: left; width: 49%; margin: 0 0% 2% 0; }
.procatlist .list a dd { padding: 30px; }
.procatlist { padding: 50px 0;}



/*.proallserver  */
.proallserver dl a dd span { font-size: 26px; }
.proallserver dl a dd font { font-size: 16px; }
.proallserver h3 { font-size: 30px; }


/*  .pagesoultionstit */
.pagesoultionstit { font-size: 30px; }
.proallsocas { padding: 50px 0; }
.pagesoultionscase .caselist a dd h3 { font-size: 22px; margin: 0 0 10px 0; }
.proallsocas .caselist a dd font { font-size: 14px; margin: 0 0 20px 0; }

/*.pageserverlist  */
.pageserverlist a dd { padding: 30px; }
.pageserverlist a dd h3, .pageserverright h3 span { font-size: 24px; }
.pageserverlist a dd h4 { font-size: 14px; margin: 10px 0; line-height: 24px; }
.pageserverlist a { margin: 0 0% 2% 0; width: 49%; }
.pageserverlist { display: flex; flex-flow: wrap; justify-content: space-between; }
.pageserverlist { margin: 50px auto; }




/*.proshowtop  */
.proshowtop .right h3 { font-size: 30px; }
.proshowtop .right h3 { margin: 0 0 20px 0; }
.proshowtop .right h4 { font-size: 16px; line-height: 28px; }
.proshowtxt p, .proshowtxt span { font-size: 16px; line-height: 32px; }
.proshowdow a span { font-size: 16px; }
.proshowdow a font { font-size: 14px; }
.proshowdow a .fa { font-size: 16px; }
.proshowsolutions .swiper-slide a .text h3 {    font-size: 26px;  margin: 0 0 10px 0;}
.proshowsolutions .swiper-slide a .text h4 {line-height: 28px; font-size: 14px;}

.proshowsolutions .swiper-container03 .swiper-slide .a .text { padding: 30px; }
.proshowsolutions .swiper-container03 .swiper-slide .a .text h3 { font-size: 22px; margin: 0 0 20px 0; }
.pagesoultionsbannertxt { padding: 50px 0; }
.pagesoultionsprolistgk { margin: 0 0 0px 0; padding: 50px 0; }
.pagesoultionsprolist { background: #f1f1f1; padding: 50px 0; margin: 0px 0; top: -65px; position: relative;}
.proshowsolutions .swiper-slide a .text { padding: 30px; }
.pagesoultionscase .caselist a { width: 100%;}





/* .s-news01wrap */
.s-news01wrap { padding: 50px 0; }
.s-news01wrap h2 { font-size: 26px; }
.s-news01wrap  .s-news01{width: 94%;}


.f-cont {     width: 94%; margin: auto; }

.s-news02wrap .s-news02 .share { width: 24%; }
.s-news02wrap { padding: 50px 0; }
.s-news02wrap .s-news02 .text p, .s-news02wrap .s-news02 .text span, .s-news02wrap .s-news02 .text strong { margin-top: 10px  ;  line-height: 28px;;}
.s-news02wrap .s-news02 section {font-size: 16px; margin-top: 10px; line-height: 28px;}
.s-news04wrap .item { width: 50%; }

.s-news-innerwrap { margin-top: 110px; }
/* .download01-right */
.download01-right .news01content .show .item .imgbox { width: 8%; }
.download01wrap .download01-left .tt { left: 48%; }
.download01-right .news01content .show .item .text { width: 70%; }
.download01-right .news01content .show .item {display: flex; justify-content: space-between;}





.dowmin a .text { padding: 18px; }
.honormin a:nth-of-type(3n) { margin-right: 2%;    width: 49%; }
.honormin a:nth-of-type(2n) {margin-right: 0px;}
.honormin a:nth-of-type(2n) {width: 49%;}



}



@media only screen and (min-width: 956px) and (max-width: 1268px){

  .pc-1200px {display: none;}     


    
  /* 导航栏 */

  .header .drawer-hamburger {display: block;  width: 100px; height: 100px; background-color: rgb(24, 177, 164);  padding: 0px; top: 0px;   z-index: 3; right: 0px!important;}     
  .header  .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {   width: 59%; margin: auto;}

  .drawer-hamburger-icon{margin-top: 0px;}
  .drawer--right.drawer-open .drawer-nav { top: 79px!important; width: 300px;}
  .header   .drawer-nav .drawer-menu .drawer-menu { margin: 0; padding: 0; list-style: none; height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; top: -121px; }    
  .drawer--right.drawer-open .drawer-nav { background: #fcfcfc; right: 0; height: 100%!important;}   
  .drawer--right.drawer-open .drawer-nav .drawer-menu  { height: 100%!important; position: relative;}
  .drawer--right.drawer-open .drawer-nav .drawer-menu .drawer-menu-item { width: 80%;  line-height: 20px; display: flex; justify-content: space-between; align-items: center; width: 71%; }
  .drawer--right.drawer-open .drawer-nav .drawer-menu .drawer-menu-item:hover { color:rgb(24, 177, 164); }
  .drawer--right .drawer-dropdown-menu { width: 92%; margin: auto;}
  

  .h-top { width: 100%; display: none;}
  .header { height: auto; width: 100%; }
  /* .nav {display: none;} */
  .h-r{display: none;}
  .header .drawer-hamburger {display: block;}

  .header .drawer-hamburger-icon{width: 50%;background-color: white}
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {width: 100%;background-color: white!important;}
.drawer-open .drawer-hamburger-icon { background-color: transparent!important; }
.div2_1 .h-l .logo img { height: 80px; }
.h-l { padding-left: 2%;}


.i-cont { width: 94%; }

/* 底部 */
.f-navwrap {display: none;}
.copyright { height: 80px; width: 100%; flex-direction: column-reverse; }
.copyrightwrap { padding: 40px 0; }
.f-fx { margin-bottom: 15px; }

/* .bannerwrap */
.bannerwrap { margin-top: 100px;}
.b-text h3 { font-size: 30px; }
.b-text h4 { font-size: 20px; }
.b-text p, .b-text a, .nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a span { font-size: 14px; }


/* .index01 */
.index01{width: 100%;display: block;}
.index01-l {width: 100%; }
.index01-r {    width: 94%; margin: auto;margin-top: 20px;}
.index01-r .link a { padding: 14px 0;}






/*.index02 */

.index02 {width: 100%;}
.index02-tab a {font-size: 20px;}

/*  .index03  */
.index03 { width: 94%; }
.i03-top h3 { font-size: 24px; }
.i03textinfo { font-size: 16px; line-height: 28px; }
.i03num { margin-top: 50px; padding: 0 10px; }
.i03num li h2 { font-size: 46px; }
.i03num li p { font-size: 16px;}
.i03num li .mun_top font { font-size: 43px; }

/* .i04-top  */
.i04-top p { font-size: 24px; }
.index04wrap { width: 94%; }
.index05wrap { background-attachment: initial; }


/* .f-lx   */
.f-lx {width: 94%; align-items: center;}
.f-lx .text .h3 {font-size: 40px;}
.f-lx .text .h3 font {font-size: 28px;}
.f-lx .text h4 {font-size: 28px;}
.f-lx .text p {font-size: 14px;}
.f-lx .ewm img {    height: 140px;}
.f-lx .ewm p {    font-size: 14px; }


/* .innerbanner1 */
.innerbanner1 { margin-top: 100px; }
.inner-text1 h3 { font-size: 50px;}
.inner-text1 p { font-size: 26px; }
.procatlist h3 { font-size: 30px; }
.procatlist .list a dd span { font-size: 24px; }
.procatlist .list a dd font { font-size: 16px;}


/*  .innerbanner */
.innerbanner { margin-top: 100px; }
.inner-text h3 { font-size: 50px; }
.inner-text h3 { margin-bottom: 10px; }
.inner-text h3 { font-size: 50px; }
.inner-text p { font-size: 24px; }



/*   .mbx  */
.mbx a { font-size: 16px; line-height: 80px; }
.mbx i { margin: 0 10px; }


/* .about01num  */
.about01num { margin-top: 0px; }
.about01num .mun_top h2 { font-size: 36px; }
.about p { font-size: 22px; }
.about .h3 h3 { font-size: 30px; }
.about03text h3 { font-size: 34px; }
.about03text h4 { margin: 24px 0; }
.more { font-size: 14px; }
.innerbanner .fxd { top: 0 !important; }
.about01wrap {     padding: 66px 0; }
.about01top h3 { font-size: 34px; }
.about01top .min { width: 73%; }
.about01top { margin-bottom: 20px; }
.about03text { padding: 44px 51px; }
.about04 h4 { font-size: 22px; line-height: 40px; }
.about04wrap { background-attachment: initial!important; }
.about02wrap { background-attachment: initial; }


/*   .history01 */
.history01 li .text h3 { font-size: 40px; }
.history01 li .text h4 { font-size: 16px; line-height: 26px; }
.history01 li .text h3:before { width: 10px; height: 10px; bottom: -4px; }

/* .address-cont  */
.address-cont {width: 100%;}
.addresswrap { padding: 50px 0; }
.address .imgbox { margin: auto; width: 94%; margin-bottom: 50px; }
.address .textmin { margin: auto; width: 94%; margin-bottom: 30px; }
.address .bot { width: 94%; margin: auto; }
.address .textmin h3 { font-size: 32px; }
.address .textmin h2 { font-size: 18px; }
.address .textmin h4 { font-size: 16px; line-height: 26px; margin-bottom: 10px;}


/*   .f-lx */
.f-lx { padding: 50px 0; }


/*   .culture01 */
.culture01 { text-align: center; margin: 30px auto; }
.culture02text { padding: 40px 0; }
.culture02item { width: 94%; margin: auto; }
.culture02text h3 { font-size: 26px; }
.culture02text h4 { font-size: 18px; margin-bottom: 20px; }
.culture02text .img { width: 60px; height: 60px;}
.culture02text .img:before { top: 5px; left: 5px; }


/*  .honor-l */
.honor-l { padding: 50px 8px; }

.h-list a {    padding: 0 20px; height: 60px; font-size: 18px; width: 100%;}
.honormin { justify-content: space-between; }
.honormin a { width: 48%; margin-right: 0px; }
.honormin a .text h3 { font-size: 16px; }


/*  .news01wrap */
.news01wrap .news01 .item .imgbox img { object-fit: cover; }
.news01wrap .news01 .item { width: 100%; margin-left: 0px;}
.news01wrap .news01 .item {    margin-bottom: 50px; }
.news01wrap .news01 .item h2 { margin-top: 20px; font-size: 19px;}
.news01wrap .news01 .item .footer { margin-top: 10px;}



.news01wrap .news01 { justify-content: space-between; }
.news01wrap .news01 .item { width: 48%; }

/* .join01gw */
.join01gw .text h3 { font-size: 26px; }
.join01gw .text .yq p { font-size: 14px;}
.join01gw .more { width: 140px; height: 30px; line-height: 30px;}


/* .contact03wrap */
.contact03wrap { background-attachment: initial; }
.contact01wrap .contact01 h2 { font-size: 28px; margin-bottom: 20px; }
.contact01wrap .contact01 .content .left .item .text h3 { font-size: 20px; margin-bottom: 10px; }
.contact01wrap .contact01 .content .left .item .text h4 { font-size: 14px; line-height: 26px; }
.contact02wrap { padding: 50px 0; }

.contact02wrap .contact02 h2 { font-size: 30px; margin-bottom: 20px; }
.contact02wrap .contact02 .item .title h3 { font-size: 16px; }
.contact02wrap .contact02 .submitwrap .submit { width: 140px; height: 38px; font-size: 16px; }
.contact03wrap .contact03 .title h2 { font-size: 24px; }
.contact03wrap .contact03 .title h3 { font-size: 22px; }
.contact03wrap .contact03 a { font-size: 28px; }

/* .pagesoultionsbannertxt */
.pagesoultionsbannertxt h3 span { font-size: 30px; }
.pagesoultionsbannertxt h4 { margin: 20px auto 0; font-size: 16px; line-height: 28px;    padding: 10px 0; }
.page-solutionslisttop a .txt h3 span { font-size: 30px; }
.more { width: 140px; height: 30px; line-height: 30px;}
.page-solutionslisttop a .txt h4 { font-size: 14px; line-height: 26px; }
.page-solutionslisttop { margin: 50px auto; }
.page-solutionstxt { padding: 70px 0; }
.page-solutionslistbottom dd a { padding: 40px 0; }
.page-solutionslistbottom dd { padding: 50px 0; }
.page-solutionstxt { margin-top: 100px;}
.page-solutionslisttop a .txt h3 { margin: 30px 0; }
.procatlist .list { display: flex; flex-flow: wrap; justify-content: space-between; }
.procatlist .list a { display: block; overflow: hidden; float: left; width: 49%; margin: 0 0% 2% 0; }
.procatlist .list a dd { padding: 30px; }
.procatlist { padding: 50px 0;}



/*.proallserver  */
.proallserver dl a dd span { font-size: 26px; }
.proallserver dl a dd font { font-size: 16px; }
.proallserver h3 { font-size: 30px; }


/*  .pagesoultionstit */
.pagesoultionstit { font-size: 30px; }
.proallsocas { padding: 50px 0; }
.pagesoultionscase .caselist a dd h3 { font-size: 22px; margin: 0 0 10px 0; }
.proallsocas .caselist a dd font { font-size: 14px; margin: 0 0 20px 0; }

/*.pageserverlist  */
.pageserverlist a dd { padding: 30px; }
.pageserverlist a dd h3, .pageserverright h3 span { font-size: 24px; }
.pageserverlist a dd h4 { font-size: 14px; margin: 10px 0; line-height: 24px; }
.pageserverlist a { margin: 0 0% 2% 0; width: 49%; }
.pageserverlist { display: flex; flex-flow: wrap; justify-content: space-between; }
.pageserverlist { margin: 50px auto; }




/*.proshowtop  */
.proshowtop .right h3 { font-size: 30px; }
.proshowtop .right h3 { margin: 0 0 20px 0; }
.proshowtop .right h4 { font-size: 16px; line-height: 28px; }
.proshowtxt p, .proshowtxt span { font-size: 16px; line-height: 32px; }
.proshowdow a span { font-size: 16px; }
.proshowdow a font { font-size: 14px; }
.proshowdow a .fa { font-size: 16px; }
.proshowsolutions .swiper-slide a .text h3 {    font-size: 26px;  margin: 0 0 10px 0;}
.proshowsolutions .swiper-slide a .text h4 {line-height: 28px; font-size: 14px;}

.proshowsolutions .swiper-container03 .swiper-slide .a .text { padding: 30px; }
.proshowsolutions .swiper-container03 .swiper-slide .a .text h3 { font-size: 22px; margin: 0 0 20px 0; }
.pagesoultionsbannertxt { padding: 50px 0; }
.pagesoultionsprolistgk { margin: 0 0 0px 0; padding: 50px 0; }
.pagesoultionsprolist { background: #f1f1f1; padding: 50px 0; margin: 0px 0; top: -65px; position: relative;}
.proshowsolutions .swiper-slide a .text { padding: 30px; }
.pagesoultionscase .caselist a { width: 100%;}





/* .s-news01wrap */
.s-news01wrap { padding: 50px 0; }
.s-news01wrap h2 { font-size: 26px; }
.s-news01wrap  .s-news01{width: 94%;}
.s-news-innerwrap { margin-top: 110px; }

.f-cont {     width: 94%; margin: auto; }

.s-news02wrap .s-news02 .share { width: 24%; }
.s-news02wrap { padding: 50px 0; }
.s-news02wrap .s-news02 .text p, .s-news02wrap .s-news02 .text span, .s-news02wrap .s-news02 .text strong { margin-top: 10px  ;  line-height: 28px;;}
.s-news02wrap .s-news02 section {font-size: 16px; margin-top: 10px; line-height: 28px;}
.s-news04wrap .item { width: 50%; }



/* .download01-right */
.download01-right .news01content .show .item .imgbox { width:5%; }
.download01wrap .download01-left .tt { left: 48%; }
.download01-right .news01content .show .item .text { width: 70%; }
.download01-right .news01content .show .item {display: flex; justify-content: space-between;}


.dowmin a .text { padding: 18px; }
.honormin a:nth-of-type(3n) { margin-right: 2%;    width: 49%; }
.honormin a:nth-of-type(2n) {margin-right: 0px;}
.honormin a:nth-of-type(2n) {width: 49%;}


}







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




  .pc-1200px {display: none;}     

.banner007 {display: block;width: 100%;height: 100%;object-fit: cover;}
.bannerwrap video  {display: none;}
.bannerwrap:before {display: none;}
.index03wrap:before {display: none;}
.index03wrap .bgvideo { display: none;}

.about02wrap video { display: none;}
    
  /* 导航栏 */

  .header .drawer-hamburger {display: block;  width: 60px; height:60px; background-color: rgb(24, 177, 164);  padding: 0px; top: 0px;   z-index: 3; right: 0px!important;}     
  .header  .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {   width: 59%; margin: auto;}

  .drawer-hamburger-icon{margin-top: 0px;}
  .drawer--right.drawer-open .drawer-nav { top: 60px!important; width: 230px;}
  .header   .drawer-nav .drawer-menu .drawer-menu { margin: 0; padding: 0; list-style: none; height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; top: -121px; }    
  .drawer--right.drawer-open .drawer-nav { background: #fcfcfc; right: 0; height: 100%!important;}   
  .drawer--right.drawer-open .drawer-nav .drawer-menu  { height: 100%!important; position: relative;}
  .drawer--right.drawer-open .drawer-nav .drawer-menu .drawer-menu-item { width: 80%;  line-height: 20px; display: flex; justify-content: space-between; align-items: center; width: 71%; }
  .drawer--right.drawer-open .drawer-nav .drawer-menu .drawer-menu-item:hover { color:rgb(24, 177, 164); }
  .drawer--right .drawer-dropdown-menu { width: 92%; margin: auto;}
  

  .h-top { width: 100%; display: none;}
  .header { height: 54px; width: 100%; }
  .nav {display: none;}
  .h-r{display: none;}
  .header .drawer-hamburger {display: block;}

  .header .drawer-hamburger-icon{width: 50%;background-color: white}
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {width: 100%;background-color: white!important;}
.drawer-open .drawer-hamburger-icon { background-color: transparent!important; }
.div2_1 .h-l .logo img { height: 80px; }
.h-l { padding-left: 2%;}


.i-cont {     width: 100%; }
.h-l .logo img {     width: 147px;}

/* 底部 */
.f-navwrap {display: none;}
.copyright {  width: 100%; flex-direction: column-reverse;     height: auto;}
.copyrightwrap {padding: 20px 0;}
.f-fx { margin-bottom: 15px; }
/* .bannerwrap */
.bannerwrap {    margin-top: 60px;    height: calc(100% - 60px);}
.b-text h3 {     font-size: 26px; margin: 20px auto 20px;}
.b-text h4 {    font-size: 16px;}
.b-text p, .b-text a, .nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a span { font-size: 14px;    margin-top: 20px;}
.f-fx .info a { width: 30px; height: 30px; font-size: 14px; }
.b-text p:before, .b-text p:after {     width: 32px;}
.copyright h3 {   flex-direction: column; width: 94%; margin: auto; text-align: center; flex-flow: wrap; justify-content: center;}
.copyright h3 a:nth-of-type(1) {margin-left: 0px;    width: 152px;}
.copyright h3 a {margin-top: 10px;margin-left: 0px;    width: 103px;}



/* .index01 */
.index01{width: 100%;display: block;}
.index01-l {  width: 94%; padding: 0px; margin: auto;}
.index01-r {    width: 94%; margin: auto;margin-top: 20px;}
.index01-r .link a { padding: 14px 0;}
.i01swiper a .text font { font-size: 16px;    margin-bottom: 6px; }
.index01-r .text h3 { font-size: 16px; margin-bottom: 10px;}
.index01-r .text h4 {line-height: 30px; font-size: 16px;margin-bottom: 10px; }
.index01-r .text p { font-size: 30px; }
.index01-r .text p {    font-size: 20px;}
.index01-r .link a p { font-size: 14px; }
.index01 {margin: 50px auto 0px;}
.index01-r .link a font { font-size: 14px; }
.index01-r .link a img { padding-left: 13px;}
.index01-l .i01prev, .index01-l .i01next { display: none; }
.i01swiper a .text h3 { font-size: 12px;}
.i01swiper a .text h3 { font-size: 12px;    margin-bottom: 5px;}

.i01swiper a .text .botfont { font-size: 12px;     height: 30px; line-height: 30px;}
.i01swiper a .text h4 { opacity: 1; }

.i01swiper a .imgbox img {object-fit: cover;}

/*.index02 */

.index02 {width: 100%;margin: 50px auto;}
.index02-tab a {font-size: 14px;   line-height: 56px;}
.index02list .tomore { padding-right: 20px; }
.i02swiper .a p { font-size: 14px;}
.imglist .i02prve, .imglist .i02next { display: none; }
.imglist { padding: 0px; width: 94%; margin: auto;}
.index02-tab { width: 94%; margin: auto; margin-bottom: 40px; }


/*  .index03  */
.index03 { width: 94%; }
.i03-top h3 { font-size: 24px; }
.i03textinfo {     font-size: 14px; line-height: 26px;    text-align: justify;}
.i03num {    margin-top: 30px;flex-flow: wrap;    padding: 0px;}
.i03num li h2 {    font-size: 28px; }
.i03num li p { font-size: 14px;}
.i03num li .mun_top font {    font-size: 24px;}
.i03-top a { width: 30px; height: 30px; }
.index03wrap { padding: 50px 0;     background-attachment: inherit;}
/* .i04-top  */
.i04-top p { font-size: 14px;width: 120px; line-height: 40px;}
.i04-top a { font-size: 14px; }
.index04wrap { width: 94%;    margin: 50px auto 50px;}
.i03num li { text-align: center; width: 48%;    margin-bottom: 20px; } 
.i03num li:nth-of-type(4) .mun_top {margin-bottom: 34px;}
.index05img a.active {     width: 49%;    height: 120px; }
.index05img a {     width: 49%;    margin-bottom: 6px;    height: 120px;}
.index05img {     flex-flow: wrap; justify-content: space-between; margin-top: 30px;}
.index05wrap { background-attachment: initial; }
.index04 .partner { width: calc(100% / 3);height: 72px;}
.index04 .partner .text1 h3 { font-size: 14px; line-height: 18px; }
.index04 { margin-top: 30px; }

.index05wrap { padding: 30px 0; }
.index05wrap .index05{width: 94%;}
.i05textinfo { padding: 0px; }
.index05img a h3 { font-size: 14px;    line-height: 40px; height: 40px;}
.index05img a img { height: 130px!important; }
/* .f-lx   */
.f-lx {width: 94%; align-items: center;}
.f-lx .text .h3 {font-size: 40px;}
.f-lx .text .h3 font {     font-size: 22px; left: 50%; top: 50%; transform: translate(-50%, 10%);}
.f-lx .text h4 {font-size: 22px;}
.f-lx .text p {font-size: 14px; line-height: 24px;}
.f-lx .ewm img {  height: 100px; margin: auto; margin-bottom: 20px;}
.f-lx .ewm p {    font-size: 14px; }


/* .innerbanner1 */
.innerbanner1 { margin-top: 0;height: 250px;}
.innerbanner1 img { height: 100%; }
.inner-text1 h3 {     font-size: 26px; margin-bottom: 10px;}
.inner-text1 p { font-size: 20px; }
.procatlist h3 {font-size: 24px;    padding-left: 3%; }
.procatlist .list a dd span {     font-size: 16px;}
.procatlist .list a dd font {    font-size: 12px;}

.inner-text1 { left: 54%;}
/*  .innerbanner */
.innerbanner { margin-top: 0;height: 250px; }
.inner-text h3 { font-size: 50px; }
.inner-text h3 { margin-bottom: 10px; }
.inner-text h3 {     font-size: 30px;}
.inner-text p { font-size: 16px; }



/*   .mbx  */
.mbx a {     font-size: 16px; line-height: 27px; width: 42%;    text-align: center;}
.mbx i { margin: 0 10px; }


/* .about01num  */
.about01num {    margin-top: 0px; flex-flow: wrap; width: 94%; margin: auto;}
.about01num .mun_top h2 {font-size: 30px;}
.about p {     font-size: 16px; }
.about .h3 h3 {      font-size: 18px; line-height: 30px; }
.about03text h3 {    font-size: 18px;}
.about03text h4 {     margin: 14px 0;    font-size: 14px; }
.about03text h4 br{ display: none;} 

.more { font-size: 14px; }
.innerbanner .fxd { top: 80px !important; }
.about01wrap {       padding: 30px 0; }
.about01top h3 { font-size: 18px; }
.about01top .min {    width: 100%; margin-top: 20px;}
.about01top {    width: 94%; margin: auto; margin-bottom: 20px;flex-flow: wrap;}
.about03text {      padding: 40px 0px 20px;width: 94%; margin: auto;}

.about04 {width: 94%;}
.about04 h4 { font-size: 14px; line-height: 26px; text-align: justify; text-align-last: center;}

.about04wrap { background-attachment: initial!important; padding: 80px 0;}
.inner-text {      top: 49%; left: 52%; padding-bottom: 0px;}
.mbx {display: none;}
.about02wrap { background-attachment: initial;     padding: 100px 0;}
.about01top .min h4 { font-size: 14px; line-height: 26px; margin-bottom: 5px; }
.about01num  li{    width: 40%;  margin-bottom: 20px;}
.about01num .mun_top font { font-size: 16px;}
.about01num p { font-size: 14px; margin-top: 10px;}
.about01num i {display: none;}
.about03 { flex-flow: wrap; }
.about03wrap {   padding: 30px 0;background-size: 100%;}
.about03imgbox {    width: 94%; margin: auto;}
.about04 h4 br{display: none;}



/*   .history01 */
.history01 li .text h3 { font-size: 30px; }
.history01 li .text h4 { font-size: 14px; line-height: 26px; }
.history01 li .text h3:before { width: 10px; height: 10px; bottom: -4px; }
.history01wrap {    padding: 30px 0 30px;}
.history01 li { width: 94%; flex-flow: wrap; margin: auto; margin-bottom: 50px;}
.history01 li .imgbox { width: 100%; }
.history01 li .text { width: 100%; padding-left: 0px; margin-top: 20px; }
.history01 li:nth-of-type(2n) { flex-flow: wrap; }

/* .address-cont  */
.address-cont {width: 100%;}
.addresswrap {     padding: 30px 0 10px;}
.address .imgbox { margin: auto; width: 94%; margin-bottom: 50px; }
.address .textmin { margin: auto; width: 94%; margin-bottom: 30px; }
.address .bot { width: 94%; margin: auto; }
.address .textmin h3 {     font-size: 26px;}
.address .textmin h2 {font-size: 16px;    margin-bottom: 10px;}
.address .textmin h4 {    font-size: 14px;line-height: 26px; margin-bottom: 5px;}

.address .bot p img { width: 100px; margin-right: 35px; }
/*   .f-lx */
.f-lx {padding: 10px 0 20px 0; flex-flow: wrap;justify-content: center;flex-direction: column; }
.f-lx  .text {    margin-bottom: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.f-fx{ display: none; }
/*   .culture01 */
.culture01 { text-align: center;     margin: 20px auto;}
.culture02text { padding: 40px 0;width: 100%; }
.culture02item { width: 94%; margin: auto; }
.culture02text h3 {    font-size: 24px;}
.culture02text h4 { font-size: 16px; margin-bottom: 20px; }
.culture02text .img {width: 50px; height: 50px;}
.culture02text .img:before { top: 5px; left: 5px;    width: 40px; height: 40px; }
.culture02item:nth-of-type(odd) { flex-flow:wrap; }
.culture02imgbox { width: 100%;}
.culture02item { flex-flow: wrap;}
.culture02text .img img { max-width: 24px;}



/*  .honor-l */
.honorwrap { flex-flow: wrap;}



.honor-l {    padding: 30px 8px 30px; width: 100%; }
.honor-r {      width: 96%; padding: 0px 0%; margin: auto;}
.h-list { width: 100%; border: 1px solid #DDDDDD; display: flex; justify-content: center; align-items: center; }
.h-list a {       border-radius: 5px;  padding: 0 15px; height: 48px; font-size: 14px; width: 32%; margin: auto; display: flex; justify-content: space-between; align-items: center;}
.honormin { justify-content: space-between;     flex-wrap: wrap;    margin-top: 30px;}
.honormin a {   width: 49%; margin: auto; height: 280.266px; margin-right: 2%; margin-bottom: 2%; margin-left: 0px; }
.dowmin a .text { padding: 18px; }
.honormin a:nth-of-type(3n) { margin-right: 2%;    width: 49%; }
.honormin a:nth-of-type(2n) {margin-right: 0px;}
.honormin a:nth-of-type(2n) {width: 49%;}

.mbxwrap02.fxd { top: 100px !important;}
.honormin a .text h3 { font-size: 14px;     height: 30px;}

.honormin a .text font { font-size: 12px;}

.dowmin a  {height: auto;}

.history01 li .text h3:after { width: calc(100%); left: 0px; }



.h-list a img { height: 16px; }

.dowmin a .text h4 { text-align: center;font-size: 14px; }

.honor-l .h-list {    width: 100%; border: none; display: flex; justify-content: center; align-items: center; flex-flow: wrap;}
.honor-l .h-list a {border-radius: 5px; padding: 0 15px; height: 40px; font-size: 14px; width: 49%; margin: auto; display: flex; justify-content: space-between; align-items: center; margin-top: 5px;}
.fy, .nav-links { padding:  0;    margin-bottom: 10px; }
.news01wrap .news01 .item .imgbox img { object-fit: cover; }
.news01wrap .news01 .item { width: 100%; margin-left: 0px;}
.news01wrap .news01 .item {    margin-bottom: 50px; }
.news01wrap .news01 .item h2 { margin-top: 20px; font-size: 18px;}
.news01wrap .news01 .item .footer { margin-top: 10px;}



.news01wrap .news01 { justify-content: space-between; }
.news01wrap .news01 .item { width: 94%;margin: auto;margin-bottom: 30px;}
.news01wrap .news01 .item:nth-child(3n+1) { margin-left: 0; margin: auto; margin-bottom: 30px; }
/* .join01gw */
.join01gw .text h3 {    font-size: 22px;}
.join01gw .text .yq p {     font-size: 14px;    margin-right: 5px;}
.join01gw .more {    width: 85px; height: 30px; line-height: 30px;}
.join01wrap .join01 li {    padding: 35px 0; width: 100%; margin: auto; }
.join01gw { flex-flow: wrap;    align-items: center; }
.join01gw .text .yq { margin-bottom: 20px; }

.join01gw .text .yq p img { margin-right: 5px; }
.join01wrap .join01 .item { width: 98%; }


/* .contact03wrap */
.contact03wrap { background-attachment: initial; }
.contact01wrap .contact01 h2 {     font-size: 24px; margin-bottom: 20px; }
.contact01wrap .contact01 .content .left .item .text h3 { font-size: 18px; margin-bottom: 10px; }
.contact01wrap .contact01 .content .left .item .text h4 { font-size: 14px; line-height: 26px; }
.contact02wrap {     padding: 30px 0; }



.contact02wrap .contact02 h2 { font-size: 24px; margin-bottom: 20px;}
.contact02wrap .contact02 .item .title h3 {     font-size: 12px; }
.contact02wrap .contact02 .agree input {    -webkit-appearance: checkbox; display: block; border-radius: unset!important;}
.contact02wrap .contact02 .submitwrap .submit { -webkit-appearance:none;  width: 130px; height: 40px; font-size: 16px; background-color: rgb(24, 177, 164); cursor: unset; position: relative; overflow: hidden; text-transform: uppercase; border: 1px solid rgb(24, 177, 164);border-radius:unset!important;}
.contact03wrap .contact03 .title h2 {     font-size: 26px;}
.contact03wrap .contact03 .title h3 { font-size: 16px; margin-bottom: 10px; }
.contact03wrap .contact03 a {font-size: 18px; }
.contact01wrap .contact01 .content { flex-flow: wrap; }
.contact01wrap .contact01 .content .left { width: 100%;}
.contact01wrap .contact01 .content .right { width: 100%; }
.contact01wrap .contact01 .content .left .item { padding: 10px 0; }
.contact01wrap .contact01 .content .left .item:nth-of-type(2){  padding: 30px 0px;}
.contact01wrap .contact01 .content .right #allmap {height: 200px;}

.contact01wrap { padding: 50px 0 30px; }

.contact01wrap .contact01{width: 96%; margin: auto;}
.contact02wrap .contact02 { flex-wrap: wrap; width: 96%; margin: auto;    justify-content: space-between; }
.contact02wrap .contact02 .item { width: 49%;justify-content: space-between;margin-left: 0px;}
.contact02wrap .contact02 .item .title  {margin-bottom: 10px;}
.contact02wrap .contact02 .item:nth-of-type(1) .title {margin-bottom: 10px;}

.contact02wrap .contact02 .bigitem {width: 100%;}
.contact03wrap .contact03 { flex-flow: wrap;    flex-flow: wrap; width: 94%; }




/* .pagesoultionsbannertxt */
.page-solutionstxt {    margin-top: 0;  font-size: 24px;}
.pagesoultionsbannertxt h3 span {     font-size: 24px; }
.pagesoultionsbannertxt h4 {  font-size: 14px; line-height: 28px; padding: 10px 0; margin: auto; width: 94%; }
.page-solutionslisttop a .txt h3 span {     font-size: 24px;}
.more { width: 140px; height: 30px; line-height: 30px;}
.page-solutionslisttop a .txt h4 { font-size: 14px; line-height: 26px; }
.page-solutionslisttop   {     margin: 30px auto 0px 0; }
.page-solutionstxt {padding: 50px 0;}
.page-solutionslistbottom dd a { padding: 0; }
.page-solutionslistbottom dd {     padding: 30px 0;}
.pagesoultionscase .caselist a p { display: block; overflow: hidden; width: 94%; margin: auto; height: 192px;}
.pagesoultionscase .caselist a dd { display: block; overflow: hidden; width: 94%; margin: auto; margin-top: 20px; }
.pagesoultionscase .caselist a { flex-flow: wrap;}

.pagesoultionscase .caselist a p img { object-fit: cover;     height: 100%;}

.page-solutionslisttop a .txt h3 {     margin: 20px 0;}
.procatlist .list { display: flex; flex-flow: wrap; justify-content: space-between;     width: 94%;}
.procatlist .list a {  display: block; overflow: hidden; float: left;    width: 48.5%;    margin: unset; margin-bottom: 10px;}
.procatlist .list a:nth-of-type(5){    float: none; margin: initial; padding-left: 2px; }
.procatlist .list a dd { padding: 20px;}
.procatlist { padding: 50px 0;}
.page-solutionslisttop a p img { width: 100%; }
.page-solutionslisttop a .txt { width: 94%; margin: auto; }

.page-solutionslistbottom dd a p {width: 94%; margin: auto;}
.page-solutionslistbottom dd a .txt { position: initial; transform: none; width: 94%; margin: auto; }
.page-solutionslisttop a p { width: 94%; margin: auto; }
.page-solutionslistbottom dd:nth-child(2n) p { margin: auto; }
.procatlist .list a:nth-child(3n) {    margin: unset; margin-top: 0px;}

.pageserverright .pageserverrightdowlist dd { padding: 20px;}
.pageserverright .pageserverrightdowlist dd .left { float: none; }
.pageserverright .pageserverrightdowlist dd .left span {margin: 0px;}
.pageserverright .pageserverrightdowlist dd .left font {margin-bottom: 10px;}
.pageserverright .pageserverrightdowlist dd .right { display: block;      float: none;}

.pageserverright h3 { margin: 0 0 30px 0; }

.pageserverright .pageserverrightdowlist { margin: 0 0 20px 0;}
.pageserverright p { margin: 0 0 10px 0; }

/*.proallserver  */
.proallserver dl a dd span {     font-size: 22px;}
.proallserver dl a dd font {    font-size: 14px;width: 100%; }
.proallserver h3 {    font-size: 26px; width: 94%;}
.proallserver dl a { position: relative; display: block; overflow: hidden; float: left; width: 100%; margin-bottom: 10px; }
.proallserver dl a dd strong { margin: 10px auto; }





.pagesoultionsbannertxt h3 font { width: 94%;}





/*  .pagesoultionstit */
.pagesoultionstit {font-size: 24px; margin-bottom: 20px; width: 94%;    margin-top: 30px;}
.proallsocas {padding: 20px 0 0 0; }
.pagesoultionscase .caselist a dd h3 {font-size: 20px; margin: 0 0 10px 0;}
.proallsocas .caselist a dd font { font-size: 14px; margin: 0 0 20px 0; }

/*.pageserverlist  */
.pageserverlist a dd { padding: 30px; }
.pageserverlist a dd h3, .pageserverright h3 span {     font-size: 22px; margin-bottom: 0px;}
.pageserverlist a dd h4 { font-size: 14px; margin: 10px 0; line-height: 24px; }
.pageserverlist a {    width: 94%; margin: auto; margin-bottom: 10px; }
.pageserverlist { display: flex; flex-flow: wrap; justify-content: space-between; }
.pageserverlist {    margin: 50px auto 30px; }
.pageserverlist a:nth-of-type(3n) { margin: auto;     margin-bottom: 10px;}


/*.proshowtop  */
.proshowdow a { display: flex; justify-content: space-between; width: 94%; margin: auto;}
.proshowtop .right h3 {font-size: 24px;}
.proshowtop .right h3 { margin: 0 0 20px 0; }
.proshowtop .right h4 { font-size: 16px; line-height: 28px; }
.proshowtxt p, .proshowtxt span {     font-size: 14px; line-height: 30px; }
.proshowdow a span { font-size: 16px;     width: calc(55%);}
.proshowdow a font { font-size: 14px;    width: 88px; }
.proshowdow a .fa { font-size: 16px; }
.proshowsolutions .swiper-slide a .text h3 {    font-size: 26px;  margin: 0 0 10px 0;}
.proshowsolutions .swiper-slide a .text h4 {line-height: 28px; font-size: 14px;}

.proshowsolutions .swiper-container03 .swiper-slide .a .imgbox img { width: 100%; }
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .topdf strong { font-size: 12px;}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .toa { width: 60px; height: 20px; line-height: 20px; font-size: 12px; }
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .topdf strong { font-size: 12px; line-height: 20px; padding: 0 0 0 0px;}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .topdf img { height: 20px; margin: 0px 5px 0 0; }





.proshowsolutions .swiper-container03 .swiper-slide .a .text {padding: 20px; }
.proshowsolutions .swiper-container03 .swiper-slide .a .text h3 { font-size: 20px; margin: 0 0 20px 0;    font-size: 16px;text-align: center; }
.pagesoultionsbannertxt {padding: 50px 0 30px;}
.pagesoultionsprolistgk {    margin: 0 0 0px 0; padding: 0px 0 50px 0;}
.pagesoultionsprolist {  margin: 0px 0; top: 0px; position: relative;    padding: 0px 0 20px 0; }
.proshowsolutions .swiper-slide a .text { padding: 14px;} 
.pagesoultionscase .caselist a { width: 100%;}
.proshowsolutions .swiper-pagination {z-index: 1;    margin: 20px 0 0 0;}
.pageproshowmbx .mbx { padding: 10px;}


.proshowtop { display: flex; flex-flow: wrap;     margin: 30px auto 30px;}
.proshowtop .left { width: 94%; margin: auto;   margin-bottom: 30px; }
.proshowtop .right {     width: 94%; margin: auto }

.proshowtop .left .gallery-top { border: none; height: 300px;}
.proshowtop .left .gallery-top .bigimgbox{height: 100%;}
.proshowtop .left .gallery-top .bigimgbox img {height: 100%;width: 100%;object-fit: contain;} 
.gallery-thumbs .swiper-wrapper { padding-left: 65px; }



.pageproshowmbx {    margin-top: 20px; }
.proshowtop .right h5 { font-size: 24px; margin: 0 0 20px 0; }
.proshowtop .right h6 { font-size: 16px; line-height: 28px; margin: 0 0 20px 0;}
.proshowtop .right dd { display: flex; justify-content: space-between; }
.proshowtop .right dd a { margin: 0; width: 45%; }
.proshowtitle .tt { font-size: 24px;     width: 94%;}
.proshowtxt {margin: 20px auto; width: 94%; }
.proshowsolutions {    width: 100%; margin: auto;}
.pagesoultionsbanner {margin-top: 0;height: 250px; }
.pagesoultionsbannertxt { top: 0;position: initial; }
.pagesoultionsbanner img { display: block;    height: 100%;}

.proshowsolutions .swiper-slide a .imgbox { width: 94%; margin: auto; }
.proshowsolutions .swiper-container03 .swiper-slide .a { width: 94%; margin: auto; }
.pagesoultionscase .caselist { margin: 0 auto 0px 0; }

/* .s-news01wrap */
.s-news01wrap { padding: 50px 0; }
.s-news01wrap h2 { font-size: 24px; line-height: 30px;}
.s-news01wrap  .s-news01{width: 94%;}
.s-news-innerwrap { margin-top: 0; }

.f-cont {     width: 94%; margin: auto; }

.s-news02wrap .s-news02 .share {     width: 100%; }
.s-news02wrap {    padding: 0 0 50px 0; }
.s-news02wrap .s-news02 .text p, .s-news02wrap .s-news02 .text span, .s-news02wrap .s-news02 .text strong { margin-top: 10px  ;  line-height: 28px;;}
.s-news02wrap .s-news02 section {font-size: 16px; margin-top: 10px; line-height: 28px;}
.s-news04wrap .item {    width: 100%;margin-left: 0px;}
.s-news02wrap .s-news02 { flex-flow: wrap; }
.s-news02wrap .s-news02 .text { width: 100%; }
.s-news02wrap .s-news02 .share h2 { font-size: 22px; margin-bottom: 20px; margin-top: 20px; }

.s-news03wrap .s-news03 { flex-flow: wrap; }
.s-news03wrap .s-news03 .jump {margin-bottom: 20px;}
.s-news03wrap .s-news03 .jump a { font-size: 14px; line-height: 28px;     margin-top: 0px;}
.s-news04wrap .s-news04 { flex-flow: wrap; }
.s-news04wrap .item:nth-child(3n+1) { margin-left: 0; margin: auto; }

.s-news04wrap { padding: 50px 0 20px; }


/* .download01-right */
.download01-right .news01content .show .item .imgbox { width: 0%; }
.download01wrap .download01-left .tt {     position: initial; transform: none; top: 0px; margin: auto; height: auto; margin-top: 20px; margin-bottom: 20px;width: 100%; }

.mbxwrap02 { margin-top: 90px; }
.mbxwrap02.fxd { position: fixed !important; top: 80px !important; margin: 0; z-index: 9; height: auto; bottom: auto; }
.download01wrap { width: 100%; overflow: hidden; display: flex; flex-flow: wrap; }
.download01wrap .download01-left { width: 100%; height: 100%;  margin-bottom: -10000px; padding-bottom: 10000px; padding-bottom: 0px; margin-bottom: 0px; }
.download01wrap .download01-right { width: 100%; margin-left: 25%;  margin-left: 0px; }
.download01-right .news01content { padding: 50px 0 0 0; }
.download01-right .news01content .show .item { padding-bottom: 30px; margin-bottom: 30px;    display: flex; justify-content: space-between; }
.download01wrap .download01-left .tt .tab { height: 50px;}

.download01-right .news01content .show .item .text { position: relative; width: 100%;margin-left: 0px;     display: flex; flex-direction: column; align-items: center;}


.download01wrap .download01-left .tt .tab .imgbox img { width: 24px; }

.download01-right .news01content .show .item .imgbox img { display: none; }

.download01-right .news01content .show .item .text::before {display: none;}

.download01-right .news01content .show .item .text h2 {text-align: center;}



.page-solutionstxt .pagesoultionsbannertxt { width: 94%;}
.pagesoultionsbannertxt h4 p { font-size: 16px; line-height: 26px; text-align: justify; text-align-last: center; }


.prolistpage .left { width: 100%; padding: 0px; margin-top: 30px; }
.prolistpage .right {     width: 94%; padding: 0px; margin: 0px auto 20px; padding-top: 20px; float: none; overflow: hidden; flex-flow: wrap; display: flex; justify-content: space-between;}
.prolistpage .right .a {    width: 48.5%; margin: 0px; margin-bottom: 7.2px; }

.bannerwrap:before { pointer-events: none; }
.prolistpage .right .a .text h3 {     font-size: 16px; margin: 0 0 10px 0; height: 40px;}

.prolistpage .right .a .text h2 a{font-size: 14px;}

.prolistpage .left .pro-l li .top font { font-size: 18px;}
.prolistpage .left .pro-l li .listinfo a { font-size: 14px;}

.prolistpage .left .pro-l li { width: 94%;    margin: auto;}


.contact02wrap .contact02 .item input { border: none; background-color: rgb(223 223 223); }
.contact02wrap .contact02 .bigitem textarea { background-color: rgb(223 223 223);; }

.imgshow p img{    width: 328px;}

.prolistpage .right .a .imgbox .sy_logo { height: 10px;}



.imgshow { width: 96%; height: 60%; top: 19%; left: 2%; }





}