@charset "utf-8";
a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video, textarea, input {
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
body {
font:13px "microsoft yahei", Arial, SimSun;
	background:url("../images/bg.jpg") repeat;
}
textarea {
    overflow: auto;
    resize: none;
}
input, button, select, textarea {
    outline: medium none;
}
input, select {
    vertical-align: middle;
}
b, strong {
    font-weight: bold;
}
img {
    border: medium none;
    font-size: 0;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th, td, caption {
    text-align: left;
    vertical-align: middle;
}
ul, li {
    list-style: none outside none;
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.borReset {
    border: medium none !important;
}
.abs {
    position: absolute;
}
.rel {
    position: relative;
}
.tac {
    text-align: center;
}
.tar {
    text-align: right;
}
.tal {
    text-align: left;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.dpn {
    display: none;
}
.dib {
    display: inline-block;
    vertical-align: top;
}
.mt10 {
    background-color:White;
    width:1000px;
    height:10px;
    margin:0 auto;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.pt10 {
    padding-top: 10px;
}
.fw {
    font-family: Microsoft YaHei;
}
.fa {
    font-family: Arial;
}
.vlm {
    vertical-align: middle;
}
.vlt {
    vertical-align: top;
}

.wrap {
    font: 12px/18px 宋体,Microsoft YaHei;
    margin: 0 auto;
    position: relative;
    width: 1000px;
    word-break: break-all;
    word-wrap: break-word;
}
a, a:visited {
    color: #231815;
    outline: medium none;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a.link_seo, a.link_seo:visited {
    color: #369BD7;
}
.border_color {
    border-color: #DCDCDC;
}
input ,textarea {
    border-color: #BAC5D4;
    border-style: solid;
    border-width: 1px;
    height: 20px;
    line-height: 20px;
}
input:hover, input:focus,textarea:hover {
    border-color: #f3ca25;
}
a img {
    border-color: #CCCCCC;
}
a:hover img {
    border-color: #1F4188;
}
/*top*/
.w-head {
	position: fixed;
	width:100%;
	top:0;	
	height: 80px;
	z-index: 9999;
	background: #ffd900;
	box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.3);

}
.w-wrap {
	position:absolute;
	width:1160px;
	left:50%;
	margin-left:-580px;
	height: 70px;
}
.w-logo {
	background: url(../images/logo.jpg) no-repeat;
	width:220px;
	height:80px;
	position:relative;
	top:0px;
    margin-top:0px;
    float: left;
	margin-left:32px;
	_display:inline;
}

.w-menu {
	margin-top:0px;
	float:right;
	height:80px;
}
.w-menu ul {
			list-style: none;
			padding:0px;
			margin-top:0px;
}
.w-menu ul li {
	float: left;
	font-size: 16px;
	color: white;
	overflow: hidden;
	position: relative;
	line-height: 80px;
	text-align: center;
}
.w-menu ul li.w-menu-last img {margin-top:4px;}
.w-menu ul li.w-menu-last img{ width:90%}
.w-menu ul li a {
            color:#060202;
            position: relative;
			display: block;
			height: 80px;
			text-align:center;
			font-family: "微软雅黑", "宋体";
			font-size: 18px;
			text-decoration: none;
			cursor: pointer;
 }
.w-menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left:0;
			width:100%;
			text-align:center;
			margin:0 auto;
		
}

.w-menu ul li a span.out {
			top: 0px;
}

.w-menu ul li a span.over,.w-menu ul li a span.bg 
{
			
			top: -80px;
}
#menu2 {
		background: #ffd900;
		text-align:center;
		float:left;
		width:660px;
}
		
#menu2 ul li a {color: #060202;}
#menu2 ul li a em{
visibility:hidden;
padding:0 12px;
display:block;
}

#menu2 ul li a span.over {
	color: #231815;
	background:url(../images/dhbag.jpg);
}

.w-hot { background:url(../images/dhbag.jpg); color:#060202; }
.w-hot a:hover { color:#060202 !important}
.w-menu-last { padding:0 0 0px 10px!important} 
.w-orange { color:#060202 !important;}
.w-topspace { height:80px; line-height:80px; display:block; position:relative;}

/*top*/
/*滚动图片*/
	.banner{width:1000px;margin:0 auto; clear:both; height:250px; padding-top:85px; padding-bottom:10px; background:#FFFFFF;}
	.banner_left{ float:left;height: 250px; width: 850px; overflow:hidden;}
	.banner_right{ float:right; width:150px; height:250px; padding-top:0px}
	.banner_right li{ border:1px solid #231815; padding:1px;  padding-left:2px; overflow:hidden; margin:0px 0px 5px 4px ; height:76px;   cursor:pointer; }
	.banner_right .bcur{background:url(../images/bannercur.jpg) no-repeat; overflow:hidden;padding:2px;  margin:0px 0px 5px 0px; padding-left:7px;  border:none;}	
    .banner{ width:1000px;}
    .leftimg{ float:left; width:163px; height:250px;padding-left:2px; padding-right:5px;}
     #focusPic{ float:left; width:830px;}
    .banner_left { width:680px;}
    .banner_right{ padding-top:0px}
    .banner_right li{ height:57px; padding:1px;  padding-left:3px; margin-top:0px;margin-bottom:2px}
    .banner_right .bcur{margin-top:0px;margin-bottom:2px}
/*滚动图片*/
/*nav*/
.globeNav{
	width:100%;
	background:url(../images/navBg.gif) no-repeat center;
	height:57px;
}
.navCon{
	width:1000px;
	padding:0px 0px 0px 10px;
	margin:0px auto;
	font-family:"微软雅黑", Tahoma, Geneva, sans-serif;
}
.navCon h2{
	font-weight:bold;
	float:left;
	display:inline-block;
	font-size:14px;
}
.navCon h2 a{
	line-height:26px;
	padding:11px 33px 0px 32px;
	display:inline-block;
	height:42px;
}
.navCon h2 span{
    color:#060202;
}
.navCon h2 a:hover{
	background:url(../images/navHover.gif) no-repeat center;
	color:#f3ca25;
	text-decoration:none;
	padding-top:8px;
	height:49px;
}
.navCon a:link, .navCon a:visited{
	color:#777;
}
.navCon a.select{
	background:url(../images/navHover.gif) no-repeat center;
	color:#f3ca25;
	text-decoration:none;
	padding-top:8px;
	height:49px;
}

/*nav*/
/*aspnetpager分页颜色*/
.paginator { font: 12px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 1px;}
.paginator a {border:solid 1px #ccc;color:#333333;cursor:pointer;text-decoration:none;}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #f3ca25;font-weight:700;color:f3ca25;background-color:#ffeee5;}
.paginator a:hover {border:solid 1px #f3ca25;color:#666666;text-decoration:none;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{height:16px;line-height:16px;min-width:10px;_width:10px;margin-right:5px;text-align:center;
 white-space:nowrap;font-size:12px;font-family:Arial,SimSun;padding:0 3px;}
/*aspnetpager分页颜色*/
/*最新案例图片*/
.m_affiliate { border: 1px solid #ddd; width: 1000px; margin: 0 auto; position: relative; border-radius: 3px; overflow: hidden;  background-color:White;}

.m_wenzijieshao { border: 1px solid #ddd; width: 1000px; margin: 0 auto; position: relative; border-radius: 3px; overflow: hidden; text-align:center; background-color:#f3ca25; font-size:24px;line-height:40px; }
/*最新案例图片*/
/*foot*/
.w-footer {
	background:#373737;
	width:100%;
	margin:0 auto;
	height:135px;
	clear:both;
	z-index:10000;
	position:relative;
	}
.w-footmenu {
	text-align: left;
	line-height: 22px;
	font-size: 14px;
	overflow: hidden;

}
.w-footmenu a {
	color: #fff;
	text-decoration:none;
}
.xian{
    border-right:1px solid #ffffff;
	height:12px;
	margin-left:12px;
	margin-right:12px;
}
.w-footmenu a:hover {
	color: #f3ca25;
}
.w-left {
    margin-top: 20px;
    float: left;
    width:500px;
	padding-left:82px;
    position: relative;
}

.w-cord {
    margin-top: 16px;
    float: right;
    position: relative;
	width:442px;
	padding:0 80px 0 0;
	height:54px;
	background:url(../images/dh.jpg) 0 0 no-repeat;
}
.w-cord .w-text 
{
    margin-top: 50px;
    color: #FFFFFF;
    font-size: 17px;
    line-height: 30px;
    text-align: left;
    margin-left:5px;
}
.w-email 
{
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 12px;
    text-align:left;
    margin-left:5px;
}
.w-banquan 
{
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 12px;
    text-align:left;
    margin-left:5px;
}
.w-address {
    color: #FFFFFF;
    margin-top: 8px;
}
.w-address div {
    color: #FFFFFF;
    line-height: 23px;
}
.w-pinchuan {
    color: #FFFFFF;
    margin-top: 13px;
     font-size: 15px;
}
.w-pinchuan2 {
    color: #FFFFFF;
     font-size: 11px;
}
/*foot*/
.footfirst 
{
	position: relative;
	height: 50px;
	z-index: 10000;
	background: #ffd900;
	box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.footwrap {
	position:relative;
	width:1003px;
	margin:0 auto;
}
.footlogo {
	background: url(../images/footlogo.jpg) no-repeat;
	width:159px;
	height:50px;
	position:relative;
	top:0px;
    margin-top:0px;
    float: left;
}
.footmenu {
	margin-top:0px;
	
	height:50px;
	position:relative;
	margin-right:-30px;
}
.footmenu ul {
			list-style: none;
			padding:0px;
			margin-top:0px;
			float: left;
	        font-size: 12px;	
	        overflow: hidden;
	position: relative;
	line-height: 50px;
	text-align: center;
	vertical-align:middle;
	font-family: "微软雅黑", "宋体";
	 color:#060202;
	 text-decoration: none;
			cursor: pointer;
}
.footmenu ul span {
	padding:0 16px;
}
/* qq代码 */
.lanrenzhijia-cs {
	background:rgba(51, 51, 51, 0.9);
	position: fixed;
	top: 130px;
	right: 1px;
	_position: absolute;
	z-index: 999;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E5333333', endColorstr='#E5333333');
}
.lanrenzhijia-cs a {
	color: #00A0E9;
}
.lanrenzhijia-cs a:hover {
	color: #ff8100;
	text-decoration: none;
}
.lanrenzhijia-cs .floatL {
	width: 36px;
	float:left;
	position: relative;
	z-index:1;
}
.lanrenzhijia-cs .floatL a {
	font-size:0;
	text-indent: -999em;
	display: block;
}
.lanrenzhijia-cs .floatR {
	width: 130px;
	float: left;
	padding: 5px;
	overflow:hidden;
}
.lanrenzhijia-cs .floatR .cn {
	background: #F7F7F7;
}
.lanrenzhijia-cs .cn h3 {
	font-size: 14px;
	color: #333;
	font-weight:600;
	line-height: 24px;
	padding: 5px
}
.lanrenzhijia-cs .cn ul {
	padding: 0 0 0 8px;
}
.lanrenzhijia-cs .cn ul li {
	line-height: 38px;
	height:38px;
	border-bottom: solid 1px #E6E4E4;
	overflow: hidden;
}
.lanrenzhijia-cs .cn ul li span {
	color: #777;
}
.lanrenzhijia-cs .cn ul li img {
	vertical-align: middle;
}
.lanrenzhijia-cs .btnOpen, .lanrenzhijia-cs .btnCtn {
	position: relative;
	z-index:9;
	top:0;
	left: 0;
	background-image: url(../images/lanrenzhijia.png);
	background-repeat: no-repeat;
	display:block;
	width: 20px;
	height: 146px;
	padding: 8px;
}
.lanrenzhijia-cs .btnOpen {
	background-position: 0px 0;
}
.lanrenzhijia-cs .btnCtn {
	background-position: -35px 0;
}
.lanrenzhijia-cs ul li.top {
	border-bottom: solid #ACE5F9 1px;
}
.lanrenzhijia-cs ul li.bot {
	border-bottom: none;
}
/* qq代码 */




.dept-nav-ul{
position:absolute;
top:80px;
left:83px;
width:160px;
}
.dept-nav-ul .dept-nav-li a:hover{
text-decoration: none;
}
.dept-nav-ul .dept-nav-li .dept-nav-link {
display: block;
background: #efefef;
padding: 6px 10px 8px 10px;
font-family: "Microsoft Yahei", Arial, sans-serif;
}
.dept-nav-ul .odd .dept-nav-link {
background: #f3f3f3;
}
.dept-nav-ul .dept-nav-li .name {
font-weight:normal;
display: block;
color: #000000;
line-height: 20px;
text-align:center;
font-size:14px;
}
.dept-nav-ul .dept-nav-li .dept-nav-link .des {
font-size:11px;
margin-top:2px;
height: 15px;
overflow: hidden;
text-align:center;
}
.dept-nav-ul .dept-nav-li .des{
display: block;
color: #ababab;
line-height: 15px;
}
.dept-nav-ul .active .dept-nav-link, .dept-nav-ul .dept-nav-li .dept-nav-link:hover {
background: #323232;
}
.dept-nav-ul .dept-nav-li .dept-nav-link:hover .name, .dept-nav-ul .active .dept-nav-link .name{
color:#ffffff;
}
.newmain{
width:830px;
float:right;
}
.clear{ clear:both; height:0;line-height:0; overflow:hidden;}
.about-chuang .tit {
font-size: 20px;
font-family: "兰亭黑-简", "Microsoft Yahei", Arial, sans-serif;
line-height: 48px;
color: #1b1b1b;
text-align: center;
}
.row {
overflow: hidden;
}
.about-chuang .advantage {
margin-top: 10px;
}
.col-3 {
float: left;
width: 25%;
}
.about-chuang .advantage .tit {
font-size: 14px;
color: #000000;
text-align: center;
line-height: 20px;
padding: 10px 10px 12px;
}
.about-chuang .advantage .con {
font-size: 12px;
color: #999999;
padding: 0 20px;
border-right: 1px solid #ededed;
line-height: 20px;
}
.col-main {
position: relative;
width: 830px;

}
.sec-tit {
font-size: 22px;
line-height: 44px;
color: #333333;
font-weight:normal;
margin-top:0px;
position: relative;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 20px;
font-family: "Microsoft Yahei", Arial, sans-serif;
}
.block-2 {
float: left;
width: 320px;
height:215px;
overflow: hidden;
margin:0 3px;
}
.block-1 {
float: left;
width: 160px;
height: 105px;
overflow: hidden;
margin:0 3px 6px;
}
.case-unit {
position: relative;
display: block;
overflow: hidden;
width: 100%;
height: 100%;
}
.case-unit img {
display: block;
width: 100%;
height: 100%;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
img {
max-width: 100%;
height: auto;
}
.case-unit .tit {
position: absolute;
left: 0;
bottom: 0;
color: #ffffff;
width: 100%;
}
.case-unit .icon {
display: none;
float: left;
width: 16px;
height: 16px;
line-height: 16px;
font-size: 15px;
text-align: center;
font-weight: bold;
font-family: Arial,sans-serif;
text-indent: 1px;
background: #e60012;
text-indent: -100em;
overflow: hidden;
}
.case-unit .name {
float: left;
height: 16px;
line-height: 16px;
font-size: 13px;
background: #696969;
padding: 0 5px;
max-width: 12em;
}
.case-unit:hover {
background: #000;
}
.case-unit:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
}
.brand_div span img{ width:150px;height: 70px; margin: 5px 8px; float: left;_display:inline;}
/*内页-品牌与服务*/
.productlist {
overflow: hidden;
}
.productlist-ul {
width: 830px;
overflow: hidden;
}
.productlist-ul li {
float: left;
width: 250px;
margin-right: 18px;
_display: inline;
}
.productlist-ul li .image {
border-bottom: 0;
width:250px;
height: 168px;
}
.productlist-ul li img {
display: block;
}
.productlist-ul li .con {
padding: 10px 15px 15px;
border-top: 0;
line-height: 24px;
}
.productlist-ul li .name {
font-size: 16px;
font-weight:normal;
line-height: 24px;
color: #000000;
margin-bottom: 8px;
}
.productlist-ul li .name a {
color: #000000;
}
.productlist-ul li .des {
font-size: 12px;
line-height: 18px;
color: #999999;
height: 54px;
overflow: hidden;
}
.productlist-ul li .services {
font-size: 14px;
line-height: 24px;
color: #666666;
height: 96px;
margin-top: 10px;
}
.productlist-ul li .services li {
float: none;
width: auto;
margin: 0;
height: 24px;
overflow: hidden;
border: none;
}
/*内页案例*/
.caselist-ul {
overflow: hidden;
}
.caselist li {
float: left;
width: 255px;
padding-bottom: 20px;
margin-right: 20px;
}
.caselist .image {
margin-bottom: 10px;
}
.caselist .image img {
display: block;
width: 100%;
height: auto;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.caselist .name {
font-size: 14px;
line-height: 24px;
color: #333333;
height: 24px;
padding-right: 20px;
overflow: hidden;
}
.caselist .des {
font-size: 12px;
line-height: 16px;
color: #999;
height: 32px;
padding-right: 20px;
overflow: hidden;
}
.caselist .image:hover {
background: #000;
}
.caselist .image:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
}
/*新闻动态*/
.newslist-ul {
margin-right: -40px;
overflow: hidden;
}
.newslist-li {
float: left;
width: 50%;
}
.newslist-li .con {
padding: 20px 10px 20px;
margin-right: 40px;
border-bottom: 1px solid #e0e0e0;
}
.newslist-li .image {
float: left;
width: 82px;
height: 54px;
overflow: hidden;
}
.newslist-li .image img {
display: block;
}
.newslist-li .tit {
margin-left: 20px;
font-size: 16px;
line-height: 18px;
color: #000000;
}
.newslist-li .date {
margin-left: 97px;
font-size: 12px;
line-height: 18px;
color: #999999;
font-family: Arial, sans-serif;
margin-top: 5px;
}
.loading {
clear: both;
color: #666;
font: 16px/24px "Microsoft Yahei", Arial, sans-serif;
padding: 30px 0 10px;
text-align: center;
display: none;
}
.newslist .btnwrap,.caselist .btnwrap {
padding: 40px 0 80px;
border-bottom: 1px solid #e0e0e0;
text-align: center;
}
.newslist .btnwrap .more-btn,.caselist .btnwrap .more-btn {
display: inline-block;
height: 24px;
font-size: 18px;
line-height: 22px;
color: #f9000e;
padding-right: 28px;
background: url(../images/caselist-more.png) no-repeat right center;
}
/*二级页*/
.show_adv1{width: 100%; margin: 10px 0 0;}
.show_adv1 .show_cont{ width: 590px; float: left;}
.show_adv1 .show_cont img{ width: 100%;}
.show_adv1 .show_navlogo{ width: 220px; float: right;}
/*三级页*/
.cont_div{ width: 830px; margin: 10px auto; padding-top: 80px; min-height:440px}
.cont_div .play_div{ width: 100%;}
.cont_div .demo_div{ width: 100%;}
.cont_div .demo_div img{ width: 100%; margin-bottom: 10px;}
.cont_cinfo{ padding:20px 10px; position: relative;}
.cont_cinfo h5.tt{ padding-right:250px; font-size: 16px;}
.quick_links{ position: absolute; right: 10px; top:15px;}
.quick_links a{ padding: 8px 12px; float: left; display: block; text-align: center; font-size: 16px; background: #ffd900;}
.quick_links span{ display: block; float: left; padding: 10px 5px 0 0;}
.cont_texts{ padding: 10px 10px;word-wrap:break-word; }
.brand_pic img{ width:830px}
.query-tag {
position: fixed;
right: 1px;
bottom: 1px;
z-index: 10002;
}
.query-tag a {
display: block;
width: 100px;
height: 110px;
margin-top: 1px;
text-align: center;
font-size: 20px;
color: #fff;
line-height: 170px;
text-decoration:none;
}
.query-tag a.tel {
background: url(../images/query-tag.png) no-repeat 0 0;
}
.query-tag a.net {
background: url(../images/query-tag.png) no-repeat 0 -111px;
}