@charset "utf-8";
body {padding:0;margin:0;font-size:18px;background:#fff;user-select:none;color:#fff;}
p,li,ul,dl,dd,a,form,input,textarea,h1,h2,h3,h4,h5,h6,select {margin:0;padding:0;text-decoration:none;outline:none;}
li {list-style-type:none;display:block;}
*{margin: 0; padding: 0;}
img{vertical-align: middle;}
h2 {padding-left:200px;font-size:50px;}
h3{font-size: 22px; color:#fff;text-shadow: 0 2px 5px #000;font-weight:lighter;}
h4{font-size: 22px; margin: 45px 0 10px;color:#fff;text-shadow: 0 2px 5px #000;font-weight:lighter;}
h5{font-size: 22px; margin: 150px 0 10px;color:#fff;text-shadow: 0 2px 5px #000;font-weight:lighter;}
.top {height:120px;background:#eefcf4;width:100%;overflow:hidden;}
.top-style {max-width:1280px;height:120px;margin:0 auto;background:#eefcf4;padding-left:0px;position:relative;z-index:99;}
.logo {
	width:96px;
	height:100%;
	padding-left:20px;
	top:0;
	background:url("../images/logo/logo.png") no-repeat center center;
	background-size:96px 100px;
	float:left;
	cursor:pointer;
	background-color:#eefcf4;
}
.top-nav {padding:0px;float:right;}
.pnum {font-size:28px;color:#f59111;font-weight:bold;float:left;line-height:120px;padding-right:20px;}
.pnum i {padding-right:15px;color:#f59111;font-size:30px;}
.euradd {position:absolute;top:70px;right:80px;width:350px;font-size:14px;}
.top-con {line-height:120px;float:left;color:#666;cursor:pointer;}
.verticalline {float:left;line-height:120px;}
.verticalline:after {
	content:"";
	color:#666;
}
.top-selectlan {color:#666;cursor:pointer;padding-left:18px;}
.top-selectlan:after {
	font-family: "FontAwesome";
	content:'\f0d7';
	color:#333;
	padding-left:5px;
}
.langselect {
	float:left;position:relative;line-height:120px;z-index:666;
}
.selecten {
	padding:22px 22px 22px 18px;border:1px solid #ccc;border-radius:5px;
	position:absolute;top:75px;line-height:0;font-size:16px;text-align:center;
	box-shadow:0 5px 10px rgba(0,0,0,0.3);display:none;color:#888;cursor:pointer;z-index:999;
}
.mainmenu {
	width:100%;height:80px;background-color:#009844;text-align:center;
}
.mainmenu-group {
	background:#009844;max-width:1280px;height:80px;margin:0 auto;
}
.mainmenu-items {
	float:left;ling-height:80px;background:#009844;position: relative;
}
.mainmenu-items li {
	line-height:80px;padding:0px;font-size:18px;color:#fff;float:left;cursor:pointer;background:#009844;margin-right:5px;position: relative;
}

.mainmenu-items li span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;  
  height: 5px;
  background-color: #F39304;
  transform: scaleX(0);
  transform-origin: center; /* 从中心向两侧 */
  transition: transform 0.3s ease,opacity 0.5s ease;opacity: 0; 
}
.mainmenu-items li span:hover::after {
	transform: scaleX(1);
    opacity: 1;
}
.mainmenu-items li.items-selected span {
	background:#333;position:relative;
}
.mainmenu-items li.items-selected span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;  
  height: 5px;
  background-color: #F39304;
  transform: translateY(0px); opacity: 1;
}

.mainmenu-items li span:hover {
	background-color:#333;
}
.mainmenu-items li span {
	display:block;padding:0px 25px;height:100%;background-clip: padding-box;position: relative;
	transition: background-color 0.7s ease;background:#009844;
}

@keyframes colorin {
  0% {
    background:#009844;
  }
  100% {
    background-color:#333;
  }
}
.companyname {height:105px;float:left;padding:15px 10px 0px 10px;background:#eefcf4;position:relative;}
.name-one {height:60px;line-height:50px;color:#333;font-size:38px;font-weight:bold;letter-spacing: 12px;}
.name-two{height:20px;line-height:10px;color:#333;font-weight:bold;font-size:20px;letter-spacing: 2px;}
.name-one:after {content:'广安格瑞尔医院';color:#333;}
.name-two:after {content:'GUANG\'AN GREEN HOSPITAL';color:#333;}
.titlename {width:100%;margin:0 auto;text-align:center;font-size:40px;color:#333;height:100px;line-height:80px;}
.fengediv {max-width:1280px;margin:0 auto;text-align:center;color:#333;height:10px;line-height:10px;position:relative;}
.fengge-line {height:1px;width:1280px;background:#999;margin:0 auto;}
.fengge-icon {width:150px;background:#fff;margin:0 auto;height:60px;line-height:60px;position:absolute;top:-30px;left:565px;}
.fengge-icon i {color:#009844;font-size:30px;margin-top:13px;}
.title-hz::after {
	content:'';
}
.title-hz-info {line-height:20px;width:400px;left:600px;font-size:24px;padding-top:20px;}
.title-hz-info::after {
	content:'';
}
.hz {width:1600px;overflow:hidden;margin:0 auto;margin-bottom:80px;}
.hz ul{overflow:hidden;}
.hz ul li {margin-right:32px;float:left;margin-bottom:20px;}
.hz ul li:nth-child(6n) {margin-right:0px;}
.hzicon {width:218px;height:85px;border:1px solid #666;padding:10px;overflow:hidden;}
.hzicon img {width:100%;height:100%;}
.hztitle {height:60px;line-height:60px;text-align:center;color:#333;}
.pro-show {width:100%;padding:70px 0px 40px 0px;overflow:hidden;background: url('../images/siteimg/bg01.jpg') repeat center center;}
.pro-show-area {width:1600px;margin:0 auto;overflow:hidden;}
.pro-show-area ul {overflow:hidden;}
.pro-show-area ul li {overflow:hidden;width:374px;background:#fff;float:left;color:#000;position:relative;margin:0px 32px 50px 0px;border-radius: 16px;box-shadow: 0px 6px 12px rgba(0,0,0,0.3);border:1px solid #ccc;cursor:pointer;}
.pro-show-area ul li:nth-child(4n){margin-right:0px;}
.pro-show-img {width:374px;height:374px;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;padding-top:30px;overflow:hidden;}
.pro-show-img img {
	width:100%;height:100%;
	-moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.pro-show-img.select img {
	-webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.show-pro-title {padding:0px 25px;height:60px;line-height:40px;color:#333;font-size:30px;font-weight:600;}
.show-pro-desc {font-size:16px;color:#000;padding:0px 25px;height:55px;line-height:26px;overflow:hidden;margin-bottom:20px;}
.show-pro-mask-btn {
	padding:10px 30px;position: absolute;z-index:-1;background:red;border-radius: 20px;top:calc(50% - 30px);left:calc(50% - 60px);cursor:pointer;margin-top:50px;
	-moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
	color:#fff;
}
.show-pro-mask-btn.select {
margin-top:0px;z-index:99;
}
.show-pro-mask-logo {position: absolute;z-index:99;top:0px;left:15px;background:url('../images/logo/logo.png') no-repeat center center;background-size:150px;width:150px;height:80px;}
.show-pro-mask {
	width:100%;height:100%;background:#0967E2;opacity: 0.0;position: absolute;top:0;left:0;z-index:-1;border-radius: 16px;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.show-pro-mask.select {opacity: 0.5;position: absolute;top:0;left:0;z-index:88;border-radius: 16px;border:1px solid #073D7D;}

.about-show,.news-show {width:100%;overflow:hidden;text-align:center;}
.about-area,.news-area,.service-area {width:1600px;overflow:hidden;margin:0 auto;}
.about-index-info,.about-info {width:100%;overflow:hidden;font-size:18px;color:#000;line-height:36px;padding:25px 0px 25px 0px;text-align:center;}
.about-index-video{width:100%;width:1600px;margin:0 auto;}
.about-info-data,.news-info-data {width:100%;padding:30px 0px;}
.about-info-data ul,.news-info-data ul {overflow:hidden;}
.about-info-data ul li {overflow:hidden;background:#fff;text-align:center;width:319px;float:left;position: relative;color:red;}
.about-info-data ul li:after {
    content: "";
   position: absolute;
    height: 80px; /* 设置分隔线的高度 */
    right:0px;top:30px;
    border-right: 2px solid #ccc; /* 设置分隔线的样式，如颜色和宽度 */
  }
.about-info-data ul li:last-child:after {
	border-right: 0px solid #000;
}
.about-info img{
	width:95%;padding:15px 0;display: block; margin: 0 auto;
}
.company-data {padding-top:20px;font-size:50px;font-weight:600;}
.company-data-name {padding-bottom:20px;font-size:26px;color:#333;}
.news-info-data ul li {width:510px;border:1px solid #999;float:left;margin-right:32px;cursor:pointer;margin-bottom:25px;}
.news-info-data ul li:nth-child(3n){margin-right:0px;}
.new-info-data-img-area {width:510px;height:250px;overflow:hidden;text-align:center;position:relative;}
.new-info-data-img-area img {
  width:100%;height:100%;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.new-info-data-img-area.select img {
	-webkit-transform: scale(1.4);
    transform: scale(1.4);
}
.news-info-data  ul li .info-data {overflow:hidden;position:relative;}
.news-info-data  ul li .info-data-title {
	padding:25px;line-height:24px;color:#333;text-align:left;position:relative;z-index:3;height:55px;
	-moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.news-info-data  ul li .info-data-title.select {color:#fff;}
.news-info-data  ul li .info-data-mask {
	width:100%;height:100%;position: absolute;background:#F74548;top:0;left:0;z-index:1;opacity: 0;
	-moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
	-webkit-transform: scale(0);
    transform: scale(0);
}
.news-info-data  ul li .info-data-mask.select {
 opacity: 1;
-webkit-transform: scale(1);
 transform: scale(1);	
}
.news_infotitle {position:absolute;z-index:99;width:calc(100% - 40px);color:#fff;font-size:20px;line-height:28px;font-weight:bold;padding:20px;bottom:0;left:0;text-align:left;background:rgba(0,0,0,0.5);overflow:hidden;white-space:pre-wrap;}

.hexagon {
	float:left;
    width: 80px;
    height: 90px;
    background-color: #c90300;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  }
.hexagon img {
	width:50px;height:50px;
	-moz-transition: all 1500ms ease-in-out;
  -o-transition: all 1500ms ease-in-out;
  -webkit-transition: all 1500ms ease-in-out;
  transition: all 1500ms ease-in-out;
}
.hexagon.select img {
	-webkit-transform: rotate(360deg);
	 transform: rotate(360deg);
}
.service-show {width:100%;overflow:hidden;background: url('../images/siteimg/bg02.jpg') repeat center center;position:relative;}
.service-area {max-width:1600px;margin:0 auto;}
.service-info-data-area {width:800px;padding:10px 50px;float:left;}
.service-info-data-area ul {overflow:hidden;}
.service-info-data-area ul li {overflow:hidden;cursor:pointer;margin-bottom:30px}
.service-info-data-area ul li:last-child {margin-bottom:0px}
.service-img {width:50%;overflow:hidden;height:100%;position:absolute;top:0;right:0px;}
.service-img img {
	width:100%;height:auto;position: absolute;top:0;left:0;opacity: 1;
}
.service-info-title {font-size:30px;line-height:100px;font-weight:600;color:#fff;}
.service-info-desc {font-size:18px;line-height:100px;margin-left:30px;color:#fff;position:relative;display:inline-block;width:400px;}
.service-info-desc:after {
	font-family: "FontAwesome";
	content:'\f061';
	color:#fff;
	position:absolute;
	right:30px;
	top:0px;
	font-size:25px;
	opacity: 0;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.service-info-desc.select:after {
	font-family: "FontAwesome";
	content:'\f061';
	color:#fff;
	position:absolute;
	right:-10px;
	top:0px;
	font-size:25px;
	opacity: 1;
}
.service-info-data {margin-left:150px;}
.footer-area {width:1280px;overflow:hidden;margin:0 auto;padding:30px 0px 0 0;}
.footer-area-left {float:left;overflow:hidden;line-height:30px;font-size:16px;}
.footer-area-middle {float:left;overflow:hidden;padding-left:80px;color:#fff;}
.footer-area-middle ul {overflow:hidden;}
.footer-area-middle ul li {float:left;width:160px;}
.footer-menu-title {padding:20px 20px 30px 20px;font-size:22px;font-weight:bold;}
.footer-menu-item {
	padding:10px 20px;font-size:16px;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
	cursor:pointer;
}
.footer-menu-item:hover {
	color:#08C4E5;
	font-weight:bold;font-size:18px;
}
.footer-area-right {float:right;overflow:hidden;padding-left:40px;color:#fff;width:400px;display:flex;flex-direction: row;}
.footer-area-logo {background:url('../images/logo/logo.png') no-repeat center center;background-size:100% 100%;width:100%;height:300px;}
.footer-area-left-k {padding:15px;background:#C9080B;overflow:hidden;border-radius:15px;color:#fff;margin-top:15px;}
.footer-area-left-title {width:100%;padding:15px 0px;font-size:28px;font-weight:800;}
.footer-area-left-info {padding:0px 5px 10px 50px;font-size:20px;font-weight:600;position:relative;}
.footer-area-left-icon {position:absolute;left:10px;font-size:24px;font-weight:lighter;}
.scan-wechat {padding:50px 0px 0px 0px;font-size:20px;color:#fff;line-height:34px;}
#count2::after,#count3::after {content:' 年'}
#count5::after {content:' 人'}
.index_btn {width:1600px;height:80px;margin:10px auto;text-align:center}
.index_btn span {
	line-height:80px;padding:15px 105px;background:red;color:#fff;border-radius: 24px;cursor:pointer;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.index_btn span:hover {background:#0B517B;color:#fff;}
.about-banner {width:100%;overflow:hidden;}
.about-topimg {background:url(../images/about/company_info-img.jpg) no-repeat center center;height:500px;width:100%;margin:0 auto;position:relative;background-size: cover;}
.news-banner {width:100%;overflow:hidden;}
.news-topimg {background:url(../images/newsimg/banner-cn.jpg) no-repeat center center;height:500px;width:100%;margin:0 auto;position:relative;background-size: cover;}
.news-btn {margin:0 auto;overflow:hidden;margin-bottom:20px;}
.news-btn span {
	padding:20px 80px;background:#F89C04;border-radius: 30px;color:#fff;margin-right:30px;display:inline-block;
	-moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;cursor:pointer;font-size:18px;font-weight:bold;
}
.news-info {text-align:left;color:#333;line-height:40px;font-size:20px;border-bottom:1px solid #333;margin-bottom:20px;padding-bottom:50px;}
.news-info img {width:100%;}
.news-btn span:hover,.news-btn span.select {
	background:red;
}
.pro-btn span {
	padding:20px 30px;background:#3B79C8;border-radius: 30px;color:#fff;margin-right:30px;display:inline-block;margin-bottom:30px;
	-moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;cursor:pointer;font-size:18px;font-weight:bold;
}
.pro-btn span:hover,.pro-btn span.select {
	background:red;
}
.news-title-name {font-size:30px;line-height:24px;width:900px;padding:80px 0px 20px 0px;margin:0 auto;}
.news-desc {width:900px;line-height:40px;margin:0 auto;font-size:16px;}
.news-desc span:nth-child(2n){margin-right:30px;color:cornflowerblue}

.pro-banner {width:100%;overflow:hidden;}
.pro-topimg {background:url(../images/products/banner-cn.jpg) no-repeat center center;height:500px;width:100%;margin:0 auto;position:relative;background-size: cover;}

.formula-show,.contact-show {width:100%;text-align:center;}
.formula-area {width:1600px;margin:0 auto;}
.formula-div {width:80%;margin:0 auto;color:#000;position:relative;}
.formula-div ul  {position:relative;}
.formula-div ul li  {width:calc(25% - 60px);margin-right:60px;float:left;text-align:left;position:relative;}
.formula-div ul li:last-child  {width:25%;;margin-right:0px;}
.formula-title {width:100%;padding:10px 0px;font-size:16px;}
.formula-title span {font-size:18px;color:red;font-weight:bold;}
.formula-title input {padding:8px 10px;border:1px solid #666;width:80%;border-radius:6px;box-shadow: inset 3px -3px 8px rgba(0,0,0,0.3);}
.formula-title2 {color:#333;padding:20px 0px;width:80%;margin:20px auto;}
.formula-title2 span {padding:10px;}
.formula-title2 input {padding:8px 10px;border:1px solid #666;width:200px;border-radius:6px;box-shadow: inset 3px -3px 8px rgba(0,0,0,0.3);}
.formula_results {width:1600px;padding:40px 40px 0px 40px;overflow:hidden;margin:0 auto;color:#333;font-size:28px;display:none;}
.formula_results span {font-size:28px;}
.formula_results span.title {padding:20px;backgroun:#ccc;}
.formula_results span.results {font-weight:bold;color:red;}
.formula_btn {
	width:130px;padding:15px 40px;background:#3462B0;color:#fff;border-radius:25px;margin:0 auto;margin-bottom:20px;margin-top:40px;
	-moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;cursor:pointer;
}
.formula_btn:hover {background:red;
}
.disclaimer_info {font-size:20px;color:#FFFFFF;padding:40px 80px;margin:0 auto;margin-bottom:40px;width:1600px;line-height:30px;background:#456DA1;}
.formula-title .c01 {padding:7px 10px;border:1px solid #666;width:80%;border-radius:6px;box-shadow: inset 3px -3px 8px rgba(0,0,0,0.3);position:relative;color:#333;cursor:pointer;}
.formula-title .c01:after {
	font-family: "FontAwesome";
	content:'\f0d7';
	color:#333;
	position:absolute;
	right:10px;
	top:10px;
	font-size:18px;
	opacity: 1;
}
.formula-select {width:88%;overflow:hidden;position:absolute;top:95px;left:0;z-index:99;border:1px solid #333;box-shadow: 0px 12px 18px rgba(0,0,0,0.3);border-radius:8px;display:none;}
.formula-select dl {overflow:hidden;}
.formula-select dl dd {
	padding:8px 35px;color:#333;width:100%;background:#fff;
	-moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;cursor:pointer;position:relative;
}
.formula-select dl dd:before {
	font-family: "FontAwesome";
	content:'\f0da';
	color:#333;
	position:absolute;
	left:10px;
	top:10px;
	font-size:18px;
	opacity: 1;	
}
.formula-select dl dd:hover {
	color:#fff;background:#285A7F;
}
.formula-select dl dd:hover::before {
	color:#fff;
}
.formula-banner {width:100%;overflow:hidden;}
.formula-topimg {background:url(../images/siteimg/banner-cn-01.jpg) no-repeat center center;height:500px;width:100%;margin:0 auto;position:relative;background-size: cover;}
.no-info {width:1600px;height:400px;font-size:40px;margin:0 auto;line-height:400px;color:#999;text-align:center;display:none;}

.support-banner {width:100%;overflow:hidden;}
.support-topimg {background:url(../images/supportimg/banner-cn.jpg) no-repeat center center;height:500px;width:100%;margin:0 auto;position:relative;background-size: cover;}
.service-banner {width:100%;overflow:hidden;}
.service-topimg {background:url(../images/serviceimg/banner-cn.jpg) no-repeat center center;height:500px;width:100%;margin:0 auto;position:relative;background-size: cover;}
.contact-banner {width:100%;overflow:hidden;}
.contact-topimg {background:url(../images/contact/contact-cn.jpg) no-repeat center center;height:500px;width:100%;margin:0 auto;position:relative;background-size: cover;}
.contact-div {width:100%;height:800px;margin:50px 0px 0px 0px;position:relative;}
.contact-bg-left {width:50%;height:800px;float:left;background:#b3cae8;position:absolute;}
.contact-bg-right {width:50%;height:800px;float:left;background:#6b8dba;position:absolute;left:50%;}
.contact-info-div-one {
	width:1400px;margin:100px auto;position:absolute;z-index:99;background:#fff;height:600px;left:50%;margin-left:-700px;top:0;box-shadow: 0px 20px 40px rgba(0,0,0,0.4);
	-moz-transition: all 1000ms ease-in-out;
  -o-transition: all 1000ms ease-in-out;
  -webkit-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out;opacity: 100;
}
.contact-info-div-one.select {
	opacity: 0;top:100px;
}
.contact-info-div-two {
	width:1400px;margin:100px auto;position:absolute;z-index:99;background:#fff;height:600px;left:50%;margin-left:-700px;top:100px;box-shadow: 0px 20px 40px rgba(0,0,0,0.4);
	-moz-transition: all 1000ms ease-in-out;
  -o-transition: all 1000ms ease-in-out;
  -webkit-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out;
	opacity: 0;
}

.contact-info-div-two.select {
	opacity: 100;top:0;
}
.contact-info-left-one {width:50%;height:600px;float:left;background:url(../images/siteimg/add-cn.jpg)  no-repeat center center;background-size:cover;}
.contact-info-left-two {width:50%;height:600px;float:left;background:url('../images/siteimg/feedback-cn.jpg') no-repeat center center;background-size:cover;}
.contact-info-right {width:50%;height:600px;background:#333;float:left;overflow:hidden;}
.contact-info-div {margin:20px;overflow:hidden;width:700px;position:relative;}
.cinfo {width:100%;overflow:hidden;margin-bottom:20px;}
.cinfo ul {overflow:hidden;}
.cinfo ul li {width:calc(100% - 100px);padding:25px 20px 25px 80px;overflow:hidden;color:#fff;font-size:18px;position:relative;}
.cinfo ul li input,textarea {padding:8px 10px;border:1px solid #666;width:80%;border-radius:6px;box-shadow: inset 3px -3px 8px rgba(0,0,0,0.3);}
.cinfo ul li.feedback {width:calc(100% - 100px);padding:0px 40px 0px 60px;overflow:hidden;color:#fff;font-size:18px;position:relative;}
.cinfo ul li.iconadd:before {
	font-family: "FontAwesome";
	content:'\f015';
	color:aqua;
	position:absolute;
	left:15px;
	top:25px;
	font-size:30px;
	opacity: 1;	
}
.cinfo ul li.website:after {
	content:'医院地址：四川省广安市广安区蚕房湾街39号';
	font-size:16px;
	color:#fff;
}
.cinfo ul li.a1:after {
	content:'您的姓名：';
	font-size:16px;
	color:#fff;
}
.cinfo ul li.a2:after {
	content:'您的电话：';
	font-size:16px;
	color:#fff;
}
.cinfo ul li.a3:after {
	content:'您的邮箱：';
	font-size:16px;
	color:#fff;
}
.cinfo ul li.a4:after {
	content:'留言内容：';
	font-size:16px;
	color:#fff;
}
.cinfo ul li.phone:before {
	content: "\e61b";
	color:aqua;
	position:absolute;
	left:15px;
	top:25px;
	font-size:30px;
	opacity: 1;	
}
.phones:after {
	content:'联系手机：';
	font-size:18px;
	color:#fff;
}
.cinfo ul li.mobile:after {
	content:'联系电话：+86 0826-2398120';
	font-size:18px;
	color:#fff;
}
.cinfo ul li.iconadd:after {
	content:'医院官网：https://www.gre-yy.com';
	font-size:18px;
	color:#fff;
}
.cinfo ul li.website:before {
	 content: "\e62d";
	color:aqua;
	position:absolute;
	left:15px;
	top:25px;
	font-size:30px;
	opacity: 1;	
}
.cinfo ul li.email:before {
	font-family: "FontAwesome";
	content:'\f0e0';
	color:aqua;
	position:absolute;
	left:15px;
	top:25px;
	font-size:30px;
	opacity: 1;	
}
.cinfo ul li.email:after {
	content:'联系邮件：service@gre-yy.com';
	font-size:18px;
	color:#fff;
}
.cinfo ul li.qq:before {
	font-family: "FontAwesome";
	content:'\f1d6';
	color:aqua;
	position:absolute;
	left:15px;
	top:25px;
	font-size:30px;
	opacity: 1;	
}
.cinfo ul li.qq:after {
	content:'联系QQ：';
	font-size:18px;
	color:#fff;
}
.cinfo ul li.mobile:before {
	font-family: "FontAwesome";
	content:'\f098';
	color:aqua;
	position:absolute;
	left:15px;
	top:25px;
	font-size:30px;
	opacity: 1;	
}
.cinfo ul li span {
		padding:10px 50px;background:#3B79C8;border-radius: 20px;color:#fff;margin-right:30px;display:inline-block;
	-moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;cursor:pointer;font-size:18px;font-weight:bold;
}
.cinfo ul li span:hover {
	background:#F8870D;
}
.cinfo ul li span:after {
	content:'提交留言';
}
.pro-info-show {width:100%;overflow:hidden;}
.pro-info-nav {width:1600px;padding:40px 0px;margin:0 auto;color:#333;font-size:20px;border-bottom:1px solid #999;margin-bottom:30px;}
.pro-info-nav a {color:#333;}
.pro-info-nav a:hover {color:red;text-decoration: underline;}
.show-pro-info {width:1600px;margin:40px auto;color:#333;font-size:16px;}
.show-pro-info-left {width:700px;float:left;position:relative;}
.show-pro-info-left-bigimg {width:698px;height:698px;border:1px solid #333;background-size:100% 100%;}
.show-pro-info-left-bigimg img {width:100%;height:100%;}
.fg-div {width:1600px;overflow:hidden;border-bottom:3px solid red;margin:10px auto;}
.news_footer,.pro_footer {width:1600px;margin:0 auto;margin-top:30px;background:#fff url(../images/siteimg/separate.png) no-repeat 50% 0;}
.news_footer span,.pro_footer span{color:#666;}
.news_footer ul,.pro_footer ul{height:70px;}
.news_footer ul li,.pro_footer ul li {height:70px;line-height:70px;color:#069;}
.news_footer ul li a,.pro_footer ul li:a {color:#069;}
.news_footer ul li a:hover,.pro_footer ul li a:hover {color:#C30;text-decoration:underline;}
.left_btn  {width:20px;height:70px;float:left;text-align:center;background:rgba(0,0,0,0.2);cursor:pointer;position:absolute;left:0;top:0;z-index:99;}
.right_btn {width:20px;height:70px;float:left;text-align:center;background:rgba(0,0,0,0.2);cursor:pointer;position:absolute;right:0;top:0;z-index:99;}
.left_btn:after {
	font-family: "FontAwesome";
	content:'\f100';
	color:#333;
	line-height:70px;
	font-size:18px;
	opacity: 1;	
}
.right_btn:after {
	font-family: "FontAwesome";
	content:'\f101';
	color:#333;
	line-height:70px;
	font-size:18px;
	opacity: 1;	
}
.pro-detail {width:1600px;height:auto;overflow:hidden;font-size:20px;line-height:40px;color:#333;margin:0 auto;position:relative;margin-bottom:30px;border-bottom:2px solid #666;padding-bottom:60px;}
.pro-detail img { 
  margin: 0 auto;
  display: block;
  width:80%;
  vertical-align: middle;

}

.pro-img-logomask {width:250px;height:94px;position:absolute;top:20px;left:20px;background:url('../images/logo/logo.png') no-repeat center center;z-index:99;background-size:100% 100%;}
.show-pro-info-right {width:calc(100% - 750px);overflow:hidden;float:left;margin-left:50px;position:relative;}
.pro-wechat {width:200px;height:200px;bottom:370px;right:0;z-index:99;background:#666;position:absolute;}
.pro-title-show {width:100%;padding-bottom:10px;border-bottom:2px solid red;color:#333;font-size:30px;font-weight:bold;}
.prodec {width:100%;padding:10px 0px;color:#333;font-size:16px;line-height:28px;}
.prodec span:first-child::after {
	content:'产品分类：';
}
.prodec.prodechelp::after {
	content:'如果您有更多的需求，请联系我们！';
}
.pro-contact span:first-child::after {
	content:'服务热线：0826-2398120';
}
.pro-contact {width:100%;padding:20px 0px;color:#333;font-size:28px;line-height:28px;font-weight:600;}
.pro-contact-btn {width:100%;padding:30px 0px 50px 0px;color:#fff;font-size:16px;}
.pro-contact-btn-info {overflow:hidden;width:100%;margin-bottom:30px;}
.pro-contact-btn-info span {padding:30px 40px;background:#B83133;color:#fff;font-size:28px;font-weight:bold;display:inline-block;}
.pro-contact-btn-info span::after {
	content:'';
}
.pro-contact-btn-left {
	padding:10px 30px;background:#CB282A;border:1px solid #333;margin-right:30px;cursor:pointer;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
	border-radius:20px;
}
.pro-contact-btn-left:hover {background:#333;}
.pro-contact-btn-left::after {
	content:'';
}
.pro-contact-btn-right {
	padding:10px 30px;background:#fff;border:1px solid #333;margin-right:30px;cursor:pointer;color:#333;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
	border-radius:20px;
}
.pro-contact-btn-right:hover {background:#333;color:#fff;}
.pro-contact-btn-right::after{
	content:'';
}
.moreprotitle::after {
	content:'相关';
}
.randompro {width:100%;overflow:hidden;margin:20px 0px;}
.randompro ul {overflow:hidden;}
.randompro ul li {
	overflow:hidden;width:calc(25% - 23px);margin-right:15px;float:left;height:200px;cursor:pointer;border:4px solid #fff;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.randompro ul li:hover {
	border:4px solid #B12729;background:#B12729;
}
.randompro ul li img {
	width:100%;height:100%;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.randompro ul li:hover img {
	-webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.randompro ul li:last-child {width:calc(25% - 8px);margin-right:0px;}
.randomimg {width:100%;height:150px;overflow:hidden;}
.randomtitle {padding:5px 15px;height:30px;line-height:40px;font-size:16px;color:#333;text-align:center;overflow:hidden;}
.randompro ul li:hover .randomtitle {
	color:#fff;
}
.contact-wechat {width:110px;;position:absolute;right:20px;top:10px;z-index:99;overflow:hidden;}
.contact-wechat ul {overflow:hidden;}
.contact-wechat ul  li {width:110px;bottom:15px;overflow:hidden;}
.contact-wechat .wechta-img {width:108px;height:108px;border:1px solid #ccc;}
.contact-wechat .wechta-img img {width:100%;}
.contact-wechat .wechta-title {width:110px;font-size:14px;text-align:center;padding:4px 0px;color:#fff;background:#771719;}
.drop-down-menu {min-width:200px;position:absolute;top:80px;background:#9F0709;z-index:99;left:0;box-shadow: 0px 8px 16px rgba(0,0,0,0.7);display:none;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;font-size:16px;}
.drop-down-menu dl {overflow:hidden;}
.drop-down-menu dl dd {padding:15px 20px;color:#fff;text-align:left;line-height:20px;}
.drop-down-menu dl dd:hover {background:#ccc;color:#9F0709;}
.drop-down-menu dl dd:hover:last-child {background:#ccc;color:#9F0709;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}











.mainmenu1 {
	width:100%;height:60px;position:relative;border-bottom:1px solid #ccc;background:#fff;
}
.mainmenu1.gotop {position:fixed;top:0;z-index:9999;}

.mainmenu-style {max-width:1440px;height:60px;margin:0 auto;background:#fff;padding:0;padding-left:0px;}
.alltype {width:270px;background:#1e1e1e;height:60px;float:left;color:#fff;position:relative;}
.submenu {width:270px;height:600px;position:absolute;left:0;top:60px;z-index:999;background:rgba(0,0,0,0.7);color:#fff;overflow:hidden;}
.showsubitem {clear:both;border-bottom:1px solid #aaa;overflow:hidden;padding:0 30px;}
.showsubitem:last-child {border-bottom:0px solid #aaa;}
.btype {font-size:20px;padding:32px 0px;cursor:pointer;}
.stype {width:100%;overflow:hidden;}
.stype li {width:50%;float:left;padding-bottom:20px;cursor:pointer;}
.stype li:hover {color:orange;}
.alltype-style {padding:20px;line-height:20px;text-align:left;font-size:20px;position:relative;}
.alltype-style i {
	color:#fff;
	position:absolute;
	right:15px;
	font-size:28px;
}
.mainmenu-item {width:calc(100% - 270px);height:60px;background:#fff;line-height:60px;float:left;}
.mainmenu-item li {padding:0 20px;color:#666;height:58px;float:left;}
.mainmenu-item li:last-child {float:right;width:60px;height:60px;position:relative;}
.mainmenu-item li .title{height:58px;line-height:60px;cursor:pointer;}
.mainmenu-item li .line {width:0%;height:2px;background:#f39a10;margin: 0 auto}
.mainmenu-item li:hover .line{
	animation: 500ms in-out forwards;
}
@keyframes in-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.popmenu {display:none;width:100%;padding:20px 0px;position:absolute;background:#fff;top:60px;left:0;z-index:999999;text-align:center;box-shadow: 0 5px 10px rgba(0,0,0,0.2);border-top:1px solid #ccc;}
.popmenuitem {margin:0 auto;background:#fff;}
.popmenuitem dl {overflow:hidden;background:#fff;display:inline-block;}
.popmenuitem dl dd {margin:0px 60px;float:left;cursor:pointer;}
.popmenuitem dl dd .imgurl{width:100px;height:100px;background:#fff;}
.popmenuitem dl dd .linktitle{height:25px;line-height:35px;}
.searchpro {float:right;position:relative;}
.searchicon {
	position:absolute;right:-8px;line-height:60px;width:60px;height:60px;cursor:pointer;z-index:99;padding-top:10px;
}
.searchicon i {
	color:#555;
	font-size:24px;
}
.searchicon.verticala:after {
	content:"|";
	padding-left:10px;
	font-size:22px;
	color:#bbb;font-weight:lighter;
}

.searchinfo {
	width:35px;height:30px;position:absolute;right:0px;border:1px solid #ccc;background:#fff;
	border-radius:5px;padding:5px;top:20px;z-index:98;
}
.closesearch {
	position:absolute;right:-10px;line-height:60px;width:60px;height:60px;cursor:pointer;z-index:99;display:none;padding-top:10px;
}
.closesearch i {
	color:#555;
	font-size:24px;
}
.searchinfo input {margin-left:-150px;padding:6px 10px;width:290px;display:none;border:none;position:absolute;}

.showbanner {width:100%;height:100%;overflow:hidden;margin:0 auto;background-color:#eefcf4;}
.banner {width:100%;height:100%;position:relative;overflow:hidden;margin:0 auto;z-index:5;}
.swiper-slide {background-repeat: no-repeat;background-position:center top;position:relative;}
.swiper-slide.bg1 {background:url(../images/banner/001.jpg) no-repeat;background-size:100% 100%;}
.swiper-slide.bg2 {background:url(../images/banner/002.jpg) no-repeat;background-size:100% 100%;}
.swiper-slide.bg3 {background:url(../images/banner/003.jpg) no-repeat;background-size:100% 100%;}

.submenuitem {width:1200px;text-align:center;margin:0 auto;}
.submenuitem ul {display:inline-block;overflow:hidden;}
.submenuitem ul li {float:left;margin:0 50px;cursor:pointer;}
.submenuitem ul li .title{height:58px;line-height:60px;}
.submenuitem ul li .line {width:0%;height:2px;background:#f39a10;margin: 0 auto}
.submenuitem ul li:first-child .line {width:100%;}

.prolist {width:100%;overflow:hidden}
.ptitlediv {width:100%;overflow:hidden;}
.ptitle-line{padding:100px 0px;width:1200px;margin:0 auto;position:relative;}
.ptitle {position:absolute;height:200px;z-index:2px;background:#fff;padding:0px 40px;top:0;width:360px;left:50%;margin-left:-180px;text-align:center;font-size:36px;line-height:200px;color:#333;}
.ptitle.tts {font-size:36px;}
.prodiv {width:100%;overflow:hidden;background:#fff;display:none;}
.prodiv2 {width:100%;overflow:hidden;background:#fff;}
.pro-out {width:1200px;overflow:hidden;margin:0 auto;background:#fff;}
.pro-in {width:100%;overflow:hidden;}
.pro-in ul{overflow:hidden;}
.pro-in ul li{float:left;background:#fff;width:255px;cursor:pointer;position:relative;margin-right:60px;margin-top:40px;}
.pro-in ul li:nth-child(4n){margin-right:0px;}
.pro-in .imgdiv {width:255px;height:255px;overflow:hidden;display: table-cell;vertical-align: middle;text-align:center;} 
.pro-in .pitemtitle {width:255px;text-align:center;font-size:25px;margin-top:30px;}
.pro-in .destitle {width:255px;line-height:24px;text-align:center;color:#666;padding-top:15px;font-size:16px;}
.pro-in .imgdiv img {
	-webkit-transform: scale(1.0);
    transform: scale(1.0);
	width:255px;vertical-align: middle;
	-moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.pro-in .imgdiv:hover img {
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.div-gg {width:1200px;height:125px;color:#fff;text-align:center;margin:0 auto;margin-top:90px;cursor:pointer;}
.threediv {width:1200px;margin:0 auto;overflow:hidden;}
.threediv ul {overflow:hidden;}
.threediv ul li {width:390px;height:600px;background:#ccc;margin-left:15px;float:left;position:relative;overflow:hidden;}
.threediv ul li:first-child {margin-left:0px;}
.threediv ul li .nums {width:170px;height:170px;background:rgba(20,41,57,0.6);line-height:170px;position:absolute;top:0;left:50%;margin-left:-85px;text-align:center;color:#fa9600;font-size:100px;font-family:Arial;}
.threediv ul li img {
	width:390px;vertical-align: middle;
	-moz-transition: all 1000ms ease-in-out;
  -o-transition: all 1000ms ease-in-out;
  -webkit-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out;
}
.threediv ul li:hover img {
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.threediv ul li .title {position:absolute;width:100%;height:280px;line-height:120px;color:#fff;text-align:center;bottom:30px;font-size:30px;}
.threediv ul li .title p.info{font-size:20px;line-height:30px;padding:0px 25px;font-weight:lighter;color:#eee;}
.ourdevice {width:100%;overflow:hidden;background:#eee;padding:30px 0px;}
.infoone,.infotwo {width:1200px;overflow:hidden;margin:0 auto;}
.infoone ul,.infotwo ul {overflow:hidden;}
.infoone ul li {width:400px;float:left;}
.infotwo ul li {width:300px;float:left;}
.icon1 {height:250px;width:100%;line-height:300px;text-align:center;font-size:70px;color:#666;font-weight: lighter;}
.icon2 {height:250px;width:100%;line-height:350px;text-align:center;font-size:50px;color:#666;font-weight: lighter;}
.info1 {height:30px;line-height:0px;text-align:center;}
.info2 {height:25px;line-height:25px;text-align:center;padding:0px 70px;font-size:30px;color:peru;font-family: Arial;}
.info3 {height:25px;line-height:30px;text-align:center;padding:0px 20px;}
.img1 {height:200px;width:100%;text-align:center;padding-top:60px;}
.info4 {height:25px;line-height:25px;text-align:center;padding:0px 20px;}
.info5 {height:30px;line-height:0px;text-align:center;font-size:22px;}
.info6 {height:25px;line-height:25px;text-align:center;padding:0px 90px;}


.footer {width:100%;background:url("../images/siteimg/footer-bg.png") repeat center center;border-bottom:1px solid #666;background-color:#222;}
.footer-div {width:1600px;padding:70px 0px 30px 0px;margin:0 auto;overflow:hidden;text-align:center;}
.footer-div ul {overflow:hidden;}
.footer-div ul li {width:210px;height:300px;float:left;color:#aaa;}
.footer-div ul li:last-child {width:320px;height:300px;float:left;color:#aaa;}
.footer-menua {font-size:26px;padding-bottom:30px;font-weight:bold;}
.footer-menub {font-size:18px;padding-bottom:30px;cursor:pointer;}
.footer-menub:hover {color:coral;}
.img2 {padding-bottom:20px;text-align:center;}
.footer-info1 {font-size:18px;padding-bottom:30px;line-height:40px;text-align:center;}
.footer-info2 {padding:10px 0px 30px 0px;text-align:center;font-size:30px;color:peru;font-family: Arial;}
.footer-info3 {font-size:18px;padding-bottom:20px;line-height:40px;text-align:center;}
.footer-info4 {width:240px;font-size:18px;line-height:50px;text-align:center;height:50px;border:1px solid #ccc;margin:0 auto;cursor:pointer;}
.footer-info4:hover {border:1px solid #FAB205;color:#FAB205;}
.footer2 {width:100%;background:#222;padding:30px 0px;}
.footer2-info {width:1280px;color:#aaa;margin:0 auto;font-size:14px;line-height:26px;}
.footer2-info a {color:#fff;cursor:pointer;}
.footer2-info a:hover {color:aqua;}
.titleinfo {width:1200px;line-height:45px;text-align:center;margin:0 auto;font-size:20px;}
.linkstyle {cursor:pointer;}
.pro-head  {width:1200px;margin:0 auto;padding:20px 0px;font-size:20px;border-bottom:1px solid #ccc;}
.search-div {width:1200px;margin:0 auto;padding:40px 0px;border-bottom:1px solid #666;}
.search-div li {padding:20px 0px;text-align:left;}
.searchtitleinfo {width:100px;float:left;text-align:center;font-weight:bold;color:#666;margin-right:15px;}
.searchitem {float:left}
.searchitem span{margin-right:40px;cursor:pointer;}
.searchitem span:hover,
.searchitem span.selected
{color:chocolate;}
.loading {
	width:200px;
	height:200px;
	background:rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);
	border-radius:10px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 60%;
    transform: translate(-50%,-50%);
	z-index:9999999999;
	line-height:200px;
}

.news {padding:25px 0;width:1280px;font-size:16px;color:#666;margin:0 auto;}
.news span {
	padding:0 0 0 0;
}
.news span::after {
	content:">";
	padding:0 10px;
}
.news span:first-child::after,.news span:last-child::after  {
	content:"";padding:0;
}

.news span a,.news span.current {
	color:#009844;
	transition: all 0.3s ease-in-out;cursor:pointer;
}
.news span a:hover,.news span.current:hover  {
	color:maroon;
}

.nonews {width:1200px;padding:150px 0px;margin:0 auto;text-align:center;font-size:30px;display:none;}
.news .info {width:1200px;margin:0 auto;margin-bottom:20px;border:1px solid #ccc;}
.news .info ul {height:90px;background:#f7f7f7;color:#099;}
.news .info ul:hover {background:#e4f3d3;color:#264703;}
.news .info ul li {float:left;height:90px;}
.news .info ul li.left {width:80px;background:#8fc05e;}
.news .info ul li.right {width:1020px;margin:0 40px;}
.news .info ul li .datediv {width:70px;height:75px;text-align:center;padding:5px;}
.news .datediv p {font-size:38px;color:#fff;}
.news .datediv span {font-size:14px;color:#fff;}

.news .info li  .newsinfo {width:100%;padding:10px 0;}
.news .info li  .newsinfo dd {font-size:14px;color:#619d63;line-height:25px;}

  .div-pro-title {width:1200px;height:120px;text-align:center;color:#666;background:#fff;border-bottom:1px solid #ccc;padding-bottom:20px;margin: auto;}
  .div-pro-title span {color:#099;}
  .div-pro-title .title {font-size:45px;line-height:120px;width:1200px;margin:0 auto;}



  .div-pro-title .info {font-size:14px;color:#999;text-align:right;margin:0 auto;width:1200px;margin-top:-20px;}
  .div-pro-title .info span {color:#999;}

.proinfo-box {width:1200px;overflow:hidden;margin:0 auto;margin-top:50px;min-height:700px;}
.proinfo-left {width:502px;float:left;background:#fff;overflow:hidden;}
.proinfo-bimg {width:500px;margin-right:20px;height:500px;float:left;border:1px solid #666;cursor:move;position:relative;background:#ccc;}
.proinfo-bimg img {width:500px;vertical-align: middle;height:500px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;border:1px solid #666;display:none;text-align:center;overflow:hidden;background:#fff;margin-left:0px;margin-top:0px;}
.bigimg{width:auto;height:auto;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;border:1px solid rgba(249,189,139,1.00);background: rgba(249,189,139,0.2) 50% top no-repeat;cursor:move;}
.proinfo-right {width:648px;float:left;height:600px;margin-left:50px;}
.proinfo-title {background:#fff;color:#333;border-bottom:#eee 1px solid;padding-bottom:10px;text-align:left;overflow:hidden;margin-bottom:10px;display:none;font-size:28px;}
.proinfo-info {font-size:16px;line-height:40px;color:#666;}
.productinfo-btn {padding:30px 0px;}
.productinfo-btn li {height:50px;float:left;color:#fff;text-align:center;border-radius:5px;padding:0px 20px;font-size:20px;line-height:50px;}

.productinfo-btn li.button01 {background:#E78406;padding:0px 40px;cursor:pointer;}
.productinfo-btn li.button01:hover {background:#F8C403;}
.productinfo-btn li.button02 {border:1px solid #E78406;margin-left:40px;color:#E78406;}
.productinfo-btn li.button01 i  {padding-right:5px;font-size:28px;color:#fff;}
.productinfo-btn li.button02 i {padding-right:5px;font-size:28px;color:#E78406;}














.footer_menu {color:#747677;}            
.footer_menu li { display:inline;cursor:pointer;text-decoration:none; color:#ccc;}
.footer_menu li~li:before { content:"|"; padding:0px 15px; color:#ccc; }
.footer_menu li:hover{color:#F60;}
.copyright {color:#ccc;line-height:25px;font-size:14px;margin:10px 0;}
.footer_share {line-height:40px;overflow:hidden;width:600px;color:#ccc;}
.footer_share li {float:left; cursor:pointer;}
.footer_share li.li0 {margin-right:10px;}
.footer_share li.li1 {background: url('../images/share/qq.png') 0 50% no-repeat;background-size:30px 30px;width:40px;height:40px;}
.footer_share li.li2 {background: url('../images/share/sina.png') 0 50% no-repeat;background-size:30px 30px;width:40px;height:40px;}
.footer_share li.li3 {background: url('../images/share/wechat.png') 0 50% no-repeat;background-size:30px 30px;width:40px;height:40px;}
.footer_share li.li4 {background: url('../images/share/txwb.png') 0 50% no-repeat;background-size:30px 30px;width:40px;height:40px;}
.footer_share li.li5 {background: url('../images/share/qzone.png') 0 50% no-repeat;background-size:30px 30px;}
.footer_share li.li6 {background: url('../images/share/qzone.png') 0 50% no-repeat;background-size:30px 30px;}
.footer_share li.li1:hover {background: url('../images/share/qq_hover.png') 0 50% no-repeat;background-size:30px 30px;}
.footer_share li.li2:hover {background: url('../images/share/sina_hover.png') 0 50% no-repeat;background-size:30px 30px;}
.footer_share li.li3:hover {background: url('../images/share/wechat_hover.png') 0 50% no-repeat;background-size:30px 30px;}
.footer_share li.li4:hover {background: url('../images/share/txwb_hover.png') 0 50% no-repeat;background-size:30px 30px;}
.footer_share li.li5:hover {background: url('../images/share/qzone_hover.png') 0 50% no-repeat;background-size:30px 30px;}
.footer_share li.li6:hover {background: url('../images/share/qzone_hover.png') 0 50% no-repeat;background-size:30px 30px;}
.wechat {width:80px;height:80px;margin-top:-96px;margin-left:-35px;position:absolute;padding:10px;display:none;}
#wechat-show1 {background:url(../images/siteimg/dot01.png) no-repeat 50% 100%,url(../images/share/wechat1.jpg) no-repeat 50% 50%;}
#wechat-show2 {background:url(../images/siteimg/dot01.png) no-repeat 50% 100%,url(../images/share/wechat1.jpg) no-repeat 50% 50%;}
.wechatdiv {position:absolute;right:10px;top:0px;height:200px;width:150px;}
.wechatmore {border:1px solid #666;width:130px;padding:5px 10px;text-align:center;color:#fff;font-size:14px;}



.pro-in .imgdiv.ys {height:600px;position:relative;cursor:default;} 
.ystitle {padding:20px 20px;text-align:center;font-size:28px;color:#fff;position:absolute;top:0;z-index:999;margin:0 auto;width:340px;background:rgba(0,0,0,0.3);}
.ysnumber {text-align:center;font-size:100px;font-weight:bold;color:sandybrown;position:absolute;top:180px;z-index:999;margin:0 auto;width:140px;height:140px;border-radius:50%;left:50%;margin-left:-70px;border:2px solid #fff;lineheight:100px;background:rgba(0,0,0,0.2);
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.pro-in .imgdiv:hover .ysnumber{
	-webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.ysinfo {padding:40px 20px;text-align:left;font-size:18px;color:#ccc;position:absolute;bottom:0;z-index:999;margin:0 auto;width:340px;background:rgba(0,0,0,0.1);height:100px;}
.pro-in .imgdiv:hover .ysinfo{
	color:#bdf79a;
}



.div-head {
  width:100%;height:100px;z-index:9999;text-align:center;background:#eee;overflow:hidden;
}
.div-head-in{min-width:1000px;height:100px;overflow:hidden;margin:0 auto;max-width:1600px;}


.vticker {float:left;width:480px;margin-left:40px;}
.vticker ul {padding: 0;}
.vticker li {text-align:center;line-height:100px;height:100px;font-size:40px;font-weight:bolder;color:#6E824B;font-style:italic;text-shadow: 5px 5px 10px #ccc;}


.top-contact {height:100px;float:right;text-align:left;width:400px;right:50px;line-height:30px;}

.fadd {text-align:left;font-size:16px;}
.menudiv-top {width:100%;height:70px;background:#608841;text-align:left;}
.menudiv {max-width:1600px;height:70px;position:relative;margin:0 auto;min-width:1200px;}
.menuitem {max-width:1600px;margin:0 auto;height:70px;min-width:1200px;}
.menuitem span {
	line-height:70px;padding:21px 40px 21px 40px;color:#fff;font-size:20px;letter-spacing: 0px;
	  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.menuitem span:hover {background:#6ac335;cursor:pointer;color:#333;}




.companyimg {width:1200px;height:519px;overflow:hidden;margin:0 auto;border:1px solid #ccc;background:url(../images/bannerimg/company.jpg) no-repeat;background-size:100%;position:relative;margin-bottom:80px;}
.footmenudiv {background:#666;width:100%;border-bottom:1px solid #555;overflow:hidden;text-align:center;}
.footmenu {height:60px;line-height:60px;font-size:16px;color:#ccc;text-align:center;display:inline-block;margin:30px 0px;box-shadow: 5px 10px 15px rgba(0,0,0,0.5);}
.footmenu ul {overflow:hidden;}
.footmenu ul li{height:60px;display:inline-block;padding:0px 28px;line-height:60px;background:#97d181;color:#333;float:left;border:1px solid #fff;border-right:none;
	-moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.footmenu ul li:last-child {border-right:1px solid #fff;}
.footmenu ul li.bottommenutitle{cursor:default;background:#dd8e04;color:#fff;font-weight:bold;}
.footmenu ul li.bottommenu{cursor:pointer;}
.footmenu ul li.bottommenu:hover{background:#6ac335;color:#fff;}



.showprodiv {width:100%;overflow:hidden;background:#eee;padding:10px 0px 30px 0px;}
.showpro {height:80px;width:1200px;margin:0 auto;position:relative;}
.showpro-title {height:80px;line-height:90px;position:absolute;top:0;left:0;color:#333;font-size:30px;}
.showpro-more {height:80px;line-height:90px;position:absolute;top:0;color:#333;right:0;font-size:18px;}
.prolist-info {width:1200px;margin:0 auto;}
.prolist-info ul {overflow:hidden;}
.prolist-info ul li{float:left;background:#fff;width:380px;margin-right:30px;margin-bottom:28px;box-shadow: 5px 10px 15px rgba(0,0,0,0.1);}
.prolist-info ul li:nth-child(3n+0){margin-right:0px;}

.prolist-info .imgdiv {width:380px;height:380px;overflow:hidden;display: table-cell;vertical-align: middle;text-align:center;cursor:pointer;} 
.prolist-info .pitemtitle {width:340px;height:50px;line-height:50px;font-size:25px;background:#fff;padding:0px 20px;text-align:center;}
.prolist-info .destitle {width:340px;height:30px;line-height:30px;color:#666;background:#fff;padding:0px 20px 20px 20px;}
.prolist-info .imgdiv img {
	width:380px;vertical-align: middle;
	-moz-transition: all 1000ms ease-in-out;
  -o-transition: all 1000ms ease-in-out;
  -webkit-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out;
}
.prolist-info .imgdiv:hover img {
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}










  
.pro-type {width:100%;background:#eee;padding:80px 0px 0px 0px;margin:30px 0 0 0;overflow:hidden;}
.pro-type .info {width:1230px;margin:0 auto;padding-right:30px;max-width:1230px;}
.pro-type .info li {
	float:left;width:380px;margin:0px 0px 30px 30px;height:260px;cursor:pointer;
	-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.4);  
  -moz-box-shadow:0px 0px 12px rgba(0,0,0,0.4);  
  box-shadow:0px 0px 12px rgba(0,0,0,0.4); 
}
.pro-type .info img {width:380px;height:260px;}




.pro-type-btndiv {width:100%;height:80px;line-height:80px;text-align:center;background:#eee;padding:20px 0 40px 0;}
.pro-type-btndiv span {
	cursor:pointer;
	padding:15px 60px;
	color:#fff;
	background:#F60;
	font-size:24px;
	font-weight:bold;	
    border-radius:30px;
    -webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.pro-type-btndiv span:hover {background:#d2241f;}
.pro-type-btndiv2 {width:100%;height:80px;line-height:80px;text-align:center;padding:20px 0 40px 0;background:#fff url(../images/siteimg/separate.png) no-repeat 50% 100%;}
.pro-type-btndiv2 span {
	padding:15px 60px;color:#fff;background:#099;font-size:18px;font-weight:bold;cursor:pointer;	
border-radius:10px;
  -webkit-transition: all .4s ease-in-out;
		  transition: all .4s ease-in-out;}
.pro-type-btndiv2 span:hover {background:#8fc05e;}


/*.div-gg span{font-size:16px;}*/















.about-div {width:100%;overflow:hidden;padding:50px 0;}
.about-div .info {width:1200px;margin:0 auto;}
.about-div .info li {float:left;}
.about-div .info .left {padding-right:80px;width:520px}
.about-div .info .right {line-height:35px;width:600px;color:#666;}
.about-div .info .right p {text-indent:2em;}
.about-div .info .right span {font-size:30px;font-weight:bold;color:#6ac335;}

.news-div {width:100%;overflow:hidden;margin:60px 0;}
.news-div .info {width:1200px;margin:0 auto;}
.news-div .info li {float:left;}
.news-div .info li .imgshow {width:560px;height:315px;overflow:hidden;}
.news-div .info .left {width:560px;}
.news-div .info .right {width:640px;}
.news-div .info li .main-title {line-height:40px;color:#099;}
.news-div .info a .main-title:hover{color:#F60;text-decoration:underline;} 
.news-div .info li .main-content {font-size:14px;color:#666;}
.news-div .info .separate-bg {height:412px;float:left;width:120px;text-align:center;background:url(../images/siteimg/news_item_icon.png) no-repeat center}
.news-div .info li .content-div {float:left;width:520px;height:100px;background:#fff;border-bottom:1px solid #eee;}
.news-div .info li .content-div .datediv {float:left;width:60px;margin:10px 10px 10px 0px;padding:0px 5px 5px 5px;height:75px;background:#8fc05e;text-align:center;}
.news-div .info li .content-div .datediv p {font-size:38px;color:#fff;}
.news-div .info li .content-div .datediv span {font-size:14px;color:#fff;}
.news-div .info li .content-div .newsinfo {width:420px;float:left;margin-left:20px;}
.news-div .info li .content-div .newsinfo {line-height:40px;color:#61962c;}
.news-div .info li .content-div .newsinfo:hover {color:#630;}
.news-div .info li .content-div .newsinfo dd {font-size:14px;color:#b1c79b;line-height:25px;;}
.news-div .info li .content-div .newsinfo dd:hover {color:#619d63;}
.pages {width:100%;height:80px;line-height:80px;text-align:center;padding:20px 0 40px 0;background:#fff url(../images/siteimg/separate.png) no-repeat 50% 100%;}

#line.shape {
  width: 7px;
  height: 7px;
  border-radius:50%;
  background-color: #d2241f;
  -webkit-transition: all .4s ease-in-out;
		  transition: all .4s ease-in-out;
		  }
#line.zero {
  margin-left: 57px;
  margin-top: 0px;
  opacity:0;
}
#line.one {
  margin-left: 57px;
  margin-top: 48px;
  opacity:1;
}

#line.two {
  margin-left: 57px;
  margin-top: 148px;
  opacity:1;
}

#line.three {
  margin-left: 57px;
  margin-top: 247px;
  opacity:1;
}

#line.four {
  margin-left: 57px;
  margin-top: 347px;
  opacity:1;
}
.backtotop {width:50px;height:50px;position:fixed;bottom:5px;right:5px;;background:url(../images/siteimg/backtotop.png) no-repeat;cursor:pointer;display:none;}
   





.device-topimg {background:url(../images/device/banner.jpg) no-repeat;height:500px;width:1920px;margin:0 auto;position:relative;}
.about-banner-title {position:absolute;font-size:50px;left:150px;bottom:200px;color:#fff;}
.about-banner-info{position:absolute;left:150px;bottom:110px;display:inline-block;font-size:20px;border:1px solid #fff;padding:15px;color:#fff;margin-bottom:0;}
.about-title {width:1080px;margin:0 auto;font-size:30px;font-weight:bold;color:#6ac335;padding:20px 60px;background:#fff;}

.contact {width:100%;padding:50px 0;background:#f6f7f1;position:relative;}
.contact-info {width:1200px;padding:30px;background:#fff;margin:0 auto;border:1px solid #e6e7e2;border-radius:8px;}
.contact-info ul {overflow:hidden;}
.contact-info ul li {float:left;}
.contact-info ul li.left {width:570px;background:url(images/contact/bg.png) no-repeat;background-position: 80px 30%;padding-right:30px;border-right:1px solid #e6e7e2;}
.contact-info ul li.right {width:570px;padding-left:29px;}
.contact-info .title {height:50px;line-height:50px;font-size:20px;color:#637987;}
.contact-info .bt1 {height:30px;line-height:30px;color:#356915;}
.contact-info .bt2 {min-height:20px;line-height:20px;color:#666;font-size:14px;margin-bottom:5px;}
.feedback dd {line-height:40px;float:left;color:#356915;width:33%;font-size:14px;}
.feedback dd input {font-family:"微软雅黑";background:#e0e1db;border:none;height:30px;padding:0 7px;width:150px;border-radius:5px;color:#666;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.3) inset;  
  -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.3 inset);  
  box-shadow:1px 1px 2px rgba(0,0,0,0.3) inset;}
.feedback2 dd {line-height:40px;color:#356915;font-size:14px;}
.feedback2 dd input,textarea {font-family:"微软雅黑";background:#e0e1db;border:none;height:30px;padding:0 7px;border-radius:5px;width:525px;font-size:14px;color:#666;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.3) inset;  
  -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.3 inset);  
  box-shadow:1px 1px 2px rgba(0,0,0,0.3) inset;}
 .feedback-btn {width:100%;height:80px;text-align:right;line-height:80px;}
 .feedback-btn span {
	 padding:10px 40px;background:#356915;border-radius:5px;margin-right:50px;color:#fff;cursor:pointer;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
 .feedback-btn span:hover {background:#7abc53;color:#000;}


.product-title {height:30px;width:100%;background:#fff;padding:20px 0;text-align:center;line-height:30px;
	  -webkit-box-shadow:0px 2px 8px #eee;  
  -moz-box-shadow:0px 2px 8px #eee;  
  box-shadow:0px 2px 8px #eee;margin-top:20px;}
.product-title ul {display:inline-block; *display:inline; zoom:1;}
  .product-title li {
	  height:30px;padding:0 20px;margin:0 10px;line-height:30px;float:left;background:#e3e3e3;border-radius:15px;color:#666;
	  cursor:pointer;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}
   .product-title li:hover {background:#3679b8;color:#fff;}
   .product-title li.selected {background:#622A6D;color:#fff;}


.searchdiv {
	height:40px;background:#3679b8;position:fixed;top:40px;right:-260px;width:300px;z-index:999999;
	-moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	box-shadow:0 0 8px rgba(0,0,0,0.5);
	line-height:40px;
	cursor:pointer;
	display:none;
}
.searchdiv:before {
	font-family: "FontAwesome";
	content:'\f002';
	left:13px;
	top:0;
	position:absolute;
	font-size:20px;
	color:#fff;
}
.searchdiv.newheight {
top:20px;
}
.searchdiv input {
	padding:4px;border:none;background:rgba(0,0,0,0.3);border-radius:5px;margin-left:40px;
	color:#fff;
	margin-right:8px;
	width:calc(100% - 56px);
}
.searchdiv.slideleft {
right:0px;
}
#searchbtn,
#searchbtn1 {
	width:40px;height:40px;position:absolute;left:0;top:0;cursor:pointer;
}

table {border-collapse:collapse;width:60%;}
table td {padding:0px 10px;}
table tr:first-child {font-weight:bold;}
table td.left {width:40%;}
.newtb span {color:#333;}



.footer-right {margin-right:5px;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
 /* WebKit browsers */ 
color: #aaa; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #aaa; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
 /* Mozilla Firefox 19+ */ 
color: #aaa; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
 /* Internet Explorer 10+ */ 
color: #aaa; 
}
.topfengge {
	display:flex;flex-direction: column;position:absolute;margin-left:355px;width:4px;height:65px;background:#009844;top:0;margin-top:22px;
}
.association {
	display:flex;flex-direction: column;position:absolute;margin-left:370px;width:400px;height:80px;top:0;color:#666;margin-top:22px;font-size:12px;line-height:17px;font-weight:bold;
}







	.interactive-section,.newsdiv,.heading_separator {
		width:calc(100% - 40px);padding:0px 20px;margin:40px 0px;
	}
	.heading_separator.bg{
		background:url("../images/other/container_bg.jpg") center bottom no-repeat;background-size:cover;
		display:flex;flex-direction: column;overflow:hidden;padding-top:60px;padding-bottom:60px;
	}
	.main-section {
		max-width:1280px;margin:0 auto;display:flex;flex-direction:row;gap:15px;
	}
	.section-icon {
		height:180px;line-height:290px;flex:1; min-width: 0; 
		text-align:center;font-size:24px;position:relative;cursor:pointer;box-sizing: border-box;
		box-shadow: 0px 4px 8px rgba(0,0,0,0.3);display:flex;justify-content: center;
        transition: line-height 0.4s ease;
	}
	.section-icon:hover {
		line-height:270px;
	}
	.section-icon.icon01 {
		background-color:#56a5aa;background-image: url('../images/other/hb3.png');background-size:100% 100%;background-repeat:no-repeat;
	}
	.section-icon.icon02 {
		background-color:#e5ca8f;color:#9e5506;background-image: url('../images/other/hb4.png');background-size:100% 100%;background-repeat:no-repeat;
		background-position: right bottom;
	}
	.section-icon.icon03 {
		background-color:#afef67;color:#01763a;background-image: url('../images/other/hb3.png');background-size:100% 100%;background-repeat:no-repeat;
	}
	.section-icon.icon04 {
		background-color:#01763a;background-image: url('../images/other/hb4.png');background-size:100% 100%;background-repeat:no-repeat;
		background-position: right bottom;
	}
   .icon-yuyueguahao:before {
     content: "\e6da";
	 position:absolute;
	 line-height:150px;
	 font-size:70px;
  }
  .icon-yiliaoweisheng-1::after {
     content: "\ed50";
	 position:absolute;
	 line-height:150px;
	 font-size:70px;
  }
   .icon-bingzhi-copy:before {
     content: "\e6b4";
	 position:absolute;
	 line-height:150px;
	 font-size:70px;
  }
 .icon-yiliao_1::after {
    content: "\e6b3";
	 position:absolute;
	 line-height:150px;
	 font-size:70px;
  }
.icon-yuyueguahao:hover::before,.icon-yiliaoweisheng-1:hover::after,.icon-bingzhi-copy:hover:before,.icon-yiliao_1:hover::after{
  transform-origin: center center;
  animation: shakeX 0.6s ease-in-out;
  }
@keyframes shakeX {
  from { transform: rotate(0deg);}
  33.33% { transform: rotate(-18deg);}
  66.66%   { transform: rotate(18deg);}
  to  { transform: rotate(0deg);}
}
	.index_news {
		max-width:1280px;margin:0 auto;display:flex;flex-direction: row;color:#000;box-sizing: border-box;gap: 20px;
	}
	.index_news .item {
		box-shadow: 0px 4px 8px rgba(0,0,0,0.3);flex: 1 1 0%;min-height:500px;
	}
	.img_div {
		overflow:hidden;cursor:pointer;position:relative;
	}
	.showimg {
		display: flex;align-items: stretch;width:100%;height:220px;overflow:hidden;
	}
	.item img {
		width:100%;transition: transform 0.6s ease;object-fit: cover;
	}
	.item:hover img {
		transform: scale(1.1); 
	}
	.index_news_mask {
		width:calc(100% - 40px);background:rgba(0,0,0,0.6);z-index:1;position:absolute;left:0;bottom:-90px;padding:10px 20px;font-size:14px;color:#fff;
		line-height:24px;
		transition: bottom 0.5s ease;
	}
	.index_news_mask.selected {
		bottom:0px;
	}
	.index_newslist {
		margin:20px;display:flex;flex-direction:column;
	}
	.index_newstype {
		padding:10px 0px;display:flex;justify-content: space-between; align-items: center;
	}
	.index_newstype_title {
		font-size:28px;
	}
	.index_newstype_more {
		font-size:12px;padding:5px 15px;background:#000;color:#fff;border-radius:15px;
		transition: background-color 0.5s ease,color 0.5s ease;cursor:pointer;
	}
	.index_newstype_more:hover {
		background-color:#01763a;color:#fff;
	}
	.index_newstitle {
		width:100%;
	}
	.index_newstitle ul {
		overflow:hidden;
	}
	.index_newstitle ul li {
		padding:15px 0px;font-size:14px;border-bottom:1px solid #e1e1e1;color:#333;cursor:pointer;position:relative;background-clip: padding-box;
	}
	.index_newstitle ul li:hover {
		color:#01763a;
	}
	.index_newstitle ul li::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0%;                 /* 初始宽度为 0 */
      height: 1px;
      background-color: red;
      transition: width 0.6s ease;
      /* 让线条贴底，不随文字基线抖动 */
      transform: translateY(50%);
}
	.index_newstitle ul li:hover::after {
       width: 100%;
    }
	.separator_title {
		color:#000;font-size:34px;width:1280px;margin:0 auto;position:relative;display:flex;flex-direction: row;margin-bottom:40px;
	}
	.separator_title::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;transform: translateY(-50%);
	  background-image: url('../images/logo/logo.png');background-size:60px 60px;background-repeat:no-repeat;
	  background-position: left top;  width: 60px;   /* 或按需设置 */
      height: 60px;  /* 与 background-size 一致更稳妥 */
	}
	.separator_title span:first-child {
		color:#087DE9;padding-left:70px;
	}
	.dinfo {
		width:1280px;display:flex;flex-direction: row;margin:0 auto;
	}
.department_info {
  width: calc(100% - 330px);
  margin: 0px 0px 0px 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px; 
}
.department_info span {
  flex: 0 1 calc(20% - 24px);
  padding: 15px 0;
  display: flex;
  justify-content: center;
  border-radius: 4px;
  color: #000;
  border: 1px dashed #666;
  font-size: 16px;
  box-sizing: border-box;
  cursor: pointer;
  background:#fff linear-gradient(to top, #01763a 0%, #01763a 100%) no-repeat center bottom / 100% 0%; /* 初始状态：背景高度为0% */
  transition: background-size 0.4s ease; box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}
.department_info span:hover {
  background-size: 100% 100%;color:#fff;
}
	.department_img {
		width:300px;overflow:hidden;box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	}
	.department_img img {
		  width: 100%;
    transition: all 0.3s ease-in-out !important;
    transform: scale(1);
	}
.department_img img.fading {
    transform: scale(1.05);
    opacity: 0;
}

.diagonal-lines {
  background: #d5dbe9; 
  background-image: repeating-linear-gradient(45deg,#dee3f1,#dee3f1 2px,transparent 2px,transparent 6px);
  display:flex;flex-direction: row;
}
.p_item {
	background:#fff;display:flex;width:100%;flex-direction: column;justify-content:center;align-items:center;cursor:pointer;
}
.p_avatar {
	width:100%;background:#2043A2;overflow:hidden;
}
.p_avatar img {
	width:100%;transition: transform 0.6s ease;
}
.p_avatar:hover img {
	transform: scale(1.2); 
}	
.p_name {
	background:#fff;padding:14px;font-size:20px;color:#009844;font-weight:bold;
}
.p_jobtitle {
	background:#fff;padding-bottom:14px;font-size:14px;color:#333;
}
.p_department {
	background:#009844;padding:14px 0;font-size:14px;color:#fff;width:100%;text-align:center;
}
.swiper {
  width: 1280px;
  margin: 50px auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
 }
	.f_link {
		margin-top:40px;background:#009844;width:100%;padding:30px 0px
	}
	.f_link_info {
		width:1280px;font-size:18px;color:#fff;margin:0 auto;
	}
	.f_link_info span {
		padding:3px 30px;position:relative;cursor:pointer;
	}
	.f_link_info span:hover {
		color:#FCE800;
	}
	.f_link_info span::after {
		content:'|';
		position:absolute;
		right:0;
		color:#fff;
	}
	.f_link_info span:last-child::after {
		content:'';
		position:absolute;
		right:0;
		color:#fff;
	}
.qrcode_item {
	flex: 1 0 calc(25% - 25px);box-sizing: border-box;display: flex;align-items: center;justify-content: center;overflow:hidden;flex-direction: column;
}
.qrcode_item img {
  wdith:100%;
}
.qrcode_title {
	padding:20px 0;color:#fff;font-size:14px;
}
.hasdata {
 display:none;width:100%;min-height:500px;	
}
.nonedata {
	min-height:500px;width:100%;line-height:500px;text-align:center;color:#888;font-size:14px;position:relative;
}
.nonedata:before {
  font-size:200px;color:#d1cccc;position:absolute;right:0;top:0;transform:translateX(-50%);left:50%;
  content: "\e601";font-family: "iconfont";
}
.nondatatips {transform:translateX(-50%);left:50%;position:absolute;z-index:99;line-height:600px;font-size:16px;color:#000;}
.nonedata_title {
		color:#fff;padding:40px 0;text-align:center;background:#5a8fd0;line-height:0;font-size:24px;
	}

.news_banner {
  width:100%;
  background-image: url('../images/banner/banner_news.jpg');
  background-size: cover;
  aspect-ratio: 16 / 3;
}

.company_banner {
  width:100%;
  background-image: url('../images/banner/banner_company.jpg');
  background-size: cover;
  aspect-ratio: 16 / 3;
}
.main-nav{
	width:100%;display:flex;justify-content: center;align-items: center;flex-direction: column;
}
.newsmenu_nav {
	width:1280px;margin:0px auto;text-align:center;display:flex;justify-content: center;align-items: center;flex-direction: row;border-bottom:1px solid #ccc;
}
.newsmenu_nav span {
	display:block;margin:0px 30px;font-size:18px;color:#000;position:relative;cursor:pointer;padding:30px 0px;transition: all 0.5s ease-in-out;
}
.newsmenu_nav span:hover {
	color:red;
}
.newsmenu_nav span.selected {
	color:red;position:relative;
}
.newsmenu_nav span.selected::after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: red;transform: scaleX(1);opacity: 1;
}
.newsmenu_nav span::after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: red;
    transform: scaleX(0); /* 初始状态缩放为0 */
    transition: all 0.3s ease-in-out;
	opacity: 0;
}
.newsmenu_nav span:hover::after {
    transform: scaleX(1); /* 悬停时恢复正常尺寸 */
	opacity: 1;
}
.news_content {
	line-height:36px;font-size:18px;color:#333;padding:32px;overflow:hidden;
}
.news_content img {
	width:100%;padding:8px 0;display:flex;justify-content: center;
}
.news_title {
	text-align:left;font-size:28px;color:#333;padding:25px 35px 10px 35px;line-height:45px;
}
.newsinfo_footer {
	display:flex;justify-content: space-between;color:#333;padding:50px 0;margin:30px 0;border-top:1px solid #ccc;
}
.newsinfo_footer .link {
	font-size:16px;
}

.newsinfo_footer .link a {
	color:#009844;
	transition: all 0.3s ease-in-out;
}
.newsinfo_footer .link a:hover {
	color:maroon;
}
.news_other {
	text-align:center;font-size:16px;color:#666;padding:20px 0 20px 0;border-bottom:1px solid #ccc;
}
.news_other span {
	padding-right:15px;
}
.news_other span:nth-child(2n) {
	color:#009844;
}

.shareinfo {
	padding:25px;background:#fff;display:flex;flex-direction: row;justify-content: space-between;width:60%;margin:0 auto;
}
.share_btn {
	padding:25px 25px 25px 50px;background:#009844;position:relative;justify-content:space-between;width:60%;margin:30px auto;
}
.share_btn::before {
	position:absolute;
	display: flex;
	align-items: center; 
	font-family: "iconfont";
	justify-content: flex-start;
	content:'\e61e';
	color:#fff;
	font-size:20px;
	left:16px;
}
#qrcode,#qrcodeDisplay {
    width: 200px;   /* 您希望得到的最终rem大小 */
    height: 200px;
}
#qrcode canvas,#qrcodeDisplay img {
    width: 100% !important;   /* 强制canvas元素充满容器 */
    height: 100% !important;
}

        .steps {
            list-style: none;color:#333;
            font-size: 14px;
        }
        .steps li {
            margin-bottom: 20px;
            padding-left: 30px;
            position: relative;
        }
        .steps li:before {
            content: counter(step);
            counter-increment: step;
            position: absolute;
            left: 0;
            top: 0;
            background: #07C160;
            color: white;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            text-align: center;
            line-height: 25px;
            font-size: 14px;;
        }
.news_right {
	width:330px;display:flex;flex-direction: column;margin-bottom:15px;
}
.hotnews_banner {
	width:100%;background:url("../images/other/hot_news.jpg")  no-repeat center center;background-size: cover;height:186px;margin-bottom:25px;
}
.hot_news {
	display:flex;width:100%;color:#333;min-height:120px;
}
.hot_news ul{
	overflow:hidden;width:100%;min-height:120px;
}
.hot_news ul li{
	border-bottom:1px solid #ccc;padding:10px 0;position:relative;transition: width 0.4s ease-in-out;cursor:pointer;min-height:90px;
}
.hot_news ul li:hover{
	color:#009844;
}

.hot_news ul li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0; /* 初始宽度为0 */
    height: 1px; /* 边框高度 */
    background-color: #ff6b6b; /* 悬停时的颜色，可自定义 */
    transition: width 0.4s ease-in-out; /* 宽度过渡动画 */
}

.hot_news ul li:hover::after {
    width: 100%; /* 悬停时宽度扩展到100% */
}
.hot_news_title {
	font-size:14px;padding-bottom:10px;width:213px;line-height:24px;
}
.hot_news_addtime {
	font-size:12px;color:#999;width:50%;width:213px
}
.hot_news ul li .hot_news_img {
	width:100px;margin-left:20px;position:absolute;right:0;top:10px;background:#444;transition: background-color 0.4s ease-in-out;overflow:hidden;height:90px;
}
.hot_news ul li:hover .hot_news_img {
	background:red;
}

.hot_news ul li .hot_news_img img {
	width:100%;object-fit: cover;height:100%;
    transition: all 0.6s ease-in-out !important;
    transform: scale(1);
}
.hot_news ul li:hover .hot_news_img img {
	width:100%;
	transform: scale(1.2);
}
.companyinfo {
	margin:30px;width:1280px;overflow:hidden;
}
.news_item{
	display: grid;grid-gap:40px;width:1280px;margin-top:30px;grid-template-columns:33.33% 33.33% 33.33%;
}
.news_item .item {
	flex: 1 1 calc(33.333% - 40px);text-align: center;box-sizing: border-box;box-shadow: 0px 6px 12px rgba(0,0,0,0.2);overflow:hidden;
	cursor:pointer;background:#fff;
    transition: all 0.5s ease-in-out !important;flex-direction: column;display:flex;
}
.news_item .item:hover {
	background:#009948;
}
 .news_item .item .newscover{
	width:100%;height:250px;overflow:hidden;
}
.news_item .item .newscover img {
	width:100%;height:100%;object-fit: cover;
    transition: all 0.5s ease-in-out !important;
    transform: scale(1);
}
.news_item .item:hover .newscover img {
	width:100%;
	transform: scale(1.05);
}
.news_item .item .allnews_newstitle {
	padding:20px 20px 10px 20px;font-size:16px;color:#333;background:#fff;text-align:left;
	transition: all 0.5s ease-in-out !important;flex: 1;
}
.news_item .item:hover .allnews_newstitle {
	color:#fff;background:#009948;
}
.news_item .item .allnews_bottominfo {
	padding:10px 20px;font-size:12px;color:#999;display: flex;flex-direction: row;justify-content: space-between;background:#fff;
	transition: all 0.5s ease-in-out !important;
}
.news_item .item:hover .allnews_bottominfo {
	color:#fff;background:#009948;
}