﻿@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:12px;font-family:"Microsoft Yahei";line-height:2em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
html,body{color:#666}
body{background:#fff;}
ul,ol,li{list-style:none}
a{color:#666;text-decoration:none;}
a:hover{text-decoration:none;}
img{border:0}
em{font-style:normal;}
h1,h2,h3,h4,h5{font-weight:normal}
sub,sup{font-size:0.8em}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { zoom:1; }
.left { float:left; }
.right { float:right; }
.hide{ display:none;}

@-webkit-keyframes DDInY{
0%{-webkit-transform:translateY(40px);opacity:0}
40%{-webkit-transform:translateY(-10px)}
70%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0px);opacity:1}
}
@-moz-keyframes flipInX{
0%{-moz-transform:translateY(40px);opacity:0}
40%{-moz-transform:translateY(-10px)}
70%{-moz-transform:translateY(0px)}
100%{-moz-transform:translateY(0px);opacity:1}
}
@-ms-keyframes flipInX{
0%{-ms-transform:translateY(40px);opacity:0}
40%{-ms-transform:translateY(-10px)}
70%{-ms-transform:translateY(10px)}
100%{-ms-transform:translateY(0px);opacity:1}
}
@keyframes flipInX{
0%{-ms-transform:translateY(40px);opacity:0}
40%{-ms-transform:translateY(-10px)}
70%{-ms-transform:translateY(10px)}
100%{-ms-transform:translateY(0px);opacity:1}
}

@-webkit-keyframes popOut {
	0%	{-webkit-transform:scale(0.8,0.8) 	translateY(30px); opacity:0; }
	100%{-webkit-transform:scale(1,1) 		translateY(0px); opacity:1; }
}@-moz-keyframes popOut {
	0%	{-moz-transform:scale(0.8,0.8) 	translateY(30px); opacity:0; }
	100%{-moz-transform:scale(1,1) 		translateY(0px); opacity:1; }
}@-ms-keyframes popOut {
	0%	{-ms-transform:scale(0.8,0.8) 	translateY(30px); opacity:0; }
	100%{-ms-transform:scale(1,1) 		translateY(0px); opacity:1; }
}@-o-keyframes popOut {
	0%	{-o-transform:scale(0.8,0.8) 	translateY(30px); opacity:0; }
	100%{-o-transform:scale(1,1) 		translateY(0px); opacity:1; }
}@keyframes popOut {
	0%	{transform:scale(0.8,0.8) 	translateY(30px); opacity:0; }
	100%{transform:scale(1,1) 		translateY(0px); opacity:1; }
}
@-webkit-keyframes fadein {
	0%	{opacity:0; }
	100%{opacity:0.9; }
}@-moz-keyframes fadein {
	0%	{opacity:0; }
	100%{opacity:0.9; }
}@-ms-keyframes fadein {
	0%	{opacity:0; }
	100%{opacity:0.9; }
}@-o-keyframes fadein {
	0%	{opacity:0; }
	100%{opacity:0.9; }
}@keyframes fadein {
	0%	{opacity:0; }
	100%{opacity:0.9; }
}
body{padding-top:95px;}
.baiduimg{width:0;height:0;line-height:0;font-size:0;overflow:hidden}
/* 分页组件 */
.pager { width:100%; color:#333; line-height:30px; padding:20px 0 10px 0; font-size:12px; text-align:center;}
.pager li{ display:inline; margin-left:4px;}
.pager a { border: #cccccc 1px solid; padding:3px 15px; color: #666; text-decoration: none; font-size:12px; height:26px;line-height:26px;display:inline-block;background-color: #fff;}
.pager a:hover { border: #ccc 1px solid; color: #fff; background-color: #555; }
.pager a:active { color: #fff; border: #ccc 1px solid; background-color: #555; }
.pager .thisclass a {color: #fff; background-color: #555; }
.pager span.disabled { border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #ddd; padding-top: 2px; border-bottom: #eee 1px solid } 

.header{height:65px;padding:15px 0;position: fixed; top: 0;left: 0px; width: 100%;transition: all 0.4s;
-webkit-transition: all 0.4s;background:#fff;}
.header-inner{width:1000px;margin:0 auto;}
.header .logo{float:left;display:block;height:65px}
.header .logo img{max-height: 69px;}
.header .nav{float:right}
.header .nav li{float:left;margin-left:20px;height:65px;line-height:65px;}
.header .nav li a{font-size:14px;color:#666;font-weight:bold;}
.header .nav li a:hover{text-decoration:none;color:#333}
.header-fixed { position: fixed; top: 0; width: 100%; height: 65px; padding:12px 0; z-index: 100; left: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; border-bottom: 1px solid #E8E8E8; -webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,.1) 0 1px 5px; box-shadow: rgba(0, 0, 0, .1) 0 1px 5px; }
.header-fixed .logo{padding-top:2px}


.footer{width:1000px;margin:0 auto;border-top:1px solid #ccc;padding:30px 0;}
.footer ul{float:left;width:340px;}
.footer ul li {line-height:20px;height:20px;}

.flink{width:1000px;margin:-20px auto 0 auto;padding-bottom: 20px;line-height: 1.8;}
.flink li{float:left;margin-right:10px;}

.h-banner{width: 100%; min-width: 1000px;max-width:1170px;margin: 0 auto; position: relative;overflow: hidden;}
.h-banner .bd  {margin: 0 auto; position: relative; z-index:0; overflow: hidden; }
.h-banner .bd ul {width: 100% !important;}
.h-banner .bd li {width: 1168px !important; height: 353px;border: 1px solid #eee;  text-align: center;background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer}
.h-banner .bd li  .link{display:block;width:1000px;margin:0 auto;height:100%;position:relative;}
.h-banner .bd li  .link a{display:block;height:40px;width:140px;line-height:38px;text-align:center;font-size:14px;background:#ffb600;position:absolute;bottom:0;right:180px;*right:178px;color:#666;}
.h-banner .bd li  .link i{font-family:"simsun";font-size:20px;font-style:normal;line-height:20px;height:20px;position:absolute;top:11px;left:24px;display:block;}
.h-banner .hd { text-align:center;z-index:1; height:40px;line-height:40px;width:180px;margin-left:320px; position:absolute; left:50%;bottom:0px;background:#f8f8f8;}
.h-banner .hd li { cursor: pointer; display: inline-block; zoom:1; width: 10px; height: 10px; margin: 0 5px;  overflow: hidden;*display:inline;*margin:15px 5px;line-height: 9999px;background:#d1d1d1;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.h-banner .hd li.on{ background:#ffb600; }
.h-banner  .btn{position:absolute;top:50%;width:60px;height:80px;margin-top:-40px;display:block;z-index:1;font-family:"simsun";color:#fff;font-size:90px;line-height:80px;text-align:center}
.h-banner  .prev{left:2%;}
.h-banner  .next{right:2%}


.h-body{width:1000px;margin:0 auto;}
.h-about{padding:50px 0 40px 339px;position:relative;}
.h-about h2{font-size:26px;font-family:Arial}
.h-about b{margin:0 5px 0 2px}
.case{width:1000px;margin:0 auto;padding:30px 0;}

.filter .hd li{float:left;}
.filter .hd li a{display:block;width:142px;height:40px;line-height:40px;text-align:center;}
.filter .hd li a:hover{text-decoration:none}
.filter .hd li.on a{background-color:#ffb600;}
.filter .bd li{width:100%;line-height:27px;background:#ffb600;text-align:left;display:none;padding: 10px;}
.filter .bd li a{display:inline-block;margin-left:30px;font-size:14px;}
.filter .bd li a:hover{color:#333;}
.filter .bd li a.current{color:#333;font-weight:bold}
.filter .bd li.nobg{background:#fff}
.filter .icon-sanjiao a{background-image:url(../images/icon-sanjiao.png);background-position: 110px center;background-repeat: no-repeat;}

.case-list{width:1000px;overflow:hidden;padding-top:8px;min-height:300px}
.case-list ul{margin-left: -22px;}
.case-list li {float:left;width:230px;height:180px;margin-left:22px;display:inline;position: relative;margin-bottom: 25px;border:1px solid #eee;}
.case-list li a{color:#fff;}
.case-list li a .bg{background:#ffb600;position:absolute;top:0;left:0;display:none;width:100%;height:100%;}
.case-list li img{width:100%;height:100%;background:url(../images/loading.gif) center center no-repeat;display:block;margin: 0 auto;-webkit-animation:DDInY .8s .3s ease both;
-ms-animation:DDInY .8s .3s ease both;
-moz-animation:DDInY .8s .3s ease both;
animation:DDInY .8s .3s ease both}
.case-list li a .info{position:absolute;top:0;left:0;display:none;width:100%;height:100%;cursor:pointer;}
.case-list li .title{display:block;height:170px;padding:20px 0 0 20px;line-height:24px;font-size:16px;}
.case-list li .des{display:block;padding:0 0 0 20px;font-size:14px;}

.case-item .info{line-height: 2;padding-bottom: 20px;}
.case-item .info .left{font-size:14px;line-height:22px;color:#666;width:350px;}
.case-item .info .right{font-size:14px;line-height:22px;color:#666;width:350px}
.case-item .info b{font-size:14px;line-height:26px;}
.case-item .case-body{width:718px;padding:30px 0;}
.case-item .case-body b{font-size:14px;line-height:26px;}
.case-item .case-image img{display:block;margin-bottom:5px;background:url(../images/loading.gif) center center no-repeat;max-width:1000px}
.case-item .case-image p{padding-bottom:20px;text-align:left;font-size:12px;}

.news{background:url(../images/bg-news.gif) 0 0 repeat-x #edeeef;padding-bottom:30px;}
.news-top{width:1000px;margin:0 auto;height:218px;padding-top:10px;}
.news-typename{float:left;width:400px;padding-left:20px;}
.news-typename em{font-size:50px;line-height:60px;display:block;height:60px;padding-top:60px;color:#fff}
.news-typename span{font-size:28px;line-height:40px;display:block;height:40px;color:#fff}
.news-typeinfo{font-size:14px;padding-top:60px;color:#fff}

.list-tuwen{width:1000px;margin:0 auto;}
.list-tuwen li{background:#fff;margin-bottom:18px;padding:20px}
.list-tuwen li a.title{float:left;display:inline-block;width:245px;font-size:24px;line-height:34px;color:#333;}
.list-tuwen li a:hover{color:#999}
.list-tuwen li  .info{float:right;width:680px;font-size:14px;color:#666}
.list-tuwen li  .info em{display:block;height:175px;word-break: break-all;}
.list-tuwen li  .info span a{font-size:14px;color:#666;}
.list-tuwen li .litpic{float:right;margin-left:25px;display:block;width:250px;}
.list-tuwen li .litpic img{display:block;background:url(../images/loading.gif) center center no-repeat;border:1px solid #eee;max-width: 100%;max-height: 200px;}

.article{width:960px;padding:20px;margin:0 auto;background:#fff;}
.article h1{display:block;font-size:24px;color:#333}
.article-body{min-height:300px;color:#666;padding-top:20px;overflow:hidden}
.article-body p{margin-bottom:12px}
.article-body img{max-width: 978px;}
.article-body table{max-width: 960px;}
.article-share{padding:20px 0}


.index-page{width:1000px;margin:0 auto;padding:20px 0;}
.index-page em{font-family:"Arial"}
.index-service .service-top img{-webkit-animation: popOut 600ms ease 200ms both;
-moz-animation: popOut 600ms ease 200ms both;
-ms-animation: popOut 600ms ease 200ms both;
-o-animation: popOut 600ms ease 200ms both;
animation: popOut 600ms ease 200ms both;}
.index-banner{margin:0 auto;width:100%;min-width:1000px;max-width:1440px;padding:20px 0;}
.index-banner img{width:100%;height:auto;}
#page-3{display:none!important}

.case-tool{width:63px;position:fixed;top:50%;margin-top:-100px;left:50%;margin-left:503px;z-index:999}
.case-tool a{width:63px;height:60px;display:block;border-bottom:2px solid #fff;background:#c4c4c4;color:#fff;font-family:"simsun";text-align:center;font-size:44px;line-height:60px;font-weight:bold}
.case-tool a:hover{background:#ffb600}
.case-tool a.backlist{background:url(../images/icon-list.png) center 17px no-repeat #c4c4c4;}
.case-tool a.backlist:hover{background:url(../images/icon-list.png) center 17px no-repeat #ffb600;}
.case-tool a.backtop{font-family:"Arial";font-size:18px;display:block;opacity:0;filter:alpha(opacity=0);font-weight:normal}

.index-tool{width:260px;position:absolute;left:0;bottom:43px;}
.index-tool a{width:40px;height:30px;display:block;margin-right:2px;float:left;background:#c4c4c4;color:#fff;font-family:"simsun";text-align:center;font-size:24px;line-height:30px;font-weight:bold}
.index-tool a:hover{background:#ffb600}
.index-tool a.backlist{background:url(../images/icon-list2.png) center 7px no-repeat #c4c4c4;}
.index-tool a.backlist:hover{background:url(../images/icon-list2.png) center 7px no-repeat #ffb600;}
.index-tool a.backtop{font-family:"Arial";font-size:18px;display:block;font-weight:normal}

.index-news{width:1000px;overflow:hidden;padding:20px 0;}
.index-news-inner{width:1050px}
.index-news dl{width: 100%;}
.index-news dl dt{border-bottom:1px solid #ccc;height:30px;line-height:30px;margin-bottom:12px}
.index-news dl dt a{font-weight:bold;font-size:14px;}
.index-news dl dd{height:24px;line-height:24px;width: 321px;float: left;margin-right: 19px;}
.index-news dd a:hover{text-decoration:underline}

/*ie6*/
html body{_background-image:url(about:blank);_background-attachment:fixed;_padding-top:0px;}
.footer{_padding:30px 0 0 0}
.header-fixed {_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));}
.case-tool {_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+250));}
.h-body,.footer-wrap,.flink,.footer{_position:relative;}

/*合作伙伴*/
.hhr{zoom:1;margin-top: 30px;margin-left: -20px;}
.hhr img{
	width:300px;
	border: 1px solid #eee;
}
.hhr li{
	display:table;
	float:left;
	width: 184px;
	text-align: center;
	font-size: 16px;
	box-sizing: border-box;
	margin-bottom: 10px;
	margin-left: 20px;
}
.hhr li a{
	display: table-cell;
	height: 80px;
	line-height: 1.4;
	border:1px solid #165aa6;
	border-radius: 5px;
	vertical-align: middle;
}
.hhr li a:hover{
	background-color: #165aa6;
	color: #fff;
}


.main-index{
	width:100%;
	color:#333;
}.main-index a{
	color:#333;
}