@charset "utf-8";

body {
	margin: 0px;
	font-size: 12px;
	background: #FFFFFF;
	padding: 0px;
	color: #484848;
	font-family:Arial, Helvetica, sans-serif;
}
div, ul, li, p, form, dd, dt, dl, h1,h2,h3,h4 {
	margin: 0px;
	padding: 0px;
}
em, i{
	font-style: normal;
}
img{
	border: 0px;
	vertical-align: middle
}
li{
	list-style: none
}
a{
	font-size: 14px;
	color: #484848;
	text-decoration: none;
}
a:hover {
	font-size: 14px;
	color: #247474;
	text-decoration: none;
}
.container {
	clear: both;
	width:100%;
	max-width:1400px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.container2 {
	clear: both;
	width:100%;
	max-width:1400px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;

}
.container3 {
	clear: both;
	width:100%;
	max-width:1300px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.clear {
	clear: both;
}

.biankuang{-webkit-transition-property: background-color;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;box-shadow:0px 0px 10px #222;-moz-box-shadow:0px 0px 10px #222;-webkit-box-shadow:0px 0px 10px #222;}
.circle-solid{ display:inline-block; width:10px; height:10px; background:#000; border-radius:5px;}
.circle-hollow{display:inline-block; width:10px; height:10px; border-radius:5px; border:1px solid #000;}
.mian{}
.tooltip {position: relative;display: inline-block;color: #3498db;text-decoration: none;cursor: pointer}
.tooltip .tooltip-text {visibility: hidden;background-color: #333;color: #fff;text-align: center;padding: 2px 10px;border-radius: 6px;position: absolute;z-index: 1;    bottom: 125%;left: 50%;transform: translateX(-50%);opacity: 0;transition: opacity 0.3s;white-space: nowrap;font-size: 14px;font-family: "Poppins", sans-serif; font-weight:100;}
.tooltip .tooltip-text::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #333 transparent transparent transparent;}
.tooltip:hover .tooltip-text {visibility: visible;opacity: 1}
.tooltip-bottom .tooltip-text {top: 125%;bottom: auto}
.tooltip-bottom .tooltip-text::after {top: -10px;border-color: transparent transparent #333 transparent}
.tooltip-left .tooltip-text {right: 125%;left: auto;bottom: 50%;transform: translateY(50%)}
.tooltip-left .tooltip-text::after {top: 50%;left: 100%;margin-top: -5px;border-color: transparent transparent transparent #333}
.tooltip-right .tooltip-text {left: 125%;bottom: 50%;transform: translateY(50%)}
.tooltip-right .tooltip-text::after {top: 50%;right: 100%;left: auto;margin-top: -5px;border-color: transparent #333 transparent transparent}
.headfix{position:fixed;background:#FFF;border-bottom:1px solid #d5d5d5; height:100px; width:100%; top:0px; z-index:1001}

.logo-menu{ width:100%;z-index:1000; margin-top:20px}
.logo-menu .logo{ width:186px; float:left; height:68px;}
.logo-menu .logo img{ height:68px; margin-top:0px;}

.menu{float:right;margin-right:0px;}
.menu ul{}
.menu ul li{float:left;height:70px; margin:0px 15px; text-align:left;line-height:60px; position:relative;}
.menu ul li > a{display:block;color:#464646;font-size: 16px !important;font-family: "TitilliumWeb", sans-serif;transition: all 0.35s;text-transform: uppercase;}
.menu ul li > a:hover{ color:#247474; text-decoration:none}
.menu ul li i{ font-weight:700; font-size:14px; color:#000}
.menu li div{position:absolute;  left:0; top:80px; background:#ffffff; height:0px;transition: all 0.35s; overflow:hidden; z-index:1002;width:258px;}
.menu li div ul li{width:100%; border-bottom:1px solid #d5d5d5; margin:0px 0px; height:auto;transition: all 0.35s;}

.menu li div a{display:block;text-align:left;line-height:20px; overflow:hidden; font-family: "TitilliumWeb", sans-serif;font-size: 14px !important;text-transform:none; padding:12px 15px;border-left:5px solid #fff;transition: all 0.5s ease 0s; color:#464646;}
.menu li div a:hover{color:#247474;}
.menu li div a:after {content: " ";position: absolute;height: 100%;width: 0;transition: all 0.2s ease-in-out;background-color: #247474;left: 0;bottom: 0;top: auto;}
.menu li div a:hover:after {width:5px;margin-right:-5px;}

.menu li div ul li.top{ border-top:5px solid #247474;}
.menu li:hover{}
.menu li:hover div.product-menu{height:205px;}
.menu li:hover div.about-menu{height:230px;}

.request-quote{float:right; width:200px; height:40px; border:1px solid #247474; border-radius:20px; position:relative; overflow:hidden; text-align:center; line-height:36px; margin-top:8px;}
.request-quote a{ display:inline-block;font-family: "Poppins", sans-serif; font-size:14px; color:#247474;transition: all 0.5s;}
.request-quote a i{font-family:"Poppins", sans-serif;font-weight:bold; margin-top:0px; float:right; margin-left:3px;}
.request-quote:before{content:'';position:absolute;left:0; top:0; width:0; height:100%;background:#247474;transition:all 0.5s cubic-bezier(.1,1,.4,1);z-index: -1; }
.request-quote:hover:before{width:100%;}
.request-quote:hover a{ color:#FFF;}

.menusj{width:40px; float:right; background:#247474; border-radius:25px; height:40px; margin-top:4px; margin-left:15px; overflow:hidden; cursor:pointer; display:none; margin-right:10px;}
.menusj .menusj_1{ width:22px; height:2px; background:#FFF; margin:15px 0px 0px 9px}
.menusj .menusj_2{ width:15px; height:2px; background:#FFF; margin:4px 0px 0px 9px;transition: all 0.5s;}
.menusj:hover{}
.menusj:hover .menusj_2{width:22px;}





.phonemenuclose{height:100%; width:0px; position:fixed; left:0px; top:0px; background-color:rgba(0, 0, 0, 0.5); z-index:1003; }
.phonemenu{height:100%; width:0px; position:fixed; right:0px; top:0px; background:#fff; z-index:1009; overflow:scroll;}
.phonemenu .menuclose{width:50px; height:50px; margin:20px 0px 10px 0px; text-align:right;width:100%; cursor:pointer}
.phonemenu .menuclose span{font-size:28px; color:#000; margin-right:20px;}
.phonemenu ul{}
.phonemenu li{margin:0px 35px; text-align:left;line-height:50px;}
.phonemenu ul li > a{display:block;color:#58585b;font-size:20px !important;font-family: "Poppins", sans-serif;font-weight: 600;}
.phonemenu ul li > a:hover{ color:#247474; text-decoration:none}
.phonemenu ul li span{float:right; font-weight:bold; font-size:18px; color:#247474; cursor:pointer;}
.phonemenu li div{width:250px; background:#ffffff; overflow:hidden; display:none;}
.phonemenu li div ul li{width:250px; border-bottom:1px solid #f1f1f1; margin:0px 0px; height:auto;}
.phonemenu li div a{display:block;text-align:left;line-height:20px; overflow:hidden; font-family: "Poppins", sans-serif;font-weight: 400;font-size: 14px !important;text-transform:none; padding:12px 15px;border-left:5px solid #fff;}
.phonemenu div ul li.top{ border-top:5px solid #247474;}

.banner-wrapper {width: 100%;transition: all 0.3s ease;background: #fff;overflow: hidden;margin-top:101px;}
.banner-fade {position: relative;width: 100%; height: 700px;background: #1a1a2e;overflow: hidden;}
.slides-container {position: relative;width: 100%;height: 100%;}
.slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: visible;transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index: 1;background-size: cover;background-position: center;background-repeat: no-repeat;}
.slide.active {opacity: 1;z-index: 10;}
.slide img {width: 100%;height: 100%;object-fit: cover;display: block;pointer-events: none;}
.slide-content {position: absolute;top: 0;left: 0;right: 0;padding: 2rem 2rem 2rem 2rem;color: white;text-align: left;z-index: 15;}
.slide-content .tit {font-family: "Poppins", sans-serif;font-size:50px;font-weight: 700;letter-spacing: -0.5px;margin-top:30px;text-shadow: 0 2px 5px rgba(0,0,0,0.3); color:#b81838; border-bottom:3px solid #818181; width:290px; height:90px; line-height:90px;}
.slide-content .tim {font-family: "Poppins-Black", sans-serif;font-size:80px;font-weight:bold;letter-spacing: -0.5px;margin-top:10px;text-shadow: 0 2px 5px rgba(0,0,0,0.3); color:#b81838;  width:570px; line-height:90px;}
.slide-content .num {font-family: "Poppins", sans-serif;font-size:22px;margin-top:10px; color:#000;width:570px; height:40px; line-height:40px;}
.slide-content .num span{ padding:0px 20px;font-family: "Poppins-Black", sans-serif; color:#28272a}
.slide-content .num span.left{border-bottom:1px solid #818181; line-height:40px; display:inline-block; margin:0px; float:left}
.slide-content .num span.right{ border-top:1px solid #818181; line-height:40px; display:inline-block; border-left:1px solid #818181;margin:0px;float:left}
.slide-content .con {font-family: "Poppins", sans-serif;font-size:18px;margin-top:30px; color:#000;width:570px; line-height:30px;}
.slide-content .more{}
.slide-content .more a{width:220px; height:50px; border-radius:25px; position:relative; overflow:hidden; text-align:center; line-height:48px; margin-top:38px;display:inline-block;font-family: "Poppins", sans-serif; font-size:16px; background:#fff;transition: all 0.5s; z-index:1000; color:#247474; padding-left:20px; border:1px solid #247474}
.slide-content .more a i{font-family:"Poppins", sans-serif;font-weight:bold; margin-top:0px; float:right; margin-right:20px;}
.slide-content .more a:before{content:'';position:absolute;left:0; top:0; width:0; height:100%;background:#247474;transition:all 0.5s cubic-bezier(.1,1,.4,1);z-index: -1; }
.slide-content .more a:hover:before{width:100%;}
.slide-content .more a:hover{color:#FFF;}

.slide-content p {font-size: 1rem;opacity: 0.9;max-width: 70%;text-shadow: 0 1px 2px rgba(0,0,0,0.3);}
.carousel-btn {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(36, 116, 116, 0.65);backdrop-filter: blur(8px);border: none;width: 48px;height: 48px;border-radius: 60px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 30;transition: all 0.25s ease;color: white;font-size: 28px;font-weight: 300;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);backdrop-filter: blur(4px);opacity: 0.7;}
.carousel-btn:hover {background: rgba(36, 116, 116, 0.8);opacity: 1;transform: translateY(-50%) scale(1.05);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);}
.carousel-btn:active {transform: translateY(-50%) scale(0.96);}
.prev {left: 24px;}
.next {right: 24px;}
.dots-container {position: absolute;bottom: 24px;left: 0;right: 0;display: flex;justify-content: center;gap: 12px;z-index: 30;padding: 8px 16px;background: transparent;}
.dot {width: 12px;height: 12px;background: rgba(36, 116, 116, 1);border-radius: 50%;cursor: pointer;transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);backdrop-filter: blur(2px);}
.dot.active {background: #ffffff;width: 28px;border-radius: 20px;box-shadow: 0 0 8px rgba(36, 116, 116,0.5);}
.dot:hover {background: rgba(36, 116, 116, 0.9);transform: scale(1.2);}
.banner-footer {background: rgba(36, 116, 116,0.96);padding: 12px 24px;text-align: center;font-size: 0.8rem;color: #5b6e8c;letter-spacing: 0.5px;border-top: 1px solid rgba(0,0,0,0.05);border-radius: 0 0 28px 28px;}
.carousel-btn:focus-visible, .dot:focus-visible {outline: 2px solid #ffffff;outline-offset: 2px;}
.slide {background-color: #2c3e4e;}

.banner-con{ width:100%; height:120px; background-size:cover; margin-top:30px;overflow:hidden; line-height:120px;}
.banner-con h1{font-family: "Poppins", sans-serif; font-size:31px; font-weight:bold;}
.banner-con h1 span{ color:#247474}

.desc-details{width:100%; height:75px; overflow:hidden; line-height:25px; position:relative;}
.desc-details .desc{opacity: 1; height:75px; top:0px; position:absolute; width:100%; border-radius:20px;transition: all 0.5s ease;transform: translateY(0);font-family: "Poppins-Light", sans-serif;}
.desc-details .desc ul li{line-height:25px; list-style-type:disc; position: relative;padding-left:18px; font-size:16px;}
.desc-details .desc ul li::before {content: " ";position: absolute;left: 0;top:8px;color: #10b981;width:8px; height:8px; border-radius:4px;}
.desc-details .details{margin:20px 20px 20px 20px;opacity: 0; height:44px; bottom:0px; position:absolute; width:100%; transition: all 0.5s ease;transform: translateY(20px); z-index:1000; width:143px; border-radius:22px; background:#FFF; overflow:hidden; font-weight:100;}
.desc-details .details span{ display:block; height:44px; text-align:left; line-height:42px; color:#247474;font-family: "Poppins", sans-serif; font-size:18px; position:relative; padding-left:30px;}
.desc-details .details i{ font-size:24px; position:absolute; top:0px; right:20px;}
.desc-details .details:before{content:'';position:absolute;left:0; top:0; width:0; height:100%;background:#247474;transition:all 0.5s cubic-bezier(.1,1,.4,1);z-index: -1; }

.desc-details .details:hover:before{width:100%;}
.desc-details .details:hover span{ color:#FFF;}




.product-show{}
.product-show .left{ width:50%; float:left; background:#23617c; border-bottom-right-radius:350px; border-top-right-radius:350px; height:700px;}
.product-show .right{width:50%; float:right;}
.product-show .left .category{ max-width:700px; float:right;height:700px; width:100%;}
.product-show .left .category .img{width:100%;margin-top:100px;}
.product-show .left .category img{ width:70%;}
.product-show .left .category .tit{font-family: "Poppins", sans-serif; font-size:21px; font-weight:bold; color:#FFF;}
.product-show .left .category .line{ width:50px; height:6px; background:#247474; margin-top:5px;}
.product-show .left .category .desc-details{ width:350px; color:#FFF; font-size:16px; margin-top:20px;}
.product-show .left .category .desc-details .desc ul li::before{ background:#FFF}
.product-show .left .category:hover .details{opacity: 1;transform: translateY(0);}
.product-show .left .category:hover .desc{opacity: 0;transform: translateY(-20px);}
.product-show .right .prolist{max-width:700px; float:left;height:700px;width:100%; overflow:hidden;}



.prolist_sub1{width:calc(50% - 40px); margin-left:40px; margin-top:0px; float:left;}
.prolist_sub1 .img{ width:100%; overflow:hidden;}
.prolist_sub1 .img img{ width:100%; border-radius:10px;}
.prolist_sub1 .con{ width:calc(100% - 10px); overflow:hidden; margin-right:10px}
.prolist_sub1 .tit{font-family: "Poppins", sans-serif; font-size:18px; font-weight:bold; color:#247474;  line-height:25px; margin-top:10px;}
.prolist_sub1 .line{ width:50px; height:6px; background:#247474; margin-top:5px; border-radius:3px;}
.prolist_sub1 .desc-details{width:300px; color:#555555; font-size:16px; margin-top:20px; height:125px;}
.prolist_sub1 .desc-details .desc ul li::before{ background:#247474}
.prolist_sub1 .details{ border:1px solid #247474;}
.prolist_sub1 .desc{height:125px;}
.prolist_sub1:hover .details{opacity: 1;transform: translateY(0);}

.prolist_sub1:hover .desc{opacity: 0;transform: translateY(-20px);}

.prolist_sub2{width:calc(100% - 40px); margin-left:40px; margin-top:0px;}
.prolist_sub2 .img{ width:50%; overflow:hidden; float:left}
.prolist_sub2 .img img{ width:100%; border-radius:10px;}
.prolist_sub2 .con{ width:calc(50% - 10px); overflow:hidden; float:right;margin-left:10px}
.prolist_sub2 .tit{font-family: "Poppins", sans-serif; font-size:18px; font-weight:bold; color:#247474; line-height:28px; margin-top:0px;}
.prolist_sub2 .line{ width:50px; height:6px; background:#247474; margin-top:5px; border-radius:3px;}
.prolist_sub2 .desc-details{width:300px; color:#555555; font-size:16px; margin-top:20px; height:147px;}
.prolist_sub2 .desc-details .desc ul li::before{ background:#247474}
.prolist_sub2 .details{ border:1px solid #247474;}
.prolist_sub2 .desc{height:155px;}
.prolist_sub2:hover .details{opacity: 1;transform: translateY(0);}

.prolist_sub2:hover .desc{opacity: 0;transform: translateY(-20px);}



.about{ margin-top:80px;}
.about .left{width:50%; float:left; height:700px;}
.about .left .con{ max-width:700px; float:right;height:660px; width:100%;}
.about .left .con h2{font-family: "Poppins", sans-serif; font-size:21px; font-weight:bold; color:#247474; height:40px; line-height:40px; margin-top:10px;}
.about .left .con .desc{font-family: "Poppins-Light", sans-serif; font-size:18px; line-height:150%; margin-top:10px; margin-right:30px; color:#000;}
.about .left .con .desc p{ margin-bottom:20px;}
.about .left .con .desc a{ text-decoration:underline; font-size:18px; color:#247474}
.about .left .con .linklist{border-top:1px solid #CCC; margin-top:30px;}
.about .left .con .linklist ul li{ height:76px; line-height:76px; border-bottom:1px solid #CCC;}
.about .left .con .linklist ul li a{font-family: "Poppins", sans-serif; font-weight:normal; color:#247474; font-size:18px;transition: all 1s; padding-left:0px}
.about .left .con .linklist ul li a:hover{padding-left:10px;}
.about .left .con .linklist ul li i{ font-size:24px; margin-right:5px;}
.about .right{max-width:700px; width:50%; float:left; background:url(about.webp) no-repeat left top; height:600px; border-radius:350px; margin-top:20px;}





















.customer{ background:#fff;  overflow:hidden;}
.customer-title{ height:123px; position:relative;background:#60bb92;}
.customer-title .left{ width:calc(50% - 700px); float:left; background:#247474; height:123px;}
.customer-title .right{ width:calc(50% - 700px); float:right; background:#60bb92; height:123px;}
.customer-title-con{position:absolute; top:0px; height:123px; width:100%;}
.customer-title-con h2{width:360px; height:100px; background:#247474; display:inline-block; float:left; border-bottom-right-radius:62px;border-top-right-radius:62px;font-family: "Poppins", sans-serif; font-size:21px; font-weight:bold; color:#fff; padding-top:23px;}
.customer-title-con .desc{ width:calc(100% - 710px); float:left; font-size:16px;font-family: "Poppins-Light", sans-serif; color:#FFF; padding:35px 30px;}
.customer-title-con .phone{color:#247474; height:60px; background:#fff; border-radius:30px; width:290px; margin:0px auto; position:relative; overflow:hidden; float:right; margin-top:25px;}
.customer-title-con .phone .iconfont2{ position:absolute; top:10px; left:30px; font-size:36px;font-family: "Poppins", sans-serif; font-weight: 700;}
.customer-title-con .phone .title{margin:2px 30px 0px 80px;font-family: "Poppins", sans-serif; font-weight: 700 !important;font-size:18px;letter-spacing:1px;}
.customer-title-con .phone .num{margin:0px 30px 30px 80px;font-family: "Poppins", sans-serif; font-weight: 700 !important;font-size:18px;}






.customer_list{float:left; width:calc(20% - 16px); overflow:hidden; background:#e8f3f3;border-radius:10px; margin:50px 20px 50px 0px;}
.customer_list .pic{ width:100%; height:150px; overflow:hidden; text-align:center; margin-top:20px;}
.customer_list .pic img{width:150px; height:150px;border-radius:75px;}
.customer_list .con{line-height:20px;font-size:12px;color:#555;font-family: "Poppins", sans-serif; font-weight: 500 !important;  text-align:center; margin:20px 20px 0px 20px;}
.customer_list .name{line-height:20px;font-size:16px;color:#222;font-family: "Poppins", sans-serif; font-weight: 500 !important;  text-align:center; margin:10px 20px 0px 20px;}
.customer_list .position{line-height:20px;font-size:14px;color:#555;font-family: "Poppins", sans-serif; font-weight: 500 !important;  text-align:center; margin:5px 20px 10px 20px;}
.customer_list .grade{font-size:16px;color:#ffab40;text-align:center; margin:5px 20px 10px 20px;}
.customer_list_end{ margin-right:0px;}

.why-choose{font-family: "Poppins-Light", sans-serif; font-size:16px; color:#000;}

.why-choose h2{font-family: "Poppins", sans-serif; font-size:21px; font-weight:bold; color:#247474; height:40px; line-height:40px; margin-top:10px;}


.why-choose .left{ width:calc(50% - 20px); float:left; margin:20px 0px; background:#FFF;}
.why-choose a{ text-decoration:underline; font-size:18px; color:#247474}

.why-choose .right{ width:calc(50% - 20px); float:right;margin:20px 0px;}



.news { margin-top:50px;  margin-bottom:30px;}
.news h2{font-size:21px;color:#247474; font-family: "Poppins", sans-serif;  margin-top:30px; margin-bottom:20px;}

.news .ddesc{line-height:25px;font-size:16px;color:#222222;font-family: "Poppins", sans-serif; font-weight: 500 !important; width:80%; text-align:center; margin:10px auto 30px auto;}

.newssub{width:calc(25% - 17px); margin:15px 20px 15px 0px; float:left;  position:relative; overflow:hidden;}
.newssub a{ border:1px solid #dddddd;border-radius:20px; display:inline-block;}
.newssub .tit{ margin:20px 20px 0px 20px;font-family: "Poppins", sans-serif; font-weight: 500; color:#222222; overflow:hidden; font-size:18px; height:40px; line-height:20px;}
.newssub .con{ margin:15px 20px 0px 20px; overflow:hidden;font-family: "Poppins-Light", sans-serif;  color:#767676; font-size:14px; height:36px; line-height:18px;}
.newssub .img{ margin:20px 20px 20px 20px; overflow:hidden;}
.newssub .img img{ width:100%; border-radius:10px;}
.newssub .time{margin:0px 20px 15px 20px; overflow:hidden;font-family: "Poppins", sans-serif;  color:#767676; font-size:14px; height:22px; line-height:22px;}
.newssubend{ margin-right:0px;}

.newssub .more{background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));opacity: 0; height:200px; bottom:2px; position:absolute; width:100%; border-radius:20px;transition: all 0.5s ease;transform: translateY(20px);}
.newssub .more span{ display:block;margin:140px 20px 20px 20px; height:40px; background:#247474; border-radius:20px; text-align:center; line-height:40px; color:#FFF;font-family: "Poppins", sans-serif; font-weight: 500; font-size:18px;}

.newssub:hover .more{opacity: 1;transform: translateY(0);}

.foot-top{ height:125px; background:#60bb92; margin-top:0px;}
.foot-top .left{width:50%; float:left; background:url(Education-Law-Icon.png) no-repeat left center; height:125px; line-height:125px;}
.foot-top .left span{ font-family: "Poppins", sans-serif; font-size:24px; color:#FFF; margin-left:100px;}
.foot-top .right{width:50%; float:right}

.foot-top .right a{float:right; width:220px; height:50px; border-radius:25px; position:relative; overflow:hidden; text-align:center; line-height:48px; margin-top:38px;display:inline-block;font-family: "Poppins", sans-serif; font-size:16px; background:#fff;transition: all 0.5s; z-index:1000; color:#247474; padding-left:20px;}
.foot-top .right a i{font-family:"Poppins", sans-serif;font-weight:bold; margin-top:0px; float:right; margin-right:20px;}
.foot-top .right a:before{content:'';position:absolute;left:0; top:0; width:0; height:100%;background:#247474;transition:all 0.5s cubic-bezier(.1,1,.4,1);z-index: -1; }
.foot-top .right a:hover:before{width:100%;}
.foot-top .right a:hover{color:#FFF;}

.foot-center{ background:#e8f0fe; padding:50px 0px 50px 0px; margin-top:0px;}
.foot-center .foot_1{width:25%; float:left;}
.foot-center .foot_2{width:25%; float:left; margin-top:10px;}
.foot-center .foot_3{width:20%; float:left; margin-top:10px;}
.foot-center .foot_4{width:30%; float:left; margin-top:10px;}

.foot-center .logo{ margin:20px 0px 0px 0px;}
.foot-center .logo img{width:200px; height:68px;}
.foot-center h3{font-size:16px;color: #62666b; line-height:23px; font-family: "Poppins-Light", sans-serif; font-weight: 100;margin-top:10px; width:280px; margin-top:15px;}
.foot-center .certification{width:320px; margin:20px 0px 0px 0px;}
.foot-center .certification img{width:50px;height:50px; margin:0px 10px 0px 0px;}

.foot-center .tit{ height:40px; line-height:40px;text-transform: uppercase; color:#247474;font-family: "Poppins", sans-serif; font-size:18px; font-weight:bold;}

.foot-center .list{}
.foot-center .list ul li{line-height:30px;}
.foot-center .list ul li a{color:#62666b;font-family: "Poppins", sans-serif; font-size:14px;position: relative;display: inline-block;transition: all 0.5s ease 0s;}
.foot-center .list ul li a:after {content: " ";position: absolute;height: 1px;width: 0;transition: all 0.7s ease-in-out;background-color: #247474;left: 0;bottom: 0;top: auto;}
.foot-center .list ul li a:hover {color: #247474;}
.foot-center .list ul li a:hover:after {width: 100%;margin-right: -100%;}


.foot-center .foot_contact{ position:relative; padding-left:35px;color:#6a666b;font-family: "Poppins", sans-serif; font-size:15px; line-height:30px; margin-top:10px;}

.foot-center .foot_contact span{ position:absolute; left:0px; top:0px; font-size:28px; color:#247474}
.foot-center .foot_contact span.icon-dizhi{ color:#f0c64a;}
.foot-center .foot_contact span.icon-phone2{ color:#e14635; font-size:24px}
.foot-center .foot_contact span.icon-whatsapp{ color:#34a752;}


.foot-bottom{background:#e8f0fe;  margin-top:0px; height:70px; line-height:50px;font-family: "Poppins", sans-serif; font-size:14px;}
.foot-bottom a{font-family: "Poppins", sans-serif; font-size:14px;}
.foot-bottom .left{width:50%; float:left;}
.foot-bottom .right{width:50%; float:right}

.foot-bottom .linkico{margin-top:0px; text-align:right; margin-right:20px;}
.foot-bottom .linkico a{margin-right:5px; width:32px; height:32px; display:inline-block; text-align:center; line-height:32px; border-radius:4px; color:#fff ; font-size:20px;}
.foot-bottom .linkico a.icon-facebook{ background:#3b5998}
.foot-bottom .linkico a.icon-linkedin{ background:#007bb6}
.foot-bottom .linkico a.icon-youtube{ background:#a82400}
.foot-bottom .linkico a.icon-tuite{ background:#000000}
.foot-bottom .linkico a.icon-pinterest{ background:#ea2c59}


#backtop{width:40px; height:40px; line-height:40px; background-color: rgba(36, 116, 116, 0.5); position:fixed; bottom:0px; right:10px; cursor:pointer; text-align:center; color:#FFF; z-index:1100; border-radius:5px;}
#backtop:hover{background-size:36px; background-color: rgba(36, 116, 116, 1);}

.youbiandh{width:74px; position:fixed; right:2px; top:350px; z-index:1008; background:#fff; border:1px solid #CCC; border-radius:5px; }
.youbiandh ul li{height:74px;width:74px; cursor:pointer; text-align:center; font-size:13px; font-family: "Poppins", sans-serif;line-height:30px;transition: all 0.35s; position:relative;}
.youbiandh ul li .tit{color:#247474; font-size:13px;}

.youbiandh ul li .span1{color:#247474; font-size:32px; margin-top:12px; display:inline-block;}
.youbiandh ul li:hover{ background:#247474; color:#FFF;}
.youbiandh ul li:hover .span1{color:#FFF; font-weight:normal;}
.youbiandh ul li:hover .tit{color:#FFF;}

#what{border-bottom:1px solid #ccc;}
#wxh{ border-bottom:1px solid #ccc}
#emailxh{ border-bottom:1px solid #ccc}
.youbiandh ul li .showdiv{position:absolute; width:0px; right:76px;height:74px; top:0px;  background:#fff;transition: all 0.35s; overflow:hidden; z-index:1002; border-radius:5px;}
.youbiandh ul li .showdiv .pic{text-align:center; font-size:14px; margin:5px 0px 0px 20px; color:#000;}
.youbiandh ul li .showdiv .pic span{text-align:center; font-size:22px; color:#247474; margin-right:5px;}
.youbiandh ul li .showdiv .num{text-align:center; margin:0px 0px 0px 0px; color:#000; line-height:30px;}
.youbiandh ul li:hover .showdiv{width:200px; border:1px solid #CCC; color:#000;}

.nybanner{overflow:hidden; background:#247474; background-size:cover; margin-top:101px;}
.nybanner .nybannercon{width:100%; padding:30px 0px 50px 0px}
.nybanner .nybannercon h1{font-size:48px; color:#fff;font-family: "Poppins", sans-serif;text-transform:uppercase;font-weight: 600;}
.nybanner .nybannercon .ddesc{font-size:18px; line-height:26px; color:#fff;  font-family: "Poppins-Light", sans-serif;color: #fff; width:60%;}
.nybanner .nybannercon .line{width:75px; margin-top:20px;}
.nybanner .nybannercon .line span{display:inline-block; float:left; margin-right:5px; height:5px; background:#fff;}
.nybanner .nybannercon .line span.span1{width:37px;}
.nybanner .nybannercon .line span.span2{width:16px;}
.nybanner .nybannercon .line span.span3{width:7px;}


.backhome{height:24px; line-height:24px; margin-top:55px;font-family: "Poppins", sans-serif; font-size:18px; color:#b81838;font-weight: 600 !important;}
.backhome a{font-family: "Poppins", sans-serif; font-size:18px; color:#247474;font-weight: 600 !important; display:inline-block;height:24px; line-height:24px;transition: all 0.2s linear;position:relative; padding-left:25px;}
.backhome a span {display: block;position: absolute;left:0px;transition: all 0.3s linear;font-size:20px;font-weight:bold;}
.backhome a:hover{ color:#b81838;}
.backhome a:hover span {left:-10px;}
.daohang_left{float:left; width:50%;}
.daohang_right{float:left; width:50%;text-align:right;}
.daohang_right a{padding-left:0px;}


.backhome2 {position:absolute;left:0px;height: 24px;line-height: 24px;margin-top: 55px;font-family: "Poppins", sans-serif;font-size: 18px;color: #247474;font-weight: 600 !important;bottom:20px}
.backhome2 a {font-family: "Poppins", sans-serif;font-size: 18px;color: #247474;font-weight: 600 !important;display: inline-block;height: 24px;line-height: 24px;transition: all 0.2s linear;position: relative;padding-left: 35px;}
.backhome2 a span {display: block;position: absolute;left: 10px;transition: all 0.3s linear;font-size: 20px;font-weight: bold;}
.backhome2 a:hover {color: #b81838;}
.backhome2 a:hover span {left: 0px;}
.backhome3 {height: 24px;line-height: 24px;margin:5px 0px 20px 0px;font-family: "Poppins", sans-serif;font-size: 18px;color: #247474;font-weight: 600 !important;}
.backhome3 a {font-family: "Poppins", sans-serif;font-size: 18px;color: #247474;font-weight: 600 !important;display: inline-block;height: 24px;line-height: 24px;transition: all 0.2s linear;position: relative;padding-left: 25px;}
.backhome3 a span {display: block;position: absolute;left: 0px;transition: all 0.3s linear;font-size: 20px;	font-weight: bold;}
.backhome3 a:hover {	color: #b81838;}
.backhome3 a:hover span {left: -10px;}



.about_con{}
.about_con .title{ margin-top:30px;text-align:center;}
.about_con .title h2{font-family: "Poppins", sans-serif; font-size:48px; font-weight: 600 !important;text-transform:uppercase; color:#247474}
.about_con .con{font-size:16px;font-family: "Poppins-Light", sans-serif;font-weight: 400 !important; line-height:180%; width:90%; margin:30px auto; color:#5d5d5d;}
.about_con .con a.more{ margin-left:20px; font-family: "Poppins", sans-serif; font-size:16px; color:#b81838;position: relative;display: inline-block;transition: all 0.5s ease 0s;}
.about_con .con a.more:hover{ color:#ce4c12;}
.about_con .con a.more:after {content: " ";position: absolute;height: 2px;width: 0;transition: all 0.5s ease-in-out;background-color: #ce4c12;left: 0;bottom:0px;top: auto;}
.about_con .con a.more:hover {color: #ce4c12;}
.about_con .con a.more:hover:after {width: 100%;margin-right: -100%;}
.about_con .subtit{ margin-top:50px;text-align:center;font-family: "Poppins", sans-serif; font-size:38px; font-weight: 600 !important;text-transform:uppercase; color:#747474}

.comnum{ width:90%; margin:30px auto;}
.comnum .comnum_sub{width:25%; float:left; text-align:center;}
.comnum .comnum_sub .comnum_tit{font-family: "Poppins", sans-serif; font-size:22px;color:#b81838; line-height:28px; margin-top:20px;}
.comnum .comnum_sub .comnum_nums{font-family: "Poppins", sans-serif; font-size:58px; font-weight:bold; color:#247474}
.comnum .comnum_sub .comnum_con{ font-size:14px; margin-top:15px; width:70%; margin:15px auto 55px auto; line-height:150%; color:#747474;font-family:"Poppins", Times, serif;}

.about-list{background:#f1f1f1;margin-top:50px; overflow:hidden; padding-bottom:50px}
.picScroll-left {width:90%;position: relative;margin: 50px auto 0px auto; background:#FFF; border-radius:20px;}
.picScroll-left .prev {display: block;width: 40px;height: 40px;overflow: hidden;cursor: pointer;position: absolute;left:calc(50% - 100px);bottom: 30px;font-family: 'iconfont2' !important;	font-size: 24px;background: #247474;text-align: center;line-height: 40px;border-radius: 20px;color: #FFF;z-index:1000;}
.picScroll-left .prev:hover {background: #b81838;transition: all 0.5s;}
.picScroll-left .prev:before {content: '\e601';}
.picScroll-left .next {display: block;width: 40px;height: 40px;overflow: hidden;cursor: pointer;position: absolute;right:calc(50% - 100px);bottom: 30px;font-family: 'iconfont2' !important;	font-size: 24px;background: #247474;text-align: center;line-height: 40px;border-radius: 20px;color: #FFF;z-index:1000;}
.picScroll-left .next:hover {background: #b81838;transition: all 0.5s;}
.picScroll-left .next:before {content: '\e827';}
.picScroll-left .bd {width:100%;margin: 0px auto;}
.picScroll-left .bd ul {zoom: 1;}
.picScroll-left .bd ul li {margin: 0 0;float: left;width: 100%;text-align:center; position:relative;}
.picScroll-left .bd ul li .pic {text-align: center;overflow: hidden; width:60%; float:left; margin-top:20px;}
.picScroll-left .bd ul li .pic img {width:calc(100% - 40px);display: block;margin: 0px auto; margin:20px; float:left;border-radius:10px; }
.picScroll-left .bd ul li .pic a:hover img {border-color: #999;}
.picScroll-left .bd ul li .p1{margin-top:0px;line-height: 45px;text-align:left;}
.picScroll-left .bd ul li .p2 {margin:20px 50px 30px 0px;font-size:16px;font-family: "Poppins-Light", sans-serif; line-height:170%; color:#5d5d5d;text-align:left;}
.picScroll-left .bd ul li .p2 span{ color:#247474; font-weight:bold}
.picScroll-left .bd ul li .title{width:calc(40% - 20px);float:left; margin-left:20px; text-align:left;}
.picScroll-left .bd ul li .title a{font-size:16px;color:#fff;background:#247474;display:inline-block;margin:10px 0px 30px 0px;font-weight:bold;padding:10px 25px; border-radius:18px;}
.picScroll-left .bd ul li .title a:hover {color: #fff;transition: all 0.5s;background:#b81838;}
.picScroll-left .bd ul li .title h2{font-family: "Poppins", sans-serif; font-size:32px; font-weight: 600 !important;text-transform:uppercase; color:#323232; }

.about_history{border-radius:20px;overflow:hidden;width:90%;margin:30px auto;height:270px; position:relative;}
.about_history img{width:100%;}
.about_history1{text-align:center; background-size:contain; position:absolute; top:0px}
.about_history1 h2{ text-align:center; margin-top:30px;font-size:48px; line-height:60px; color:#fff; font-family: "Poppins", sans-serif;font-weight: 600 !important; margin-bottom:30px; text-transform:uppercase;}
.about_history1 .con{font-size:18px; line-height:26px; color:#fff; margin:30px 10%; text-align:center;font-family: "Poppins-Light", sans-serif;}
.about_history1 .more{ color:#FFF; width:240px;text-align:center; margin:30px auto;}
.about_history1 .more a{color:#247474; position:relative;padding-left:0px;width:100%; height:30px; display:inline-block; line-height:30px;font-family: "Poppins", sans-serif; font-size:18px;font-weight: 600 !important;transition: all 0.5s ease 0s;}
.about_history1 .more a span {display: block;position: absolute;top:2px;left:230px;transition: all 0.3s linear;font-size:22px;font-weight:100; float:right;}
.about_history1 .more a:hover{color: #b81838;}
.about_history1 .more a:hover span {left:245px;}

.submenu{ height:45px; line-height:45px; background:#247474; margin-top:20px; border-radius:5px;}
.submenu ul{ margin-left:5px;}
.submenu li{float:left;  padding:0px 20px; height:45px; line-height:45px;}
.submenu li a{font-family: "Poppins", sans-serif;color: #fff;font-size: 16px; display:inline-block;}
.submenu li:hover{background:#b81838}
.submenu li:hover a{color: #fff;}
.submenu li.selected{background:#b81838}
.submenu li.selected a{color: #fff;}

.submenu2{ height:45px; line-height:45px; margin-top:20px; }
.submenu2 ul{}
.submenu2 li{float:left;  padding:0px 20px; height:45px; line-height:45px; background:#247474;border-radius:5px; margin:0px 15px 0px 0px}
.submenu2 li a{font-family: "Poppins", sans-serif;color: #fff;font-size: 16px; display:inline-block;}
.submenu2 li:hover{background:#b81838}
.submenu2 li:hover a{color: #fff;}
.submenu2 li.selected{background:#b81838}
.submenu2 li.selected a{color: #fff;}

.product-ny{ background:#f3f7fd; overflow:hidden;}
.pro-w{width:calc(50% - 15px); float:left; margin:20px 30px 20px 0px;}
.pro-w-end{ width:calc(50% - 15px); float:left; margin:20px 0px 20px 0px;}

.pro-sub{height:285px; border-radius:10px; background:#eff6f4; border:1px solid #cfdee6; overflow:hidden;transition: all 0.5s;}
.pro-sub .img{width:300px; height:225px; float:left; margin-left:30px; margin-top:30px; overflow:hidden;}
.pro-sub .img img{width:100%;}
.pro-sub .con{width:calc(100% - 400px); height:285px; float:left; background:#FFF; margin-left:30px;color:#247474; padding:0px 20px}
.pro-sub .con h3{font-family: "Poppins", sans-serif;font-size: 20px; height:30px; line-height:40px;height:40px; margin:20px 0px 10px 0px; color:#1d3e4b; overflow:hidden;}
.pro-sub .con h3 span{display:inline-block; float:left; font-size:22px; width:36px; height:36px; line-height:36px; border-radius:18px; background:#247474; color:#FFF; text-align:center; margin-right:10px;}
.pro-sub .con .parameters{font-family:"Poppins", sans-serif;font-size: 14px; height:35px; line-height:35px; border-bottom:1px solid #edf2f7; color:#2c4b5c; overflow:hidden;}
.pro-sub .con .parameters i{ font-weight:bold; margin-right:5px;}
.pro-sub .con .parameters span{ float:right; background:#eff6f4; margin:5px 2px 0px 2px; padding:0px 10px; border-radius:10px; height:25px; line-height:25px; color:#247474; font-size:12px;}

.pro-sub .con .desc{font-family:"Poppins", sans-serif;font-size: 13px; height:44px; line-height:22px;  color:#2c4b5c; overflow:hidden; margin:10px 0px}
.pro-sub .con .more{margin-top:8px;}
.pro-sub .con .more ul li{width:100px; height:30px; border:1px solid #247474; border-radius:4px; position:relative; overflow:hidden; text-align:center; line-height:28px; transition: all 0.5s;font-family:"Poppins", sans-serif; float:left;}
.pro-sub .more ul li a{color:#247474; font-size:13px;}
.pro-sub .con .more ul li.wathc{ width:120px; margin-left:10px;}
.pro-sub .con .more ul li.wathc i{ margin-right:5px;display:inline-block;}
.pro-sub:hover{ border:1px solid #247474;}
.pro-sub .more ul li:hover{color:#FFF;background:#247474}
.pro-sub .more ul li:hover a{color:#FFF;}


.showvideo{height:450px; width:0px; position:fixed; left:calc(50% - 300px); top:calc(50% - 225px); background:#fff; z-index:1009; overflow:hidden;}
.closevideo{ position:absolute; right:5px; top:5px; width:20px; height:20px; border-radius:20px; border:1px solid #247474; text-align:center; line-height:20px; cursor:pointer;}
.closevideo i{ color:#247474; font-weight:bold;}
iframe{ overflow:hidden;}


.article_con {margin-top:0px; background:#f6f6f6; overflow:hidden}
.article_con .product{ margin-top:0px;}
.article_con .tit {position:relative;margin-top: 30px;text-align: center;}
.article_con .tit h2{font-family: "Poppins", sans-serif;font-size: 48px;font-weight: 600 !important;text-transform: uppercase;color: #323232}
.article_con .con {padding: 30px;overflow: hidden;	margin:50px 0px;font-size: 16px;font-family: "Poppins-Light", sans-serif;font-weight: 400 !important; line-height:175%; border-radius:20px; color:#5d5d5d; background:#FFF;}
.article_con .con p {margin: 15px 0px;clear: both;}
.article_con .con h2 {LINE-HEIGHT: 50px;FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #247474;FONT-SIZE: 21px;margin: 20px 0px;}
.article_con .con h2 a {FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #247474;FONT-SIZE: 36px;}
.article_con .con h2 a:hover {text-decoration: underline}
.article_con .con h3 {LINE-HEIGHT: 32px;FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #247474;FONT-SIZE: 19px;margin: 10px 0px;}
.article_con .con h4 {LINE-HEIGHT: 32px;FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #247474;FONT-SIZE: 17px;margin: 10px 0px;}
.article_con .con h5 {LINE-HEIGHT: 32px;FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #247474;FONT-SIZE: 16px;margin: 10px 0px;}
.article_con .con ul {margin-left: 36px;}
.article_con .con ul li {list-style: disc;}
.article_con .con i{ font-weight:bold; color:#484848;}

.fenyestyle {}
.fenyestyle a {border: 1px solid #bcbcbc;width: 36px;height: 36px;line-height: 36px;display: inline-block;text-align: center;margin-left: 5px;margin-right: 5px;font-size: 14px;color: #636363;font-weight: bold;transition: all 0.35s;}
.fenyestyle a:hover {border: 1px solid #247474;color: #247474}
.fenyestyle a.selected {border: 1px solid #247474;color: #247474}
.fenyestyle a.precious {width: 70px;}
.fenyestyle a.next {width: 70px;}
.fenyestyle span {border: 1px solid #bcbcbc;width: 36px;height: 36px;line-height: 36px;display: inline-block;text-align: center;margin-left: 5px;margin-right: 5px;font-size: 14px;color: #636363;font-weight: bold;}
.fenyestyle span.precious {width: 90px;}
.fenyestyle span.next {width: 70px;}
.fenyestyle span.selected {border: 1px solid #247474;color: #247474}


.history_djs{ width:100%; height:auto; overflow:hidden; background:url(time_l.jpg) center top repeat-y;}
.history_djs_top{ height:19px;background:url(time_t.jpg) center top no-repeat;}
.history_djs_sub{ margin-top:20px;}
.history_djs_sub .history_djs_sub_time{background:url(time_y.jpg) center center no-repeat;height:40px; margin-top:10px;}
.history_djs_sub .history_djs_sub_time .time_left{width:calc(50% - 48px);float:left;text-align:right; line-height:40px; font-size:36px; FONT-FAMILY: 'Poppins'; padding-right:48px; color:#247474;}
.history_djs_sub .history_djs_sub_cont{background:url(time_m.jpg) center center no-repeat;margin-top:10px; overflow:hidden;FONT-FAMILY: 'Poppins-Light';}
.history_djs_sub .history_djs_sub_cont .cont_right{ border:1px solid #CCC; width:calc(50% - 62px);float:left;text-align:right; padding:10px 10px 10px 10px; background:#fcfafa; border-radius:8px; font-size:16px; line-height:160%; position:relative;}
.history_djs_sub .history_djs_sub_cont .cont_right i{ display:block; width:15px; height:21px; overflow:hidden; background:url(time_j2.png) 0 0 no-repeat; position:absolute; top:50%; margin-top:-10px; right:-15px;}
.history_djs_sub2{ margin-top:20px;}
.history_djs_sub2 .history_djs_sub_time{background:url(time_y.jpg) center center no-repeat;height:40px; margin-top:10px;}
.history_djs_sub2 .history_djs_sub_time .time_left{width:calc(50% - 48px);float:right;text-align:left; line-height:40px; font-size:36px; FONT-FAMILY: 'Poppins'; padding-left:48px;color:#247474;}
.history_djs_sub2 .history_djs_sub_cont{background:url(time_m.jpg) center center no-repeat;margin-top:10px; overflow:hidden;}
.history_djs_sub2 .history_djs_sub_cont .cont_right{ border:1px solid #CCC; width:calc(50% - 62px);float:right;text-align:left; padding:10px 10px 10px 10px; background:#fcfafa; border-radius:8px; font-size:16px; line-height:160%; position:relative;}
.history_djs_sub2 .history_djs_sub_cont .cont_right i{ display:block; width:15px; height:21px; overflow:hidden; background:url(time_j.png) 0 0 no-repeat; position:absolute; top:50%; margin-top:-10px; left:-15px;}


.contact_2 {border: 1px solid #dddddd;width: 300px;float: left;margin-top:0px;margin-left: 30px}
.contact_2 .title_2_ny {font-size: 20px;margin: 20px;font-family: "Poppins", sans-serif;}
.contact_2 .sub_ny {margin: 10px 20px 10px 20px;border-bottom: 1px solid #dddddd;min-height: 75px;overflow: hidden;position:relative;}
.contact_2 .sub_ny .title {	font-size: 16px;font-weight:200;color: #000;margin: 8px 0px 0px 50px;text-align: left;font-family: "Poppins", sans-serif;}
.contact_2 .sub_ny .num {font-size: 13px;margin: 0px 0px 0px 50px;font-family: "Poppins", sans-serif;line-height: 22px;}
.contact_2 .sub_ny .num a {font-size: 13px;font-family: "Poppins", sans-serif;}
.contact_2 .sub_ny .iconfont2 {position:absolute; left:0px; top:15px; font-size:24px; color:#247474; border:1px solid #247474; border-radius:18px; height:36px; width:36px; text-align:center; line-height:36px;}
.contact_2 .links_ny {margin: 20px;  height:50px;}
.contact_2 .links_ny a{width:30px; height:30px; background:#e8e8e8; border-radius:5px; margin:5px; line-height:30px; text-align:center; font-size:16px;color:#247474; display:inline-block;}



.message_2 {width: calc(100% - 400px);float: right;margin-top:0px;font-family: "Poppins", sans-serif;}
.message_2 .title_2_ny {font-size: 20px;}
.message_2 .inputdiv_ny {width: calc(90% - 12px);margin-top: 20px;}
.message_2 input {width: 100%;height: 40px;line-height: 40px;padding: 0;margin: 0;font-size: 14px;border: 1px solid #ddd;text-indent: 20px;background: #f6f6f6;	font-family: "Poppins", sans-serif;}
.message_2 .textareadiv_ny {margin-top: 20px;width: calc(90% - 12px);}
.message_2 textarea {width: 100%;height: 172px;line-height: 30px;padding: 0;margin: 0;font-size: 14px;border: 1px solid #ddd;text-indent: 20px;background: #f6f6f6;	font-family: "Poppins", sans-serif;}
.message_2 .checkdiv_ny {margin-top: 20px;width: calc(90% - 12px);}
.message_2 .checkdiv_ny input {width: 30%;}
.message_2 .selectproduct{ margin-top:10px; font-size:20px; line-height:30px;}
.message_2 .selectproduct input{width:15px; height:15px;display:inline-block;vertical-align: middle; margin-top:5px;}
.message_2 .selectproduct span{display:inline-block;vertical-align: middle; margin:0px 10px 0px 5px}
.submitdiv_2_ny {width: 100px;height: 40px;margin-top: 20px}
.submitdiv_2_ny .btns_ny {height: 50px;line-height: 50px;background: #247474;width: 100px;padding: 0 20px;margin: 0;border: none;outline: none;position: relative;	z-index: 5;overflow: hidden;font-size: 16px;color: #fff;font-weight: bold;cursor: pointer;box-sizing: inherit;font-family: "Poppins", sans-serif;}
.submitdiv_2_ny .btns_ny:before {	content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;z-index: -1;-webkit-transition: all 1s cubic-bezier(.1, 1, .4, 1);-o-transition: all 1s cubic-bezier(.1, 1, .4, 1);transition: all 1s cubic-bezier(.1, 1, .4, 1);-webkit-transition-duration: .8s;-o-transition-duration: .8s;	transition-duration: .8s;background: #b81838;}
.submitdiv_2_ny .btns_ny span {display: inline-block;vertical-align: middle;font-size: 24px;font-family: "Poppins", sans-serif;text-align: center;}
.submitdiv_2_ny .btns_ny:hover:before {width: 100%;}





.mess-left{ width:calc(50% - 20px); float:right; background:#247474; height:400px; overflow:hidden; border-radius:10px; margin:20px 0px;}
.mess-left .title{ width:130px; height:35px; line-height:35px; text-align:center; background:#FFF; border-radius:10px; margin:50px 20px 20px 40px; font-size:13px;font-family: "Poppins", sans-serif; color:#00a373;}
.mess-left .subtit{font-family: "TitilliumWeb", sans-serif; font-size:28px; font-weight: 600 !important; color:#00a373; text-align:left; color:#fff; margin:10px 10px 10px 40px;}
.mess-left .desc{font-family: "Poppins-Light", sans-serif; font-size:14px; line-height:175%;color:#fff;margin:10px 10px 20px 40px; text-align:left;}

.mess-left .links_ny {margin: 30px 20px 20px 40px;  height:50px; text-align:left}
.mess-left .links_ny a{width:30px; height:30px; background:#fff; border-radius:5px; margin:5px 10px 5px 0px; line-height:30px; text-align:center; font-size:16px;color:#00a373; display:inline-block;}

.mess-right{ width:calc(50% - 20px); float:left;font-family: "Poppins", sans-serif;margin:20px 0px;}

.mess-right .inputdiv_ny {width: calc(50% - 12px);margin:0px 10px 10px 0px; float:left;}
.mess-right input {width: 100%;height: 40px;line-height: 40px;padding: 0;margin: 0;font-size: 12px;border: 1px solid #ddd;text-indent: 20px;background: #f5f8f9;	font-family: "Poppins", sans-serif; border-radius:5px}
.mess-right .textareadiv_ny {margin-top: 10px;width:calc(100% - 12px);}
.mess-right textarea {width: 100%;height: 162px;line-height: 30px;padding: 0;margin: 0;font-size: 14px;border: 1px solid #ddd;text-indent: 20px;background: #f5f8f9;	font-family: "Poppins", sans-serif;border-radius:5px}
.mess-right .checkdiv_ny {margin-top: 10px;width: calc(90% - 12px); text-align:left;}
.mess-right .checkdiv_ny input {width: 30%;}
.mess-right .selectproduct{ margin-top:10px; font-size:20px; line-height:30px;}
.mess-right .selectproduct input{width:15px; height:15px;display:inline-block;vertical-align: middle; margin-top:5px;}
.mess-right .selectproduct span{display:inline-block;vertical-align: middle; margin:0px 10px 0px 5px}
.submitdiv_3_ny {width: calc(100% - 12px);height: 40px;margin-top: 20px;}
.submitdiv_3_ny .btns_ny {height: 50px;line-height: 50px;background:#247474;width: 100%;padding: 0 0px;margin: 0;border: none;outline: none;position: relative;	z-index: 5;overflow: hidden;font-size: 16px;color: #fff;cursor: pointer;box-sizing: inherit;font-family: "Poppins", sans-serif;border-radius:5px}
.submitdiv_3_ny .btns_ny:before {	content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;z-index: -1;-webkit-transition: all 1s cubic-bezier(.1, 1, .4, 1);-o-transition: all 1s cubic-bezier(.1, 1, .4, 1);transition: all 1s cubic-bezier(.1, 1, .4, 1);-webkit-transition-duration: .8s;-o-transition-duration: .8s;	transition-duration: .8s;background: #b81838;}
.submitdiv_3_ny .btns_ny span {display: inline-block;vertical-align: middle;font-size: 24px;font-family: "Poppins", sans-serif;text-align: center;}
.submitdiv_3_ny .btns_ny:hover:before {width: 100%;}







.banner_news_detail{background: #fff;height: 50px; margin-top:130px;}
.backhome_news_detail {height: 24px;line-height: 24px;}
.backhome_news_detail a {font-family: "Poppins", sans-serif;font-size: 18px;color: #247474;font-weight: 600 !important;display: inline-block;width: 176px;height: 24px;line-height: 24px;transition: all 0.2s linear;position: relative;padding-left: 25px;}
.backhome_news_detail a span {display: block;position: absolute;left: 0px;transition: all 0.3s linear;font-size: 20px;font-weight: bold;}
.backhome_news_detail a:hover {color: #b81838;}
.backhome_news_detail a:hover span {left: -10px;}

.news_detail_title {}
.news_detail_title h1 {font-size: 37px;font-weight: bold;color: #000;line-height: 50px;font-family: "Poppins", sans-serif;margin: 0px;padding: 0px}
.news_detail_time {font-size: 14px;color: #808080;margin: 20px 0 20px 0px;font-family: "Poppins", sans-serif;}
.news_detail_time i {font-size: 20px;font-weight: lighter;font-family: Arial, Helvetica, sans-serif;display: inline;float: left;}
.news_detail_share {}
.news_detail_share a {display:inline-block; background:#f2f2f2; text-align:center; border-radius:20px; margin-right:5px; transition: all 0.5s ease 0s; color:#247474; padding:10px;}
.news_detail_share a:hover {background: #b81838; color:#FFF;}

.news_detail_con {margin-top: 50px;margin-bottom: 50px;}
.news_detail_con .left {float: left;width: calc(100% - 330px);font-size: 16px;font-family: "Poppins-Light", sans-serif;font-weight: 400 !important;line-height: 175%;letter-spacing: 0.3px;}
.news_detail_con .left p {font-size: 16px;font-family: "Poppins-Light", sans-serif;font-weight: 400 !important;line-height: 175%;margin: 20px 0px;letter-spacing: 0.3px;}
.news_detail_con .left a {font-size: 16px;font-family: "Poppins-Light", sans-serif;font-weight: 400 !important;line-height: 175%;letter-spacing: 0.3px;}
.news_detail_con .left h2 {LINE-HEIGHT: 32px;FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #247474;FONT-SIZE: 21px;margin: 10px 0px;}
.news_detail_con .left h2 a {FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #247474;FONT-SIZE: 36px;}
.news_detail_con .left h2 a:hover {text-decoration: underline}
.news_detail_con .left h3 {LINE-HEIGHT: 30px;FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #aa272f;FONT-SIZE: 19px;margin: 10px 0px;}
.news_detail_con .left h4 {LINE-HEIGHT: 30px;FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #aa272f;FONT-SIZE: 17px;margin: 10px 0px;}
.news_detail_con .left h5 {LINE-HEIGHT: 30px;FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #aa272f;FONT-SIZE: 16px;margin: 10px 0px;}
.news_detail_con .left ul {margin-left: 36px;}
.news_detail_con .left ul li {list-style: disc;}
.news_detail_con .left i{ font-weight:bold; color:#484848;}
.news_detail_con .right {float: right;width: 265px;}
.news_detail_con .right .page {width: 205px;height: 135px;background: #f4f4f4;margin-bottom: 20px;transition: all 0.5s ease 0s;padding: 35px 30px;}
.news_detail_con .right .page a {display: inline-block;}
.news_detail_con .right .page .tit {font-size: 21px;font-family: "Poppins", sans-serif;font-weight: 600 !important;color: #247474;line-height: 28px;	transition: .3s ease;}
.news_detail_con .right .page .time {font-size: 13px;color: #939393;margin: 15px 0 10px 0px;transition: .3s ease;}
.news_detail_con .right .page .time i {font-size: 14px;margin-top: -2px;}
.news_detail_con .right .page .con {font-size: 16px;color: #0b0b0b;font-weight: bold;transition: .3s ease;height: 66px;overflow: hidden;text-overflow: ellipsis;	display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 22px;font-family: "Poppins", sans-serif;}
.news_detail_con .right .page:hover {background: #247474;}
.news_detail_con .right .page:hover .tit {color: #FFF;}
.news_detail_con .right .page:hover .time {color: #fff;}
.news_detail_con .right .page:hover .con {color: #FFF;}

.news_detail_con_pic_three {margin: 30px 0px;}
.news_detail_con_pic_three img {float: left;margin-right: 1.4%;width: 32.4%;border-radius: 5px}
.news_detail_con_pic_three img:last-child {margin-right: 0px}
.news_detail_con_pic_two {margin: 20px 0px;}
.news_detail_con_pic_two img {float: left;margin-right: 1.4%;width: 48.6%;border-radius: 5px;}
.news_detail_con_pic_two img:last-child {margin-right: 0px;}
.news_detail_con_pic_four {margin: 20px 0px;}
.news_detail_con_pic_four img {float: left;margin-right: 1%;width: 24.25%;border-radius: 5px;}
.news_detail_con_pic_four img:last-child {margin-right: 0px;}
.news_detail_con_pic_four_border {margin: 20px 0px;}
.news_detail_con_pic_four_border img {float: left;margin-right: 1%;width:calc(24.25% - 2px);border:1px solid #CCC;border-radius: 5px;}
.news_detail_con_pic_four_border img:last-child {margin-right: 0px;}
.news_detail_con_pic_one {	margin: 20px 0px;text-align: center;font-size: 18px;font-weight: 400 !important;line-height: 150%;}
.news_detail_con_pic_one img {width: 100%;border-radius: 5px;}

.news_detail_con_pic_three_tit {margin: 30px 0px;}
.news_detail_con_pic_three_tit div {float: left;margin-right: 1.4%;width: 32.4%;border-radius: 5px}
.news_detail_con_pic_three_tit div img {width:100%;border-radius: 5px; margin-bottom:5px;}
.news_detail_con_pic_three_tit div:last-child {margin-right: 0px}

.news_detail_con_pic_two_tit {margin: 30px 0px;}
.news_detail_con_pic_two_tit div {float: left;margin-right: 1.4%;width: 48.6%;border-radius: 5px}
.news_detail_con_pic_two_tit div img {width:100%;border-radius: 5px; margin-bottom:5px;}
.news_detail_con_pic_two_tit div:last-child {margin-right: 0px}


.news_detail_con_pic_four_tit {margin: 30px 0px;}
.news_detail_con_pic_four_tit div {float: left;margin-right: 1%;width: 24.25%;border-radius: 5px}
.news_detail_con_pic_four_tit div img {width:100%;border-radius: 5px; margin-bottom:5px;}
.news_detail_con_pic_four_tit div:last-child {margin-right: 0px}





.orther-news{ background:#f9f9f9;}
.orther-news .tit{height:44px;line-height: 44px;background: #247474;margin-top:20px;color:#FFF;font-size: 18px;	font-family: "Poppins", sans-serif;padding-left:20px;}
.orther-news ul li{display: flex;align-items: center; border-bottom:1px solid #dbdada; padding:0px 5px 0px 25px;transition: all 0.2s linear; position:relative; overflow:hidden;}
.orther-news ul li i{font-weight:bold; position:absolute; left:5px}
.orther-news ul li a{ line-height:20px; font-size:14px;font-family: "Poppins", sans-serif; color:#3a2e2e; margin:15px 0px;}
.orther-news ul li:hover{ background:#247474;color:#FFF;}
.orther-news ul li:hover a{ color:#FFF;}

.prosub_w_related{ margin-top:20px;}
.banner_pro_detail {background: #fff;height: 38px;}
.pro_detail_daohang {height: 45px;line-height: 45px;margin-top: 90px;color: #203044;}
.pro_detail_daohang a {font-family: "Poppins", sans-serif;font-size: 18px;color: #a9a9a9;font-weight: 200;transition: all 0.2s linear;}
.pro_detail_daohang span {font-family: "Poppins", sans-serif;font-size: 14px;color: #a9a9a9;font-weight: 200 ;}
.pro_detail_daohang a:hover {color: #247474;}
.pro_detail_daohang a:hover span {left: -10px;}
.pro_detail_left {width: 600px;float: left;}
.pro_detail_left .pro_detail_pic {width: 600px;height: 450px;text-align: center;}
.pro_detail_left .pro_detail_pic img {width: 500px;margin-top: 50px;}
.pro_detail_right {width: calc(100% - 600px);float: left;background: #f6f6f6;height: 640px;}
.pro_detail_cate {margin: 110px 0px 0px 60px;font-size: 17px;font-family: "Poppins", sans-serif;color: #666666;font-weight: 600 !important;}
.pro_detail_tit {margin: 10px 0px 0px 60px;}
.pro_detail_tit h1 {font-size:48px;color: #247474;line-height:1;font-family: "Poppins", sans-serif;font-weight: 600 !important;letter-spacing: 0px}
.pro_detail_attr {margin: 30px 0px 0px 60px;}
.pro_detail_attr .pro_detail_attr_name {border-left: 2px solid #247474;font-size: 18px;line-height: 20px;color: #555;padding: 2px 5px 2px 15px;font-family:"Poppins";	font-weight:400;}
.pro_detail_attr .pro_detail_attr_value {border-left: 2px solid #b81838;font-size: 32px;line-height: 40px;color: #555;font-family:"Poppins"; padding: 6px 5px 2px 15px}
.pro_detail_attr .pro_detail_attr_value span{cursor:pointer;font-size: 16px;border:1px solid #247474;padding:5px 10px;border-radius:5px;margin-right:10px;	font-weight:700;font-family: "Poppins", sans-serif;}
.pro_detail_attr .pro_detail_attr_value span:hover{border:1px solid #b81838;color:#b81838;}
.pro_detail_attr .pro_detail_attr_value span.selectspanproxx{border:1px solid #b81838;color:#b81838;}
.pro_detail_share {margin: 30px 0px 0px 60px;}
.pro_detail_share a {display: inline-block;width: 40px;height: 40px;background: #247474;text-align: center;border-radius: 20px;margin-right: 2px;transition: all 0.5s ease 0s;float:left; font-size:18px; line-height:40px; color:#FFF;}
.pro_detail_share a img {width: 25px;height: 25px;margin-top: 6px;}
.pro_detail_share a:hover {background: #b81838}
.pro_detail_share a.watchlink {width: 150px;height: 40px; border-radius:5px; margin-left:10px;font-family: "Poppins", sans-serif;}
.pro_detail_share a.watchlink i{ margin-right:5px;}





.pro_detail_description {height: 54px;line-height: 54px;background: #FFF;border-top: 4px solid #247474;border-bottom: 1px solid #ccc;}
.pro_detail_description ul li {height: 54px;float: left;padding: 0px 20px;font-family: "Poppins", sans-serif;font-weight: 600 !important;font-size: 22px;	cursor: pointer;max-width: 200px;overflow: hidden}
.pro_detail_description ul li.line {width: 1px;height: 25px;background: #dfdfdf;padding: 0px;margin-top: 18px}
.pro_detail_description ul li.selected {color: #247474;}
.pro_detail_con {background: #f6f6f6; overflow:hidden;}
.pro_detail_con2{}
.pro_detail_show {background: #fff;padding: 0px 50px;margin: 20px auto 50px auto;overflow: hidden; border-radius:20px}
.pro_detail_con .pro_detail_con_tit {font-family: "Poppins", sans-serif;font-weight: 600 !important;font-size: 36px;color: #000;text-transform: uppercase;margin-top: 50px;}
.pro_detail_con .pro_detail_con_desc {font-size: 17px;font-family:"Poppins-Light";line-height: 160%;margin-top:20px; color:#000; }
.pro_detail_con .pro_detail_con_desc p {font-size: 17px;font-family:"Poppins-Light";line-height: 160%;}
.pro_detail_con .pro_detail_con_desc h1 {font-size: 45px;font-weight: bold;color: #000;line-height: 50px;font-family: "Poppins", sans-serif;margin: 0px;	padding: 0px}
.pro_detail_con .pro_detail_con_desc h2 {border-bottom:1px solid #247474;LINE-HEIGHT: 45px; MARGIN-TOP: 30px; FONT-FAMILY: 'Poppins'; HEIGHT: 45px; FONT-SIZE: 26px; FONT-WEIGHT: bold;	color: #247474;	margin: 20px 0px 10px 0px;}
.pro_detail_con .pro_detail_con_desc h2 a {FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #247474;FONT-SIZE: 21px;}
.pro_detail_con .pro_detail_con_desc h2 a:hover {text-decoration: underline}
.pro_detail_con .pro_detail_con_desc h3 {LINE-HEIGHT: 30px;FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #247474;FONT-SIZE: 19px;margin: 10px 0px;}
.pro_detail_con .pro_detail_con_desc h4 {LINE-HEIGHT: 30px;FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #247474;FONT-SIZE: 17px;margin: 10px 0px;}
.pro_detail_con .pro_detail_con_desc h5 {LINE-HEIGHT: 30px;FONT-FAMILY: 'Poppins';FONT-WEIGHT: bold;color: #0162b1;FONT-SIZE: 16px;margin: 10px 0px;}
.pro_detail_con .pro_detail_con_desc ul {margin-left: 36px;}
.pro_detail_con .pro_detail_con_desc ul li {list-style: disc; margin-top:5px;}
.pro_detail_con .pro_detail_con_desc i{font-weight:bold; color:#484848;}
.pro_detail_con .pro_detail_con_desc sup{ font-size:10px;}
.pro_detail_page {height: 90px;line-height: 90px;background: #FFF;margin-bottom: 50px;overflow: hidden;}
.pro_detail_page_previous {	width: calc(50% - 110px);float: left;color: #747474;position: relative;padding-left: 60px;font-size: 18px;font-family: "Poppins", sans-serif;font-weight: 600 !important;}
.pro_detail_page_previous i {left: 20px;font-size: 32px;position: absolute;transition: all 0.35s;}
.pro_detail_page_previous a {font-family: "Poppins", sans-serif;font-weight: 600 !important;font-size: 18px;color: #000;margin-left: 10px;margin-right: 10px;}
.pro_detail_page_previous:hover i {left: 10px;}
.pro_detail_page_previous:hover a {color: #247474;}
.pro_detail_page_list {width: 90px;float: left;border-left: 1px solid #ccc;border-right: 1px solid #ccc;text-align: center;}
.pro_detail_page_list i {font-size: 48px;transition: all 0.35s;color: #000;}
.pro_detail_page_list:hover i {color: #247474;}
.pro_detail_page_next {width: calc(50% - 110px);float: left;text-align: right;position: relative;padding-right: 60px;font-size: 18px;font-family: "Poppins", sans-serif;font-weight: 600 !important;}
.pro_detail_page_next i {right: 20px;font-size: 32px;position: absolute;transition: all 0.35s;}
.pro_detail_page_next a {font-family: "Poppins", sans-serif;font-weight: 600 !important;font-size: 18px;color: #000;margin-left: 10px;margin-right: 10px;}
.pro_detail_page_next:hover i {right: 10px;}
.pro_detail_page_next:hover a {color: #247474;}
.tabletitle {	border-bottom: 1px solid #247474;margin-bottom: 10px;}
.contable {border-collapse: collapse;width: 100%;margin: 10px auto 10px auto;}
.contable tr {}
.contable .title {background: #f6f7fb;}
.contable .title td {color: #000;font-weight: bold;padding-left: 0px;text-align: center;padding: 5px 0px;line-height: 23px;min-height: 40px;}
.contable tr td {padding:8px 10px;border: 1px solid #CCC;font-size: 16px;line-height: 23px;color: #111;}
.contable tr.double {background: #f6f7fb;}
.contable2 {border-collapse: collapse;width: 100%;margin: 10px auto 10px auto;}
.contable2 tr {}
.contable2 .title {height: 30px;background: #f6f7fb;}
.contable2 .title td {color: #000;font-weight: bold;font-size: 12px;padding-left: 0px;text-align: center;line-height: 20px;padding: 5px 0px;}
.contable2 tr td {border: 1px solid #CCC;font-size: 14px;line-height: 28px;color: #111;text-align: center;padding: 5px 5px;}
.contable2 tr.double {background: #f6f7fb;}
.contable3 {border-collapse: collapse;width: 100%;margin: 10px auto 10px auto;}
.contable3 tr {}
.contable3 .title {background: #f6f7fb;}
.contable3 .title td {color: #000;font-weight: bold;padding-left: 0px;text-align: center;padding: 5px 0px;line-height: 23px;min-height: 40px;}
.contable3 tr td {padding:8px 10px;border: 1px solid #CCC;font-size: 12px;line-height: 23px;color: #111;}
.contable3 tr.double {background: #f6f7fb;}
.con_pic_show {margin-top: 30px;}
.con_pic_show .con_show {float: left;width: 58%;}
.con_pic_show .pic_show {	float: right;width: 40%;}
.con_pic_show .pic_show img {width: 100%;border-radius: 5px;margin-bottom:10px;}
.con_pic_show2 {margin-top: 30px;}
.con_pic_show2 .con_show {float: right;width: 58%;}
.con_pic_show2 .pic_show {float: left;width: 40%;}
.con_pic_show2 .pic_show img {width: 100%;border-radius: 5px;margin-bottom:10px;}

.related-product{}
.related-product .title{height:44px;line-height: 44px;background: #247474;border: 1px solid #065c35;margin-top:20px; border-radius:10px; color:#FFF;font-size: 18px;	font-family: "Poppins", sans-serif;padding-left:20px;}


.tool{background:#f3f7fd; overflow:hidden; margin:0px 0px;}

.products-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));gap:25px 15px;margin-top:50px; margin-bottom:50px;}

.product-card {background: #ffffff;border-radius: 1.5rem;padding:20px;transition: transform 0.2s ease, box-shadow 0.25s ease;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.02), 0 2px 4px rgba(0, 0, 0, 0.03);border: 1px solid #e2edf2;display: flex;flex-direction: column;position: relative;backdrop-filter: blur(0px)}
.product-card:hover {transform: translateY(-5px);box-shadow: 0 20px 30px -12px rgba(27, 65, 85, 0.15);border-color: #cbe2ec;background: #fefefe}

.product-card .card-header {display: flex;align-items: center;justify-content: space-between;margin-bottom:20px;border-bottom: 2px dotted #cfe0e8;padding-bottom:10px}
.product-card .product-code {background: #eef2f6;padding:5px 15px;border-radius: 40px;letter-spacing: -0.2px;color: #23617c;font-family: "Poppins", sans-serif;font-weight: 600 !important;font-size: 18px}
.product-card .card-icon {color: #23617c;background: #fff;border:1px solid #23617c;border-radius: 40px;padding:5px 15px;font-family: "Poppins", sans-serif;font-size: 14px;transition: all 0.35s}
.product-card:hover .card-icon {color: #fff;background: #23617c;}
.product-desc {color: #247474;line-height:150%;margin-top:10px;padding-right:5px;font-family: "Poppins", sans-serif;font-size: 16px}
.product-desc i {color: #247474;font-size: 22px;margin-right: 4px; float:left}
.tool_banner{ height:100px;}
.tool_all{ width:200px; height:45px; line-height:45px; background:#247474; text-align:center; border-radius:40px; margin:30px auto;transition: all 0.35s}
.tool_all a{font-family: "Poppins", sans-serif;font-size: 16px; color:#FFF;}
.tool_all:hover{ background:#23617c;}
.tool_title {padding: 20px 20px;font-family: "Poppins", sans-serif;font-weight: 600 !important;font-size: 22px;border-top: 4px solid #247474;border-bottom: 1px solid #ccc; color:#247474}

.tool-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));gap:25px 2%;margin-top:50px; margin-bottom:50px;}

.tool-card {background: #ffffff;border-radius: 1.5rem;padding:20px;transition: transform 0.2s ease, box-shadow 0.25s ease;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.02), 0 2px 4px rgba(0, 0, 0, 0.03);border: 1px solid #e2edf2;flex-direction: column;position: relative;backdrop-filter: blur(0px)}

.tool-card .img{width:200px; overflow:hidden; float:left;}
.tool-card .img img{width:200px; overflow:hidden; height:150px;}
.tool-card .con{width:calc(100% - 260px); overflow:hidden; float:left; margin-left:20px;}
.tool-card .con .tit{font-family: "Poppins", sans-serif;font-size: 18px; color:#000;line-height:150%;}
.tool-card .con .tit span{ display:inline-block; padding:0px 10px; background:#247474; color:#FFF; border-radius:20px; font-size:16px;}
.tool-card .con .num{font-family: "Poppins", sans-serif;font-size: 18px; color:#000; height:40px; line-height:150%; margin-top:10px}
.tool-card .con .num span{color:#247474; font-weight:bold;}
.tool-card .con .desc{font-family: "Poppins", sans-serif;font-size: 14px; color:#247474;line-height:150%;}



.tool-card:hover {transform: translateY(-5px);box-shadow: 0 20px 30px -12px rgba(27, 65, 85, 0.15);border-color: #cbe2ec;background: #fefefe}






@media (max-width:1455px) {
	
	.banner-fade {height: 600px;}
	.slide-content .tit {font-size:32px;width:200px; height:60px; line-height:60px;}
	.slide-content .tim {font-size:60px; width:570px; line-height:70px;}
	
	.pro-w{width:calc(50% - 15px); float:left; margin:20px 30px 20px 0px;}
	.pro-w-end{ width:calc(50% - 15px); float:left; margin:20px 0px 20px 0px;}
	.pro-sub{height:250px;}
	.pro-sub .img{width:280px; height:210px; float:left; margin-left:20px; margin-top:20px; overflow:hidden;}
	.pro-sub .img img{width:100%;}
	.pro-sub .con{width:calc(100% - 360px); height:250px; margin-left:20px;padding:0px 20px}
	.pro-sub .con h3{font-size:18px; height:30px; line-height:30px; margin:20px 0px 10px 0px;}
	.pro-sub .con h3 span{font-size:20px; width:30px; height:30px; line-height:30px; margin-right:10px;}
	.pro-sub .con .parameters{font-size: 12px; height:32px; line-height:32px;}
	.pro-sub .con .parameters i{margin-right:5px;}
	.pro-sub .con .parameters span{margin:5px 2px 0px 2px; padding:0px 10px; height:25px; line-height:25px;font-size:12px;}
	
	.pro-sub .con .desc{font-size: 12px; height:34px; line-height:18px; margin:10px 0px}
	.pro-sub .con .more{margin-top:8px;}
	.pro-sub .con .more ul li{width:80px; height:24px;line-height:24px;}
	.pro-sub .more ul li a{font-size:12px;}
	.pro-sub .con .more ul li.wathc{ width:100px; margin-left:10px;}
	.pro-sub .con .more ul li.wathc i{ margin-right:5px;font-size:12px;}
}
@media (max-width:1288px) {
	.pro_detail_left {width: 500px;}
	.pro_detail_left .pro_detail_pic {width: 500px;}
	.pro_detail_left .pro_detail_pic img {width: 400px;margin-top: 50px;}
	.pro_detail_right {width: calc(100% - 500px);}	
}
@media (max-width:1067px) {
	.menu{display:none;}
	.request-quote{display:none;}
	.menusj{display:block;}
	.banner-fade {height: 500px;}
	.slide-content .tit {font-size:26px;width:200px; height:60px; line-height:60px;margin-top:0px;}
	.slide-content .tim {font-size:42px; width:570px; line-height:50px;}
	.slide-content .num {font-size:18px;margin-top:10px;width:570px; height:40px; line-height:40px;}
	.slide-content .con {font-size:14px;margin-top:20px; color:#000;width:370px; line-height:20px;}
	.product-show .left{ width:100%; float:none;border-bottom-right-radius:0px; border-top-right-radius:0px; height:auto; overflow:hidden}
	.product-show .right{width:100%; float:none;}
	.product-show .right .prolist{max-width:100%; float:none;height:auto;}
	.about .left{width:100%; float:none; height:auto;}
	.about .left .con{max-width:calc(100% - 20px); float:none;height:auto; width:calc(100% - 20px); margin-left:10px; margin-right:10px;}
	.about .right{max-width:100%; width:100%; float:none;}
	.customer-title-con h2{ padding-left:10px;}
	.customer-title-con .desc{ display:none;}
	.customer-title-con .phone{margin-right:10px;}
	.why-choose h2{ margin-left:10px;}
	.why-choose .left{ margin-left:10px;}
	.why-choose .right{ margin-right:10px;}

	.foot-center .foot_1{width:50%;}
	.foot-center .foot_2{ display:none}
	.foot-center .foot_3{display:none}
	.foot-center .foot_4{width:50%;}
	.foot-bottom .left{width:100%; float:none;}
	.foot-bottom .right{ display:none;}
	.youbiandh{ top:150px;}
	
	.nybanner .nybannercon{width:calc(100% - 20px); padding:10px 10px 30px 10px}
	.nybanner .nybannercon h1{font-size:36px;}
	.nybanner .nybannercon .ddesc{font-size:15px; line-height:20px;}
	
	.backhome{margin-top:30px;}
	.backhome a{font-size:14px;}
	.backhome a span {font-size:16px;}
	.backhome2{margin-top:30px;}
	.backhome2 a{font-size:14px;}
	.backhome2 a span {font-size:16px;}
	
	.about_con{}
	.about_con .title{ margin-top:30px;text-align:center;}
	.about_con .title h2{ font-size:24px;}
	.about_con .con{font-size:14px;}
	.about_con .con a.more{font-size:14px;}
	
	.comnum{ width:90%; margin:30px auto;}
	.comnum .comnum_sub{width:25%; float:left; text-align:center;}
	.comnum .comnum_sub .comnum_tit{font-size:18px;margin-top:10px;}
	.comnum .comnum_sub .comnum_nums{font-size:38px;}
	.comnum .comnum_sub .comnum_con{ font-size:12px;}
	
	
	.picScroll-left .bd ul li .p2 {margin:0px 50px 30px 0px;font-size:12px;}
	.picScroll-left .bd ul li .title h2{font-size:24px;}
	
	.about_history{height:200px;}
	.about_history1 h2{margin-top:30px;font-size:24px; line-height:40px; margin-bottom:10px;}
	.about_history1 .con{font-size:14px; line-height:22px; margin:0px 10%; }
	.about_history1 .more{ margin:10px auto;}
	.about_history1 .more a{ font-size:14px;}
	
	
	.pro-w{width:calc(50% - 5px); float:left; margin:20px 10px 20px 0px;}
	.pro-w-end{ width:calc(50% - 5px); float:left; margin:20px 0px 20px 0px;}
	.pro-sub{height:190px;}
	.pro-sub .img{width:200px; height:150px; float:left; margin-left:20px; margin-top:20px; overflow:hidden;}
	.pro-sub .img img{width:100%;}
	.pro-sub .con{width:calc(100% - 280px); height:190px; margin-left:20px;padding:0px 20px}
	.pro-sub .con h3{font-size:18px; height:30px; line-height:30px; margin:10px 0px 10px 0px;}
	.pro-sub .con h3 span{font-size:20px; width:30px; height:30px; line-height:30px; margin-right:10px;}
	.pro-sub .con .parameters{font-size: 12px; height:32px; line-height:32px;}
	.pro-sub .con .parameters i{margin-right:5px;}
	.pro-sub .con .parameters span{margin:5px 2px 0px 2px; padding:0px 10px; height:25px; line-height:25px;font-size:12px;}
	
	.pro-sub .con .desc{ display:none;}
	
	
	.newssub{width:calc(50% - 25px); margin:15px 10px 15px 10px; float:left;  position:relative; overflow:hidden;}
	.newssub .tit{font-size:16px;}
	.newssub .con{font-size:13px;}
	
	.pro_detail_daohang {height: 35px;line-height: 35px;margin-top: 70px;color: #203044;}
	.pro_detail_left {width: 400px;}
	.pro_detail_left .pro_detail_pic {width: 400px;height: auto;}
	.pro_detail_left .pro_detail_pic img {width: 300px;margin-top: 50px;}
	.pro_detail_right {width: calc(100% - 400px); height:500px}	
	.pro_detail_cate {margin: 70px 0px 0px 60px;}

	.pro_detail_tit h1 {font-size:28px;}
	.pro_detail_attr {margin: 10px 0px 0px 60px;}
	.pro_detail_attr .pro_detail_attr_name {font-size: 14px;line-height: 20px;}
	.pro_detail_attr .pro_detail_attr_value {font-size: 14px;}
	.pro_detail_attr .pro_detail_attr_value span{font-size: 14px;}
	
	.tool-grid{grid-template-columns: repeat(auto-fill, minmax(98%, 1fr));gap:25px 1%;}

}
@media (max-width:915px) {
		.banner-fade {height: 400px;}
		.slide-content .tit {font-size:26px;width:200px; height:60px; line-height:60px;margin-top:-30px;}
		.slide-content .tim {font-size:32px; width:570px; line-height:40px;}
		.slide-content .num {font-size:14px;margin-top:10px;width:570px; height:40px; line-height:40px;}
		.slide-content .con {font-size:12px;margin-top:20px; color:#000;width:300px; line-height:18px;}
		.slide-content .more{}
		.slide-content .more a{width:130px; height:30px; border-radius:15px;line-height:30px; margin-top:38px; font-size:12px;}
		.about_history{height:150px;}
		.about_history1 h2{margin-top:10px;font-size:24px; line-height:40px; margin-bottom:10px;}
		.about_history1 .con{font-size:12px; line-height:20px; margin:0px 20px;}
		.about_history1 .more{ margin:10px auto;}
		.about_history1 .more a{ font-size:12px;}
		
		.submenu li{ padding:0px 10px;}
		.submenu li a{font-size: 14px;}
		
		.submenu2 li{padding:0px 10px;margin:0px 5px 0px 0px}
		.submenu2 li a{font-size: 12px;}
		
		
		.pro-w{width:calc(50% - 5px); float:left; margin:20px 10px 20px 0px;}
		.pro-w-end{ width:calc(50% - 5px); float:left; margin:20px 0px 20px 0px;}
		.pro-sub{height:auto; background:#FFF;}
		.pro-sub .img{width:calc(100% - 20px); height:auto; float:none; margin-left:10px; margin-top:10px; overflow:hidden;}
		.pro-sub .img img{width:100%; border-radius:10px}
		.pro-sub .con{width:calc(100% - 20px); height:auto; margin:10px 10px 30px 10px;padding:0px 0px; float:none; overflow:hidden;}
		.pro-sub .con h3{font-size:18px; height:30px; line-height:30px; margin:10px 0px 10px 0px;}
		.pro-sub .con h3 span{font-size:20px; width:30px; height:30px; line-height:30px; margin-right:10px;}
		.pro-sub .con .parameters{font-size: 12px; height:32px; line-height:32px;}
		.pro-sub .con .parameters i{margin-right:5px;}
		.pro-sub .con .parameters span{margin:5px 2px 0px 2px; padding:0px 10px; height:25px; line-height:25px;font-size:12px;}
		.pro-sub .con .desc{ display:block;}
		.showvideo{height:350px;left:40px; top:20px; }
		
}
@media (max-width:767px) {
		.banner-fade {height: 150px;}
		.slide-content .tit {font-size:16px;width:120px; height:30px; line-height:30px;margin-top:-20px;}
		.slide-content .tim {font-size:18px; width:570px; line-height:25px;}
		.slide-content .num { display:none}
		.slide-content .con {display:none}
		.slide-content .more{}
		.slide-content .more a{width:100px; height:20px; border-radius:10px;line-height:20px; margin-top:8px; font-size:10px; padding-left:0px}

.customer_list{float:none; width:calc(100% - 20px);margin:10px 10px 10px 10px;}
.newssub{width:calc(100% - 20px); margin:10px 10px 10px 10px; float:none;}

.banner-con{ width:calc(100% - 20px);line-height:35px; margin:20px 10px 10px 10px; height:85px}
.banner-con h1{font-size:26px;}

.product-show .left .category{ max-width:calc(100% - 20px); float:none;height:auto; width:calc(100% - 20px); margin:0px 10px}
.product-show .left .category .img{margin-top:30px;text-align:center}
.product-show .left .category .desc-details{height:auto}
.product-show .left .category .details{opacity: 1;transform: translateY(0); top:auto;}
.product-show .left .category:hover .desc{opacity: 1;transform: translateY(0px);}
	.customer-title{ background:#247474;}
	.customer-title-con h2{ padding-left:10px; border-radius:0px}
	.customer-title-con .phone{display:none;}

.desc-details{width:100%; height:75px; overflow:hidden; line-height:25px; position:relative;}
.desc-details .desc{opacity: 1; height:75px; top:auto; position:relative; width:100%; border-radius:0px;transition: all 0.5s ease;transform: translateY(0);font-family: "Poppins-Light", sans-serif; overflow:hidden}
.desc-details .details{margin:20px 20px 20px 0px;opacity: 1; height:44px; bottom:auto; position:relative; width:100%; transition: all 0.5s ease;transform: translateY(0px); z-index:1000; width:143px; border-radius:22px; background:#FFF; overflow:hidden; font-weight:100;}
.desc-details .details span{ display:block; height:44px; text-align:left; line-height:42px; color:#247474;font-family: "Poppins", sans-serif; font-size:18px; position:relative; padding-left:30px;}
.desc-details .details i{ font-size:24px; position:absolute; top:0px; right:20px;}
.desc-details .details:before{content:'';position:absolute;left:0; top:0; width:0; height:100%;background:#247474;transition:all 0.5s cubic-bezier(.1,1,.4,1);z-index: -1; }

.desc-details .details:hover:before{width:100%;}
.desc-details .details:hover span{ color:#FFF;}




.prolist_sub{float:none; width:calc(100% - 20px); margin-left:10px;margin-right:10px; margin-top:20px}
.prolist_sub .desc-details{ height:auto;}
.prolist_sub .details{ border:1px solid #247474;opacity: 1;}
.prolist_sub:hover .desc{opacity: 1;transform: translateY(0px);}
.prolist_sub:hover .details{opacity: 1;transform: translateY(0px);}


.prolist_sub1{width:calc(100% - 20px); margin-left:10px;margin-right:10px; margin-top:20px}
.prolist_sub1 .img{ width:100%; overflow:hidden; float:none}
.prolist_sub1 .img img{ width:100%; border-radius:10px;}
.prolist_sub1 .con{ width:100%; overflow:hidden; float:none}
.prolist_sub1 .tit{font-family: "Poppins", sans-serif; font-size:18px; font-weight:bold; color:#247474;line-height:40px; margin-top:10px;}
.prolist_sub1 .line{ width:50px; height:6px; background:#247474; margin-top:5px; border-radius:3px;}
.prolist_sub1 .desc-details{width:300px; color:#555555; font-size:16px; margin-top:20px; height:205px;}
.prolist_sub1 .details{ border:1px solid #247474;opacity: 1;}
.prolist_sub1 .desc{height:125px;}
.prolist_sub1:hover .details{opacity: 1;transform: translateY(0);}

.prolist_sub1:hover .desc{opacity: 1;transform: translateY(0px);}



.prolist_sub2{width:calc(100% - 20px); margin-left:10px;margin-right:10px; margin-top:20px}
.prolist_sub2 .img{ width:100%; overflow:hidden; float:none}
.prolist_sub2 .img img{ width:100%; border-radius:10px;}
.prolist_sub2 .con{ width:100%; overflow:hidden; float:none}
.prolist_sub2 .tit{font-family: "Poppins", sans-serif; font-size:18px; font-weight:bold; color:#247474; line-height:40px; margin-top:10px;}
.prolist_sub2 .line{ width:50px; height:6px; background:#247474; margin-top:5px; border-radius:3px;}
.prolist_sub2 .desc-details{width:300px; color:#555555; font-size:16px; margin-top:20px; height:205px;}
.prolist_sub2 .details{ border:1px solid #247474;opacity: 1;}
.prolist_sub2 .desc{height:125px;}
.prolist_sub2:hover .details{opacity: 1;transform: translateY(0);}

.prolist_sub2:hover .desc{opacity: 1;transform: translateY(0px);}



.about .right{ display:none;}

.why-choose .left{ width:calc(100% - 20px); float:none; margin:20px 10px; background:#FFF;}

.why-choose .right{ width:calc(100% - 20px); float:none;margin:20px 10px;}

.foot-top{ height:125px; background:#60bb92; margin-top:30px;}
.foot-top .left{ display:none}
.foot-top .right{width:100%; float:none; text-align:center;}
.foot-top .right a{float:none;}

.foot-center .foot_1{width:100%; text-align:center;}
.foot-center .foot_4{display:none}

.foot-center h3{width:calc(100% - 20px); margin-top:15px 10px 0px 10px;}
.foot-center .certification{width:calc(100% - 20px); margin:20px 10px 0px 10px;}
.foot-center .certification img{width:50px;height:50px; margin:0px 10px 0px 0px;}


.youbiandh{width:100%; position:fixed; left:0px; bottom:0px; top:auto; z-index:1000; background:#fff; border-top:1px solid #CCC; border-radius:0px; height:74px;}
.youbiandh ul li{height:74px;width:33.33%; float:left;}


#what{border-bottom:1px solid #ccc;}
#wxh{ border-bottom:1px solid #ccc}
#emailxh{ border-bottom:1px solid #ccc}
.youbiandh ul li .showdiv{ display:none;}

.slide-content h2 {font-size: 1.4rem;}
.slide-content p {font-size: 0.75rem;max-width: 90%;}
.carousel-btn {width: 38px;height: 38px;font-size: 22px;}
.prev {left: 12px;}
.next {right: 12px;}
.dots-container {bottom: 12px;gap: 8px;}
.dot {width: 8px;height: 8px;}
.dot.active {width: 20px;}
.slide-content {padding: 1rem 1.2rem;}

.nybanner .nybannercon h1{font-size:26px;}
.nybanner .nybannercon .ddesc{width:auto}




.comnum .comnum_sub{width:calc(100% - 20px); float:none;margin:0px 10px;}
.comnum .comnum_sub .comnum_tit{line-height:25px; margin-top:0px;}
.comnum .comnum_sub .comnum_con{width:80%; margin:5px auto 25px auto;}


.picScroll-left .bd ul li .pic {text-align: center;overflow: hidden; width:calc(100% - 20px); float:none; margin:20px 10px 0px 10px;}
.picScroll-left .bd ul li .title{width:calc(100% - 20px);float:none; margin-left:10px;margin-right:10px;text-align:left;}


		.about_history{height:70px; width:calc(100% - 20px); margin:10px 10px}
		.about_history1 h2{margin-top:10px;font-size:24px; line-height:30px; margin-bottom:0px;}
		.about_history1 .con{ display:none}
		.about_history1 .more{ margin:0px auto;}
		.about_history1 .more a{ font-size:12px;}
		.submenu{ background:none;}
		.submenu ul{ margin-left:0px;}
		.submenu li{padding:0px 10px; height:35px; line-height:35px;background:#247474; margin:5px 5px; width:calc(50% - 30px);}
		.submenu li a{font-size: 12px;}
		
		.submenu2{ height:45px; line-height:45px; margin-top:20px; display:none;}
		.backhome2{ display:none}
		.article_con .tit h2{font-size: 24px;}
		.article_con .con {padding:10px;margin:20px 0px;font-size: 14px;}
		.article_con .con p {margin: 10px 0px;}

		.news_detail_con_pic_three {margin: 0px 0px;}
		.news_detail_con_pic_three img {float: none;margin:10px;width:calc(100% - 20px);}
		.news_detail_con_pic_three img:last-child {margin-right: 10px}
		.news_detail_con_pic_two {margin: 0px 0px;}
		.news_detail_con_pic_two img {float: none;margin:10px;width:calc(100% - 20px);}
		.news_detail_con_pic_two img:last-child {margin-right: 10px;}
		.news_detail_con_pic_four {margin: 0px 0px;}
		.news_detail_con_pic_four img {float: none;margin:10px;width:calc(100% - 20px);}
		.news_detail_con_pic_four img:last-child {margin-right: 10px;}
		.news_detail_con_pic_four_border {margin:0px 0px;}
		.news_detail_con_pic_four_border img {float: none;margin:10px;width:calc(100% - 24px);}
		.news_detail_con_pic_four_border img:last-child {margin-right: 10px;}
		
		.news_detail_con_pic_three_tit {margin: 0px 0px;}
		.news_detail_con_pic_three_tit div {float: none;margin:10px;width:calc(100% - 20px);}
		.news_detail_con_pic_three_tit div:last-child {margin-right: 10px}
		
		.news_detail_con_pic_two_tit {margin: 0px 0px;}
		.news_detail_con_pic_two_tit div {float: none;margin:10px;width:calc(100% - 20px);}
		.news_detail_con_pic_two_tit div:last-child {margin-right: 10px}
		
		
		.news_detail_con_pic_four_tit {margin: 0px 0px;}
		.news_detail_con_pic_four_tit div {float: none;margin:10px;width:calc(100% - 20px);}
		.news_detail_con_pic_four_tit div:last-child {margin-right: 10px}


		.history_djs{background:url(time_l.jpg) 18px top repeat-y;}
		.history_djs_top{background:url(time_t.jpg) 8px top no-repeat;}
		.history_djs_sub .history_djs_sub_time{background:url(time_y.jpg) left center no-repeat;}
		.history_djs_sub .history_djs_sub_time .time_left{width:calc(100% - 48px);text-align:left;padding-left:48px}
		.history_djs_sub .history_djs_sub_cont{background:url(time_m.jpg) 8px center no-repeat;}
		.history_djs_sub .history_djs_sub_cont .cont_right{width:calc(100% - 80px);text-align:left;margin-left:48px}
		.history_djs_sub .history_djs_sub_cont .cont_right i{background:url(time_j.png) 0 0 no-repeat;left:-14px;}
		.history_djs_sub2 .history_djs_sub_time{background:url(time_y.jpg) left center no-repeat;}
		.history_djs_sub2 .history_djs_sub_time .time_left{width:calc(100% - 48px);float:left;}
		.history_djs_sub2 .history_djs_sub_cont{background:url(time_m.jpg) 8px center no-repeat;}
		.history_djs_sub2 .history_djs_sub_cont .cont_right{width:calc(100% - 80px);float:left;margin-left:48px}
		.history_djs_sub2 .history_djs_sub_cont .cont_right i{left:-14px;}

		.contact_2 {border: 1px solid #dddddd;width: calc(100% - 20px);float: none;margin: 0px 10px}
		.message_2 {width: calc(100% - 20px);float: none;margin: 30px 10px 0px 10px;font-family: "Poppins", sans-serif;}
		
		.pro-w{width:calc(100% - 20px); float:none; margin:20px 10px 20px 10px;}
		.pro-w-end{ width:calc(100% - 20px); float:none; margin:20px 10px 20px 10px;}
		.pro-sub{height:auto; background:#FFF;}
		.pro-sub .img{width:calc(100% - 20px); height:auto; float:none; margin-left:10px; margin-top:10px; overflow:hidden;}
		.pro-sub .img img{width:100%; border-radius:10px}
		.pro-sub .con{width:calc(100% - 20px); height:auto; margin:10px 10px 30px 10px;padding:0px 0px; float:none; overflow:hidden;}
		.pro-sub .con h3{font-size:18px; height:30px; line-height:30px; margin:10px 0px 10px 0px;}
		.pro-sub .con h3 span{font-size:20px; width:30px; height:30px; line-height:30px; margin-right:10px;}
		.pro-sub .con .parameters{font-size: 12px; height:32px; line-height:32px;}
		.pro-sub .con .parameters i{margin-right:5px;}
		.pro-sub .con .parameters span{margin:5px 2px 0px 2px; padding:0px 10px; height:25px; line-height:25px;font-size:12px;}
		.pro-sub .con .desc{ display:block;}

		.fenyestyle a {width: 30px;height: 30px;line-height: 30px;font-size: 12px;}
		.showvideo{height:300px; width:0px; position:fixed; left:10px; top:50px; background:#fff; z-index:1009; overflow:hidden;}

		.pro_detail_daohang {height:auto;}
		.pro_detail_left {width:calc(100% - 40px);margin:0px 20px;float:none;}
		.pro_detail_left .pro_detail_pic {width: 100%;height:auto;}
		.pro_detail_left .pro_detail_pic img {width: 100%;height:auto;}
		.pro_detail_right {width:calc(100% - 20px);float:none;margin:0px 10px;height:auto;overflow:hidden;margin-top:40px; padding-bottom:20px;}
		.pro_detail_cate {margin: 40px 0px 0px 20px;}
		.pro_detail_tit {margin: 10px 0px 0px 20px;}
		.pro_detail_tit h1 {font-size: 26px;}
		.pro_detail_attr {margin: 30px 0px 0px 20px;}
		.pro_detail_attr .pro_detail_attr_name {font-size: 16px; line-height:30px}
		.pro_detail_attr .pro_detail_attr_value {font-size:18px;line-height: 18px;}
		.pro_detail_attr .pro_detail_attr_value span{font-size: 14px;padding:7px 10px 5px 10px;}
		.pro_detail_attr .pro_detail_attr_value span:hover{border:1px solid #ea5614;color:#ea5614;}
		.pro_detail_attr .pro_detail_attr_value span.selectspanproxx{border:1px solid #ea5614;color:#ea5614;}
		.pro_detail_share {margin: 30px 0px 0px 20px;}
		.pro_detail_show {background: #fff;padding: 0px 10px;margin: 20px auto 50px auto;overflow: hidden; border-radius:20px}
		.pro_detail_con .pro_detail_con_tit {font-size: 36px;color: #000;text-transform: uppercase;margin-top: 50px;}
		.pro_detail_con .pro_detail_con_desc {font-size:14px;}
		.pro_detail_con .pro_detail_con_desc p {font-size: 14px;}
		.pro_detail_con .pro_detail_con_desc h2 {MARGIN-TOP: 30px; HEIGHT:auto; FONT-SIZE: 22px; margin: 20px 0px 10px 0px;}
		.pro_detail_con .pro_detail_con_desc h2 a {FONT-SIZE: 22px;}
		.pro_detail_con .pro_detail_con_desc h3 {LINE-HEIGHT: 25px;FONT-SIZE: 20px;}
		.pro_detail_con .pro_detail_con_desc h4 {LINE-HEIGHT: 25px;FONT-SIZE: 18px;}
		.pro_detail_con .pro_detail_con_desc h5 {LINE-HEIGHT: 25px;FONT-SIZE: 16px;}
		.pro_detail_con .pro_detail_con_desc ul {margin-left: 16px;}
		.pro_detail_share a.watchlink { margin-left:0px; margin-top:10px; clear:both; float:none;}
		



		.banner_news_detail{margin-top:150px;}
		.news_detail_title h1 {font-size:26px;line-height:32px;margin: 0px 5px;}
		.news_detail_time {margin: 7px 5px 17px 5px;}
		.news_detail_time i {float: none;}
		.news_detail_share {margin: 0px 5px;}
		.news_detail_con {margin-top: 50px;margin-bottom: 50px;}
		.news_detail_con .left {float: none;width: calc(100% - 20px); margin:0px 10px;}
		.news_detail_con .left p {font-size: 14px;line-height: 150%;}
		.news_detail_con .left a {font-size: 14px;}
		.news_detail_con .left h2 {LINE-HEIGHT: 30px;FONT-SIZE: 22px;margin: 20px 0px; height:auto;}
		.news_detail_con .left h2 a {FONT-SIZE: 22px;}
		.news_detail_con .left h2 a:hover {text-decoration: underline}
		.news_detail_con .left h3 {LINE-HEIGHT: 32px;FONT-SIZE: 20px;}
		.news_detail_con .left h4 {LINE-HEIGHT: 32px;FONT-SIZE: 18px;}
		.news_detail_con .left h5 {LINE-HEIGHT: 32px;FONT-SIZE: 16px;}
		.news_detail_con .left ul {margin-left: 26px;}
		.news_detail_con .left ul li {list-style: disc;}
		.news_detail_con .left i{ font-weight:bold; color:#484848;}
		.news_detail_con .right {float: none;width: calc(100% - 20px); margin:0px 10px;}
		.news_detail_con .right .page {width:calc(100% - 60px);height: 135px; overflow:hidden;}
		.news_detail_con .right .page .tit {font-size: 24px;}
		.news_detail_con .right .page .con {font-size: 18px;}
		.news_detail_con .right .page:hover {background: #003150;}

		.con_pic_show .con_show {float: none;width:100%;}
		.con_pic_show .pic_show {float: none;width: 100%;}
		.con_pic_show2 .con_show {float: none;width: 100%;}
		.con_pic_show2 .pic_show {float: none;width: 100%;}
		
		.contable tr td {padding:8px 2px;border: 1px solid #CCC;font-size: 12px;line-height: 23px;color: #111;}
		
		.mess-left{ width:calc(100% - 20px); float:none; margin:20px 10px 20px 10px;}
		.mess-right{ width:calc(100% - 20px); float:none; margin:20px 10px 20px 10px;}
}
@media (max-width: 480px) {
.slide-content h2 {font-size: 1.2rem;}
.slide-content p {font-size: 0.65rem;}

.tool-card .img{width:100%; float:none;}
.tool-card .img img{width:100%;height:auto;}
.tool-card .con{width:calc(100% - 20px); overflow:hidden; float:none; margin-left:10px; margin-right:10px;}




}