@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img ,iframe { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,button,textarea,option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style: none; border: 0px; }
img{ border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; overflow: hidden;}
html{ -webkit-text-size-adjust: none; }
input{ outline: none; }
button{ border:none; }
textarea{ resize: none; }
a{ text-decoration: none; }
body:nth-of-type(1) input:focus,textarea:focus{ outline: none; }
body{ font: 12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color: #333; background: #fff; position: relative; }
.iframe {width: 100%; height: 43px;overflow: hidden;}

/*header*/
#header{width: 100%;height: 32px;margin: 0 auto;background-color: #f5f5f5;border-bottom: 1px solid #e3e3e3;}
.header{width: 1100px;height: 32px;margin: 0 auto;position: relative;}
.header ul{float: left;}
.header li{float: left;color: #666;line-height: 32px;}
.header li a,
.header p a{color: #666;padding: 0 4px;}
.header a:hover,
.header a.mobile:hover{color: #f60;}
.header input{width: 92px;height: 18px;float: left;border: 1px solid #d4d4d4;margin: 6px 6px 0 0;}
.header button{width: 35px;height: 19px;border:0;float: left;background: url(../images/news2014/news.gif) no-repeat 0 0;margin: 6px 4px 0 2px;}
.header p{line-height: 32px;float: right;padding-right: 6px;color: #dfdfdf;}
.header a.mobile{width: 55px;height: 16px;display: block;float: right;text-indent: 18px;margin-top: 8px;line-height: 16px;color: #38880b;background: url(../images/news2014/news.gif) no-repeat -139px 0;}

.top{width: 1100px;height: 100px;margin: 0px auto 0;position: relative;z-index: 77;}
.top .logo{position: absolute;left: 0;top: 20px;z-index: 77;}
.top h1{height: 50px;position: absolute;left: 264px;top: 22px;border-left: 1px solid #d7d7d7;font: 30px/50px "Microsoft Yahei", "\5b8b\4f53";text-indent: 12px;color: #38880b;}
.top p{font: normal 24px/30px arial;position: absolute;right: 0;top: 20px;color: #FF6600;}
.top span{font: normal 16px/24px "microsoft yahei";position: absolute;top: 50px;right: 0;color: #666666;}


.nav{width: 100%;height: 50px;background-color: #38880b;}
.nav p{width: 1100px;margin: 0 auto;height: 50px;}
.nav p a{color: #ffffff;font-family: "microsoft yahei";line-height: 50px;font-size: 18px;display: block;float: left;padding: 0 23px;display: inline-block;text-align: center;}
.nav p a.home{background-color: #3c96e2;}
.nav p a:hover{background-color: #ff8b00;}

.banner{width: 100%;text-align: center;overflow: hidden;}
.banner img{display: block;width: 100%;max-width: 1920px;margin: 0 auto;}


.menu{width: 100%;margin:0 auto;height: 50px;background: #eee;}
.menu p{margin: 0 auto 0;width: 580px;height: 50px;}
.menu p a{padding: 0 23px;display: block;float: left;height: 50px;font: 16px/50px "Microsoft Yahei";color: #333;}
.menu p a:hover{background: #ff6600;color: #fff;}
.menu p a.focus{background: #ff6600;color: #fff;}


.main{width: 1100px;margin: 0 auto 50px;overflow: hidden;}
.title{padding-top: 40px;text-align: center;}
.title h3 {
	position: relative;
	width: 4em;
	display: inline-block;
	font: normal 30px/50px "microsoft yahei";
}
.title i{position: absolute;height: 2px;width: 40px;background-color: #FF6600;bottom: -8px;left: 50%;margin-left: -20px;}

.elite{width: 1100px;float: left;margin-top: 40px;}
.elite ul{float: left;width: 1120px;}
.elite ul li{width: 260px;height: 375px;float: left;margin-right: 20px;margin-bottom: 20px;}
.elite ul li .eliteimg{width: 260px;height: 229px;float: left;position: relative;}
.elite ul li .eliteimg img{width: 260px;height: 229px;position: absolute;top: 0;left: 0;z-index: 1;}
.elite ul li .eliteimg b{display: none; width: 260px;min-height: 67px; position: absolute;left: 0;bottom: 0;background: #000; filter: alpha(opacity=60); opacity: 0.60;z-index: 2}
.elite ul li .eliteimg .text{display: none; position: absolute;width: 246px;left: 14px;bottom: 5px;z-index: 3;}
.elite ul li .eliteimg .text p{font:normal 14px/28px "microsoft yahei";color: #fff;}
.botbox{width: 260px;height: 146px;position: relative;float: left;}
.botbox b{width: 260px;height: 146px;position: absolute;background: #fff; filter: alpha(opacity=50); opacity: 0.50;z-index: 1;}
.botbox h3{width: 246px;height: 30px;overflow: hidden;position: absolute;left: 14px;top: 10px;color: #333;font:normal 18px/30px "microsoft yahei";z-index: 2;}
.botbox p{width: 246px;height: 24px;position: absolute;left: 14px;top: 45px;font:normal 12px/24px "microsoft yahei";color: #333;z-index: 2;}
.botbox span{width: 246px;height: 24px;position: absolute;left: 14px;top: 70px;font:normal 12px/24px "microsoft yahei";color: #333;z-index: 2;}
.botbox a.zixun{width: 72px;height: 27px;position: absolute;left: 14px;top: 103px;display: block;background: #ed7f31;font:normal 14px/27px "microsoft yahei";color: #fff;text-align: center;z-index: 2;}


.elite ul li:hover .eliteimg b{display: block;}
.elite ul li:hover .eliteimg .text{display:block;}


.mainbg{width: 100%;background: #f5f5f5;padding-bottom: 40px;}
.aboutus span{color: #333333;margin-top: 25px;font:normal 18px/40px "microsoft yahei";margin-bottom: 10px;float: left;}
.aboutus ul li{font:normal 14px/30px "microsoft yahei";color: #333;width: 100%;float: left;}
.aboutus ul li p{float: left;margin-right: 10px;font:normal 14px/30px "microsoft yahei";color: #333;margin-top: 0;}
.aboutus ul li img{float: left;margin-top: 4px;}

.footer{width: 100%;margin: 50px auto 0;text-align: center;font: normal 12px "Tahoma", "\5b8b\4f53";color: #818181;padding-bottom: 20px;}
.footer span{width: 100%;height: 39px;float: left;background: #38880b;font: normal 14px/39px "\5b8b\4f53";color: #fff;}
.footer span a{color: #fff;padding: 0 8px;}
.footer span a:hover{color: #f60;}
.footer p.web{font: normal 14px/50px "Tahoma", "\5b8b\4f53";color: #333;padding-top: 10px;}
.footer p.web a{color: #333;font-weight: bold;}
.footer p.web a:hover{text-decoration: underline;}
.footer p{width: 100%;float: left;line-height: 24px;text-align: center;}
.footer strong{padding: 0 15px;text-align: left;}
.footer img{vertical-align: middle;}

/* 20221116底部+qq */
.content a.qq{
    position: relative;
}
.content .QQhover {
	position: absolute;
	left: -2px;
	bottom: 21px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 110px;
	z-index: 9;
	outline: none;
	text-align: center;
	resize: none;
	font-family: "microsoft yahei";
}
.content a.qq:hover .QQhover{
	display: inline-block;
}
.elite .zixun{
    position: relative;
}
.elite .zixun .QQhover {
	position: absolute;
	left: 0px;
    bottom: 24px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 110px;
	z-index: 9;
	outline: none;
	text-align: center;
	resize: none;
}
.elite .zixun:hover .QQhover{
	display: inline-block;
}
/* 20230907 */
.content {
	margin-top: 30px;
	padding: 0 45px;
}
.content p {
	text-align: center;
	font-size: 16px;
	font-family: "microsoft yahei";
}
.content span {
	width: 100%;
	float: left;
	color: #333333;
	text-indent: 36px;
	margin-top: 20px;
	background: url(//www.jc35.com/images/service/service2016/service.png) 0 -605px no-repeat;
	font: normal 24px/40px "microsoft yahei";
}
.content ul li {
	font: normal 16px/32px "microsoft yahei";
	color: #666666;
	width: 100%;
	float: left;
}
.content ul li p {
	float: left;
	margin-right: 10px;
}
.map {
	float: left;
	margin-top: 35px;
}