@charset "utf-8";
body {
	margin: 0px;
	background-color: #f1ece8;
}


td{
	font-size: 12px;
	color:#474747;
	font-family:"微软雅黑","Microsoft Yahei","宋体";
}

.white14{
	height:32px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding-left:20px;
}

.left_bg{
	border:2px solid #ccc;
	background:#f9f9f9;}

.black14{ color:#000;
	font-size:14px;
	font-weight:bold;
	}

a:link {color: #555;text-decoration: none;}
a:visited {color: #555;text-decoration: none;}
a:hover {color: #c00;text-decoration: underline;}

.height14 { line-height: 14px}
.height16 { line-height: 16px}
.height20 { line-height: 20px}
.height24 { line-height: 24px}
.height28 {line-height: 28px;}

.dd{
	color: #333;
	font-size:17px;
	padding-left:40px;
	padding-right:15px;
	padding-top:8px;
	background-image: url(../images/d_13.jpg);
	background-repeat: no-repeat;
	background-position: 15px 20px;	
}

.dd03{
	height:26px;
	color: #271715;
	font-size:30px;
	text-align:center;
	background-image: url(../images/j_14.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	line-height:120%;
	padding-top:35px;
	padding-left:10px;
}
.dd03 span{ color:#888; font-size:13px;}

.dd04{
	height:40px;
	color: #271715;
	font-size:30px;
	text-align:center;
	padding-top:15px;
	background-image: url(../images/j_50.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}
.dd04 span{ color:#888; text-align:center; font-size:13px;}

#IndexNews{ background:#fcfbfa; padding-top:20px; margin-bottom:35px; margin-top:20px}


.dd02{color: #055BD1;font-size:14px; padding-top:4px; padding-left:0px; font-weight:bold; }
.blue01{
	color: #fff;
	font-size:16px;
	padding-left:22px;
	font-weight:bold;
	height:51px;
	width:240px;
	background-color: #c00;
}

.blue01 span{ color:#e68080; padding-left:15px;}


.NewsTitle
{
	font-family:"微软雅黑","宋体";
	font-size:32px;
	color:#444;
	letter-spacing:0px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
select,textarea,input {  
	font-size: 14px;
	color: #c00;
	border-color: #ddd; 
	border-style: solid; 
	border-width: 1px ;
	height:22px;
	background-color: #eee;
	width:94%;
	height:35px;
	
}

a.leftmenu:link { 
	color: #999;
	text-decoration: none;
	font-size:12px;
}
a.leftmenu:visited { 
	color: #999;
	text-decoration: none;
	font-size:12px;
}
a.leftmenu:hover {
	color: #f90;
	font-size:12px;
	text-decoration: underline;
}


#guide {padding:0px; color:#99ce6c;font-family:"微软雅黑","宋体"; text-align:center;}
#guide a{margin-left:54px; margin-right:54px; font-size:16px;line-height:230%;}
#guide a:link {
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
#guide a:visited { 
	color: #fff;
	text-decoration: none;
}
#guide a:hover { 
	color: #fff;
	text-decoration: none;
	background:#c00;
}



#ViewMore{ display:block;  margin:30px auto; text-align:right; }
#ViewMore a{ padding:8px 20px 8px 20px; font-size:16px; font-weight:bold; background:#321914;}
#ViewMore a:link {
	color: #fff;
	text-decoration: none;
}
#ViewMore a:visited { 
	color: #fff;
	text-decoration: none;
}
#ViewMore a:hover { 
	color: #321914;
	text-decoration: none;
	background:#c26d32;
}




.IndexProClass{ }
.IndexProClass a{ font-size:14px; }
.IndexProClass a:link {
	color: #fff;
	text-decoration: none;
}
.IndexProClass a:visited { 
	color: #fff;
	text-decoration: none;
}
.IndexProClass a:hover { 
	color: #1d0905;
	text-decoration: underline;
}



#bottom {
	font-family:"微软雅黑","宋体";
	color: #eee;
	line-height:250%;
	font-size:13px;
}
#bottom a{
	font-size:13px;
	margin-left:15px;
	margin-right:15px;
}

#bottom span{
	color:#fff;
	font-weight:bold;
	font-size:15px;
	margin-left:15px;
	margin-right:15px;
}

#bottom a:link {
	color: #eee;
	text-decoration: none;
}
#bottom a:visited { 
	color: #eee;
	text-decoration: none;
}
#bottom a:hover { 
	color: #fff;
	background:#3e2622;
	text-decoration: underline;
}

.indext_p{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	display:block;
	width:100px;
	background:#000;}

a.gray:link {
	color: #002491;
	font-size:12px;
	text-decoration: none;
}
a.gray:visited { 
	color: #002491;
	font-size:12px;
	text-decoration: none;
}
a.gray:hover { 
	color: #c00;
	font-size:12px;
	text-decoration: none;
}



a.index_about:link {
	color: #E2F2FA;
	font-size:11px;
	text-decoration: none;
}
a.index_about:visited { 
	color: #E2F2FA;
	font-size:11px;
	text-decoration: none;
}
a.index_about:hover { 
	color: #f90;
	font-size:11px;
	text-decoration: underline;
}


a.index_news:link {
	color: #333;
	font-size:15px;
	text-decoration: none;
}
a.index_news:visited { 
	color: #333;
	font-size:15px;
	text-decoration: none;
}
a.index_news:hover { 
	color: #c00;
	font-size:15px;
	text-decoration: underline;
}


a.index_pro:link {
	color: #333;
	font-size:15px;
	text-decoration: none;
}
a.index_pro:visited { 
	color: #333;
	font-size:15px;
	text-decoration: none;
}
a.index_pro:hover { 
	color: #c00;
	font-size:15px;
	text-decoration: underline;
}




a.red01:link {
	color: #c00;
	font-size:12px;
	text-decoration: none;
}
a.red01:visited { 
	color: #c00;
	font-size:12px;
	text-decoration: none;
}
a.red01:hover { 
	color: #f90;
	font-size:12px;
	text-decoration: none;
}


a.link01:link {
	color: #fff;
	font-size:14px;
	text-decoration: none;
}
a.link01:visited { 
	color: #fff;
	font-size:14px;
	text-decoration: none;
}
a.link01:hover { 
	color: #f90;
	font-size:14px;
	text-decoration: none;
}
a.link02:link {
	color: #fff;
	font-size:15px;
	text-decoration: none;
}
a.link02:visited { 
	color: #fff;
	font-size:15px;
	text-decoration: none;
}
a.link02:hover { 
	color: #c00;
	font-size:15px;
	text-decoration: none;
}




a.NewsMore:link {
	color: #fff;
	font-size:16px;
	text-decoration: none;
}
a.NewsMore:visited { 
	color: #fff;
	font-size:16px;
	text-decoration: none;
}
a.NewsMore:hover { 
	color: #c00;
	font-size:16px;
	text-decoration: underline;
}



a.NewsList_01:link {
	color: #333;
	font-size:16px;
	text-decoration: none;
}
a.NewsList_01:visited { 
	color: #333;
	font-size:16px;
	text-decoration: none;
}
a.NewsList_01:hover { 
	color: #c00;
	font-size:16px;
	text-decoration: underline;
}




a.NewsLink01:link {
	color: #222;
	font-size:16px;
	text-decoration: none;
}
a.NewsLink01:visited { 
	color: #222;
	font-size:16px;
	text-decoration: none;
}
a.NewsLink01:hover { 
	color: #c00;
	font-size:16px;
	text-decoration: underline;
}




.Titleline
{
	background-image: url(../icon/lined01.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.zi{
	font-size:14px;
	line-height:55px;
}


.text
{
	padding-Bottom:55px;
	padding-top:20px;
	padding-left:10px;
	padding-right:40px;
	min-height:400px;
	_min-height:400px;
	vertical-align:top;
	font-size: 17px;
	line-height: 260%;
	color:#333;
	word-wrap:break-word;
	word-break:break-all;
	text-align:justify;
	text-justify:inter-ideograph;
}

a.index:link {
	color: #00519D;
	font-size:14px;
	text-decoration: none;
	font-weight:bold;
}
a.index:visited { 
	color: #00519D;
	font-size:14px;
	text-decoration: none;
	font-weight:bold;
}
a.index:hover { 
	color: #c00;
	font-size:14px;
	text-decoration: none;
	font-weight:bold;
}

.bg01{
	background-image: url(../images/ss_24.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.Titleline03{
	background-image: url(../images/d_100.jpg);
	background-repeat: no-repeat;
	background-position: 30px 55px;
}


.border01{
	border:0px solid #0986D7;
	border-top:0px;
}

.smallright{ padding-right:50px; padding-top:90px; color:#CCC;}

.border02{
	background-image: url(../images/j_101.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.an_page{ border-top:1px solid #dedede; padding-bottom:5px; margin-top:50px; padding-top:10px;font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
.an_page a {float:left; margin:3px; border:1px solid #ddd; line-height:180%;padding:2px 7px; color:#666; font-size:12px; text-decoration: none; background:#fff; display:block;}
.an_page a:hover { border:1px solid #FFD08D; text-decoration: none;line-height:180%;  background:#FFE8C7;}
.an_page b {float:left; margin:3px; border:1px solid #FFD08D; padding:2px 7px; color: #D90000;  background:#FFE8C7;line-height:180%;}
.an_page span {float:left; margin:3px; border:1px solid #CCC; padding:2px 6px; color:#CCC; font-size:12px; text-decoration: none; background:#F7F7F7;line-height:180%; display:block;}
.an_page input { margin:0px; border:1px solid #C4EBFF;line-height:180%; height:24px;padding:2px 7px;color:#666; font-size:12px;  background:#E2F6FD;}




.index_right{float:left; overflow: hidden;display: block;}
.index_right ul,li{ margin:0px;padding:0px;}

.index_right li{height:128px; overflow:hidden;cursor: pointer;margin-bottom:14px;}
.index_right li .innewsl{display: block;width:120px;height:128px;text-align: center; float: left; background:#271715; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;}
.index_right li .innewsl span{display: block;font-size: 24px;line-height: 22px;padding-top:25px;}
.index_right li .innewsl p{display: block;font-size: 20px;line-height: 24px;}
.index_right li .innewsr{width:595px;height:128px;padding:0px 10px 10px 20px;display: block; float: left;background: #f1ece8 url(/images/j_23.jpg) no-repeat top right;}
.index_right li .innewsr h3{line-height: 30px;height:30px;font-size:16px;color: #000;overflow: hidden; padding-top:15px;}
.index_right li .innewsr p{line-height: 24px;height:70px;font-size: 14px;color: #666;display: block;overflow: hidden;}
.index_right li a:hover .innewsl{background: #dba45b;color: #000;}
.index_right li a:hover .innewsr{background: #efe2c4 url(/images/j_51.jpg) no-repeat top right; color:#4b301a;}


#about { width:1050px; margin:0px auto; text-align:center;}
#about li{ width:200px; float:left; display:block; text-align:center; padding-top:10px; margin-left:10px; margin-bottom:10px;}

#about_on{
	background-color: #271715;
	width:200px;
	height:35px;
	text-align:right;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
#about_on a{font-size:15px; font-weight:bold; padding-right:30px;color:#fff}
#about_on a:link{color:#fff;}
#about_on a:visited{color:#fff;}
#about_on a:hover{color:#fff;text-decoration: none;}


#about_off{
	background-color: #b3a69e;
	width:200px;
	height:35px;
	text-align:right;
	color:#271715;
	font-size:15px;
	font-weight:bold;
}
#about_off a{font-size:15px; font-weight:bold; padding-right:30px;}
#about_off a:link{color:#271715;}
#about_off a:visited{color:#271715;}
#about_off a:hover{color:#271715;text-decoration: none;}



.left00{
	padding-top:50px;
	border-bottom:1px solid #ccc;
	padding-bottom:20px;

}

.tel{  
	text-align:right;
	padding-top:30px;
	padding-bottom:30px;
	POSITION: absolute;
	z-index:99;
	left:703px;
}



.ban { margin-bottom:70px;}
.gs {width: 1200px;height:400px;padding: 50px 0px;background: #c00;position: absolute;bottom: -450px;left: 50%;margin-left: -600px;z-index: 2;text-align: center;}
.gs h3,h4 {font-weight: normal;}
.gs h3 {font-size: 34px; height: 34px; line-height: 34px; margin-bottom: 10px;}
.gs h4 {font-size: 18px; color: #999; height: 18px; line-height: 18px; text-transform:uppercase;}
.gsmain {padding: 0px 60px; margin: 34px 0px; clear: both; }/*overflow: auto;*/
.gsmain p {text-align: left; line-height: 30px; font-size: 16px;}


.newsmenu {padding: 28px 0px; position: absolute; left:50%; bottom: -49px; z-index: 1; width: 1200px; margin-left: -600px; background:#f6f6f6; }
.newsmenu ul{ margin:0 auto; padding-left:280px;}
.newsmenu ul li {float: left; width:220px; padding-right: 1px; height: 41px; background:url(../images/rightline.gif) no-repeat right center; }
.newsmenu ul li a {display: block; height: 41px; line-height: 41px; text-align: center; color: #333; background: #f6f6f6;}
.newsmenu ul li a:hover {background: #ae272b; color: #fff;}
.newsmenu ul li .cur{ background:#ae272b; color: #fff; font-weight:bold;}



.promenu {padding: 28px 0px; position: absolute; left:50%; bottom: -49px; z-index: 1; width: 1200px; margin-left: -600px; background:#f6f6f6; }
.promenu ul{ margin:0 auto; padding-left:50px;}
.promenu ul li {float: left; width:220px; padding-right: 1px; height: 41px; background:url(../images/rightline.gif) no-repeat right center; }
.promenu ul li a {display: block; height: 41px; line-height: 41px; text-align: center; color: #333; background: #f6f6f6;}
.promenu ul li a:hover {background: #ae272b; color: #fff;}
.promenu ul li .cur{ background:#ae272b; color: #fff; font-weight:bold;}




aside ul{position: fixed; top: 50%; right: 0; z-index: 10;}
aside ul li{position: relative; width: 62px; height: 62px; margin-top: 2px;}
aside ul li:nth-of-type(1){margin-top: 0;}
aside ul li .fix_box{transition: 0.4s; width: 100%; height: 100%; background-color: #00aef0; display: flex; align-items: center; justify-content: flex-start;}
aside ul li .fix_box2{transition: 0.4s; position: absolute; left: 0; top: 0; height: 100%; background-color: #00aef0; display: flex; align-items: center; justify-content: flex-start;}
aside ul li .fix_box>a,aside ul li .fix_box2>a{transition: 0.4s; float: left; min-width: 62px; min-height: 62px; font-size: 12px; color: #fff; display: flex; justify-content: center; flex-direction: column; align-items: center;}
aside ul li i{display: block; width: 30px; height: 30px; margin: 0 auto 2px auto; overflow: hidden;}
aside ul li:nth-of-type(1) i{background: url(../images/left_01.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(2) i{background: url(../images/left_02.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(3) i{background: url(../images/left_03.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(4) i{background: url(../images/left_04.png) center no-repeat; background-size: contain;}

aside ul li .fix_tel{font-size: 17px; text-align:left; font-weight:bold; height: 62px; line-height: 24px; padding: 0 0px; width: max-content; width: -webkit-max-content; width: -moz-max-content; width: -ms-max-content; width: -o-max-content; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
aside ul li .fix_tel em,aside ul li .fix_tel span{display: block; margin:0px; padding:0px;}
aside ul li .fix_erwei{transition: 0.4s; display: flex; justify-content: center; align-items: center; z-index: -1; transform: scale(0); position: absolute; right:0px; top: 50%; margin-top: -42px; font-size: 12px; color: #fff; width: 300px; height: 160px; padding-right: 10px;}
aside ul li .fix_erwei img{width: 49%; height: 100%; object-fit: contain; }
aside ul li .fix_erwei img:nth-of-type(2){margin-left: 2%;}
aside ul li:hover .fix_box{background-color: #fdd000;}
aside ul li:hover .fix_box2{left:-116px; background-color: #fdd000;}
aside ul li:hover .fix_erwei{transform: scale(1);}
aside ul .go_top{display: none;}
@media only screen and (max-width: 1023px){
  aside ul{display: none;}
}

#topmenu_keleyi_com{position:fixed;top:0px;left:0px;right:0px;width:100%;margin-left:auto;margin-right:auto;background-color:#011132; height:150px;display:none; z-index:9999;}

#topmenu_keleyi_com_02{position:fixed;top:0px;left:0px;right:0px;width:100%;margin-left:auto;margin-right:auto;background-color:#fff; height:150px;display:none; z-index:9999;}



.product-number-info {
    position: relative;
	background:#0066FF;
}

.product-number-info .product-number-inner {
    width: 1220px;
    margin: 0 auto;
}

.product-number-info ul {
    padding: 30px 0;
}

.q {
    zoom: 1; }

.product-number-info li {
    float: left;
    width: 24%;
    height: 90px;
    border-left: 1px solid #66c7fd;
    color: #fff;
    padding-top: 1px;
	text-align:center;
}

.product-number-info li:first-child {
    border: none;
}

.product-number-info li b {
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 15px 0 10px;
}

.product-number-info li p {
    font-size: 14px;
}

.product-number-info li b i {
    font-style: normal;
}

.product-number-info li b sup {
    position: absolute;
    font-size: 20px;
    right: -15px;
    top: -3px;
}

.product-number-info li.li-2 b, .product-number-info li.li-2 p {
    padding-left: 70px;
}

.product-number-info li b em {
    font-style: normal;
    font-size: 28px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
}

.product-number-info li.li-3 b, .product-number-info li.li-3 p {
    padding-left: 70px;
}

.product-number-info li.li-4 b, .product-number-info li.li-4 p {
    padding-left: 78px;
}

.product-number-info li.li-5 {
    text-align: right;
}





.AboutCont{font-size:20px; text-align:center; line-height:240%; padding-top:50px; padding-bottom:30px;}
.t99{
	overflow:hidden;
	position:relative;
	padding-bottom:5%;
	background-color: #f7f7f7;
	}