﻿@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.7 SimSun;text-align:left; font-family:"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol,li{list-style:none; padding:0; margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:link,a:visited{color: #333333;}
a:hover{color:#0d6bb1; text-decoration:none}
fieldset,img{border:0;}
input{ border:0;}
body{ }

.logo{ width:100%; text-align:center; padding:20px 0px;}
nav{ line-height:60px; width:100%; background-color:#f1f1f1; font-size:14px;text-align:center; overflow:hidden}
nav li{ width:100px; display:inline-block }
.navOpen{margin: 0 auto;text-align: center;width: 1003px;}

.about_list{ width:100%;  overflow:hidden; margin:30px 0 0px; color:#6d6d6d}
.about_list h2{ font-size:24px; text-align:center; color:#0099a3; font-weight:normal; padding:10px 0;}
.about_list ul{ margin:0 auto; width:1003px; padding:40px 0 40px;overflow:hidden}
.about_list li{ width:273px; float:left; padding:0 30px; line-height:24px}
.about_list span{ width:100%; text-align:center; display:block;}
.about_list em{ width:100%; display:block; color:#ee581d; margin-top:10px; font-size:14px; font-weight:bold}

.nei_banner{ height:266px; width:100%;color:#6d6d6d}

.about_content{ width:960px; margin:0px auto 30px; border:1px solid #ccc; padding:20px;color:#6d6d6d; line-height:30px; background-color:#eee}
.about_content h2{border-bottom:1px solid #ccc; line-height:30px; font-size:16px;font-weight:normal;color:#0099a3; margin-bottom:15px}

.case_content{ width:1003px; margin:20px auto;color:#6d6d6d}
.case_content h2{font-size:24px; text-align:center; color:#0099a3; font-weight:normal; padding:10px 0;}
.case_content span{ width:100%; text-align:center;display:block;}
#case { width:1003; margin:20px auto; display:block; overflow:hidden}
#case li{ width:288px; float:left; text-align:center; margin:20px;}
#case span{ line-height:40px; font-size:14px;}

.case_main{ width:100%; min-height:500px;}


.news-subnav{width:180px;   float:left}
.news-subnav h1{display:block; height:92px;  overflow:hidden; border-bottom:1px solid #0d6bb1}
.news-subnav .content{ padding-left:0px}
.news-subnav .content li{ display:block; height:45px; line-height:45px; font-size:14px; border-bottom:1px solid #ededee}
.news-subnav .content li a{display:block; height:45px; line-height:45px; padding-left:14px; color:#6f6f6f}
.news-subnav .content li.cur a{ color:#0d6bb1; background:url(../images/jt.jpg) no-repeat right;}

.crumbs_list{color:#0d6bb1; font-weight:normal; padding-top:60px;border-bottom:1px solid #0d6bb1; line-height:30px; text-align:right}
.news_content .crumbs_list span{ display:inline-block; width:10px}
.case_content .crumbs_list span{ display:inline-block; width:10px}

.news_main{width:1100px; margin:auto;  overflow:hidden}

.news_content{padding:0px; width:1000px; float:left; min-height:600px;padding-left:30px; padding-bottom:30px}
#alist{border-top: 1px solid #0099a3; margin-top:20px}
#alist li{ padding:10px 10px;border-bottom:1px dotted #ccc; overflow:hidden}
#alist li:nth-child(2n){ padding:10px 10px;border-bottom:1px dotted #ccc; overflow:hidden; background-color:#eee}
#alist h2{ padding-bottom:6px; text-align:left}
#alist .info{ float:right; width:150px; display:inline-block}
#alist .date{color:#616161; font-weight:normal}
#alist .apic{ width:160px; float:left}
#alist a{ color:#0d6bb1; font-size:15px; font-weight:bold}
#alist .intro{ color:#616161; line-height:28px; font-size:13px;}
#Article h1{ text-align:center; font-size:18px; font-weight:normal; color:#0d6bb1; padding:15px 0px;}
#Article h1 em{ font-size:12px; color:#666; border-top: dotted 1px #ccc; width:100%; display:block; padding:5px 0px; margin-top:10px}
#Article h1 i{ display:inline-block; width:20px; font-style:normal}
#Article { font-size:13px; line-height:28px;}
#Article .content{ border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px; font-size:14px; color:#333333; line-height:36px}
.news_content h2{font-size:24px; text-align:center; color:#0099a3; font-weight:normal; padding:10px 0;}
.news_content span{ width:100%; text-align:center;display:block;}

#contact{ width:1003px; margin:20px auto;}
#contact h2{font-size:24px; text-align:center; color:#0099a3; font-weight:normal; padding:10px 0;}
#contact span{ width:100%; text-align:center;display:block;}
#contact ul{ line-height:30px; margin:20px auto; font-size:14px;}


.main_image {
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.main_image ul {
    height: 450px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 9999px;
}
.main_image li {
    float: left;
    height: 450px;
    width: 100%;
}
.main_image li span {
    display: block;
    height: 450px;
    min-width: 1000px;
    width: 100%;
}
.main_image li a {
    display: block;
    width: 100%;
}
div.flicking_con {
    margin: 0 auto;
    position: relative;
    width: 990px;
}
div.flicking_con .flicking_inner {
    left: 45%;
    position: absolute;
    top: 360px;
    z-index: 999;
}
div.flicking_con a {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    float: left;
    height: 12px;
    margin: 0 3px;
    padding: 0;
    text-indent: -1000px;
    width: 12px;
}
div.flicking_con a.on {
    background-color: #c00;
}
#btn_prev, #btn_next {
    display: none;
    height: 74px !important;
    margin-top: -37px;
    position: absolute;
    top: 50%;
    width: 73px !important;
    z-index: 11111;
}
#btn_prev {
    background: rgba(0, 0, 0, 0) url("../images/slide-left.png") no-repeat scroll left top;
    left: 50px;
}
#btn_next {
    background: rgba(0, 0, 0, 0) url("../images/slide-right.png") no-repeat scroll right top;
    right: 50px;
}
.news_list_title {
    background: rgba(0, 0, 0, 0) url("../images/long-bg.png") no-repeat scroll 0 0;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 38px;
    padding: 0 25px;
}
.news_list_title span {
    float: right;
}

.case_list{ width:1200px; margin: 20px auto; overflow:hidden}
.case_list li{ width:300px; text-align:center; float:left}
.case_list h5{ font-size:14px; font-weight:normal; line-height:30px}
.case_list h2{font-size:24px; text-align:center; color:#0099a3; font-weight:normal; padding:10px 0;}
.case_list span{ width:100%; text-align:center;display:block;}
.case_list ul{ padding-top:30px}
.case_list .first{ background-color:#000; width:288px; height:178px; display:block}
.case_list img{opacity:.5;}
#case .apic{ background-color:#000; width:288px; height:178px; display:block}
#case img{opacity:.5;}
#case img:hover{opacity:1;}



.home_news{ width:100%; margin:40px auto 20px; overflow:hidden}
.home_news span{ width:100%; text-align:center;display:block;}
.home_news .bg{  background:url(../images/home_news_bg.jpg) no-repeat; height:377px; width:100%; margin-top:30px }
.home_news h2{font-size:24px; text-align:center; color:#0099a3; font-weight:normal; padding:10px 0;}

.hnews_list{ width:1003px; margin: 0 auto}
.footer{ width:100%; line-height:40px; border-top:1px solid #ccc; text-align:center; color:#666}
.hnews_list{ padding-top:30px}
.hnews_list li{ width:460px; margin:0 20px; float:left; height:50px; overflow:hidden; margin-bottom:1px}
.hnews_list .new_img{ width:75px; height:50px; float:left}
.hnews_list .right{ background-color:#fff;width:300px; float:left;height:50px;}
.hnews_list  .title{ line-height:28px; padding-left:15px; display:block;  color:#ee581d; }
.hnews_list  p{ padding:0 15px; height:20px; overflow:hidden; line-height:18px}
.hnews_list  .date{ width:85px; height:50px; float:left; background-color:#004c4c; color:#fff; line-height:50px; text-align:center; font-family:Arial, Helvetica, sans-serif}

.home_industry{ width:1003px; margin:20px auto; overflow:hidden}
.home_industry span{ width:100%; text-align:center;display:block;}
.home_industry h2{font-size:24px; text-align:center; color:#0099a3; font-weight:normal; padding:10px 0;}
.home_industry ul{ overflow:hidden}
.indust_list{ width:250px; margin:20px 40px; padding-top:20px; float:left }
.indust_list h3{ text-align:center; line-height:60px; font-size:18px;text-align:center; width:100%; display:block; font-weight:normal}
.indust_list em{ width:100%; text-align:center; display:block}

.home_map{ width:100%;}
.home_map span{ width:100%; text-align:center;display:block;}
.home_map h2{font-size:24px; text-align:center; color:#0099a3; font-weight:normal; padding:10px 0;}
.home_map ul{ width:100%; height:464px; overflow:hidden; margin:40px 0px 0px; background:url(../images/map2.jpg) center no-repeat}


.menu {line-height:60px; width:100%; background-color:#f1f1f1; font-size:14px;text-align:center; overflow:hidden; display:block}

.menu ul {
			list-style: none;
			padding: 0;
			margin: 0 auto; height:60px; width:500px;
}

.menu ul li {
	overflow: hidden;
	position: relative;
	line-height: 60px;
	text-align: center; float:left
}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 90px;
			height: 60px;
			font-family: "微软雅黑", "宋体";
			font-size: 14px;
			text-decoration: none;
			cursor: pointer;
}

.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 90px;
}

		.menu ul li a span.out {
			top: 0px;
}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -60px;
}

		
#menu2 ul li a {
			color: #666;
}

#menu2 ul li a span.over {
	color: #fff;
	background-color: #2c5857;
}
