*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend{font-size: 14px;line-height: 24px;color:#666;outline:0;font-family: Arial,Arial,myanmar_font;font-style: normal;}
html,body{width:100%; position:relative;}
.bodyw,.body_st{}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{color:#0073e6;}

/** 重置图片元素 **/
.fl{float:left;}
.fr{float:right;}
.l{ float:left;}
.r{ float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1400{ width:1400px;max-width: 95%; margin:auto;}
.w1200{ width:1200px;max-width: 100%; margin:auto;}
.pd06{padding: 0 6%; box-sizing: border-box; }

.top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 9;-webkit-transition: 0.5s;transition: 0.5s;height: 100px;}
.top_h{}
.top_h .logo{}
.top_h .logo img{display: block;height:100px;padding: 20px 0;-webkit-transition:0.5s;transition:0.5s;display: none;}
.top_h .logo img.bs{display: block;}
.dh{}
.dh ul li{float: left;}
.dh ul li p a{display: block;line-height: 100px;font-size: 16px;position: relative;color: #fff;padding: 0 15px;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li p a i{font-size: 12px;padding-left: 5px;}
.dh ul li:hover p a{color: #0073e6;}
.dh ul li.on p a{color: #0073e6;}
.dh ul li{position: relative;z-index: 8;}
.dh ul li .dh_fl{position: absolute;left: 0;top: 100px;padding-top: 5px;display: none;min-width: 160px;}
.dh ul li .dh_fl ul{background: #fff;border-radius: 5px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
.dh ul li .dh_fl ul li{float: none;position: relative;}
.dh ul li .dh_fl ul li a{padding: 0 20px;font-size: 14px;line-height: 44px;color: #666;white-space: nowrap;display: flex;justify-content: space-between;align-items: center;}
.dh ul li .dh_fl ul li a i{padding-left: 20px;font-size: 12px;}
.dh ul li .dh_fl ul li a:hover{color:#0073e6;}
.dh ul li .dh_fl ul li .dh_fl{left: 100%;padding-left: 5px;top: 0;}

.top_ss{margin-left: 0.2rem;}
.top_ss span.button{ display:block; width:30px; height:100px;font-size: 22px;line-height: 100px;text-align: center;color: #fff; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}
.serach{position:fixed;left: 0; right:0px;top:0px;bottom: 0;z-index:10;display: none;}
.serach2{position:absolute;left: 0; right:0px;background:rgba(0, 0, 0, 0.7); top:0px;bottom: 0;overflow:hidden;z-index:10;display: flex;align-items: center;justify-content: center;}
.serach form{position: relative;width: 100px;max-width: 85%;border-bottom: 1px solid #fff;-webkit-transition:1s;transition:1s;}
.serach.on form{width: 1440px;}
.serach form input[type='text']{font-size:16px; width:100%; height:60px; line-height:60px;padding:0 40px 0 40px; color:#fff;background: none;}
.serach form input[type='text']::-webkit-input-placeholder {color:#fff;}
.serach form input[type='text']:-moz-placeholder{color:#fff;}
.serach form input[type='text']::-moz-placeholder{color:#fff;}
.serach form input[type='text']:-ms-input-placeholder{color:#fff;}
.serach form i{position: absolute;left: 0;top:0px;height:60px;font-size: 20px;line-height: 60px;text-align: center;color: #fff;}
.serach form a{position: absolute;right: 40px;top:0px;font-size: 16px;line-height: 60px;color: #fff;}
.serach form span{position: absolute;right: 0;top:0px;width: 24px;height:60px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #fff;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #fff;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.top_yy{position: relative;z-index: 2;margin-left: 0.2rem;}
.top_yy span{padding: 0 10px;font-size: 16px;line-height: 100px;color: #fff;display: block;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;}
.top_yy span:after{content: "";float: right;border-top: 6px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-left: 5px;margin-top: 47px;-webkit-transition:0.5s;transition:0.5s;}
.top_yy_xl{position: absolute;left:50%;top: 100px;background: #fff;display: none;padding: 10px 0;width: 100px;margin-left: -50px;border-radius: 0 0 5px 5px;border-top: 1px solid #eee;}
.top_yy_xl a{display: block;font-size: 14px;line-height: 30px;color: #666;text-align: center;}
.top_yy_xl a:hover{color: #0073e6;}

.top_bg.on{background:rgba(0,115,230, 0.8);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.top_bg.on .top_h .logo img.bs{display: none;}
.top_bg.on .top_h .logo img.hs{display: block;}
.top_bg.on .dh ul li p a{color: #fff;}
.top_bg.on .dh ul li:hover p a{color: #fff; font-weight: 600;}
.top_bg.on .top_ss span.button{color: #fff;}
.top_bg.on .top_yy span{color: #fff;}
.top_bg.on .top_yy span:after{border-top: 6px solid #fff;}

.top_bg.on2{background:rgba(0,115,230, 0.8);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.top_bg.on2 .top_h .logo img.bs{display: none;}
.top_bg.on2 .top_h .logo img.hs{display: block;}
.top_bg.on2 .dh ul li p a{color: #fff;}
.top_bg.on2 .dh ul li:hover p a{color: #fff; font-weight: 600;}
.top_bg.on2 .top_ss span.button{color: #fff;}
.top_bg.on2 .top_yy span{color: #fff;}
.top_bg.on2 .top_yy span:after{border-top: 6px solid #fff;}

.top_bg.on3{top:-100px;}

.sp_header,.sjj_nav{ display:none;}

.banner{ width:100%; overflow:hidden;position:relative;}
.banner ul li a{display: block;height: 100%;}
.banner ul li .img{overflow: hidden;height: 100%;}
.banner ul li .img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.banner ul li .txt{position: absolute;left:10%;bottom:45%;}
.banner ul li .txt .ml1{font-size:40px;line-height:60px;color: #fff;letter-spacing: 2px;}
.banner ul li .txt .ml2{font-size:26px;line-height: 36px;color: #cbcbcb;margin-top:3%;}
.banner ul li .txt .ml3{font-size: 18px;line-height: 24px;color: #fff;margin-top: 20px;}
.banner ul li.swiper-slide-active .txt .ml1{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml2{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml3{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.5s;animation-delay: 1.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bandd{ position:absolute; left:0; bottom:25px!important; width:100%; text-align:center; z-index:5;display: flex;align-items: center;justify-content: center;}
.bandd .swiper-pagination-bullet{z-index:2;cursor:pointer;margin:0 6px!important;width:8px;height:8px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:rgba(0, 0, 0, 0.5);opacity: 1!important;}
.bandd span.swiper-pagination-bullet-active{background:#0073e6;}
.bandd span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -6px;top: -6px;border: 1px solid #0073e6;width: 18px;height: 18px;border-radius: 50%;}
.banz,.bany{ position:absolute; top:50%; width:50px; height:50px;margin-top: -25px; opacity:0;  -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 20px;line-height:50px;text-align: center;color: #fff;background: rgba(255, 255, 255, 0.4);border-radius: 50%;}
.banz{ left:5%;}
.bany{ right:5%;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}

@keyframes wave{
	0%{-webkit-transform:translateX(0);transform:translateX(0);}
	50%{-webkit-transform:translateX(50%);transform:translateX(50%);}
	100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes wave2{
	0%{-webkit-transform:translateX(0);transform:translateX(0);}
	50%{-webkit-transform:translateX(-50%);transform:translateX(-50%);}
	100%{-webkit-transform:translateX(0);transform:translateX(0);}
}

.bolang-box{width:100%;height:fit-content;left: 0;right: 0;bottom:-85px;z-index: 2;}
.bolang-box .bolang{width: 200%;height:180px;bottom: 0;background-size: 60% !important;}
.bolang-box .bolang1{left: -100%;background: url(../img/bolang3.png) repeat-x center top;-webkit-animation: wave 30s linear infinite 0s reverse;animation: wave 30s linear infinite 0s reverse;}
.bolang-box .bolang2{left: 0;background: url(../img/bolang3.png) repeat-x center top;-webkit-animation: wave2 30s linear infinite 0s reverse;animation: wave2 30s linear infinite 0s reverse;opacity:.5;}
.bolang-box.hui .bolang1{background-image:url(../img/bolang4.png);}
.bolang-box.hui .bolang2{background-image:url(../img/bolang4.png);}
.absolute,[absolute]{position: absolute;}

@media screen and (max-width:1680px) {
	.bolang-box{bottom: -86px;}
}
@media screen and (max-width:1536px) {
	.bolang-box{bottom: -96px;}
}
@media screen and (max-width:1440px) {
	.bolang-box{bottom: -101px;}
}
@media screen and (max-width:1366px) {
	.bolang-box{bottom: -106px;}
}
@media screen and (max-width:1280px) {
	.bolang-box{bottom: -109px;}
}
@media screen and (max-width:1200px) {
	.bolang-box{bottom: -113px;}
}
@media screen and (max-width:1024px) {
	.bolang-box{bottom: -123px;}
}
@media screen and (max-width:750px) {
	.bolang-box{bottom: -139px;}
	.bolang-box.index{bottom: 143px;}
}

.text-center, [text-center] { text-align: center;}
.banner_app{z-index:2;left:0;bottom:8.422%;width:100%;}
.banner_app dl{ display: flex; align-items: center; justify-content: center; margin-right: -1%;} 
.banner_app dd{padding:0.5%;background-color: rgba(255, 255, 255, 0.8);backdrop-filter: blur(10px);border-radius: 20px;overflow: hidden;transition: all 0.3s;height: auto; box-sizing: border-box; margin-right: 1%; width:9%;}
.banner_app dd .name{font-size:14px;color:#333;margin-top:10px;}
.banner_app dd .icon{max-width:50px;margin:0 auto;transition:all 0.3s linear;transform:rotate(-360deg);}
.banner_app dd .icon img{width: 100%;}
.banner_app dd:hover{background-color:rgba(0,115,230,0.9);box-shadow: 0px 5px 15px 0px rgba(1, 14, 34, 0.5); ;}
.banner_app dd:hover .icon{transform:rotate(0);}
.banner_app dd:hover .icon .i1{display:none;}
.banner_app dd:hover .icon .i2{display:inline-block;}
.banner_app dd:hover .name{color:#fff;}

.m-pic, [m-pic] { position: relative; text-align: center; font-size: 0px; line-height: 1; background: url("") center center / contain no-repeat; }
.m-pic.absolute, [m-pic][absolute] { position: absolute; }
.m-pic.fixed, [m-pic][fixed] { position: fixed; }
.m-pic::before, [m-pic]::before { display: inline-block; height: 100%; vertical-align: middle; content: ""; }
.m-pic::after, [m-pic]::after { display: inline-block; vertical-align: middle; content: ""; padding-top: 0px; }
.m-pic svg, [m-pic] svg, .m-pic img, [m-pic] img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.m-pic svg[absolute], [m-pic] svg[absolute], .m-pic svg.absolute, [m-pic] svg.absolute, .m-pic img[absolute], [m-pic] img[absolute], .m-pic img.absolute, [m-pic] img.absolute { top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; }
.m-pic .v-top, .m-pic [v-top], [m-pic] [v-top], [m-pic] .v-top, .m-pic .v-middle, .m-pic [v-middle], [m-pic] [v-middle], [m-pic] .v-middle, .m-pic .v-bottom, .m-pic [v-bottom], [m-pic] [v-bottom], [m-pic] .v-bottom { display: inline-block; max-width: 100%; }
.m-pic .v-top, .m-pic [v-top], [m-pic] [v-top], [m-pic] .v-top { vertical-align: top; }
.m-pic .v-bottom, .m-pic [v-bottom], [m-pic] [v-bottom], [m-pic] .v-bottom { vertical-align: bottom; }
.max-img img, .m-img img { max-width: 100%; }

.hide, [hide], [dbs-nav] { display: none; }




@media (max-width:750px) {
	#index-swiper .swiper1::after{display:none;}
	.pn{opacity:1;}
	.banner_app{position:relative;z-index:5; /*bottom:4.422%;*/}
	.banner_app .container{padding:30px 20px;}
	.banner_app .container .swiper-pagination-bullet{width:10px;height:10px;background:rgba(0,115,230,0.2);}
	.banner_app .container .swiper-pagination-bullet-active{background:#0073e6;}
	.banner_app dl{padding:50px 10px;box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.35);}
	.banner_app dd .name{font-size:26px;}
}

.cz-title {position: relative;}
.cz-title .title-1{font-size: 20px;line-height: 20px; color: #2b2b2b;padding-left:5%;position: relative;text-transform: uppercase;}
.cz-title .title-1 i{display: block;width:35px;height:43px;position: absolute;left: 0;top:0px; background: url('../img/it1.png') no-repeat;}
.cz-title .title-2 {font-size: 40px;color: #2b2b2b;padding:5px 0 0 5%;font-weight: bold;}


.cz-title2 {position: relative;}
.cz-title2 .title-1{font-size: 20px;line-height: 20px; color: #2b2b2b;padding-left:5%;position: relative;text-transform: uppercase;}
.cz-title2 .title-1 i{display: block;width:35px;height:43px;position: absolute;left:-26px;top:0px; background: url('../img/it1.png') no-repeat;}
.cz-title2 .title-2 {font-size: 40px;color: #2b2b2b;padding:5px 0 0 5%;font-weight: bold;}

.cz-title3 {position: relative;}
.cz-title3 .title-1{font-size: 20px;line-height: 20px; color: #2b2b2b;padding-left:5%;position: relative;text-transform: uppercase;}
.cz-title3 .title-1 i{display: block;width:35px;height:43px;position: absolute;left:0px;top:0px; background: url('../img/it1.png') no-repeat;}
.cz-title3 .title-2 {font-size: 40px;color: #2b2b2b;padding:5px 0 0 3%;font-weight: bold;}



.cz-index-introduction {position: relative;overflow: hidden;background:url(../img/a_bg.jpg) no-repeat; padding: 3% 0;}
.cz-index-introduction .cz-content{width: 100%;overflow: hidden;}
.cz-index-introduction-left {width:50%; float: left;}
.cz-index-introduction-left .text-3 {font-size:17px;line-height:30px;color: #333;padding:3% 0 5%;text-align: justify;text-indent: 2em; box-sizing: border-box; letter-spacing: 1px;}
.cz-index-introduction-left .viewmore-3 {overflow: hidden;}
.cz-index-introduction-left .viewmore-3 a{border: 1px solid #0073e6;background: #0073e6; border-radius: 12px;}
/* .cz-index-introduction-left .viewmore-3 a:hover{border: 1px solid #0073e6;background: #0073e6;} */
.cz-index-introduction-left .viewmore-3 a:hover span{letter-spacing: 2px;}
.cz-index-introduction-left .item-4 {margin:0% 3% 0 0;overflow: hidden;}
.cz-index-introduction-left .item-4 li {list-style: none;margin: 0;padding:3%;float: left;width:33%;position: relative; box-sizing: border-box;}
.cz-index-introduction-left .item-4 li::after {content: '';width: 1px;height: 100%;background: #e6e8ed;position: absolute;right: 0;top: 0;}
.cz-index-introduction-left .item-4 li:last-child::after {display: none;}
.cz-index-introduction-left .item-4 li .szbt{display: block;margin: 0;padding: 0;}
.cz-index-introduction-left .item-4 li .szbt strong{display: inline-block;font-size: 44px;color: #2b2b2b;font-weight: normal;}
.cz-index-introduction-left .item-4 li .szbt sup {font-size:30px;font-weight: normal;}
.cz-index-introduction-left .item-4 li p{display: block;font-size: 15px;color: #a1a7b2;margin: 10px 0;padding: 0;}
.cz-index-introduction-left .item-4 li i{display: block;width: 40px;height: 40px;position: absolute;right:10%;top: 25%;}
.cz-index-introduction-left .item-4 li i img{width: 100%; display: block;}
/* .cz-index-introduction-right {float: right;width: 50%;overflow: hidden;background: #000;} */

.cz-index-introduction-right {float: right;width:43%;overflow: hidden;position: relative; border-radius:24px;}
.cz-index-introduction-right .img{overflow: hidden; -webkit-transition:0.5s; transition:0.5s;}
.cz-index-introduction-right .img img{width: 100%;-webkit-transition:0.5s; transition:0.5s; display: block;}
.cz-index-introduction-right .img video{display:block; width:100%;height:auto;-o-object-fit: cover;object-fit: cover;}

.cz-index-introduction-right:hover .img img {display: block;width: 100%; transform:scale(1.1); -webkit-transform:scale(1.1);}
.img-inline {display: inline-block;width: auto;height: auto;}


.viewmore-3 {width:120px;display:block;margin: 0;}
.viewmore-3 a,.viewmore-3 div {display: block;color: #fff;text-align: center;overflow: hidden;font-size: 0;border: 1px solid rgba(0,115,230,.2); line-height: 35px;}
.viewmore-3 span {font-size: 14px;display: inline-block;vertical-align: middle;margin-right:2%;letter-spacing:1px;}
.viewmore-3 i {display: inline-block;vertical-align: middle;width: 22px;height: 8px;background: url('../img/jt-r1.png') center no-repeat;}
.viewmore-3 a:hover {border: 1px solid rgba(0,115,230,1);}

.flex-lefts { display: flex; flex-wrap: wrap; justify-content: space-between;}
.shili-num ul{margin-bottom:0;margin-top:5%}
.shili-num ul li{margin-bottom:0; text-align: center; }
.shili-num ul li .num{margin-top:6%;}
.shili-num ul li .num i{font-size:52px;line-height:52px;color:#0073e6;font-weight:bold; font-style: normal;}
.shili-num ul li .num sup{font-size:24px;color:#272933;line-height:15px;margin-left:5px;vertical-align:top;top:0}
.shili-num ul li .num sup.zh{font-size:16px}
.shili-num ul li p{font-size:14px;line-height:28px;color:#272933;opacity:0.8;margin-top:2px}

.index-product{background:url(../img/index1Bg.png)no-repeat bottom;padding:4% 0; }
.index-product .pd06{display:flex;  align-items: center; }
.index-product .left{position:relative;z-index:2;width:29%;padding:0 8% 0 0;box-sizing: border-box;}
.index-product .left .subtitle{line-height:40px; font-size:40px; color: #333;margin-bottom:5%; font-weight:bold;}
.index-product .left .title{margin-bottom:2%;line-height:1em;font-size:36px; color: #dedede; text-transform: uppercase; font-weight: bold;}
.index-product .left .title span { color: #0073e6}
.index-product .left p{font-size: 15px;margin-top:8%; color: #505050;}
.index-product .left .hover-btn{margin-top:10%}
.hover-btn{display:inline-block;position:relative;padding:0.5em 2.3em;font-size:16px;color:#fff !important;border:1px solid #0073e6;border-radius:3em;overflow:hidden;transition:all 0.4s}
.hover-btn:hover{color:#0073e6 !important;border:1px solid #0073e6 !important;}
.hover-btn span{position:relative;z-index:3;color:inherit; color:#fff}
.hover-btn:before{transition:all 0.6s;transform:scale(0);position:absolute;left:0%;bottom:0%;z-index:2;width:40px;height:30px;border-radius:100%;background:#fff;content:""}
.hover-btn:after{position:absolute;left:0;top:0;width:100%;height:100%;background:#0073e6;content:""}
.hover-btn:hover:before{transition:all 0.6s;transform:scale(10)}
.hover-btn:hover span{color:#333;}

.prduct_listbox{width: calc(100% - 30%);padding:0% 0% 0; box-sizing: border-box;}


#product-list{margin-bottom: 3%;}
#product-list .swiper-pagination{top:auto;bottom:0}
#product-list .swiper-pagination-progressbar{}
#product-list .swiper-slide a{display:block;}
#product-list .swiper-slide img{width: 100%; display: block;}
#product-list .swiper-slide .title{text-align:center;font-size:22px;transition:all 0.4s; padding:5% 5% 28%; box-sizing: border-box; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight: 400;}
#product-list .swiper-slide:hover .info .title{color:#0073e6;}
#product-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#0073e6}
#product-list .swiper-slide :hover .img{box-shadow: 0px 5px 15px 0px rgba(1, 14, 34, 0.5); }
#product-list .swiper-slide .img{overflow: hidden; position: relative;border-radius: 12px;}
#product-list .swiper-slide .img img{width: 100%; display: block;border-radius: 12px;}
#product-list .swiper-slide .info2{position: absolute; top:100%; background:rgba(0,115,230, 0.5); padding: 0 4%; box-sizing: border-box; width: 100%; z-index: 9; color:#fff;transition:all 0.4s; font-size: 16px; line-height: 28px;  text-align: left; border-radius: 0 0 12px 12px;overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    display: -webkit-box !important;}
#product-list .swiper-slide:hover .info2{transform: translateY(-100%);}

#product-list .product-btn{position:absolute;z-index:2;right:100px;bottom:0;padding:0;transform:translate(50%,0%)}
#product-list .product-btn > div{width:45px;height:42px;line-height:42px;font-size:18px;text-align:center;color:#fff;background:#171717;transition:all 0.4s;float:left;margin-left:10px;}
#product-list .product-btn > div.prev{background:#999999}
#product-list .product-btn > div:hover{background:#0073e6}
#product-list .product-btn > div span{font-size:inherit;line-height:inherit;color:inherit}
.title-ms{ margin:0 30px 30px 30px;color:#333; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.title-more{text-align:center;padding-bottom:30px;}


#product-listss{margin-bottom: 3%;}
#product-listss .swiper-paginations{top:auto;bottom:0}
#product-listss .swiper-paginations-progressbar{}
#product-listss .swiper-slide a{display:block;}
#product-listss .swiper-slide img{width: 100%; display: block;}
#product-listss .swiper-slide .title{text-align:center;font-size:22px;transition:all 0.4s; padding:5% 5% 28%; box-sizing: border-box; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight: 400;}
#product-listss .swiper-slide:hover .info .title{color:#0073e6;}
#product-listss .swiper-paginations-progressbar .swiper-pagination-progressbar-fill{background:#0073e6}
#product-listss .swiper-slide :hover .img{box-shadow: 0px 5px 15px 0px rgba(1, 14, 34, 0.5); }
#product-listss .swiper-slide .img{overflow: hidden; position: relative;border-radius: 12px;}
#product-listss .swiper-slide .img img{width: 100%; display: block;border-radius: 12px;}
#product-listss .swiper-slide .info2{position: absolute; top:100%; background:rgba(0,115,230, 0.5); padding: 0 4%; box-sizing: border-box; width: 100%; z-index: 9; color:#fff;transition:all 0.4s; font-size: 16px; line-height: 28px;  text-align: left; border-radius: 0 0 12px 12px;overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    display: -webkit-box !important;}
#product-listss .swiper-slide:hover .info2{transform: translateY(-100%);}
.product-btns{position:absolute;z-index:2;right:100px;bottom:0;padding:0;transform:translate(50%,0%)}
.product-btns > div{width:45px;height:42px;line-height:42px;font-size:18px;text-align:center;color:#fff;background:#171717;transition:all 0.4s;float:left;margin-left:10px;}
.product-btns > div.prevs{background:#999999}
.product-btns > div:hover{background:#0073e6}
.product-btns > div span{font-size:inherit;line-height:inherit;color:inherit}


.dsip{padding:4% 0; overflow: hidden;}
.FK{font-weight: bold; font-size: 33px;}
.dsip .title{text-align: center;width:100%;position:relative; display: flex; align-items: center; justify-content: flex-start;}
.dsip .title .cabt{text-transform:uppercase; font-weight: bold; font-size: 28px; color: #000; margin: 0 2%;}
.dsip .title em{font-family: 'Conv_BebasNeue-Regular';color:#0073e6;}
.dsip .title i{width:6px;height:6px;background:#0073e6;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;}
.dsip .title .byi{width:17px;background: url(../img/pic16.png) no-repeat center;height:17px;}
.dsip .title .ber{width:17px;background: url(../img/pic16_1.png) no-repeat center;height:17px;}
.dsip .box{position: relative; overflow: hidden;}
.dsip .hd{position: absolute;left: 6%;top:6px;width: 40%;}
.dsip .hd ul{margin-left: -2%;margin-top: 5%;}
.dsip .hd li{cursor: pointer;width:17%;line-height: 40px;text-align: center;border:1px solid #e6e6e6;float: left;margin-left:3%;margin-bottom: 15px;border-radius:20px;color:#777;font-size:22px; transition:all 0.6s; letter-spacing:12px;}
.dsip .hd li h2{font-weight: bold;font-size: 18px;padding-bottom: 10px;}
.dsip .hd li p{line-height: 24px;}
.dsip .hd li.on{color: #fff;border:1px solid #0073e6; background: #0073e6;}
.dsip .hd li:hover{transform:scale(1.15);color: #fff;border:1px solid #0073e6; background: #0073e6;}
.dsip .bd{}
.dsip .bd .txt{width: 40%;margin-top:10%; float: left;}
.dsip .bd .txt a{ display:inline-block}
.dsip .bd .txt .caxbt{font-size:22px;color: #0073e6;}
.dsip .bd .txt .xian{width: 50px;height: 2px;background: #CCC;margin-top: 20px;}
.dsip .bd .txt p{margin:2% 0 4%;line-height: 28px;font-size: 16px;color:#666; letter-spacing: 1px;}
.dsip .bd .txt .more{margin-top: 20px;line-height: 30px;}
.dsip .bd .txt .more a{color: #0073e6;font-size: 15px;}
.dsip .bd .pic{float: right; border-radius:24px; overflow: hidden; width: 45%;}
.dsip .bd .pic img{width: 100%; transition:all 0.4s; display: block;border-radius: 24px;}
.dsip .bd:hover .pic img{transform:scale(1.1); -webkit-transform:scale(1.1);border-radius: 24px;}
.dsip .bd .pic video{display:block; width:100%;height:auto;-o-object-fit: cover;object-fit: cover;}


.Floor0006{padding:3% 0 0 0 ; position: relative;}
.Floor0006 .auto{padding:3%; position: relative; background:#e9f1fb; border-radius: 10px; overflow: hidden; box-sizing: border-box; margin: 3% 0 0 0;} 
.Floor0006 .arw2{width: 22px; height:4vw; background:url(../img/arow3.png) no-repeat center bottom; position: absolute; left:50px;bottom: -4vw; opacity: 1 !important;z-index: 0}
.Floor0006 .titless{position: absolute; left:0; top:0px;width: 220px; height: 100%; background:url(../img/tbg.png) no-repeat center bottom #0073e6; padding:80px 30px; text-align: center;box-shadow: 0px 5px 15px 0px rgba(1, 14, 34, 0.5); border-radius: 10px; overflow: hidden; background-size: cover;font-size: 40px;
    color: #fff; font-weight: 600;}
.Floor0006 .titless h1{font-size: 22px; font-weight: normal; margin: 0; color: #fff}
.Floor0006 .slider li{}
.Floor0006 .slider li:hover{opacity:1}
.Floor0006 .slider li .ytable{width:90%; margin:0 auto; padding:4% 0;background: #fff; border-radius:8px; margin-bottom: 4%;}
.Floor0006 .slider li img{max-width:100%; margin:0 auto;display:block;height:68px;transition: transform .5s ease-in-out}
.Floor0006 .slider li:hover img{transform: scale(1.06);}
.Floor0006 .slick-dots{text-align:center; padding-top:10px;}
.Floor0006 .slick-dots li{cursor:pointer; display:inline-block;width:12px; margin:0 3px; height:12px; border-radius:50%; border:1px solid #9c9c9c;}
.Floor0006 .slick-dots li button{display:none;}
.Floor0006 .slick-dots li.slick-active{background:#0073e6; border-color:#0073e6;}
.Floor0006 .slick-arrow{font-size:0; width:26px !important; height:26px !important; border:none; position:absolute; bottom:10px;; background:none !important; cursor:pointer; padding:0; transition: 0.5s}
.Floor0006 .slick-prev{left:0; margin-left: -195px; opacity: 0.5}
.Floor0006 .slick-next{left:0; margin-left: -175px; opacity: 0.8}
.Floor0006 .slick-next::before,
.Floor0006 .slick-prev::before{position:absolute; content:''; width:50%; height:50%; border-top:2px solid #ebf4f4; border-right:2px solid #ebf4f4; top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);transition: 0.5s}
.Floor0006 .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.Floor0006 .slick-next:hover::before,
.Floor0006 .slick-prev:hover::before{border-color:#fff; opacity: 1}
.Floor0006 .slick-next:hover,
.Floor0006 .slick-prev:hover{opacity: 1}

@media(max-width:768px){
	.Floor0006 {padding:3% 0 0}
	.Floor0006 .auto{padding:0 }
	.Floor0006 .title{ position: relative; width: 100%; padding: 20px; border-radius: 0 }
	.Floor0006 .title img{ height: 25px; }
	.Floor0006 .slider{ padding:20px}
	.Floor0006 .slider li .ytable{ padding: 10px 0; width: 90%}
}



.i_honor{overflow: hidden; position: relative;}
.i_honor img{width: 100%; display: block;}
.i_honor .pd06{position:absolute; top: 11%; left:0%; z-index: 9; }
.cz-title4 {width: 100%;}
.cz-title4 .title-1{font-size: 20px;line-height: 20px; color: #2b2b2b;padding-left:5%;position: relative;text-transform: uppercase;}
.cz-title4 .title-1 i{display: block;width:35px;height:43px;position: absolute;left:0px;top:0px; background: url('../img/it1.png') no-repeat;}
.cz-title4 .title-2 {font-size: 40px;color: #2b2b2b;padding:5px 0 0 2.5%;font-weight: bold;}


.capabilities{}
.capabilities .swiper-father{position:relative; overflow:hidden;}
.capabilities .capabilitiesny{padding-top:0%;}
.capabilities .capabilitiesny .swiper-slide{}
.capabilities .capabilitiesny .swiper-slide img{width:100%;}
.capabilities .capabilitiesny .swiper-slide p{font-size:15px;text-align:center;line-height:30px;padding:10px 0; color:#222;}
.capabilities .swiper-father .swiper-button-next,.capabilities .swiper-father .swiper-button-prev{width:45px;height:45px;text-align:center;box-sizing:border-box;}
.capabilities .swiper-father .swiper-button-next i,.capabilities .swiper-father .swiper-button-prev i{ line-height:45px }
.capabilities .swiper-father .swiper-button-next i img,.capabilities .swiper-father .swiper-button-prev i img{vertical-align:middle; width:100%;}
.capabilities .swiper-father .left{right:0;outline:medium; background:rgba(0,0,0,0.65);}
.capabilities .swiper-father .right{left:-0;outline:medium; background:rgba(0,0,0,0.65);}
.capabilities .swiper-father .left:hover i,.capabilities .swiper-father .right:hover i{color:#0073e6;}
.capabilities .swiper-pagination-bi{position:absolute;bottom:-15px;z-index:11;text-align:center; width:100%;}
.capabilities .swiper-pagination-bi .swiper-pagination-bullet{margin:0 5px;}
.capabilities .swiper-pagination-bullet{width:12px;height:12px;background:#bbb;border-radius:10px}
.capabilities .swiper-pagination-bullet-active{background:#0073e6;opacity:1;}
.capabilities .swiper-father .swiper-button-next::after,.capabilities .swiper-father .swiper-button-prev::after{display:none;}


/*==首页案例↓==*/
.CaseHome{ padding: 4% 0; overflow: hidden; background: url(../img/a_bg2.png) no-repeat center;background-size: cover;}
.CaseHome .hzimg{width:100%; margin:5% 0 0}
.CaseHome .hzimg img{max-width:100%; display:block; margin:0 auto}
.CaseHome .list-wap{display: none;width:100%;margin:0 0 -2% -2%;}
.CaseHome .list-wap li{float:left;width:48%;margin:0 0 2% 2%;padding: 10px;background: #fff;}
.CaseHome .list-wap li h4{color:#333;font-size:16px;margin-top: 12px;}
.CaseHome .list-wap li p{margin-top:10px;color:#666;font-size:14px;-webkit-line-clamp: 2;}
.CaseHome .list-wap li .more{margin:10px 0 0 0;display: table;color:#fff;font-size:12px; padding:6px 20px; background: #666;}
/*==滚动图↓==*/
#certify {position:relative;width:1600px;margin:0 auto;padding:0 25px; margin-top:2%;}
#certify .swiper-container {padding:10px 0; }
#certify .swiper-slide {width:640px;}
#certify .swiper-slide img {display:block;width:100%}
#certify .swiper-slide .box{ padding:35px 40px; text-align: center; background: #fff; }
#certify .swiper-slide .cabt{color:#3e3e3e;font-size:25px; -webkit-line-clamp: 1;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
#certify .swiper-slide p {margin-top:20px;color:#666;font-size:16px;-webkit-line-clamp: 2;}
#certify .swiper-slide .more{display: table;color:#999;font-size:14px;margin: 40px auto 0; font-weight: normal;}
#certify .swiper-pagination { display: none; width:100%;bottom:20px;position: initial;margin-top: 40px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:15px;height:15px;opacity:1; cursor: pointer}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:3px solid #0073e6;background-color:#fff;}
#certify .swiper-slide:hover .cabt{color:#0073e6}
#certify .swiper-slide:hover .more{color:#ff6726}
#certify .btn{position: absolute; left:0;top:50%; width:50px;height:50px;line-height:45px;color:#fff;font-size:22px; text-align: center;border-radius: 50%; box-shadow: 0 0 10px #ddd; background-image:none;background-color:rgba(0,0,0,0.7); }
#certify .btn.nt{left:auto;right:0;}
#certify .btn:hover{ background-color:#0073e6 }
#certify .swiper-slide:hover{box-shadow: 0px 5px 15px 0px rgba(1, 14, 34, 0.5);}
#certify.swiper-slide .swiper-button-prev:after, #certify .swiper-slide .swiper-button-next:after{display: none;}


.cz-index-news {padding: 3% 0;overflow: hidden; background:#f7fafc; }
.cz-index-news .cz-content{width: 90%;}
.cz-index-news-top {position: relative;}
.cz-index-news-nav {width: 140px;text-align: center;position: absolute;right: 30px;bottom:3%;font-size: 0;/* background: #0073e6; */padding: 10px 20px;border: 1px solid #666;}
.cz-index-news-nav:hover {border: 1px solid #0073e6;;background: #0073e6;}
.cz-index-news-nav:hover span{letter-spacing: 2px;}
/* .cz-index-news-nav::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #e6e8ed;} */
.cz-index-news-nav a{display: inline-block;vertical-align: middle;font-size: 16px;color: #666;padding: 0 10px;/* position: relative;margin-left: 0px; */}
.cz-index-news-nav:hover a{color: #ffffff;}
/* .cz-index-news-nav a::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;z-index: 10;} */
/* .cz-index-news-nav a.cur{color: #666;} */
/* .cz-index-news-nav a.cur::after {background: #0073e6;} */
/* .cz-index-news-nav a:first-child {margin-left:0px;} */
.cz-index-news-nav i {display: inline-block;vertical-align: middle;width: 22px;height: 8px;background: url(../img/jt-r1b.png) center no-repeat;}
.cz-index-news-nav:hover i {background: url(../img/jt-r1.png) center no-repeat;}
.cz-index-news-bottom {padding-top:3%; margin-right: -1.3%;}
.cz-index-news-item {float: left;width: 18.7%;margin-right: 1.3%;margin-bottom: 1.3%;}
.cz-index-news-item:last-child {margin-right: 0;}
.cz-index-news-item a{display: block;overflow: hidden;}
.cz-index-news-item .img {position: relative; overflow: hidden; border-radius: 12px 12px 0 0; }
.cz-index-news-item .img img{display: block; width: 100%;transition: 0.5s;}
.cz-index-news-item .text {padding:7%;overflow: hidden;background: #f2f4f7; border-radius: 0 0 12px 12px ;}
.cz-index-news-item .text .date-1{font-size: 14px;color: #666;}
.cz-index-news-item .text .title-2{font-size: 22px;line-height: 30px; color: #0073e6;overflow: hidden;padding: 10px 0; white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; font-weight:400;} 
.cz-index-news-item .text .title-3{font-size: 14px;color: #666; margin-bottom:2%; display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
  overflow: hidden;}
.cz-index-news-item .text .view-3{font-size: 14px;color: #666;}
.cz-index-news-item .text .view-3 i {display:inline-block;vertical-align:middle;width:15px;height:5px;background:url('../img/jt-r3.png') no-repeat;margin-left: 10px;}
/* .cz-index-news-item:hover .text{background: #0073e6;} */
.cz-index-news-item a:hover .title-2{color: #0073e6;}
.cz-index-news-more {width: 155px;text-align: center;margin: -1% 0;position: absolute;right: 0px;bottom: 3%;}
.cz-index-news-more a {width: 100%;display:block;border: 1px solid #ccc;color: #666;font-size: 14px;padding: 8px 0;overflow: hidden;}
.cz-index-news-more a i{display: inline-block;vertical-align: middle;background: url('../img/jt-r1b.png') no-repeat;width: 22px;height: 8px;margin-left:10px;}
.cz-index-news-more a:hover {border: 1px solid #0073e6;color: #0073e6;}
.cz-index-news-more a:hover i{background: url('../img/jt-r1g.png') no-repeat;}
.cz-index-news-more a:hover span{letter-spacing: 1px;}
.cz-index-news-item a:hover .view-3 i {background:url('../img/jt-r4.png') no-repeat;}
.cz-index-news-item a:hover i {background: url('../img/imore1.png') no-repeat;}
.cz-index-news-item:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.cz-index-news-item a:hover{box-shadow: 0px 5px 15px 0px rgba(1, 14, 34, 0.5); border-radius: 12px 12px;}


.cz-index-news-more2{float: right; width: 15%;}
.cz-index-news-more2 ul{display: flex; align-items: center;}
.cz-index-news-more2 li{width: 100%;display:block;border: 1px solid #ccc;padding: 8px 0;overflow: hidden; margin-left: 3%; text-align: center; border-radius:12px;  display:block;}
.cz-index-news-more2 li a{color: #666;font-size: 14px; display:block;}
.cz-index-news-more2 li:hover{border: 1px solid #0073e6;color: #fff; background: #0073e6;}
.cz-index-news-more2 li a:hover{color: #fff; }


#footer{padding-top:6%;overflow:hidden;position:relative;}
#footer .footer_bolang{width:100%;height:fit-content;left:0;top:193px;z-index: 2;}
#footer .footer_bolang .bolang{width:200%;height:180px;bottom:0;background-blend-mode:overlay;background-size: 60% !important;}
#footer .footer_bolang .bolang1{left: -100%;background: url(../img/bolang1.png) repeat-x center top;-webkit-animation: wave 30s linear infinite 0s reverse;animation: wave 30s linear infinite 0s reverse;}
#footer .footer_bolang .bolang2{left: 0;background: url(../img/bolang2.png) repeat-x center top;-webkit-animation: wave2 30s linear infinite 0s reverse;animation: wave2 30s linear infinite 0s reverse;}
@media (max-width:1680px) {
	#footer .footer_bolang{top:197px;}
}
@media (max-width:1536px) {
	#footer .footer_bolang{top:206px;}
}
@media (max-width:1440px) {
	#footer .footer_bolang{top:212px;}
}
@media (max-width:1366px) {
	#footer .footer_bolang{top:214px;}
}
@media (max-width:1280px) {
	#footer .footer_bolang{top:221px;}
}
@media (max-width:1200px) {
	#footer .footer_bolang{top:225px;}
}
@media (max-width:1024px) {
	#footer .footer_bolang{top:234px;}
}
@media (max-width:750px) {
	#footer .footer_bolang{top:190px;}
}

.foot{background:#f7fafc;color: #FFF;overflow: hidden;}
.foot_dlogo{margin: 2% 0; border-bottom: 1px solid rgba(0,115,230,0.9); padding-bottom: 2%;}
.foot_dlogo img{max-width:30%;height: auto; display: block;}
.foot_middle{overflow: hidden; padding:3% 0; background: url(../img/f_bg.jpg) no-repeat;}

.foot_left{width: 22%; float: right; box-sizing: border-box; }
.foot-logo{height: auto;overflow: hidden;margin-bottom: 25px;}
.foot-logo img{max-width: 100%;height: auto;display: block;margin: 0 auto;}
.foot-code-web{height: auto;color: #fff;font-size: 16px; line-height: 30px; margin-bottom: 3%}
.foot-code-sml{height: auto;color: #999;font-size: 14px; line-height: 25px;}
.foot_right{width: 100%; box-sizing: border-box; overflow: hidden; margin-bottom: 2%;}

.foot_navbot{overflow: hidden;display: flex; justify-content: space-between;}
.foot_nav{color: #363f4d;/*margin-bottom: 2%; border-bottom: 1px solid #393939; position: relative; padding-bottom: 2%;*/}
/*.foot_nav::after{content: '';width: 5px;height: 5px;background-color: #0073e6;border-radius: 1px;position: absolute;left: -3px; bottom: 0; z-index: 999}
*/.foot_nav dl{}
/* .foot_nav dl:nth-child(5){width:18%; margin-right: 0%;}
.foot_nav dl:nth-child(5) dd{float: left; margin-right: 3%; width: 47%;} */
.foot_nav dt{font-size: 22px;line-height:40px;color: #fff;  text-transform: uppercase;}
/* .foot_nav dt::after{position: absolute; content: " ";bottom: -5px;left: 0;background-color: #fff;width: 40px;height: 2px;} */
.foot_nav dd{line-height:30px; font-size: 15px; text-transform: uppercase;}
.foot_nav dd a{color: rgba(255, 255, 255, 0.6);}
.foot_nav dd a:hover{color: #fff;}
.foot_nav dd img{width: 120px;}

.incontact{overflow: hidden; line-height:30px; font-size: 15px; color: rgba(255, 255, 255, 0.6);}
.incontact p{}
.inico{overflow: hidden; margin-top: 2%;}
.inico p{ margin-right: 2%; float: left;}
.inico p img{max-width: 100%; display: block;}
.inico a{margin:0 4px;}
.inico i{color: #fff;font-size: 20px;padding: 6px;border: 1px solid #0073e6;border-radius: 50%; box-sizing: border-box; line-height: 35px;}
.inico a:hover i{background:#0073e6;color: #fff;}


.footer-static-block{overflow: hidden;}
.footer-static-block .th{font-size: 20px; line-height: 32px; font-weight: 400; margin-bottom:30px; letter-spacing: 1px; position: relative;text-transform:uppercase;}
.footer-static-block .th::after{position: absolute; content: " ";bottom: -5px;left: 0;background-color: #fff;width: 40px;height: 2px;}
.footer-static-block .th a{color: #fff;}
.footer-static-block .th a:hover{color: #0073e6;}
.footer-block-contant li{font-size: 16px;line-height: 26px;margin-bottom: 10px;color: #ccc;}
.footer-block-contant li b{font-size: 16px;}
.footer-block-contant li label{white-space: nowrap;margin-right: 10px;}
.footer-block-contant li span{display: inline-block;}
.footer-block-contant li:nth-child(3){width: 100%}

.sns{overflow: hidden; margin-left: 28%;}
.sns a{display:inline-block;vertical-align:top;width:2vw;height:2vw;background-image:url(../img/sns.png);background-size:400% 200%;}
.sns a:hover{background-position-y:-100%;}
.sns .facebook{background-position-x:0;}
.sns .twitter{background-position-x:-100%;}
.sns .linkedin{background-position-x:-200%;}
.sns .youtube{background-position-x:-300%;}
.footer-secondary{ width: 100%; padding: 1% 0; display: inline-block; border-top: 1px solid rgba(0,115,230,0.2);}
.flogobox{overflow: hidden; margin: auto;}
.flogoimg{margin-bottom: 2%;}
.flogoimg img{max-width: 100%; height: auto; margin: auto; display: block;}
.foot-code-form{height: auto;overflow: hidden;position: relative; margin: 0 auto; width: 30%;}
.foot-code-form input{display: block;width: 100%;height: 48px;line-height: 48px;border: none;outline: none;background-color: #fff;padding-left: 15px;padding-right: 100px;color: #999;font-size: 15px;}
.foot-code-form button{display: block;width: 100px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 15px;text-transform: uppercase;border: none;outline: none;cursor: pointer;background-color: #0073e6;position: absolute;top: 0;right: 0;}
.copyright{  color: #fff; font-size: 14px; text-align: center; }


.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#0073e6;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../img/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../img/right_pic1.png)}
.side ul li .kfdh {
  position: absolute;
  right:79px;
  top: 0px;
  width: 170px;
  text-align: left;
  padding: 15px 25px;
  line-height:23px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  border: 1px solid #eee;
  background: #FFF;
  font-size:15px;
  color: #333;
  box-sizing: border-box;
}

.side ul li:hover .kfdh {
  visibility: visible;
  opacity: 1;
}

.side ul li .weixi {
  position: absolute;
  right:79px;
  top: 0px;
  width: 150px;
  text-align: center;
  padding: 15px 25px;
  line-height:23px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  border: 1px solid #eee;
  background: #FFF;
  font-size:15px;
  color: #333;
}
.side ul li .weixi img{width: 100%; display: block; clear: both; margin: auto;}

.side ul li:hover .weixi {
  visibility: visible;
  opacity: 1;
}

.side ul li i.bgs3{background-image:url(../img/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../img/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../img/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../img/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../img/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../img/right_pic1_on.png)}
.side ul li:hover i.bgs3{background-image:url(../img/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../img/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../img/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#0073e6;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../img/wmiss.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideewm .ewBox.son2{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../img/code.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#512E90;}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../img/right_pic8.png) 28px center no-repeat;background-color:#512E90;}
.side ul li.sideetel .telBox dd.bgs2{background:url(../img/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
.side ul li:hover .son2{display:block!important;animation:fadein 1s}


.banner_ny{overflow: hidden; position: relative;}
.banner_ny img{width: 100%; height: auto; display: block;}

/* 面包屑 */
#crumbs{width:100%;height:40px;padding-bottom:20px;}
#crumbs .cont{display: flex; align-items: center;}
#crumbs .cont .name{font-size:16px;line-height:18px;color:#333;display:block;transition:all 0.3s;}
#crumbs .cont .txt{font-size:16px;line-height:18px;color:#333;margin:0 10px;}
#crumbs .cont .name.cur,
#crumbs .cont .name:hover{color: #0073e6;}
@media (max-width:750px) {
    #crumbs{display:none;}
}

/* 提示信息 */
.notip{text-align:center;font-size:16px;line-height:1.6;color:#0073e6;width:100%;}
@media (max-width:750px) {
	.notip{font-size:30px;}
	
}

.labg{background: #f7fafc; padding: 3% 0;}
.company-story{width: 100%;padding:3% 0;position: relative;}
.company-stoitems{width: 100%;overflow: hidden;}
.company-stoshow{width:40%; float:left;  position: relative; }
.company-stoshow_gs01{border: 5px solid #0073e6;padding:6%; box-sizing: border-box; margin: 8% 0;}
.company-stoshow_gs01 .aabt{font-weight: bold;color: #0073e6; font-size: 46px; line-height: 46px;}
.company-stoshow_gs01 .aawz{font-size: 26px; margin-top:3%; color: #000;}
.company-stoshow_gs01 .aawz2{margin-top: 6%; font-size: 14px; color: #999999;}
.company-stoshow_gs02{position: relative; padding:10% 0 50px 0;}
.company-stoshow_gs02::after{position: absolute; bottom: 0; left: 0; width: 125%; height:50%; background:#f7fafc; content:""; border: 5px solid #0073e6;}
.company-stoshow_gs02 img{width: 106%; display: block; z-index:1; position: relative; margin-left: 10%;}
.company-stoshow_gs03{margin-top: 6%; font-size: 14px; color: #000; line-height:24px; width: 120%; }
.company-stocont {width:60%;float: right;}
.company-stocont_gs04{font-size:14px;line-height:24px;color:#666;padding:0 10px 0; width: 80%; box-sizing: border-box; overflow: hidden; margin-left: 20%;}
.company-stocont_gs05{width:95%; margin-top: 8%; margin-left:5%; position: relative;}
.company-stocont_gs05 img{width: 100%; display: block;}
.company-stocont_gs06{margin: 8% 0 0 22%; background: #0073e6; padding: 10% 4%; box-sizing: border-box; overflow: hidden;}
.company-stocont_gs06 .raabt{font-size: 40px; color: #fff; margin-right: -5%; }
.company-stocont_gs06 .raabt span{margin-right: 5%; float: right;}
.company-stocont_gs06 .raawz{float:right;text-align:right;line-height:25px;width:100%;margin-right:1%; font-size: 14px; margin-top: 8%; color: #fff;}

.culturebox{overflow: hidden;}
.cubtbox{overflow: hidden;}
.cubt{font-size: 36px;font-weight: 600; color: #000; line-height: 36px; margin-bottom:1%;}
.culine{ width: 60px; height:6px; background:#0073e6; margin-bottom: 1%;}
.cuwzny{font-size: 16px; color: #333;}
.cuimg{margin-top: 3%; overflow: hidden;}
.cuimg ul{margin-right: -2%;}
.cuimg li{width:23%; margin-right: 2%; float: left;}
.cuimg li img{width: 100%; display: block;}

.fzlcpic{overflow:hidden;height:auto;margin:0 auto; width: 100%;}
.fzlcpic ul li{ position: relative; float:left; width:10%; background:url(../img/fzlc_picbg.jpg) no-repeat;background-size:100% 100%;-webkit-box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);box-shadow:0 6px 30px 5px #0000000d,0 16px 24px 2px #0000000a,0 8px 10px -5px #00000014;float:left;height:100%;position:relative;-webkit-transition:all .5s ease;transition:all .5s ease; height:720px;}
.fzlcpic ul.pic1{background: url(../img/fzlc_picbg.jpg) no-repeat; background-position:center center;background-repeat:no-repeat}
.fzlcpic ul.pic2{background-image:url(../Images/a2.png);background-position:center center;background-repeat:no-repeat}
.fzlcpic ul.pic3{background-image:url(../Images/a3.png);background-position:center center;background-repeat:no-repeat}
.fzlcpic ul.pic4{background-image:url(../Images/a4.png);background-position:center center;background-repeat:no-repeat;width:600px}
.fzlctxt{padding:5%; box-sizing: border-box;}
.fzlctxt .fzbt{font-size: 24px; font-weight: 500; color: #333; margin-bottom:8%;}
.fzlctxt .fzbt p{font-size:14px; line-height:20px; margin-top:1%; color: #666; min-height: 60px;}
.fzlcpic ul li:after{border-top:2px dashed #0073e6;content:"";height:2px;left:50px;position:absolute;top:22%;width:calc(100% - 100px);}
.fzlctxtbox{ margin-top:3%;}
.fzlctxtbox dl{display: flex;}
.fzlctxtbox dd{width: 100%; margin-right:20px; margin-bottom: 3%;}
.fzlctxtbox dd img{width: 100%; display: block;}
.fzlctxtbox dd .bt{font-size: 32px; color: #000; line-height:48px; margin-bottom: 2%;}
.fzlctxtbox dd .wz{font-size: 14px; line-height: 25px; color: #505050;}
.fzlctxtbox dd:last-child{margin-right: 0;}
.fzlctxtbox dd:before{content:""; width: 12px; background:#0073e6; height: 12px; position: absolute;  border-radius: 50%; top: 21%;}
.fzlcpic ul li.onfz{width: 50%;}


.company-gc{line-height: 36px; font-size: 15px; overflow: hidden;}
.company-gc img{width: 100%;margin: 0 auto; display: block;}


.abtxt{overflow: hidden;}
.abtxt .ml1{font-size: 42px;line-height: 56px;color: #333;font-weight: bold;}
.abtxt .ml1 span.ys{color: #0073e6;}
.abtxt .ml2{font-size: 30px;line-height: 42px;color: #666;font-weight:100;padding-top: 10px;}
.abtxt .ml3{font-size: 16px;line-height:32px;color: #666;padding-top: 20px; letter-spacing: 1px;}

.shili-num2{overflow: hidden; padding: 3% 0 0;}
.shili-num2 ul{}
.shili-num2 ul li{margin-bottom:0; text-align: center; width: 25%;}
/* .shili-num2 ul li img{filter: sepia(100%) saturate(0%) brightness(1000%);} */
.shili-num2 ul li .num{margin-top:6%;}
.shili-num2 ul li .num i{font-size:52px;line-height:52px;color:#0073e6;font-weight:bold; font-style: normal;}
.shili-num2 ul li .num sup{font-size:24px;color:#333;line-height:15px;margin-left:5px;vertical-align:top;top:0}
.shili-num2 ul li .num sup.zh{font-size:16px}
.shili-num2 ul li p{font-size:16px;line-height:28px;color:#333;opacity:0.8;margin-top:2px}

.culture_bg{padding:8% 0; background:url(../img/culture_bg.jpg) no-repeat; overflow: hidden;}
.inner {
  position: relative;
  padding: 0 1.6rem;
  text-align: center;
  font-size:36px; line-height:56px;
   color: #fff;
}
.inner:before,
.inner:after {
  display: inline-block;
  font-size: 3rem;
  color: #fff;
  opacity: 0.4;
  font-family: Arial;
  position: absolute;
  height: 0.8rem;
  line-height: 0.8rem;
}
.inner:before {
  content: "“";
  left: 0;
  top: 80%;
}
.inner:after {
  content: "”";
  right: 0;
  top: 140%;
}


.ui_box1{width:100%;position: relative; padding: 4% 0;}
.n_box5{width:100%; }
.n_box5_t{width:100%; line-height:1.7; text-align:center; color:#0073e6; font-size:35px; font-weight:bold;}
.n_box5_c{width:100%; padding-top:45px;}
.n_box5_ul{width:100%;}
.n_box5_ul li{width:100%; float:left; padding-bottom:40px;}
.n_box5_ul li .div{width:100%; padding:15px 9.5% 15px 2%; color:#1D1D1F; font-size:16px;overflow:hidden;-webkit-transition:all 0.5s;transition:all 0.5s; algin-items:center;}
.n_box5_ul li .div:hover{background-color:#0073e6; color:#fff;}
.n_box5_ul li .div .div_l{width:21%; padding:60px 0px; font-size:20px; line-height:1.5; text-align:center; background-color:#0073e6; color:#fff;}
.n_box5_ul li .div .div_l .s1{font-size:72px; line-height:1.1;}
.n_box5_ul li .div .div_r{width:76%; padding:40px 0px;}
.n_box5_ul li .div .div_r_t{width:100%; height:40px; line-height:40px; overflow:hidden; margin-bottom:20px; font-size:25px; font-weight:bold;}
.n_box5_ul li .div .div_r_c{width:100%; height:75px; line-height:25px; overflow:hidden; text-align:justify; text-indent:35px;}
.n_box7_ul{width:100%;}
.n_box7_ul li{width:100%; float:left; padding-bottom:30px;}
.n_box7_ul li .div{width:100%; color:#333; font-size:22px; background-color:#f5f5f5; cursor:pointer;border-radius: 24px;}
.n_box7_ul li .div .a_img{width:35%; float:right; display:inline-block; overflow:hidden;border-radius: 0 24px 24px 0;}
.n_box7_ul li .div .a_img img{width:100%; float:left;}
.n_box7_ul li .div .a_img_l{width:65%; float:left; padding:35px 3.5% 35px 3.5%;}
.n_box7_ul li .div .a_img_l_en{width:100%; color:#D2D2D2; font-size:56px; font-weight:bold; line-height:1.0; font-family:Arial, Helvetica, sans-serif;}
.n_box7_ul li .div .a_img_l_cn{padding:10px 0px; line-height:1.3; color:#0073e6; font-size:34px; font-weight:bold; position:relative;}
.n_box7_ul li .div .a_img_l_cn:after{width:100%; height:6px; background-color:#6593eb; position:absolute; left:0px; bottom:0px; z-index:1; content:"";}
.n_box7_ul li .div .a_img_c{width:100%; padding-top:20px; line-height:1.8;}
.n_box7_ul li:nth-child(2n) .div .a_img{float:left; border:0px; border-radius: 24px 0 0 24px;}
.n_box7_ul li:nth-child(2n) .div .a_img_l{float:right;}
.n_box7_ul li:nth-child(6) .div .a_img{width:50%; border:0px;}
.n_box7_ul li:nth-child(6) .div .a_img_l{width:50%;}
.n_box7_ul li:nth-child(7) .div .a_img{width:50%; border:0px;}
.n_box7_ul li:nth-child(7) .div .a_img_l{width:50%;}
.n_box7_ul li .div .a_img_c table tr td{padding:8px 0px;}
.clearboth{ clear:both;}
.bigzm{text-transform:uppercase;}
.clearbox:after{ clear:both; content:"";}


.ab2{padding: 120px 0;background: url(../img/ab_2.png) center top no-repeat;background-size: cover;padding: 60px 0 120px;}

.ab2 .tt{text-align: center;margin-bottom: 110px;}

.ab2 .abtm{width: 100%;height: 560px;position: relative;z-index: 3;margin-bottom: 50px;}

.ab2 .abtm .bg{width: 1920px;position: absolute;left: -160px;bottom: 0;pointer-events: none;}

.swiper10{width: 100%;margin: 0 auto;padding-bottom: 50px;}

.swiper10 .swiper-slide{width: 270px;}

.swiper10 .swiper-slide .sbox{width: 100%;height: 560px;}

.swiper10 .swiper-slide .sbox .xian{display: block;width: 6px;height: 450px;background:url(../img/a_x_1l.svg) center no-repeat ;background-size: cover;position: relative;left: 132px;top: 100px;}

.swiper10 .swiper-slide .sbox .xian .yuan{width: 30px;height: 30px;background: url(../img/a_y_1l.svg) center no-repeat;background-size: cover;position: absolute;left: 50%;bottom: -20px;margin-left: -15px;}

.swiper10 .swiper-slide .sbox .year{position: absolute;top: 100px;left: 170px;display: flex;align-items: center;align-content: center;}

.swiper10 .swiper-slide .sbox .year span{margin-right: 6px;}

.swiper10 .swiper-slide .sbox .txt{position: absolute;top: 150px;left: 170px;width: 480px;height: 160px;padding: 15px 10px;border: 1px solid #F29400;border-radius: 12px;color: #F29400;line-height: 32px;overflow: hidden;opacity: 0;background: #fff;z-index: 3;pointer-events: none;}

.swiper10 .swiper-slide:nth-child(2n) .sbox .xian{top: 0;}

.swiper10 .swiper-slide:nth-child(2n) .sbox .year{top: 0;}

.swiper10 .swiper-slide:nth-child(2n) .sbox .txt{top: 50px;}

.swiper10.act .swiper-slide .sbox .xian{top: 0;}

.swiper10.act .swiper-slide .sbox .year{top: 0;}

.swiper10.act .swiper-slide .sbox .txt{top: 50px;}

.swiper10.act .swiper-slide:nth-child(2n) .sbox .xian{top: 100px;}

.swiper10.act .swiper-slide:nth-child(2n) .sbox .year{top: 100px;}

.swiper10.act .swiper-slide:nth-child(2n) .sbox .txt{top: 150px;}

.swiper10 .swiper-slide.act .sbox .xian{background:url(../img/a_x_1h.svg) center no-repeat ;background-size: cover;}

.swiper10 .swiper-slide.act .sbox .xian .yuan{background: url(../img/a_y_1h.svg) center no-repeat;background-size: cover;}

.swiper10 .swiper-slide.act .sbox .year,.swiper10 .swiper-slide.act .sbox .year span{color: #F29400;}

.swiper10 .swiper-slide.act .sbox .txt{opacity: 1;}

.ab2 .anniu{width: 120px;margin: 0 auto;display: flex;justify-content: space-between;}

.ab2 .anniu .btn{display: block;width: 46px;height: 46px;cursor: pointer;border: 1px solid #fff;border-radius: 50%;background: #d9d9d9 url(../img/jt_r_b.svg) center no-repeat;}

.ab2 .anniu .prev10{transform: rotate(180deg);-webkit-transform: rotate(180deg);left: 0;right: auto;}

.ab2 .anniu .btn:hover{border: 1px solid #254E97;background: #254E97 url(../img/jt_r_b.svg) center no-repeat;}
.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.alltime2,.alltime2 *{-webkit-transition: all .8s cubic-bezier(.4,0,.2,1); -moz-transition: all .8s cubic-bezier(.4,0,.2,1); transition: all .8s cubic-bezier(.4,0,.2,1);}
.f_32{ font-size:32px;}
.f_22{font-size: 22px;}
.f_16{ font-size:16px; }


.about-develop,.index-about-mobfont{position:relative;padding:3% 0; background-size: cover;}
.index-about-mobfont{background:none}
.about-develop-tpft .tit,.index-about-mobfont .tit{font-size:48px;line-height:55px;color: rgba(0,115,230, 0.2);text-align: center; font-weight: 600;}
.about-develop-tpft .dec,.index-about-mobfont .dec{font-size:17px;line-height:32px;color:#fff;margin-top:3.5%;height:200px;overflow-x:hidden;overflow-y:auto;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.about-develop-tpft .dec p,.index-about-mobfont .dec p{margin-top:1.8%}
.about-develop-tpft{width:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.about-develop-swbot .time,.index-about-mobtime .time{font-size:32px;line-height:48px;color:rgba(0,115,230,0.2);text-align:center;margin-top:13%}
.about-develop .swiper-button-prev,.about-develop .swiper-button-next,.index-about-mobfont .swiper-button-prev,.index-about-mobfont .swiper-button-next{width:13px;height:23px;background:url(../img/ab-prev.png)no-repeat center center;background-size:100%;top:auto;bottom:8.5%}
.about-develop .swiper-button-next,.index-about-mobfont .swiper-button-next{background:url(../img/ab-next.png)no-repeat center center}
.about-develop .swiper-slide,.about-develop-swbot .swiper-wrapper,.about-develop-swiper,.index-about-mobtime .swiper-slide{position:relative;}
.about-develop .swiper-slide,.index-about-mobtime .swiper-slide{cursor:pointer}
.about-develop-swbot .swiper-slide::before,.about-develop-swbot .swiper-slide::after,.index-about-mobtime .swiper-slide::before,.index-about-mobtime .swiper-slide::after{content:" ";position:absolute;width:8px !important;height:8px !important;background-color:#ccc;border-radius:50%;left:50%;top:4px !important;transform:translateX(-50%);opacity:1}
.index-about-mobtime .swiper-slide::before,.index-about-mobtime .swiper-slide:hover::before,.index-about-mobtime .swiper-slide-thumb-active::before,.index-about-mobtime .swiper-slide.active::before{opacity:1 !important;display:block !important}
.index-about-mobfont .swiper-button-prev,.index-about-mobfont .swiper-button-next{bottom:-4.5%}
.about-develop .swiper-slide-thumb-active::after,.index-about-mobtime .swiper-slide-thumb-active::after,.about-develop .swiper-slide.active::after,.index-about-mobtime .swiper-slide.active::after{width:16px !important;height:16px !important;background-color:#0073e6;opacity:0.3;top:0px !important}
.about-develop-swbot .swiper-container::before,.index-about-mobtime .swiper-container::before{content:" ";position:absolute;left:50%;top:10%;transform:translate(-50%,-10%);height:1px;width:100%;background-color:#ccc}
.about-develop-swbot .swiper-container,.index-about .index-about-right .index-about-mobtime .swiper-container{width:90%;margin:0 auto}
.about-develop-swiper .about-develop-swbot .swiper-container{position: relative;}
.about-develop-swbot .swiper-wrapper{display: flex;}
.about-develop .swiper-slide-thumb-active .time,.about-develop .swiper-slide.active .time,.index-about-mobtime .swiper-slide-thumb-active .time,.index-about-mobtime .swiper-slide.active .time,.index-about-mobfont .swiper-slide-active .tit,.index-about-mobfont .swiper-slide-active .dec{color:rgba(0,115,230,1);}
.swiper-slide-active .about-develop-tpft .dec{color: #fff;}
.swiper-slide-active .about-develop-tpft .tit,.about-develop .about-tit{color: #fff;}
.about-develop-tpimg{opacity:0;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;;}
.about-develop-tpimg img{width: 100%; display: block; border-radius: 50%}
.swiper-slide-active .about-develop-tpimg{opacity:1}
.about-develop .about-tit{position:absolute;left:45.5%;top:0px;transform:translateX(-45.5%);z-index:5;font-size: 40px;line-height: 50px;font-weight: bold;color: #333;text-align: center;}
.about-develop-swtop{margin:3% 0}
.about-cirimg{position:absolute;top:-10%;left:0px;right:0px;bottom:0px;margin:auto;width:100%;animation:rotaterotate 50s infinite linear}
@keyframes rotaterotate{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
/* 滚动条样式 */
/* 滚动条样式 */
::-webkit-scrollbar {width:2px;/* height:4px; */}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#1a42a2;}
::-webkit-scrollbar-thumb {border-radius:0;background-color: #f5f5f5;}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #f5f5f5;}
::-webkit-scrollbar-thumb:vertical:active {background-color: #f5f5f5;}
.about .about-develop-tpft .dec::-webkit-scrollbar{
  width: 2px;
}
.about .about-develop-tpft .dec::-webkit-scrollbar-corner,.about .about-develop-tpft .dec::-webkit-scrollbar-track{
  background-color:rgba(0,115,230,0.3);
}
.about .about-develop-tpft .dec::-webkit-scrollbar-thumb{
  background-color:rgba(0,115,230,1);
}
.about .about-develop-tpft .dec::-webkit-scrollbar-thumb:vertical:hover{
  background-color:rgba(0,115,230,1);
}
.about .about-develop-tpft .dec::-webkit-scrollbar-thumb:vertical:active{
  background-color:rgba(0,115,230,1);
}


.ny-qyzl{padding-top:3%;overflow:hidden;display:flex;flex-wrap:wrap;margin-left:-1%;margin-right:-1%}
.ny-qyzl .about-qyzl-a{border-radius:15px;background:#f2f4f7;padding:4%;text-align:center;width:31.333%;float:left;margin:0 1% 2% 1%;overflow:hidden;display:block;transition:transform 0.5s;-webkit-transition:transform 0.5s; box-sizing: border-box;}
.ny-qyzl .about-qyzl-a:hover{box-shadow: 0px 5px 15px 0px rgba(1, 14, 34, 0.5);transform:translateY(-6px);-webkit-transform:translateY(-6px)}
.ny-qyzl .about-qyzl-a-title{font-size:24px;margin:30px 0;overflow:hidden;color:#333 !important;padding-bottom:20px;position:relative}
.ny-qyzl .about-qyzl-a-title:after{content:"";position:absolute;background:#dbdbdb;width:40px;left:48%;transform:translate(-48%,0%);height:3px;bottom:0}
.ny-qyzl .about-qyzl-a-title p{font-size:15px}
.ny-qyzl .about-qyzl-a-titlewz{font-size: 16px; line-height: 30px; color: #555;}
.ny-qyzl .qywh-pic{font-family:"iconfont" !important;font-size:60px;line-height:60px;font-style:normal;color:#04807b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ny-qyzl .index-ys-box-tb{width: 120px; margin: auto;}
.ny-qyzl .index-ys-box-tb img{max-width: 100%; display: block;}
.ny-qyzl .about-qyzl-a:hover.about-qyzl-a-title{color:#0073e6;}
  
.hotitle{font-size:32px;color: #2b2b2b;line-height:40px;font-weight:600;}
.white{color: #fff;}


/*发展历程*/
/* display none until init*/

.owl-carousel {
  display: none;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  text-align: center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* fix*/

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-controls {
  width: 100%;
  z-index: 11;
  margin-top:25px;
}

.owl-carousel .owl-controls .owl-buttons div {
  position: absolute;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 20px;
  height: 70px;
  text-indent: -9999px;
  transition: .35s;
  top: 45%;
  margin-top: -35px;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev {
  background: url(../images/index_24.png) center no-repeat;
  overflow: hidden;
  left: -30px;
}

.owl-carousel .owl-controls .owl-buttons .owl-next {
  background: url(../images/index_25.png) center no-repeat;
  overflow: hidden;
  right: -30px;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {
  background: url(../images/index_24a.png) center no-repeat;
  overflow: hidden;
}

.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
  background: url(../images/index_25a.png) center no-repeat;
  overflow: hidden;
}

.owl-carousel .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

.owl-carousel .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver*/
}

.owl-carousel .owl-controls .owl-page span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #999;
}

.owl-carousel .owl-controls .owl-page.active span,
.owl-carouselpzs .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  background: #015aa7;
  border: 1px solid #015aa7;
}

.owl-carousel .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.AbHisBg {
	background:url(../img/a_bg.jpg) center;
	background-size: cover;
	background-attachment: fixed;
	padding: 5% 0 ;
	overflow: hidden;
}
.AbHisBg h2 {
	color: #FFFFFF;
	font-size: 36px;
}
.AbHisList {
	position: relative;
	margin-top: 50px;
}
.AbHisList .bd {
	width: 100%;
	overflow: hidden;
}
/*横线*/
	.AbHisList .bd .ul {
	position:relative;
	padding:0 40px;
	width:100% !important;
}
.AbHisList .bd .ul .owl-wrapper {
	display:flex !important;
}
.AbHisList .bd .ul .item {
	display: flex;
	align-items: center;
	position: relative;
	height:100%;
}
.AbHisList .bd .ul .item .box {
	width:100%;
	padding:0 25px ;
}
.AbHisList .bd .ul .item:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0%;
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px solid rgba(0,005,230,.3);
}
.AbHisList .bd .ul .item:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 49.8%;
	left: 7%;
	display: block;
	width: 30%;
	height: 3px;
	background-color: #0073e6;
}
/*元素内容和横线的距离*/
	.AbHisList .ul .item .box>div {
	padding: 20px 0;
}
/*按照奇数偶数隐藏上下文本*/
	.AbHisList .ul .owl-item:nth-of-type(Odd) .box>div:nth-of-type(Odd) {
	opacity: 0;
	visibility: hidden;
}
.AbHisList .ul .owl-item:nth-of-type(even) .box>div:nth-of-type(even) {
	opacity: 0;
	visibility: hidden;
}
.AbHisList .bd .item .fzbt {
	line-height: 48px;
	font-size: 32px;
  font-weight: 600;
	color:#0073e6;
}
.AbHisList .bd .item p {
	color:#333;
	padding:2% 0;
  font-size:16px;
  letter-spacing: 1px;
  line-height: 30px;
	/* background: url(../img/AbHisP.jpg) no-repeat left 20px; */
}
.owl-carousel.ul .owl-controls .owl-buttons .owl-next,.owl-carousel.ul .owl-controls .owl-buttons .owl-next:hover {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top:-20px;
	width: 40px;
	height: 40px;
	z-index: 666;
	background: url(../img/AbHisR.png) center no-repeat;
}
.owl-carousel.ul .owl-controls .owl-buttons .owl-prev,.owl-carousel.ul .owl-controls .owl-buttons .owl-prev:hover {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-20px;
	width: 40px;
	height: 40px;
	z-index: 666;
	background: url(../img/AbHisL.png) center no-repeat;
}

.l-a {width: 100%;padding: 3% 0 0; }
.ny_lx{display: flex;justify-content: space-between;}
.ny_lx .txt{width:49%;border: 1px solid #efefef;padding: 20px; box-sizing: border-box; border-radius: 24px;background: #fff;}
.ny_lx .txt .btyw{font-size: 24px;line-height: 24px;color: #333;padding-bottom: 15px;font-weight: 100;}
.ny_lx .txt .bt{font-size: 40px;line-height: 40px;color: #333;}
.ny_lx .txt .nr{font-size: 16px;line-height: 36px;color: #666;margin-top: 20px;}
.ny_lx .txt .nr ul li{font-size: 18px;line-height: 30px;color: #333;display: flex;border-bottom: 1px solid #ddd;padding: 2.9% 0;}
.ny_lx .txt .nr ul li i,.ny_lx .txt .nr ul li em{width: 60px; font-size: 36px;line-height: 36px;color: #0073e6;text-align: center;}
.ny_lx .txt .nr ul li p{flex:1;width: 100%;}
.ny_lx .txt .nr ul li p span{font-weight: bold;}
.ny_lx .dt{width: 49%;border: 1px solid #efefef;overflow: hidden;border-radius: 24px}
.map{width:100%; overflow:hidden;border-radius: 24px}
.map #map_container{height:542px;font-size:15px; font-weight:normal;color:#000;}

.bots{overflow: hidden; padding:3% 0%; background: #f7fafc;}
.bots .kfleft{width:35%; float: right;}
.bots .kfleft img{width: 100%; display: block; border-radius:24px;}
.bots .kfright{width: 62%; float: left;}
.bots .t-center{text-align: center;padding-top:2%}
.bots .title{font-size: 32px;line-height:32px; color: #000; font-weight: 600;}
.bots .ltitle{font-size: 20px;
  color: #282828;line-height: 1.5;margin: 15px 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px;}
.bots .form{display: block;margin-top:2%;}
.bots .form .row{margin-right: -2%;}
.bots .tip{font-size:16px;line-height: 22px;color:#333;}
.bots .input{font-family: 'Poppins',sans-serif; display: block;width: 100%;background-color: #f5f5f5;font-size: 14px;line-height: 32px;padding:8px 2.2%;color:#999;margin:2% 0;box-sizing: border-box; border: 0;}
.bots .input:focus{box-shadow: 0 0 10px rgba(0,0,0,0.08);}
.bots .br{border-radius:14px;}
.bots .submit{line-height: 44px;height: 44px;padding:0 45px;display: inline-block;background-color: #0073e6;font-size: 15px;color: #fff;cursor: pointer;}
.bots .submit:hover{background-color: #0073e6;}
.col-sm-6{width: 48%;float: left;margin-right: 2%;box-sizing: border-box;}
.col-xs-12{padding:  0 2% 0 0;box-sizing: border-box;}


.newxbox{ overflow:hidden;}
.newxbox a{ display: flex; align-items: center; justify-content: space-between; background: #f2f4f7; border-radius: 24px;}
.newxbox .npic{width: 50%;overflow: hidden;border-radius: 24px 0 0 24px;}
.newxbox .npic img{width: 100%; height: auto; display: block; -webkit-transition: all .36s ease;
  transition: all .36s ease;}
.newxbox .ntext{ padding: 5%; box-sizing: border-box; width: 50%;}
.newxbox .ntext .ny{overflow: hidden;}
.newxbox .ntext .ny .time{font-size: 14px;letter-spacing: 1px;color: #999;line-height: 26px;font-weight: 400;}
.newxbox .ntext .ny .time1{font-size: 24px;letter-spacing: 1.5px;line-height: 34px;color: #0073e6;font-weight: 400;margin-bottom: 20px;-moz-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;transition: all .36s ease;margin-top: 10px; overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;}
.newxbox .ntext .ny .time2{font-size:16px;letter-spacing: 1px;color: #555;line-height:28px;font-weight: 400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; margin-bottom: 3%;}
.newxbox .ntext .ny .read_more {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-family: "GothamBook";
  color: #0073e6;
  margin-top: 5%;
}
.newxbox a:hover .npic img{-webkit-transform: scale(1.04);transform: scale(1.04);}
.newxbox a:hover .ntext .ny .time1{color: #0073e6;}
.newxbox a:hover .ntext .ny .read_more{color: #0073e6;}

.about_x2.bgs2{overflow:hidden;}
.about_x2.bgs2 .lnny{width:68%; float:left; overflow: hidden;}
.about_x2.bgs2 .rnny{width:28%; float:right; overflow: hidden;}
.about_x2.bgs2.bgs3 .con_id{ padding-top:0;}
.about_x2.bgs2 .show_t{ text-align:center;line-height:32px; font-size:28px; color:#0073e6 ;margin-bottom:16px; margin-top:12px; font-weight:400;}
.about_x2.bgs2 .con_line{ text-align:center; line-height:35px; font-size:15px; border-bottom:1px solid #eee; padding-bottom:10px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id{ line-height:34px;overflow:hidden;white-space:normal;word-break:break-all; padding:3% 0;font-size:18px; color:#444;text-align:left;}
.about_x2.bgs2 .con_id img{max-width:100%; display:block; margin:auto; border-radius: 24px;}
.about_x2.bgs2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:auto;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#0073e6;height:45px;text-align:center;font-size:16px;font-weight:bold; padding:0 1.5%;}
.relatedNews{margin:3% 0 0;overflow:hidden}
.relatedNews_font{font-size:16px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../img/ly_li.png) no-repeat left center;padding-left:10px;color:#666}
.relatedNews_font ul li a:hover{color:#0073e6}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}

.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#0073e6;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}

.view-page{width:100%; position:relative; margin:0 0 4% 0; border-top:1px solid #d6d6d6; padding-top:4%;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:160px; height:40px; line-height:40px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../img/le.png) 20px center no-repeat; padding-left:60px; border:1px solid #e6e6e6; color: #555; line-height: 38px;}
.view-page .prev:hover a{color:#fff; background:url(../img/le-white.png) 20px center no-repeat #0073e6;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../img/back.png) 20px center no-repeat #0073e6;color: #fff; text-align:center; padding-left:25px; line-height: 40px;}
.view-page .back a:hover{background:url(../img/back.png) 20px center no-repeat #0073e6; color:#000;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../img/ri.png) 90% center no-repeat;text-align:center; border:1px solid #e6e6e6; line-height: 38px; color: #555}
.view-page .next:hover a{color:#fff; background:url(../img/ri-white.png) 90% center no-repeat #0073e6;}

.page_title{font-size: 36px;letter-spacing: 1px;line-height: 60px;line-height: 36px;color: #333;font-weight: 400; margin-bottom: 2%;}
.page_title span{display: block;font-size: 14px;color: #0f3f86;font-family: "GothamBook";letter-spacing: 0;}

.news3{ overflow:hidden; padding: 5% 0;}
.news3 ul{margin-right: -2%; }
.news3 li{width:98%; margin-right: 2%; margin-bottom:4%; float: left;}
.news3 li .nimg{width: 100%; overflow: hidden; position: relative; border-radius: 12px 12px 0 0;}
.news3 li .nimg img{width: 100%; display: block; transition: 0.5s;}
.invico{position: absolute; text-align: center; top:45%; left:45%; transform: translate(-45%,-45%);}
.invico img{max-width: 100%; margin: 0 auto; cursor: pointer;}
.news3 li .category {position: absolute;bottom: 0;left: 0;width: 135px;font-size: 14px;letter-spacing: 1px;color: #999;line-height: 26px;font-weight: 400;line-height: 40px;text-align: center;background-color: #333;color: #fff;}
.news3 li .ntext{background: #f2f4f7; padding: 5%; box-sizing: border-box; border-radius: 0 0 12px 12px;}
.news3 li .ntext .desc{font-size:22px;letter-spacing:1px;line-height:40px;color: #0073e6;font-weight: 400;color: #333;height: auto;border-bottom: 1px solid rgba(51, 51, 51, 0.1);overflow: hidden;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.news3 li .ntext .time{display: block;font-size: 14px;letter-spacing: 1px;color: #999;line-height: 26px;font-weight: 400;margin-top:3%;letter-spacing: 0;}
.news3 li a:hover .category{background: #0073e6; color: #fff;}
.news3 li a:hover .ntext .desc{color: #0073e6;}
.news3 li a:hover .ntext .time{color: #0073e6;}
.news3 li a:hover .nimg img{transform:scale(1.1); -webkit-transform:scale(1.1);}


.hotproduct{margin-top: 4%; }
.intitle{text-align: center; font-weight: 600;}
.intitle .nyt{font-size: 110px; color: #efefef; text-transform: uppercase;}
.intitle .nybt{font-size:40px; color: #333;}
.intitle .nybt span{color:#0073e6;}
.hotproduct ul{margin-right: -2%; margin-top: 3%;}
.hotproduct li{border: 2px solid #ccc; padding: 1%; box-sizing: border-box; width: 23%; margin-right: 2%; margin-bottom: 2%; text-align:center; float: left;}
.hotproduct li .htimg{overflow: hidden; position: relative;}
.hotproduct li .htimg img{width: 100%; display: block;  transition: all .3s;}
.hotproduct li .htpwz{font-size:15px;padding:10px 0 0; color:#222;}
.hotproduct li:hover .htimg img{ transform: scale(1.1, 1.1);}

.sp_tc_bg{ position:fixed; left:0;top:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:99; display:none;}
.sp_tc{position:absolute; left:50%;top:50%;}
.sp_tc video{ display:block; width:100%; height:100%;-o-object-fit: cover;object-fit: cover;}
.sp_tc_bg i{ position:absolute; right:20px; top:20px; width:35px; height:35px; background:url(../img/xzewm_gb.png) center no-repeat; cursor:pointer; z-index:1;background-size: 35px auto;}



.product-left{width:22%;float:left;}
.tab_tit{font-size:26px;line-height:90px;color:#fff;font-weight:600;width:100%;padding:0 11.43%;background-color:#0073e6; border-radius: 24px 24px 0 0;}
.tab{background-color:#fff;padding:4px 0 67px;}
.menu_list{padding:5%;border: 1px solid #e7e7e7;border-radius:0 0 24px 24px;box-shadow: 0px 0px 10px 0px rgba(2, 0, 0, 0.1);}	
.menu_head{border-bottom:1px solid #e7e7e7;cursor:pointer;position:relative;margin:0px;background:url(../img/pro_left.png) center right no-repeat;padding-bottom:10px;margin-bottom:4%;font-size:18px; line-height: 50px;  font-weight: 600;}
.menu_list .current{background: url(../img/pro_down.png) center right no-repeat;}
.menu_list .current a{color:#0073e6;}
.menu_body{height:auto;overflow:hidden;padding:0 10px;}
.menu_body a{display:block; padding-bottom:8px;font-size:18px;color:#333; }
.menu_body a:hover,.menu_body a.on{color:#0073e6;}
.menu_body ul{margin-bottom:20px;margin-left:25px;}
.menu_body li{ list-style-position:inherit;list-style-type: disc;color:#999;}
.menu_body li a{color:#666;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.menu_body li a:hover{color:#0073e6;}
.menu_body li:hover,.menu_body li a.on{color:#0073e6;}

.lpic{overflow: hidden; text-align: center; margin-top:10%;}
.lpic .lpicimg{overflow: hidden;}
.lpic .lpicimg img{max-width: 100%; margin: auto;}
.lpic .lpictext{padding:6% 3%; box-sizing: border-box; font-size:24px; color: #000;}



.product-right{width:76%;float:right;}
.flex-middle2{align-items: center;}
.flex-wrap { flex-wrap: wrap; }
.flex-left:not(.flex-column){justify-content: flex-start;}
.flex-center:not(.flex-column){justify-content: center;}
.flex-right:not(.flex-column){justify-content: flex-end;}
.flex-between, .flex-around, .flex-reverse, .flex-wrap, .flex-nowrap, .flex-reverse2, .flex-row, .flex-column, .flex-line, .flex-left, .flex-right, .flex-center, .flex-middle, .flex-top, .flex-bottom, .flex-middle2, .flex-top2, .flex-bottom2, .flex-max, .flex-max2, .flex-height, .flex { display: flex; place-content: flex-start; }

.pro_search{margin:0px 0 30px;background-color:#fff;border-radius:20px;overflow:hidden;padding: 30px 2.126%;}
.pro_search .form_box{margin-bottom:20px;width:100%;}
.pro_search .tip{min-width:135px;width:fit-content;font-size:18px;line-height:52px;color:#333;white-space:nowrap;}
.pro_search.en .tip{min-width:190px;}
.pro_search .search{max-width:calc(100% - 135px);width:100%;}
.pro_search.en .search{max-width:calc(100% - 190px);}
.pro_search .search .input{padding:0 20px;width:42.493%;height:55px;border:1px solid #ccc;border-radius:10px;overflow:hidden;font-size:18px;color:#333;margin-right:20px;}
.pro_search .search .submit{background-color:#0073e6;min-width:150px;width:fit-content;height:55px;padding:0 10px;border-radius:10px;overflow:hidden;}
.pro_search .search .submit .txt{font-size:18px;color:#fff;margin-left:15px;}
.pro_search .search .submit .icon .svg{width:21px;height:21px;fill:#fff;}
.pro_search .key_list{gap:25px;max-width:calc(100% - 135px);}
.pro_search.en .key_list{max-width:calc(100% - 190px);}
.pro_search .key_list .key_li{min-width:145px;width:fit-content;line-height:50px;text-align:center;padding:0 10px;border-radius:10px;background-color:#f7fafc;border:1px solid #f7fafc;font-size:18px;color:#999;display:block;transition:all 0.3s linear;}
.pro_search .key_list .key_li.cur,
.pro_search .key_list .key_li:hover{color:#0073e6;border-color:#0073e6;}
@media (max-width:750px) {
	.pro_search{padding:4%;}
	.pro_search .form_box{flex-direction:column;}
	.pro_search .tip{width:100%;margin-bottom:10px;font-size:16px;line-height:1.6;}
	.pro_search .search,
	.pro_search.en .search{max-width:100%;width:100%;}
	.pro_search .search .input{width:calc(100% - 120px);height:50px;font-size:16px;}
	.pro_search .search .submit{min-width:100px;height:50px;}
	.pro_search .search .submit .icon .svg{transform:scale(1.3);}
	.pro_search .search .submit .txt{font-size:16px;}
	.pro_search .key_box{flex-direction:column;}
	.pro_search.en .key_list,
	.pro_search .key_list{max-width:100%;}
	.pro_search .key_list .key_li{font-size:16px;line-height:40px;padding:0 20px;min-width:150px;}
  .pro_search .search .submit .txt{margin-left:0}
}

/* 产品列表共用样式 */
.pro_list{}
.pro_list ul{margin-right: -2%;}
.pro_list li{width: 31.333%; float: left; margin-right: 2%; margin-bottom: 2%; }
.pro_list li .ppimg{overflow: hidden; border-radius: 12px; position: relative;}
.pro_list li .ppimg img{width: 100%; display: block;transition: 0.5s;}
.pro_list li .ppwz{text-align: center;
  font-size: 22px;
  transition: all 0.4s;
  margin:5%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;}
.pro_list li .info2{position: absolute; top:100%; background:rgba(0,115,230, 0.5); padding: 0 4%; box-sizing: border-box; width: 100%; z-index: 9; color:#fff;transition:all 0.4s; font-size: 16px; line-height: 28px;  text-align: left; border-radius: 0 0 12px 12px;overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    display: -webkit-box !important;}
.pro_list li:hover .info2{transform: translateY(-100%);}
.pro_list li:hover .ppimg{box-shadow: 0px 5px 15px 0px rgba(1, 14, 34, 0.5); }
.pro_list li:hover .ppimg img{ transform:scale(1.1); -webkit-transform:scale(1.1); }


#pro_detail{border-bottom:1px solid #e6e6e6;width:100%;height:75px;position:relative;z-index:2;}
#pro_detail .cont .container{overflow-y:visible;transform:translateY(-6px);}
#pro_detail .cont .container .slide{font-size:20px;color:#1a1a1a;line-height:80px;text-align:center;min-width:216px;width:auto;transition:all 0.3s linear;border-radius:10px 10px 0 0;padding:0 10px;}
#pro_detail .cont .container .slide:hover,
#pro_detail .cont .container .slide.cur{color:#fff;background-color:var(--mainbg);}
#pro_detail .cont .pn{display:none;width:10px;height:18px;}
#pro_detail .cont .pn.prev{margin-right:20px;}
#pro_detail .cont .pn.next{margin-left:20px;}
@media (max-width:750px) {
    #pro_detail .cont{display:flex;justify-content:center;align-items:center;}	
    #pro_detail .cont .container{max-width:calc(100% - 50px);overflow:hidden;transform:translateY(0);}
    #pro_detail .cont .container .slide{font-size:30px;line-height:75px;padding:0 20px;}
    #pro_detail .cont .pn{display:block;transform:scale(1.5);}
}


.nyaboutbox{width: 100%; height: auto; overflow: hidden; padding:4% 6%; box-sizing: border-box;}
.about-tit{font-size:24px;color: #0073e6;margin-bottom: 1%}
.ny-about{font-size:16px;color:#222;line-height:32px; overflow: hidden; float:left; width:60%; margin-right: 2%;}
.ny-about img{max-width: 100%; height: auto; display: block; margin:auto; clear:both;}
.ny-about span{font-weight: 600; color: #0073e6;}
.aimg{width: 30%; height: auto; overflow: hidden; float:right}
.aimg img{width: 100%;}

.inf_lc{overflow: hidden;}
.inf_lc ul{margin-right: -2%;}
.inf_lc li{padding:1%; border: 1px solid #ccc; border-radius: 8px; height: auto; overflow: hidden; background: #fff; box-sizing: border-box; width: 48%; margin: 0 2% 2% 0; float: left;}
.inf_lc li:hover{border-color: #0073e6;border-radius: 4px;}
.inf_lc li.bg{background: #f5f5f5;}
.inf_lc li .bts{text-align: center;float: left;width: 10%;overflow: hidden; min-height: 100px; background: #0073e6; padding:30px 0; box-sizing: border-box;}
.inf_lc li .bts b{font-weight: 100;display: block;line-height: 36px;overflow: hidden;font-size: 36px;font-family: Arial;text-transform: uppercase;color: #fff; }
.inf_lc li .bts span{font-weight: 100;display: block;line-height: 16px;height: 16px;overflow: hidden;font-size: 12px;font-family: Arial;text-transform: uppercase;color: #fff; }
.inf_lc li .nyzi{margin-left:3%;width: 62%;font-size: 14px;float: right;color: #555;}
.inf_lc li .nyzi b{display: block;font-weight: 100;color: #0073e6;line-height: 30px;font-size: 15px;}
.inf_lc li .nyzi span{display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.inf_lc li .nyzi b a, .inf_lc li .nyzi b a:hover{color: #0073e6;font-weight: bold;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.inf_lc li .nyzi b a:hover{color: #0073e6;}
.inf_lc li .fr{margin: 50px 0 0;width: 70px;height: 25px;line-height: 25px;text-align: center;color: #ffffff;background-color: #0073e6;}
.inf_lc li .fr:hover{background: #0073e6;}

.inf_lc li .pimg{width:34%; float: left;}
.inf_lc li .pimg img{width: 100%}


/* 内页人才招聘部分*/.inner_content{width:100%;background:#fff;overflow: hidden;margin: 50px 0}
.jobctit{background:#0073e6;line-height:70px;font-size:18px;color:#fff;margin-top:0px;}
.jobctit span{display:inline-block;width:18%;text-align:center;}
.job-content{width:100%;float:left;background:#fff;}
.job-content dl{width:100%;float:left;}
.job-content dl dt{height:62px;line-height:62px;cursor:pointer;border-bottom:1px solid #e6e6e6;font-size:16px;display:block;overflow:hidden;}
.job-content span.job_cls{width:6%;}
.job-content dl dt .down{width:11px;height:60px;background:url(../img/dl.png) no-repeat center;display:block;margin:auto;}
.job-content dl dt.cur .down{background:url(../img/dlon.png) no-repeat center;}
.job-content dl dt span{width:18.3%;float:left;text-align:center;color:#666;}
.job-content dl dd{background:#f8f8f8;padding:3%;line-height:30px;font-size:15px;overflow:hidden;}
.job-content dl dd p{color:#666;margin-top:10px;}
.job-content dl dd p span{font-weight:bold;color:#333;font-size:18px;}
.job-content dl dd .cont{width:100%;border-top:1px solid #e6e6e6;padding:1%;margin:2% 0;}
.job-content dl dd .cont li{float:left;margin-right:3%;padding-left:30px;}
.job-content dl dd .cont li:nth-child(1){background:url(../img/dianhua.png) left no-repeat;background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(2){background:url(../img/dingwei.png) left no-repeat;background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(3){background:url(../img/youxiang.png) left no-repeat;background-size:25px 25px;margin-right:0;}





.nyprobox{width: 100%; height: auto; overflow: hidden; padding: 3% 0;}
.productPic{width: 100%;box-sizing: border-box;overflow: hidden;}
.productPic ul{overflow: hidden;}
.my_ul{margin-right: -2%;}
.productPic li{width: 22.6%;margin-right: 2%;float: left;margin-bottom: 3%;position: relative;box-shadow: 2px 2px 2px #eee;border: 1px solid #eee;}
.product-words{width: 100%;}
.product-w-pic{width: 100%;position: relative;overflow: hidden;background-color: #fff;text-align: center;box-sizing:border-box;}
.product-w-pic .pimg{}
.product-w-pic .pimg img{width: 100%;object-fit: cover}
.product-w-shade{width: 100%;height: 30%;position: absolute;bottom: 0%;left: 0%;background-color: rgba(37, 37, 37, .8);transition: all .2s;opacity: 0;}
.product-w-pic .product-w-piclink{display: block;width: 100%;height: 100%;font-size: 0;padding: 0;border-bottom: none;margin: 0;}
.product-w-shade .pwzs{width: 100%;position: absolute;top: 50%;transform: translate(0,-50%);}
.product-w-shade .pwzs p{font-size: 16px;color: #fff;width: 80%;margin: auto;text-align:justify;text-justify:inter-word;text-align: center;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.product-w-shade .pwzs p img{max-width: 100%!important;vertical-align: middle;display: inline-block;}
.product-w-shade .pwzs .span{display: inline-block;font-size: 24px;color: #fff;text-align: center;padding: 0 0 4px 0;border-bottom: 1px solid #fff;margin-top: 36px;}
.product-w-shade .pwzs .em{font-size: 14px;color: #fff;line-height: 25px;text-align: center;margin: 2% 5%}
.productPic li:hover .product-w-pic .product-w-shade{opacity: 1;height: 100%;}
.product-w-words{width: 100%;padding: 15px;box-sizing: border-box;}
.product-w-words .pwzs{font-size: 20px;color: #333;line-height: 30px;text-align: center;z-index: 999;position: relative;transition: all .2s;}
.product-w-words .p{font-size: 16px;color: #666;line-height: 25px;text-align: center;margin-top: 1%}
.productPic li:hover .product-w-words .pwzs{opacity: 1;color: #fff}
.productPic li:hover .product-w-words .p{color: #fff}
.productPic li:hover .product-words{background: rgba(3, 73, 180, 1);color: #fff}
.productPic li:hover .product-w-words .pwzs p img{max-width: 100%;}



.pro_right{width: 100%;height: auto;overflow: hidden;}
.productss{width:100%;float:left;}
.productss img{max-width: none !important;}
.promore_l{width:24%;float:left;}
/*图片放大镜样式*/.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%;border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/.spec-preview{width:100%;height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:32px;height:32px;cursor:pointer;margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%;height:51px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6;padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #2a3843;padding:1px;}
.pros_right{width:72%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:24px;color:#333;padding-bottom:10px;}
.pros_right_top .pwz{overflow:hidden;font-size:16px;color:#333;line-height:25px;padding-bottom:10px;}
.proleft{font-size:14px;line-height:30px;margin:2% 0; width: 30%; float: left; }
.proleft .bt{font-size: 16px; font-weight: 600; color: #0073e6;}
.proleft p{font-size:14px;line-height:25px;}
.prorights{font-size:14px;line-height:30px;margin:2% 0; width: 68%; float: left; }
.prorights .bt{font-size: 16px; font-weight: 600; color: #0073e6;}
.prorights p{font-size:14px;line-height:25px; width: 48%; float: left; margin-right: 2%;}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.proleft_btn{width:100%;float:left;margin-top:3%;}
.proleft_btn li{width:150px;float:left;margin-right:10px;}
.proleft_btn li a{width:150px;height:40px;float:left;line-height:40px;text-align:center;font-size:16px;background:#eee;display:block;color: #333722}
.proleft_btn li span{float:left;padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333;color:#fff;}
.tabs-basic{width:100%;margin:3% 0; overflow:hidden}
/* The tabs*/.tabs-basic ul{list-style:none;text-align:left;margin:0;padding:0;border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block;margin-bottom:-1px;font-size:22px;text-transform:uppercase;}
.tabs-basic a{display:block;text-decoration:none;background:#eee;border:1px solid transparent;padding:12px 40px;color: #333; border-radius:24px 24px 0 0}
.tabs-basic .tab-active{color:#fff;background:#0073e6;}
/* The content*/.tabs-basic .tabs-content-placeholder{overflow:hidden;margin:auto;padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;line-height:30px;font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6;line-height:24px;text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px;text-align:left;margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;margin:auto;display: block;clear: both;}
.tabs-basic table{border-collapse:collapse;border: 1px #e6e6e6 solid !important;width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important;padding-left:12px !important;word-wrap:break-word;word-break:break-all;border:1px #e6e6e6 solid !important;line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#333;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.scrollleft2{width:100%;float:left;margin-top:20px;margin-bottom: 30px;}
.scrollleft2 li{width:200px;float:left;margin-right:20px;overflow:hidden;}
.scrollleft2 li img{width:99%;display:block;border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #0073e6;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block;width:100%;line-height:30px;margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#0073e6;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}

#introduction {padding:0 0 3% 0;}
#introduction .cont .left{width:60%;padding-right:5%;}
#introduction .cont .left .pro_tit{margin:/*86px 0 50px*/ 0 0 30px;}
#introduction .cont .left .brief{font-size:16px;line-height:30px;color:#333;}
#introduction .cont .right{width:44%;height:fit-content;border-radius:24px;overflow:hidden;}/*background:url(../img/pro-detailbg.png) no-repeat center / cover; */
#introduction .cont .right .pic{border-radius: 24px;}
#introduction .cont .right .pic img{width:100%; display:block; border-radius: 24px;}
#introduction .cont .right .pic .swiper-box{overflow: hidden; border-radius: 24px;}
#introduction .cont .right .pic .swiper-box .swiper-container{padding-bottom: 0.44rem; position: relative;}
#introduction .cont .right .pic .swiper-box .swiper-pagination{display: block;bottom: 0;font-size: 0;}
#introduction .cont .right .pic .swiper-box .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #d0d1d5;margin: 0 0.1rem;width: 8px;height: 8px;border: none;transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;-o-transition: background 0.3s ease;}
#introduction .cont .right .pic .swiper-box .swiper-pagination .swiper-pagination-bullet:link,
#introduction .cont .right .pic .swiper-box .swiper-pagination .swiper-pagination-bullet:visited,
#introduction .cont .right .pic .swiper-box .swiper-pagination .swiper-pagination-bullet:active,
#introduction .cont .right .pic .swiper-box .swiper-pagination .swiper-pagination-bullet:focus{outline: none;}
#introduction .cont .right .pic .swiper-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0073e6;}
#introduction .cont .right .pic .swiper-box .swiper-slide:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05); box-shadow: 0px 5px 15px 0px rgba(1, 14, 34, 0.5);}
.pic2{font-size: 0; overflow: hidden; display: block; width: 100%; border-radius: 24px;}
.pic2 img{width: 100%; display: block; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease;  border-radius: 24px;}
.pic2 img.phone{display: none;}
.pic2:hover img{box-shadow: 0px 5px 15px 0px rgba(1, 14, 34, 0.5);}


@media (max-width:1536px) {
	#introduction .cont .left .pro_tit{margin-top:50px;}
}
@media (max-width:1366px) {
	#introduction .cont .left .pro_tit{margin-top:20px;}
}
@media (max-width:1024px) {
	#introduction .cont .left .pro_tit{margin:0 0 15px;}
}
@media (max-width:750px) {
	#introduction .cont{flex-direction:column;}
	#introduction .cont .left{width:100%;padding:0;}
	#introduction .cont .right{width:100%;margin-top:50px;}
}

.pro_tit{font-size:36px;color:#333;font-weight:500;line-height:36px;padding-left:38px;position: relative;}
.pro_tit::after{content:'';position: absolute;left:0;top:50%;transform:translateY(-50%);z-index: 2;width:8px;height:100%;border-radius:3px;background-color:#0073e6;}


#parameters{padding:3% 0 0;background-color:#f7f7f7;}
#parameters .cont{margin-top:0px;}
#parameters .cont table{font-size:15px; color: #333;border: 1px solid #dedede; background: #fff; line-height: 40px;}
#parameters .cont table tr{border-bottom: 1px solid #dedede; overflow: hidden; line-height:38px;}
#parameters .cont table tr:nth-child(1){background:#0073e6; color: #fff;}
#parameters .cont table td{padding:0 0 0 3%;box-sizing: border-box;}
@media (max-width:750px) {
	#parameters .editor{max-width:100%;overflow-y:auto;}
}

/*#features{padding:100px 0;}*/
#features{padding:0% 0; overflow: ;}
#features .cont .left{width:/*37.5%*/ 32%;margin-right:4% /*6.875%*/;border-radius:20px;overflow:hidden;}
#features .cont .right{width:calc(100% - 36%) /*55.625%*/;}
#features .cont .right .brief{font-size:18px;line-height:40px;color:#333;margin-top:30px;}
#features .cont .right .brief table{margin:0 auto;}

.list-group{padding: 3% 0;}
.list-group ul{font-size:0; margin-right: -2%; margin-bottom: -2%; }
.list-group ul li,.list-item{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;display:inline-block;vertical-align:top;text-align:center;margin-right:2%;width:23%;-webkit-box-shadow:0 3px 6px 0 rgba(12,4,7,.1);box-shadow:0 3px 6px 0 rgba(12,4,7,.1); padding:2% 1%; box-sizing: border-box; background: #fff; margin-bottom: 2%;  border-radius: 24px;}
.list-group ul li:hover .icon-item,.list-item:hover .icon-item{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}

/* .list-item:nth-child(4n){margin-right:0} */
.list-group ul li .icon-item,.list-item .icon-item{-webkit-transition:1s;-o-transition:1s;transition:1s;display:block;margin:auto;margin-bottom:30px;width:98px;height:98px;}
.list-group ul li .icon-item img,.list-item .icon-item img{width:100%; display: block;}
.list-group ul li .text,.list-item .text{margin-bottom:18px;font-size:24px;font-weight:700;color:#0073e6}
.list-group ul li .textwz,.list-item .textwz{margin-bottom:18px;font-size:16px;color:#333;min-height: 48px;}
.list-group ul li .moredd,.list-item .moredd{display:block;text-align:center;margin:auto;line-height:27px;border-radius:13px;font-size:14px;color:#fff; width: 50%; background: #c81d1d;}


.editor table{margin:0 auto;/*width:73.875% !important;*/}
@media (max-width:1536px) {
	/* #features .cont .right .brief{max-height:450px;overflow-y:auto;} */
}
@media (max-width:1440px) {
	/* #features .cont .right .brief{max-height:420px;} */
}
@media (max-width:1366px) {
	/* #features .cont .right .brief{max-height:400px;} */
}
@media (max-width:1280px) {
	/* #features .cont .right .brief{max-height:360px;} */
}
@media (max-width:1024px) {
	/* #features .cont .right .brief{max-height:280px;} */
}
@media (max-width:750px) {
	#features{padding:4% 0;}
	#features .cont{flex-direction:column-reverse;}
	#features .cont .left{width:100%;margin:30px 0 0;}
	#features .cont .right{width:100%;}
	#features .cont .right .brief{font-size:30px;line-height:1.8;margin-top:30px;}
	#features .cont .right .editor *{font-size:30px !important;line-height:1.6 !important;}
}

.case-list { margin:0; font-size: 0; margin-right: -1%}
.case-item {position: relative; float: left; margin-right: 1%; margin-bottom: 2%; width:32.333%; overflow: hidden;}
.case-item img { width: 100%; height: auto; transition: all .5s; display: block;}
.case-text {position: absolute; bottom: 0; left: 0; width: 100%; height: 56px; font-size: 16px; color: #fff;background-color: #0073e6;display: table; transition: all .5s;}
.case-text span,.case-text i { display: table-cell; vertical-align: middle}
.case-text span {padding: 0 5%; width: 86%;}
.case-text i { width:30px; padding-right: 3%;}
.case-text i img{max-width: 100% !important; display: block; height: auto;}
.case-item:hover .case-text{ background-color: rgba(0, 115, 230, .6);}
.case-item:hover img { transform: scale(1.05); }

.casebox{display: flex; margin-bottom: 3%; }
.casebox_left{width: 45%; margin-right: 5%;}
.casebox_left .swiper-container{overflow: hidden;}
.casebox_left .swiper-container .swiper-slide img{width: 100%; display: block;}
.casebox_left .swiper-container .swiper-pagination{right: 0 !important; width: 50%;}
.casebox_left img{width: 100%; display: block;}
.casebox_right{width: 45%;}
.casebox_rightbox{ position: sticky;top:40px; transition: 0.5ms;}
.casebox_rightbox.on{top:130px;}
.motop{width: 100%; position: relative; margin-bottom: 0.5rem;}
.motop .mol{display: inline-block; vertical-align: top; position: relative;}
.motop .mol .em{width: 100%; color: #222; font-weight: bold; line-height: 1.5;}
.motop .mol .cn{width: 100%; color: #222; font-weight: bold; line-height: 1.3;}
.motop .mol .bm{position: absolute; z-index: -1; width: 1.13rem; left: -0.2rem; top: -0.15rem;}
.motop .mol .bm img{width: 100%; display: block;}
.s50{font-size: calc(12px + 38 * 100vw / 1920);}
.casebox_intro .minps {display: none;}
.casebox_intro .minps:first-child {display: block;}

.casebox_left .gallery-thumbs{margin: 10px 0 0;}

.minps{width: 100%; height: 5.2rem;}
.minps .comt{width: 100%; padding: 0.2rem; border: 1px dashed #a7aaab; box-sizing: border-box;}
.minps .comt .ct{width: 100%; color: #222; line-height: 2; font-weight: bold;}
.minps .comt .cinp{width: 100%; color: #666; line-height: 1.75;}
.minps .comt .cinp p{color: #666; line-height: 1.75;}
.minps .vomt{width: 100%; padding: 0.2rem; border: 1px dashed #a7aaab; box-sizing: border-box; margin-top: 3%;}
.minps .vomt .vt{width: 100%; color: #222; font-weight: bold; line-height: 1.5; margin-bottom: 0.08rem;}
.minps .vomt .vinp{width: 100%; color: #666; line-height: 1.75;}
.minps .vomt .vinp p{color: #666; line-height: 1.75;}
.s18{font-size: calc(12px + 6 * 100vw / 1920);}
.s16{font-size: calc(12px + 4 * 100vw / 1920);}
@media (max-width: 768px){.details{padding: 0.5rem 0;} .details .detail .del .prper .pl{left: 0;} .details .detail .del .prper .pr{right: 0;}}



.caselist{overflow: hidden;}
.caselist ul{}
.caselist li{position: relative; overflow: hidden; margin-bottom:5%;}
.caselist li:last-child{margin-bottom: 0;}
.caselist li .caselist_left{position: absolute;left: 0;bottom: 0;width: 50%;box-sizing: border-box;padding:3%;background: #fff; z-index: 2; box-sizing: border-box;}
.caselist li .caselist_left .bt1{color: #222;font-weight: bold; font-size: 40px; line-height: 40px; margin-bottom:1.5%;}
.caselist li .caselist_left .bt2{color: #222; font-size: 30px; line-height:40px;}
.caselist li .caselist_left .bt3{font-size: 16px; line-height: 28px; margin: 3% 0; color: #222;}
.caselist li .caselist_right{ width: 50%; float: right;}
.caselist li .caselist_right .swiper-container{overflow: hidden;}
.caselist li .caselist_right .swiper-container .swiper-slide img{width: 100%; display: block;}
.caselist li .caselist_right .swiper-container .swiper-pagination{right: 0 !important; width: 50%;}
.caselist li:nth-child(2n) .caselist_right{float: left;}
.caselist li:nth-child(2n) .caselist_left{left: auto;right: 0;}

.i-fatt{overflow: hidden;}
.i-fatt ul{margin: 2% 0;}
.i-fatt .joleft{width: 35%; float: right; margin-top: 3.5%;}
.i-fatt .joleft img{width: 100%; display: block; height:576px;}
.i-fatt .joright{width: 62%; float: left;}
.i-fatt li{font-size:16px; background: #fff; margin: 0 0% 2.2%;}
.i-fatta{display:flex;justify-content: space-between; cursor: pointer;border-bottom: 1px solid #eee;border-top: 1px solid #eee;}
.i-fattaa{font-weight:bold;border-left:4px solid #0073e6;line-height:60px;padding-left:20px;box-sizing:border-box;}
.i-fattab{width:80%;display:flex;justify-content: flex-end;}
.i-fattaba{display:flex;width:50%;align-items: center;}
.i-fattaba p{margin-right:20%;}
.i-fattabb{width:20px;background:#0073e6;position:relative;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.i-fattabb:after{content:'';width:10px;height:2px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,50%)}
.i-fattabb:before{content:'';width:2px;height:10px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-28%)}
.i-fattb{padding:3%;font-size:16px;line-height:30px;display:none;box-shadow: 0 0 20px #ccc inset;box-sizing: border-box;color: #666;}

.nynewsbox2{padding: 3% 0; overflow: hidden;}
.nynewsbox2 ul{}
.nynewsbox2 li{background: #f6f6f6; margin-bottom: 5%; display: flex; justify-content: space-between;}
.nynewsbox2 li:last-child{margin-bottom: 0;}
.nynewsbox2 li .xwleft{width:80%; padding:4%; box-sizing: border-box; border-right: 1px solid #e2e2e2; box-sizing: border-box;}
.nynewsbox2 li .xwleft .title{font-size:34px;font-weight:bold;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; line-height: 40px; color: #000;}
.nynewsbox2 li .xwleft .desct{color:#737373;margin-top:4%;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; margin-bottom: 6%;}
.nynewsbox2 li .xwleft .dbutter{display:inline-block;width:144px;height:36px;line-height:34px;border:1px solid#7f7e7e;text-align:center;font-size:14px;color:#666;margin:0 9px;-webkit-transition:all 0.5s;transition:all 0.5s;padding:}
.nynewsbox2 li .xwleft .dbutter a{ display:block;}
.nynewsbox2 li .xwleft .dbutter a:hover{color:#fff;}
.nynewsbox2 li .xwleft .dbutter:hover{border:1px solid #0073e6;background:#0073e6; color: #FFF;}
.nynewsbox2 li .xwleft .dbutter:hover a{color:#fff;}
.nynewsbox2 li .xwright{width:20%; display: flex; justify-content: space-between; margin-left:8%; }
.nynewsbox2 li .xwright .x01{width: 50%;padding: 10% 5%; box-sizing: border-box; display:none;}
.nynewsbox2 li .xwright .x01 .date{font-size: 16px;color: #666;line-height: 28px;}
.nynewsbox2 li .xwright .x01 .dt{font-size:20px;font-weight:bold;margin-top:32px;margin-left:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical; color: #000;}
.nynewsbox2 li .xwright .x02{width:100%;}
.nynewsbox2 li .xwright .x02 img{width: 100%; display: block;}