@charset "utf-8";

/*body css*/
body{margin:0;font-family:"微软雅黑",Arial;font-size:14px; line-height:150%;*overflow-y:hidden;overflow-x:hidden;color:#333; background:#fff;}
a{color:#333;text-decoration:none;transition-duration:500ms;}
a:hover{text-decoration:none;transition-duration:500ms; color:#f00;}a:focus{outline:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.rela{position:relative;}.abso{position:absolute;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;color:#333;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_5,.hr_10,.hr_20{font-size:1px;line-height:1px;clear:both;_overflow:hidden;}
.hr_1{height:1px;}.hr_5{height:5px;}.hr_10{height:10px;}.hr_20{height:20px;}
/*html{overflow-x: hidden;}*/
.bg_01{ background:#f7f7f8; }
/*标题*/
.title_01{ font-size:24px; line-height: 26px; margin:50px 0; padding-left: 5px; overflow: hidden; border-left:5px solid #069; }
.more_01{ text-align:center; padding-top:20px; padding-bottom:20px;}
.more_01 a{ border:1px solid #999; padding:8px 80px; display:inline-block; font-size: 14px;}
.more_01 a:hover{ background:#666; color:#fff;}

.ban_01{ background:url("../images/ban_01.jpg");background-size:auto 100%; background-position:center;}
.ban_title{ height:250px; color:#fff; display:table;}
.ban_title p{display: table-cell; vertical-align:middle;}
.ban_title span{ font-size:24px; display:block; margin-bottom:15px;}
.sub_title{ border-bottom:1px solid #f0f0f0; color:#aaa; padding:15px 0; margin-bottom:30px;}
.sub_title a{color:#aaa;}

.nav_i{ text-align:center; margin-bottom:50px;}
.nav_i li{ display:inline; }
.nav_i li a{ border:1px solid #999; padding:6px 15px; margin:0 5px;}
.nav_i li a:hover{ background:#333; color:#fff;}

@media (max-width:992px) {
.ban_title{ height:180px;}
.ban_title span{ font-size:18px;margin-bottom:5px;}
}
@media (max-width:768px) {
.ban_title{ height:120px; line-height:15px;}
.ban_title p{ font-size:12px;}
.ban_title span{ font-size:16px;margin-bottom:5px;}
.sub_title{ margin-bottom:15px;}
}

/*header*/

header {height: 80px; background: #eee; text-align: center; position: relative;}
header .top_a{position: relative;}
header .nav_logo { height: 120px; display:inline-block; margin-bottom: -40px; padding: 0 20px; z-index: 9;position: relative;}
header .nav_logo img{ height:100%;}
header .nav_desk {display: inline-block; position: relative;top: -25px;font-size:15px;}
header .nav_desk > li { display: inline-block; line-height:20px;}
header .nav_desk > li a { padding: 16px 20px; color: #069;}
header .nav_desk > li a:hover { color: #f93;}
header .nav_menu, header .nav_list {display:none;}

/*footer*/			
footer{overflow: hidden; background:#333; color: #fff; padding:30px 0; text-align: center;}
footer a{color:#fff;}
footer .f_nav{margin-bottom:15px;}
footer .f_nav li{display: inline-block; padding: 0 5px;}
footer .f_nav li:before{content:"|"; padding-right:10px; color: #666;}
footer .f_nav li:first-child:before{content:"";padding-right:0;}
footer .f_copy{padding: 5px 0; font-size: 12px;}
footer .f_icp{padding-left: 10px;}
footer .copyright{ padding: 10px 0;  }



@media (max-width:1400px) {
}
@media (max-width:1200px) {
}
@media (max-width:992px) {
}
@media (max-width:768px) {
header .nav_desk {display:none;}
header {height:60px;}
header .nav_logo { height: 90px; margin-bottom: -40px; }

header .nav_menu {display:block;right:3%;padding:8px 5px;position:absolute;border:1px solid #ccc; border-radius:4px;margin-top:12px;z-index:99;cursor:pointer;}
header .nav_menu span {height:2px;width:25px;display:block;background:#ccc;}
header .nav_menu span + span {margin-top:6px;}
header .nav_list {position:fixed;height:100%;top:0;padding-top:10px;width:70%;left:-70%;background:#acabab;-webkit-transition:1s;transition:1s;z-index:99;display: block;}
header .nav_list > li {width:100%; overflow: hidden; padding: 5px 0; margin:0;font-size: 16px;}
header .nav_list > li .on{color: #f00;}
header .nav_open {left:0%; overflow:auto;}

footer .f_nav li,footer .f_time{text-align: center;}
footer .f_icp{display: block;}

.fnav{position:fixed; bottom: 0; left: 0; right: 0;background: #000; color: #fff; padding-top: 10px;}
.fnav_hei, .fnav{height: 70px;display: block;}
.fnav img{ width: 30px; display:block; margin: 0 auto;}
.fnav a{color: #fff;}
	
}

/*index*/
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;}
.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}

.i_fuwu{overflow: hidden;}
.i_fuwu li{display:inline-block; vertical-align:top; float:inherit;  margin-right:-3px; margin-bottom: 30px;}
.i_fuwu p{background: #eee;text-align: center;}
.i_fuwu .fw_01{padding-top: 50px;} 
.i_fuwu .fw_02{padding: 30px 0;font-size: 18px;} 
.i_fuwu .fw_03{padding: 0 25px; height: 125px; text-align:left; color: #666; line-height: 25px;font-size:14px;} 

.i_huanjing li{margin-bottom: 30px; text-align: center;}
.i_huanjing .title{font-weight: bold; font-size: 18px; margin: 15px 0;}
.i_huanjing .desc{text-align: left; color: #999;}
.i_huanjing li img{width: 100px; height: 100px;}
.i_huanjing a:hover{opacity: 0.6;}

.news_i,.news_i li h3, .news_j{ font-size:14px;}
.news_i li{ margin-bottom:20px;display:inline-block; vertical-align:top; float:inherit;  margin-right:-3px;}
.news_i li img{width:100%;border:1px solid #ddd;}
.news_i li h3{ margin:5px 0 5px;}
.news_i li p{ color:#999;}
.news_j{overflow: hidden;margin-bottom: 15px;}
.news_j li{ padding-bottom:5px; padding-top:5px; }
.news_j time{float: right;}
.weblink{overflow: hidden;margin-bottom:30px; margin-top: 45px;}
.weblink a{padding-left:10px; }

@media (max-width:768px) {
body{ font-size:12px; line-height:30px;}

.news_j time{display: none;}
.news_i li{line-height:20px; }
.i_huanjing li{line-height:20px;}
.news_i li p{font-size: 12px;}
}


.left_nav{margin-bottom: 30px;}
.left_nav .left_title{ font-size: 18px; background: #069; padding: 30px; color: #fff;}
.left_nav .left_title p{ font-size: 24px; margin-bottom: 5px;}
.left_nav li{ line-height:40px; font-size: 14px; background:#eee;}
.left_nav li a{display: block; padding-left: 30px; border: 1px solid #ddd; margin-top: -1px;}
.left_nav li a:hover{background: #079; color: #fff;border: 1px solid #069;}
.left_nav li .on{font-weight: bold; color: #079;}
/*****关于我们************/
.about_01{ font-size: 16px; margin-bottom: 30px; line-height: 180%;}
.about_01 .title{ font-size:24px; font-weight: bold; border-bottom:1px solid #ccc;margin-bottom: 15px; padding-bottom: 15px;}
.about_01 h3{border-left:5px solid #069; padding-left: 5px; margin-bottom: 15px; font-size: 16px;}
.about_01 img{margin-bottom: 15px; }
.about_01 p{margin-bottom: 15px; text-indent: 2em;}

.contact{overflow: hidden;margin-bottom: 30px; font-size: 16px;}
.contact img{margin-bottom: 15px;}
.contact p{line-height: 30px;}
.contact .com_name{ font-weight: bold; font-size: 24px;}
.contact .com_add{margin-bottom: 30px; font-size:14px;}
/*****新闻资讯************/
.news_list{ color:#999;}
.news_list li{ overflow:hidden; margin-bottom:15px;  border-bottom:1px dashed #ccc; padding-bottom:15px;}
.news_list .nl_title{font-size:18px; margin-bottom: 5px;}
.news_list .nl_pic{ overflow:hidden;}
.news_list .nl_pic img{ float:left; width:150px; margin-right:15px;}
.news_list .nl_pic span{ display:inline-block; padding-right:10px;font-size:12px;}
.news_list .nl_pic span i{ margin-right:5px; }


.newsshow .title{ text-align:center; margin:20px 0; font-size:24px;}
.newsshow .info{ text-align:center; font-size:14px; margin:10px 0 40px;overflow: hidden; color: #ccc;}
.newsshow a{font-weight: bold;}
.newsshow img{max-width: 100%; display: block; margin: 10px auto;}
.newsshow p{ margin-bottom:20px;}
.newsshowtext { margin:20px 0; font-size:14px;}
.newsshowhits{margin-bottom: 20px; margin-top: 10px; overflow: hidden;}
.newsshowhits li{line-height: 30px;}
.search{ margin-bottom:30px; overflow:hidden; border:1px solid #999;}
.search .key{ width:80%; float:left; line-height:30px; text-indent:1em; outline:none; border:none;}
.search .sub{width:20%; font-size:16px; color:#999; float:right; background:none; border:none; line-height:30px; text-align:center;border-left:1px solid #999;}


@media (max-width:1200px) {


}
@media (max-width:992px) {


}
@media (max-width:768px) {

.slideBox{ width:120%; left: -10%; right: -10%;}
.news_list .nl_title{font-size:14px;}
.news_list .nl_pic{line-height: 20px;}
.newsshow .title{  margin:10px 0; font-size:16px;}
.newsshow .info{ font-size:12px; margin:10px 0;}


}


/*分页样式*/
.page_info{text-align:center;margin:50px 0;color:#333; overflow:hidden;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{line-height:30px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin:50px;overflow:hidden;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:5px 13px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}



/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#264aca;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:14px;border-bottom:1px solid #e3e3e3; }
#floatDivBoxs .floatDqq li img{width: 20px;margin-right: 6px;}
#floatDivBoxs .floatDtxt{font-size:14px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 15px; font-size:16px; font-weight: bold; color: #f93}

#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

@media (max-width:768px) {


#floatDivBoxs,#rightArrow{display: none;}

}