@charset "utf-8";
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0; }
fieldset, img { border: 0; }
img { vertical-align: middle; }
ol, ul, li { list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; }
button, input, select, textarea { font-size: 13px; font-family: inherit; margin: 0; outline: none; resize: none; border: none; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom: 1; }
html { verflow: -Scroll; overflow-x: hidden; zoom: 1; overflow-y: scroll; overflow: -moz-scrollbars-vertical; }
body { color: #666; font-size: 12px; line-height: 24px; font-family: "微软雅黑","宋体", Arial, Helvetica, sans-serif; }
a { color: #666; text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); transition: all 0.3s; }
a:hover { color: #b11d27; text-decoration: none; }
:focus { outline: none; }

/* CSS活动的公共样式 */
.fl { float: left; }
.fr { float: right; }
.container { width: 1280px; margin: 0 auto; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb25 { margin-bottom: 25px; }
.ce { text-align: center; }
.hide { overflow: hidden; }
.erp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.red-color { color: #dc0015;font-size:30px; }
.tline { background: url(../images/line02.png) no-repeat top 25px center; }
.floor { overflow: hidden; }

/* 头部  */
.topBar { line-height: 45px; height: 45px; /* background:#3e3e3e;color:#cdcdcd; */ border-bottom: 1px dotted #ccc; }
.topRight { height: 45px; line-height: 45px; }
.topRight a { display: inline-block; padding: 0 15px; }
.topRight a i { display: block; width: 25px; height: 25px; }
.topRight i.icon_wx { background: url(../images/icon_wx.png) no-repeat center; }
.topRight a:nth-child(2) i { background-position: -20px 0; }
.topRight a:nth-child(3) i { background-position: -40px 0; }
.topRight .t1 { background: #df2128; padding: 0 25px; }
.topRight .wx { position: relative; z-index: 22; margin: 10px 0; display: block; float: right; }
.topRight .wx span { position: absolute; top: 34px; left: -150px; width: 340px; background: #ececec; padding: 5px; display: none; z-index: 200; }
.topRight .wx span::before { position: absolute; content: ""; top: -12px; left: 170px; border: 6px solid transparent; border-bottom-color: #ccc; }
.topRight .wx img { width: 100px; height: 100px; margin: 0 5px; }
.dh { display: block; float: left; margin-left: 20px; font-size: 14px; color: #666; line-height: 45px; padding-left: 30px; background: url(../images/icon_phone.png) no-repeat left center; }
.header { padding-top: 15px; height: 90px; position: relative; z-index: 20; }
.header .logo { margin-right: 20px; }
.logo-text { font-size: 14px; color: #666; padding-left: 20px; line-height: 22px; margin-top: 15px; border-left: 1px dotted #c9c9c9; }
.t_phone { margin-left: 40px; padding-left: 65px; margin-top: 15px; position: relative; z-index: 20; }
.t_phone .phone { font-size: 14px; color: #000; }
.t_phone .phone span { display: block; color: #999; }
.t_phone .box { position: absolute; background: #fff; top: 60px; border-radius: 0 0 5px 5px; box-shadow: 0 0 6px #ccc; padding: 10px 25px; width: 140px; right: 0px; display: none; }
.t_phone .box:before { position: absolute; content: ""; top: -16px; left: 90px; border: 8px solid transparent; border-bottom-color: #ddd; }
.t_phone .box p { border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 5px; line-height: 20px; }
.t_phone .box p span { font-size: 16px; color: #a51c25; font-family: Arial; display: block; }
.icon_top1 { background: url('../images/icon_top01.png') no-repeat left center; }
.icon_top2 { background: url('../images/icon_top02.png') no-repeat left center; }
.icon_top3 { background: url('../images/icon_top03.png') no-repeat left center; }


/* 主导航  */
.navbh { height: 60px; position: relative; }
.nav { position: absolute; left: 0; width: 100%; height: 60px; line-height: 60px; font-size: 16px; background: #272727; margin-bottom: 0px; overflow: hidden; z-index: 101; }
.navMain { border-left: 1px solid #89040d; }
.nav li { float: left; width: 137px; text-align: center; position: relative; z-index: 15; }
.nav li::after { position: absolute; right: 0; top: 50%; width: 2px; height: 12px; margin-top: -6px; display: block; content: ""; background: #3f3f3f; }
.nav li a { color: #fff; display: block; transition: all 0.3s; margin: 0 10px; }
.nav li.m7::after { display: none; }
.nav li.last { width: 180px; float: right; }
.nav li.last::after { display: none; }
.nav li.last a { border: 1px solid #686868; padding: 0 25px 0 50px; background: url(../images/icon_dz.png) no-repeat left 20px center; margin: 10px 0; line-height: 40px; border-radius: 20px; }
.nav li.current a, .nav li:hover > a { background: #dc0039; color: #fff; }
.nav li.last:hover a { background: #dc0039 url(../images/icon_dz.png) no-repeat left 20px center; }
.nav.nav-fixed { position: fixed; top: 0; box-shadow: 0 0 3px #888; }

/*  广告轮播图 */
.banner { margin: 0 auto; position: relative; width: 100%; height: 670px; overflow: hidden; }
.banner .bd { height: 670px; z-index: 0; position: relative; left: 50%; margin-left: -960px; }
.banner_ctr { height: 90px; position: absolute; width: 100%; top: 45%; z-index: 2; left: 0; }
.banner_ctr a { display: block; width: 40px; height: 40px; background: url('../images/ctrl.png') no-repeat 0 0; position: absolute; opacity: 0; filter: alpha(opacity=0); }
.banner_ctr a.prev { left: -100px; }
.banner_ctr a.next { right: -100px; background-position: -40px 0px; }
.banner_ctr a:hover { opacity: 1; filter: alpha(opacity=100); }
.banner .hd { position: absolute; bottom: 20px; text-align: center; z-index: 5; left: 50%; font-size: 0; line-height: 0; height: 0px; margin-left: -50px; height: 12px; overflow: hidden; }
.banner .hd li { background: #fff; z-index: 2; cursor: pointer; margin-right: 6px; display: inline-block; width: 8px; height: 8px; *display: inline; zoom: 1; border-radius: 100%; border: 2px solid #fff; }
.banner .hd li:hover, .banner .hd .on { background: none; }
.odds { padding: 60px 0; overflow: hidden; }

/*  致力于企业广告制作和传播 */
.thinking { background: #f4f4f4 url(../images/bg01.jpg) no-repeat bottom center; padding: 30px 0 80px; overflow: hidden; }
.thinking .title { background: url(../images/line01.png) no-repeat top 70px center; font-size: 36px; color: #333; font-weight: normal; text-align: center; line-height: 46px; margin-bottom: 30px; }
.thinking .title abbr { font-size: 20px; display: block; }
.thinking .title span { font-size: 14px; font-family: Arial; display: block; }
.thinking ul { margin-right: -20px; }
.thinking li { float: left; width: 310px; background: #fff; transition: all 0.3s; text-align: center; font-size: 18px; color: #333; margin-right: 15px; }
.thinking li .box { display: block; padding-bottom: 30px; }
.thinking li .box .pic { overflow: hidden; }
.thinking li .box img { transition: all 0.3s; }
.thinking li .box h4 { font-size: 20px; color: #1d1c1c; line-height: 40px; margin: 20px auto 10px; }
.thinking li .box p { font-size: 14px; color: #666; line-height: 20px; padding: 0 10px; height: 40px; }
.thinking li:hover { background: #db0a23; color: #fff; }
.thinking li:hover h4 { color: #fff; }
.thinking li:hover p { color: #fff; }
.thinking li:hover img { transform: scale(1.1,1.1); }

/* 经典案例 */
.case { background: #fff; padding: 60px 0; overflow: hidden; }
.hTitle { font-size: 32px; color: #000; text-align: center; line-height: 34px; text-transform: uppercase; margin-bottom: 35px; }
.hTitle span { display: block; margin-top: 5px; font-size: 16px; color: #999; font-family: Arial; font-weight: normal; }
.case .hTitle { color: #db0a23; }
.caseMenu { font-size: 22px; height: 85px; margin-bottom: 30px; }
.caseMenu li { float: left; width: 251px; margin-left: 5px; text-align: center; font-weight: bold; }
.caseMenu li a { display: block; border: 1px solid #c3c3c3; height: 85px; line-height: 85px; border-radius: 3px; transition: all 0.3s; background: #fafafa; color: #000; }
.caseMenu li.on a, .caseMenu li a:hover { background: #db0a23; color: #fff; border: 1px solid #db0a23; }
.caseMain { height: 740px; overflow: hidden; position: relative; }
.caseBox li { float: left; width: 312px; height: 239px; overflow: hidden; border-radius: 3px; position: relative; margin: 0 10px 10px 0; line-height: 20px; }
.caseBox li img { width: 312px; height: 239px; transition: all 0.3s; }
.caseBox li div { height: 40px; transition: all 0.4s; overflow: hidden; background: rgba(0, 0, 0, .8); padding: 0 20px; color: #fff; position: absolute; bottom: 0; width: 272px; }
.caseBox li h4 { height: 40px; line-height: 40px; font-size: 14px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.caseBox li p { opacity: 0.6; }
.caseBox li p span { float: right; }
.caseBox li:hover div { height: 200px; padding-top: 40px; }
.caseBox li.c2, .caseBox li.c4 { margin-right: 0; float: right; margin-left: 500px; }
.caseBox li.c8 { float: right; margin-right: 0; }
.caseBox li:hover img, .caseSlide .hd li:hover img, .renderings_main li:hover img { transform: scale(1.1,1.1); }
.caseSlide { position: absolute; left: 323px; width: 634px; height: 487px; overflow: hidden; }
.caseSlide .bd { width: 634px; height: 487px; overflow: hidden; }
.caseSlide .bd li { width: 634px; height: 487px; overflow: hidden; position: relative; }
.caseSlide .bd li img { width: 634px; height: 487px; transition: all 0.5s; }
.caseSlide .bd li div { overflow: hidden; background: rgba(0, 0, 0, .8); padding: 0 124px 10px 20px; color: #fff; position: absolute; bottom: 0; width: 490px; }
.caseSlide .bd li div span { margin-left: 40px; }
.caseSlide .bd li h4 { height: 40px; line-height: 40px; font-size: 14px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.caseSlide .bd li p { opacity: 0.6; }
.caseSlide .hd { position: absolute; bottom: 70px; right: 20px; }
.caseSlide .hd li { font-size: 0; line-height: 0; width: 10px; height: 10px; background: #fff; border-radius: 100%; margin-left: 5px; cursor: pointer; float: left; }
.caseSlide .hd li.on { opacity: 0.7; }
.pageBan { width: 100%; position: relative; }
.pageBan img { position: relative; left: 50%; margin-left: -960px; }
.pageBan .more { position: absolute; width: 170px; height: 55px; line-height: 55px; border-radius: 3px; background: #fff; color: #dc0039; top: 60px; left: 50%; margin-left: 20px; text-align: center; font-size: 15px; font-weight: bold; }
.pageBan .more:hover { opacity: .8; }

/* 六大核心优势 */
.ensure { background: #f8f8f8; padding: 60px 0 30px; overflow: hidden; }
.ensure .hTitle { margin-bottom: 0; color: #454545; }
.ensureMain { overflow: hidden; margin-top: 40px; }
.ensureMain li { float: left; width: 380px; height: 440px; border: 1px solid #f1f1f1; line-height: 20px; transition: all 0.5s; margin-bottom: 25px; position: relative; overflow: hidden; background: #fff; margin: 0 27px 30px 0; font-size: 14px; }
.ensureMain li .eImg { width: 380px; height: 165px; overflow: hidden; display: block; }
.ensureMain li img { width: 380px; height: 165px; transition: all 0.5s; }
.ensureMain li div { background: #fff; padding: 20px 20px; height: 220px; }
.ensureMain li h4 { font-size: 20px; color: #000; background: url('../images/e_line.jpg') no-repeat left bottom; padding-bottom: 20px; margin-bottom: 20px; line-height: 36px; }
.ensureMain li h4 span { display: block; font-size: 14px; color: #999; font-weight: normal; line-height: 24px; margin-top: 10px; }
.ensureMain li p { background: url('../images/e_icon.jpg') no-repeat left 5px; padding-left: 20px; margin-bottom: 10px; line-height: 20px; }
.ensureMain li:hover img { transform: scale(1.1,1.1); }
.ensureMain li:nth-child(3n) { margin-right: 0; }

.pk-vs { padding: 40px 0; }


/* 精英团队 */
.team { padding: 60px 0; background: #f6f6f6; }
.team .hTitle { margin-bottom: 40px; }
.hMore { float: right; font-size: 12px; font-family: Arial; background: url('../images/tmore.jpg') no-repeat left center; text-transform: uppercase; padding-left: 20px; margin-top: 20px; font-weight: normal; }
.teamMain { position: relative; width: 1130px; height: 460px; margin: 0 auto; }
.teamMain ul { position: relative; width: 1130px; height: 460px; }
.teamMain li { z-index: 0; position: absolute; width: 0px; height: 0px; top: 0; cursor: pointer; left: 0; border-radius: 4px; background: #999; }
.teamMain li a { display: block; position: relative; }
.teamMain li h4 { position: absolute; left: 0; bottom: 0; width: 100%; height: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: rgba(0,0,0,0.5); text-align: center; font-size: 24px; color: #fff; line-height: 70px; }
.teamMain li img { width: 100%; background: url(images/loading.gif) no-repeat center 50%; height: 100%; vertical-align: top; opacity: .2; transition: all 0.5s; }
.teamMain li div { text-align: center; font-size: 14px; font-weight: bold; margin-top: 20px; opacity: 0; }
.teamMain li h4 a { color: #333; }
.teamMain li h4 a:hover { color: #b0202a; }
.teamMain .prev, .teamMain .next { display: block; z-index: 100; overflow: hidden; cursor: pointer; position: absolute; width: 51px; height: 51px; top: 200px; }
.teamMain .prev { background: url('../images/team_btn.png') no-repeat; left: -25px; }
.teamMain .next { background: url('../images/team_btn.png') no-repeat -51px top; right: -25px; }
.teamMain .prev:hover { background-position: -102px top; }
.teamMain .next:hover { background-position: -153px top; }
.teamMain a.imgs-scroll-btn { display: block; position: absolute; z-index: 110; top: 7px; right: 15px; width: 51px; height: 23px; overflow: hidden; background: url(../images/share-btn.png) no-repeat; text-indent: -999px; }
.about-text { width: 1140px; margin: 0 auto; text-align: center; }
.about-text p { font-size: 18px; line-height: 36px;  color: #000;  }

/* 客户见证 */
.Customer .hTitle { background: url(../images/line04.png) no-repeat top 25px center; }
.Customer { background: #f5f5f5; padding: 60px 0 40px; }
.Customer ul { margin-right: -34px; }
.Customer li { float: left; width: 406px; border: 1px solid #e8e8e8; margin-right: 30px; background: #fff; height: 460px; transition: all 0.3s; }
.Customer li .pic { overflow: hidden; }
.Customer li .pic img { transition: all 0.3s; }
.Customer li .intro { padding: 25px; }
.Customer li .intro p { font-size: 14px; color: #000; line-height: 24px; }
.Customer li:hover { box-shadow: 0 0 8px rgba(0,0,0,0.2); }
.Customer li:hover img { transform: scale(1.1,1.1); }

/* 内容 */
.content_a { padding: 60px 0; overflow: hidden; }
.content_a .hTitle { text-align: left; margin-bottom: 30px; }
.honor { width: 300px; height: 520px; }
.honor .top { overflow: hidden; }
.honor .pageBtn span { background: url('../images/parBtn.png') no-repeat 0 0; display: inline-block; width: 35px; height: 35px; cursor: pointer; overflow: hidden; text-indent: -9999px; margin-top: 20px; }
.honor .pageBtn .next { background-position: -35px 0; }
.honor .pageBtn span:hover { background-position: -70px 0; }
.honor .pageBtn .next:hover { background-position: -105px 0; }
.honorMain { background: #ddd; padding: 10px; overflow: hidden; border-radius: 3px; height: 400px; }
.honorMain li { width: 280px; font-size: 13px; height: 400px; }
.honorMain li img { width: 280px; height: 360px; }
.honorMain li p { height: 40px; line-height: 50px; text-align: center; }

.dynamics { margin: 0 40px; width: 520px; height: 520px; }
.dynamics .d1 { border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.dynamics .d1 .cImg { display: block; width: 520px; height: 150px; overflow: hidden; border-radius: 3px; }
.dynamics .d1 img { width: 520px; height: 150px; transition: all 0.5s; }
.dynamics .d1 h4 { font-size: 14px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; margin-top: 10px; }
.dynamics .d1 p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dynamics .d1 h4 a, .zxzbMain li h4 a { color: #333; }
.dynamics .d1 h4 a:hover, .zxzbMain li h4 a:hover { color: #b52933; }
.dynamics .d1:hover img { transform: scale(1.1,1.1); }
.dynamics .d2 { height: 38px; line-height: 38px; font-size: 13px; padding-right: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dynamics .d2 a { background: url('../images/n_icon.png') no-repeat left center; padding-left: 15px; transition: all 0.3s; }
.dynamics .d2 span { float: right; font-size: 12px; color: #999; margin-right: -120px; }
.dynamics .d2 a:hover { background: url('../images/n_icon.png') no-repeat 8px center; padding-left: 23px; }

.zxzb { width: 300px; overflow: hidden; height: 520px; }
.zxzbMain { height: 425px; overflow: hidden; }
.zxzbMain li { line-height: 20px; border-bottom: 1px dotted #ccc; margin-bottom: 15px; height: 205px; }
.zxzbMain li .zImg { width: 300px; height: 115px; border-radius: 3px; display: block; overflow: hidden; }
.zxzbMain li img { width: 300px; height: 115px; transition: all 0.5s; }
.zxzbMain li h4 { height: 30px; margin-top: 10px; font-size: 14px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zxzbMain li p span { margin-left: 10px; }


/* 合作客户 */
.partner .hTitle { background: url(../images/line04.png) no-repeat top 25px center; }
.partner { padding: 55px 0; overflow: hidden; background: url(../images/parterbg.jpg) no-repeat center; }
.partner li { float: left; width: 20%; border-bottom: 1px solid #dcdcdc; }

/* 提交定制需求 */
.demand { overflow: hidden; height: 520px; padding-top: 40px; background: url(../images/from_bg.jpg) no-repeat top center; }
.demand .title { position: relative; z-index: 2; text-align: center; font-size: 30px; color: #fff; line-height: 50px; margin-bottom: 30px; background: url(../images/line03.png) no-repeat top 30px center; }
.demand .title span { font-size: 14px; opacity: 0.5; display: block; line-height: 20px; text-transform: uppercase; }
.demand .container { position: relative; height: 520px; }
.renwu { position: absolute; right: 0; bottom: -20px; z-index: 1; }
.myfrom { width: 860px; }
.form-item { float: left; height: 60px; width: 365px; background: #fff; padding: 0 25px; margin-right: 15px; margin-bottom: 15px; border-radius: 10px; overflow: hidden; }
.form-item.textarea { width: 795px; height: auto; }
.form-item label { border-right: 1px solid #989898; width: 60px; text-align: justify; height: 20px; padding-right: 10px; margin: 20px auto; line-height: 20px; font-size: 14px; color: #333; float: left; display: block; }
.form-item input { width: 280px; padding-left: 5px; height: 60px; line-height: 30px; font-size: 14px; color: #333; line-height: 24px; }
.form-item textarea { height: 100px; font-size: 14px; color: #333; line-height: 22px; width: 710px; padding: 20px 0; padding-left: 5px; }
.form-item.form-btn { padding: 0; background: none; height: 60px; width: 415px; }
.form-btn button { width: 100%; background: #fdd100; font-size: 18px; color: #000; line-height: 60px; }
.form-btn button img { margin-left: 15px; }
.zxrx { font-size: 16px; color: #fff; line-height: 60px; }
.zxrx strong { font-size: 24px; }

/* 底部 */
.footMain { padding: 30px 0 50px; background: url(../images/fotbg.jpg) no-repeat bottom center; }
.fot-lxfs h2 { font-size: 24px; color: #333; line-height: 40px; margin-bottom: 15px; }
.fot-lxfs p { font-size: 16px; color: #333; line-height: 30px; }
.wx-code li { float: left; margin-left: 40px; text-align: center; padding-top: 30px; }
.wx-code li p { font-size: 14px; color: #333; line-height: 40px; }
.copyright { background: #eaeaea; height: 70px; line-height: 70px; text-align: center; font-size: 16px; color: #000; }


/*右侧公共客服组件样式begin*/
#fixedTop { position: fixed; right: 20px; bottom: 2%; width: 36px; height: 36px; z-index: 999; cursor: pointer; opacity: 0; filter: alpha(opacity=0); transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transform: translateY(300%); -moz-transform: translateY(300%); -webkit-transform: translateY(300%); }
#fixedTop img { width: 100%; }
#fixedTop.show { opacity: 1; filter: alpha(opacity=1); transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); }
/*右侧公共客服组件样式end*/

.fixdkf-left { transition: all 0.6s ease-in; position: fixed; right: 0; bottom: 8%; background: #dc0015; z-index: 100; cursor: pointer; }
.fixdkf-main { transition: all 0.6s ease-out; position: fixed; right: -100%; bottom: 8%; background: #dc0015; padding: 10px 25px 10px; text-align: center; z-index: 200; }
.fixdkf-main h3 { font-size: 22px; color: #fff; margin: 20px auto; }
.kf-li { font-size: 16px; color: #000; line-height: 45px; display: block; width: 190px; margin-bottom: 10px; background: #fff; text-align: center; }
.kf-li img { margin-right: 10px; }
.fixdkf-main span { color: #fff; display: block; font-size: 14px; line-height: 30px; }
.fixdkf-main form { margin: 10px 0 20px; position: relative; width: 190px; }
.fixdkf-main .mfth { border: 2px solid #fff; color: #fff; background: none; font-size: 16px; cursor: pointer; line-height: 45px; width: 186px; text-align: center; }
.fixdkf-main .mfth::-webkit-input-placeholder { color: #fff; }
.fixdkf-main .mfth:-ms-input-placeholder { color: #fff; }
.fixdkf-main .mfth::-moz-placeholder { color: #fff; }
.fixdkf-main .mfth:-moz-placeholder { color: #fff; }
.fixdkf-main label { position: absolute; top: 15px; left: 20%; width: 60%; line-height: 20px; color: #fff; font-size: 14px; }
.kf-qcrod { margin-bottom: 5px; }
.fixdkf-main .kf-close { position: absolute; left: 50%; top: -20px; width: 40px; height: 40px; margin-left: -20px; cursor: pointer; display: block; background: url('../images/icon-close.png') no-repeat center; background-size: 100%; }
.fixdkf.active .fixdkf-left { right: -100%; }
.fixdkf.active .fixdkf-main { right: 0; }