/*header*/

.header{position: fixed;width:100%;z-index: 9999;top:0;border-bottom: solid 1px rgba(255,255,255,.4);background: #fff;}

.header.active{background:rgba(255,255,255,0.7);}

.header-box{display: flex;flex-direction: row;justify-content: space-between;width:100%;height: 100%}

.h-logo{width:160px;display: block;transition: all .5s}

/*.header.active .h-logo{padding:10px 0;}*/

.h-nav{width: calc(100% - 180px);display: flex;flex-direction: row;justify-content: flex-end;}

.h-nav li{height: 100%;position: relative;margin:0 15px;}

.h-nav li .yiji{color:#333;font-size: 16px;transition: all .5s;position: relative;display: inline-block;height: 100%;line-height: 90px;font-weight: 400;transition: all .5s}

.header.active .h-nav li .yiji{line-height: 60px;}

.h-nav li .yiji:after{content:'';position: absolute;height: 2px;background:#333;left:50%;bottom:-1px;transform: translateX(-50%);width:0;transition: all .5s;}

.h-nav li .yiji.on{}

.h-nav li .yiji.on:after{width:100%;}

.h-nav li .sublist{position: absolute;width:120px;top:100%;left:-10px;background: rgba(255,255,255,.4);display: none;}

.h-nav li .sublist.product{width:150px;}

.h-nav li .sublist ul{display:flex;flex-direction: column;background: rgba(255,255,255,.8);padding:10px 15px 15px;}

.h-nav li .sublist ul a{display: block;padding:10px 0;color:#333;transition: all .5s;position: relative;font-size: 15px;}

.h-nav li .sublist ul a:after{position: absolute;content:'';left:0;bottom:0;width:15px;background: var(--zhu-color);height: 2px;transition: all .5s}

.h-nav li .sublist ul a:hover:after{width:100%;}

.h-nav li .sublist ul a:hover{color:var(--zhu-color);}

.h-right{width:180px;height: 34px;text-align: center;color:#fff;background: var(--zhu-color);margin:25px 0;transition: all .5s;display: flex;flex-direction: row;justify-content:center;align-items: center;}

.h-right i{font-size: 20px;display: inline;margin-right: 3px;}

.h-right span{font-size: 16px;line-height: 1;margin-left:5px;}

.header.active .h-right{margin:10px 0;}

.h-menu{position: fixed;right:0;top:10px;width:80px;text-align: center;cursor: pointer;display: none;color:var(--zhu-color);transition: all .5s}

.h-menu i{color:#222;font-size: 30px;}

.header.active .h-menu{top:10px;}

@media(max-width: 1600px){

	.h-nav li .sublist .wrapp{display: flex;flex-direction: row;}

	.h-nav li .sublist .right img{width:100%;}

}

@media(max-width: 1400px){

	.h-nav li .sublist .left{width:30%;}

	.h-nav li .sublist .mid{width:35%;}

	/*.h-nav li .sublist .right{width:35%;}*/

}

@media(max-width: 1200px){

	.h-right i{font-size: 24px}

}

@media(max-width:992px){

	.h-right{display: none;}

	.h-logo{padding:20px 0;}

}

@media(max-width:768px){

	.h-logo{padding:11px 0;}

	.h-nav{display: none;}

	.h-menu{width:60px;display: block}

}

@media(max-width: 576px){

	.header{height: 50px;}

	.h-logo{height: 100%;padding:5px 0;}

	.h-logo img{max-height: 40px;width:auto;}

	.h-menu{display: flex;flex-direction: column;justify-content: center;top:0;}

	.header.active .h-menu{top:0px;}

	/*.header.active .h-logo{padding:5px 0;}*/

}

/*banner*/

.flash{width:100%;overflow: hidden;position: relative;margin-top: 90px;}

.banner{width:100%;margin:0 auto;}

.banner .swiper-slide{position: relative;width:100%;overflow: hidden;}

.banner .swiper-slide .pic{transform: scale(1,1);transition:all 3s;height: 100%;object-fit: cover;width:100%;}

.banner .swiper-slide .pic.on{transform: scale(1.1,1.1);}

.banner1-pic{height:80vh;display: flex;flex-direction: row;justify-content: center;align-items: center;padding:0 15px;}

.banner .page-cirle{bottom: 100px;width: 94px;height: 94px;z-index: 22;--bs-progress-bg:none;--bs-progress-bar-bg:none;}

.banner .page-cirle:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border-radius: 100%;border: 1px solid rgba(255,255,255,.5); content: "";}

.banner .page-cirle > span{position: absolute;top: 0;width: 50%;height: 100%;z-index: 1;overflow: hidden;}

.banner .page-cirle .progress-left{left: 0;display: none;}

.banner .page-cirle .progress-bar{position: absolute;top: 0;width: 100%;height: 100%;border: 1px solid var(--zhu-color);box-sizing: border-box;}

.banner .page-cirle .progress-left .progress-bar{left: 100%;border-top-right-radius: 80px;border-bottom-right-radius: 80px;

border-left: 0; -webkit-transform-origin: center left;transform-origin: center left;}

.banner .page-cirle .progress-right{right: 0;display: none;}

.banner .page-cirle .progress-right .progress-bar{left: -100%;border-top-left-radius: 80px;border-bottom-left-radius: 80px;border-right: 0;

-webkit-transform-origin: center right;transform-origin: center right;animation: loading-1 2.5s linear  forwards;}

.banner .page-cirle .progress-left .progress-bar{animation: loading-2 2.5s linear forwards 2.5s; }

.banner .page-cirle.on .progress-left,.banner .page-cirle.on .progress-right{display: block;}

.dwzycenter{position: absolute;left: 50%;transform: translateX(-50%);}

.dwsxcenter{position: absolute;top: 50%;transform: translateY(-50%);}

.mflex_center{display: flex;justify-content: center;align-items: center;}

.dwcenter{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.trans{transition: all .5s}

.banner .swiper-pagination{height: 1em;color: #fff;}

.banner .swiper-pagination ul{position: relative;height: 1.5em;width: 20px; text-align: left; overflow: hidden;}

.banner .swiper-pagination ul li{position: absolute;left: 0px;bottom: 0;width: 100%;line-height: 1em; font-size: 16px}

.banner .swiper-pagination .total{display: block;width: 20px;text-align: right;font-size: 16px}

.banner .swiper-pagination .line{width: 8px;height: 1px;margin: 0 8px;background: #fff;}

.banner .paeg-bann{z-index: 11;width:80%;}

.banner .paeg-bann .next{right: -4px;cursor: pointer;}

.banner .paeg-bann .prev{left: -4px;cursor: pointer;}

.banner .paeg-bann .next .line,.banner .paeg-bann .prev .line{width:60px;height: 2px;background: #fff;}

.banner .paeg-bann .prev .line{margin-left: -14px;}

.banner .paeg-bann .next .iconfont{margin-left: -16px;font-size: 22px;line-height: 1em;color: #fff;}

.banner .paeg-bann .prev .iconfont{font-size: 22px;line-height: 1em;color: #fff;}

.banner .paeg-bann .next:hover .line,.banner .paeg-bann .prev:hover .line{background: var(--zhu-color);}

.banner .paeg-bann .next:hover .iconfont,.banner .paeg-bann .prev:hover .iconfont{color: var(--zhu-color);}

.banner .scorll{bottom:40px;height: 1em;color: #fff;z-index: 22;}

.banner .scorll .iconfont{margin:3px 10px 0 0;font-size: 30px;line-height: 1em;transition: all .5s}

.banner .scorll:hover{color: var(--zhu-color);}

@keyframes loading-1{

0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}

100%{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

}

@keyframes loading-2{

0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}

100%{-webkit-transform: rotate(180deg); transform: rotate(180deg);}

}

 @keyframes fadenum{

   0%{-webkit-transform:rotate(0deg);}

	50%{-webkit-transform:rotate(180deg);}

	100%{-webkit-transform:rotate(360deg);}

}

@media(max-width: 768px){

	.flash{margin-top: 70px;}

	.banner .paeg-bann{display: none;}

	.banner .page-cirle{bottom:100px;width:64px;height: 64px;display: none}

	.banner .scorll{bottom:50px;}

}

@media(max-width: 576px){

	.flash{margin-top: 50px;}

	.banner .swiper-slide{height: 30vh}

	.banner .page-cirle{bottom:30px;}

	.banner .scorll{bottom:10px;}

	.banner .page-cirle{width:45px;height: 45px;}

	.banner .swiper-pagination ul li,.banner .swiper-pagination .total{font-size: 12px;width:auto;}

	.banner .swiper-pagination ul{width:15px;height: 1em;}

	.banner .swiper-pagination .line{width:3px;margin:0 2px;}

}

.fancynav-inner .flash{margin-top: 0}

/*ipro*/

.ipro{overflow: hidden;}

.ipro-hd{padding:30px 0;text-align: center;}

.ipro-hd .t1{font-size:26px;}

.ipro-hd .t2{font-size:16px;color:#999;}

.ipro-md{display: flex;flex-direction:row;justify-content: space-between;}

.ipro-md .left{width:80px;height: 42px;line-height: 42px;text-align: center;font-size:18px;background: #d9d9d9;border-radius: 5px}

.ipro-md .right{width:calc(100% - 80px);}

.ipro-md .right a{font-size:18px;padding:0 3vw;line-height: 42px;color:#666;display: inline-block;}

.ipro-md .right a:hover{color:var(--zhu-color);}

.ipro-bd{overflow: hidden;display: flex;flex-direction: row;justify-content: space-between;margin-top: 30px;}

.ipro-bd .left{width:calc(50% - 15px);}

.ipro-bd .left a{width:100%;position: relative;border-radius: 8px;overflow: hidden;display: block;}

.ipro-bd .left a p{width:100%;height: 60px;background-image: linear-gradient(to bottom,transparent,#333);font-size:18px;font-weight:600;line-height: 60px;padding:0 20px;color:#fff;position: absolute;left:0;bottom:0;}

.ipro-bd .right{width:calc(50% - 15px);display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}

.ipro-bd .right a{width:calc(50% - 15px);position: relative;border-radius: 8px;overflow: hidden;display: block;margin-bottom: 30px;}

.ipro-bd .right a .img{padding-bottom:73.5%;}

.ipro-bd .right a p{width:100%;height: 60px;background-image: linear-gradient(to bottom,transparent,#333);font-size:18px;font-weight:600;line-height: 60px;padding:0 20px;color:#fff;position: absolute;left:0;bottom:0;}

@media(max-width: 992px){

	.ipro-bd .left a p,.ipro-bd .right a p{height: 40px;line-height: 40px;font-size:16px;}

}

@media(max-width: 768px){

	.ipro-md .right a{font-size:16px;line-height: 36px;}

	.ipro-md .left{font-size:16px;height: 36px;line-height: 36px}

	.ipro-bd{flex-direction:column;}

	.ipro-bd .left{width:100%;}

	.ipro-bd .right{width:100%;margin-top: 30px;}

}

@media(max-width: 576px){

	.ipro-hd{padding:10px 0 5px;}

	.ipro-hd .t1{font-size:22px;}

	.ipro-hd .t2{font-size:12px;}

	.ipro-md .left{display: none;}

	.ipro-md .right{width:100%;}

	.ipro-md .right a{font-size:12px;padding:0 1.5vw;}

	.ipro-bd{margin-top: 15px;}

	.ipro-bd .right a{width:calc(50% - 5px);}

	.ipro-bd .left{width:80%;margin:0 auto;}

	.ipro-bd .left a p, .ipro-bd .right a p{font-size:14px;}

}

/*imsg*/

.imsg{overflow: hidden;margin:45px 0;}

.imsg-hd{text-align: center;}

.imsg-hd .t1{font-size:22px;font-weight: bold;}

.imsg-hd .t2{font-size:16px;color:#666;}

.imsg-bd-msg{display: flex;flex-direction: column;width:350px;margin:30px auto 0;}

.imsg-bd-msg .input-text{width:90%;margin:0 5%;border:solid 1px #cecece;font-size:16px;padding:8px 15px;}

.imsg-bd-msg .submit{width:100%;height: 45px;line-height: 45px;text-align: center;color:#fff;font-size:16px;background: #333;margin-top: 30px;}

.imsg-md{width:320px;margin:30px auto 0;overflow: hidden;background: #d9d9d9;border-radius: 20px;height: 30px;}

.imsg-md .swiper-slide{width:100%;display: flex;flex-direction: row;justify-content: space-between;font-size:14px;height: 30px;padding:0 20px;overflow: hidden;line-height: 30px;}

.imsg-md .swiper-slide i{width:20px;}

.imsg-md .swiper-slide b{width:60px;}

.imsg-md .swiper-slide p{width:calc(100% - 160px);text-align: center;}

.imsg-md .swiper-slide span{}

@media(max-width: 576px){

	.imsg{margin:0 0 30px;}

	.imsg-bd-msg{width:100%;}

	.imsg-md{width:100%;}

}

/*ichangjing*/

.ichangjing{margin-top:20px;}

.ichangjing .container-fluid{display: flex;flex-direction: row;}

.ichangjing-left{width:270px;background: url(../images/ichangjing-left-bg.jpg) bottom left no-repeat #90beff;padding:0 20px;padding-top: 90px}

.ichangjing-left b{color:#fff;font-size:35px;}

.ichangjing-left .txt{position: relative;padding-top: 20px;margin-top: 60px}

.ichangjing-left .txt:before{position: absolute;height: 3px;width:44px;content:'';left:0;top:0;background: #fff}

.ichangjing-left .txt p{font-size:18px;line-height: 2;color:#fff;}

.ichangjing-right{width:calc(100% - 270px);display: flex;flex-direction: column;}

.ichangjing-right .hd,.ichangjing-right .md,.ichangjing-right .bd{display: flex;flex-direction: row;justify-content: space-between;flex-wrap:wrap;}

.ichangjing-right .hd li,.ichangjing-right .bd li{width:calc(calc(100% - 18px)/4);}

.ichangjing-right .hd li .img,.ichangjing-right .bd li .img{padding-bottom:68.58%;}

.ichangjing-right .md{margin-top: 6px;}

.ichangjing-right .md .left,.ichangjing-right .md .right{width:calc(calc(100% - 20px)/4);}

.ichangjing-right .md .left li,.ichangjing-right .md .right li{width:100%;margin-bottom: 6px}

.ichangjing-right .md .left li .img,.ichangjing-right .md .right li .img{padding-bottom:68.58%;}

.ichangjing-right .md .mid{width:calc(calc(100% - 4px)/2);}

.ichangjing-right .md .mid .img{padding-bottom:68.7%;}

@media(max-width: 992px){

	.ichangjing .container-fluid{flex-direction: column;padding:0;}

	.ichangjing-left{width:100%;padding-top: 45px}

	.ichangjing-left p{display: inline-block;margin-right:15px}

	.ichangjing-left .txt{margin-top: 30px;margin-bottom: 30px;}

	.ichangjing-right{width:100%;}

}

@media(max-width: 576px){

	.ichangjing-right .hd li, .ichangjing-right .bd li{width:calc(calc(100% - 6px)/2);margin-bottom:6px;}

	.ichangjing-right .md{flex-direction: column;margin-top: 0}

	.ichangjing-right .md .left,.ichangjing-right .md .right{width:100%;flex-direction: row;display: flex;justify-content: space-between;}

	.ichangjing-right .md .left li,.ichangjing-right .md .right li{width:calc(calc(100% - 6px)/2);}

	.ichangjing-right .md .mid{width:100%;margin-bottom: 6px;}

	.ichangjing-left b{font-size:30px;}

	.ichangjing-left .txt p{font-size:16px;}

}

/*icase*/

.icase-hd{display: flex;flex-direction: row;justify-content: center;margin:60px 0;align-items: center;}

.icase-hd:before,.icase-hd:after{content:'';width:75px;height: 2px;background: #333333;}

.icase-hd span{font-size:34px;margin:0 20px;}

.icase-bd{overflow: hidden;}

.icase-bd li{height: 275px;width:100%;display: flex;flex-direction: column;justify-content: center;margin-bottom: 30px;}

.icase-bd li .txt{height: 215px;background: rgba(255,255,255,.7);width:600px;padding:40px 50px;margin-left:60px;}

.icase-bd li .txt .t1{font-size:34px;font-weight: bold;}

.icase-bd li .txt .t2{padding:8px 20px;background: #4f91ef;display: flex;flex-direction: row;color:#fff;align-items: center;margin-top: 15px;width:310px;}

.icase-bd li .txt .t2 p{font-size:20px;width:calc(100% - 35px);}

.icase-bd li .txt .t2 i{font-size:26px;margin-left:15px;}

@media(max-width: 768px){

	.icase-bd li .txt{margin-left:45px;width:400px;height: 190px}

	.icase-bd li .txt .t1{font-size:30px;}

	.icase-bd li .txt .t2{padding:5px 15px;}

	.icase-bd li .txt .t2 p{font-size:16px;}

	.icase-bd li .txt .t2 i{font-size:22px;}

}

@media(max-width: 576px){

	.icase-hd{margin:30px 0;}

	.icase-hd span{font-size:28px;}

	.icase-hd:before, .icase-hd:after{width:45px;}

	.icase-bd li{height: 160px;margin-bottom: 15px;}

	.icase-bd li .txt{width:80%;margin-left: 10%;padding:15px;height: 110px}

	.icase-bd li .txt .t1{font-size:20px;}

	.icase-bd li .txt .t2{width:100%;margin-top: 10px;}

	.icase-bd li .txt .t2 p{font-size:12px;}

	.icase-bd li .txt .t2 i{font-size:15px;}

}

/*iyoushi*/

.iyoushi{overflow: hidden;}

.iyoushi-hd{margin: 25px 0 35px;overflow: hidden;font-size:40px;font-weight: bold;text-align: center;position: relative;padding-bottom:30px;}

.iyoushi-hd:after{content:'';width: 60px;height: 8px;background:#78adf9;position: absolute;left:50%;transform: translate(-50%);bottom:0;}

.iyoushi-bd{display:flex;flex-direction: row;flex-wrap: wrap;}

.iyoushi-bd li{width:calc(100% / 3);color:#fff;background:#78adfb;display: flex;flex-direction: column;justify-content: center;align-items: center;}

.iyoushi-bd li:nth-child(5){display: none;}

.iyoushi-bd li .t1{font-size:26px;padding:0 30px;}

.iyoushi-bd li .t2{font-size:22px;line-height: 1.8;text-align: center;padding:0 30px;}

@media(max-width: 992px){

	.iyoushi-hd{font-size:35px;}

	.iyoushi-hd:after{height: 6px;}

	.iyoushi-bd li .t1{font-size:24px;}

	.iyoushi-bd li .t2{font-size:18px;}

}

@media(max-width: 768px){

	.iyoushi-hd{font-size:30px;padding-bottom: 15px;}

	.iyoushi-bd li .t1{font-size:18px;padding:0 15px;}

	.iyoushi-bd li .t2{font-size:14px;padding:0 15px;}

}

@media(max-width: 576px){

	.iyoushi .container-fluid{padding:0;}

	.iyoushi-hd{font-size:24px;}

	.iyoushi-hd:after{height: 4px;}

	.iyoushi-bd li{width:50%;}

	.iyoushi-bd li:nth-child(3){display: none;}

	.iyoushi-bd li:nth-child(5){display: block;}

	.iyoushi-bd li .t1{font-size:16px;padding:0 10px;}

	.iyoushi-bd li .t2{font-size:12px;padding:0 10px;}

}

/*ihuoban*/

.ihuoban{overflow: hidden;margin-top: 30px;}

.ihuoban .container-fluid{display: flex;flex-direction: row;justify-content: space-between;}

.ihuoban-left{width:400px;padding:45px 30px;background:#f9f9f9;}

.ihuoban-left .t1{font-size:30px;}

.ihuoban-left .t2{font-size:15px;line-height: 2;margin-top: 20px;-webkit-line-clamp:8;}

.ihuoban-right{margin-top: 50px;}

.ihuoban-right-hd{display: flex;flex-direction: row;justify-content: center;position: relative;align-items: center;}

.ihuoban-right-hd span{font-size:30px;font-weight: bold;color:#222;margin:0 15px;}

.ihuoban-right-hd:before,.ihuoban-right-hd:after{content:'';width:65px;height: 1px;background:#222;}

.ihuoban-right-bd{padding: 40px 0;text-align: center;}

@media(max-width: 992px){

	.ihuoban .container-fluid{flex-direction: column;}

	.ihuoban-left{width:100%;}

	.ihuoban-right{width:100%;}

}

@media(max-width: 576px){

	.ihuoban-left{padding:30px 15px;}

	.ihuoban-left .t1{font-size:24px;}

	.ihuoban-left .t2{font-size:14px;}

	.ihuoban-right-hd span{font-size:24px;}

	.ihuoban-right-hd:before,.ihuoban-right-hd:after{width:30px;}

}

/*iliuyan*/

.iliuyan{background:url(../images/liuyan-bg.jpg) center no-repeat;background-size: cover;padding:20px 0;}

.iliuyan-hd{display: flex;flex-direction: row;justify-content: center;align-items: center}

.iliuyan-hd b{font-size:20px;}

.iliuyan-hd span{font-size:15px;color:#ccc;margin-left: 30px;}

.iliuyan-bd{margin-top: 20px;}

.iliuyan-bd .msg{display: flex;flex-direction: row;justify-content: center;}

.iliuyan-bd .msg .input-text{width:310px;padding:5px 15px;font-size:14px;color:#999; }

.iliuyan-bd .msg .submit{width:300px;height: 60px;line-height: 60px;font-size:16px;color:#fff;text-align: center; background:#333333;margin-left: 15px;}

@media(max-width: 576px){

	.iliuyan-hd{flex-direction: column;}

	.iliuyan-hd span{margin-left: 0}

}

/*icontact*/

.icontact{background:url(../images/map-bg.jpg) left center no-repeat;padding:50px 0;background-size: cover}

.icontact .container-fluid{display: flex;flex-direction: row;justify-content: space-between;}

.icontact-left{display: flex;flex-direction: column;justify-content: center;color:#fff;width:calc(100% - 630px);}

.icontact-left .t1{font-size:30px;margin-bottom: 45px}

.icontact-left .t2{font-size:16px;line-height: 2}

.icontact-right{width:600px;}

@media(max-width: 992px){

	.icontact .container-fluid{flex-direction: column;}

	.icontact-left{width:100%;}

	.icontact-left .t1{margin-bottom: 15px;font-size:24px;}

	.icontact-left .t2{font-size:14px;}

	.icontact-right{margin-top: 15px;width:100%;}

}

@media(max-width: 576px){

	.BMap_omCtrl{display: none!important;}

}

/*footer*/

.footer{background:#f8f8f8;padding-top:45px;}

.f-hd{display: flex;flex-direction: row;justify-content: center;}

.f-hd li{display: flex;flex-direction: row;justify-content: space-between;width:30%;}

.f-hd li img{width:44px;}

.f-hd li .txt{width:calc(100% - 55px);}

.f-hd li .txt .t1{font-size:14px;color:#222;}

.f-hd li .txt .t2{font-size:12px;color:#666;}

.f-md{width:100%;text-align: center;margin:30px 0;}

.f-md a{color:#333;padding:0 3vw;}

.f-md a:hover{color:var(--zhu-color);}

.f-bd{text-align: center;padding:15px 0 30px;}

.f-bd a{color:#333;display: inline-block;}

.f-bd a:hover{color:var(--zhu-color);}

@media(max-width: 992px){

	.f-hd li{width:33%;flex-direction: column;align-items: center;}

	.f-hd li .txt{width:100%;text-align: center;margin-top: 15px;}

}

@media(max-width: 576px){

	.f-hd{justify-content: space-between;}

	.f-hd li{width:30%;}

	.f-md{display: none;}

	.f-bd{margin-bottom: 30px;}

}

/*prolist*/

.prolist{margin:35px 0;overflow: hidden;}

.prolist-hd{height: 42px;background:#E8E8E8;}

.prolist-hd ul{display: flex;flex-direction: row;justify-content: center;flex-wrap:wrap;}

.prolist-hd ul a{width:25%;float: left;display: inline-block;text-align:center; line-height:42px;color:#666;}

.prolist-hd ul a:hover,.prolist-hd ul a.active{background:#3aa9fa;color:#fff;}

.prolist-bd{overflow: hidden;}

.prolist-bd a{width:30%;margin:30px 1% 0;display: block;float: left;padding:15px;}

.prolist-bd a .pic{padding:15px;border-radius: 50%;border:2px solid #ccc;overflow: hidden;}

.prolist-bd a .img{padding-bottom: 100%;}

.prolist-bd a p{text-align: center;font-size:22px;position: relative;font-size:16px;color:#333;max-width: 100%;padding:0 15px 15px;margin:35px 0 0 0;}

.prolist-bd a p:after{content:'';height: 1px;background:#333;width:150px;bottom:0;position: absolute;left:50%;transform: translate(-50%);}

.prolist-bd a:hover .pic{border:solid 2px var(--zhu-color); }

@media(max-width: 768px){

	.prolist-bd a{width:48%;margin:15px 1%;}

}

@media(max-width: 576px){

	.prolist-hd{height: auto;}

	.prolist-hd ul{justify-content: flex-start;}

	.prolist-hd ul a{width:auto;font-size:12px;width:50%;}

	.prolist-bd a{width:45%;margin:15px 2.5%;}

	.prolist-bd a{padding:0;}

	.prolist-bd a p{font-size:14px;}

}

/*position*/

.position{border-bottom: solid 1px #f3f2f2;padding-top: 5px;overflow: hidden;}

.p-left{width:50%;float: left;overflow: hidden;}

.p-left a{height: 70px;line-height: 70px;display: block;float: left;margin-right: 30px;color:#333;font-size: 16px;position: relative;transition: all .5s}

.p-left a:after{content:'';position: absolute;bottom:0;left:50%;height: 2px;background:var(--zhu-color);width:0;;transition: all .5s;transform: translateX(-50%);}

.p-left a:hover,.p-left a.on{color:var(--zhu-color);}

.p-left a:hover:after,.p-left a.on:after{width:100%;}

.p-right{width:50%;float: right;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;height: 70px;}

.p-right i{color:var(--zhu-color);font-size:30px;margin-right: 10px;}

.p-right p{color:#666666;}

.p-right p a{color:#666666;display: inline-block;}

.p-right p a:hover{color:var(--zhu-color);}

.pinfo-position .p-right{justify-content: flex-start;width:100%;}

@media(max-width: 1400px){

	.p-right{height: 50px;}

}

@media(max-width: 992px){

	.position .container-fluid{display: flex;flex-direction: column-reverse;}

	.p-left{width:100%;}

	.p-right{width:100%;justify-content: flex-start;}

	.pinfo-position .p-right{display:flex;}

}

@media(max-width: 576px){

	.p-left a{height: 40px;line-height: 40px;font-size: 14px;margin-right: 15px;}

	.p-right i{font-size: 16px;}

	.p-right p{font-size: 12px;}

	.pinfo-position .p-right{display:flex;}

}

/*分页*/

#pages {

    text-align: center;margin-top: 30px;

}

#pages li {

    margin: 0 2px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    background: #e6e6e6;

    color: #333;

    display: inline-block;

}

#pages li a{

    font-size: 14px;

    display: block;

    padding: 0 12px;

}

#pages li span{

    font-size: 14px;

    display: block;

    padding: 0 12px;

}

#pages li.active {

    text-align: center;

    background:var(--zhu-color);

    color: #fff;

    display: inline-block;

}

#pages li:hover {

    background: var(--zhu-color);

}

#pages li:hover a {

    color: #fff;

}

/*proinfo-part1*/

.proinfo-part1{margin-top:30px;}

/*g_focus*/

.g_focus{ overflow: hidden; margin-bottom: 30px; }

.g_focus .info{ overflow: hidden; }

.g_focus .info b{ font-size: 24px; color: #333333; line-height: 1.3; display: block; margin-bottom: 10px }

.g_focus .info .brief{ padding-left: 20px; border-left: 2px solid var(--zhu-color); font-size: 18px; color: var(--zhu-color); margin-bottom: 5px;line-height: 1.2 }

.g_focus .info p{ font-size: 14px; color: #999999; overflow: hidden;margin-bottom: 12px;line-height: 1.8; }

.g_focus .info p.clamp{-webkit-line-clamp:2;}

.g_focus .info .order-btn{ float: left; line-height: 1; padding:12px 80px; background: var(--zhu-color); border-radius: 3px; font-size: 16px; color: #ffffff; transition: all .3s; }

.g_focus .info .order-btn:hover{ transition: all .3s; background: var(--zhu-color); }

.g_focus .info .tel{ float: left; margin-left: 40px; overflow: hidden; position: relative; top:5px; }

.g_focus .info .tel span{ float: left; margin-right: 12px;  color: var(--zhu-color); font-size: 26px; }

.g_focus .info .tel div{ float: left; /*width: 50%;*/ }

.g_focus .info .tel i{ font-size: 14px; display: block; line-height: 1; color: #666666; font-style: normal; }

.g_focus .info .tel b{ font-size: 24px; color: var(--zhu-color); line-height: 1; margin: 6px 0 0; }

#g_xgcp{ overflow: hidden;  margin:20px 0; padding-right: 2px}

#g_xgcp a{ display: block; width: 100%; overflow: hidden; padding-bottom: 75%; position: relative; border:1px solid #e1e0e0;transition: all .5s }

#g_xgcp a img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s;}

#g_xgcp a b{ display: block; background: rgba(23,77,183,.7); width: 100%; box-sizing: border-box; padding:0 15px; line-height: 46px; text-align: center; font-size: 16px; color: #ffffff; line-height: 46px; position: absolute; left:0; bottom:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#g_xgcp a:hover{border-color:var(--zhu-color);}

#g_xgcp a:hover img{  transform: scale(1.05); }

#gfocus{ width: 100%;  border:1px solid #f1f1f1;overflow:hidden;position: relative; }

#gfocus img, #glist img{ width: 100%; height: 100%; object-fit: cover; }

 #gfocus .btnn{position: absolute;z-index: 1;width:96%;top: 50%;transform: translateY(-50%);left:2%;}

#gfocus .button-next, #gfocus .button-prev{ background-image: none; width: 36px; height: 36px; position: absolute; z-index: 1}

#gfocus .button-next span, #gfocus .button-prev span{ font-size: 36px; line-height: 1; color: var(--zhu-color); cursor: pointer;}

#gfocus .button-next{right:0;}

#gfocus .button-prev{left:0;}

#glist .swiper-slide{ overflow: hidden; height: 190px; }

#glist .swiper-slide img{ width: 100%; height: 100%; transition: all .3s; }

#glist .swiper-slide:hover img{ transition: all .3s; transform: scale(1.05); }

.info_nav{ background-color: #f1f1f1; overflow: hidden; }

.info_nav b{ font-size: 18px; color: #333333; display: inline-block; line-height: 1; padding:20px 70px; font-weight: normal; cursor: pointer;}

.info_nav b a{ font-size: 18px; color: #333333; }

.info_nav b:nth-of-type(1){  background: var(--zhu-color); color: #fff; }

.info_nav b:hover{ background: var(--zhu-color); color: #fff; }

.info_nav b:hover a{ color: #fff; }

.g_info .txt{ }

.g_info .txt .content{padding:30px 5px;line-height: 260%;font-size: 110%;overflow:hidden;}

.g_info .txt .content .gParm{padding:15px;background: #f0f0f0;border-radius: 5px;margin-bottom: 30px;}

.g_info .txt .content .gParm li{width:100%;display: flex;flex-direction: row;margin: 8px 0;line-height: 1.6;}

.g_info .txt .content .gParm li span{color:var(--zhu-color);font-size: 16px;font-weight: bold;min-width: 60px}

.g_info .txt .content .gParm li p{color:#999;font-size: 16px;line-height: 1.6;}

.g_info .txt img{ max-width: 100%; }

.g_info .txt p{ font-size: 16px; line-height: 32px; /*margin-bottom: 12px;*/ }

.g_info .txt b{ font-size: 20px; color: #333; border-left: 4px solid var(--zhu-color); padding-left: 16px; }

.g_info .txt em{ color: #fff; background: var(--zhu-color); padding:2px 5px; border-radius: 3px; margin-right: 5px; }

.pro-sider{ padding:15px; background: #f1f1f1; width: 100%; box-sizing: border-box; }

.pro-sider b{ font-size: 20px; display: inline-block; padding-left: 10px; border-left: 4px solid var(--zhu-color); margin-bottom: 20px; }

.pro-sider > div{ background: #fff; padding:20px; }

.pro-type a{ display: block; width: 100%; box-sizing: border-box; padding-left: 15px; font-size: 16px; color: #333; height: 46px; line-height: 46px; background: #f1f1f1; transition: all .3s; }

.pro-type a + a{ margin-top: 12px; }

.pro-type a:hover{ background: var(--zhu-color); color: #fff; transition: all .3s; padding-left: 20px; }

#g_param{ width: 80%; margin:0 auto; }

#g_param li{ overflow: hidden; display: flex; align-items: center; justify-content: space-between; margin-bottom: 2px; }

#g_param li u, #g_param li span{ text-decoration: none; display: block; width: 50%; margin-right: 1px; background: var(--zhu-color); font-size: 18px; color: #fff; text-align: center; line-height: 54px; }

#g_param li u + u, #g_param li span + span{ margin-right: 0; margin-left: 1px; }

#g_param li:nth-child(odd) span{ background: var(--zhu-color); opacity: .8; }

#g_param li:nth-child(even) span{ background: var(--zhu-color); opacity: .6; }

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

  .g_focus .info .order-btn{ padding:16px 100px; }

}

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

  .g_focus .info .order-btn{ padding:16px 50px; }

  .info_nav b{padding:20px 40px;}

}

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

	.g_focus .info{margin-top: 30px}

  .pro-sider{ display: none; }

}

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

  #g_param{ width: 100%; }

  .info_nav b{ padding:15px 30px; }

}

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

  .info_nav b{ padding:15px 18px; font-size: 14px;  }

  .info_nav b a{ font-size: 14px;  }

  .g_focus .info{margin-top: 0}

  .g_focus .info .tel{ margin-left: 0; top:0; width: 100%; }

  .g_focus .info .order-btn{ padding:8px 15px; margin:0 0 20px; }

  .g_focus .info b{ font-size: 20px; line-height: 2; margin:15px 0; }

  .g_info .txt{padding:15px 0;}

  .g_info .txt .content{padding:15px 0;font-size: 100%}

  #gfocus .button-next span, #gfocus .button-prev span{display: none;}

  .g_info .txt .content .gParm li span{font-size: 14px;}

  .g_info .txt .content .gParm li p{font-size: 14px;}

}

.l-title{margin:30px 0;text-align: center;position: relative;}

.l-title .hd{font-size: 72px;position: absolute;color:#333;opacity: 0.04;font-family: Impact;text-transform: uppercase;top:0;left:50%;transform: translateX(-50%);width:100%;}

.l-title .md{text-align: center;font-size: 36px;color:#333333;padding-top: 25px;}

.l-title .md b{color:var(--zhu-color);font-weight:bold;}

.l-title .bd{color:#333;text-transform: uppercase;font-size: 18px;opacity: 0.66}

@media(max-width: 768px){

	.l-title .hd{font-size: 65px}

}

@media(max-width: 576px){

	.l-title{margin:15px 0;}

	.l-title .hd{display: none;}

	.l-title .md{font-size: 30px;padding-top: 0}

	.l-title .bd{font-size: 14px}

}

/*proinfo-part3*/

.proinfo-part3{background:url('../images/company_case_bg.png') center 30px no-repeat #f9f9f9;padding-bottom: 30px}

.proinfo-part3-bd{position: relative;}

.proinfo-part3-bd .swiper-slide{transition: all .5s;margin-top: 15px;margin-bottom: 30px;box-shadow: 0 0 10px #666;}

.proinfo-part3-bd a .img .zhezhao{position: absolute;top:0;left:0;width:0;height: 0;background: rgba(0,0,0,0.5);opacity: 0;transition: all .5s;z-index: 1;display: flex;flex-direction: row;justify-content:center;align-items: center;}

.proinfo-part3-bd a .img .zhezhao i{font-size: 50px;color:#fff;}

.proinfo-part3-bd p{width:100%;background: #f5f5f5;color:#333;font-size: 16px;padding:20px 10px;text-align: center;position: relative;}

.proinfo-part3-bd p:after{content:'';position: absolute;bottom:0;left:0;height: 3px;background: var(--zhu-color);width:0;transition: all .5s;}

.proinfo-part3-bd .swiper-slide.on a .img .zhezhao{width:100%;height: 100%;opacity: 1;}

.proinfo-part3-bd .swiper-slide.on a p:after{width:100%;}

.proinfo-part3-bd .next,.proinfo-part3-bd .prev{width:60px;height: 60px;background: rgba(0,0,0,0.5);text-align: center;line-height: 60px;border-radius: 50%;transition: all .5s;position: absolute;top:30%;z-index: 1;}

.proinfo-part3-bd .next i,.proinfo-part3-bd .prev i{color:rgba(255,255,255,0.5);font-size: 30px;transition: all .5s}

.proinfo-part3-bd .next{left:0;}

.proinfo-part3-bd .prev{right:0;}

.proinfo-part3-bd .next:hover,.proinfo-part3-bd .prev:hover{background: rgba(255,255,255,.5);}

.proinfo-part3-bd .next:hover i,.proinfo-part3-bd .prev:hover i{color: var(--zhu-color);}

@media(max-width: 576px){

	.proinfo-part3-bd{padding:15px 30px 0;}

	.proinfo-part3-bd .next, .proinfo-part3-bd .prev{width:34px;height: 34px;line-height: 34px;top:35%;display: none;}

	.proinfo-part3-bd .next i,.proinfo-part3-bd .prev i{font-size: 20px;}

}

/*single*/

.single{background: #f0f0f0;padding:30px 0;overflow: hidden;}

.single .box{line-height: 260%;font-size: 110%;background: #fff;padding:45px;background: #fff;border-radius: 5px}

@media(max-width: 576px){

	.single .box{padding:5px;}

}

/*no-goods*/

.no-goods,.no-network{padding:100px 0; overflow: hidden; text-align: center;}

.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}

.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}

/*newslist*/

.newslist{padding: 30px 0;overflow: hidden;background: #f2f3f4}

.newslist .item{border-radius: 5px;width:100%;overflow: hidden;background: #fff;padding:30px;display: block;margin-bottom: 30px;position: relative;}

.newslist .item:after{content:'';position: absolute;bottom:0;left:0;width:0;height: 2px;background: var(--zhu-color);transition: all .5s}

.newslist .item .img{padding-bottom: 55%;}

.newslist .item .img img{transition: all .5s}

.newslist .item .t1{color:#666;transition: all .5s;display: flex;flex-direction: row;justify-content: space-between;}

.newslist .item .t2{color:#333;font-size: 20px;font-weight: bold;margin:10px 0 20px;transition: all .5s}

.newslist .item .t3{display: flex;flex-direction: row;width:100%;justify-content: space-between;margin-top: 15px;transition: all .5s;align-items: center;}

.newslist .item .t3 span{color:#333;transition: all .5s}

.newslist .item .t3 .icon{width:32px;height: 32px;text-align: center;line-height: 22px;border-radius: 50%;background: #9a9a9a;padding:5px;transition: all .5s;position: relative;float: right;transition: all .5s}

.newslist .item .t3 .icon i{color:#fff;position: absolute;font-size:18px;transition: all .5s;left:20%;}

.newslist .item .t4{color:#999;margin:15px 0;-webkit-line-clamp:2;line-height: 1.8}

.newslist .item:hover:after{width:100%;}

.newslist .item:hover .img img{transform: scale(1.05,1.05);}

.newslist .item:hover .t2{color:var(--zhu-color);}

.newslist .item:hover .t3 span{color:var(--zhu-color);}

.newslist .item:hover .t3 .icon{background:var(--zhu-color);color:#fff;}

.newslist .item:hover .t3 .icon i{animation:ltToRt 1s linear 0s infinite normal;}

@media(max-width: 576px){

	.newslist .item{padding:15px 10px;}

	.newslist .item .t2{font-size: 18px;}

	.newslist .item .t3{margin-top: 15px;}

}

/* 动画代码 */

@keyframes ltToRt {

  from {left:0px;}

  to {left:80px;}

}

/*newsinfo*/

.newsinfo{background:#f2f3f4;padding:30px 0;}

.newsinfo .box{background:#fff;border-radius: 3px;padding:45px 30px;}

.newsinfo .pic{text-align: center;margin-bottom:30px;}

.newsinfo .t1{width:100%;text-align: center;font-size: 28px;color:#222;}

.newsinfo .t2{width:100%;text-align: center;font-size: 16px;color:#999;padding:15px 30px 30px;border-bottom:solid 1px #eeeddd}

.newsinfo .content{padding:30px 0; line-height: 260%;min-height:100px}

.newsinfo .newsPage{width:100%;display: flex;flex-direction: row;justify-content: space-between;}

.newsinfo .newsPage .btnn{width:60px;display: block;text-align: center;border-radius: 3px;background:#eee;transition: all .5s }

.newsinfo .newsPage .btnn i{font-size: 30px;color:#666;line-height: 2;transition: all .5s}

.newsinfo .newsPage .btnn:hover{background: var(--zhu-color);}

.newsinfo .newsPage .btnn:hover i{color:#fff;}

.newsinfo .newsPage>div{width:calc(calc(100% - 70px)/2);color:#666;border-radius: 5px;padding:0 15px;background: #eee;line-height: 60px;display: flex;flex-direction:row;}

.newsinfo .newsPage .page-a{justify-content: flex-start;}

.newsinfo .newsPage .page-a:nth-child(3){justify-content: flex-end;}

.newsinfo .newsPage>div a{color:#666;transition: all .5s;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;max-width:calc(100% - 60px);}

.newsinfo .newsPage>div a:hover{color:#222;}

@media(max-width: 992px){

	.newsinfo .newsPage{flex-direction: column;}

	.newsinfo .newsPage .btnn{display: none;}

	.newsinfo .newsPage>div{line-height: 40px;}

	.newsinfo .newsPage .page-a{width:100%;margin-bottom: 10px;}

	.newsinfo .newsPage .page-a:nth-child(3){justify-content: flex-start;}

}

@media(max-width: 576px){

	.newsinfo .box{padding:30px 15px;}

	.newsinfo .t1{font-size: 22px;}

	.newsinfo .t2{font-size: 14px;padding:15px 0 30px;}

	.newsinfo .newsPage>div{line-height: 20px;padding:10px;}

}

/*slideTxtBox*/

.slideTxtBox{width:100%;margin-top: 30px;}

.slideTxtBox ul li{float: left;font-size:20px;width:150px;height: 44px;text-align: center;line-height: 44px;cursor: pointer;}

.slideTxtBox ul li.on{color:#fff;background:var(--zhu-color);}

/*imglist*/

.imglist{margin:30px 0;}

.imglist .row>div{margin-bottom:15px;}

.imglist a{display: block;}

.imglist a .txt{padding:15px;}

.imglist a .txt .t1{color:#999;font-size:12px;}

.imglist a .txt .t2{color:#333;font-size:16px;margin-top: 10px;}

.imglist a:hover .txt{background:#f0f0f0;}

/*tanchuang*/

.tanchuang{display: flex;flex-direction: column;align-items: center;}

.tanchuang i{color:green;font-size:35px;}

.tanchuang .t1{font-size:18px;text-align: center;font-weight: bold;}

.tanchuang .t2{font-size:16px;color:#333;text-align: center;}



/*service-part1*/

.service-part1{text-align: center;width:100%;display: flex;flex-direction: column;}

.service-part1 b{color:var(--zhu-color);font-size:30px;line-height: 36px;margin-top: 8px}

.service-part1 p{font-size:24px;line-height: 40px;color:#808080;margin-top: 36px;text-align: left;font-weight: lighter;}

@media(max-width: 768px){

	.service-part1 .pic img{height: 80px}

	.service-part1 b{font-size:25px;}

	.service-part1 p{font-size:18px;line-height: 1.6}

}

@media(max-width: 576px){

	.service-part1 .pic img{height: 60px}

	.service-part1 b{font-size:18px;}

	.service-part1 p{font-size:14px;margin-top: 20px}

}



/*service-part2*/

.service-part2{width:100%;padding:30px 90px;overflow: hidden;}

.service-part2 video{width:100%;}

@media(max-width: 576px){

	.service-part2{padding:30px 0;}

}



/*service-part3*/

.service-part3{padding:30px 0;overflow: hidden;}

.service-part3 .hd{font-size:40px;line-height: 40px;font-weight: bold;text-align: center;}

.service-part3 ul{display: flex;width:100%;flex-direction: column;margin-top:40px;}

.service-part3 ul li{display: flex;flex-direction: row;margin-bottom: 30px}

.service-part3 ul li .txt{width:40%;display: flex;flex-direction: column;padding:0 3vw;border:solid 1px #cccccc;justify-content: center;}

.service-part3 ul li .txt b{font-size:36px;color:#595959;line-height: 40px;font-weight: bold;margin-bottom: 20px}

.service-part3 ul li .txt p{font-size:18px;color:#808080;line-height: 40px;}

.service-part3 ul li .txt p span{color:var(--zhu-color);font-size:24px;}

.service-part3 ul li .pic{width:60%;overflow: hidden;}

.service-part3 ul li .pic img{width:100%;transition: all .5s}

.service-part3 ul li:hover .pic img{transform: scale(1.05,1.05);}

.service-part3 ul li:hover .txt{border:solid 1px var(--zhu-color);}

@media(max-width: 768px){

	.service-part3 .hd{font-size:30px;}

	.service-part3 ul li{flex-direction: column;}

	.service-part3 ul li:nth-child(1),.service-part3 ul li:nth-child(3){flex-direction: column-reverse;}

	.service-part3 ul li .txt{width:100%;padding:30px;}

	.service-part3 ul li .txt b{font-size:28px;}

	.service-part3 ul li .txt p{font-size:16px;}

	.service-part3 ul li .txt p span{font-size:22px;}

	.service-part3 ul li .pic{width:100%;}

}

@media(max-width: 576px){

	.service-part3{padding:15px 0;}

	.service-part3 .hd{font-size:24px;}

	.service-part3 ul{margin-top: 25px;}

	.service-part3 ul li{margin-bottom: 15px;}

	.service-part3 ul li .txt{padding:15px;}

	.service-part3 ul li .txt b{font-size:22px;margin-bottom: 10px;}

}







.g-page_content {

	background: #F5F5F5; overflow:hidden; padding-bottom:30px;

}

.g-inner-content {

	width: 968px;

	position: relative;

	margin: auto;

}

.m-ys-item {

	width: 100%;

	position: relative;

	min-height: 430px;

	height: 500px;

}

.g-inner-content .timeline-wrap {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 999;

	min-width: 103px;

	min-height: 100%;

}

.g-inner-content .timeline-wrap:before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 0;

    border-left: 1px solid #B4B4B4;

    height: 67%;

    z-index: 1;	

}

.g-inner-content .timeline-wrap .timeline-header-box {

	width: 100%;

	margin-top: 36px;

	position: relative;

}

.g-inner-content .timeline-wrap .timeline-header-box .circle-box {

	width: 103px;

	height: 103px;

	border-radius: 50%;

	border: 1px solid #707070;

	background: #fff;

}

.g-inner-content .timeline-wrap .timeline-header-box .circle-small {

	position: absolute;

	top: 11px;

    left: 8px;

	width: 13px;

	height: 13px;

	border-radius: 51.5px;

	background: #1E95D7;

}

.g-inner-content .timeline-wrap .timeline-header-box .circle-more-small {

	position: absolute;

	bottom: -14px;

	right: 0;

	left: 0;

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background-color: #B4B4B4;

	margin: auto;

}

.g-inner-content .timeline-wrap .timeline-header-box .circle-text-box {

	position: absolute;

	top: 41px;

	left: 20px;

	width: 200px;

	font-size: 16px;

	color: #474747;	

}

.g-inner-content .timeline-wrap .timeline-header-box .circle-text-box .en{

	background: #fff;

}

.g-inner-content .m-ys-item .right-content-wrap {

	width: 916.5px;

	position: absolute;

	top: 0;

	left: 51.5px;

	background: #fff;

	height: 100%;

	z-index: 99;

}



.g-inner-content .m-ys-item .right-content-wrap .content-box {

	width: 576px;

	margin :auto;

	margin-top: 64px;

}

.content-header .title {

	font-size: 18px;

	text-align: center;

	padding-bottom: 20px;

	position: relative;

}

.content-header .title span{

	width: 15px;

	height: 15px;

	background: #535353;

	display: inline-block;

	margin-right: 12px;

	vertical-align: middle;

}

.line-dot {

	display: inline-block;

	padding-bottom: 10px;

	border-bottom: 1px dashed #BBB;

	font-weight: bold;

}

.dot {

	position: absolute;

	bottom: 18.5px;

	left: 0;

	right: 0;

	margin: auto;

	width: 4px;

	height: 4px;

	border-radius: 50%;

	background: #787878;

}

.text-desc {

/*	text-align: center;*/

	line-height: 24px;

}



@media(max-width: 992px){

	.m-ys-item{height: auto;min-height: auto;}

	.g-inner-content{width:100%;}

	.timeline-wrap{display: none;}

	.g-inner-content .m-ys-item .right-content-wrap{width:100%;left:0;position: relative;}

	.g-inner-content .m-ys-item .right-content-wrap .content-box{width:100%;margin-top: 30px;}

	.content-header{text-align: center;padding:30px 0;}

}

@media(max-width: 576px){

	.z-div4-yuo .hs{font-size:30px;}

}











 .z-div4-yuo{padding: 20px 0 60px;background-color:#fafafa;}

.z-div4-yuo .w1380{ width:100%;margin:0 auto;background-position:top center;border:2px solid #ccc;padding:0 30px;}

.z-div4-yuo .hs{width:200px; margin:0 auto;font-size:40px;text-align:center;font-weight:bold;color:#404040;line-height:40px; margin-top:-20px;background-color:#fafafa;}

.z-div4-yuo .item-zdis-swe{position:relative;width:100%;overflow:hidden; height:400px;margin-top: 50px;}

.z-div4-yuo .item-zdis-swe .img{width:100%;overflow:hidden}

.z-div4-yuo .item-zdis-swe .img img{width:100%;}

.z-div4-yuo .item-zdis-swe .item-diso{width:100%;height:150px;background-color: #fff;overflow:hidden;}

.z-div4-yuo .item-zdis-swe .item-diso .ite-p{padding:30px 24px 0 24px;font-size: 14px;color:#666666;line-height:20px;}

@media(max-width: 576px){

	.z-div4-yuo{padding:20px 0;}

	.z-div4-yuo .hs{font-size:30px;}

	.z-div4-yuo .item-zdis-swe .item-diso .ite-p{padding:15px 0;}

	.z-div4-yuo .item-zdis-swe{height: auto;}

}