@charset "utf-8";

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{
    font-size:16px;
    overflow-x:hidden;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
    -moz-tap-highlight-color:rgba(0, 0, 0, 0);  
    -ms-tap-highlight-color:rgba(0, 0, 0, 0);  
    -o-tap-highlight-color:rgba(0, 0, 0, 0);  
    tap-highlight-color:rgba(0, 0, 0, 0);
}

body{ font-family:"Source Han Sans CN","SimHei"; font-size:16px;overflow-x:hidden; color:#666;}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#717072}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
h1,h2,h3,h4,h5{ font-weight:normal}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
video:focus{ outline:none}
.col-blue{color: var(--blue-color-dark);}
.align-l{text-align: left;}
.align-c{text-align: center;}
.flex{display: flex;display: -webkit-flex;}

input,textarea,select,button{ outline:none; font-size:15px;font-family: Arial, 'Microsoft Yahei', Helvetica, SimSun, sans-serif;text-transform: capitalize;-webkit-appearance: none;}
::-webkit-input-placeholder {
color: #ccc;
}
::-moz-placeholder {
color: #ccc;
}
:-moz-placeholder {
color: #ccc;
}
:-ms-input-placeholder {
color: #ccc;
}

:root{
    --gradient-background-color:linear-gradient(to right,#26569f,#2cb6b6);
    --gradient-background-color-black:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));
    --blue-color:#1aa7ec;
    --blue-color-dark:#148ef9;
    --green-color:#44c15f;
    --grey-color:#595959;
    --black-color:#000;
    --black-color-light:#2d2f33;
}

@font-face{
    font-family:'bebas';
    src:url("../fonts/bebas.eot");
    src:url("../fonts/bebas.eot") format("embedded-opentype"),
    url("../fonts/bebas.woff2") format("woff2"),
    url("../fonts/bebas.woff") format("woff"),
    url("../fonts/bebas.ttf") format("truetype"),
    url("../fonts/bebas.svg#BEBAS") format("svg");
}

.wrap{ max-width:80%;padding:0 1rem;margin:0 auto}
.pic{overflow:hidden; position:relative}
.pic:before{content:""; display: block;}
.pic img{ 
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0; 
    width:100%;
    height:100%;
    object-fit:cover;
    -moz-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    -webkit-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    transition:.8s cubic-bezier(.64,.93,.88,1.07);
}
.more{text-align: center;display: inline-block;font-size: 1.6rem;}
.more .arrow{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: var(--blue-color) url(../images/ico-arw.png) no-repeat center left 58%;
    background-size: auto 42px;
    margin: 0 auto 10px;
    transition: .5s;
}
.more span{color: var(--black-color-light);}
.more:hover .arrow{background: var(--green-color) url(../images/ico-arw.png) no-repeat center left 58%;background-size: auto 42px;}
.more_l{
    background-color: var(--blue-color);
    color: #fff; 
    border-radius: 25px;
    display: inline-block;
    font-size: .9rem;
}
.more_l span{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 0 12px;
    line-height: 30px;
}
.more_l i{display: block;width: 10px;height: 10px;background: url(../images/ico-vd.png) no-repeat center;background-size: 8px auto;margin-left: 5px;}
.more_l:hover{background-color: var(--green-color);}
.more_2 i{display: block;width: 20px;height: 20px;background: url(../images/ico-arw.png) no-repeat center;background-size: 15px auto;margin-left: 5px;}
.more_3{
    color: var(--blue-color); 
    border-radius: 25px;
    display: inline-block;
}
.more_3 span{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 0 20px;
    line-height: 1.8;
    position: relative;   
}
.more_3 i{width: 12px;height: 12px;display: block;border-top: 1px solid var(--blue-color);border-right: 1px solid var(--blue-color);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); transform: rotate(45deg);margin-left: 5px;}
.more_3:hover{background-color: var(--green-color);color: #fff;}
.more_3:hover i{border-top: 1px solid #fff;border-right: 1px solid #fff;}


.header{position: fixed;top: 0;left: 0;width: 100%;z-index:99;height:110px;background-color: #fff;box-shadow:0 0 10px rgba(0,0,0,.08);-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;text-transform: uppercase;}
.header .wrap{position: relative;z-index: 2;max-width: 94%;}

.logo{height:110px;position:relative;display: flex;display: -webkit-flex;align-items: center;}
.logo img{ display:block;height:75px;transition: .3s;}
.header .ad {font-size: 1.25em;text-align: center;margin: 35px 0 0 15px;color: var(--black-color);padding-left: 15px;border-left: solid 1px #ddd;font-family: simsun;}
.menu{z-index: 2;}
.menu>ul{display:flex;display:-webkit-flex;justify-content:space-between}
.menu>ul>li{font-size:1.3em; margin:0 30px;position:relative;white-space: nowrap;}
.menu .menu_a{color:var(--black-color-light);line-height:110px;position:relative;text-transform: uppercase;display: block;padding: 0 10px;overflow: hidden;}
.menu .menu_a span{display: block;position: relative;transition: .4s;}
.menu .menu_a:after {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(100%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--blue-color-dark);
    opacity: 0;
}

.menu>ul>li:hover::before, .menu>ul>li.cur::before{width: 100%;}
.menu li:hover .menu_a span{transform: translateY(-100%);}
.menu li:hover .menu_a:after{opacity: 1;transition: .4s;transform: translateY(0);}
.menu .sub{ position:absolute;left: 50%;top: 100%; width:160px;text-align: center;background:#fff;box-shadow: 0 3px 10px rgba(0,0,0,0.15);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);visibility: hidden;opacity: 0;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;overflow: hidden;}
.menu .sub a{ display:block; background:#fff; border-bottom:1px solid #ddd;font-size: 15px;color:#666; line-height: 20px; padding: 15px 20px;word-wrap: break-word;white-space:normal}
.menu .sub a:last-child{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.menu .sub a:hover{background:var(--blue-color); color:#fff}
.menu li:hover .sub{visibility: visible;opacity: 1;transition: .4s;}
.menu li.cur .menu_a{color: var(--blue-color-dark);}

.header .mail{margin-top: 37px;margin-left: 5%;}
.header .mail a{width: 35px;height: 35px;border-radius: 50%;background-color: var(--blue-color-dark);display: flex;display: -webit-flex;justify-content: center;align-items:center;}
.header .tel{line-height: 110px;background: url(../images/ico-tel.png) no-repeat left center;background-size: 30px;padding-left: 40px;font-weight: bold;font-size: 1.25em;}

.search{ position:relative;margin-right: 30px;margin-left: 30px;height: 110px;}
.search-icon{width: 35px;height: 35px;border-radius: 50%; background:url(../images/ico-search.png) no-repeat center var(--blue-color);background-size: 15px;margin-top: 38px; cursor:pointer}
.search-box{ position:fixed; width:100%; height:100%; background:#333;top:0; left:0; z-index:100; display:none}
.search-box .close{ width:30px; height:30px;display:block; position:absolute; top:10%; right:10%; transition:.3s; cursor:pointer}
.search-box .close:before{ content:""; width:100%; height:2px; background:#fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position: absolute;left: 0;top: 50%;}
.search-box .close:after{ content:""; width:100%; height:2px; background:#fff; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);position: absolute;left: 0;top: 50%;}
.search-form{
    position: absolute;
    top: 100%;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    background: #fff;
    right: 0;
    display: none;
    transition: .5s all ease-in-out;
}
.search-form.active {
    display: block;
    transition: .5s all ease-in-out;
}
.search-form .inp{
    width: 300px;
    border: 1px #dedede solid;
    height: 42px;
    outline: 0;
    padding-left: 10px;
}
.search-form .submit{
    border: none;
    font-size: 16px;
    background: var(--blue-color);
    width: 90px;
    color: #fff;
    height: 42px;
    cursor: pointer;
}
.search-box .close:hover{ transform:rotate(90deg)}


/*banner*/
.banner{ position:relative; z-index:1;}
.banner img{ display:block; width:100%;height: 100%;object-fit: cover;-moz-transition:1s linear 2s;-webkit-transition:1s linear 2s;transition:1s linear 2s;}
.banner .swiper-slide{ position:relative;z-index: -1;}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:30px; height:30px; margin-top:-15px; outline:none; opacity:0.4; top:50%; overflow:hidden; transition: .3s;}
.banner .swiper-button-prev{border-top: 2px solid #fff;border-left: 2px solid #fff; transform: rotate(-45deg);left:2%}
.banner .swiper-button-next{border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(45deg);right:2%}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{ content:"";}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{ opacity:1;}
.banner .swiper-pagination{bottom:5%;font-size: 0;}
.banner .swiper-pagination-bullet{width: 35px;height: 35px;margin: 0 1% !important;opacity:1;position: relative;border: 3px solid #fff;outline: none;background-color: transparent;transition: .3s;}
.banner .swiper-pagination-bullet:after{content: '';position: absolute;left: 4px;top: 4px;width: calc(100% - 8px);height: calc(100% - 8px);border-radius: 50%;background-color: #fff;transition: .3s;}
.banner .swiper-pagination-bullet-active{border: 3px solid var(--blue-color);} 
.banner .swiper-pagination-bullet-active:after{background-color: var(--blue-color);}

.banner .swiper-slide-active{z-index: 1;}
.banner .swiper-slide-active img, .banner .swiper-slide-duplicate-active img{
	transition:16s linear;
	-moz-transform:scale(1.15,1.15);
	-webkit-transform:scale(1.15,1.15);
	transform:scale(1.15,1.15);
}
.kh-scroll{padding: 40px 0;}
.kh-scroll ul{display: flex;display: -webkit-flex;}
.kh-scroll li {margin: 0 40px;}
.kh-scroll .img{height: 55px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.kh-scroll .img img{max-height: 100%;}

.space{ padding:100px 0}
.space_2{padding-top: 100px;}
.title{ margin-bottom:1em; font-size:3.5rem; color:var(--black-color-light);position:relative; line-height: 1.2;text-align: center;font-weight: 500;}
.title .en{font-size: .4em;font-weight: 300;}
.title-ts{text-align: center;display: block;font-size: 1.125rem;font-weight: normal;margin-top: .8em;line-height: 1.2;}
.title .mor{display: block;color: #148ef9;font-size: 1.5rem;font-weight: 300;margin-top: 5px;}
.title .mor div{display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.title .mor span{margin-right: 5px;}
.title .mor i{display: block;width: 10px;height: 10px;border-top: 1px solid #148ef9;border-right: 1px solid #148ef9;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.i-about .title{text-align: left;}
.i-about .title span{display: block;}
.i-about .title .en{
    color: #fff;
    text-stroke:1px var(--blue-color);
    -webkit-text-stroke:1px var(--blue-color);
    font-size: 1em;
    font-weight: bold;
}
.i-about .title .cn{color: var(--blue-color-dark);font-weight: bold;}
.i-about .title .enlit{font-size: 1rem;font-weight: 300;letter-spacing: 10px;margin-top: 10px;color: #666;}
.i-aboutCon{display: flex;display: -webkit-flex;justify-content: space-between;font-size: 1.125em;color: var(--black-color-light);line-height: 1.8;}
.i-about-fr{width: 50%; position: relative;overflow: hidden;}
.i-about-fr .img{position: relative; overflow: hidden;height: 100%;}
.i-about-fr .img:before{content: '';width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;z-index: 2;-webkit-transition: .8s ease;-moz-transition: .8s ease;transition: .8s ease;}
.i-about-fr .img img{width:100%;height: 100%;object-fit: cover;display: block;-webkit-transition: .8s ease;-moz-transition: .8s ease;transition: .8s ease;}
.i-about-fr .v-btn{z-index: 1;position: absolute;left:0;top: 0;width: 100%;height: 100%;cursor: pointer; z-index: 3;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.i-about-fr .v-btn span{display: block;width:86px;height: 86px;border-radius: 50%; background: url(../images/ico-vd.png) var(--blue-color) no-repeat left 55% center;background-size: auto 38px;}
.i-about-fr:hover .img img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);;transform: scale(1.05);}
.i-about-fr:hover .img:before{background: rgba(0,0,0,.05);}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}
.video-show {position: relative;z-index: 9999999;margin: 0 auto;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);display: table;width:1000px;}
.video-close{ width:30px; height:30px; position:absolute; top:0; right:-40px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:after{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.video-close:before{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.i-about-fl{width: 45%;}
.i-about-fl p{margin-bottom: 10px;}
.i-about-fl p span{color: var(--blue-color-dark);font-weight: 500;font-size: 1.3em;}
.i-about-fl .more_l{margin-top: 3em;font-size: 1.125em;border-radius: 30px;}
.i-about-fl .more_l span{padding: 0 30px;line-height:60px;}
.i-about-fl .more_l i{margin-left: 10px;}
.service{display: flex;display: -webki-flex;justify-content: space-between;text-align: center;margin-top: 2em;padding-right: 5%;}
.service li:first-child{min-width: 108px;}
.service .ico{
    display: block;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border:1px solid #d8d8d8;
    margin: 0 auto 10px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;
}
.service p{line-height: 1.2;}
.service p span{font-weight: normal;font-size: 1em;color: var(--blue-color-dark);}
.n-service li:first-child{min-width: 156px;} 

.i-business .title{font-size: 2.2rem;font-weight: bold;letter-spacing: 5px;}
.i-business-list ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.i-business-list li{background-color: #fff;width: 14.5%;border-radius: 15px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);text-align: center;overflow: hidden;transition: .3s;}
.i-business-list a{padding: 15px;display: block;height: 100%;}
.i-business-list h3{color: var(--black-color-light);line-height: 1.2;transition: .3s;font-size: 1.25em;}
.i-business-list h3 span{color: var(--blue-color-dark);transition: .3;}
.i-business-list .pic{width: 45%;border-radius: 50%;overflow: hidden;margin: 0 auto 20px;transition: .3s;}
.i-business-list .pic:before{padding-top: 100%;}
.i-business-list li:hover{box-shadow: 0 5px 15px rgba(26, 147, 63, 0.4);}
.i-business-list li:hover a{background-color: var(--green-color);}
.i-business-list li:hover h3, .i-business-list li:hover h3 span{color: #fff;}
.i-business-list li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);;transform: scale(1.05);}
.i-business-list li:hover .pic{box-shadow: 0 0 0 6px rgba(255,255,255,.2);}

.i-technology{font-size: 1.5em;}
.i-techCon{margin: 0 -10px;}
.i-tech-fl{width: 40%;color: var(--black-color-light);font-size: 1.15em;font-weight: 500;text-indent: 2em;line-height: 1.875;}
.i-tech-fl span{font-size: 1.1em;color: var(--blue-color-dark);}
.i-tech-fr{width: 56%;}
.i-tech-fr ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.i-tech-fr li{width: 28%;border-radius: 15px;overflow: hidden;position: relative;}
.i-tech-fr .pic:before{padding-top: 130%;}
.i-tech-fr h3{position: absolute;width: 100%;left: 0;bottom: 0;color: #fff;padding: 10px 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1em;text-align: center;background-color: rgba(26, 167, 236, .6);}
.i-tech-fr li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);;transform: scale(1.05);}
.w-accor{ overflow:hidden; position:relative;}
.w-accor ul{ width: 100%;display: flex;}
.w-accor li{ position:relative; overflow:hidden; float: left;margin: 0 10px;}
.accorClick li{ cursor:pointer;}
.w-accor li .item{ position:relative;}
.w-accor li > a {display: block;}
.w-accor h3{ font-size:1.875em;font-weight:500;}
.w-accor li img{margin: auto;display: block;width: 100%;}
.w-accor li .cont_ar{ color:#fff;position:absolute; left:0; top:0; bottom:0; right:0;}
.w-accor li .cont_ar:before{ content:'';position:absolute; left:0; top:0; bottom:0; right:0; background:#000; opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor li h3{text-align:center; line-height:1.5; position:absolute; z-index:1; left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
.w-accor li .dec_ar{ line-height:1.7;font-size: 1rem;position:absolute; z-index:1; left:0;bottom:10px;width: 40%;transform:scale(0); -webkit-transform:scale(0); padding:30px; background:rgba(0,0,0,0.75); color:#fff; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:all 0.5s; -webkit-transition:all 0.5s; }
.w-accor li .acr_t{font-weight: 500;font-size: 1.625em;}
.w-accor li .acr_p{display: -webkit-box;-webkit-line-clamp: 6;overflow: hidden;-webkit-box-orient: vertical;margin-top:0.5em;margin-bottom: 1em;}
.w-accor li.cur .cont_ar:before{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.w-accor li.cur h3{ opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.w-accor li.cur .dec_ar{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform: scale(1); -webkit-transform: scale(1);transition-delay:0.3s; -webkit-transition-delay:0.3s;}
.w-accor .more_l{transition: .4s;}
.w-accor .more_l:hover{background-color: var(--green-color);}
.m-techCon{display: none;}
.m-techCon ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.m-techCon li{width: 32%;position: relative;}
.m-techCon .pic::before{padding-top: 66.66%;}
.m-techCon .txt{position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0, 0, 0, .25);color: #fff;display: flex;display: -webkit-flex;justify-content: center;align-items: center;padding: 5%;}
.m-techCon h3{font-size:1.25em;font-weight:500;}
.m-techCon li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);;transform: scale(1.05);}

.i-product{padding-left: calc(3% + 1rem) !important;}
.i-proCon{position: relative;padding-right: calc(10% + 1rem);}
.i-proCon .more{position: absolute;right:4%;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); transform: translateY(-50%);}
.swiper-pagination-bullet-active{background: var(--blue-color);}
.i-pro-list .swiper-pagination{display: none;}
.i-pro-list{padding: 15px;}
.i-pro-list a{background-color: #fff;border-radius: 15px;overflow: hidden;box-shadow: 0 2px 15px rgba(0, 0, 0, .08);display: block;padding: 10px;}
.i-pro-list .pic:before{padding-top: 100%;}
.i-pro-list .pic img{max-width: 90%;max-height: 90%;object-fit: contain;margin: auto;}
.i-pro-list .txt{padding: 20px 25px;color: var(--black-color-light);}
.i-pro-list .num{color: #fff; text-stroke: 1px var(--black-color);-webkit-text-stroke: 1px var(--black-color);font-size: 2em;font-weight: bold;}
.i-pro-list h3{color: var(--blue-color-dark);font-size: 1.25em;font-weight: 500;margin-bottom: .4em;line-height: 1.2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.i-pro-list .intro{font-size: .95rem;line-height: 1.5;margin-bottom: 1em;min-height: 7.5em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.i-pro-list .intro p{position: relative;padding-left: 10px;}
.i-pro-list .intro p:before{content: '';width: 4px;height: 4px;border-radius: 50%;background-color: var(--black-color-light);position: absolute;left: 0;top: .6em;}
.i-pro-list a:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);;transform: scale(1.05);}
.i-pro-list .more_l{transition: .4s;}

.i-yuanli .top{display: flex;display: -webkit-flex;justify-content: space-between;align-items: flex-end;margin-bottom:3em;}
.i-yuanli .title{text-align: left;color: var(--blue-color-dark);font-weight: 500;font-size: 2.8em;margin-bottom: 0;}
.i-yuanliCon{padding-left: calc(10% + 1rem);}
.i-yuanli-list{overflow: hidden;position: relative;padding-bottom: 60px;}
.i-yuanli-list a{position: relative;display: block;border-radius: 15px;overflow: hidden;}
.i-yuanli-list .pic:before{padding-top: 141.5%;}
.i-yuanli-list .pic:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(rgba(0,0,0,.1) 70%, rgba(0,0,0,.8));}
.i-yuanli-list .txt{position: absolute;left: 0;right: 0;bottom: 0;padding: 30px;color: #fff;font-size: 1.25em;}
.i-yuanli-list h3{letter-spacing: 2px;font-size: 1.3em;font-weight: 500;}
.i-yuanli-list p{color: var(--blue-color-dark);text-decoration: underline;}
.i-yuanli-list a:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.i-yuanli-list a:hover p{color: var(--green-color);}
.i-yuanli-list .swiper-scrollbar{width: 45%;height: 10px;left: 0;background-color: #d6d6d6;}
.i-yuanli-list .swiper-scrollbar-drag{background-color: var(--blue-color-dark);}

.i-solution{font-size: 1.5em;}
.i-solution-list ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -2%;}
.i-solution-list li{width: 31.33%;margin-right: 2%;margin-bottom: 2%;border-radius: 15px;position: relative;overflow: hidden;}
.i-solution-list .pic:before{padding-top: 70%;}
.i-solution-list .pic:after{content: '';position: absolute;left:0;top: 0;width: 100%;height: 100%;background-color: #0665ba;opacity: .8;transition: .5s;}
.i-solution-list .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.i-solution-list .ico{margin-top: 20%;height: 125px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.i-solution-list .ico img{display: block;height: 102px;}
.i-solution-list .tit{position: absolute;left: 0;right: 0;bottom: 10%;color: #fff;text-align: center;padding: 0 3%; }
.i-solution-list .tit h3{font-size: 1.6em;}
.i-solution-list .tit p{display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;transition: .3s;font-size: 1rem;}
.i-solution-list li.last .txt{display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.i-solution-list li.last .more .arrow{width: 115px;height: 115px; background-size: auto 51px;}
.i-solution-list li.last .more span{color: #fff;transition: .3s;}
.i-solution-list li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.i-solution-list li:hover .pic:after{opacity: .2;}
.i-solution-list li:hover .tit p{height: auto;opacity: 1;}
.i-solution-list li.last:hover .more .arrow{background-size: auto 51px;background: var(--green-color) url(../images/ico-arw.png) no-repeat center left 58%;}
.i-solution-list li.last:hover .more span{color: var(--black-color-light);}

.i-news.space{padding-bottom: 0;}
.i-newsCon{position: relative;display: flex;display: -webkit-flex;justify-content: space-between;align-items: flex-start;}
.i-news-fl{width: 46%;}
.i-news-fl li:not(:last-child){margin-bottom: 30px;}
.i-news-fl a{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.i-news-fl .pic{width: 15%;}
.i-news-fl .pic:before{padding-top: 100%;}
.i-news-fl .txt{width: 81%;}
.i-news-fl .txt h3{font-size: 1em;font-weight: 500;color: var(--blue-color-dark);margin-bottom: .2em;transition: .3s;}
.i-news-fl .txt .intro{font-size: 1.125rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow: hidden;}
.i-news-fl li:hover .pic img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.i-news-fl li.first .pic{width: 48%;}
.i-news-fl li.first .pic:before{padding-top: 58.33%;}
.i-news-fl li.first .txt{width: 48%;}
.i-news-fl li.first .txt h3{font-size: 1.08em;font-weight: 500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow: hidden;line-height: 1.4;}
.i-news-fl li.first .txt .tm{font-size: 0.85em;font-weight: 300;margin-bottom: .5em;margin-top: .5em;}
.i-news-fl li.first .txt .intro{font-size: 1rem;-webkit-line-clamp: 3;}
.i-news-fl li:hover .txt h3{color: var(--green-color);}
.i-news-fr{width: 46%;padding-top: 1%;}
.i-news-fr li:not(:last-child){border-bottom: 1px solid #707070;padding-bottom:30px;margin-bottom: 40px;}
.i-news-fr h3{font-size: 1em;color: var(--blue-color-dark);font-weight: 500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow: hidden;line-height: 1.4;transition: .4s;position: relative;padding-left: 35px;margin-bottom: .5em;}
.i-news-fr h3:before{content: '';width: 20px;height: 20px;border-radius: 50%;background-color: var(--blue-color-dark);position: absolute;left: 0;top: 5px;transition: .3s;}
.i-news-fr .intro{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;overflow: hidden;font-size: 1rem;}
.i-news-fr li:hover h3{color: var(--green-color);}
.i-news-fr li:hover h3:before{background-color: var(--green-color)}
.i-news-list ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.i-news-list li{width: 23%;background-color: #fff;border-radius: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, .05);overflow: hidden;}
.i-news-list .pic:before{padding-top: 68.5%;}
.i-news-list .txt{padding: 20px 35px;}
.i-news-list h3{font-size: 1.5em;color: #000;line-height: 1.2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight: 500;margin-bottom: 1em;min-height: 2.4em;}
.i-news-list .intro{color: #999;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;font-size: .95em;margin-bottom: 3em;}
.i-news-list .tm{border-top: 1px solid #ccc;padding-top: 1em;color: #737373;letter-spacing: 2px;font-weight: 300;}
.i-news-list .tm span{background: url(../images/ico_tm.png) no-repeat left center;padding-left: 25px;display: block;}
.i-news-list li:hover .pic img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.i-news-list h3{-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;}
.i-news-list li:hover h3{color: #148ef9;}
/*footer*/
.footer-ad{background: url(../images/fot-bg.jpg) repeat-x left bottom;background-size: contain;padding-top: 260px;padding-bottom: 150px;text-align: center;}
.footer-ad .tit{font-size: 3.5em;color: var(--black-color-light);font-weight: 500;margin-bottom: 1.2em;}
.footer-ad .tit span{color: var(--green-color);}
.footer-ad .msg{line-height: 60px;font-size: 1.75em;background-color: var(--blue-color);color: #fff;border-radius: 30px;padding: 0 50px;display: inline-block;}
.footer-ad .msg:hover{background-color: var(--green-color)}
.footer{color:#575454;padding-top: 90px;padding-bottom: 30px;position: relative;}
.footer a{ color:#fff}
.footer a:hover{ color:#fff}
.footer-top{padding-bottom: 60px;position: relative;}

.f-logo img{display: block;height: 115px;}
.f-nav{position: relative;margin-left: 5%;font-size: 17px;}
.f-nav ul{ display:flex; display:-webkit-flex;justify-content:space-between;}
.f-nav li{position:relative;text-transform: capitalize;margin-left: 120px;}
.f-nav h4{font-size: 1.25em;color:var(--black-color-light);margin-bottom: .6em;font-weight: bold;}
.f-nav h4 a{color:var(--black-color-light);}
.f-nav a{display: block; position: relative;color: #999;line-height: 1.6;margin-bottom: 6px;}
.f-nav a:hover{color: var(--blue-color);}
.f-nav .sub p{margin-bottom: 5px;}
.f-ewm li{text-align: center;}
.f-ewm img{display: block;width: 150px;}
.f-ewm .tit{color: var(--blue-color);padding-top: 10px;}
.footer-bot{font-size: 14px;color: #999;font-weight: 300;}
.footer-bot a{color: #999;}
.footer-bot a:hover{color: var(--blue-color);}


/*about*/
.n-header .header{background-color:rgb(255,255,255,.7);box-shadow: 0 0 10px rgba(0,0,0,.2);}
.n-header .header.header-scroll{background-color: #fff;}
.nbanner{position:relative;overflow:hidden;}
.nbanner .img{ 
    display: block;
    width: 100%;
    transition:3s linear;
    -webkit-transition:2s linear;
    -moz-transition:2s linear;
    -o-transition:2s linear;
}

.nbanner-abt .tit, .nbanner-abt2 .tit{ position:absolute; color:#fff;top:55%; left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);line-height:1.2;text-align: center;display: flex;display: -webkit-flex;}
.nbanner-abt .tit>div{margin: 0 10px;}
.nbanner-abt .tit .cn{font-size:3rem;font-weight: bold;letter-spacing: 5px;white-space: nowrap;}
.nbanner-abt .tit .en{font-size: 1.25rem;font-weight: 300;white-space: nowrap;}
.nbanner-abt2 .tit .cn{font-size:3.7rem;font-weight: bold;letter-spacing: 5px;white-space: nowrap;}
.anchor {
    display: block;
    top: -110px;
    visibility: hidden;
    position: absolute;
}


.main{position: relative;}
.main .content{line-height: 1.875;}
.main .content img{max-width: 100%;}
.main .section{position: relative;}
.main-abt{padding-top: 60px;}
.ntitle{margin-bottom: 4em;}
.ntitle .cn{color: var(--blue-color-dark);font-size: 1.75em;font-weight: 500;line-height: 1.2;letter-spacing: 1px;}
.ntitle .en{color: #999;font-weight: 300;}
.siderBar{width: 260px;font-size: 1.25em;}
.left-inner-nav ul{border-left: 4px solid #dae5ec;}
.left-inner-nav li{position: relative;height: 63px;}
.left-inner-nav li:before{content: '';width: 4px;background-color: var(--blue-color-dark);position: absolute;left: -4px;top: 0;height: 0;transition: .4s;}
.left-inner-nav li a{color: #b4bccc;font-weight: 300;padding: 15px 0 15px 42px;display: block;letter-spacing: 4px;}
.left-inner-nav li.cur:before, .left-inner-nav li:hover::before{height: 100%;}
.left-inner-nav li.cur a, .left-inner-nav li:hover a{font-weight: bold; color: var(--black-color-light);font-size: 1.25em;}
.container .content{width: calc(100% - 360px);}
.container .ntitle{font-size: 1.35em;margin-bottom: 1em;}
.container .ntitle .cn{font-weight: bold;letter-spacing: 2px;line-height: 1;}
.container .ntitle .en{color: var(--black-color-light);font-size: .9em;text-transform: capitalize;}
.content-abt-detail{font-size: 1.5em;color: var(--black-color-light);line-height: 1.6;letter-spacing: 2px;}
.content-abt-detail p{margin-bottom: 1em;}
.content-abt-detail p span{font-weight: bold;}
.margtop{margin-top: 60px;}

.cullist ul{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;}
.cullist li{width: 48%;background-color: #fff;box-shadow: 0 0 25px rgba(0, 0, 0, .05);padding:3% 5%;margin-bottom: 4%;}
.cullist .ico{width: 90px;height: 90px;display: flex;display: -webkit-flex;border-radius: 50%;background-color:#f3f3f3;justify-content: center;align-items: center;}
.cullist .ico img{height: 45px;}
.cullist h3{margin-top: 10px;font-size: 1.25em;color: var(--black-color-light);}
.cullist2 h3{color: var(--blue-color-dark);font-size: 1.35em;font-weight: bold;padding-left: 14px;position: relative;line-height: 1;margin-bottom: 40px;}
.cullist2 h3:before{content: '';width: 4px;height: 90%;background-color: var(--blue-color-dark);position: absolute;left: 0;top: 5%;}
.cullist2 ul{display: flex;display: -webkit-flex;justify-content: space-between;text-align: center;}
.cullist2 li{position: relative;width: 120px;height: 120px;border-radius: 50%;background: url(../images/biank.png) no-repeat center;background-size: contain;}
.cullist2 li>div{margin-top: 35px;}
.cullist2 h4{font-size: 1.5em;color: var(--black-color-light);line-height: 1.2;}
.cullist2 p{line-height: 1.2;}

.content-hor-detail .nav-list-proBox, .content-news-detail .nav-list-proBox{font-size: 1.25em;}
.honorList ul{margin-right: -3%;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.honorList li{width: 22%;margin-right: 3%;margin-bottom: 3%;background-color: #fff;box-shadow: 0 5px 25px rgba(0, 0, 0, .1);border-radius: 15px;text-align: center;padding: 25px;}
.honorList .pic:before{padding-top: 100%;}
.honorList .pic img{width: 90%;height:95%;object-fit: contain;margin: auto;}
.honorList .tit{font-size: 1.1em;margin-top: 10px;line-height: 1.3;}


.newsList li{ border-bottom:1px solid #e8e8e8; padding-bottom:3%; margin-bottom:3%;}
.newsList a{display: flex;display: -webkit-flex;justify-content:space-between;align-items: flex-start;}
.newsList .pic{ width:25%; position:relative; overflow:hidden;border-radius: 15px;}
.newsList .pic:before{padding-top:58.33%}
.newsList .txtCon{ width:70%;position:relative;display: flex;display: -webkit-flex;align-items: flex-start;justify-content:space-between;}
.newsList .txt{width: calc(96% - 200px);}
.newsList .txt h3{ font-size:1.6em;font-weight: bold;line-height: 1.5;color:var(--black-color-light); margin-bottom:.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.newsList .txt .intro{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;line-height: 1.5;font-size: 1.15rem;}
.newsList .tm{font-size: 1rem;margin-bottom: 1em;font-weight: 300;}
.newsList .more{float: right;transition: .4s;transform: scale(.8);}
.newsList li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05); transform:scale(1.05)}
.newsList li:hover .txt h3{color: var(--blue-color-dark);}

.newsContent{position: relative;}
.newsContent img{max-width: 100%;}
.newtit{color:var(--black-color);font-size:2em;text-align: center;line-height: 1.4;}
.newtm{ color:#999;text-align: center;font-size:.9em;margin:1em 0 2em;}
.newtm span{margin:0 10px;}
.newdetail{ border-top: 1px solid #e8e8e8;padding:3em 0 0;}
.newdetail p{ margin-bottom: .5em;}
.newdetail b, .newdetail strong{color: var(--black-color);}
.newdetail .ttit{font-size: 1.25em;color: var(--blue-color-dark);margin-bottom: .8em;font-weight: bold;position: relative;padding-left: 10px;line-height: 1.2;}
.newdetail .ttit::before{content: '';width: 3px;height: 90%;position: absolute;top: 5%;left: 0;background-color:#148ef9;}
.newdetail table{font-size: .85em;margin: 0 auto;}
.newdetail table td{border: 1px solid #ddd;padding: 5px;}
.newdetail table p{margin-bottom: 0;}
.newdetail video{max-width: 100%;height: auto;}
.pageturn{position: relative;border-top: 1px solid #e8e8e8;padding-top: 2em;margin-top: 3em;}
.pageturn p{width: 60%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 2;}
.pageturn p a:hover{color: var(--blue-color-dark);}
.pageturn .more_l{ position: absolute;right: 0;top:3em;}
.pageturn .more_l span{padding: 0 15px 0 20px;line-height: 2.5;}
.pageturn .more_l i{margin-left: 8px;}
/*technology & solution*/
.nbanner-tech{height: 100vh;}
.nbanner-tech .img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;margin: auto;height: 100%;}
.nbanner-tech .tit{position: absolute;left: 10%;top: 45%;font-size: 1.5em;}
.nbanner-tech .tit .more_l{font-size: 1em;font-weight: 300;}
.nbanner-tech .tit .more_l span{line-height: 45px;}
.nbanner-tech .tit h3{color: var(--black-color);font-size: 2.5em;font-weight: bold;margin-bottom: .5em;text-shadow: 0 1px 1px #fff;}
.nbanner-tech .inner-nav{position: absolute;left: 0;right: 0;bottom:0;font-size: 1.625em;}
.nbanner-tech .inner-nav ul{display: flex;display: -webkit-flex;justify-content: center;padding: 0 10%;}
.nbanner-tech .inner-nav li{width: 20%;border-bottom: 1px solid #ededed;overflow: hidden;}
.nbanner-tech .inner-nav li:not(:last-child){border-right: 1px solid #ededed;}
.nbanner-tech .inner-nav li:first-child{border-top-left-radius: 25px;}
.nbanner-tech .inner-nav li:last-child{border-top-right-radius: 25px;}
.nbanner-tech .inner-nav a{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;background-color: #fff;padding: 10%;}
.nbanner-tech .inner-nav h4{color: var(--black-color);font-weight: bold;line-height: 1.2;}
.nbanner-tech .inner-nav h4 span{display: block;}
.nbanner-tech .inner-nav .arrow{width: 35px;height: 35px;border-radius: 50%;background-color: var(--blue-color);position: relative;}
.nbanner-tech .inner-nav .arrow i{display: block;width: 12px;height: 12px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;left:11px;top: 8px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.nbanner-tech .inner-nav h4, .nbanner-tech .inner-nav .arrow, .nbanner-tech .inner-nav .arrow i{-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;}
.nbanner-tech .inner-nav li.cur, .nbanner-tech .inner-nav li:hover{border-bottom: 1px solid var(--blue-color);}
.nbanner-tech .inner-nav li.cur{border-right: 1px solid var(--blue-color);}
.nbanner-tech .inner-nav .cur a, .nbanner-tech .inner-nav li:hover a{background-color: var(--blue-color);}
.nbanner-tech .inner-nav .cur h4, .nbanner-tech .inner-nav li:hover h4{color: #fff;}
.nbanner-tech .inner-nav .cur .arrow, .nbanner-tech .inner-nav li:hover .arrow{background-color: #fff;}
.nbanner-tech .inner-nav .cur .arrow i, .nbanner-tech .inner-nav li:hover .arrow i{border-right: 1px solid var(--blue-color);border-bottom: 1px solid var(--blue-color);}
.main-tech{font-size: 1.25em;color: var(--black-color-light);}
.nav-list{position: relative;max-width: 30%;}
.nav-list:before{content: '';width: 10px;height: 100%;background-color: #e7f3fe;position: absolute;left: 0;top: 0;}
.nav-list li{position: relative;}
.nav-list li:before{content: '';width: 10px;height: 0;background-color: var(--blue-color);position: absolute;left: 0;top: 0;transition: .4s;}
.nav-list li>a{display: block;padding: 15px 30px;color: #aaa;}
.nav-list p{font-weight: bold;font-size: 1.1em;transition: .4s;}
.nav-list span{display: none;font-weight: 300;color: var(--black-color-light);line-height: 1;}
.nav-list .active p{font-size: 1.3em;color: var(--black-color-light);}
.nav-list .active span{display: block;}
.nav-list .active:before{height: 100%;}
.content-tech .box{width: 70%;}
.content-tech .item{opacity: 0;visibility: hidden;height: 0;overflow: hidden;}
.content-tech .active{opacity: 1;visibility: visible;height: auto;overflow: inherit;}
.tech-fscl{opacity: 0;transition: .5s;}
.tech-fscl li{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.tech-fscl li:not(:last-child){margin-bottom: 3%;}
.tech-fscl li:nth-child(even){flex-direction: row-reverse;}
.tech-fscl .pic{width: 46%;}
.tech-fscl .pic:before{padding-top: 66.66%;}
.tech-fscl .txt{width: 46%;}
.tech-fscl h4{font-size: 1.25em;color: var(--blue-color-dark);margin-bottom: .3em;font-weight: bold;}
.tech-fscl .infor p{margin-bottom: 1em;line-height: 1.5}
.tech-fscl .num{display: flex;display: -webkit-flex;align-items: flex-start;}
.tech-fscl .num span{font-size: 2em;flex-shrink: 0;margin-right: 20px;line-height: 1;}
.tech-fscl li:nth-child(2) .pic img{object-fit: contain;}
.content-tech .active .tech-fscl{opacity: 1;}

.nav-list-row{display: flex;display: -webkit-flex;justify-content: center;}
.nav-list-row li{margin: 0 25px;line-height: 1.2;text-align: center; position: relative;}
.nav-list-row a{color: var(--black-color-light);font-size: 1.25em;padding-bottom: 10px;display: block;}
.nav-list-row li:after{content: '';width: 0;height: 5px;background-color: var(--blue-color-dark);position: absolute;left: 50%;bottom: 0; transition: .4s;}
.nav-list-row li.active::after{width: 100%;left: 0;}
#fqcl{width: 100%;}
.tech-fqcl{display: flex;display: -webkit-flex;background-color: #fff;margin-top: 4%;position: relative;border-radius: 15px;}
.tech-fqcl:after{content: '';width: 52%;height: 100%;position: absolute;right: 0;top: 0; box-shadow: 0 5px 25px rgba(0, 0, 0, .1);border-radius: 15px;z-index: -1;}
.tech-fqcl .pic{width: 50%;background-color: #e7edf2;border-radius: 15px;}
.tech-fqcl .pic img{object-fit: contain;height: 95%;width: 80%; margin: auto;}
.tech-fqcl .txt{width: 50%;padding:3% 5%;}
.tech-fqcl .txt .pmt{max-height: 220px;}
.tech-fqcl .align-c{margin-top: 1em;font-size: 1.05em;}
.tech-fqcl .pic:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); transform: scale(1.05);}
.tech-fqcl{-webkit-transform: translateY(10px);transform: translateY(10px);opacity: 0;transition: .5s;}
.content-tech .active .tech-fqcl{-webkit-transform: translateY(0); transform: translateY(0);opacity: 1;}
.tech-zcs ul{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.tech-zcs li{border-radius: 15px;position: relative;overflow: hidden;width: 30.33%;margin-right: 3%;margin-bottom: 2%;}
.tech-zcs .pic:before{padding-top: 66.66%;}
.tech-zcs p{font-size: 1.25em;color: #fff;text-align: center;background-color: rgba(20, 142, 249, .5);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;left: 0;right: 0;bottom: 0;padding:6px 20px;font-weight: 300;}
.tech-zcs li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); transform: scale(1.05);}
.section-sol{background: url(../images/sol-bg.jpg) no-repeat center;background-size: cover;}
.section-sol::before{content: '';padding-top: 26%;display: block;}
.section-sol p{font-size: 4em;background-color: var(--blue-color-dark);color: #fff;position: absolute;left: 10%;top:50%;letter-spacing: 5px;padding:20px 80px;line-height: 1;}

.content-sol .box{width: 70%;}
.nav-list-2{position: relative;max-width: 30%;}
.nav-list-2:before{content: '';width: 10px;height: 100%;background-color: #e7f3fe;position: absolute;left: 0;top: 0;}
.nav-list-2 li{position: relative;}
.nav-list-2 li:before{content: '';width: 10px;height: 0;background-color: var(--blue-color);position: absolute;left: 0;top: 0;transition: .4s;}
.nav-list-2 h4{font-weight: bold;font-size: 1.1em;}
.nav-list-2 h4 a{color: #aaa;padding: 15px 30px; display: block;}
.nav-list-2 .sub{display: none;font-weight: 300;line-height: 1.5;padding: 0 30px 15px 30px;margin-top: -10px;}
.nav-list-2 .sub a{color:#d1d1d1;display: block;}
.nav-list-2 .sub a:hover{color: var(--blue-color-dark);}
.nav-list-2 .active h4{font-size: 1.3em;}
.nav-list-2 .active h4 a{color: var(--black-color-light);}
.nav-list-2 .active .sub{display: block;}
.nav-list-2 .active:before{height: 100%;}
.content-sol .box{width: 70%;}
.content-sol .item{opacity: 0;visibility: hidden;height: 0;overflow: hidden;}
.content-sol .active{opacity: 1;visibility: visible;height: auto;overflow: inherit;}
.sol-fscl .tit{display: flex;display: -webkit-flex;align-items: center;color: var(--blue-color-dark);font-size: 1.5em;font-weight: bold;margin-bottom: 1em;}
.sol-fscl .tit .ico{width: 80px;height: 80px;border-radius: 50%;background-color: var(--blue-color-dark);display: flex;display: -webkit-flex;justify-content: center;align-items: center;margin-right: 20px;}
.sol-fscl .tit .ico img{height: 50%;}
.sol-fscl .infor h4{font-weight: bold;color: var(--blue-color-dark);font-size: 1.25em;margin-bottom: .5em;margin-top: 1em;}

.section-aftersale{background:url(../images/afterbg.jpg) no-repeat center;background-attachment: fixed;padding: 80px 0;background-size: 100% auto;}
.content-aftersale{background-color: #fff;max-width: 1050px;margin: 0 auto;padding: 55px 90px;position: relative;;}
.content-aftersale .tit{position: absolute;left: 35px;top: -25px;background-color: var(--blue-color);color: #fff;font-size: 1.5em;font-weight: bold;padding: 0 35px;line-height: 2;}
.content-aftersale .box{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;}
.content-aftersale .txt{width: 52%;font-size: .8em;text-align: center;}
.content-aftersale .txt .more_l{margin-top: 1.5em;font-size: 1.15em;}
.content-aftersale .txt .more_l span{line-height: 45px;padding: 0 20px;}
.content-aftersale .txt .more_l i{margin-left: 8px;}
.content-aftersale .aftersale-slide{width: 38%;position: relative;}
.aftersale-slide .pic::before{padding-top: 80%;}
.aftersale-slide .swiper-pagination{width: 100%;padding-top: 5px;}
.aftersale-slide .swiper-pagination-bullet{outline: none;margin: 0 10px;width: 20px;height: 20px;background-color: #b6cadf;}
.aftersale-slide .swiper-pagination-bullet-active{background-color: #0d4f96;}
.serList li{display: flex;display: -webkit-flex;align-items: center;margin-bottom: 6%;background: url(../images/bg.jpg) no-repeat right center;background-size: auto 100%;}
.serList li:nth-child(even){flex-direction: row-reverse;background: url(../images/bg_2.jpg) no-repeat left center;background-size: auto 100%;}
.serList .pic{width: 60%;}
.serList .pic::before{padding-top: 50%;}
.serList .txt{width: 40%;padding: 5%;}
.serList h3{color: var(--black-color-light);font-weight: bold;font-size: 2em;padding-bottom: 25px;background: url(../images/leaf_2.png) no-repeat left bottom;background-size: 50px auto;line-height: 1.2;margin-bottom: 1em;}

/*product & case*/
.main-product{font-size: 1.125em;color: var(--black-color-light);}
.nav-list-proBox{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;font-size: 1.5em;margin-bottom: 2em;}
.nav-list-proBox.align-c{justify-content: center;font-size: 1.2em;}
.nav-list-pro{display: flex;display: -webkit-flex;}
.nav-list-pro li:not(:last-child){margin-right: .6em;}
.nav-list-pro a{color: var(--black-color-light);line-height: 1.2;display: block;padding: 15px 25px;}
.nav-list-pro .cur a, .nav-list-pro li:hover a{background-color: #f3f7ff;color: var(--blue-color-dark);}
.nav-list-proBox .more_3{border-radius: 35px;}
.nav-list-proBox .more_3 span{padding: 10px 25px;line-height: 1.2;}
.nav-list-proBox .more_3 i{transform: rotate(135deg);width: 18px;height: 18px;margin-left: 15px;margin-top: -15px;}
.nav-list-pro-sed{margin-bottom: 2em;}
.nav-list-pro-sed ul{display: flex;display: -webkit-flex;justify-content: center;}
.nav-list-pro-sed li{margin: 0 20px;position: relative;}
.nav-list-pro-sed li:not(:last-child)::after{content: '';width: 1px;height: 15px;position: absolute;right: -20px;top: 5px;background-color: #ddd;}
.nav-list-pro-sed li.cur a, .nav-list-pro-sed a:hover{color: var(--blue-color-dark);}
.productList ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -5%;}
.productList li{width: 28.33%;margin-bottom: 4%;margin-right: 5%;background-color: #fff;border-radius: 15px;overflow: hidden;box-shadow: 0 2px 25px rgba(0, 0, 0, .08);}
.productList a{display: block;padding:30px 60px;position: relative;}
.productList .pic:before{padding-top: 100%;}
.productList .pic img{max-width: 90%;max-height: 90%;object-fit: contain;margin: auto;}
.productList .txt{color: var(--black-color-light);}
.productList h3{color: var(--blue-color);font-size: 1.25em;font-weight: 500;margin-bottom: .6em;line-height: 1.2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.productList .intro{line-height: 1.5;margin-bottom: 1em; font-size: .9em;min-height: 4.5em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3}
.productList .intro p{position: relative;padding-left: 10px;}
.productList .intro p:before{content: '';width: 4px;height: 4px;border-radius: 50%;background-color: var(--black-color-light);position: absolute;left: 0;top: .6em;}
.productList h5{font-size: 1em;color: var(--black-color-light);position: absolute;left: 35px;top: 30px;padding-left: 25px;z-index: 3;}
.productList h5:before{content: '';width: 15px;height: 15px;border-radius: 50%;background-color: var(--blue-color);position: absolute;left: 0;top: 5px;}
.productList .more_l{transition: .4s;}
.productList li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); transform: scale(1.05);}
.productList li:hover .more_l{background-color: var(--green-color);}
.main-product-detail .section:nth-child(1){background-color: #f3f3f3;}
.main-product-detail .locat{margin-top: 100px;font-size: 1.15em;background: url(../images/leaf.png) no-repeat left center;padding-left: 35px;background-size: auto 15px;color: #333;display: flex;display: -webkit-flex;align-items: center;}
.main-product-detail .locat a{color: #333;}
.main-product-detail .locat i{width: 8px;height: 8px;border-right: 1px solid #333;border-top: 1px solid #333;display: block;transform: rotate(45deg);margin-right:10px;margin-left: 6px;}
.main-product-detail .locat a:hover{color: #148ef9;}
.productxq-top{margin-top: 50px;}
.productxq-top .left{width: 50%;}
.productxq-top .left img{display: block;margin: auto;}
.productxq-top #proimgslide{border-radius: 15px;background-color: #fff;border-radius: 15px;margin-bottom: 15px;}
.productxq-top #proimgslide .swiper-slide{padding: 35px;}
.productxq-top #proimgslide .pic:before{padding-top: 75%;}
.productxq-top #proimgslide .pic img{object-fit: contain;}
.productxq-top #proimgslide video{object-fit: contain;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;cursor: pointer;}
.productxq-top #thumb-list .pic:before{padding-top: 100%;}
.productxq-top #thumb-list .pic img{object-fit: contain;}
.productxq-top #thumb-list .swiper-slide{background-color: #fff;border-radius: 15px;cursor: pointer;padding: 15px;}

.productxq-top .right{width: 45%;}
.productxq-top .right h2{font-size: 3.75rem;color: #333;font-weight: 500;line-height: 1.2;margin-bottom: .5em;} 
.productxq-top .right .intro{font-size: 1.15em;}
.productxq-top .right .ltit{color: #148ef9;font-size: 1.25em;margin-bottom: .5em;position: relative;padding-left: 25px;line-height: 1.2;}
.productxq-top .right .ltit::before{content: '';width: 15px;height: 15px;border-radius: 50%;background-color: #148ef9;position: absolute;left: 0;top:6px;}
.productxq-top .intro-bot{display: flex;display: -webkit-flex;border-top: 1px solid #d8d8d8;margin-top: 30px;padding-top: 30px;}
.productxq-top .intro-bot .canshu{width: 50%;margin-right: 10%;}
.canshu th{background-color: #b3b3b3;color:#fff;text-align: left;padding: 5px 10px;font-weight: normal;}
.canshu td{padding: 5px 10px;color: #333;border: 1px solid #e8e8e8;font-size: .9em;}
.canshu tr:nth-child(even) td{background-color: #fff;}
.canshu tr:nth-child(odd) td{background-color: #f7f7f7;}
.productxq-top .other{width: 40%;}
.productxq-top .other li{width: 100%;margin-bottom: 4%;line-height: 60px;border-radius: 30px;color: #fff;overflow: hidden;font-size: 1.25em;}
.productxq-top .tel{background-color: #0d4f96;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.productxq-top .tel i{display: block;width: 30px;height: 30px;background: url(../images/ico-tel-w.png) no-repeat center;background-size: 30px;margin-right: 10px;}
.productxq-top .msg a{background-color: #1a933f;display: flex;display: -webkit-flex;align-items: center;justify-content: center;color: #fff;}
.productxq-top .msg i{display: block;width: 30px;height: 30px;background: url(../images/ico-msg-w.png) no-repeat center;background-size: 30px;margin-right: 10px;}
.title-pro{color: #148ef9;font-size: 2rem;margin-bottom: .6em;position: relative;line-height: 1.5;}
.content-hy{font-size: 1.15em;}
.hy-imglist{display: flex;display: -webkit-flex;justify-content: space-between; text-align: center;margin-top: 1.5em;}
.hy-imglist li{width: 32.33%;}
.hy-imglist li img{display: block;border-radius: 15px;}
.marg-top{margin-top: 90px;}
.yuanli-probox{display: flex;display: -webkit-flex;justify-content: space-between;}
.yuanli-probox .video, .yuanli-probox .intro{width: 49%;padding: 65px;background-color: #fff;box-shadow: 0 2px 20px rgba(0, 0, 0, .05);border-radius: 15px;position: relative;}
.yuanli-probox .video video{display: block;max-width: 100%;max-height: 500px;margin: auto;cursor: pointer;}
.yuanli-probox .intro p{margin-bottom: 8px;}
.yuanli-probox .intro img{max-height: 350px;max-width: 100%;}
#provideo video{display: block;max-width: 100%;max-height: 500px;margin: auto;cursor: pointer;}
.yuanli-probox .swiper-button-prev, .yuanli-probox .swiper-button-next{ width:25px; height:25px; margin-top:-12px; outline:none; opacity:.6; top:50%; overflow:hidden; transition: .3s;outline: none;background: none;}
.yuanli-probox .swiper-button-prev{border-top: 2px solid #333;border-left: 2px solid #333; transform: rotate(-45deg);left:35px}
.yuanli-probox .swiper-button-next{border-top: 2px solid #333;border-right: 2px solid #333; transform: rotate(45deg);right:35px}
.yuanli-probox .swiper-button-prev:hover, .yuanli-probox .swiper-button-next:hover{ opacity:1;}
.yuanli-probox .swiper-button-disabled{opacity: .1;}

.related-product-box{margin: -15px;}
.related-product{padding: 15px;padding-bottom: 80px;}
.related-product a{display: block;background-color: #fff;border-radius: 15px;overflow: hidden;box-shadow: 0 2px 25px rgba(0, 0, 0, .08);}
.related-product a:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); transform: scale(1.05);}
.related-product a:hover .more_l{background-color: var(--green-color);}
.related-product .swiper-pagination-bullet{width: 20px;height: 20px;margin: 0 10px !important;opacity:1;position: relative;border: 2px solid #eee;outline: none;background-color: transparent;transition: .3s;}
.related-product .swiper-pagination-bullet:after{content: '';position: absolute;left: 2px;top: 2px;width: calc(100% - 4px);height: calc(100% - 4px);border-radius: 50%;background-color: #eee;transition: .3s;}
.related-product .swiper-pagination-bullet-active{border: 2px solid var(--blue-color);} 
.related-product .swiper-pagination-bullet-active:after{background-color: var(--blue-color);}

.section-video-img img{display: block;width: 100%;}
.section-video .i-yuanli-list .swiper-scrollbar{background-color: #dcf2fd;}
.section-video .i-yuanli-list .swiper-scrollbar-drag{background-color: var(--blue-color);}
.newdetail #video{max-width: 1200px;max-height: 675px;margin: 0 auto;display: block;}
.section-case{background: url(../images/casebg.jpg) no-repeat center;background-size: cover;}
.section-case .wrap{padding:0 6%;}
.tit-cont{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;color: #fff}
.tit-cont .titl{font-size: 2.5em;font-weight: bold;}
.tit-cont .more{display: flex;display: -webkit-flex;align-items: center;font-size: 1.25rem;}
.tit-cont .more span{color: #fff;margin-left: 5px;}
.tit-cont .more .arrow{margin-bottom: 0;width: 45px;height: 45px;background-size: auto 22px;;}
.case-category{margin-top: 1.5em;}
.case-category ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.case-category li{background-color: #fff;border-radius: 15px;padding: 30px;width: 28%;}
.case-category h5{font-size: 1em;color: var(--black-color-light);padding-left: 25px;position: relative;margin-bottom: 1.5em;}
.case-category h5:before{content: '';width: 15px;height: 15px;border-radius: 50%;background-color: var(--blue-color);position: absolute;left: 0;top: 6px;}
.case-category .pic{border: 10px solid #80c5f9;}
.case-category .pic:before{padding-top: 72.5%;}
.case-category .intro{min-height: 4.5em;line-height: 1.5;color: var(--black-color-light);display: -webkit-box;-webkit-line-clamp: 3;-webkit-line-clamp: 3;overflow: hidden;}
.case-category span{font-size: 1.25em;color: #fff;background-color: var(--blue-color);border-radius: 5px;padding: 0 20px;display: inline-block;line-height: 2;transition: .4s;}
.case-category li:hover span{background-color: var(--green-color);}
.case-category li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); transform: scale(1.05);}
.section-honor.space{padding-bottom: 0;}
.section-honor .title{color: var(--blue-color-dark);}

.honor-scroll{cursor: pointer;overflow: hidden;display: flex;display: -webkit-flex;margin-bottom: 60px;}
.honor-scroll-content{display: flex;display: -webkit-flex;}
.honor-scroll .img{height: 500px; margin: 0 30px;}
.honor-scroll .img img{height: 100%;display: block;}
#list, #list1, #list-r, #list1-r{display: flex;display: -webkit-flex;}


.videoList ul{display: flex;display: -webkit-flex;margin-right: -2%;flex-wrap: wrap;}
.videoList li{width: 18%;margin-bottom: 2%;margin-right: 2%;border-radius: 15px;overflow: hidden;}
.videoList a{position: relative;display: block;}
.videoList .pic:before{padding-top: 141.5%;}
.videoList .pic:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(rgba(0,0,0,.1) 70%, rgba(0,0,0,.8));transition: .4s;}
.videoList .txt{position: absolute;left: 0;right: 0;bottom: 0;padding: 30px;color: #fff;}
.videoList h3{font-weight: 500;}
.videoList p{color: var(--blue-color-dark);text-decoration: underline;}
.videoList .v-btn{width: 60px;height: 60px;border-radius: 50%;border-radius: 50%;border: 1px solid #fff;background: url(../images/ico-vd.png) no-repeat left 55% center;background-size: auto 25px;position: absolute;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;transition: .4s;}
.videoList a:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.videoList a:hover p{color: var(--green-color);}
.videoList a:hover .pic:after{opacity: .5;}
.videoList a:hover .v-btn{background-color: var(--green-color);border:1px solid var(--green-color)}
.main-detail-page{padding-top: 260px;font-size: 1.125em;}
.main-detail-page .newtit{font-size: 2.25em;}
.related-video{margin-top: 80px;}
.related-video>h3{font-size: 1.8em;color: var(--black-color-light);font-weight: 500;margin-bottom: 1em;}
.related-video .tit-cont{font-size: 1.8em;color: var(--black-color-light);font-weight: 500;margin-bottom: 1em;}
.related-video .tit-cont .titl{font-size: 1em;font-weight: 500;}
.related-video .tit-cont .more{font-size: 1.125rem;}
.related-video .tit-cont .more span{color: var(--black-color-light);font-weight: normal;}
.related-video .videoList ul, .related-video .caseList ul{margin-right: -2%;}
.related-video .videoList li, .related-video .caseList li{width: 23%;margin-right: 2%;margin-bottom: 2%;}
.related-video .caseList .more{transform: translate(-50%,-50%) scale(0.8);}

.caseList ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -3%;}
.caseList li{width: 22%;margin-bottom: 2%;margin-right: 3%;text-align: center;}
.caseList .pic{border-radius: 15px;border: 1px solid #e8e8e8;}
.caseList .pic:before{padding-top: 72.5%;}
.caseList .more{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;-webkit-transition: .4s;-moz-transition: .4s; transition: .4s;}
.caseList .more .arrow{margin-bottom: 0;background-color:rgba(26, 167, 236, .8);transform: scale(.8);}
.caseList .tit{margin-top: 15px;font-size: 1.125em;color: var(--black-color-light);-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;}
.caseList li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.caseList li:hover .more{opacity: .9;}
.caseList li:hover .tit{color: var(--blue-color-dark);}
/*===========================contact================================*/
.nbanner-contact .conn{position: absolute;left: 0;bottom: 20%;width: 100%;padding: 0 14%;display: flex;display: -webkit-flex;justify-content: space-between;}
.nbanner-contact .tit-fl{color: #fff;font-size: 1.35em;}
.nbanner-contact .tit-fl h3{font-size: 2.5em;}
.nbanner-contact .tit-fl h5{font-size: 2em;}

.contact-list{ margin-bottom:60px;font-size: 1.15em;}
.contact-list ul{ display:flex;display:-webkit-flex;justify-content: space-between;}
.contact-list li{ width:33.33%; padding:0 2%; text-align:center; color: #333; position:relative;}
.contact-list .ico{display: flex;display: -webkit-flex;justify-content: center;align-items: center;width: 100px;height: 100px;border-radius: 50%;border: 1px solid #333;margin: 0 auto;}
.contact-list .ico img{ display:block; margin:0 auto; height:35px}
.contact-list p{line-height: 1.5;}
.contact-list .tit{margin-top:15px; margin-bottom:10px;font-size:1.4em;font-weight: 300;}

.rczl-list{font-size: 1.25em;color: var(--black-color-light);}
.rczl-list ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.rczl-list li{width: 48.5%;margin-bottom: 3%;border-radius: 15px;background-color: #fff;box-shadow: 0 2px 25px rgba(0, 0, 0, .1); overflow: hidden;padding:30px 60px;}
.rczl-list .intro{margin-bottom: 1em;min-height: 9.375em;}
.rczl-list .tit{font-size: 2.3em;font-weight: bold;}
.rczl-list li{transition: .4s;}
.rczl-list li:hover{box-shadow: 0 5px 35px rgba(0, 0, 0, .2)}
.section-hr{background: url(../images/zpbg.jpg) no-repeat center;background-size: cover;padding-right: calc(10% + 1rem);display: flex;display: -webkit-flex;align-items: center;}
.section-hr .img{width: 50%;}
.section-hr .img img{width: 100%;display: block;}
.section-hr .txt{text-align: center;width: 50%;padding: 1% 5%;}
.section-hr .txt h3{color: var(--black-color-light);font-weight: bold;font-size: 5.6em;line-height: 1;}
.section-hr .txt a{font-size: 2.5em;display: inline-block;font-weight: 500;background-color: var(--blue-color-dark);padding: 0 60px;color: #fff;border-radius:50px;line-height:100px;margin-top: 2.5em;}
.section-hr .txt a:hover{background-color: var(--green-color);}
.rczl-list02{font-size: 1.625em;margin-top: 4em;}
.rczl-list02 ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.rczl-list02 li{width: 26%;text-align: center;color: #0d0d0d;}
.rczl-list02 .tit{font-weight: bold;font-size: 1.7em;background: url(../images/ico-rctit.png) no-repeat center bottom;padding-bottom: 30px;margin-bottom: 1em;}
.rczl-list02 .intro{line-height: 1.4;}
.section-hrbox{background: url(../images/joinbg.jpg) no-repeat center;
    background-attachment: fixed;
    padding: 80px 0;
    background-size: 100% auto;
    font-size: 1.25em;
}
.content-hrbox{padding: 0 !important;}
.content-hrbox .txt{width: 50%;padding: 60px;}
.content-hrbox .gshj{width: 50%;}
.content-hrbox .gshj img{display: block;width: 100%;height: 100%;object-fit: cover;}

.hrBox{ line-height:1.8;font-size: 1.125em;}
.hrBox .top{border-bottom: 1px solid #e5e5e5; font-size:1.125em;background: var(--blue-color); color:#fff}
.hrBox .top .colm, .hrList .colm{ float:left;padding: 15px 3%;width:20%; text-align:center}
.hrBox .top .colm5, .hrList .colm5{position:relative}
.hrList .colm1{ text-align:left}
.hrList .colm5:after{ content:""; width:8px; height:8px; border-right:1px solid #666; border-bottom:1px solid #666; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position: absolute;top: 10px;}
.hrList .ttit{border-bottom: 1px solid #e5e5e5;display: flex;display:-webkit-flex;align-items: center; cursor:pointer}
.hrList li.cur{background: #fafafa;}
.hrList li.cur .colm5:after{ -webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);top:12px}
.hrList .hide{ background:#fafafa; padding:2% 3% 3%; display:none}
.hrList .hide strong{color: var(--black-color-light);}

#allmap{width:100%;height:600px;line-height:22px; font-size:14px; border:0;}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}
#allmap .map-address-name {
	text-align: center;
	font-size: 16px;
	line-height: 1.1;
	color: #333;
	padding: 10px 0;
}

#allmap .map-address-detail {
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #888;
}
.message form{max-width: 1000px;margin: 0 auto;}
.message .row{display: flex;display: -webkit-flex;justify-content: space-between;margin-bottom: 2%;}
.message .colum{width: 49%;}
.message .inp{width: 100%;border: 1px solid #ddd;line-height:48px;height: 50px;padding: 0 15px;transition: border-color .5s;}
.message textarea{width: 100%;height:200px; display:block;border: 1px solid #ddd;line-height:24px;padding:15px;transition: border-color .5s;}
.message .submit{ width:200px; line-height:60px; height:60px; text-align:center; cursor:pointer; font-size:18px; border:0; background:var(--blue-color); color:#fff; margin:30px auto 0; display:block;border-radius: 30px;;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.message .row_yzm{justify-content: flex-start;}
.message .row_yzm .inp{width: 25%;}
.message .inp:hover, .message textarea:hover{box-shadow: 0 0 5px rgba(0,0,0,0.1);overflow:hidden}
.message .submit:hover{background-color: var(--green-color);}

.pages{margin-top: 30px;}
.pagination{height: auto !important;padding: 0 !important;}
.jkyqlist li{display: flex;display: -webkit-flex;justify-content: space-between;margin-top: 2%;}
.jkyqlist .pic{border: 1px solid #eee;width: 300px;}
.jkyqlist .pic::before{padding-top: 75%;}
.jkyqlist .pic img{object-fit: contain;width: 80%;height: 80%;margin: auto;}
.jkyqlist .txt{width: calc(100% - 350px);}
