@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:#898989}
body{background:#fff;}
ul,ol,li{list-style:none}
a{color:#898989;text-decoration:none;}
a:hover{color:#e85D00; text-decoration:underline;}
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(10px)}
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:0px 8px; 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 { font-weight: bold; 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:35px;padding:30px 0;position: fixed; top: 0;left: 0px; width: 100%;transition: all 0.4s;
-webkit-transition: all 0.4s;background:#fff;border-bottom: 1px solid #E8E8E8; -webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;}
.header-inner{width:1000px;margin:0 auto;}
.header .logo{float:left;display:block;height:35px}
.header .nav{float:right}
.header .nav li{float:left;margin-left:20px;height:35px;line-height:35px;}
.header .nav li a{font-size:14px;color:#969696;font-weight:bold;}
.header .nav li a:hover{text-decoration:none;color:#333}
.header-fixed { position: fixed; top: 0; width: 100%; height: 35px; 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}
.header-fixed .logo img{height:30px!important}


.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;height:70px;}
.flink li{float:left;margin-right:10px;}

.h-banner{width: 100%; min-width: 1000px; max-width:1440px;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: 100% !important; height: 585px;  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:#fffa04;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:#fffa04; }
.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;padding-bottom:40px;}
.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:160px;height:40px;line-height:40px;text-align:center;}
.filter .hd li a:hover{text-decoration:none}
.filter .hd li.on a{background-color:#fff904;}
.filter .bd li{width:100%;height:40px;line-height:40px;background:#fff904;text-align:left;display:none;}
.filter .bd li a{display:inline-block;margin-left:30px;font-size:14px;}
.filter .bd li a:hover{color:#666;}
.filter .bd li a.current{color:#666;font-weight:bold}
.filter .bd li.nobg{background:#fff}
.filter .icon-sanjiao a{background-image:url(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{width:1100px}
.case-list li {float:left;width:321px;height:256px;margin-right:18px;display:block;}
.case-list li a{position:relative;display:block;width:321px;height:238px;color:#666;}
.case-list li a .bg{background:#fff904;position:absolute;top:0;left:0;display:none;width:321px;height:238px;}
.case-list li img{width:321px;height:238px;background:url(loading.gif) center center no-repeat;display:block;-webkit-animation:DDInY .8s .3s ease both;
-ms-animation:flipInX .8s .3s ease both;
-moz-animation:flipInX .8s .3s ease both;
animation:flipInX .8s .3s ease both}
.case-list li a .info{position:absolute;top:0;left:0;display:none;width:321px;height:238px;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{width:718px}
.case-item .info h1{font-size:16px; font-weight:900;text-align:center;margin:0 auto;padding-bottom:20px;}
.case-item .info .left{font-size:14px;line-height:22px;color:#969696;width:350px;}
.case-item .info .right{font-size:14px;line-height:22px;color:#969696;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(loading.gif) center center no-repeat;max-width:1000px}
.case-item .case-image p{padding-bottom:20px;text-align:left;font-size:12px;width:900px;}

.case-item .case-body-l{width:718px;padding:30px 0;float:left;}
.case-item .case-body-l b{font-size:14px;line-height:26px;}
.case-item .case-body-r{width:251px;margin-left:20px;padding:10px 0;float:left;}
.case-item .case-body-r img{display:block;margin-bottom:5px;background:url(loading.gif) center center no-repeat;max-width:1000px}
.case-item .case-body-r p{padding-bottom:20px;text-align:left;font-size:12px;width:900px;}
.case-item .case-body-r h3 {color:#000;font-family: "Microsoft YaHei";font-size: 14px;font-weight: 400;margin-top: 8px;margin-top: 9px\9;
}
.case-item .case-body-r li {padding-left: 12px;background: url(../images/dot.gif) no-repeat 0 6px;font-size: 12px;height: 16px;line-height: 16px;overflow: hidden;margin: 5px 0;
}
.case-share{width:1000px;padding:30px 0;clear:both;}

.news{background:url(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:#565455}
.news-typename span{font-size:28px;line-height:40px;display:block;height:40px;color:#807e41}
.news-typeinfo{font-size:14px;padding-top:60px;color:#807e41}

.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}
.list-tuwen li  .info span a{font-size:14px;color:#666;}
.list-tuwen li .litpic{float:right;margin-left:25px;display:block;width:310px;height:210px;}
.list-tuwen li .litpic img{display:block;width:310px;height:210px;background:url(loading.gif) center center no-repeat;border:1px solid #eee}

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


.index-page{width:1000px;margin:0 auto;padding-top:20px}
.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 50px 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:#fffa0f}
.case-tool a.backlist{background:url(icon-list.png) center 17px no-repeat #c4c4c4;}
.case-tool a.backlist:hover{background:url(icon-list.png) center 17px no-repeat #fffa0f;}
.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:#fffa0f}
.index-tool a.backlist{background:url(icon-list2.png) center 7px no-repeat #c4c4c4;}
.index-tool a.backlist:hover{background:url(icon-list2.png) center 7px no-repeat #fffa0f;}
.index-tool a.backtop{font-family:"Arial";font-size:18px;display:block;font-weight:normal}

.index-news{width:1000px;overflow:hidden;padding-top:20px}
.index-news-inner{width:1050px}
.index-news dl{float:left;width:321px;margin-right:19px;height:140px}
.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;}
.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;}