@charset "utf-8";
*{ padding:0px; margin:0px;list-style:none;-webkit-tap-highlight-color:rgba(255,255,255,0);
	 -webkit-tap-highlight-color: transparent;}

img{border:none;border:0;}
a{text-decoration:none;color:#333;  }
a:hover{ color:#066b43;text-decoration:none; }
a:focus {
    out-line:none;
    -moz-out-line:none;
}
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif;background:#fff;}
body{background:#fff; min-width:260px;margin:0 auto;}
input,input:focus{outline:none;text-indent:5px}
h1{ font-size:20px}
h2{ font-size:19px}
h3{ font-size:16px}
h4{ font-size:14px}
/*通用类*/
.fl{ float:left;display:inline;}
.fr{ float:right;display:inline;}
/*header */
.header{ height:52px; overflow:visible; width:100%; background:#ebebeb; padding:8px 0px 6px 0px;}
.home{ width:20%; text-align:left; padding-top:10px;padding-left:5px;}
.logo{ width:60%;text-align:center;}
.icon_m{ width:18%;text-align:right; padding-top:10px;}
.more {
	float: right;
	display: inline-block;
	color: white;
	line-height: 27px;
}

.s_toplist {
	background-color:#000000;
	position: absolute;
	right: 1px;
	top: 65px;
	z-index: 99999;
	display: block;
}
.s_toplist div {
	float:left;
	margin: 11px 0;
}

.s_toplist span {
	width: 0px;
	height: 0px;
	border: 7px solid #333333;
	border-color: transparent transparent #333333 transparent;
	position: absolute;
	top: -14px;
	right: 17px;
}

.s_toplist a {
	display: block;
	line-height: 36px;
	color: #FFF;
	width: 100px;
	text-align: center;
}
.s_toplist a:link{color:#fff;}
.s_toplist a:active{color:#fff;}
.s_toplist a:hover{color:#f1f1f1;}
.s_toplist a:visited {color:#f1f1f1;}
/*index_focus*/
.index_focus {width:100%;position: relative; height:auto;}
.index_focus .focus_pic {width:100%; height:auto; overflow:hidden;overflow: hidden;}
.index_focus .focus_pic li {width:100%;float: left;text-align: center;position: relative;}
.index_focus .focus_pic li img {width:100%;vertical-align: middle;}
.index_focus .focus_btn {width:100%;position: absolute;bottom:5px;left: 0;text-align:center;}
.index_focus .focus_btn li {width:10px;height:10px;background: #eaeaea;display: inline-block;margin: 0 3px;cursor: pointer;-webkit-border-radius: 10px;-moz-border-radius:10px;border-radius: 10px;}
.index_focus .focus_btn li.on {background:#165ad7;}
/*companyBox*/
.companyBox{ background:url(../images/line_bg.jpg) repeat-x center bottom; }
.title_h{ font-size:26px; height:50px; font-weight:bold; line-height:50px; padding-top:5px; width:95%; border-bottom:2px solid #165ad7; text-align:center; margin:0 auto; margin-bottom:20px;}
.title_hh{ font-size:26px; color:#165ad7; font-weight:bold; height:50px; letter-spacing:0.5em; line-height:50px; padding-top:5px; width:80%; border-bottom:2px solid #165ad7; text-align:center; margin:0 auto; margin-bottom:20px;}
.title_hh a{color:#165ad7;}
.title_hh a:hover{color:#165ad7;}
	
.companyB{ width:98%; margin:1%; background:#fff; height:auto; overflow:hidden; margin-top:20px; /*padding-bottom:20px;*/}
.companyL{ width:98%; margin-left:5px;/*margin-right:10px;*/}
.company{ text-indent:2em; font-size:13px; line-height:25px;border:2px solid #e8e8e8; padding:5px; height:auto; overflow:hidden; min-height:50px;/*margin-bottom:10px;*/} 
.company a{ color:#165ad7;}
.tel_c{display:block; }
.tel_c p{color:#165ad7; height:40px; line-height:40px;font-size:16px; font-family:Arial; font-weight:bold;}
.tel_c img{ vertical-align:middle;}
.companyR{ width:47%;border:1px solid #e8e8e8;padding:5px; background:#fff; margin-right:10px;}
.companyR img{ width:100%; vertical-align:middle;}
/*product*/
.box_border{/*border-bottom:30px solid #d7d9e0;*/}
.product{ height:auto; overflow:hidden; }
.channellist {
	width: 100%;
	border: 0px solid red;
	margin: 0px auto; 
	height:auto;
	overflow:hidden;
}
.channellist li {
	float: left;
	vertical-align:middle;
	text-align: center;
	border: 0px dashed blue;
	width: 50%;
}
.channellist li .product_p {
	display: block;
	padding-top: 0px;
	padding: 5px; 
	margin:10px 5px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
}
.channellist li .ChannelName {
	text-align: center;
	height: 22px;
	line-height: 22px;
	border: 0px dashed red;
	padding: 5px;
	font-size: 14px
}
.channellist li .ChannelIcon {
	text-align: center;
	font-weight: bold;
	overflow: hidden;
	background: white center center no-repeat;
	padding: 0px;
	color: #FFFFFF;
	margin: auto;
	border: 0px solid red;
	border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-o-border-radius: 8px 8px 0px 0px;
}
.channellist li .ChannelIcon img {
	vertical-align: middle;
	width:150px;
	height:120px;
	overflow:hidden;
	object-fit: cover;
}
.more_m{ height:30px; line-height:30px; width:80%; text-align:center; background:#066b43; margin:20px auto;}
.more_m a{ color:#fff;}
.more_m:hover{ background:#a41008;}
/*news*/
.newsBox{width:100%; height:auto; overflow:hidden;}
.news{ width:94%; margin:0 auto; height:auto; overflow:hidden;}
.news li{ height:34px; line-height:34px; margin-bottom:8px;}
.news .newsC{ width:70%; float:left; display:inline;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news .news_time{ width:30%; float:right; display:inline; text-align:right;}
/*contactbox*/
.contactbox{ width:100%;text-align:center; line-height:24px; height:auto; overflow:hidden; padding-bottom:60px;}
.contactC{padding:15px 0px; width:98%; height:auto; margin:0 auto;overflow:hidden; }
.index_fl_text td{
    border:1px solid #333333;
    width:30%;
}
/*底部*/
.ditu{background:url(nav1.png) no-repeat;text-indent:-999em; height:48px; margin:4px auto; display:block;}
#BottomNav { background:#333333;
z-index: 999;position: fixed;bottom:0;left: 0;width: 100%;_position: absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow: visible;}
#BottomNav li{ width:33.333%; float:left; text-align:center;}
#BottomNav li:hover{ background:#066b43;}
#BottomNav li a {  color:#fff; font:14px "微软雅黑"; padding:5px 10px;  display:block;}
#BottomNav .ico1a{width:35px;height:33px; background-position: -26px 0px; }
#BottomNav .ico2a{width:37px;height:33px; background-position: -115px 0px;}
#BottomNav .ico3a{width:37px;height:33px; background-position: -211px 0px;}
#BottomNav .ico5a{width:39px;height:33px; background-position: -316px 0px; }
/*backTop*/
#backTop {
	width: 40px;
	height: 40px;
	overflow: hidden;
	right: 2px;
	position: fixed;
	z-index: 100;
	bottom: 68px;
}
#backTop a {
	display: block;
	border-radius: 2px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	background: url(../images/ico_fix.png) no-repeat 0 0;
	filter:alpha(opacity=70); 
    -moz-opacity:0.70; 
-khtml-opacity: 0.7;
opacity:0.70; 
}
#backTop a:hover {
	opacity: 0.8;
}
/*内容*/
.content_g{ width:100%;height:auto; overflow:hidden;margin-bottom:15px; }
.title_g{ /*text-indent:12px; */height:45px;width:100%; line-height:50px; margin-bottom:10px; border-bottom:1px solid #e8e8e8;overflow:hidden;}
.page {display:block; padding:0px; width:99%;margin:40px auto;font-size:14px; text-align:center;}
.page a,.page .nolink{
	color:#000;
    padding:4px 4px;
    text-decoration:none;
    transition: background-color .3s;
    border:1px solid #ddd;
	margin:3px 2px;
	}
.page .nolink{ color:#999;}
.page .cur {
	padding:4px 8px;
	background-color:#066b43;
    color:#FFF;
    border:1px solid #066b43;
}
.page a:hover {background-color: #066b43; color:#FFF;border:1px solid #066b43;}
.product_t{ height:auto; overflow:hidden;}
.title_t{ width:96%; margin:20px auto; background:#066b43; height:36px; line-height:36px; text-align:center; color:#fff;}
.channellist1{ margin-bottom:20px;}

.info {width:96%;margin-left:2%;margin-right:2%; }
.x_titl{ text-align:center;padding-top:10px; padding-bottom:10px;color:#555;}
.title_content{line-height:30px;margin-top:15px;text-align:center;}
.c_text p{font-size:14px;line-height:30px;text-align:left;text-indent:2em;}
.c_text{ height:auto; overflow:hidden;line-height:25px; }
.c_text video{ width:95%; height:auto; margin-top:10px;padding-top:10px;}
.c_text img{text-align:center;width:99%;}
.c_text iframe{ width:90%;height:300px;}
.prev_next{ height:64px;}
.prev,.next{ height:32px; line-height:32px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}


.product_nav{position:relative;height:40px;width:100%;background:#fff; -webkit-box-shadow:0px 1px 3px rgba(188,188,188,.8); box-shadow:0px 1px 3px rgba(188,188,188,.8);z-index:999;}
.product_nav div{float:left;height:20px;width:50%;line-height:20px;padding:10px 0;text-align:center;color:#333}
.product_nav .product_btn i{position:relative;font-style:normal;display:inline-block;padding-right:18px;color:#777; }
.product_nav .product_btn i.on{color:#066b43}
.product_nav .product_btn i.on:after{
	 content: "";
    position: absolute;
    top: 5px;
    right: 3px;
    height: 7px;
    width: 7px;
    border: solid #066b43;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .3s;
	}
.product_nav div.fr i:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 3px;
    height: 7px;
    width: 7px;
    border: solid #777;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .3s;
}
.product_nav .product_class{
	display:none;
	z-index:999;
	position:absolute;
	top:40px;
	width:100%;
	height:auto;
	padding:5px;
	background:#fff}

.product_nav .product_class ul li{
	display:inline-block;
	float:left;
	padding:2px 5px;
	margin:4px 5px;
	border:1px solid #e5e5e5;
	border-radius:3px;

	}

.product_nav .product_class ul li a{display:block;width:100%;height:100%;}
.product_nav .product_class ul li.active{background:#066b43;}
.product_nav .product_class ul li.active a{color:#fff}
.mask {
    position: fixed;
    left: 0;
    top: 145px;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 100;
    opacity: 0.5;
    display: none;
}



.channellist_f li {
	float: left;
	vertical-align:middle;
	text-align: center;
	border: 0px dashed blue;
	width: 33.333%;
}
.channellist_f li .product_p {
	display: block;
	padding-top: 5px;
	padding-right: 5px; 
	padding-left: 5px;
	padding-bottom: 20px;
	margin:10px 5px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
}
.channellist_f li .ChannelName {
	text-align: center;
	height: 22px;
	line-height: 22px;
	border: 0px dashed red;
	padding: 5px;
	font-size: 14px
}
.channellist_f li .ChannelIcon {
	text-align: center;
	font-weight: bold;
	overflow: hidden;
	background: white center center no-repeat;
	padding: 0px;
	color: #FFFFFF;
	margin: auto;
	border: 0px solid red;
	border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-o-border-radius: 8px 8px 0px 0px;
}
.channellist_f li .ChannelIcon img {
	vertical-align: middle;
	width:150px;
	height:120px;
	overflow:hidden
}
.index_tel_l{
	font:18px/1.8 "MicrosoftYaHei";
	color:#165ad7;
	font-weight: bold;
	}
.index_tel{
	font:18px/1.8 "MicrosoftYaHei";
	color:#ffffff;
	}
.index_tel a{
	color:#ffffff;
	}
.index_tel a:hover{
	color:#ffffff;
	}
.index_cont{
	margin-top:20px;
	}
.service_t{
    font-size: 1.2rem;
    font-weight: bold;
    color: #1b7059;
    padding-left:5px;
    padding-right:5px;
}
.service_s{
    text-indent: 2em;
    font-size: 0.9rem;
    color: #333333;
    padding-left:5px;
    padding-right:5px;
}


/* 设置容器样式 */
			#dituContent {
				height: 250px;
				width: 100%;
			}

			.mapContent {
				width:220px;
				position: relative;
				top: -20px;
				
			}

			.BMap_bubble_content {
				overflow: visible !important;
			}

			.mapContent .title {
				width: 100%;
				font-size: 12.5px;
				color: #333;
				line-height: 30px;
				font-weight: bold;
			/*	padding-left: 5px;
				padding-top:5px;*/
			}

			.mapContent .main {
				font-size: 12.5px;
				line-height: 20px;
				color: #333;
			/*	padding-left: 5px;
				padding-top:5px;*/
			}

			.mapContent .main p {
				margin: 0;
				padding: 0;
			}
			.mapContent .main p a{
				color: #333333;
				text-decoration: none;
			}
			.mapContent .main p a:hover{
				color: #333333;
				text-decoration:underline;
			}