@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1;
	margin:0px;
	padding:0px;
	font-family:'Microsoft YaHei';
	font-size:16px;
}
ol, ul {
	list-style: none
}
h3,h4{
	font-weight:normal;
}
a{
	text-decoration:none;
	color:#666666;
}
select {
   	border: solid 1px #000;/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	appearance:none;/*很关键：将默认的select选择框样式清除*/
  	-moz-appearance:none;
  	-webkit-appearance:none;
	background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;/*在选择框的最右侧中间显示小箭头图片*/
	padding-right: 14px;/*为下拉小箭头留出一点位置，避免被文字覆盖*/
}

/*首页*/
.section-header{
    width: 1200px;
    margin: 0 auto;
/*    padding: 15px 0;*/
}
.logo{ display:inline-block;padding: 15px 0;}

.nav {
	float:right;
	line-height:45px;
}
.nav li {
	float:left;
	text-align: center;
	padding:15px 10px;
	cursor:pointer;
}

.nav li a {
	padding: 0 10px;
	font-family:'Microsoft YaHei';
	color: #666;
	font-size: 18px;
    font-weight:400;
	height: 45px;
    display: inline-block;
	text-decoration:none;
}
.nav li.active{
	background:#4ab13c;
	/*border-radius:5px;*/
}
.nav li.active a{color:#fff;}

.nav li:hover{background:#4ab13c;}
.nav li:hover a{color:#fff;}

.slideBox{
	width: 100%;
	min-width:1200px;
    height: 400px;
    overflow: hidden;
    position: relative;
}
.slideBox .bd .tempWrap img{
	width:100%;
}
.slideBox .hd{
    height: 15px;
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    z-index: 1;
	left: 50%;
    margin-left:-98px;
}
.slideBox .hd li{ float:left; width:60px; height:20px; text-align:center; margin:0 2px;
	font-size:12px;
	line-height:15px;
	background:rgba(255, 255, 255, 0.7);
	color:#666;
}
.slideBox .hd .on{
	color: #fff;
	background: rgba(10, 42, 74, 0.9);
}
.contan{ width:1200px; margin:0 auto; padding:30px 0;height:338px;}

.contan .yujin{ width:352px; float:left; border:1px solid #becae6; padding:16px; text-align:center;}
.contan .yujingM{ position:relative; float:right; width:766px; height:359px; background:url(../Images/yujing.png) no-repeat;}

.txtMarquee-top{
	width:600px;
    margin-left: 128px;
    color: #666;
    font-size: 16px;
    line-height: 23px;
    height: 288px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.5);
}
.txtMarquee-title{
	text-align: left;
    font-size: 20px;
    padding: 10px;
    padding-left: 32px;
    padding-top: 28px;
    padding-bottom: 22px;
	background:url(../Images/yujing-title.png) right no-repeat;
}
.txtMarquee-title a{ float:right; padding-right:50px; font-size:16px; color:#2762a8; cursor:pointer;}
.txtMarquee-title span{
	padding-left: 10px;
    border-left: 3px #4ab13c solid;
}
.yujingM .tempWrap{ padding:15px 0 0;}
.infoList li p{ padding:10px 0;}


/*防御指引*/
.zhiyin_xx{
	float:left; 
	background:url(../Images/link_zhiyin.jpg) bottom;
	background-size:100%;
	width:6%;
	height:260px; 
	padding-top:10px;
	margin-top:20px; 
	color:#fff;
}
.zhiyin_xx p{
	text-align:center;
	font-size:16px;
	display:block;
	/*倾斜90度
	-moz-transform:rotate(90deg); 			    
	-webkit-transform:rotate(90deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}
.zhiyin_xx span{
	font-size:40px;
	padding-bottom:5px;
	display:block;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

/* Content styles */
.md-content {
	background: #fff;
	position: relative;
	border-radius: 3px;
	overflow:hidden;
	margin: 0 auto;
	box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.2); 
	-webkit-box-shadow:0px 0px 12px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.2);
}

.md-content h3 {
	margin: 0;
    padding: 20px 40px;
    font-size: 36px;
    font-weight: 300;
	background: #3f7b37;
    color: #fff;
}

.md-content > div {
    padding:30px 40px;
    background-color: #f2f2f2;
    margin: 0;
    color: #4c4c4c;
    font-size: 15px;
}
.md-content table{border-collapse: collapse;}
.md-content > div td{
	line-height:20px;
	border:1px #bdc3c1 solid;
}
.md-content .md-close{
	width: 100%;
    height: 47px;
    background: #bdc3c1;
    border: none;
    border-radius: 3px;
    color: #184611;
    margin-top: 20px;
    font-size: 18px;
	cursor:pointer;
}
.md-content .md-close:hover{color: #fff;background:#315d2b;}

.md-content .md-close:active{
	background:#000;
}
/* Effect 15:  3D Rotate in from left */
.md-effect.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
}

.md-show.md-effect .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}


.title{ margin-top:20px; text-align:center; color:#333333; font-size:20px; padding-bottom:10px; background:url(../Images/title-bg.png) bottom center no-repeat; margin-bottom:25px;}

/*局部图展示*/
.dizhi{ width:1200px; margin:0 auto; height:520px;}
.dizhi > div{ float:left; position:relative; cursor:pointer;}
.dizhi .dizhi1{ width:600px; height:250px; background:url(../Images/dizhi1.png) no-repeat;}
.dizhi .dizhi2{ width:300px; height:250px; background:url(../Images/dizhi2.png) no-repeat;}
.dizhi .dizhi3{ width:300px; height:250px; background:url(../Images/dizhi3.png) no-repeat;}
.dizhi .dizhi4{ width:300px; height:250px; background:url(../Images/dizhi4.png) no-repeat;}
.dizhi .dizhi5{ width:300px; height:250px; background:url(../Images/dizhi5.png) no-repeat;}
.dizhi .dizhi6{ width:300px; height:250px; background:url(../Images/dizhi6.png) no-repeat;}
.dizhi .dizhi7{ width:300px; height:250px; background:url(../Images/dizhi7.png) no-repeat;}

.dizhi-content{ position:absolute;left: 0; bottom:0; width:100%;background: rgba(0, 0, 0, 0.5); height:100px; color:#fff;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
.dizhi-content span{ display:inline-block; padding:15px; font-size:18px;}
.dizhi-content img{ position:absolute; right:10px; bottom:10px; width:50px; border: 5px solid rgba(255, 255, 255, 0.3);}

.dizhi > div:hover .dizhi-content{
    background: rgba(74, 177, 60, 0.95);
    bottom: 43px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    text-align: center;
    left: 50%;
    margin-left: -75px;
}
.dizhi > div:hover .dizhi-content span{margin-top: 15px;}
.dizhi > div:hover .dizhi-content img{right: 42px; bottom: 32px;}

/*.dizhi > div:hover{ background:#eee;}*/


/*系统入口*/
.qixiang{
	width:1200px;
	margin:0 auto;
	height:220px;
}
.qixiang ul .circle{
	float:left; 
	margin: 20px 88px 0px;
	text-align:center; 
}
.qixiang ul .circle a{
	color:#3658ac;
}
.qixiang .circle img{
	width: 100%;
    height: 100%;
}
.circle {
    position: relative;
    width: 120px;
    height: 120px;
}

.circle .icon {
	padding-bottom:20px;
    width: 120px;
    height: 120px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.circle .info {
	width: 120px;
    height: 120px;
	overflow:hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.info span{
	position: absolute;
	padding:8px 5px;
	font-size:13px;
	text-align:center;
    top: 26%;
    left: 0%;
    color: #fff;
    background:rgba(0,0,0,0.4);
    background-size: 100%;
}
.circle a:hover .icon {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.circle .icon:before {
    position: absolute;
    display: block;
    border-radius: 50%;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.circle a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/*新闻导读*/
.news{ width:1200px; margin:0 auto; height:360px;}
.news-details{ float:left; width:500px; border:1px solid #ddd; position:relative;}
.news-details img{ width:100%;height:254px}
.news-details .hd{
	height: 15px;
    overflow: hidden;
    position: absolute;
    bottom:50px;
    z-index: 1;
	left: 50%;
    margin-left:-50px;
}
.news-details .hd li{
	display: inline-block;
    width: 15px;
    height: 15px;
    background: #ddd;
    border-radius: 50%;
    margin: 0 3px;
    color: rgba(221, 221, 221, 0);
}
.news-details .hd li.on{ background:#f00;}
.news-number{
    width:60px;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    line-height:37px;
    float: left;
	border-right:1px solid #ddd;
	color: #666;
}
.news-list > div > div{ display:inline-block;width: 580px;}
.news-tilte{ color:#333; font-size:18px; padding:10px;}
.news-text{color:#999; font-size:16px; padding:0 10px; line-height:25px;}
.news-list{
    float: right;
    width: 660px;
}
.news-list > div{ border:1px solid #ddd; padding: 8px 0 12px; border-bottom:none;}
.news-list > div:last-child{ border-bottom:1px solid #ddd;}
.news-time{ float:right; font-size:14px; color:#999;margin-top: 3px;}


.QRcode{ position:fixed; right:0; bottom:10px;padding: 5px 15px 15px;background: rgba(0, 0, 0, 0.7); color:#fff; border-radius:5px; text-align:center;}
.QRcode p{margin: 25px 0 7px; line-height: 22px;}
.QRcode-close{position: absolute; right: 11px; cursor:pointer;}
.QRcode img{ width:125px;}


/*底部*/
.bottom{ width:100%; background:#f1f1f1;border-top: 1px solid #ddd; min-width:1200px;}

.bottom .link{ width:1200px; margin:0 auto; padding-top:20px; margin-bottom:25px;}
.bottom .link li{
	display: inline-block;
    margin-right:71px;
}
.bottom .link li:last-child{ margin-right:0;}

.bottom-text{ text-align:center; font-size:14px; padding-bottom:10px; color:#666;}
.bottom-text > span{ margin-left:25px;}


/*二级页面*/
.page-menu{ 
	float: left;
    width: 220px;
    background: #eaedea;
    line-height: 47px;
    text-align: center;
    margin-top:32px;
    border-radius: 5px;
	border:1px solid #ddd;
}
.new_list{
	float:right;
	width:920px;
	margin: 15px 0;
    border: 1px #D3D3D3 solid;
}
.new_list li{
	padding:10px;
}

.pager {
    padding-left: 0;
    margin: 20px 0 0 0;
    text-align: center;
    list-style: none;
    padding-bottom: 30px;
}
.pager li {
    display: inline;
	padding: 0;
}
.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.list > li span {
    color: #2c8efd;
    float: right;
}
.list > li:nth-child(2n) {
    background: #f3f5f8;
}

.page-menu li{ padding:8px 0;}
.page-menu li.active{
    background: #fff;
    border-left: 3px solid #4ab13c;
}
.page-menu li:hover{
    background: #fff;
    border-left: 3px solid #4ab13c;
}
.page-menu li.active a{ color:#4ab13c;}
.page-menu li:hover a{ color:#4ab13c;}
.page-menu .menu-title{
	background:#4ab13c;
	color:#fff;
	font-size:20px;
	padding:7px 0;
}

.lianjie{ text-align:center; margin-bottom:15px;font-size:16px}
.lianjie a{ cursor:pointer;}


.navigation{
	float: right;
    width: 920px;
    margin: 32px 0 0;
    font-size: 16px;
    color: #666;
}
.navigation a{cursor:pointer;}
.navigation a:hover{color:#2e9620;}
.navigation a:last-child{color:#2e9620;}

/*新闻动态_详情*/
.detail{
	width:1200px;
	margin:20px auto 20px;
	border: 1px #D3D3D3 solid;
	border-radius:4px;
	min-height:400px;
}
.detail h2{
	text-align:center;
	font-weight:normal; 
	padding:16px;
    word-break: break-all;
}
.detail h2 i{
	 height:22px; 
	 width:32px; 
	 display:inline-block;
}
.detail .info{
	text-align:center; 
	color:#C2CFEF; 
	display:block;
	font-size:14px;
}
.detail p{
	padding:20px 40px 0px 40px;
	color:#666666; 
	letter-spacing: 1px; 
	word-spacing: 2px; 
	line-height: 1.7em; 
	text-indent: 40px; 
}
.detail .img{ text-align:center;}
.detail img{ max-width:100%;}
.detail .annex a{
	display:block;
    color: #4085ca;
    padding: 20px 40px 0px 40px;
    font-size: 16px;
}
/*新闻动态_详情END.....*/


/*典型案例*/
.case{
width:1200px; margin:30px auto 10px;
}
.case-title{
    font-size: 18px;
    color: #2e8a22;
    margin-bottom: 17px;
    border-left: 3px solid #4ab13c;
    padding-left: 11px;
}

.case .case-list ul li{
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    width: 290px;
    margin: 0 3px;
	position:relative;
	margin-bottom: 15px;
}
.case .case-list ul li a{ display:inline-block; cursor:pointer;}
.case .case-list ul li a:hover p{color:#8ffbb1;}
.case .case-list ul li p{ position:absolute; bottom:0px; background: rgba(0, 0, 0, 0.7);color:#fff; width:100%; padding:10px;box-sizing: border-box;line-height:24px;}

.case-details{
	width:1200px;
    height: 400px;
    overflow: hidden;
    position: relative;
	text-align:center;
	border:1px solid #ddd;
	background:#eee;

}
.case-details img{max-width:1200px;height: 400px;}
.case-details .hd{
	height: 15px;
    overflow: hidden;
    position: absolute;
    bottom:10px;
    z-index: 1;
	left: 50%;
    margin-left:-50px;
}
.case-details .hd li{
	display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    margin: 0 3px;
    color: rgba(221, 221, 221, 0);
}
.case-details .hd li.on{ background:#f00;}
.prev,.next{ position:absolute; left:0%; top:50%; margin-top:-25px; display:block; width:68px; height:70px; background:url(../Images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.next{ left:auto; right:0%; background-position:2px 5px; }
.prev:hover,.next:hover{ filter:alpha(opacity=100);opacity:1; }

.case-detailstitle{ text-align:center; margin-top:20px; color:#333;}
.case-detailstext{ margin-top:15px; color:#666; text-indent:35px; line-height:26px; margin-bottom:25px;}