﻿/*系统样式，GCITY定义*/
body{font-family:"Microsoft YaHei";font-size: 12px;color:#404040;margin:0;-webkit-text-size-adjust:none;  background-color:transparent;}
html{overflow-x:hidden;overflow-y:auto;background:#eeeeee;} 

*{margin:0 auto}
.left{float:left}
.right{float:right}
p,ul{list-style:none;margin:0;padding:0;border:0px}
.clear{ clear:both;}/*清除浮动*/
img {border:0px;behavior:url("images/systemfiles/pngbehavior.htc")}/*支持png图片*/
a {behavior:url("images/systemfiles/onfocus.htc")}/*去掉点击虚线*/
.keyword{background-color: #FFFF00;}/*搜索高亮关键词*/
.clear{ clear:both;}

.input {font-family:"Microsoft YaHei";font-size: 12px; line-height:24px; outline:none; background:#fff; height:24px; padding:3px;border:1px solid #dbdbdb;}
.select {font-family:"Microsoft YaHei";font-size: 12px; line-height:24px;outline:none; background:#fff; height:30px; padding:3px;border:1px solid #dbdbdb;}
a:link{color:#6c727b;text-decoration: none}
a:visited{color:#6c727b;text-decoration: none}
a:hover{color:#000;text-decoration: none}
.relative{ position:relative;}
.absolute{ position:absolute;}
.hide{ display:none;}
/*小号中文字体*/
.smallcnfont{font-family: "PMingLiU";font-size: 11px}
/*英文*/
.bold{font-weight:bold}
.px14{font-size:14px;}

/*内容页图片展示*/
.picshowbox{ max-width:560px;}

/*内容行高样式*/
.h18{line-height: 18px;word-wrap:break-word}
.h20{line-height: 20px;word-wrap:break-word}
.h24 {line-height: 24px;word-wrap:break-word}
.content{word-break:break-all;text-align:justify;text-justify:inter-ideograph}

/*整体文字色定义*/
.font1{COLOR:#CE3900;text-decoration:none}
.font1 a:link{COLOR:#CE3900;text-decoration:none}
.font1 a:visited{COLOR:#CE3900;text-decoration:none}
.font1 a:hover{COLOR:#545865;text-decoration:underline;}

.font2{COLOR:#808080;text-decoration:none}
.font2 a:link{COLOR:#808080;text-decoration:none}
.font2 a:visited{COLOR:#808080;text-decoration:none}
.font2 a:hover{COLOR:#90969e;text-decoration:none}

.font3 a{COLOR:#2e88c7;text-decoration:none}
.font3 a:link{COLOR:#2e88c7;text-decoration:none}
.font3 a:visited{COLOR:#2e88c7;text-decoration:none}
.font3 a:hover{COLOR:#000;text-decoration:none}

.white{COLOR: #FFFFFF;text-decoration:none}
.white a:link{COLOR:#FFFFFF;text-decoration:none}
.white a:visited{COLOR:#FFFFFF;text-decoration:none}
.white a:hover{COLOR:#FFF;text-decoration:none}

.font4{COLOR:#e8f7ff;text-decoration:none;}
.font4 a:link{COLOR:#e8f7ff;text-decoration:none}
.font4 a:visited{COLOR:#e8f7ff;text-decoration:none}
.font4 a:hover{COLOR:#fff;text-decoration:none}

/*滤镜*/
.filterty {filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1)} 
.filterAlpha {background:#000;filter: Alpha(Opacity=80);opacity:0.80;}

/*列表新闻*/
.newslist li{list-style:none;margin:0;height:60px;line-height:60px; border-bottom:1px dotted #3b515e; width:670px; font-size:13px;}
.newslist li a{ float:left; display:block; width:540px; position:relative; padding-left:8px;}
.newslist li a span{ position:absolute; background:#fff; width:0px; height:60px; z-index:-1; left:0; top:0;}
.newslist li p{float:right;font-size:12px; color:#999;}
.newslist li b{ float:left; font-size:40px;color:#CCC; font-weight:normal; font-family:Arial!important;}

/*新闻frame*/
.newframe{z-index:999;margin-left:120px;width:745px;display:none;height:410px;position:fixed;top:140px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+140));}
.chooseframe{z-index:999;margin-left:120px;width:745px;display:none;height:229px;position:fixed;top:180px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+180));}
.frametitle{ height:24px;overflow:hidden; padding-top:5px; padding-right:8px;}
.framebg{ background:#fff; padding:30px 20px 70px 140px;}
.close{ cursor:pointer; width:78px; height:24px; background:url(close.png) no-repeat;}
.close:hover{background:url(closehover.png) no-repeat;}
.framemore{ position:absolute; width:666px; height:40px; background:#eaeff2; bottom:12px; left:14px; line-height:40px; padding-left:50px;}
.framemore a{ display:block; padding-right:20px; background:url(icon1.jpg) right no-repeat; float:left; margin-right:20px;}
.framemore a:link{ color:#5e7c8e}
.framemore a:visited{ color:#5e7c8e}
.framemore a:hover{ color:#000; background:url(icon1hover.jpg) right no-repeat;}
/*分页样式*/
.pages{ clear:both; font-family:Tahoma,Arial,sans-serif; padding-top:20px;}
.pages a{ display:block; float:left; padding:0px 8px; height:24px; line-height:24px; border:1px solid #3d5360; margin-right:8px; background:#fafafa;!important}
.pages .this{ background:#3d5360; color:#fff;}
.pages .this:link{color:#fff;}
.pages .this:visited{color:#fff;}
.pages a:link{ color:#3d5360;}
.pages a:visited{ color:#3d5360;}
.pages a:hover{ color:#fff; background:#3d5360;}
/*选项卡结束*/
.pt1{ padding-top:1px;}
.pl5{ padding-left:8px;}
.pt2{ padding-top:4px;}
.pt8{ padding-top:8px; padding-right:5px;}
.pt25{ padding-top:25px;}
.pt40{ padding-top:30px;}
.pt25120{ padding-top:35px; padding-right:40px;}
.mt4{ margin-top:4px;}
.h30{ width:680px; float:left;}
#bdshare{padding-top:20px;}


/*首页*/
.top{ height:558px; z-index:2;}
.blank20{background:#000;filter: Alpha(Opacity=20);opacity:0.2; z-index:3; width:100%; height:90px; left:0; top:0;}
.topbg{ height:90px; width:100%; z-index:4;}
.dingwei{ width:960px;height:90px;}
.logo{ width:182px; height:52px; padding-top:12px; padding-left:30px; float:left;}
.nav{ padding-top:26px; padding-right:20px;float:right; text-shadow: 0 0 -1px #000; font-weight:bold;}
.nav li{ font-size:15px; float:left; height:36px; line-height:36px; width:100px; text-align:center;}
.nav li a{ width:100px; height:36px;display:block;}
.nav li a:link{color:#fff;}
.nav li a:visited{color:#fff;}
.nav li a:hover{color:#fff; background:url(navhover.png) no-repeat;}
.hover{color:#fff; background:url(nalihover.png) no-repeat;}
.meunbox{ padding-top:4px; background:url(mbtop.png) no-repeat;}
.bottom{height:4px; background:url(mbbottom.png) no-repeat; display:none; clear:both;}
.meun{ position:absolute;top:-28px;width:150px; overflow:hidden;}
.meun ul{ float:left; display:none;}
.meun ul li{ height:40px; line-height:40px; border-bottom:1px solid #2a2a2a; width:150px; background:#000;}
.meun a{ width:150px; display:block; padding-left:48px; background:url(footpic.gif) 20px 16px no-repeat;}
.meun a:link{margin-left:0px;}
.meun a:hover{ color:#bfc9d6;}
.banner{position:absolute; width:1920px; background:#000; height:558px;}
.main{background:url(stepbg.jpg) center 325px no-repeat;margin-top:-190px;}
.middle1bg{ height:190px;position:relative; z-index:1; background:url(middle1bg.jpg) no-repeat bottom;}
.middle1{ width:960px; padding-top:35px;}
.middle1 .m{ width:290px; padding:0 15px; position:relative; height:120px;}
.indexclose{ background:url(shousuo.png) top no-repeat; width:93px; height:16px; position:absolute; left:50%; margin-left:-46px;_margin-left:-46px; top:542px; z-index:3; cursor:pointer; overflow:hidden;}
.ShowBtn{ background:url(Arrowtop.gif) 0 5px no-repeat; width:15px; height:20px; display:block;}
.HideBtn{ background:url(Arrowbottom.gif) 0 4px  no-repeat ; width:15px; height:20px; display:block;}
.tpic{ position:absolute;}
.t1{ top:40px; width:80px; height:61px;}
.t2{ top:40px; width:80px; height:61px;}
.t3{ top:48px;  width:80px; height:61px;}
.title{ padding-bottom:10px;}
.txt1{ width:200px; line-height:18px;}
.more{ display:block;clear:both; float:right; height:18px; line-height:16px;background:url(morehover.png) no-repeat; padding-left:22px; margin-top:15px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
.middle2{ width:1000px; padding-top:40px;}
.middle3{ width:980px;padding-top:35px; height:220px; background:url(middle3bottom.jpg) repeat-x bottom; clear:both;}
.middle3bg{ height:190px;padding-bottom:15px;}
.m1{ width:414px; margin-right:10px; height:210px; padding-left:20px;}
.m2{ width:284px; margin-right:10px; height:210px;}
.m3{ width:232px; height:210px;}
.hline{ width:2px; background:url(hline.jpg) repeat-y; height:210px; float:left;}
.linetitle{height:30px; padding:0 10px; background:url(titleshadow.png) left bottom no-repeat;}
.more2{ display:block; float:right; font-size:12px; height:20px; background:url(more2.png) 0 2px no-repeat; padding-left:22px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; line-height:18px;}
.customlist{ margin-top:8px; padding-left:6px;}
.customlist li{float:left; padding:12px 6px 0 6px;height:53px; overflow:hidden;}
.customlist li img{ width:120px; height:53px; border:1px solid #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
.customlist li a{ float:left;}
#scrollDiv{ height:140px; overflow:hidden;}
.indexnewslist li{ background:url(indexnewpic.jpg) no-repeat 0 9px; padding-left:20px; line-height:28px; width:240px; height:28px;}
.indexnewslist li span{ float:right; color:#cccccc;}
.contact{ padding-top:16px; padding-left:5px; width:215px;}
.contacttxt{ line-height:24px; padding-top:10px; background:url(tel.png) 8px 12px no-repeat;_ background:url(tel.jpg) 0 12px no-repeat; padding-left:82px; height:100px;}
.mpr{ padding-right:20px;}
.tel{ padding-top:10px;}
.more3{ display:block; background:url(more3.jpg) no-repeat right center; width:58px;}
.foot{ background:url(footbg.jpg) repeat-x bottom; height:270px; padding-top:35px;}
.foot a:hover{ color:#69757e;}
.ultitle{ float:left; width:220px; line-height:24px;}
.ultitle li{ background:url(footpic.gif) no-repeat left center; padding-left:15px;}
.ultitle p{ color:#fff; font-size:16px; line-height:68px; padding-bottom:10px;}
.foot960{ width:950px; padding-left:10px;}
.foot960 a:hover{ color:#fff;}

.code_2wm{ position:fixed; top:160px; z-index:2; right:14px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop)+200);}

.qqkf{ width:97px; height:132px; background:url(qqKf.png) no-repeat; position:fixed; top:310px; z-index:2; right:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop)+310); padding-left:23px; padding-top:86px;}
.qqkf a{ display:block; margin-bottom:7px;}



/*内页*/
.c-bannerbg{ height:160px; background:url(cbg.jpg) top repeat-x;padding-top:90px; overflow:hidden;}
.cdescript{ padding-top:10px;padding-left:15px; width:560px;}
.cdescript .txt1{ font-size:24px; display:inline; color:#2e88c7;}
.cdescript .txt2{ padding-top:10px;}
.searchbg{ width:230px; height:36px; background:url(searchbg.png) no-repeat; padding-top:6px; padding-left:25px;}
.btnsearch{ padding-left:5px;}
.search{ border:0; margin:0; padding:0; height:28px; line-height:28px;font-family: "Microsoft YaHei"; width:180px;}
.searchbg span{ height:30px; float:left;}
.cmiddle{ width:960px; padding-top:30px;}
.cleft{ width:700px; border-top:3px solid #0f2431; background:url(contentbg.gif) top right no-repeat; overflow:hidden;}
.cright{ width:260px;}
.content{ width:690px; padding:40px 0 50px 0px; line-height:24px; float:left;position:relative;}
.ctree{height:70px; padding-bottom:20px; overflow:hidden; font-weight:bold;}
.ctree ul{ width:960px; background:url(ctreebg.jpg) 0 4px no-repeat; height:70px;}
.ctree li{ float:left;width:233px;height:70px; background:url(ctreeliborder.jpg) no-repeat top right;}
.ctree li a{ display:block; float:left; width:162px; height:42px; font-size:15px; padding-left:70px;background:url(ctreeli.jpg) no-repeat 40px 22px; padding-top:12px;}
.ctree li a span{ display:block; font-size:12px; color:#9db0bb; font-weight:normal;}
.ctree li a:hover{ background:url(ctreehover.jpg) no-repeat 40px 22px; overflow:hidden;}
.ctree li.hover a{ background:url(ctreelihover.jpg); position:absolute; margin-top:0; height:58px; width:162px;}
.ctree li.ctreeright{float:right; width:200px; padding-right:40px; background:none;}
.cname{ font-size:24px; line-height:54px;}
.ctitle{ font-size:16px;padding-left:35px; color:#000; height:35px;}
.clinetitle{ background:url(wline.jpg) repeat-x bottom; width:680px; clear:both;}

.Contact{width:235px; height:320px; background:url(crightshadow.jpg) no-repeat left top; padding-left:25px; overflow:hidden;}
.ContactIE{ top:expression(eval(document.documentElement.scrollTop-370));}/*解决IE6下右边联系方式滚动问题*/
.ContactIE2{ top:0;}/*解决IE6下右边联系方式滚动问题*/
.400gif{ clear:both;}

/*客户logo*/
.piclist1 li{ float:left; width:152px; height:152px; padding-bottom:20px; padding-right:20px;}
.piclist1 li img{ background:#f2f2f2;border:1px solid #d5d5d5;border-radius:3px;display:inline-block;width:150px;height:150px;box-shadow:inset 0 1px 0 0 #fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center;}
.piclist1 li a:hover img{background:#fafafa;box-shadow:0 4px 10px 0 rgba(0,0,0,.2);border-color:#fafafa;}
/*案例列表*/
.piclist2 li{ padding-right:15px;width:215px; float:left; height:240px;}
.show2{ display:block; position:relative; overflow:hidden; width:215px; height:147px;}
.show2 .span1{ position:absolute; width:215px; height:147px; z-index:2; left:0;background:url(icon_zoom.png) no-repeat center; top:-147px;}
.show2 .span2{ position:absolute; width:200px; height:26px; z-index:2; left:8px;background:#000; bottom:-35px; color:#fff; font-size:12px; padding:0 5px;padding-top:8px;}
.span2 img{ margin-right:8px;}
.piclist2 li .ptitle{ border:1px solid #e3e3e3; line-height:20px; padding:5px 5px; margin-top:1px; background-color:#e3e3e3; height:62px;}
.piclist2 li .ptitle a{ font-size:16px;font-weight:bold;}
.piclist2 li .ptitle p{ font-size:12px;color:#4d4d4d; line-height:16px; padding-top:8px;}
.piclist2 li .ptitle a:link{ color:#000;}
.piclist2 li .ptitle a:visited{ color:#000;}
.piclist2 li .spic{ width:200px; height:133px; background:#e3e3e3; padding:2px; overflow:hidden;}

/*放大JQ*/
.example6 img{ padding:5px; background:#fff;border:1px solid #ccc;}

/*首页案例展示*/
#slideBox{height:151px; position:relative;width:1000px; z-index:0;}
#slideUl{width:880px; height:151px; overflow:hidden; position:relative; margin:0 auto;}
#slideUl ul{position:relative; width:10000px; height:141px;}
#slideUl ul li{float:left; height:151px; width:220px;display:inline; background:url(caseshadow.png) bottom no-repeat;}
#slideUl ul li .spic{ width:200px; height:133px; background-color:#fff; padding:3px; border:1px solid #cdcdcd; margin:0 6px;}
.show li b{font-size:14px;}
.show li a{text-decoration:none;color:#fff; height:140px; position:absolute; overflow:hidden;}
.show li a .span2{width:190px;color:#fff; padding:0 5px;text-decoration:none;background:#000;line-height:34px; height:34px;overflow:hidden;position:absolute;left:10px;bottom:-34px;display:block;}
.show li a .span2 font{ padding-top:10px;}
.show li a .span2 font img{ margin-right:8px;}

#sildeLeft{display:block;cursor:pointer; position:absolute; top:40px; left:20px;z-index:2;}
#sildeRight{display:block; cursor:pointer; position:absolute; top:40px; right:20px; z-index:2;}
.ccc{ display:block; float:left;cursor:pointer; font-size:14px; width:109px; height:27px; background:url(ccc.png) no-repeat; line-height:27px; padding-left:60px; margin:0 5px;}
.unblind{ display:block; float:left;cursor:pointer; font-size:14px; width:109px; height:27px; background:url(ccc.png) no-repeat; line-height:27px; padding-left:60px; margin:0 5px;}
.ccc:hover{ color:#6c727b;}
.ccchover{background:url(ccchover.png) no-repeat;color:#fff;}
.ccchover:link{color:#fff;}
.ccchover:visited{color:#fff;}
.ccchover:hover{ color:#fff;}


/*顶部*/
.quick-linebg{ background:url(quick-linebg.png) repeat-x; width:100%; left:0; height:90px;position:fixed;top:-90px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop)-90); z-index:999;}
.anniu{ right:50px; top:90px; cursor:pointer;}
.teltbg{ right:0; top:90px;}

/*服务*/
.service{ width:310px; float:left; padding-right:30px; height:195px; font-size:12px;}
.servicetitle{ font-size:16px;}
.servicetitle span{color:#999; display:block; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.service p{ padding-bottom:10px;}
.yes{ background:url(gou.jpg) no-repeat left center; padding-left:10px; margin-right:5px;}

/*焦点图*/
.box{ position:relative; width:671px; height:330px; overflow:hidden; padding-top:20px;}
.slidebox{ position:absolute; left:0;}
.slidebox li{ width:671px; height:330px; float:left;}

/*留言*/
.message td{ height:30px;}
.icon1{ background:url(../feedbackimg/name.jpg) no-repeat 10px center #fff;width:260px; padding-left:40px;}
.icon2{ background:url(../feedbackimg/email.jpg) no-repeat 10px center #fff;width:260px; padding-left:40px;}
.icon3{ background:url(../feedbackimg/company.jpg) no-repeat 10px center #fff;width:260px; padding-left:40px;}
.icon4{ background:url(../feedbackimg/phone.jpg) no-repeat 10px center #fff;width:260px; padding-left:40px;}
.icon5{ background:url(../feedbackimg/message.jpg) no-repeat 10px 8px #fff; padding:10px; padding-left:40px;}
.w300{ width:306px;}
.radioleft p{ float:left; position:relative; width:106px;}
.title1{ line-height:54px; height:54px; width:120px!important; background:#435865; text-align:center; color:#fff; font-size:16px;border-left:1px solid #fff;}
.radioleft p input{ position:absolute; top:20px; left:20px;}
.radioleft p label{ height:44px; background:url(../feedbackimg/labelbg.jpg) repeat-x; width:64px; display:block; border-left:1px solid #fff;border-right:1px solid #cbd3da; border-bottom:1px solid #cbd3da; border-top:1px solid #eaeff3; line-height:14px;cursor:pointer; padding-left:40px; padding-top:10px;}
.radioleft p label:hover{background:url(../feedbackimg/labelbghover.jpg) repeat-x;}

.whychoose{ cursor:pointer;}
.checkp p{ float:left;position:relative;}
.checkp label{margin:0; padding-left:40px; padding-right:30px;background:url(../feedbackimg/labelbg.jpg) repeat-x; height:40px; line-height:40px; display:block; cursor:pointer;border-left:1px solid #fff;border-right:1px solid #cbd3da; border-bottom:1px solid #cbd3da; border-top:1px solid #eaeff3;}
.checkbox{ position:absolute; top:14px; left:20px; padding:0; width:14px; height:14px;}

/*招聘*/
.resume li{height:138px; padding-bottom:24px; margin-bottom:24px;border-bottom:1px dotted #3b515e;}
.resumeperson{ width:207px; height:138px; display:block; padding-right:28px;}
.resumeright{ width:430px; height:138px;position:relative;}
.rtitle{ font-size:18px; padding-bottom:8px; color:#578ed8;}
.rmore{ position:absolute; bottom:0;}

/*客户评价*/
#customsaysbox{ height:95px; overflow:hidden; margin-bottom:40px; position:relative; cursor:help}
.customsays li{ height:95px;}

/*在线平台*/
.login input,.password input{ border:1px solid #CCC;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3; width:190px; height:30px; background:#eeeeee;}
.login{ left:88px; top:20px;}
.password{ left:350px; top:20px;}
.btn_login{ left:562px; cursor:pointer; top:22px;}

