/* CSS Document */
.ban_page{width: 100%;
    height: 460px;
    position: relative;
}

.ban_s1{ background: url(../images/ban_s1.jpg) no-repeat center top;}
.ban_s2{ background: url(../images/ban_s2.jpg) no-repeat center top;}
.ban_s3{ background: url(../images/ban_s3.jpg) no-repeat center top;}
.ban_s4{ background: url(../images/ban_s4.jpg) no-repeat center top;}
.ban_s5{ background: url(../images/ban_s5.jpg) no-repeat center top;}
.ban_s6{ background: url(../images/ban_s6.jpg) no-repeat center top;}

.includeDom{width: 100%;
    margin: 0 auto;
    position: relative;}

.path{ width:1200px; margin:25px auto 16px;}
.path h1{ font:bold 24px/28px "Microsoft Yahei"; color:#007ee4; padding-bottom:8px;}
.path h2,.path h2 a{ font:12px/20px "Microsoft Yahei" Arial; color:#a6a6a6;}
.path h2 a:hover{ color:#007ee4;}
.path h2 span{ font-weight:bold; color:#666;}

.navin{ width:1200px; height:50px; margin:0 auto 20px; background:url(../images/nav_bg00.jpg) repeat-x;}
.navin ul li{ padding-right:2px;background:url(../images/nav_bg01.jpg) no-repeat right top;}
.navin ul li a{ float:left; display:block; min-width:52px; padding:0 20px;  font:13px/50px "Microsoft Yahei"; color:#dddede; text-align:center;
}
.navin ul li a:hover,.navin ul li a.on{ background:url(../images/nav_bg02.jpg) repeat-x; color:#fff;}





/***about******/
.about-wrap{width:100%; min-height:350px; margin:0 auto; border:1px solid #e9eaea; border-width:1px 0 1px 0; background:#fafafa;}
.innner-con{ padding:30px 0 50px; z-index:1;}
.about-con h2{ padding-bottom:12px;font:bold 16px/24px "Microsoft Yahei"; color:#1c98fc;}


/***新闻中心**/
.news-top{ width:100%; margin:0 auto 18px;height:160px; border-bottom:1px dotted #ccc;}
.news-top-img{ width:204px; height:142px; padding:0px 7px 8px; background:url(../images/about_bg08.jpg) no-repeat;}
.news-top-con{ width:calc(100% - 246px); padding-top:8px;}
.news-top-con h2 span{ float:right; padding-right:10px; font:bold 11px/19px Arial; color:#aaa;}
.news-top-con h2{ padding-bottom:5px; margin-bottom:8px;font:bold 16px/24px "Microsoft Yahei"; color:#4293e8; border-bottom:1px solid #e2e2e2;}
.news-top-con h2 a{color:#4293e8;}
.news-more{ width:107px; height:26px; position:relative; background:url(../images/bg_11.jpg) no-repeat; overflow:hidden; cursor:pointer;}
.news-more a{ display:block; width:80px; font:12px/26px "Microsoft Yahei"; color:#fff; text-align:center; position:relative;}
.news-more a:hover{ color:#fff;height:36px; background:url(../images/bg_12.jpg) repeat-x;}
/***详情***/
.news-tit{ width:100%; margin:0 auto; padding-bottom:7px; border-bottom:1px solid #e2e2e2;}
.news-tit h2{ font:bold 18px/24px "Microsoft Yahei"; color:#007ee4; padding-bottom:14px; text-align:center;}
.news-tit h3{ font:12px/24px "Microsoft Yahei"; color:#888; text-align:center;}
.news-info{ width:100%; margin:20px auto;}
.news-info p{ text-indent:2em;font-size: 14px;}

.news-rl{width:100%; margin:0 auto;}
.news-rl h4{ font:bold 14px/24px "Microsoft Yahei"; border-bottom:1px dotted #e5e5e5;color:#007ee4;font-size: 20px;line-height: 56px;}
.news-rl ul{ padding-top:9px;}
.news-rl ul li{ width:100%; font:12px/30px "Microsoft Yahei"; background:url(../images/bit02.gif) no-repeat 4px 13px;}
.news-rl ul li a{ padding-left:18px; color:#333;font-size: 15px;}
.news-rl ul li a span{ float:right; color:#999;}
.news-rl ul li a:hover{ border-bottom:1px dotted #a6a6a6;}


/**企业荣誉**/
.honor-box{ width:918px; height:651px; margin:0 auto; border:1px solid #dbdbdb; background:#fff;}
.honor-show{ width:918px; height:497px; position:relative; overflow:hidden;}
.honor-show ul{ position:absolute; left:0; top:0;}
.honor-show ul li{width:918px; height:447px; text-align:center; position:relative; overflow:hidden;}
.honor-show ul li img{ max-width:918px; max-height:615px;}
.honor-bot{ width:100%; height:133px; padding-top:20px; background:#f8f8f8; border-top:1px solid #dbdbdb;}
.honor-thumb{ width:810px; height:115px; margin:0 auto 0; position:relative; overflow:hidden;}
.honor-thumb ul{ position:absolute;height:115px; left:0; top:0}
.honor-thumb ul li{display:inline-block; _display:inline; height:109px; width:150px;margin-right:7px; border:3px solid #fff;}
.honor-thumb ul li img{height:109px; width:150px;}
.honor-thumb ul li.cur{ border-color:#1c98fc;}
.honor-bot{ position:relative;}
.honor-bot a{ display:block; width:29px; height:58px; top:48px; background-image:url(../images/honor_btn.jpg); position:absolute; overflow:hidden;}
.prev02 {
    left: 14px;
}
.next02 {
    background-position: -29px 0;
    right: 14px;
}

/**设备  工程**/
.gen-list{ width:900px; overflow:hidden;float: right;}
.gen-list ul{ border-bottom:1px dotted #ccc; width:100%;}
.gen-list ul li{ width:210px; height:200px; padding:5px; margin:0 6px 20px 0; background:#d4e2f0; cursor:pointer;}
.gen-list ul li:nth-child(4n+0){margin-right: 0;}
.gen-list ul li a{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.gen-list ul li a h3{padding-top: 6%;}
.gen-list ul li:nth-child(1),.gen-list ul li:nth-child(2),.gen-list ul li:nth-child(3){margin-top: 0 !important;}
transition: all 0.6s;
-moz-transition: all 0.6s;	/* Firefox 4 */
-webkit-transition: all 0.6s;	/* Safari ???Chrome */
-o-transition: all 0.6s;}
.gen-list ul li h3{ padding-left:9px;font:bold 12px/42px "Microsoft Yahei"; color:#5c5e60; height:34px; overflow:hidden;text-align:center;
transition: all 0.6s;
-moz-transition: all 0.6s;	/* Firefox 4 */
-webkit-transition: all 0.6s;	/* Safari ???Chrome */
-o-transition: all 0.6s;}
.gen-list ul li:hover{ background:#1c98fc;}
.gen-list ul li:hover h3,.gen-list ul li:hover p{ color:#fff;}

.con_img{ text-align:center;}
.con_img img{ max-width:100%;}

/**产品列表**/
.pro-select{border: 1px solid #e0e0e0;
	background: #fff;
}
.pro-select ul{width:100%;	
	line-height: 30px;
	display: flex;
	flex-wrap: wrap;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
}
.pro-select ul li{ float: left; }
.pro-select ul li a{ float: left;width:152px; height:40px; line-height:40px; text-align:center; border:1px solid #ccc; margin:6px;font-size: 16px;}
.pro-select ul li a:hover, .pro-select ul li a.on{color: #fff; background:#007ee4; font-size:16px;}

.pro-pos {
	padding: 12px 10px 12px 25px;
	border:1px solid #e0e0e0;
	background: #fbfbfb;
	height: 25px;
}
.pro-pos h2{
	font-size: 16px;
	color: #444;
	font-weight: bold;
}
.pos-page span{
	font-family: Arial;
	display: inline-block;
	margin-right: 6px;
}
.pos-page span i{
	color: #c40;
}
.pos-page a{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/rev_btn02.jpg) no-repeat;
	vertical-align:middle;
	margin-left: 6px;
	opacity: 0.6;
}
.pos-page a.next{
	background-position: 100% 0;
}
.pos-page a:hover{
	opacity: 1;
}

.pro-item{
	position: relative;
	width: 100%;
	margin-bottom:20px;
	display: flex;
	flex-direction: column;
}
.pro-item ul{
	width: 105%;
}
.pro-item ul li{
	position: relative;
	width: 30%;
	height: 275px;
	border: 1px solid #e0e0e0;
	margin:0 10px 25px 10px;
	overflow: hidden;
}
.pro-item ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.pro-item ul li img{ width:100%; margin-bottom:5px;}
.pro-item ul li p.tit{ width:96%; text-align:center; padding:0 2%;
	font-size: 16px;
	color: #333;
	height: 24px;
	overflow: hidden;
	margin:10px 0;
}
.pro-item ul li span{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-indent: 40px;
	display: block;
	background:url(../images/rev_bg02.jpg) no-repeat right top;
	background-size: cover;
	background-position-y: -5PX;
	color: #666;
	text-indent: 3.6rem;
}
.pro-item ul li a:hover span{ 
	background:url(../images/rev_bg02.jpg) no-repeat right bottom;
	color: #fff;
	background-size: cover;
	/* background-position-y: -5PX; */
}

.pro-item ul li a:hover img{
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.pro-wrap{
	border: 1px solid #e0e0e0;
	background: #fff;
}

.pro-gallery{
	float: left;
	position: relative;
	width: 448px;
	height: 529px;
	border-right: 1px solid #e0e0e0;
}
.pro-show{
	position: relative;
	width: 448px;
	height: 448px;
	border-bottom: 1px solid #e0e0e0;
	vertical-align: middle;
	overflow: hidden;
	background: url(../images/load.gif) no-repeat center center;
}
.pro-show .zoom{
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 25px;
	background: url(../images/rev_sign09.jpg) no-repeat 0 center ;
	padding-left: 22px;
	font-size: 12px;
	color: #888;
	z-index: 2;
	line-height: 14px;
}
.pro-show img{
	margin-top: 39px;
	line-height: 448px;
}
.pro-show ul {
	position: absolute;
	left: 0;
	top: 0;
}
.pro-show ul li{
	width: 448px;
	height: 448px;
}
.pro-show ul a{
	display: block;
	width: 100%;
	height: 100%;
}
.pro-thumb{
	position: relative;
	width: 400px;
	margin: 0 auto;
	height: 80px;
	overflow: hidden;
}
.pro-thumb ul{
	position: absolute;
	left: 0;
	top: 0;
}
.pro-thumb ul li{
	margin: 0 10px;
	width: 80px;
	height: 64px;
	padding: 8px 0;
	cursor: pointer;
}
.pro-thumb ul li.cur{
	background: url(../images/rev_bg03.jpg) no-repeat center;
}
.pro-btn a{
	position: absolute;
	bottom: 31px;
	display: block;
	width: 8px;
	height: 16px;
	background: url(../images/rev_bg04.jpg) no-repeat;
}
.pro-btn a.prev{
	background-position: 0 0;
	left: 12px;
}
.pro-btn a.next{
	background-position: 100% 0;
	right: 12px;
}
.pro-profile{
	float: right;
	width: 435px;
	margin: 34px 38px 0 0;
}
.pro-profile .tit{
	font-size: 24px;
	font-weight: bold;
	color: #007ee4;
	line-height: 30px;
	margin-bottom: 20px;
}
.pro-profile  .text{
	min-height: 180px;
	line-height: 26px;
}
.share-box{
	width: 100%;
	border-top: 1px dashed #dcdcdc;
	padding-top: 30px;
	margin-top: 40px;
}
.share-box .share-tit{
	font-size: 16px;
	color: #1c98ef
}
.pro-detail{
	border: 1px solid #e0e0e0;
	background: #fff;
	margin-top: 22px;
}





/*****page***/
.page {    
	width: 100%;
    margin: 3% auto 0;
    height: 38px;	
}
.pagelink {
    font-size: 0px;
    text-align: center;
}
.pagelink a, .pagelink font{
    font-size: 12px;
    color: #888;
    display: inline-block;
    _display: inline;
    padding: 0 7px;
    border: 1px solid #ddd;
    margin-right: 5px;
    line-height: 26px;
}
.pagelink a:hover, .pagelink font{
    background: #007ee4;
    font-weight: bold;
    color: #fff;
    border: 1px solid #0271cc;
}



/*******上下???******/
.prevnext{width:100%;
	border-top: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;
	padding: 2% 0; 
	line-height: 25px; margin-top:20px;
	color: #666;
}
.prevnext p{font-size:16px;line-height:32px;}
.prevnext a{
	color: #666;
	font-size:16px;
}
.prevnext a:hover{
	color: #0857b0;
}
.prevnext p.fr{float:right;
	margin-top: -46px;
}
.prevnext p.fr a{ background: #007ee4; color:#fff; padding:7px 12px;
}


.main_left{width:270px;height:auto;display:block;float:left;}
.leobanner_title{width:270px;height:131px;background:#1a72cb;color:#fff;padding-top:44px;box-sizing: border-box;}
.left_icon{float:left;height:auto;margin-left:30px;width:30px;margin-top:8px}
.left_title{margin-left:10px;float:left;color: #FFFFFF;}
.left_title h3{font-size:24px;color: #FFFFFF;}
.left_title p{font-size:16px;height:35px;line-height:35px;color: #FFFFFF;}
.main_left .main_left_top{width:100%;height:auto;border:1px solid #ddd;border-top:0;display:block;}
.main_left_top ul{width:100%;height:auto;position:relative;display: flex;flex-direction: column;}
.main_left_top ul li{width:100%;height:49px;line-height:49px;padding:0 30px;box-sizing: border-box;}
.main_left_top ul li a{display:block;width:100%;height:50px;color:#666;font-size:14px;border-bottom:1px solid #e5e5e5}
.main_left_top ul li a span{float:right}
.main_left_bottom{margin-top:26px;width:270px;height:auto;padding-bottom:20px;position:relative}
.left_bottom_nei{border:1px solid #ddd;height:257px}
.main_left_bottom .kf{width:100%;height:90px}
.left_bottom_xiao{width:100px;height:35px;text-align:center;line-height:35px;margin:10px auto 0}
.left_bottom_xiao i{float:left;color:#1a72cb;font-size:24px}
.left_bottom_xiao p{font-size:14px;color:#666;/*background:url(../images/dhs.png) no-repeat left center;*/padding-left:25px}
.main_left_bottom h3{color:#1a72cb;font-size:20px;text-align:center;font-weight:700;height:35px;line-height:35px;margin-top:10px}
.bottom_tubiao{width:90%;height:100%;margin:0 auto}
.main_left_bottom .tubiao{width:169px;height:35px;line-height:35px;margin:10px auto}
.main_left_bottom .tubiao li{width:54px;float:left;text-align:center;height:100%;line-height:35px;position:relative}
.main_left_bottom .tubiao li .icon {
    font-size: 33px!important;
    color: #cccccc;
}