@charset "utf-8";

.wrapper{ width:1200px; margin:0 auto; overflow:hidden;}
.cen{ width:1300px; margin:auto; height:auto;}

/*-------------------------------  ■ index 首页---------------------------------*/

.nydh{ height:70px; width:100%;box-shadow: 0 0 10px rgba(0,0,0,0.2);}


a.dh2 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:49.9%; height:70px; text-align:center;  border-right:1px solid #e2e2e2; font-weight:bold;}
a.dh2:visited {font-style: normal; color: #212121; text-decoration: none;}
a.dh2:hover { color:#fff; text-decoration: none; background:#194382;}
a.dh2:active { color: #ffffff; background:#1F63E9;}

a.dh3 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:33.2%; height:70px; text-align:center;  border-right:1px solid #e2e2e2; font-weight:bold;}
a.dh3:visited {font-style: normal; color: #212121; text-decoration: none;}
a.dh3:hover { color:#fff; text-decoration: none; background:#194382;}
a.dh3:active { color: #ffffff; background:#1F63E9;}

a.dh4 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:24.9%; height:70px; text-align:center;  border-right:1px solid #e2e2e2; font-weight:bold;}
a.dh4:visited {font-style: normal; color: #212121; text-decoration: none;}
a.dh4:hover { color:#fff; text-decoration: none; background:#194382;}
a.dh4:active { color: #ffffff; background:#1F63E9;}


a.dh5 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:19.9%; height:70px; text-align:center;  border-right:1px solid #e2e2e2; font-weight:bold;}
a.dh5:visited {font-style: normal; color: #212121; text-decoration: none;}
a.dh5:hover { color:#fff; text-decoration: none; background:#194382;}
a.dh5:active { color: #ffffff; background:#1F63E9;}



a.dh6 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:16.5%; height:70px; text-align:center;  border-right:1px solid #e2e2e2; font-weight:bold;}
a.dh6:visited {font-style: normal; color: #212121; text-decoration: none;}
a.dh6:hover { color:#fff; text-decoration: none; background:#194382;}
a.dh6:active { color: #ffffff; background:#1F63E9;}

a.dh7 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:14.2%; height:70px; text-align:center;  border-right:1px solid #e2e2e2; font-weight:bold;}
a.dh7:visited {font-style: normal; color: #212121; text-decoration: none;}
a.dh7:hover { color:#fff; text-decoration: none; background:#194382;}
a.dh7:active { color: #ffffff; background:#1F63E9;}

a.dh8 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:12.3%; height:70px; text-align:center;  border-right:1px solid #e2e2e2; font-weight:bold;}
a.dh8:visited {font-style: normal; color: #212121; text-decoration: none;}
a.dh8:hover { color:#fff; text-decoration: none; background:#194382;}
a.dh8:active { color: #ffffff; background:#1F63E9;}


a.yf1 { font-family:"微软雅黑"; font-size: 14px; line-height:50px; color: #000; background:#E8E8E8; display:block; width:13%; height:50px; text-align:center; border-radius:10px;}
a.yf1:visited {font-style: normal; color: #000; text-decoration: none;}
a.yf1:hover { color:#ffffff; text-decoration: none; background:#ff6600; }
a.yf1:active { color: #ffffff; background:#1F63E9;}




.weizik{ width:100%; height:70px; background:#f3f3f3; }
.weizi{ width:1200px; margin:auto; height:70px; line-height:70px; font-size:16px; color:#505050;}
.weizi1{ width:1200px; margin:auto; height:70px; line-height:70px; font-size:16px; color:#505050;}


.bti{padding-bottom:35px; text-align:center;}
.btiwz{ text-align:center; line-height:48px; color:#ccc; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:26px;}
.btiwz span{ text-align:center; color:#212121; font-family:'微软雅黑'; text-transform:uppercase; font-size:40px;}

.btiwz1{  text-align:center; color:#333; font-family:'微软雅黑'; text-transform:uppercase; font-size:50px;}

.nynr{ width:1200px; margin:auto; font-size:16px; line-height:34px; color:#414141; text-align:justify; padding-bottom:75px;}


/*--------公司简介页面---------------------------------------------------------------------------------*/
.about{ width:100%; height:590px;  position:relative; margin-top:80px;}
.aboutnr{ background:rgba(0,0,0,0.5); height:530px; width:44%; padding-left:6%; padding-top:60px; position: absolute; z-index:2; right:0px;}
.aboutnr01{ font-size:42px; color:#FFF; height:80px; background:url(../images/abxx.jpg) left bottom no-repeat;}
.aboutnr02{  color:#FFF; font-size:15px; width:510px; line-height:30px; padding-bottom:30px; text-align:justify;}
.aboutnr03 a{ width:140px; height:38px; line-height:38px; text-align:center; border:1px solid rgba(255,255,255,0.5); display:block;  color:rgba(255,255,255,0.8); font-size:14px; border-radius:50px;}
.aboutnr03 a:hover{ background:#FF8400; color:#FFF;}

.baboutnr{ background:#727272; height:412px; width:42%; padding-left:8%; padding-top:30px; position: absolute; z-index:2; left:0px;}
.baboutnr01{ font-size:42px; color:#FFF; height:80px; background:url(../images/abxx.jpg) left bottom no-repeat;}


.jyln{width: 1200px; margin:auto;	background: #fff; margin-bottom:20px; }
.jyln1{float: left;	width: 540px; overflow:hidden;}
.jyln2{float: right; width:600px; font-size: 20px; color:#333333; font-weight:bold;}
.jyln3{font-size: 16px;color: #666666; line-height:32px; font-weight:normal; padding-top: 20px; text-align:justify;}

.jyln4 a{width: 100px;height: 25px;line-height: 25px;text-align: center;	font-size: 14px;display: block;border: 1px solid #BCBCBC;border-radius: 50px;color: #666;margin-top:20px;
font-weight:normal;}
.jyln4 a:hover{background: #414141; color:#FFF;	}


.linian{ width:100%; height:1120px; background:#f4f4f4; margin-top:80px;}
.abnrkuai{ width:100%; background:url(../images/dbj.jpg) center bottom no-repeat; padding-bottom:120px;}

.yuangong{width:42%; line-height:46px; padding:3%; font-size:14px!important; margin-bottom:50px; color:#333; background:#E9E9E9; border:1px solid #DBDADA; text-align:center;}
.yuangong img{height:280px!important; object-fit: cover;}

.yuangong01{width:30%; line-height:26px; padding:3%; font-size:14px!important; margin-bottom:50px; color:#333; background:#E9E9E9; border:1px solid #DBDADA; text-align:center; float:left;}
.yuangong01 img{ width:280px!important; object-fit: cover; margin-bottom:20px;}




.kuai01nr{ width:1200px; margin:auto;}
.kuai01nr01{ height:150px; padding-top:50px; border-bottom:1px dotted #09B14C; margin-bottom:60px;}
.kuai01bt{ width:380px; float:left; height:110px; background:url(../images/btbj.png) top left no-repeat;}
.kuai01bt01{font-size:25px; color:#ffffff; font-family:"微软雅黑"; padding-left:85px; padding-top:16px;}
.kuai01bt02{font-size:30px; color:#09B14C; text-transform:uppercase; font-family:Arial; padding-left:65px; padding-top:15px; }




.liniana{
    animation: f2icon 5s infinite;
    -moz-animation: f2icon 5s infinite;
    -webkit-animation: f2icon 5s infinite;
    -o-animation: f2icon 5s infinite;}
}
/*****/
@keyframes f2icon {
	0%, 100% {transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {transform:translate(0, 15px)}
}
@-moz-keyframes f2icon {
	0%, 100% {-moz-transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {-moz-transform:translate(0, 15px)}
}
@-webkit-keyframes f2icon {
	0%, 100% {-webkit-transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {-webkit-transform:translate(0, 15px)}
}
@-o-keyframes f2icon {
	0%, 100% {-o-transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {-o-transform:translate(0, 15px)}
}


/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}






.aban{ width:198px; height:226px; background:#e65a53; text-align:center; float:left; margin-left:20px; margin-right:20px; border-radius:15px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.aban:hover{-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-o-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.aban img{ margin-top:35px; margin-bottom:5px;}
.aban span{ color:#FFF; font-weight:bold; font-size:24px;}

.xwkuai{ width:630px; float:left;}
.xwkuai01{ width:420px; float:left; padding-top:20px; text-align:right;}

.xwzx{ height:110px; width:610px; margin-top:15px; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
.xwzxwz{ width:480px; float:left; height:110px;}
.xwzxwzbt{ line-height:22px; color:#000000; font-size:18px; padding-top:10px; padding-bottom:10px; padding-right:20px;}
.xwzxwzbt a{ line-height:22px; color:#333333; font-weight:bold; font-size:18px;}
.xwzxwzbt a:hover{ color:#FF3600;}

.xwzxwznr{ line-height:20px; color:#666666; font-size:14px; padding-bottom:5px; text-align:justify;}

.xwzximg{ width:100px; height:100px; float:left; background:#f5f5f5; margin-right:20px;}


.product01{ position:relative; cursor:pointer; float:left; width:325px; height:300px; font-size:12px; overflow:hidden; display:block; line-height:28px;}
.pro04{ position:absolute; text-align:center; padding-top:140px; z-index:99999; display:none; top:0; left:0; width:325px; height:230px; background:url(../images/imgtt.png) no-repeat top center; cursor:auto;}
.pro04 span{margin:auto; font-size:16px; color:#ffffff; font-family:"微软雅黑"; text-align:center;}
.pro04 span a{color:#ffffff;}



/*--------工程案例页面---------------------------------------------------------------------------------*/


.project{ height:240px; width:1200px; margin-top:15px; margin-bottom:25px; background:#f2f2f2;}
.projectbtk{ padding-top:30px; padding-bottom:10px; padding-right:20px; width:720px; float:right; height:150px}
.projectbt a{ line-height:42px; color:#7d7d7d; font-weight:bold; font-size:18px;}
.projectbt a:hover{ color:#FF3600;}
.projectbt01 a{ line-height:52px; color:#7d7d7d; font-weight:bold; font-size:16px;}
.projectbt01 a:hover{ color:#FF3600;}

.projectnr{ line-height:24px; color:#7d7d7d; font-size:14px; padding-bottom:35px; padding-top:10px; text-align:justify; border-bottom:1px dotted #c6c1bd;}

.projectimg{ width:426px; height:240px; float:left; background:#f5f5f5; overflow:hidden;}
.projectimg img:hover{ width:446px; height:250px; float:left; background:#f5f5f5; margin-left:-8px; margin-top:-4px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.anlinr{font-size:16px; color:#4b4848; margin:auto; padding-bottom:40px; width:1200px; line-height:32px;}
.anlinr span{font-size:22px; color:#f84448; font-weight:bold; border-left:3px #e60012 solid; height:38px; line-height:38px; padding-left:10px;}

/*--------新闻列表页面---------------------------------------------------------------------------------*/
.xwbj{ width:100%; background:url(../images/xwbj.jpg) top center no-repeat; padding-bottom:80px;}

.xwbt{ width:720px; height:67px; background:url(../images/xwb.jpg) center bottom no-repeat; margin:auto;}


.dtprob a{height:38px; width:120px; display:block; text-align:center;  color:#333333; font-size:16px; padding-left:40px; line-height:38px; background:#d8d8d8 url(../images/xt1.jpg) 30px 5px no-repeat; margin-top:20px; float:left;}
.dtprob a:hover{color:#ffffff; background:#e60012 url(../images/xt2.jpg) 30px 5px no-repeat;}

.dtprob1 a{height:38px; width:120px; display:block; text-align:center;  color:#ffffff; font-size:16px; padding-left:40px; line-height:38px; background:#e60012 url(../images/xt3.jpg) 30px 5px no-repeat; margin-top:20px; float:right;}
.dtprob1 a:hover{color:#333333; background:#d8d8d8 url(../images/xt4.jpg) 30px 5px no-repeat;}




/*--------解决方案页面---------------------------------------------------------------------------------*/
.xxcpshuiming{ width:1054px; margin:auto;}

.cls_tab_nav {
	height:38px;
	overflow:hidden;
	font-size:14px;
	text-align:left;
	width:1054px;
	font-family:"微软雅黑";
}
.cls_tab_nav ul {
	font-size:12px;
	margin:0;
	padding:0;
}
.cls_tab_nav li {
	background:url(../images/tab_bgs.jpg) no-repeat -150px 0;
	width:150px;
	height:35px;
	line-height:35px;
	float:left;
	display:inline;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
}
.cls_tab_nav li a {
	display:block;
	width:150px;
	height:44px;
	font-size:14px;
	color:#414141;
	font-weight:bold;
}
.cls_tab_nav li a:hover {
	background:url(../images/tab_bgs.jpg) no-repeat 0px 0;
}
.cls_tab_body {
	border-top:1px solid #D9D9D9;
	border-top:none;
}
.cls_div {
	display:none;
	font-size:12px;
	line-height:26px;
	color:#555555;
	height:auto!important;_height:675px;min-height:675px;
	border:1px solid #DDDDDD; padding:20px;
	border-top:none;
	width:918px;
	overflow:hidden;
}
.cls_div a {
	color:#414141;
}

.hangq02_tab{ padding-left:25px;}
.hangq02_tab ul{ overflow:hidden; font-size:15px; color:#414141; text-align:center; font-weight:bold;}
.hangq02_tab ul li{ float:left; width:160px; text-align:center; line-height:38px; height:38px; cursor:pointer; background:#d8d8d8; margin-left:6px;}
.hangq02_tab ul li:hover{}
.hangq02_tab ul li.hangq02_tab_on{ background:#e60012; color:#FFF;}
.hangq02_tab ul li img{ vertical-align:middle; margin-right:5px;}

.hangq03_tab{}
.hangq03_tab_cont{ padding-top:0px;}
.cpxlnrqh{ height:auto!important;_height:692px;min-height:692px; border-top:none; font-size:12px; line-height:26px; color:#414141; padding-top:60px;}

.tavnr{ font-size:14px; color:#747474; line-height:28px; padding-top:20px; padding-bottom:70px;}
.tavnr img{ margin-right:30px;}


/*--------联系我们页面---------------------------------------------------------------------------------*/
.lxmwkuai{ width:1150px; background:#f3f3f3; height:310px; margin:auto; padding-left:50px; padding-top:40px; margin-bottom:25px;}
.lxbt{ height:34px; line-height:34px; border-left:4px solid #e60012; padding-left:20px; color:#e60012; font-size:20px; font-weight:bold;}
.lxbt a{color:#e60012;}
.lxnr ul{ list-style:none; padding-top:20px;}
.lxnr ul li{ height:61px; color:#000000; font-size:14px; float:left; padding-top:45px; padding-right:40px; width:234px; padding-left:100px;}
.lxnr ul li a{color:#000000;}


.lxdt{ height:390px; width:100%; margin-bottom:105px;}


.Address{ height:24px; width:160px; color:#666666; line-height:24px; font-size:12px; margin-top:20px;}
.Address input{ background:none; border:0px; margin-right:20px; color:#666666; font-size:12px;}
.Address1{ height:48px; width:375px; float:left; color:#666666; line-height:48px; font-size:12px; background:#ffffff; margin-bottom:12px; padding-left:10px; border:1px solid #DCDCDC;}
.Address1 input{ background:none; border:0px; margin-left:20px; color:#666666; font-size:12px;}

.Address4{ height:48px; width:398px; float:left; color:#666666; line-height:48px; font-size:12px; background:#ffffff; margin-bottom:12px; padding-left:10px; border:1px solid #DCDCDC;}
.Address4 input{ background:none; border:0px; margin-left:20px; color:#666666; font-size:12px;}


.Address2{width:1185px; height:150px; float:left; color:#666666; line-height:24px; font-size:12px; background:#ffffff; margin-bottom:12px; padding-left:10px; border:1px solid #DCDCDC;}
.Address2 textarea{ background:none; border:0px;  color:#666666; font-size:12px; height:110px; width:1170px;}


/*--------产品专区页面---------------------------------------------------------------------------------*/
.cpbt{ width:720px; height:70px; background:url(../images/cpb.jpg) center bottom no-repeat; margin:auto;}
.cpk{ width:205px; height:370px; float:left; margin-left:12px; margin-right:12px;}


.cpkimg{ width:205px; height:232px; overflow:hidden;}
.cpkimg a:hover img{ width:225px; height:242px;margin-left:-10px; margin-top:-6px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}


.cpkbt{ text-align:center; height:50px; line-height:50px; font-size:16px; color:#fe585c; background:url(../images/cpx.jpg) center bottom no-repeat;}
.cpkbt a{color:#fe585c; font-weight:bold; width:205px; height:50px; display:block;}
.cpkbt a:hover{color:#ffffff; background:#fe585c;}

.cpkbt1{ text-align:center; height:50px; line-height:50px; font-size:14px; color:#6b6868;}
.cpkbt1 a{color:#6b6868; width:205px; height:50px;}
.cpkbt1 a:hover{color:#fe585c;}

/*--------产品专区列表页面---------------------------------------------------------------------------------*/
.cpleft{ width:230px; float:left; padding-top:30px;}
.cpright{ width:930px; float:left; padding-top:30px; padding-left:40px;}

.cplbnr{font-size:16px; color:#4b4848; margin-left:12px; padding-bottom:30px; width:900px; line-height:32px; border-bottom:1px solid #dadada; margin-bottom:30px;}
.cplbnr span{font-size:22px; color:#f84448; font-weight:bold; border-left:3px #e60012 solid; height:38px; line-height:38px; padding-left:10px;}

.lfSider{ width: 228px; float: left; border:1px solid #e2e2e2; border-top:none;}
.lfSider .side-top-tit{ padding: 20px;}
.lfSider .side-top-tit h2{ font-size: 16px; line-height: 22px; color: #414141;}
.lfSider .side-top-tit span{ display: block; font-size: 13px; line-height: 16px; color:#909090;  font-family: arial;}
.lfSider .siderUl li{ }
.lfSider .siderUl .dddd{ display: block; height:78px; line-height:78px; padding-left:68px; color:#ffffff; background:url(../images/cplbbja.jpg) left no-repeat; border-top:1px solid #DDDDDD; font-size:24px;}
.lfSider .siderUl .dddd:hover{ background:url(../images/cplbbj.jpg) no-repeat; color:#ffffff; text-decoration:none;}
.lfSider .siderUl .dddd-active{ color: #ffffff;background:url(../images/cplbbj.jpg) no-repeat;}
.lfSider .side-item{ padding: 0px 0px;}
.lfSider .side-item .aa1{ display: block; /*background: url(../images/side_icon2.png) no-repeat left top;*/ line-height: 54px; overflow: hidden; font-size: 18px; color: #8e8e8e; border-bottom:1px solid #e2e2e2; background:#ffffff; text-decoration:none; text-align:center;}
.lfSider .side-item .aa1:hover , .lfSider .side-item .aa1.cur{ /*background-position: left bottom;*/ color: #ffffff; background:#de2e3b;}

.cplb1 a{ width:192px; height:41px; line-height:40px; padding-left:18px; color:#535353; font-size:13px; font-weight:bold; background:url(../images/nycpbj.jpg) left no-repeat; border-top:1px solid #DDDDDD; display:block; text-decoration:none;}
.cplb1 a:hover{ color:#ffffff; background:#3EB56F;}




.xiangxiimg{width:400px; height:320px; border:1px solid #D1C0A9; float:left;}
.xiangxinr{width:710px; height:320px; float:right;}
.xxbt{ height:100px; line-height:28px; font-size:16px; color:#000000; background:url(../images/bj01.jpg) left bottom no-repeat;}
.xxbt span{ height:100px; line-height:28px; font-size:24px; color:#000000; font-weight:bold;}
.xxwenzi{ height:90px; height:27px; line-height:27px; font-size:14px; color:#ffffff; font-weight:bold; float:left;}
.xxxinghao{ padding-top:15px; padding-bottom:15px; color:#666666; border-bottom:1px solid #CCCCCC;}
.xxxinghao a{color:#666666; padding-left:10px; padding-right:10px; height:32px; line-height:32px; border:1px solid #DCDCDC; margin-bottom:10px; margin-right:10px;}
.xxxinghao a:hover{color:#FF1200; border:2px solid #FF1200;}
.xxshuming{ padding-top:15px; padding-bottom:15px; line-height:26px; color:#666666;}
.xxshuming a{color:#666666;}
.cpxxbt{background:url(../images/bj02.jpg) no-repeat; height:34px; width:1120px; margin:auto; margin-top:30px; line-height:34px; font-size:16px; color:#FFF; padding-left:30px; font-weight:bold;}
.cpxxnr{line-height:30px; font-size:13px; width:1150px; margin:auto;}
.baihaoxin{ width:1150px; line-height:38px; font-size:20px; color:#B50000; font-weight:bold; text-align:center;  border-bottom:1px solid #BDBDBD; margin:auto;}
.bxfanhui{ width:1150px; line-height:26px; font-size:12px; height:26px; color:#ffffff; background:#CCC; text-align:center; margin:auto; margin-top:20px;}
.bxfanhui a{color:#ffffff;}

.bxfanhuiimg{ width:1150px; text-align:center; margin:auto; margin-top:20px;}


/*--------连接---------------------------------------------------------------------------------*/
a.zzb07link{
	line-height:22px;
	text-decoration:none;
	color: #fff;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #FF6500;
}
.zzb07tail
{
color:#fff;
}
.style10:link {
	font-family: "微软雅黑";
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.style10:visited {
	font-family: "微软雅黑";
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.style10:hover {
	font-family:"微软雅黑";
	color: #FF6500;
	text-decoration: underline;
	font-weight: bold;
}
.style10:active {
	font-family:"微软雅黑";
	color: #FF6500;
	text-decoration: none;
	font-weight: bold;
}

a.s1 {
	font-family:"微软雅黑";
	font-size: 12px;
	line-height:36px;
	font-style: normal;
	float:left;
	color: #ffffff;
	display:block;
	width:123px;
	height:36px;
	text-align:center;
}
a.s1:visited {
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
}
a.s1:hover {
	font-size: 12px;
	color:#ffffff;
	text-decoration: none;
	display:block;
	width:123px;
	height:36px;
	background:#D27D00;
	position: relative;
}
a.s1:active {
	font-size: 12px;
	color: #ffffff;
	height:36px;

}
a.s2:link {
	font-size: 16px;
	line-width: 2px;
	font-style: normal;
	color: #212121;
	text-decoration: none;
}
a.s2:visited {
	font-size: 16px;
	font-style: normal;
	color: #212121;
	text-decoration: none;
}
a.s2:hover {
	font-size: 16px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s2:active {
	font-size: 16px;
	color: #E00025;
}



a.s3:link {
	font-size: 12px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:visited {
	font-size: 12px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:hover {
	font-size: 14px;
	color: #E40500;
	text-decoration: none;
	position: relative;
	height: auto;
	font-weight:bold;
}
a.s3:active {
	font-size: 12px;
	color: #E40500;
}


a.s4 {
	font-family:"微软雅黑";
	font-size: 12px;
	line-height:20px;
	font-style: normal;
	float:left;
	color: #B4B4B4;
	display:block;
	width:211px;
	height:20px;
}
a.s4:visited {
	font-size: 12px;
	font-style: normal;
	color: #B4B4B4;
	text-decoration: none;
}
a.s4:hover {
	font-size: 12px;
	color:#DD352C;
	text-decoration: none;
	display:block;
	width:231px;
	height:20px;
	background-color:#EEEEEE;
	position: relative;
}
a.s4:active {
	font-size: 12px;
	color: #DD352C;
	height:20px;

}

a.s5:link {
	font-size: 12px;
	line-width: 2px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
}
a.s5:visited {
	font-size: 12px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
	}
a.s5:hover {
	font-size: 12px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s5:active {
	font-size: 12px;
	color: #E00025;
}

#Address {
    width:400px;
	height:18px;
	border:1px #999999 solid;
	margin:0px;
}
#Address1 {
    width:400px;
	height:48px;
	border:1px #999999 solid;
	margin:0px;
}
#Address2 {
    width:180px;
	height:18px;
	border:1px #999999 solid;
	margin:0px;
}
.STYLE1 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #0193CC;
	text-decoration:none;
}

.STYLE2 {
	font-size: 14px;
	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.STYLE12 {
	font-size: 13px;
	font-family: "微软雅黑";
	line-height: 36px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.STYLE3 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 26px;
	font-weight: normal;
	color: #15908B;
	text-decoration:none;
}

.STYLE4 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 28px;
	color: #A50701;
	font-weight:bold;
}

.STYLE5 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 26px;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
}

.STYLE6 {
	font-size: 16px;




	font-family: "微软雅黑";
	line-height: 60px;
	font-weight: normal;
	color: #fff;
	text-decoration:none;
}
/*---------------*/

ul.menu {list-style:none; margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; line-height: 58px;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1;}
ul.menu ul {position:absolute; top:79px; left:0;background:#234c8e; width:1300px; height:300px; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000; border-top:none; width:100px; margin:0}
ul.menu ul li a {display:block; padding:3px 0px 5px 0px; height:32px; line-height:32px; color:#000; font-size:12px;}
ul.menu ul li a:hover {background-color:#1454BD; color:#fff; font-size:12px;}
ul.menu ul ul {left:114px; top:0px}
ul.menu .menulink {border:0px solid; padding:5px 20px 7px 20px; color:#000;  font-family:"微软雅黑"; font-size:15px;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #1454BD; background:url(../images/dhbj.jpg) bottom repeat-x;}
ul.menu .topline {border-top:1px solid #aaa}


/*-----------翻页样式-----------*/
.contentPage{text-align: center; margin:0px 3px; padding:0px; padding-top:15px; width: 100%; color: #666; line-height: 30px; text-decoration: none;}
.contentPage a:link {color: #036cb4; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #eeeeee; font-weight: normal;}
.contentPage a:visited {color: #036cb4; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #eeeeee; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#0d499f; font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #f00; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}
/*-----------content pages end-----------*/

/*---------------*/

.product01{ position:relative; cursor:pointer; float:left; width:325px; border:#CFEBF3 5px solid; height:240px; font-size:12px; overflow:hidden; display:block; line-height:28px;}
.pro04{ position:absolute; text-align:center; padding-top:140px; z-index:99999; display:none; top:0; left:0; width:325px; height:240px; background:url(../images/imgtt.png) no-repeat top center; cursor:auto;}
.pro04 span{margin:auto; font-size:16px; color:#ffffff; font-family:"微软雅黑"; text-align:center;}
.pro04 span a{color:#ffffff;}


/*------tab---------*/
.gsjjnr{background: url(../images/bj.jpg) center center no-repeat fixed;}



.sycpbtk{width:100%; text-align:center; padding-bottom:10px; padding-top:60px;}
.sycpbtkbt{width:100%; font-size:40px; color:#000;}
.sycpbtkxbt{width:100%; background:url(images/xx.jpg) bottom center no-repeat; padding-bottom:20px; margin-bottom:20px; font-size:20px; color:#555;}



.index_cp02{ width:1300px; margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.index_cp02 dl{ width:395px; height:480px; margin-bottom:70px; overflow:hidden;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.index_cp02 dl:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.index_cp02 dl dt{ height:246px; overflow:hidden; background:#fff;}
.index_cp02 dl dt:hover img{ height:266px; width:405px; margin-left:-8px; margin-top:-4px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_cp02 dl dd{ width:337px; height:216px; padding:19px 29px 0; border-top:none; background:#fff;}
.index_cp02 dl dd h2 a{ text-transform:uppercase; display:block; font-size:16px; line-height:30px; height:30px; color:#2c353c; font-weight:bold;}
.index_cp02 dl dd h2 a:hover{ color:#F00;}
.index_cp02 dl dd span{ margin:5px 0 13px; display:block; line-height:28px; font-size:14px; color:#616e77;  height:100px; overflow:hidden;}
.index_cp03{ font-size:16px; color:#2c353c; width:120px; height:32px; border:1px solid #CCC; display:block; text-align:center; line-height:32px;}
.index_cp03:hover{ color:#ffffff; text-decoration:underline; background:#F00;}






.dbdhk{width:100%; background:#F7F7F7; padding-top:75px; padding-bottom:75px;}
.dbdhk1{width:360px; height:319px; position:relative;}
.dbdh a{border-radius:50px; width:165px; height:122px; display:block; margin-top:25px; color:#fff; background:#CB0F17; line-height:32px; position:absolute; z-index:99; left:0px; margin-top:20%; padding-left:30px; padding-top:50px; font-size:24px;font-family: "微软雅黑";}
.dbdh a span{font-size:13px; color:rgba(255,255,255,0.5); text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-weight:normal;}
.dbdh a:hover{background:#FF7E00; color:#ffffff;}

.dbdha a{ background:#0f3572;}
.dbdhb a{ background:#EB5612;}
.dbdhc a{ background:#6D6D6D;}



.spdh{ font-size:14px; color:#fff; width:140px; height:38px; border:1px solid #CCC; font-weight:normal; display:block; text-align:center; line-height:38px; margin-top:50px;}
.spdh:hover{ color:#ffffff; text-decoration:underline; background:#ff6600;}




.daohang{width:1120px; background:#234c8e; margin:auto; margin-top:30px;}
.daohangbt{height:40px; font-weight:bold; font-size:20px; color:#FFFFFF; border-bottom:1px solid #6880b0;}
.daohangbt span{font-size:14px; color:rgba(255,255,255,0.8); font-weight:normal;}
.daohangnr{width:100%; padding-top:30px;}
.daohang02{float:left; height:180px; width:620px; padding-left:30px; margin-left:60px; border-left:1px solid rgba(255,255,255,0.4);}
.daohang03 a{font-size:15px;padding-left:60px; margin-left:10px; margin-bottom:10px; color:#0089d1; background: #FFFFFF url(../images/jt.png) 20px center no-repeat; height:60px; line-height:60px; width:130px; border:1px solid rgba(255,255,255,0.6); float:left; display:block;}
.daohang03 a:hover{color:#fff; background: #ff6600 url(../images/jt1.png) 20px center no-repeat;}


.wenhua{ width:1200px; height:auto; margin:auto;display: flex; flex-wrap: wrap; justify-content: space-between;}

.whnr{width:50%; height:370px; background:#EEEEEE; overflow:hidden;}
.whnr img{ width:100%; height:100%;object-fit: cover;}
.whbt{font-size:30px; font-weight:bold; color:#333; text-align:center; background:url(../images/xxx.jpg) bottom center no-repeat; margin-top:70px; padding-bottom:20px;}
.whsm{padding:20px 80px 50px 80px; font-size:16px; line-height:36px; color:#414141; text-align:justify;}


.sjgck{ width:100%; margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between; }

.gck{ width:360px; height:auto; margin-bottom:40px; overflow:hidden;}
.gckimg img{ width:360px; height:232px; overflow:hidden; border-radius:30px;}
.gckimg a:hover img{ width:370px; height:242px;margin-left:-10px; margin-top:-6px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.gckbt1{ text-align:center; display:block; height:40px;line-height:40px; font-size:16px; margin-top:15px; color:#414141;}

.gckimg01 img{ width:360px; height:232px; }
.gckimg01 a:hover img{ width:370px; height:242px;margin-left:-10px; margin-top:-6px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}






.yuan{ margin-left:5px; display:block; margin:auto; width:28px; line-height:28px; font-size:14px; height:28px; color:#FFF; border-radius:50px;}

.k1{width:465px; margin-right:20px;height:100px; padding-top:20px; padding-right:60px; background:#E6E6E6; padding-left:60px; border-radius:100px; font-size:16px; line-height:26px; color:#414141; position:relative; float:left;}
.k1 strong{ font-size:22px; color:#CC0810; line-height:30px;}

.k2{width:465px; margin-left:20px;height:100px; padding-top:20px; padding-right:60px; background:#E6E6E6; padding-left:60px; border-radius:100px; font-size:16px; line-height:26px; color:#414141; position:relative; float:right;}
.k2 strong{ font-size:22px; color:#CC0810; line-height:30px;}

.k1y{ display:block; width:28px; height:28px; background:#FFA200; border-radius:50px; position:absolute; margin-top:20px; right:-29px;}
.k2y{ display:block; width:28px; height:28px; background:#FFA200; border-radius:50px; position:absolute; margin-top:20px; left:-29px;}


.kuang{ width:80%; height:28px; border:1px solid #CFCFCF; padding-left:10px;}
.kuang1{ width:80%; height:28px; border:1px solid #CFCFCF; padding-left:10px;}
.kuang2{ width:80%; height:58px; border:1px solid #CFCFCF; padding-left:10px;}
.kuang3{ width:100px; height:38px; border:1px solid #CFCFCF;}

.nylx{width:38%; padding-top:20px;}

.lxwmbt{ font-size:48px; color:#D6D6D6; text-transform:uppercase; padding-bottom:15px; font-family:Arial;}
.lxwmbt span{ text-align:center; font-size:48px; color:#89A5F7; text-transform:uppercase;padding-bottom:20px; font-family:Arial;}
.lxwmbt p{ display:block; font-size:35px; color:#303030; font-weight:normal; font-family:'微软雅黑';}

.yuangong{width:42%; line-height:46px; padding:3%; font-size:14px; margin-bottom:50px; color:#333; background:#E9E9E9; border:1px solid #DBDADA; text-align:center;}

.project{ height:240px; width:1200px; margin:auto; background:#F6F6F6; margin-bottom:40px;}
.projectbtk{ padding-top:30px; padding-bottom:10px; padding-right:20px; width:720px; float:right; height:150px;}
.projectbt a{ line-height:42px; color:#414141; font-weight:bold; font-size:18px;}
.projectbt a:hover{ color:#FF3600;}
.projectbt01 a{ line-height:52px; color:#7d7d7d; font-weight:bold; font-size:16px;}
.projectbt01 a:hover{ color:#FF3600;}

.projectnr{ line-height:24px; color:#7d7d7d; font-size:14px; padding-bottom:35px; padding-top:10px; text-align:justify; border-bottom:1px dotted #c6c1bd;}

.projectimg{ width:426px; height:240px; float:left; background:#f5f5f5; overflow:hidden;}
.projectimg img{ width:426px; height:240px;object-fit: cover;}
.projectimg img:hover{ width:446px; height:250px; float:left; background:#f5f5f5; margin-left:-8px; margin-top:-4px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}


.index_cp02{ width:100%; margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.index_cp02 dl{ width:360px; height:420px; margin-bottom:70px; overflow:hidden;}
.index_cp02 dl dt{ height:246px; overflow:hidden; background:#F6F6F6;}
.index_cp02 dl dt:hover img{ height:266px; width:375px; margin-left:-8px; margin-top:-4px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_cp02 dl dd{ width:307px; height:156px; padding:19px 29px 0; border-top:none; background:#F6F6F6;}
.index_cp02 dl dd h2 a{ text-transform:uppercase; display:block; font-size:16px; line-height:30px; height:30px; color:#2c353c; font-weight:bold;}
.index_cp02 dl dd h2 a:hover{ color:#F00;}
.index_cp02 dl dd span{ margin:5px 0 13px; display:block; line-height:21px; font-size:12px; color:#616e77; line-height:21px; height:42px; overflow:hidden;}
.index_cp03{ font-size:16px; color:#2c353c; width:120px; height:32px; border:1px solid #CCC; display:block; text-align:center; line-height:32px;}
.index_cp03:hover{ color:#ffffff; text-decoration:underline; background:#F00;}

a.ank {color:#ffffff; margin:auto; background:#FF7702; width:90px; height:30px; line-height:30px; text-align:center; display:block; font-size:13px; border-radius:3px;}
a.ank:hover{color:#ffffff; background:#33BC7A; width:90px; height:30px; line-height:30px; text-align:center; display:block; text-decoration:none;}


.sub_lx{ overflow:hidden; background:url(../images/sub01.jpg) repeat-y; border:#ddd solid 1px; border-top:#ff6600 solid 2px;}
.sub_lx_left{ float:left; width:262px; text-align:center; padding-top:1px; min-height:540px;_height:540px;}
.sub_lx_left ul li{ line-height:57px; height:57px; overflow:hidden;}
.sub_lx_left ul li a{ display:block; border-bottom:#fff solid 1px; border-left:#eee solid 5px; background:#eee; font-size:16px; font-family:'微软雅黑'; font-weight:bold; color:#464646;}
.sub_lx_left ul li a:hover{ border-bottom:#eee solid 1px; border-left:#ff6600 solid 5px; background:#fff; color:#ff6600;}
.sub_lx_right{ float:right; padding:50px 0;}
.sub_lx_left ul li a.sub_lx_left_on{  border-bottom:#eee solid 1px; border-left:#ff6600 solid 5px; background:#fff; color:#ff6600;}
.sub_lx_left ul li a.sub_lx_left_on:hover{ background:#ff6600; color:#FFF;}
.sub_lx_right{ float:right; width:890px;}

.jiance{padding-top:10px; padding-bottom:10px; padding-left:120px; width:80%; font-size:18px; background:#346fce url(../images/jian.png) 30px center no-repeat; font-weight:bold; color:#fff;border-radius:20px;}
.jiance01{padding-top:10px; padding-bottom:10px; padding-left:120px;  font-size:16px; color:#212121; margin-bottom:30px;}
.jiance01 a{color:#212121;  margin-right:30px; display:block; float:left;}
.jiance01 a:hover{color:#ff6600; text-decoration:underline; display:block;}

.nybnaner{height:450px; width:100%;}

.mbfor{display:none;}
.mbdh{ display:none;}
#mccp{ display:none;}
.nylx{width:38%; padding-top:20px;}
/*------tab---------*/
@media all and (max-width:1259px){

#wu{display:none!important;}
.cen{ width:90%; padding-left:5%; padding-right:5%;}
.nav{ width:100%; margin:auto;}
.tlogo{ width:98%; text-align:center;}
.nav1{ width:95%; padding-top:20px; float:left;}
.nav2{ width:5%;}
.topkuai{ width:100%; height:180px;}
.menu li{ width:12%; text-align:center; padding:none; margin:none;}


.nydh{ width:90%; padding-left:5%; padding-right:5%;}
.nynr{ width:90%; padding-left:5%; padding-right:5%;}
.weizi1{  width:90%; padding-left:5%; padding-right:5%;}


a.dh1 { font-family:"微软雅黑"; font-size: 16px; line-height:50px; color: #000; background:#E8E8E8; display:block; width:18%; height:50px; text-align:center; border-radius:10px;}
a.dh2 { font-family:"微软雅黑"; font-size: 16px; line-height:50px; color: #000; background:#E8E8E8; display:block; width:49%; height:50px; text-align:center; border-radius:10px;}
a.dh3 { font-family:"微软雅黑"; font-size: 16px; line-height:50px; color: #000; background:#E8E8E8; display:block; width:32%; height:50px; text-align:center; border-radius:10px;}
a.dh4 { font-family:"微软雅黑"; font-size: 16px; line-height:50px; color: #000; background:#E8E8E8; display:block; width:24%; height:50px; text-align:center; border-radius:10px;}
a.dh6 { font-family:"微软雅黑"; font-size: 16px; line-height:50px; color: #000; background:#E8E8E8; display:block; width:15%; height:50px; text-align:center; border-radius:10px;}

.wenhua{ width:100%;}


.footer_nav{ display:none;}
.globalR-side-bar{display:none;}
.footer4{ width:100%; line-height:28px; text-align:center; padding-top:10px; padding-bottom:10px; margin-top:95px;}
}

@media all and (max-width:900px){
	
	.menu li{ width:15%; text-align:center; padding:none; margin:none; height:20px;}
	#lxdt{ display:none;}
	.nylx{width:100%;}
	.whsm{padding:20px 20px 50px 20px; font-size:14px; line-height:28px;}
	.banner{ width:100%; height:230px;}
	.nybnaner{height:230px; width:100%;background-size: cover!important;}
}

@media all and (max-width:768px){
	.top_layer{display:none;}
	.nyban{ height:200px;}
	.nydh{ display:none;}
	.mbdh{ display:block;}
	.mbfor{display:block;}
	#mccp{ display:block;}
	#pccp{ display:none;}
	#xw{ display:none;}
	.bti{ display:none;}
	.whnr{ width:100%;}
	.nynr{ padding-top:40px; text-align:left; padding-bottom:10px;}
	.nyban{display:none;}
	.lxwmbt{ font-size:24px;}
	
		table { width:100%!important;max-width:100%!important;} 
	
table td{table-layout:fixed; word-break: break-all; overflow:hidden; } 
table td img{ width:100%!important;height:auto!important;}

.nynr img{ width:100%!important;height:auto!important;}
.whnr{ height:auto;}

}

@media all and (max-width:450px){
	.dbdhk1{width:100%;}
	.syxw{ width:100%;}
	
}

.jsser{float:left; margin-left:24%; margin-bottom:10px;}
.jsser input{border:3px solid #194382; padding-left:10px; font-size:14px; height:36px; width:550px; margin-bottom:10px;}
.jsser01{float:left;}


/******************右侧悬浮侧边栏********************/
.menuleft {width: 10%;height: auto;position: fixed;border-radius: 10px;top: 50%;right: 20px;transform: translateY(-50%);background-color: #29a3db;font-size: 16px;}
.menutitle {width: 100%;text-align: center;line-height: 70px;color: white;font-size: 18px;font-weight: bold;}
.menuleft>ul {width: 100%;background-color: white;margin: 0 auto;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.menuleft>ul>li {width: 100%;position: relative;border-bottom: 1px solid rgba(165, 165, 165, 0.3);padding: 17px 0 10px 0;}
.menuleft>ul>li:last-child {display: none;}
.menuleft>ul>li>img {width: 20%;margin: 0 auto;display: block;}
.menuleft>ul>li>p {text-align: center;color: rgba(0, 0, 0, 0.8);line-height: 30px;letter-spacing: 1px;}
.menuleft .menuleft_after {width: 0;height: 93px;padding: 10px 20px;position: absolute;top: 0;background-color: white;display: flex;align-items: center;justify-content: center;transition: all .5s;overflow: hidden;z-index: -1;opacity: 0;}
.menuleft .menuleft_after>span {color: rgba(0, 0, 0, 0.8);line-height: 2;white-space: nowrap;}
.menuleft>ul>li:hover .menuleft_after {width: 300px;margin-left: -300px;opacity: 1;}