/*

技术支持：猎人传媒 www.srlrcm.cn
Powered By S.Y.Jang
Build201409

*/

/* CSS Document */
@charset "gb2312";
/*YUI 2: Reset CSS Start*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; vertical-align: top; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/*YUI 2: Reset CSS End*/
html, body { overflow-x: hidden; }
body { font-size: 12px; font-family: Microsoft Yahei; line-height: 20px; background: #fff; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
/*==================== 页眉部分 ====================*/
#top:after, #cd ul:after, #an:after, #case ul:after, .area:after, #quickNav:after, #fcontact:after, #copyright:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#topWrap { position: fixed; left: 0; top: 0; width: 100%; height: 82px; background: #1f2228; z-index: 999; }
#top { width: 1000px; height: 52px; padding-top:15px; margin: 0 auto; zoom: 1; }
#logo { float: left; }
#nav { float: left; width: 700px; padding: 18px 0 0 60px; }
#nav li { float: left; font-size: 14px; line-height: 24px; margin: 0 16px; }
#nav li a { display: block; color: #fff; font-weight:100; text-decoration: none; transition: all .5s linear; white-space: nowrap; }
#nav li a:hover { color: #db3027; }
#nav li a.curr { background: url(../images/icon_x1.gif) left bottom repeat-x; }
#nav li a.curr:hover { background: url(../images/icon_x2.gif) left bottom repeat-x; }
#tlink { float: right; padding: 15px 0 0 0; }
#tlink a { display: inline-block; width: 21px; height: 21px; margin-left: 15px; background: url(../images/tlink.png) no-repeat; transition: all .2s ease; }
#tlink a.qq { background-position: 0 0; }
#tlink a.qq:hover { background-position: 0 -21px; }
#tlink a.ewm { background-position: -21px 0; }
#tlink a.ewm:hover { background-position: -21px -21px; }
#tlink a.hotline { background-position: -42px 0; }
#tlink a.hotline:hover { background-position: -42px -21px; }
/*==================== 主体部分 ====================*/
#focusWrap { width: 1000px; margin: 0 auto; }
#focus { position: relative; width: 1920px; margin: 0 -460px; padding-top: 82px; }
#kinMaxShow { display: none; width:1920px;}

#kinMaxShow .sub_1_1 { display: block; position: absolute; left: 760px; top: -222px; }
#kinMaxShow .sub_1_2 { display: block; position: absolute; left:595px; bottom:-224px; }
#kinMaxShow .sub_1_3 { display: block; position: absolute; left:893px; bottom:-224px; }
#kinMaxShow .sub_1_4 { display: block; position: absolute; left:1188px; bottom:-224px; }

#kinMaxShow .sub_2_1 { display: block; position: absolute; left: 722px; top: -80px; }
#kinMaxShow .sub_2_2 { display: block; position: absolute; left: -705px; top: 195px; }
#kinMaxShow .sub_2_3 { display: block; position: absolute; left:148px; bottom:-224px; }

#kinMaxShow .sub_3_1 { display: block; position: absolute; left: 481px; top: -360px; }
#kinMaxShow .sub_3_2 { display: block; position: absolute; left: -482px; top: 306px; }
#kinMaxShow .sub_3_3 { display: block; position: absolute; left:-800px; top: 375px; }
#kinMaxShow .sub_3_4 { display: block; position: absolute; left:1084px; bottom:-450px; }

#kinMaxShow .sub_4_1 { display: block; position: absolute; left: 832px; top: -376px; }
#kinMaxShow .sub_4_2 { display: block; position: absolute; left: -482px; top: 366px; }
#kinMaxShow .sub_4_3 { display: block; position: absolute; right:-560px; top: 450px; }
/*我们的服务*/
#services { width: 1000px; height: 193px; margin: 0 auto; padding: 28px 0; overflow: hidden; }
#services dl { float: left; width: 249px; height: 193px; text-align: center; border-left: solid 1px #ccc; }
#services dl.s1 { border: none; }
#services dl p { width: 110px; height: 65px; margin: 0 auto; background: url(../images/services.png); transition: all .2s ease; }
#services dl.s2 p { background-position: 0 0; }
#services dl.s3 p { background-position: -110px 0; }
#services dl.s4 p { background-position: -220px 0; }
#services dl.s1 p { background-position: -330px 0; }
#services dl.s2:hover p { background-position: 0 -65px; }
#services dl.s3:hover p { background-position: -110px -65px; }
#services dl.s4:hover p { background-position: -220px -65px; }
#services dl.s1:hover p { background-position: -330px -65px; }
#services dl a { color: #595959; transition: all .5s linear; }
#services dl a:hover { color: #db3027; text-decoration: none; }
#services dt { font-size: 17px; font-weight: bold; padding: 10px 0; }
#services dl:hover dt a { color: #f00; }
#services dd { font-size: 14px; line-height: 22px; }
#services dd a:hover { color: #db3027; text-decoration: underline; }
/*合作品牌*/
#cdWrap { background: #f2f2f2; }
#cd { width: 1200px; margin: 0 auto; padding: 60px 0 20px; }
#cd h3 { font-size: 20px; font-weight: normal; padding-bottom: 20px; }
#cd h3 strong { color: #000; font-weight: normal; }
#cd h3 span { color: #999; padding-left: 8px; }
#cdCont{ width:1200px; overflow:hidden;}
#cd ul { width: 1280px; overflow: hidden;}
#cd li { float: left; margin: 0 10px 10px 0; }
#cd li a { position: relative; display: block; width: 190px; height: 100px; text-decoration: none; border: solid 1px #e0e0e0; overflow: hidden; }
#cd li p.t { position: absolute; left: 0; top: 0; display: none; width: 190px; height: 100px; color: #fff; font-size: 14px; line-height: 100px; text-align: center; z-index: 3; cursor: pointer; }
#cd li .bg { position: absolute; left: 0; top: 0; display: none; width: 190px; height: 100px; background: rgba(220,54,46,.9); background: #dc362e\9; filter: alpha(opacity=90); overflow: hidden; _zoom: 1; z-index: 2; }
#cd li img { position: absolute; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;}
#cdCont p.more { font-size: 17px; text-align: center; padding: 10px 0 30px; }
/*公司简介、公司动态*/

.about{ background:url(../images/about_bg.jpg) no-repeat center top #163e59; background-attachment:fixed; width:100%; height:500px; background-size: cover;  text-align:center; color:#fff; overflow:hidden;  }
.about h1{  line-height:38px; text-align:center; font-size:28px; margin-top:80px;}
.about p{ font-size:14px; color:#e2e2e2; line-height:28px; width:840px; margin:40px auto; text-align:left;}
.about a{ width:150px; background:#cc1e14;  border-radius:2px; font-size:16px; color:#fff;   height:46px; line-height:46px; display:inline-block; margin:0 8px; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
.about a:hover{ background:#b31a12;}

/*客户案例*/
#caseWrap { padding: 60px 0; background: #f2f2f2; }
#case { width: 1200px; margin: 0 auto; overflow:hidden; }
#case h3 { font-size: 20px; font-weight: normal; text-align:center; padding-bottom: 30px; }
#case h3 strong{ font-size:26px; font-weight:normal;}
#case h3 span{ display:block; color:#b3b3b3; font-size:16px; padding:15px 0 0;}
#case h3 span a{ color:#666;}
#case ul { width:1280px;}
#case li { float: left; width: 386px; margin:0 20px 20px 0; box-shadow: 0 0 10px rgba(0,0,0,.1); background: #fff; }
#case .pic { position: relative; width: 386px; height: 240px; overflow: hidden; }
#case .pic img { position: absolute; }
#case .pic .bg { position: absolute; left: 0; top: 0; display: none; width: 386px; height: 240px; background:rgba(220,54,46,.6) url(../images/caseView.png) center center no-repeat; background: #dc362e\9 url(../images/caseView.png) center center no-repeat; filter: alpha(opacity=60); overflow: hidden; _zoom: 1; z-index: 2; }
#case .pic p { position: absolute; /*display:none;*/ width:0; height:0; background: url(../images/caseBg.png) repeat; overflow: hidden; _zoom: 1; z-index:2; }
#case .pic .cornerTL{left:0;top:0;}
#case .pic .cornerTR{right:0;top:0;}
#case .pic .cornerBL{left:0;bottom:0;}
#case .pic .cornerBR{right:0;bottom:0;}

#case h4 { height: 40px; line-height: 40px; font-weight: normal; margin: 0 20px; border-bottom: solid 1px #e6e6e6; overflow: hidden; }
#case h4 a { color: #4c4c4c; font-size: 16px; text-decoration: none; transition: all .2s linear; }
#case h4 a:hover { color: #db3027; text-decoration: none; }
#case p.desc { height: 60px; color: #666; padding: 11px 20px 0; overflow: hidden; }
#case p.more { font-size: 14px; text-align: right; padding: 5px 20px 20px; }
#case p.more a { color: #666; transition: all .2s linear; }
#case p.more a:hover { color: #db3027; text-decoration: none; }
#case div.more { font-size: 17px; text-align: center; padding:0; }
#case a { text-decoration: none; transition: all .2s linear; }
#case a:hover { color: #db3027; text-decoration: none; }
/*信息版块*/
.area { width: 1200px; margin: 0 auto; padding: 50px 0; zoom: 1; }
.a1, .a2, .a3 { float: left; width: 370px; }
.a2 { padding: 0 45px; }
.a3 { }
.col h3 { font-weight: normal; padding-bottom: 6px; border-bottom: solid 1px #e5e5e5; }
.col h3 strong { font-size: 20px; font-weight: normal; }
.col h3 span { float: right; }
.col h3 span a { transition: all .2s linear; }
.col h3 span a:hover { color: #db3027; }
.colTop { height: 80px; padding: 15px 0; overflow: hidden; }
.colTopPic { float: left; width: 110px; height: 80px; }
.colTopTxt { float: right; width: 245px; }
.colTopTxt h4 a { display:inline-block; height:20px; color: #333; font-size: 14px; transition: all .2s linear; overflow:hidden;}
.colTopTxt h4 a:hover { color: #db3027; }
.colTopTxt p { height: 57px; color: #666; line-height:19px; overflow: hidden; }
.colList li a { display:inline-block; height:25px; color: #666; font-size: 13px; line-height: 25px; transition: all .2s linear; overflow:hidden;}
.colList li a:hover { color: #db3027; }
/*友情链接*/
#link { width: 1200px; font-size: 14px; line-height: 22px; margin: 0 auto; padding: 10px 0; border-top: dotted 1px #d3d3d3; border-width: 1px 0; }
#link h3 { float: left; width: 60px; }
#linkCont { color: #999; padding-left: 60px; }
#link a { display: inline-block; color: #666; padding: 0 5px; transition: all .2s linear; }
#link a:hover { color: #db3027; }
#quickNavWrap { background: #fff; }
#quickNav { width: 1200px; margin: 0 auto; padding: 25px 0 40px; border-top: dotted 1px #d3d3d3; zoom: 1; }
#quickNav ul { float: left; width: 155px; }
#quickNav li a { color: #333; font-size: 13px; line-height: 24px; transition: all .2s linear; }
#quickNav li a:hover { color: #db3027; }
#quickNav li strong { display: block;color: #dc362e; font-size: 16px; padding-bottom: 8px; }

#quickNav .wechat{ float:right; width:80px; overflow:hidden;}
#quickNav .wechat h3 { color: #dc362e; font-size: 16px; line-height: 24px; padding-bottom: 8px; }
#quickNav .wechat .txt { color: #666; font-size: 13px; text-align: center; padding-top: 5px; }
#quickNav .wx2{ padding-left:20px;}
/*==================== 页脚部分 ====================*/
#footWrap { background: #151515; }
#foot { width: 1000px; margin: 0 auto; }
#foot a { color: #e5e5e5; }
#fcontact { color: #e5e5e5; line-height: 22px; padding: 40px 0; zoom: 1; }
#fcontact .fl { float: left; padding-left: 60px; background: url(../images/fcontact.gif) 0 0 no-repeat; }
#fcontact .fr { float: left; margin-left: 140px; padding-left: 60px; background: url(../images/fcontact.gif) 0 -66px no-repeat; }
#copyright { height: 60px; color: #e5e5e5; line-height: 60px; border-top: solid 1px #1f1f1f; zoom: 1; }
#copyright .fl { float: left; }
#copyright .fr { float: right; }
#subNav { position: fixed; left: 0; top: 82px; width: 100%; height: 30px; text-align: center; padding: 8px 0; background: #dc362e; z-index: 999; overflow: hidden; }
#subNav a { position: relative; display: inline-block; height: 30px; color: #fff; font-size: 16px; line-height: 30px; padding: 0 25px; }
#subNav a.curr { color: #ff0; text-decoration: none; }
#subNav a.curr b { display:none; position: absolute;/* left:46px;*/ bottom: -8px; display: block; width: 21px; height: 5px; background: url(../images/subNavArrow.gif) }
*html { background-image: url(about:blank); background-attachment: fixed; }/*解决IE6下滚动抖动的问题*/
/*返回顶部*/
/*#gotop { display: none; width: 50px; height: 50px; background: url(../images/gotop.gif) no-repeat; position: fixed; z-index: 9999; right: 20px; cursor: pointer; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
opacity: 0.5; }
#gotop { bottom: 70px; _margin-bottom: 70px; }*/
/*侧栏浮窗*/
.qqkefu { position: fixed; bottom: 40%; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 365));
z-index: 999; right: 0; width: 45px }
.qqkefu ul li { height: 45px; margin-bottom: 1px; float: right; background: #1b1b1d; line-height: 45px; font-size: 14px; cursor: pointer; position: relative }
.qqkefu ul li a { color: #fff; }
.qqkefu ul li a:hover{ text-decoration:none;}
.qqkefu ul li.qq_cza { overflow: hidden }
.qqkefu ul li:hover { background: #c9112c; }
.qqkefu ul li b { width: 45px; height: 45px; display: block; overflow: hidden; float: left }
.qqkefu ul li b.a { background: url(../images/czx4.png) no-repeat center center; }
.qqkefu ul li b.b { background: url(../images/czx3.png) no-repeat center center; }
.qqkefu ul li b.c { background: url(../images/czx5.png) no-repeat center center; }
.qqkefu ul li b.lxb { background: url(../images/phone0.png) no-repeat center center; }
.qqkefu ul li.top{ width:45px; height:45px; background-image:url(../images/gotop.png);}
.erweima { /*width: 390px;*/ height: 150px; position: absolute; top: -107px; left: -265px; background: #FFF; border: 1px solid #CCC; float: right; cursor: default !important; display: none }
.erweima p { line-height: 20px; color: #000; font-size: 12px; text-align: center; float: left; width: 130px; }
.erweima p img { width: 110px; height: 110px; margin: 10px 10px 0px 10px; }
.erweima .arrow3 { width: 5px; height: 10px; display: block; background: url(../images/czx6.png) no-repeat; position: absolute; right: -5px; top: 122px; }
/*浮窗客服列表*/
#qqkefuBg { position: fixed; background-color: #000; z-index: 999; left: 0; top: 0; display: none; width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; }
#qqkefuBox { position: fixed; _position: absolute; left: 50%; bottom: -50%; width: 826px; height: 485px; margin: -244px -413px; background: #fff; border-radius:10px; box-shadow: 0 0 20px rgba(0,0,0,0.5); z-index: 9999 }
/*==================== 内页通用 ====================*/
#main { padding: 158px 0 0 0; }
/*栏目名称*/
.position { width: 1000px; margin: 0 auto; padding-bottom: 20px; border-bottom: solid 1px #e6e6e6; }
.position h2 { height: 50px; }
/*关于猎人*/
.p1 h2 { background: url(../images/p1.gif) no-repeat; }
.p1 h2.cid1 { background-position: 0 0; }
.p1 h2.cid2 { background-position: 0 -50px; }
.p1 h2.cid3 { background-position: 0 -100px; }
.p1 h2.cid4 { background-position: 0 -150px; }
.p1 h2.cid5 { background-position: 0 -200px; }
.p1 h2.cid6 { background-position: 0 -250px; }
/*网站建设*/
.p2 { margin-bottom: 40px; }
.p2 h2 { background: url(../images/p2.gif) no-repeat; }
.p2 h2.cid1 { background-position: 0 0; }
/*我们的服务*/
.p3 { margin-bottom: 40px; }
.p3 h2 { background: url(../images/p3.gif) no-repeat; }
.p3 h2.cid1 { background-position: 0 0; }
.p3 h2.cid2 { background-position: 0 -50px; }
.p3 h2.cid3 { background-position: 0 -100px; }
.p3 h2.cid4 { background-position: 0 -150px; }
.p3 h2.cid5 { background-position: 0 -200px; }
.p3 h2.cid6 { background-position: 0 -250px; }
/*成功案例*/
.p4 { margin-bottom: 30px; }
.p4 h2 { background: url(../images/p4.gif) no-repeat; }
.p4 h2.cid15 { background-position: 0 0; }
.p4 h2.cid16 { background-position: 0 -50px; }
.p4 h2.cid17 { background-position: 0 -100px; }
.p4 h2.cid18 { background-position: 0 -150px; }
.p4 h2.cid19 { background-position: 0 -200px; }
.p4 h2.cid20 { background-position: 0 -250px; }



/*
==============================
关于猎人页面 about.html
==============================
*/


/*内容*/
#content { }
#aboutTxt { width: 800px; color: #666; font-size: 14px; line-height: 25px; margin: 0 auto; padding: 20px 0 0 0; }
#aboutTxt p { text-align: center; padding-bottom: 15px; }
/*上下篇*/
.r_button { width: 282px; overflow: hidden; zoom: 1; }
.r_button a { color: #666; font-size:14px; }
.rb_prev { height: 23px; width: 89px; float: left; }
.rb_prev a { display: block; width: 60px; padding: 0 5px 0 24px; height: 23px; line-height: 23px; background: url(../images/news_rbtn.gif) 0 -1px no-repeat; }
.rb_prev a:hover, .rb_prev a.hover { color: #e6002e; background: url(../images/news_rbtn.gif) 0 -36px no-repeat; }
.rb_reback { width: 95px; height: 23px; float: left; }
.rb_reback a { width: 60px; padding: 0 5px 0 24px; height: 23px; line-height: 23px; display: block; background: url(../images/news_rbtn.gif) 0 -80px no-repeat; }
.rb_reback a:hover, .rb_reback a.hover { color: #e6002e; background: url(../images/news_rbtn.gif) 0 -110px no-repeat; }
.rb_next { float: left; width: 89px; height: 23px; }
.rb_next a { width: 60px; padding: 0 5px 0 24px; height: 23px; line-height: 23px; display: block; background: url(../images/news_rbtn.gif) 0 -155px no-repeat; }
.rb_next a:hover, .rb_next a.hover { color: #e6002e; background: url(../images/news_rbtn.gif) 0 -185px no-repeat; }

/*焦点图*/
#aFocus { height: 340px; margin: 25px 0 40px; background: #e5e5e5; overflow: hidden; }
#focus2 { height: 340px; position: absolute; width: 1920px; z-index: 99; left: 50%; margin-left: -960px; }
#focus2 ul { height: 350px; position: absolute; }
#focus2 ul li { float: left; width: 640px; height: 340px; position: relative; background: #fff; }
#focus2 ul li div { position: absolute; }
#focus2 .preNext { width: 50px; height: 100px; position: absolute; top: 120px; cursor: pointer; }
#focus2 .pre { left: 590px; background: url(../images/afocusArrow.gif) 0 0 no-repeat; opacity: 0.5; filter: alpha(opacity=50); transition: all .5s ease; }
#focus2 .pre:hover { opacity: 0.7; filter: alpha(opacity=70); }
#focus2 .next { right: 590px; background: url(../images/afocusArrow.gif) -50px 0 no-repeat; opacity: 0.5; filter: alpha(opacity=50); transition: all .5s ease; }
#focus2 .next:hover { opacity: 0.7; filter: alpha(opacity=70); }
/*服务优势*/
#aService { width: 1000px; margin: 0 auto; padding-bottom: 100px; }
#aService .desc { color: #666; font-size: 14px; padding: 30px 0 6px; }
#aService .list ul:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#aService .list h4 { color: #dc362e; font-size: 18px; padding: 14px 0 8px; }
#aService .list p { color: #666; font-size: 13px; line-height: 24px; }
#aService .list { width: 1050px; overflow: hidden; }
#aService .list ul { padding: 24px 0 0 0; zoom: 1; }
#aService .list li { float: left; width: 300px; padding-right: 50px; }
/*企业文化*/
#aCulture { width: 1000px; font-size: 14px; margin: 0 auto; padding: 0 0 85px; }
#aCulture p { color: #999; padding-bottom: 20px; }
#aCulture p.img { text-align: center; padding: 40px 0 70px; }
#aCulture strong { display: block; color: #de3530; font-size: 16px; padding-bottom: 5px; }
/*人才招聘*/
#aRecruitment { width: 1000px; color: #666; font-size: 14px; line-height: 25px; margin: 0 auto; padding: 0 0 80px; }
/*#aRecruitment p{ color:#666; padding-bottom:20px;}
#aRecruitment p.tips{ color:#333; font-size:14px; font-weight:bold; text-align:center;}
#aRecruitment strong{ display:block; color:#de3530; font-size:16px;}*/
#aRecruitment p.tips { color: #333; font-size: 14px; font-weight: bold; text-align: center; }
#aRecruitment ul { padding-top: 20px; }
#aRecruitment li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: dotted 1px #ccc; overflow: auto; zoom: 1; }
#aRecruitment .jlThumb { float: left; }
#aRecruitment .jlText { color: #888; line-height: 26px; padding-left: 105px; }
#aRecruitment .jlText h2 { color: #de3530; font-size: 18px; font-weight: normal; font-family: "Microsoft Yahei"; line-height: 30px; }
#aRecruitment .go { padding-top: 10px; }
#aRecruitment .go a { display: inline-block; color: #fff; line-height: 28px; padding: 0 15px; background: #1f2228; transition: all .5s linear; }
#aRecruitment .go a:hover { color: #fff; text-decoration: none; background: #de3530; }
/*招聘提示浮窗*/
#jobBg { position: fixed; background-color: #000; z-index: 999; left: 0; top: 0; display: none; width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; }
#jobBox { position: fixed; _position: absolute; left: 50%; bottom: -50%; width: 800px; height: 200px; margin: -100px -400px; background: #fff; border-radius:10px; box-shadow: 0 0 20px rgba(0,0,0,0.5); z-index: 9999 }
#jobBox p{ font-size:16px; line-height:25px; text-align:center;}
/*付款方式*/
#aPayment { width: 1000px; margin: 0 auto; padding-bottom: 80px; }
#aPayment tr, #aPayment td { border: solid 1px #e0e0e0; }
#aPayment tr.tit { color: #666; line-height: 30px; font-size: 14px; text-align: center; background: #ebebeb; }
#aPayment td.pic { width: 240px; text-align: center; }
#aPayment td.pic img { border: solid 1px #ccc; }
#aPayment td p { color: #666; font-size: 14px; line-height: 25px; padding: 15px 20px; }
#aPayment .tips { color: #666; font-size: 14px; line-height: 24px; padding: 20px 0 0 40px; }
#aPayment .tips strong { color: #dc362e; }
/*联系我们*/
#aContact { width: 1000px; margin: 0 auto; padding-bottom: 80px; }
#aContact .box:after, #aContact .form:after, #booking .form p:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#aContact .box { padding: 40px 0; zoom: 1; }
#aContact .box .pic { float: left; }
#aContact .box .txt { color: #666; font-size: 14px; line-height: 30px; padding-left: 480px; }
#aContact .box .txt h2 { font-size: 18px; font-weight: normal; }
#booking h2 { color: #666; font-size: 16px; line-height: 25px; font-weight: normal; padding-bottom: 20px; }
#booking h2 strong { display: block; font-size: 20px; font-weight: normal; }
#booking .f1 { float: left; width: 300px; }
#booking .f2 { float: left; width: 400px; padding-left: 20px; }
#booking .f3 { float: right; width: 250px; }
#booking .f3 p { color: #999; line-height: 25px; padding: 15px 0 15px 18px; border: solid 1px #e0e0e0; }
#booking .f3 p span, #booking .f3 p a { color: #e93828; }
#booking .form p { padding-bottom: 10px; zoom: 1; }
#booking .form input { float: left; width: 298px; height: 38px; color: #888; font-size: 16px; font-family: Microsoft Yahei; text-indent: 10px; border: solid 1px #ccc; }
#booking .form textarea { float: left; width: 400px; height: 93px; color: #888; font-size: 16px; font-family: Microsoft Yahei; text-indent: 10px; padding:5px 0 0 0; border: solid 1px #ccc; overflow: hidden; }
#booking .form .f2 input { width: 400px; }
#booking .form p.code { position: relative; }
#booking .form p.code input { width: 273px; }
#booking .form p.code span { position: absolute; top: 0; right: -2px; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #e5e5e5; }
#booking .form p.save input { width: 140px; height: 40px; color: #fff; font-size: 16px; border: 0; background: #333; cursor: pointer; }
/*
==============================
网站建设页面 web.html
==============================
*/
/*网站建设*/
#web { width: 1000px; margin: 0 auto; }
#aWeb-1:after, #aWeb-1 .list:after, #aWeb-1 .lan:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#aWeb-1 { padding: 0px 0 80px; zoom: 1; }
#aWeb-1 .pic { float: left; width: 520px; }
#aWeb-1 .txt { float: right; width: 440px; }
#aWeb-1 .txt h2 { color: #dc362e; font-size: 36px; line-height: 36px; font-weight: normal; padding-bottom: 26px; }
#aWeb-1 .txt p { color: #999; font-size: 18px; line-height: 25px; }
#aWeb-1 .list { padding: 20px 0 32px; zoom: 1; }
#aWeb-1 .list li { float: left; width: 209px; color: #666; font-size: 16px; line-height: 30px; padding-left: 11px; background: url(../images/icon1.gif) left center no-repeat; }
#aWeb-1 .lan { padding-bottom: 30px; zoom: 1; }
#aWeb-1 .lan li { float: left; padding-right: 25px; }
#aWeb-1 .talk a { display: inline-block; width: 130px; height: 40px; color: #fff; line-height: 40px; text-align: center; background: #dc362e; }
/*企业官方网站*/
#aWeb-2:after, #aWeb-2 .list:after, #aWeb-2 .lan:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#aWeb-2 { margin-bottom: 40px; zoom: 1; }
#aWeb-2 .pic { float: right; width: 520px; }
#aWeb-2 .txt { float: left; width: 440px; }
#aWeb-2 .txt h2 { color: #dc362e; font-size: 36px; line-height: 36px; font-weight: normal; padding-bottom: 26px; }
#aWeb-2 .txt p { color: #999; font-size: 18px; line-height: 25px; }
#aWeb-2 .list { padding: 20px 0 32px; zoom: 1; }
#aWeb-2 .list li { float: left; width: 209px; color: #666; font-size: 16px; line-height: 30px; padding-left: 11px; background: url(../images/icon1.gif) left center no-repeat; }
#aWeb-2 .lan { padding-bottom: 30px; zoom: 1; }
#aWeb-2 .lan li { float: left; padding-right: 25px; }
#aWeb-2 .talk a { display: inline-block; width: 130px; height: 40px; color: #fff; line-height: 40px; text-align: center; background: #dc362e; }
/*品牌形象网站*/
#aWeb-3:after, #aWeb-3 .list:after, #aWeb-3 .lan:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#aWeb-3 { margin-bottom: 40px; zoom: 1; }
#aWeb-3 .pic { float: left; width: 520px; }
#aWeb-3 .txt { float: right; width: 440px; }
#aWeb-3 .txt h2 { color: #dc362e; font-size: 36px; line-height: 36px; font-weight: normal; padding-bottom: 26px; }
#aWeb-3 .txt p { color: #999; font-size: 18px; line-height: 25px; }
#aWeb-3 .list { padding: 20px 0 32px; zoom: 1; }
#aWeb-3 .list li { float: left; width: 209px; color: #666; font-size: 16px; line-height: 30px; padding-left: 11px; background: url(../images/icon1.gif) left center no-repeat; }
#aWeb-3 .lan { padding-bottom: 30px; zoom: 1; }
#aWeb-3 .lan li { float: left; padding-right: 25px; }
#aWeb-3 .talk a { display: inline-block; width: 130px; height: 40px; color: #fff; line-height: 40px; text-align: center; background: #dc362e; }
/*购物商城网站*/
#aWeb-4:after, #aWeb-4 .list:after, #aWeb-4 .lan:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#aWeb-4 { margin-bottom: 40px; zoom: 1; }
#aWeb-4 .pic { float: right; width: 520px; }
#aWeb-4 .txt { float: left; width: 440px; }
#aWeb-4 .txt h2 { color: #dc362e; font-size: 36px; line-height: 36px; font-weight: normal; padding-bottom: 26px; }
#aWeb-4 .txt p { color: #999; font-size: 18px; line-height: 25px; }
#aWeb-4 .list { padding: 20px 0 32px; zoom: 1; }
#aWeb-4 .list li { float: left; width: 209px; color: #666; font-size: 16px; line-height: 30px; padding-left: 11px; background: url(../images/icon1.gif) left center no-repeat; }
#aWeb-4 .lan { padding-bottom: 30px; zoom: 1; }
#aWeb-4 .lan li { float: left; padding-right: 25px; }
#aWeb-4 .talk a { display: inline-block; width: 130px; height: 40px; color: #fff; line-height: 40px; text-align: center; background: #dc362e; }
/*移动终端应用*/
#aWeb-5:after, #aWeb-5 .list:after, #aWeb-5 .lan:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#aWeb-5 { margin-bottom: 40px; zoom: 1; }
#aWeb-5 .pic { float: left; width: 520px; }
#aWeb-5 .txt { float: right; width: 440px; }
#aWeb-5 .txt h2 { color: #dc362e; font-size: 36px; line-height: 36px; font-weight: normal; padding-bottom: 26px; }
#aWeb-5 .txt p { color: #999; font-size: 18px; line-height: 25px; }
#aWeb-5 .list { padding: 20px 0 32px; zoom: 1; }
#aWeb-5 .list li { float: left; width: 209px; color: #666; font-size: 16px; line-height: 30px; padding-left: 11px; background: url(../images/icon1.gif) left center no-repeat; }
#aWeb-5 .lan { padding-bottom: 30px; zoom: 1; }
#aWeb-5 .lan li { float: left; padding-right: 25px; }
#aWeb-5 .talk a { display: inline-block; width: 130px; height: 40px; color: #fff; line-height: 40px; text-align: center; background: #dc362e; }
/*
==============================
我们的服务页面 service.html
==============================
*/
/*网站建设*/
#aService-1 ul:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#aService-1 { width: 1000px; margin: 0 auto; padding-bottom: 100px; }
#aService-1 .list { width: 1000px; overflow: hidden; }
#aService-1 ul { width: 1120px; padding: 40px 0 0 40px; zoom: 1; }
#aService-1 li { float: left; width: 410px; padding-right: 120px; }
#aService-1 .pic { float: left; width: 60px; }
#aService-1 .txt { float: right; width: 330px; }
#aService-1 .txt h2 { font-size: 24px; font-weight: normal; padding-bottom: 16px; }
#aService-1 .txt h2 a { color: #4c4c4c; }
#aService-1 .txt p { color: #808080; font-size: 14px; line-height: 24px; }
/*平面设计*/
#aService-2 ul:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#aService-2 { width: 1000px; margin: 0 auto; padding-bottom: 100px; }
#aService-2 .list { width: 1000px; overflow: hidden; }
#aService-2 ul { width: 1120px; padding: 40px 0 0 40px; zoom: 1; }
#aService-2 li { float: left; width: 410px; padding-right: 120px; }
#aService-2 .pic { float: left; width: 60px; }
#aService-2 .txt { float: right; width: 330px; }
#aService-2 .txt h2 { font-size: 24px; font-weight: normal; padding-bottom: 16px; }
#aService-2 .txt h2 a { color: #4c4c4c; }
#aService-2 .txt p { color: #808080; font-size: 14px; line-height: 24px; }
/*微信营销*/
#aService-3 ul:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#aService-3 { width: 1000px; margin: 0 auto; padding-bottom: 100px; }
#aService-3 .list { width: 1000px; overflow: hidden; }
#aService-3 ul { width: 1120px; padding: 40px 0 0 40px; zoom: 1; }
#aService-3 li { float: left; width: 410px; padding-right: 120px; }
#aService-3 .pic { float: left; width: 60px; }
#aService-3 .txt { float: right; width: 330px; }
#aService-3 .txt h2 { font-size: 24px; font-weight: normal; padding-bottom: 16px; }
#aService-3 .txt h2 a { color: #4c4c4c; }
#aService-3 .txt p { color: #808080; font-size: 14px; line-height: 24px; }
/*广告策划*/
#aService-4 ul:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#aService-4 { width: 1000px; margin: 0 auto; padding-bottom: 100px; }
#aService-4 .list { width: 1000px; overflow: hidden; }
#aService-4 ul { width: 1120px; padding: 40px 0 0 40px; zoom: 1; }
#aService-4 li { float: left; width: 410px; padding-right: 120px; }
#aService-4 .pic { float: left; width: 60px; }
#aService-4 .txt { float: right; width: 330px; }
#aService-4 .txt h2 { font-size: 24px; font-weight: normal; padding-bottom: 16px; }
#aService-4 .txt h2 a { color: #4c4c4c; }
#aService-4 .txt p { color: #808080; font-size: 14px; line-height: 24px; }
/*基础业务*/
#aService-5 ul:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#aService-5 { width: 1000px; margin: 0 auto; padding-bottom: 100px; }
#aService-5 .list { width: 1000px; overflow: hidden; }
#aService-5 ul { width: 1120px; padding: 40px 0 0 40px; zoom: 1; }
#aService-5 li { float: left; width: 410px; padding-right: 120px; }
#aService-5 .pic { float: left; width: 60px; }
#aService-5 .txt { float: right; width: 330px; }
#aService-5 .txt h2 { font-size: 24px; font-weight: normal; padding-bottom: 16px; }
#aService-5 .txt h2 a { color: #4c4c4c; }
#aService-5 .txt p { color: #808080; font-size: 14px; line-height: 24px; }
/*案例列表*/
.caseBody { background: #f2f2f2; }
#caseList { width: 1200px; margin: 0 auto; padding: 0 0 80px 0px; }
#caseList h3 { font-size: 20px; font-weight: normal; padding-bottom: 20px; }
#caseList ul:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#caseList ul { width:1280px; padding-bottom: 20px;}
#caseList li { float: left; width: 386px; margin: 0 20px 20px 0; box-shadow: 0 0 10px rgba(0,0,0,.1); background: #fff; }
#caseList .pic { position: relative; width: 386px; height: 240px; overflow: hidden; }
#caseList .pic .bg { position: absolute; left: 0; top: 0; display: none; width: 386px; height: 240px; background:rgba(220,54,46,.6) url(../images/caseView.png) center center no-repeat; background: #dc362e\9 url(../images/caseView.png) center center no-repeat; filter: alpha(opacity=60); overflow: hidden; _zoom: 1; z-index: 2; }
#caseList .pic p { position: absolute; /*display:none;*/ width:0; height:0; background: url(../images/caseBg.png) repeat; overflow: hidden; _zoom: 1; z-index:2; }
#caseList .pic .cornerTL{left:0;top:0;}
#caseList .pic .cornerTR{right:0;top:0;}
#caseList .pic .cornerBL{left:0;bottom:0;}
#caseList .pic .cornerBR{right:0;bottom:0;}
#caseList h4 { height: 40px; line-height: 40px; font-weight: normal; margin: 0 20px; border-bottom: solid 1px #e6e6e6; overflow: hidden; }
#caseList h4 a { color: #4c4c4c; font-size: 16px; text-decoration: none; transition: all .2s linear; }
#caseList h4 a:hover { color: #db3027; text-decoration: none; }
#caseList p.desc { height: 60px; color: #666; padding: 11px 20px 0; overflow: hidden; }
#caseList p.more { font-size: 14px; text-align: right; padding: 5px 20px 20px; }
#caseList p.more a { color: #666; transition: all .2s linear; }
#caseList p.more a:hover { color: #db3027; text-decoration: none; }
#caseList div.more { font-size: 17px; text-align: center; padding: 20px 0 0; }
#caseList li a { text-decoration: none; transition: all .2s linear; }
#caseList li a:hover { color: #db3027; text-decoration: underline; }

#caseList2 { width: 1200px; margin: 0 auto; padding: 0 0 80px 0px; }
#caseList2 h3 { font-size: 20px; font-weight: normal; padding-bottom: 20px; }
#caseList2 ul:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#caseList2 ul { width:1280px; padding-bottom: 20px; zoom: 1; }
#caseList2 li { float: left; width: 285px; margin: 0 20px 20px 0; box-shadow: 0 0 10px rgba(0,0,0,.1); background: #fff; }
#caseList2 .pic { position: relative; width: 285px; height:285px; overflow: hidden; }
#caseList2 .pic .bg { position: absolute; left: 0; top: 0; display: none; width: 201px; height:201px; padding:42px; background:rgba(220,54,46,.6) url(../images/caseView2.png) center center no-repeat; background: #dc362e\9 url(../images/caseView.png) center center no-repeat; filter: alpha(opacity=60); overflow: hidden; _zoom: 1; z-index: 2; }
#caseList2 .pic .bg img{ border:0;}
#caseList2 .pic p { position: absolute; /*display:none;*/ width:0; height:0; background: url(../images/caseBg.png) repeat; overflow: hidden; _zoom: 1; z-index:2; }
#caseList2 .pic .cornerTL{left:0;top:0;}
#caseList2 .pic .cornerTR{right:0;top:0;}
#caseList2 .pic .cornerBL{left:0;bottom:0;}
#caseList2 .pic .cornerBR{right:0;bottom:0;}
#caseList2 h4 { height: 40px; line-height: 40px; font-weight: normal; margin: 0 20px; border-bottom: solid 1px #e6e6e6; overflow: hidden; }
#caseList2 h4 a { color: #4c4c4c; font-size: 16px; text-decoration: none; transition: all .2s linear; }
#caseList2 h4 a:hover { color: #db3027; text-decoration: none; }
#caseList2 p.desc { height: 60px; color: #666; padding: 11px 20px 0; overflow: hidden; }
#caseList2 p.more { font-size: 14px; text-align: right; padding: 5px 20px 20px; }
#caseList2 p.more a { color: #666; transition: all .2s linear; }
#caseList2 p.more a:hover { color: #db3027; text-decoration: none; }
#caseList2 div.more { font-size: 17px; text-align: center; padding: 20px 0 0; }
#caseList2 li a { text-decoration: none; transition: all .2s linear; }
#caseList2 li a:hover { color: #db3027; text-decoration: underline; }
/*当前*/
/*#caseList li.bg { background: #db3027; transition: all .5s linear;}
#caseList li.bg h4 { border-bottom: solid 1px #e25952; transition: all .5s linear; }
#caseList li.bg h4 a { color: #fff; }
#caseList li.bg p.desc { color: #f4c0be; transition: all .3s linear; }
#caseList li.bg .more a { color: #fff; }*/
/*案例内容*/
.caseShowBody { background: #ededed; }
#caseShow:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
#caseShow { position: relative; width: 1200px; margin: 0 auto; padding-bottom: 100px; zoom: 1; }
#caseShow #cont { float: left; width: 840px; min-height:600px; color:#333; font-size:14px; line-height:25px; padding:30px 40px 50px; background: #fff; overflow: hidden; }
#caseShow #cont img { max-width: 840px; }
#caseShow #cont p,#caseShow #cont div{ margin-bottom:20px;}
#caseShow .info { float: right; width: 220px; padding: 20px 20px 100px; background: #fff; overflow: hidden; }
#caseShow .info h1 { color: #000; font-size: 18px; font-weight: normal; padding-bottom: 18px; border-bottom: solid 2px #db3027; }
#caseShow .info .desc { color: #666; padding: 12px 0; }
#caseShow .info .meta { color: #666; }
#caseShow .info .meta .url{ color:#dc362e; text-decoration:underline;}
#caseShow .info .meta .url:hover{ color:#f00; text-decoration:none;}
.share{ height:20px; padding:10px 0 0 0; overflow:hidden;}
.share .bdshare-button-style0-16 .bds_t{ text-decoration:none; background:none;}
.share .bdshare-button-style0-16 .bds_more{height: 20px;padding: 0 0 0 20px;margin:0 5px 0 0;background: url(../images/share.gif) 0 0 no-repeat !important;overflow: hidden;}
.share .bdshare-button-style0-16 .bds_qzone{height: 20px;padding: 0 0 0 20px;margin:0 5px 0 0;background: url(../images/share.gif) -20px 0 no-repeat !important;overflow: hidden;}
.share .bdshare-button-style0-16 .bds_tsina{height: 20px;padding: 0 0 0 20px;margin:0 5px 0 0;background: url(../images/share.gif) -40px 0 no-repeat !important;overflow: hidden;}
.share .bdshare-button-style0-16 .bds_tqq{height: 20px;padding: 0 0 0 20px;margin:0 5px 0 0;background: url(../images/share.gif) -60px 0 no-repeat !important;overflow: hidden;}
/*资讯列表*/
#newsList{ width:1000px; margin:0 auto;padding: 0 0 80px 20px;}
#newsList ul{ padding-bottom:30px;}
#newsList li{ height:100px; border-bottom:solid 1px #e5e5e5; overflow:hidden;}
#newsList .date{ float:left; width:120px; height:40px; color:#999; text-align:center; border-right:solid 1px #ccc; margin:27px 0 27px;}
#newsList .date b{ display:block; font-size:27px; font-weight:normal; padding-bottom:6px;}
#newsList .date span{ display:block; font-size:15px;}
#newsList .desc{ padding-left:150px;}
#newsList .desc h4{ font-size:16px; padding:20px 0 5px 0;}
#newsList .desc p{ height:40px; color:#888; padding-right:25px; overflow:hidden;}
#newsList li a{ display:block; height:100px; color:#666;}
#newsList li a:hover{ color:#fff; text-decoration:none; background:#dc362e;}
#newsList li a:hover .date{ color:#fff;}
#newsList li a:hover .desc p{ color:#f4c2c0;}
/*资讯内容*/
.c_txt { width:720px; min-height:400px; color: #333; font-size: 14px; line-height: 200%; font-family: "Microsoft Yahei"; padding:20px 20px 50px; }
.c_txt h2 { font-size: 18px; font-weight: bold; }


/*资讯内容*/
#newsMain{ padding: 128px 0 0 0; }
#newsShow{ width: 1000px; margin: 0 auto; padding-bottom: 100px;}
#newsContent{ background:#fff;}
#newsBox { position:relative; padding:0 30px;}
#newsBox .title{ color:#000; font-size:20px; padding:40px 0 8px;}
#newsText{ padding:30px 30px;}
#newsText{color: #333; font-size: 16px; line-height:28px;}
#newsText img{ max-width:940px;}
#newsText div,#newsText p{ margin-bottom:20px;}
#newsText strong{ font-weight:bold;}

/*合作品牌列表*/
#cdList{width:1200px; margin:0 auto;padding: 0 0 20px 0;}
#cdList ul { width: 1280px; overflow: hidden; zoom: 1; }
#cdList li { float: left; margin: 0 9px 9px 0; }
#cdList li a { position: relative; display: block; width: 190px; height: 100px; text-decoration: none; border: solid 1px #e0e0e0; overflow: hidden; }
#cdList li p.t { position: absolute; left: 0; top: 0; display: none; width: 190px; height: 100px; color: #fff; font-size: 14px; line-height: 100px; text-align: center; z-index: 3; cursor: pointer; }
#cdList li .bg { position: absolute; left: 0; top: 0; display: none; width: 190px; height: 100px; background: rgba(220,54,46,.9); background: #dc362e\9; filter: alpha(opacity=90); overflow: hidden; _zoom: 1; z-index: 2; }
#cdList li img { position: absolute; }
/*列表分页*/
.pageNavi { text-align: center; }
.pageNavi span, .pageNavi b, .pageNavi a { display: inline-block; color: #999; font-size: 12px; font-weight: normal; line-height: 32px; text-decoration: none; margin: 0 4px; padding: 0 14px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05); }
.pageNavi span { color: #ccc; }
.pageNavi b { color: #fff; background: #1f2229; }
.pageNavi a { transition: all 0.2s linear; }
.pageNavi a:hover { color: #fff; background: #e6002e; }
.npn span, .npn b, .npn a{ background:#fff; background:#eee;}
.npn b{ color: #fff; background: #1f2229; }

/*内容分页*/
.pages { text-align: center; }
.pages span, .pages b, .pages a { display: inline-block; color: #555; font-size: 12px; font-weight: normal; line-height: 28px; text-decoration: none; margin: 0 2px; padding: 0 12px; border: solid 1px #ccc; }
.pages span { color: #666; border: solid 1px #ccc; }
.pages b { color: #fff; background: #e6002e; }
.pages a:hover { color: #fff; background: #e6002e; }