@charset "UTF-8"; 




/*----------------------------------------*/
/* HEADER CSS START
/*----------------------------------------*/
.header{position:fixed;top:0;right:0;left:0;z-index:9999;display:block;width:100%;min-width:320px;height:70px;max-height:70px;user-select:none;}
.sticky {width: 100%; box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07); -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); background: #fff}
.sticky.sticky-2 {background: #fff}
.logo {color: #fff; display: block; float: left; height: 70px;}
.sticky .logo {color: #004ea2;}

.sticky .kai,.kai,.close,.guan{width: 35px; height: 35px; ; cursor:pointer; position:absolute; top:15px; right:5%; line-height: 35px}
.sticky .kai { color:#004ea2;}
.kai {color:#fff;}
.kai2{display:none}
.close{display:none; color: #004ea2;}
.guan{display:block; color: #fff;}
.sticky .guan{display: block; color: #004ea2;}
.open .sh{width: 100%; height:800px; display: block; background:#ececec; position:absolute; left:0%; top:70px}
.kg-yes .f-f106{ display: none;}
.header .yyqh{ position:absolute; top:15px; right:8%; line-height:40px; color: #000}
.sticky .yyqh a{ color: #000;}
/*-------- 导航菜单-------*/
.menu{float: left; width: auto; height: 70px; }
.menu ul{ margin-left: 50px}
.menu ul li{ position: relative;float: left; margin-left: 35px;  }
.menu ul li a{ position: relative; display:inline-block; font-size:18px;line-height: 70px; text-transform:capitalize; font-weight:700; color: #fff; }	
.menu ul li i{margin-left: 5px; transform: rotate(90deg)}	
.sticky .menu ul li a{color: #004ea2;}
.menu ul li:hover > a, .menu ul li.active > a {color:#004ea2; }
.menu ul li:hover > a::after, .menu ul li.active > a::after {background:#004ea2; visibility:visible; opacity:1; width:100%; left:0; right:auto; }
.menu ul li:hover .submenu {visibility:visible; opacity:1; top:70px; }
.menu ul li .submenu { background: #fff; position:absolute; top:90px;left: -90%; padding:20px 0;  -webkit-box-shadow:0px 10px 20px 0px rgba(8, 0, 42, 0.08); -moz-box-shadow:0px 10px 20px 0px rgba(8, 0, 42, 0.08); box-shadow:0px 10px 20px 0px rgba(8, 0, 42, 0.08); -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; visibility:hidden; opacity:0; z-index:9999; }
.menu ul li .submenu li {display:block; margin:0; width: 160px; }
.menu ul li .submenu li > a { color: #000; font-size:17px; font-weight: 300; width:100%; display:block; padding:3px 20px; text-transform:capitalize;position:relative; line-height:30px; text-align: center;}
.menu ul li .submenu li > a::after {display:none; }
.menu ul li .submenu li:hover > a {color:#004ea2; }
.menu ul li .submenu li:hover > a::before {height:100%; bottom:auto; top:0; }

/* mean2 手机导航 */
.menu2 { position: absolute; top:70px; left: 0; width: 100%; background: #fff; padding-bottom: 50px;} 
.menu2 ul { }
.menu2 ul li  {border-top: 1px solid #cecece; position: relative;}
.menu2 ul li:last-child  {border-bottom: 1px solid #cecece;}	
.menu2 ul li a{cursor: pointer; line-height: 50px;padding-left: 8%}
.menu2 ul li a i{ position: absolute; right: 10%}
.menu2 ul li ul {cursor: pointer;height: 0;overflow: hidden;transition: .5s all;list-style: none;}
.menu2 ul li ul li {padding: 5px 15px; cursor: pointer;line-height: 1.5;padding-left:15%;}
.menu2 ul li ul li:last-child {border-bottom: none;}	
.menu2 ul li ul li a{line-height:30px;}
.menu2 ul li ul li:hover{background-color: #cecece;}
.menu2 ul li:hover .submenu {height: auto;}
.dz1-none{display: none}
.dz1-yes{display: block}
.footerdb{padding-bottom:15vw}
@media (max-width:576px) {.footerdb{padding-bottom:20vw}}
@media (min-width:768px) {.footerdb{padding-bottom:15vw}}
@media (min-width:992px) {.footerdb{padding-bottom:5vw}}
@media (min-width:1200px){.footerdb{padding-bottom:3vw}}
@media (min-width:1400px){.footerdb{padding-bottom:2vw}}

/* footer */
.footer-menu{width: 100%;}
.footer-menu ul {margin: 0; padding: 0; width: 100%; display: block;}
.footer-menu ul li {display:inline-block; position:relative; width:13%}
.footer-menu ul li a {position:relative; display:inline-block; font-size:18px; text-transform:capitalize; padding:30px 0;  font-weight: 500; color: #000; }

/*------------手机端底部电话联系----------*/
.price-pop {position: fixed;left: 0;bottom: 0;width: 100%;background: #0d50be url(../im/logo/footerbg.png) center no-repeat;background-size: cover; z-index: 999;box-sizing: border-box;padding-top: 1.5vw; padding-bottom: 1.5vw;color: #fff;}
.price-pop a {color: #fff;}
.price-pop:hover {color: #fff;}
.price-wrap {display: flex;align-items: center; margin-left: 5%; width: 80%}
.price-wrap .figure {line-height: 0;width: 45px;height: auto; margin-right: 3%; display: inline-block;}
.price-wrap .figure img {width: 100%;height: auto;}
.price-tem {position: absolute;z-index: 2; right: 5%; top:1.5vw}
.price-tem h8 {display: flex;align-items: center;padding: 10px;border-radius: 10px;background: #ff8500;display: inline-block; line-height: 20px;}


.sidebar__area.sidebar-opened {right:0px; }
.sidebar__wrapper {position:relative; padding:45px; }
.sidebar__close {position:absolute; top:48px; right:45px; }
.dot-hamburger-btn {position:relative; width:35px; height:35px; right: 0px; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; transition:0.5s ease-in-out; cursor:pointer; }
.sidebar__close-btn {display:inline-block; height:45px; width:45px; }
.sidebar__area {position:fixed; right:-485px; top:0; width:465px; height:100%; background:#ffffff none repeat scroll 0 0; overflow-y:scroll; -webkit-box-shadow:-5px 0 20px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow:-5px 0 20px -5px rgba(0, 0, 0, 0.5); box-shadow:-5px 0 20px -5px rgba(0, 0, 0, 0.5); -webkit-transition:all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition:all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition:all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index:999;}


.btn03 {width: 100%; overflow: hidden;position: relative;}
.btn03 img {position: relative;width: 100%;top: 0;left: 0;}
.btn03 .ovrly {background-image: -moz-linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #222328 100%); background-image: -webkit-linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #222328 100%); background-image: -ms-linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #222328 100%); background-image: linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #222328 100%);height: 100%;left: 0; top: 100%;width: 100%;position: absolute;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; -o-transition: all 0.5s;transition: all 0.3s;}
.btn03 .buttons { position: absolute;bottom: -100%;left: 20%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; -o-transition: all 0.3s;
transition: all 0.5s;-webkit-transform: translate(-50%, 50%);-moz-transform: translate(-50%, 50%);-ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%);transform: translate(-50%, 50%);}
.btn03:hover .buttons {bottom: 30%;}
.btn03:hover .ovrly {top: 0;}





@keyframes hero-pulse {0% {-moz-box-shadow: 0 0 0 0 rgba(250, 209, 5, 0.4);   box-shadow: 0 0 0 0 rgba(250, 209, 5, 0.4); }  70% {-moz-box-shadow: 0 0 0 50px rgba(250, 209, 5, 0);   box-shadow: 0 0 0 50px rgba(250, 209, 5, 0); }  100% {-moz-box-shadow: 0 0 0 0 rgba(250, 209, 5, 0);   box-shadow: 0 0 0 0 rgba(250, 209, 5, 0); }}
@-webkit-keyframes hero-pulse {0% {-moz-box-shadow: 0 0 0 0 rgba(250, 209, 5, 0.4);   box-shadow: 0 0 0 0 rgba(250, 209, 5, 0.4); }  70% {-moz-box-shadow: 0 0 0 50px rgba(250, 209, 5, 0);   box-shadow: 0 0 0 50px rgba(250, 209, 5, 0); }  100% {-moz-box-shadow: 0 0 0 0 rgba(250, 209, 5, 0);   box-shadow: 0 0 0 0 rgba(250, 209, 5, 0); }}/*----------------------------------------*/



/*-------------------N01 haibao---------------------*/

.r-btn {display: inline-block; font-weight: 500; color: #000; background: #ffffff;  text-align: center;  text-transform: uppercase; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; z-index: 9; overflow: hidden; padding-top: 1vw;padding-left: 2vw;padding-bottom: 1vw; padding-right: 2vw;}
.r-btn::after {content: ""; position: absolute; top: 0; left: 0; width: 150%; height: 102%; background: #004ea2; z-index: -1; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s;}
.r-btn:hover {color: #ffffff;}
.r-btn:hover::after {opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.r-btn:focus {color: #ffffff;}



.a-icon{width: 100%; padding-top: 3vw;}
.a-icon dl{width: 28%; float: left; cursor: pointer;}
.a-icon dl:nth-child(4){ width: 16%;}
.a-icon dl dt{ width: 7vw; height: 7vw; border: 1px solid #cecece; border-radius: 100%; background: #fff; position: relative; text-align: center; display: flex;
 justify-content: center; align-items: center; overflow: hidden;}
.a-icon dl dt .pic{width: 100%; position: absolute; height: 100%; left: 0; top: 0; z-index: 2;}
.a-icon dl:nth-child(1) dt .pic{background:url(../im/logo/a-icon1.png) no-repeat center center ; transition-duration: 1s;}
.a-icon dl:nth-child(1):hover dt .pic{background:url(../im/logo/a-icon1-1.png) no-repeat center center ;}
.a-icon dl:nth-child(2) dt .pic{background:url(../im/logo/a-icon2.png) no-repeat center center ; transition-duration: 1s;}
.a-icon dl:nth-child(2):hover dt .pic{background:url(../im/logo/a-icon2-1.png) no-repeat center center ;}
.a-icon dl:nth-child(3) dt .pic{background:url(../im/logo/a-icon3.png) no-repeat center center ; transition-duration: 1s;}
.a-icon dl:nth-child(3):hover dt .pic{background:url(../im/logo/a-icon3-1.png) no-repeat center center ;}
.a-icon dl:nth-child(4) dt .pic{background:url(../im/logo/a-icon4.png) no-repeat center center ; transition-duration: 1s;}
.a-icon dl:nth-child(4):hover dt .pic{background:url(../im/logo/a-icon4-1.png) no-repeat center center ;}
.a-icon dl dt:after{position: absolute; content: "";  width: 0; height: 0;  left: 50%;  transform: translate(-50%, -50%); top: 50%; background: #004ea2; transition-duration: 1s; border-radius: 100%; z-index: 1;}
.a-icon dl:hover dt:after{width: 85%; height: 85%;}
.a-icon dl dt img{display: block;}
.a-icon dl dd{width: 6vw;text-align: center; transition-duration: 1s; padding-bottom: 2vw; padding-top: 1vw}
.a-icon dl:hover dd{color: #004ea2;}

	/* 二级导行*/
.ne-nav{ line-height:78px;border-bottom:1px solid #cecece;}
.ne-nav .title{width: 15%; height: 78px; float: left; padding-top: 20px}
.ne-nav h1{ float:left; font-size:20px; position:relative; padding-right:40px; margin-right:40px;}
.ne-nav h1:after{ content:""; position:absolute; width:1px; height:26px; background:#cecece; top:28px; right:0; }
.ne-nav ul{float: left; display: inline-block; width: 100%}
.ne-nav ul li{ float:left; margin-right:2vw; position:relative;}
.ne-nav ul li a{ font-size:17px; display:block; transition-duration:.5s; position:relative;}
.ne-nav ul li a:after{ content:""; width:0; height:3px; background:#004ea2; position:absolute; bottom:-1px; left:50%; transform:translate(-50%,-50%); transition-duration:.5s;}
.ne-nav ul li a:hover:after,.ne-nav ul li .on:after{ width:100%;}

	/* 二级导行英文*/
.ne-naven{border-bottom:1px solid #cecece; }
.ne-naven .title h6{width: 15%; float: left; line-height: 10vw}
.ne-naven ul{float: left; display: inline-block; width: 100%}
.ne-naven ul li{ float:left; margin-right:2vw; position:relative;}
.ne-naven ul li a{display:block; transition-duration:.5s; position:relative;line-height:10vw}
.ne-naven ul li a:after{ content:""; width:0; height:3px; background:#004ea2; position:absolute; bottom:-1px; left:50%; transform:translate(-50%,-50%); transition-duration:.5s;}
.ne-naven ul li a:hover:after,.ne-nav ul li .on:after{ width:100%;}

@media (max-width:576px) {.ne-nav ul li{ margin-right:5vw; }.ne-naven ul li{ margin-right:5vw; }.ne-naven .title h6{line-height:12vw;}.ne-naven ul li a{line-height:12vw}.ne-naven{padding-top: 2vw; padding-bottom: 2vw}}
@media (min-width:768px) {.ne-nav ul li{ margin-right:2vw; }.ne-naven ul li{ margin-right:5vw; }.ne-naven .title h6{line-height: 9vw}.ne-naven ul li a{line-height:9vw}.ne-naven{padding-top: 2vw; padding-bottom: 2vw}}
@media (min-width:992px) {.ne-nav ul li{ margin-right:3vw; }.ne-naven ul li{ margin-right:5vw; }.ne-naven .title h6{line-height: 7vw}.ne-naven ul li a{line-height:7vw}}
@media (min-width:1200px){.ne-nav ul li{ margin-right:4vw; }.ne-naven ul li{ margin-right:5vw; }.ne-naven .title h6{line-height: 6vw}.ne-naven ul li a{line-height:6vw}}
@media (min-width:1400px){.ne-nav ul li{ margin-right:5vw; }.ne-naven ul li{ margin-right:5vw; }.ne-naven .title h6{line-height: 5vw}.ne-naven ul li a{line-height:5vw}}



	/* 二分玻璃棉和复合板*/
.new-list2 li {cursor: pointer;transition-duration: 0.5s;position: relative;padding-bottom: 3vw ; background: #ececec;border-radius: 1vw; overflow: hidden;}
.new-list2 li i { position: absolute; width: 45px; height: 45px; right: 10%; top: 72%; font-size: 45px; background: #004ea2;border-radius: 50%; color: #fff; line-height: 40px; text-align: center; }
.new-list2 a:hover{color: #fff}
.new-list2 li:hover {background: #004ea2 ;color: #fff; }


/* 战略  */
.zl-list .li {float: left; position: relative; overflow: hidden;  text-align: center;  padding: 1%;}
.zl-list .li h5 { position: absolute;top: 15%;width: 100%;text-align: center;color: #fff; font-weight: 700;}
.zl-list .li p {position: absolute;top: 30%;text-align: center;color: #fff;line-height: 2.2;text-align: center;width: 100%;font-size: 18px;opacity: 0;transition-duration: .5s; }
.zl-list .li:hover h5{color: #000; font-weight: 900;}
.zl-list .li:hover p {opacity: 1;transition-duration: .5s; color: #000;}
.zl-list .li:hover img {opacity: 0.3;transition-duration: .5s;}
.zl-list .li:after {content: "";width: 0%;height: 10px;background: #004ea2;top:0;left: 50%;transform: translate(-50%,-50%);transition-duration: .5s;position: absolute; }
.zl-list .li:hover:after {width: 100%; }

@media (max-width:576px) {.zl-list .li p {opacity: 1;}}
@media (min-width:768px) {.zl-list .li p {opacity: 1;}}
@media (min-width:992px) {.zl-list .li p {opacity: 1;}}
@media (min-width:1200px){.zl-list .li p {opacity: 0;}}
@media (min-width:1400px){.zl-list .li p {opacity: 0;}}


/* 工程案例  */
#gcal {position: relative;width:100%;margin: 0 auto}
#gcal .swiper-container { padding-bottom: 60px; overflow:hidden;}
#gcal .swiper-slide {width:100%; height: auto; background: #fff;box-shadow: 0 8px 30px #ddd;}
#gcal .swiper-slide p {line-height: 70px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}
#gcal .swiper-pagination {width:100%;bottom: 20px;}
#gcal .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 8px solid #ececec;background-color:#d5d5d5;width: 10px;height: 10px;opacity: 1;}
#gcal .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 8px solid #004ea2 ;background-color: #fff;}
#gcal .swiper-button-prev {left:10%; top:40%;width: 50px;height: 50px;background: url(../im/logo/j-l-hl.png) no-repeat;}
#gcal .swiper-button-prev:hover {}
#gcal .swiper-button-next {right:10%; top:40%;width: 50px;height: 50px;background: url(../im/logo/j-r-hl.png) no-repeat;}
#gcal .swiper-button-next:hover {}
#gcal .swiper-button-prev::after,#gcal .swiper-button-next::after{content: '';}

#gcal img{display: block}


/* 企业荣誉  */
#timeline {width: 100%;}
#timeline .swiper-container {height:700px;width: 100%; position: relative;}
#timeline .swiper-wrapper {transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
#timeline .swiper-slide {position: relative;overflow: hidden;}
#timeline .swiper-slide::after {content: "";position: absolute;z-index: 1;right: -115%;bottom: -10%;width: 100%;height: 100%;}
#timeline .swiper-pagination::before {content: "";position: absolute;left: -30px;top: 0;height: 100%;width: 1px;background-color: rgba(255, 255, 255, 0.2);}
#timeline .swiper-pagination-bullet {width: auto;height: auto;text-align: center;opacity: 1;background: transparent;color: #004ea2;margin: 15px 0 !important;position: relative;}
#timeline .swiper-pagination-bullet::before {content: ""; position: absolute;top: 8px;left: -35.5px;width: 12px; height: 12px;border-radius: 100%;background-color: #fff; -webkit-transform: scale(0); transform: scale(0);transition: .2s;}
#timeline .swiper-pagination-bullet-active {color: #fff;}
#timeline .swiper-pagination-bullet-active::before {-webkit-transform: scale(1);transform: scale(1);}

#timeline .swiper-button-prev {left: 8%;background-image: url();}
#timeline .swiper-button-prev:hover {-webkit-transform: translateX(-3px);transform: translateX(-3px);}
#timeline .swiper-button-next {right: 8%;background-image: url();}
#timeline .swiper-button-next:hover {-webkit-transform: translateX(3px);transform: translateX(3px);}

#timeline .swiper-slide-content {position: absolute;text-align: center;width: 80%;right: 20%;top: 10%;-webkit-transform: translate(50%, 0);transform: translate(50%, 0);font-size: 12px;z-index: 2;top: 50%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);}
#timeline .swiper-slide-content .title{ float: left; color: #fff;}


#timeline .swiper-pagination {right: 10% !important;height: 100%;display: none;flex-direction: column;justify-content: center;font-weight: 900;font-size: 24px;z-index: 1;  display: flex;}
#timeline .swiper-button-next,#timeline .swiper-button-prev {width: 20px;height: 20px;margin-top: 0;z-index: 2;transition: .2s;}
#timeline .swiper-button-prev {  top: 11%;  left: auto;  right: 11%;  -webkit-transform: rotate(90deg) translate(0, 10px);  transform: rotate(90deg) translate(0, 10px);}
#timeline .swiper-button-prev:hover {  -webkit-transform: rotate(90deg) translate(-3px, 10px);  transform: rotate(90deg) translate(-3px, 10px);}
#timeline .swiper-button-next {  top: auto;  bottom: 11%;  right: 11%;  -webkit-transform: rotate(90deg) translate(0, 10px);  transform: rotate(90deg) translate(0, 10px);}
#timeline .swiper-button-next:hover {  -webkit-transform: rotate(90deg) translate(3px, 10px);  transform: rotate(90deg) translate(3px, 10px);}
#timeline img{display: block}




/* 业务领域  */
#gcalyy {position: relative;width:100%;margin: 0 auto}
#gcalyy .swiper-container { padding-bottom: 60px}
#gcalyy .swiper-slide {position: relative;z-index: 999; box-shadow:  0 5px 30px -5px  rgba(0, 0, 0, 0.5)}
#gcalyy .swiper-slide-next,#gcalyy .swiper-slide-prev{z-index: 998;box-shadow:  0 5px 30px -5px  rgba(0, 0, 0, 0.5)}
#gcalyy .swiper-slide-next img,#gcalyy .swiper-slide-prev img { opacity: 0.4}
#gcalyy	.swiper-slide-active {box-shadow: -5px 5px 30px -4px rgba(0, 0, 0, 0.5), 5px 5px 30px -4px rgba(0, 0, 0, 0.5);}
#gcalyy .swiper-slide-next{z-index: 0}
#gcalyy .swiper-slide p { position: absolute; bottom: 0; width: 100%; line-height: 70px;padding-top: 0;text-align: center;color: #000;font-size: 1.3em;margin: 0;background: #fff;opacity: 0.8}
#gcalyy .swiper-slide-next p,#gcalyy .swiper-slide-prev p { opacity: 0}
#gcalyy .swiper-pagination {width:100%;bottom: 0vw;}
#gcalyy .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 8px solid #d5d5d5;background-color:#d5d5d5;width: 10px;height: 10px;opacity: 1;}
#gcalyy .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 8px solid #004ea2 ;background-color: #fff;}
#gcalyy .swiper-button-next, #gcalyy .swiper-button-prev { top:40%;width: 30px;height: 30px;}
#gcalyy .swiper-button-next{ right: 5vw} #gcalyy .swiper-button-prev{ left: 5vw}
#gcalyy img{display: block}

/* 产品参数 后面可以不要 */
.gf-tel {justify-content: center;align-items: center;width: 194px;line-height: 40px;color: #fff;font-size: 20px;background: #004ea2; margin-top: 20px;  padding-left: 20px;}
.gf-tel:hover{color: #fff}

.cs-biao {display:flex;justify-content:space-between;padding-top: 2vw;align-items: center;}
.cs-biao li {text-align: center;background: #004ea2;color: #fff;line-height: 35px;font-size: 18px;}
.cs-li {display:flex;justify-content: space-between;margin-top: 5px;}
.cs-li li {text-align: center;margin-bottom: 5px;line-height: 30px;font-size: 14px;background: #f5f5f5;}
.li3 li{width:32.5%;}.li4 li{width:23.5%;}.li5 li{width:18.5%;}.li6 li{width:15.5%;}.li6_1 li{width:12.5%;}.li7 li{width:13%;}
.cs-li_l {margin-top: 5px;}
.cs-li_l li {width:100%;text-align: center;margin-bottom: 5px;line-height: 30px;font-size: 14px;background: #f5f5f5;}
.ptor{padding-top:0vw ;padding-bottom: 0vw;padding-left: 0vw; padding-right:0vw}

.cs-biao li{font-size: 14px;line-height: 40px;}.cs-li li,.cs-li_l li {font-size: 13px;line-height: 35px;}.ptor{padding-top:7vw ;padding-bottom: 7vw;padding-left: 5vw; padding-right: 5vw}
@media (max-width:576px) {.cs-biao li{font-size: 16px;line-height: 40px;}.cs-li li,.cs-li_l li {font-size: 14px;line-height: 35px;}.ptor{padding-top:7vw ;padding-bottom: 7vw;padding-left: 5vw; padding-right: 5vw}}
@media (min-width:768px) {.cs-biao li{font-size: 17px;line-height: 45px;}.cs-li li,.cs-li_l li{font-size: 15px;line-height: 40px;}.ptor{padding-top:6vw ;padding-bottom: 6vw;padding-left:5vw; padding-right: 5vw}}
@media (min-width:992px) {.cs-biao li{font-size: 18px;line-height: 50px;}.cs-li li,.cs-li_l li{font-size: 16px;line-height: 45px;}.ptor{padding-top:5vw ;padding-bottom: 5vw;padding-left:5vw; padding-right: 5vw}}
@media (min-width:1200px){.cs-biao li{font-size: 18px;line-height: 53px;}.cs-li li,.cs-li_l li{font-size: 17px;line-height: 48px;}.ptor{padding-top:0vw ;padding-bottom: 0vw;padding-left: 8vw; padding-right: 8vw}}
@media (min-width:1400px){.cs-biao li{font-size: 20px;line-height: 55px;}.cs-li li,.cs-li_l li{font-size: 18px;line-height: 50px;}.ptor{padding-top:0vw ;padding-bottom: 0vw;padding-left: 10vw; padding-right: 10vw}}


/* 产品表格参数  */
.protable{ width:100%; text-align: center;}
.protable td{ltext-align:center; border-right:6px #fff solid;border-bottom:5px #fff solid; }
.protable td.no{border-right:0px #fff solid; }
.protable td.lv{background: #004ea2;color:#fff;font-size: 18px; font-weight: 500; padding-bottom: 2vw; padding-top: 2vw; padding-left: 1vw; padding-right: 1vw}
.protable td.lv1{margin-bottom: 5px;font-size: 14px;background: #f5f5f5;padding-bottom: 2vw; padding-top: 2vw; padding-left: 1vw; padding-right: 1vw}
	
		
                          .protable td.lv{font-size: 14px;padding-bottom: 2vw; padding-top: 2vw; padding-left: 1vw; padding-right: 1vw}.protable td.lv1 {font-size: 13px;padding-bottom: 2vw; padding-top: 2vw; padding-left: 1vw; padding-right: 1vw}}
@media (max-width:576px) {.protable td.lv{font-size: 16px;padding-bottom: 2vw; padding-top: 2vw; padding-left: 1vw; padding-right: 1vw}.protable td.lv1{font-size: 14px;padding-bottom: 2vw; padding-top: 2vw; padding-left: 1vw; padding-right: 1vw}}
@media (min-width:768px) {.protable td.lv{font-size: 17px;padding-bottom: 2vw; padding-top: 2vw; padding-left: 1vw; padding-right: 1vw}.protable td.lv1{font-size: 15px;padding-bottom: 2vw; padding-top: 2vw; padding-left: 1vw; padding-right: 1vw}}
@media (min-width:992px) {.protable td.lv{font-size: 18px;padding-bottom: 2vw; padding-top: 2vw; padding-left: 1vw; padding-right: 1vw}.protable td.lv1{font-size: 16px;padding-bottom: 2vw; padding-top: 2vw; padding-left: 1vw; padding-right: 1vw}}
@media (min-width:1200px){.protable td.lv{font-size: 18px;padding-bottom: 1.5vw; padding-top:1.5vw; padding-left: 1vw; padding-right: 1vw}.protable td.lv1{font-size: 17px;padding-bottom: 2vw; padding-top: 2vw; padding-left: 1vw; padding-right: 1vw}}
@media (min-width:1400px){.protable td.lv{font-size: 20px;padding-bottom: 1vw; padding-top: 1vw; padding-left: 1vw; padding-right: 1vw}.protable td.lv1{font-size: 18px;padding-bottom: 1vw; padding-top: 1vw; padding-left: 1vw; padding-right: 1vw}	







/* 产品实拍图片放大 上层DIV加ywyy */
.big{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 1;display: none;transition: all 0.3s ease;background-color: rgba(0,0,0,0.8)}
.big_img{height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}

/* 产品例表*/
.pro-list5 dl {border: 1px solid #e1e1e1;color: #000; margin: 1vw}
.pro-list5 img {display: block;}
.pro-list5 dl dd {text-align: center;padding-top:15px;padding-bottom:15px;background: #fff}
.pro-list5 dl:hover dd {color: #fff;background: #004ea2}