/*
全局css，适合所有页面
*/

*{ margin: 0px; padding: 0px;}
body{ font-size: 14px; font-family: "微软雅黑"; color: #666; /*background: #FFBB01 linear-gradient(#009CFF, #DDEEFF) no-repeat scroll 0% 0%;*/}
a {text-decoration: none;color: #666;}
p {text-indent:0em;}
li{ list-style-type: none;}
img {border:0px;}
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal;}
input{border: 0 none;}
em{font-style: normal;padding: 10px;}
/* 元素行 */
.row { width: 980px; margin: 0px auto;}

/*顶部栏*/
.top1{ width: 100%; height: 30px; background-color: #EDECEC; line-height:30px;color:#666666;}
.top1 a{color:#666666;}
.top1 h1.sitename{ text-align:center; font-size:18px; font-weight:normal; color:#ffffff; }

.top1_left{ line-height:30px; }

.top1_right{}
.top1_right ul{}
.top1_right ul li{ float:left; margin-right:10px; height:30px; line-height:30px;}

/*Logo栏*/
.top2{ height: 120px; }
.top2_left{ height:120px; }
.top2_left .logo_div{position:relative; height:66px; top: 30px;}
.top2_left .logo_div a img{width:484px;height:66px;}

.top2_right{ height:100px; width: 290px; top: 10px; position: relative; background: url(../images/tel.png) no-repeat 0 40px; }
.top2_right .tel_div{ position: relative; top: 25px; left: 70px; width: 200px; height: 70px; border-left: 1px solid #669BC6;padding-left:10px; }
.top2_right .tel_div p{position:relative; color: #045DA2;}
.top2_right .tel_div span{text-align: left;}
.top2_right .tel{position:relative;  width:200px; font-size: 10px; color:#e00; font-size: 20px;}

/* 搜索框 */
.search {position: relative; top: 5px; width: 325px; height: 30px;}
.searchForm {height: 30px; line-height: 30px;width: 323px; border: 1px solid #cccccc; background-color: #fff;}
.searchForm a {position: relative; float: right; top: -1px; display: inline-block; width: 70px;height: 30px; border: 1px solid #01A1DD; background-color: #01A1DD; color: #FFF; text-align: center;}
.searchForm input {width: 240px; height: 18px; padding-left: 10px;}

/*导航栏 */
.top3{ height:40px; background-color:#01A7E5; }
.nav{}
.nav ul{}
.nav ul .nav-li{ margin-right:0px; float:left; line-height:40px; width:122px; text-align:center; position: relative; background: url(../images/nav_border.png) no-repeat 0 center;}
.nav ul .nav-li:first-child{background: none;}
.nav ul .nav-li:hover{background-color:#045DA2;}
.nav ul .nav-a{color: #fff; font-weight:bold; font-size:14px;}
.nav ul .nav-h2{color: #fff;}
.nav ul li .on{ background-color:#045DA2;}
.nav-sub-ul{width:750px; height: 165px; padding: 20px; position: absolute; top:40px; left:-260px; zoom:1; z-index:99999; display: none; background: url(../images/navbg.png) no-repeat;}
.nav-sub-ul .subLeft{float:left; width:360px; height: 140px; border-right:1px solid #ddd;}
.nav-pro-li{width: 100px; height: 120px; margin: 0 10px;}

.nav-pro-li p{line-height: 30px;}
.nav-pro-li img{max-width:100px; max-height: 100px; vertical-align: middle;}
.nav-pro-li .nav-img{width:100px; height:100px; display:table-cell;text-align:center; border: 1px solid #ddd; vertical-align: middle;}
.nav-sub-ul .subRight{margin-left: 380px; padding-top: 15px; width: 360px; height: 100px;}
.nav-sub-li{ float:left; font-weight:bold; font-size:14px; padding-left: 10px; width: 160px; height:35px;line-height:35px; background: url(../images/list.png) no-repeat 0 8px;}
.nav-sub-a{ font-weight:bold; font-size:14px; }
.nav-sub-h3{ display: inline; padding:5px;}
.nav-sub-h3:hover{border:1px solid #fff; border-radius:3px;}

/*banner*/
.banner{position:relative;width:100%;overflow-x: hidden;}
.banner .bd{}
.banner .bd ul{}
.banner .bd ul li{width:100%;}
.banner .hd{position:absolute; top: 370px; width:100%;}
.banner .hd ul{width: 100%; text-align: center;}
.banner .hd ul li{display:inline-block; *display:inline; *zoom:1; width:16px; height:16px; margin: 0 10px; background: url(../images/banner.png) no-repeat;}
.banner .hd ul li.on{background: url(../images/banner.png) no-repeat 0 -16px;}

/*主体*/
.main{position:relative; width:980px; margin:0 auto;}

.main-right{width:322px; margin-right:10px; margin-top:10px;}
.main-left{padding:10px; width:815px;}

/*通用块*/
.menu_head{background: url(/template/default/images/menu_head_bg.png) repeat-x scroll bottom;position: relative;}
.menu_title{width:91px; height:35px;background: url(/template/default/images/menu_title_bg.png) repeat-x scroll bottom;text-align:center;line-height:35px;}
.menu_title span{color:#fff; font-size:18px;}
.menu_title_img{position: absolute; left:100px;top:5px;}
.menu_more{position: absolute; right:10px;top:5px;}
/*头条*/
.menu_top1{}
.menu_top1_img{ padding-right:10px; height:116px;}
.menu_top1_title{color:#D6301A;font-size:18px; font-weight:bold; margin-bottom:10px;}
.menu_top1_desc{text-indent:2em; line-height:21px;}
/*列表*/
.menu_list{}
.menu_list li{background: url(/template/default/images/menu_list_bg.png) repeat-x scroll bottom; line-height:30px;}
.menu_list span{float:right;}



/*底部*/
.footer{ clear:both; width: 100%; height: 260px; background: #8B8B8B;}
.footer #foot{width:100%;font-size:12px;}
.footer .fimg{width:220px;height:75px;}
.footer td .wd-white{line-height: 25px;}
/*---------------------------------以下是内页--------------------------------*/

/*内页布局*/
.page{/*background-color: #B8F0FD;*/}
.page-left{ padding:10px 0;width:210px;}
.page-right{margin-left:250px; padding:10px 0;min-height:300px;}

/*您的位置*/
.page-position{ position: relative; border-bottom: 1px solid #01A7E5; height: 40px; line-height: 40px;}
.page-position span{ position:relative; float: right; right: 10px; }
.page-position strong{ position: relative; float: left; left: 10px; color: #01A7E5; background: url(../images/positi.gif) no-repeat left center; padding-left: 16px;}
/*内页右侧容器*/
.page-container{min-height:580px;padding:20px 0;}

/*产品内页*/
.page-container .gallery{width: 400px;}
.page-container .gallery .bd li{position: relative;float:left;margin-bottom: 10px;height: 390px;width:390px;border:1px solid #ddd;}
.page-container .gallery .bd li img{height: 390px;width:390px;}
.page-container .gallery .hd li{float:left; height: 80px;width:80px; margin-right: 10px; border: 1px solid #ddd;}
.page-container .gallery .hd li.on{border: 1px solid #01A7E5;}
.page-container .gallery .hd li img{height: 80px;width:80px;}
.page-container .description{margin-left:460px;padding-top:40px;height:400px;}
.description .page-art-time{line-height: 36px;}
.page-button{position:relative; top: 40px;}
.page-button .zixun,.page-button .lianxi{width:100px;height: 40px; line-height: 40px;background:#01A7E5;}
.page-button a{color:#ffffff;}
.page-button .lianxi{margin-top: 20px;background:#7FC450}
/*案例内页*/
.page-container .gallery2{position: relative; margin: 0 auto;}
.page-container .gallery2 .bd li{}
.page-container .gallery2 .bd li img{}
.page-container .gallery2 .hd li{margin: 0 10px 10px 0;}
.page-container .gallery2 .hd li.on{}
.page-container .gallery2 .hd li img{margin-right: 10px; }

/* 文字列表 */
.page-list{}
.page-list ul{}
.page-list ul li{margin:0px 0px 10px 10px; line-height:25px;}
.page-list ul li a{}

/* 九宫格列表 */
.page-list-9{}
.page-list-9 ul{padding: 10px;}
.page-list-9 ul li{width:212 px; display: inline-block;  *display:inline; *zoom:1; margin:10px 10px 0;}
.li-pic-div{ width:210px; height:170px;line-height: 170px; border: 1px solid #dddddd; text-align:center; vertical-align: middle; display:table-cell; overflow: hidden;}	
.li-pic-div img{ max-width: 210px; max-height:170px; }
.li-pic-title{text-align:center; height:30px; line-height:30px;}
.newimg{ float:left; width:160px; text-align:center; margin-right:10px; height:115px; line-height: 115px; border: 1px solid #dddddd; text-align:center; vertical-align: middle; display:table-cell; overflow: hidden;}	

/* 图文混列 */
.page-list-mix{}
.page-list-mix ul{}
.page-list-mix ul li{margin:0px 0px 10px 10px; height:130px; border-bottom:1px dashed #eeeeff;}
.page-list-mix ul li img.thumb{ max-width:160px; max-height:115px;}
.page-list-mix ul li a.title{ line-height:40px; font-size:14px; color:#666666; }
.page-list-mix ul li a:hover{color:#01A7E5;}
.page-list-mix ul li span.time{float:right; }
.page-list-mix ul li div.desc{margin-top: 5px;text-indent:2em; line-height: 24px;}

.page-list-mix2 ul li{margin:0px 0px 10px 10px; height:30px; border-bottom:1px dashed #eeeeff;}
/*内页文章详细信息*/
.page-art-title{ font-size: 16px; font-family: "微软雅黑"; color: #333; line-height: 30px;}
.page-art-time{ color: #999; line-height:30px;}
.page-art-content{ position: relative; text-indent: 0px;  line-height:26px; min-height:360px;}
.page-art-content p{ text-indent: 0px;}
.page-art-content img{ max-width:700px; }
.page-art-content .bd ul{padding: 10px;}
.page-art-content .hd{height: 50px; border-bottom: 2px solid #ccc;}
.page-art-content .hd ul{position: relative; top: -2px;}
.page-art-content .hd li{cursor:pointer; float:left; height: 50px; width: 150px; margin-right: 20px; text-align: center; line-height: 50px; border: 1px solid #ddd; border-bottom:none;}
.page-art-content .hd li.on{border: 2px solid #ccc; border-bottom: 2px solid #fff;}

/*单项目，适合产品详情和招聘详情等*/
.page-art-kv{line-height:25px;}
.page-art-key{font-weight:bold;}
.page-art-value{}

/* 分页 */
.wdcms-page{ text-align:center; }
.wdcms-page a{ margin-right:10px; padding:5px 10px; border:1px solid #ccc;}
.wdcms-page span{ margin-right:5px;}

/* 上一篇下一篇 */
.page-updown{ border-top:1px dashed #ccc; padding-top:10px;}
.page-updown p{ text-indent:0px; color:#999;}
.page-updown a{ color:#999; }



/*---------------------------------以下是左侧--------------------------------*/
.left-menu{width:100%; background: url(../images/left.gif) no-repeat center 46px; border: 1px solid #01A7E5;}
.left-menu-title{background-color: #01A7E5;height:40px; line-height:40px; font-size:14px;margin-bottom:20px;}
.left-menu-content ul{}
.left-menu-content ul li{ height:35px; line-height:35px; text-align: left; font-size:14px; color:#fff; padding-left: 30px; border-top: 1px solid #cccccc;}
.left-menu-content ul li:first-child{border:none;}
.left-menu-content ul li a{color:#666;}

.left-menu-contact-table{width:100%;padding: 10px 0;}
.left-menu-contact-table tr{height:22px; color:#666; vertical-align:text-top;}
.left-menu-contact-table th{ width: 56px; font-weight:normal; padding-left:10px;}
.left-menu-contact-table td{padding:2px 10px;}

.banner2{ margin-top: 15px;height: 200px; }
.line_{border-top:1px solid #ddd;}
.pointe{cursor:pointer;}

/* 搜索框 */
.point{
	width: 100%;
	height: 40px;
}
.point .keyword{
	line-height: 40px;
}
.point .keyword li{
	float: left;
	margin-right: 10px;
}
#msg{
	height: 355px;
	padding: 14px 0 0 20px;
	background: url(../images/msg_bg.png) no-repeat right bottom;
}

#msg input{
	margin:9px 0; 
	width:270px; 
	height: 30px; 
	line-height:30px; 
	vertical-align: middle; 
	border:1px solid #cccccc;
}
#msg textarea{
	margin:9px 0; 
	width:340px; 
	height:80px; 
	vertical-align: middle; 
	border:1px solid #cccccc; 
	resize:none; 
}
#msg .submit,#msg .reset{
	height:30px; 
	width:80px;
	border-radius: 4px; 
	border:none; 
	background: #01A1DD;
	color:#ffffff;
	cursor:pointer;
}
#msg .reset{
	background:#7C7B7B; 
	margin-left: 20px;
}
#msg .submit{
	margin-left:75px;
}
#msg #yan{
	width:90px;
	margin-right: 20px;
}


/* 相关 */
.about ul li{position:relative;float:left;margin: 10px; }
.about .li-pic-div{ width:150px; height:120px; text-align:center; vertical-align: middle; display:table-cell; overflow: hidden;}	
.about .li-pic-div img{ width: 150px; height:120px; }
.about .li-pic-title{text-align:center; height:30px; line-height:30px;}
.about a.next1{position: absolute;top: -160px;right: 30px;display: block;height: 50px;width: 14px;background: transparent url(../images/17.png) no-repeat scroll -4px 0px;cursor:pointer;}
.about a.prev1{position: absolute;top: -160px;left: -10px; display: block;height: 50px;width: 14px;background: transparent url(../images/16.png) no-repeat scroll -4px 0px;cursor:pointer;}

.gestbook li{position: relative; padding: 10px; margin: 10px; border: 1px solid #ddd; border-radius: 5px;}
.gestbook li .page-art-time{border-bottom:1px dotted #ddd;}
.gestbook li .page-art-content{margin-bottom:10px;min-height:0;}


.jqzoom{ width:420px; height:340px;  text-align:center; vertical-align: middle; display:table-cell; overflow: hidden; border:1px solid #ccc;}
img{vertical-align: middle;}
.qipa{width: 420px;}

.contactimg img{max-width: 185px;}

.dott{border-bottom: 1px dashed #dddddd;}
.about_a,.about_p{overflow:hidden;width:730px;}
.hd2,.hd3{position:relative;}