/**
 命名规范
 * $codex 1. id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:addonsCss
 * $codex 2. CSS样式表各区块用注释说明
 * $codex 3. 尽量使用英文命名原则
 * $codex 4. 尽量不加中杠和下划线
 * $codex 5. 尽量不缩写，除非一看就明白的单词
 * $hack :ie 6 _  \ ie7 *+ \  ie6,ie7 *  \  ie7,firefox !important ie9, \9
*/

/**通用头部 开始**/
.header .topnav{height:50px;border-bottom:#ddd solid 1px;background-image:url(../imgs/topnavbg.jpg);}
.header .topnav .wrapper{margin-top:0px;}
.header .topnav ul{float:right;}
.header .topnav li{float:left;list-style:none;}
.header .weibo a,.header .weixin a,.header .qq a{width:24px;height:24px;background-image:url(../imgs/icon.png);text-indent:-9999px; margin-top:13px; display:block;}
.header .weibo a:hover,.header .weixin a:hover,.header .qq a:hover{background-image:url(../imgs/icon-.png);}
.header .weibo a{background-position:left top;}
.header .weixin a{background-position:-31px top;margin-left:10px;}
.header .qq a{background-position:-62px top;margin-left:10px;}
.header .login{ margin-left:10px; margin-top:13px; height:24px; line-height:24px; border:#ddd solid 1px;color:#999; font-size:12px; padding:0 15px;}
.header .toptel{margin-top:6px; margin-right:20px;}
.header .search {margin-top:12px; height:25px; position:relative;}
.header .search input{ height:25px; padding:0; border:none; background-color:#ddd; font-size:12px;}
.header .search .key{width:150px; padding:0 10px;}
.header .search .searchicon{width:30px;height:25px; position:absolute; top:0px; right:0;}
.header .logo{ position:absolute;left:0;top:20px;}
.header .logo img{width:260px;}
/*menu*/
.head-v3{position:relative;z-index:100;min-width:1000px}
.head-v3 .navigation-inner{margin:0 auto;width:1180px;position:relative}
.navigation-up{height:90px;background:#fff}
.navigation-up .navigation-v3{float:left; width:100%;}
.navigation-up .navigation-v3 ul{float:right; margin-left:0; margin-top:40px;}
.navigation-up .navigation-v3 li{float:left; margin-left:10px;border:#fff solid 1px;}
.navigation-up .navigation-v3 .nav-up-selected a{}
.navigation-up .navigation-v3 .currclass,.navigation-up .navigation-v3 .currclass a{background-color:#78a9d4; color:#FFF;-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;}
.navigation-up .navigation-v3 .nav-up-selected{border:#78a9d4 solid 1px; border-bottom:0; height:49px;-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;background:#fff;}
.navigation-up .navigation-v3 li h2{font-weight:normal; font-size:16px;}
.navigation-up .navigation-v3 li h2 a{padding:0px 15px;color:#333;display:inline-block;line-height:49px;}

.navigation-down{position:absolute;top:88px;left:0px;width:100%; z-index:99999;}
.navigation-down a{color:#333}
.navigation-down .nav-down-menu{width:100%;margin:0;border-top:#78a9d4 solid 1px;background-color:#FFF;color:#333;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1180px;position:relative;}
.navigation-down .nav-down-menu dl{margin:18px 80px 18px 0;}
.navigation-down .menu-1 dl{margin:20px 80px 25px 0;float:left;}
.navigation-down .menu-1 dt{font:normal 14px "microsoft yahei";color:#333;padding-bottom:10px;border-bottom:1px solid #333;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#333;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#333}
.navigation-down .menu-2 dl{float:left;}
.navigation-down .menu-3 dl{float:right;}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#333;font:normal 14px "microsoft yahei"}
/*menu*/
/*banner*/
.fx_grid_c1{width:1180px;margin:0 auto}
.fx_banner{background:#f0f0f0;width:1903px;overflow:hidden;position:relative;}
.fx_banner li{ list-style:none;}
.fx_banner_inner{position:relative;height:428px}
.fx_banner_img{width:20000px}
.fx_banner_img li{float:left;height:428px;width:1903px;position:relative}
.fx_banner_link{position:absolute;top:0;left:0;width:100%;height:428px;cursor:pointer}
.fx_banner .child{position:absolute;width:1903px;height:428px}
.fx_banner_common{position:relative}
.fx_banner_common a{position:absolute;top:200px;width:57px;height:106px;cursor:pointer;display:block;overflow:hidden;opacity:.5;filter:alpha(opacity=50);}
.fx_banner_pre{left:0;background:url(../imgs/banner_pre.png);}
.fx_banner_next{right:0;background:url(../imgs/banner_next.png);}
.fx_banner_pre:hover,.fx_banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.fx_banner .control{width:200px;position:absolute;top:390px;left:50%;margin-left:-100px;text-align:center}
.fx_banner .control li{display:inline-block;*display:inline;*zoom:1;margin:0 5px;width:10px;height:10px;border-radius:50%;cursor:pointer; border:#fff solid 1px;}
.fx_banner .control li a{display:none}
.fx_banner .control li.current{background:#fff}
/**通用头部 结束**/


/**通用底部 开始**/
.footer{height:50px;line-height:50px;background-color:#0067b2;color:#fff;}
.footer .wrapper{margin-top:0px;}
.footer a{color:#fff;}
.footer .copyright{text-align:right;text-transform:uppercase;}
/*右侧导航*/
.side{position:fixed; width:54px; height:275px; right:0; top:294px; z-index:100;}
.side ul{margin-left:0;}
.side ul li{ width:54px; height:54px; float:left; position:relative;border-bottom:1px solid #fff; list-style:none;}
.side ul li .sidebox{ position:absolute; width:54px; height:54px; line-height:54px;top:0; right:0;transition:all 0.3s;background:#0067b2; opacity:0.8; filter:Alpha(opacity=80); color:#fff; font:14px/54px "微软雅黑"; overflow:hidden;}
.side ul li .sidetop{width:54px; height:54px; display:inline-block;background:#0067b2; opacity:0.8; filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{ background:#333; opacity:1; filter:Alpha(opacity=100);}
/**通用底部 结束**/


/**首页模块 开始**/
.main{width:100%;}
.main h1{text-align:center; margin-top:150px;}
.main li{list-style:none;}
/*网站首页-顺凯*/
.about{background:url(../imgs/aboutbg.jpg) top center no-repeat;}
.about .txt{text-align:center; line-height:30px; padding-top:20px;}
.about .product{text-align:center;}
.about .product .col2{border:#fff solid 1px; width:178px; padding:20px 0;}
.about .product .col2:hover{color:#0067b2; font-weight:bold;cursor:pointer;}
.about .product .p1 p{ height:160px; overflow:hidden;}
.about .product .p1 a.button{ color:#FFF;}
/*网站首页-方案*/
.scheme{background:url(../imgs/schemebg.jpg) top center no-repeat;background-color:#78a9d4;color:#fff;}
.scheme a{color:#fff;}
.scheme .schemelist{ margin-left:-20px; padding-top:80px; padding-bottom:50px;position:relative;}
.scheme .schemelist li{ 
list-style:none; float:left; 
width:270px; 
margin-left:20px;
height:300px;
color:#666;
-webkit-box-shadow: #315e85 0px 0px 10px;
-moz-box-shadow: #315e85 0px 0px 10px;
box-shadow: #315e85 0px 0px 10px;
background: #fff;
behavior: url(/PIE.htc);
overflow:hidden;
cursor:pointer;
}
.scheme .schemelist img{ width:270px; height:150px;}
.scheme .schemelist h3{color:#333; padding:0 20px; line-height:30px;}
.scheme .schemelist p{padding:0 20px;}
.scheme .schemelist .pre,.scheme .schemelist .next{ border:#ddd solid 1px;width:21px;height:21px;position:absolute;top:20px;cursor:pointer;}
.scheme .schemelist .pre{background:url(../imgs/pre.png) no-repeat center center; left:48%;}
.scheme .schemelist .next{background:url(../imgs/next.png) no-repeat center center; left:52%;}
.scheme .schemelist .pre:hover{background:url(../imgs/pre.png) no-repeat center center #355f83; left:48%;}
.scheme .schemelist .next:hover{background:url(../imgs/next.png) no-repeat center center #355f83; left:52%;}
/*网站首页-案例*/
.case{background:url(../imgs/casebg.jpg) top center no-repeat; height:500px;}
.case .caselist{margin-left:-20px;color:#fff;}
.case .caselist ul{margin-left:0px;}
.case .caselist li{float:left; width:580px; margin-left:20px;background-color:#0067b2; margin-top:30px; height:220px;}
.case .caselist .img{float:left;width:50%;}
.case .caselist .img img{width:290px; height:220px;}
.case .caselist .txt{float:left;width:50%;}
.case .caselist .pager {text-align:center;margin:30px auto;}
.case .caselist .pager a {display:inline-block;*display:inline;*zoom:1;margin:0 5px;width:15px;height:15px;border-radius:50%;cursor:pointer;background:#b4b4b4;text-decoration: none;text-indent: -999px;overflow: hidden;}
.case .caselist .pager a.curr{background:#355f83}
.case .caselist .txt h3{padding:0 20px; line-height:50px;}
.case .caselist .txt .intro{padding:0 20px;height:120px; overflow:hidden; color:#80b3d9;}
.case .caselist .txt .more{text-align:center;}
.case .caselist .txt a{padding:5px 30px; border:#80b3d9 solid 1px; color:#80b3d9; font-size:10px;}
.case .caselist .txt a:hover{border:#fff solid 1px; color:#fff;}
/*网站首页-新闻*/
.news{background:url(../imgs/newsbg.jpg) top center no-repeat;background-color:#78a9d4;color:#fff;}
.news a{color:#fff;}
/**首页模块 结束**/


/**内页模块 开始**/
.banner{margin-top:5px; width:100%; text-align:center;}
.banner img{ width:100%; height:auto;}
.dh{font-size:12px; color:#333;}
.dh a{color:#333;}
.box3 .hd{border-bottom:#ccc solid 1px;border-top:#78a9d4 solid 5px;}
.box3 .hd h3{padding-left:15px;margin-top:15px; margin-bottom:0; margin-left:15px;border-left:#78a9d4 solid 5px; color:#78a9d4;line-height:18px;}
.box3 .hd span{text-transform:capitalize;padding-left:15px;margin-left:15px;margin-bottom:15px;border-left:#78a9d4 solid 5px; display:block; line-height:18px; color:#999;}
.box3 ul{list-style:none;margin-left:0;}
.box3 li{
	border-bottom:#ddd dotted 1px; 
	padding-left:35px; 
	height:35px; 
	line-height:35px; 
	}
.box3 li:hover{background-color:#dceaff;}
.box3 .currclass{font-weight:bold;}
.box3 .currclass a{color:#0067b2;}
.box3 li a{color:#333;}
.box3 .item .contact{padding:15px; font-size:12px; border-bottom:#CCC solid 1px;}
.box3 .item .Online{ text-align:center;padding:15px;font-size:12px;}
.box9{min-height:500px; position:relative;}
.box12-1 .title,.box9 .title{
	border-top:#78a9d4 solid 5px;
	border-bottom:#ccc solid 1px;  
	height:67px; 
	line-height:67px; 
	color:#78a9d4;
	margin:0; 
	}
.content{width:880px;padding:20px 0;text-align:Justify;text-justify:inter-ideograph;}
.content .titlist{list-style:none;margin-left:0px;}
.content .titlist li{border-bottom:#CCC dotted 1px;}
.content .titlist small{margin-left:0px; font-size:12px;}
.content .titlist small a{color:#666;}
.content .tit{ padding-left:25px; background-image:url(../imgs/jiantou.png); background-repeat:no-repeat; background-position:15px center;}
.content .articleTitle{ text-align:center;}
.content .attri{font-size:12px;text-align:center; color:#999;}
.content .piclist,.box9 .content .videolist{list-style:none; margin-left:0;}
.content .piclist li,.box9 .content .videolist li{float:left;text-align:center;line-height:22px;}
.content .piclist li{width:25%;}
.content .videolist li{width:50%;}
.content .piclist li a,.box9 .content .videolist li a{color:#333;}
.content .piclist li img,.box9 .content .videolist li img{border:#CCC solid 1px;}
.content .piclist li img{width:135px; height:165px;}
.content .videolist li img{width:330px; height:165px;}
.content .piclist li .font12px{color:#666;}
.content .nph_intro{ margin-top:20px;border-bottom:#CCC dotted 1px;border-top:#ddd solid 5px;}
.content .nph_intro h3{color:#09C;font-weight:bold; margin-top:20px; margin-bottom:10px;}
.content .nph_tj{ height:40px; line-height:40px;}
.content .team{ clear:both; height:195px; padding:15px;border:#ddd solid 1px; margin-bottom:30px;}
.content .team:hover{border:#78a9d4 solid 1px;}
.content .team .pic{width:40%; float:left;}
.content .team .pic img{ width:100%; height:190px;}
.content .team .txt{width:55%; float:right;}
.content .team .txt h3{ font-weight:bold;padding-bottom:10px;}
.content .team .txt p{color:#999;border-bottom:#CCC dotted 1px; height:103px;padding-bottom:10px;overflow:hidden;}
.content .team .txt a{color:#FFF;}
a:hover.button{color:#ccffff;}
.content .newslist{width:878px;}
.content .newslist li{float:left;border-bottom:#ddd solid 1px;}
.content .newslist .date{width:79px;color:#999;line-height:50px; border-right:#eee solid 1px;}
.content .newslist .tit{width:773px;color:#333; font-weight:bold;line-height:50px;}
.content .newslist .desc{width:840px;color:#FFF;background-color:#78a9d4; padding:20px;}
.content .subMenu{border-bottom:#ddd solid 1px; text-align:left; margin-top:20px; height:27px;}
.content .subMenu a{ background-color:#78a9d4; color:#FFF; padding:8px 80px;}
.content .subMenu a:hover,.content .subMenu a.selected{background-color:#0067b2;}
.content .section{padding:15px 0; min-height:500px; height:auto;}
.content .jobtit{background-color:#78a9d4; color:#FFF; height:30px;}
.jobbox h2{line-height:40px; border-bottom:#CCC dotted 1px; margin-bottom:10px;}
.jobbox{width:560px;padding:15px 20px;font-size:14px;}
.jobbox legend{font-weight:bold; color:#900;}
.jobbox input{}
.back{ position:absolute; top:25px; right:0px;}
.pro-back{ float:right; width:78px; height:26px; padding-left:15px;background:url(../imgs/pro_bg01.png) no-repeat 20px 8px; font:14px/26px "微软雅黑"; display:inline-block; border:1px solid #efefef; text-align:center; transition:all 0.3s;}
.pro-back:hover{ background-color:#f5f5f5;}
/*客户案例*/
#waterfall{width:1180px; margin:0 auto;}
#waterfall img{ width:203px;}
#waterfall .cell{padding:10px 0px 5px 0px; text-align:center;width:223px;border:1px solid #E3E3E3; background:#fff; margin-top:20px;box-shadow: 0px 2px 3px 1px #ccc;}
#waterfall .cell:hover{box-shadow: 0px 2px 3px 1px #999;}
/*分页样式*/
.fenye{clear:both;text-align:center;font-size:12px; padding-top:20px;}
.fenye a{padding:5px 15px; border:#CCC solid 1px;}
.fenye a:hover,.fenye a.curr{color:#FFF; background-color:#78a9d4;border:#78a9d4 solid 1px;}
.fenye table th,.fenye table td{ border:0;}
/*搜索样式*/
.searchlist ul{ margin-left:0;}
.searchlist li { margin-bottom:10px;}
.searchlist li .art_title{ font-size:16px;}
.searchlist li .art_title a{ color:#09C;}
.searchlist li .artintro{ color:#999;}
/* 图片分页方式的样式*/
.imagelist{margin:0;width:1180px;position:relative;} /*总宽度*/
.imagelist .imagetop a{color:#767676;}
.imagelist .defaultimagesrc{text-align:center;}
.imagelist .defaultimagesrc img{width:1180px; height:500px;}
.thumb_2_1,.thumb_2_2{height:107px; width:30px;}
.thumb_2_1 {
	background:url(../imgs/left1.jpg) no-repeat;
	position:absolute;
	left:0;
}
.thumb_2_2 {
	background:url(../imgs/right1.jpg) no-repeat;
	position:absolute;
	right:0;
}
#scrool_div {
	width:1180px;
	position:relative;
	height:107px;
	overflow:hidden;
	margin-top:10px;
}
#scrool_div ul{list-style:none;}
#scrool_wrap {height:90px;position:absolute;width:20000px;top:10px; left:0;}
#scrool_wrap li {width:90px;height:80px;float:left;margin-right:5px;}
#scrool_div img{
	width:80px;
	height:70px;
	margin:5px;
}
.normalthumb img{padding:2px;border:1px solid #fff;}
.currthumb img{padding:2px;border:1px solid #2ecafa;}
/* 图片分页方式的样式结束*/
/*百度地图*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/**内页模块 结束**/
/*弹窗*/
.popup{width:500px; height:350px;  position:fixed; _position:absolute; left:50%; margin-left:-300px; top:50%; margin-top:-200px; background:#fff; z-index:999; display:none; text-align:center; font-size:14px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.popup .body img{ padding:5px; border:#eee solid 5px; margin-top:40px; width:200px; height:auto;}
.popup .body {color:#333;}
.popup del{ display:block; position:absolute; right:-10px; top:-10px;font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:30px; text-shadow: 0 1px 0 #FFFFFF; cursor:pointer; color:#fff; background-color:#78a9d4; width:40px; height:40px; line-height:40px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
/*.popup .head{ border-bottom:#eee solid 1px; padding:20px; font-size:20px; position:relative; }
.popup .body{ padding:20px; }
.popup .foot{ background:#f5f5f5; padding:10px; border-top: 1px solid #DDDDDD; box-shadow: 0 1px 0 #FFFFFF inset; text-align:right;  }*/

.popover{ PADDING-RIGHT:20px; PADDING-LEFT:20px;Z-INDEX:100;PADDING-BOTTOM:20px; WIDTH:300px;PADDING-TOP:20px; POSITION:absolute; background:#fff; border:2px solid #333; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.popover:before { border-bottom: 7px solid #333; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 9px; position: absolute; top: -7px;
	}
/*会员注册*/
.userreg{ font-size:16px; line-height:50px; text-align:center;}
.userreg .input{ width:300px;}
.CheckReg{border:0;}
/*密码强度*/
.rank { border:none; background:url(../../images/rank.gif) no-repeat; width:136px; height:22px; vertical-align:middle; cursor:default; }
.r0 { background-position:0 0; }
.r1 { background-position:0 -22px; }
.r2 { background-position:0 -44px; }
.r3 { background-position:0 -66px; }
.r4 { background-position:0 -88px; }
.r5 { background-position:0 -110px; }
.r6 { background-position:0 -132px; }
.r7 { background-position:0 -154px; }