/*@font-face{font-family:Avalon3; src:url(../fonts/SOURCEHANSANSCN.eot); src:url(../fonts/SOURCEHANSANSCN.eot?#iefix) format('embedded-opentype'), url(../fonts/SOURCEHANSANSCN.woff2) format('woff2'), url(../fonts/SOURCEHANSANSCN.woff) format('woff'), url(../fonts/SOURCEHANSANSCN.ttf) format('truetype'), url(../fonts/SOURCEHANSANSCN.svg#dincond-regular-webfont) format('svg')} */ @font-face{font-family:Avalon; src:url(../fonts/Avalon.eot); src:url(../fonts/Avalon.eot?#iefix) format('embedded-opentype'), url(../fonts/Avalon.woff2) format('woff2'), url(../fonts/Avalon.woff) format('woff'), url(../fonts/Avalon.ttf) format('truetype'), url(../fonts/Avalon.svg#dincond-regular-webfont) format('svg')} @font-face{font-family:Avalon2; src:url(../fonts/ITCAvantGardeGothic.eot); src:url(../fonts/ITCAvantGardeGothic.eot?#iefix) format('embedded-opentype'), url(../fonts/ITCAvantGardeGothic.woff2) format('woff2'), url(../fonts/ITCAvantGardeGothic.woff) format('woff'), url(../fonts/ITCAvantGardeGothic.ttf) format('truetype'), url(../fonts/ITCAvantGardeGothic.svg#dincond-regular-webfont) format('svg')} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, caption, tfoot, thead, th, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;} html, body {width:100%; height:100%; line-height:190%;color:#666666} body {margin:0 auto; font-size:14px;font-family:Avalon3; vertical-align:baseline; overflow-y:scroll; line-height:190%; color:#666666} h2, h4, h5, h6 {font-weight:normal;color:#666666} caption, th, {text-align:left;font-weight:normal;} a { color: #333; text-decoration: none!important; cursor:pointer; background: transparent; outline:none; blr:expression(this.onFocus=this.blur()); } a:hover { color:#fc433e; transition:color 300ms; -ms-transition:color 300ms; -moz-transition:color 300ms; -webkit-transition:color 300ms; -o-transition:color 300ms; } a:link {color:inherit;} :focus {outline:0;} ol, ul {list-style:none;} input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;} .both {display:block;clear:both;} .clearfix:after {display:block;clear:both;} .clearfix {*zoom:1;}/*IE/7/6*/ .clearfix:before, .clearfix:after {content:""; display:table} .cf:after{content:""; display:block; height:0; clear:both;} .w1200 { width:1200px; margin:0 auto;} .wrap { width:1200px; margin:0 auto;} .fl { float:left;} .fr { float:right;} .phone-div { display:none;} /**************** 全局公用样式 ****************/ body {max-width:100%; min-width:1200px; +overflow:hidden;} .g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; overflow:hidden;} #header {position:relative; z-index:5; height:79px; background-color:#fff;} #logo {position:absolute; top:16px; left:0; width:220px; height:49px; background:url(../images/logo01.jpg) no-repeat 0 0;} #nav {position:absolute; top:0; right:80px; z-index:4; height:100%; background-color:#fff; overflow:hidden;} #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;} #nav .n1 {width:58px;} #nav .n2, #nav .n3, #nav .n4, #nav .n5, #nav .n6, #nav .n7, #nav .n8, #nav .n9 {width:90px;} #nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:15px; line-height:79px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;} #nav li a.on {color:#fff;} #nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;} #nav li a .bkg {top:100%; z-index:1; background-color:#e60021; -webkit-transition:top 200ms; transition:top 200ms;} #nav li a.on .bkg, #nav li a:hover .bkg {top:0;} #shop {width:75px;position:absolute; bottom:0; right:0; z-index:5; height:100%; background: url(../images/pic02.png) left center no-repeat;} #shop .btn-lang {position:absolute;top:0; right:0; width:auto; height:100%; font-weight:bold; font-size:15px; line-height:79px; color:#666369;background:url(../images/pic01.png) no-repeat right center; padding-right:18px; -webkit-transition:color 300ms; transition:color 300ms;} #shop .btn-lang:hover {color:#ff2424;} #shop .header-nwbtn{ position:absolute;top:0; right:0px; padding:0 10px; padding-right: 15px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:79px; color:#666369; background: url(../img/head-nw-icon.png) right center no-repeat; -webkit-transition:all 300ms; transition:all 300ms;} #shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #ff2424; background: url(../img/head-nw-icon-on.png) right center no-repeat;} #content {position:relative; overflow:hidden;} #subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:61px; /*overflow: hidden;*/} #subNav .g-wrap {overflow:visible;} #subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;} #subNav .g-wrap .item1 {left:33.4%; padding:0 0; /*width:835px;*/} #subNav .g-wrap .item2 {left:40.9%; padding:0 0; /*width:752px;*/} #subNav .g-wrap .item3 {left:56.7%; padding:0 67px; /*width:573px;*/} #subNav .g-wrap .item4 {left:64.2%; padding:0 80px;/* width:643px;*/} #subNav .g-wrap .item5 {left:71.7%; padding:0 67px; /*width:573px;*/} #subNav .g-wrap .langs {right:0; padding:0 10px; width:180px;} /*2016.4.12*/ #subNav .g-wrap .nwmenu{ right: 0; top: -409px; width: 171px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;} #subNav .g-wrap .nwmenu .nwmenu-inner{ padding: 20px; width: 210px; max-height: 349px; overflow: hidden;} #subNav .g-wrap .nwmenu .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;} #subNav .g-wrap .nwmenu .nwmenu-list{ /*float: right; margin-top: -5px; width: 140px;*/ overflow:hidden;} #subNav .g-wrap .nwmenu .nwmenu-list li a{ float: none; padding: 0; line-height: 22px; color: #d2ced5; font-size: 12px;font-weight: normal; -webkit-transition: color 300ms; transition: color 300ms;} /*2016.4.12*/ #subNav .g-wrap .nwmenu .nwmenu-list li a:hover{ color: #f63b34;} #subNav .g-wrap .on {top:0; z-index: 2;} #subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;} #subNav .g-wrap .item a:hover {color:#e60021;} #subNav .g-wrap .item #on { color: #e60021; } /*侧边栏-法律声明*/ #side-mask{position:fixed;top:0;width:100%;height:100%;background-color:#000;z-index:999;display:none;filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3} .open-side .side-box{right:0;visibility:visible;} .open-side #side-mask{display:block} .side-box{width:325px;background:#2b2b2b url(../images/legal_tit.png) no-repeat 35px 70px;position:fixed;top:0;right:-360px;height:100%;z-index:999999;padding:25px 30px 0 35px;-webkit-transition:all .4s;transition:all .4s;visibility:hidden; color:#fff;} a.side-close{display:block;width:28px;height:29px;background:url(../images/side-close.png) no-repeat; margin-bottom:70px;} .side-box.smallwidth{padding:20px 0 0 30px} .side-box p {margin-top:100px; color:#8C8C8C; line-height:18px;} .side-box p span {display:block;} .side-box p .tit {font-size:15px; color:#E1DEDE;} .side-box p .column {margin-left:-16px; padding-left:16px;font-size: 13px;} /*侧边栏-网站地图*/ #side-mask2{position:fixed;top:0;width:100%;height:100%;background-color:#000;z-index:999;display:none;filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3} .open-side2 .side-box2{right:0;visibility:visible;} .open-side2 #side-mask2{display:block} .side-box2{width:325px;background:#2b2b2b url(../images/sitemap_tit.png) no-repeat 35px 70px;position:fixed;top:0;right:-360px;height:100%;z-index:999999;padding:25px 30px 0 35px;-webkit-transition:all .4s;transition:all .4s;visibility:hidden; color:#fff;} a.side-close2{display:block;width:28px;height:29px;background:url(../images/side-close.png) no-repeat; margin-bottom:70px;} .side-box.smallwidth{padding:20px 0 0 30px} #sitemap { margin-top:100px;} #sitemap .column {margin-left:-16px; padding-left:16px; background:url(../images/sitemap_arrow.png)no-repeat 0 7px;font-size: 13px;} #sitemap a {color:#8C8C8C; -webkit-transition:color 300ms; transition:color 300ms;font-size: 13px;} #sitemap a.reenoo {font-weight:bold;} #sitemap a:hover {color:#e62b1e} #sitemap p span {display:block;} #sitemap p { color:#8C8C8C; line-height:18px;font-size: 13px;} #sitemap p .tit {font-size:15px; color:#E1DEDE;} .footer { clear:both;height:120px; background:#e7e7e7;width:100%; padding-top:33px; box-sizing:border-box;} .footer .L { width:400px; height:100%; float:left;} .footer .C { width:200px; float:left;} .footer .R { width:550px; height:100%; float:right; text-align:right; line-height:60px;} .footer .R a { font-size:14px; color:#333333; font-weight:bold;background:url(../images/pic06.jpg) no-repeat left center; padding-left:12px; margin-left:8px;-webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;} .footer .R .m0{background:none} .footer .R a:hover { color:#e9090a;} .footer .L p{ font-size:14px; color:#808080; font-weight:bold; line-height:24px; padding-top:3px;} .footer .L p a { color:#808080;} .footer .L a:hover { color:#e9090a;} .footer .C p { float:left; width:60px; text-align:center; margin-right:15px; font-weight:bold; color:#333; font-size:12px;} .footer .C p a {font-weight:bold; color:#333} .footer .C .C-1 { cursor:pointer; position:relative; left:0;} .footer .C p.p1 img { width:48px; height:48px; display:block; margin:0 auto;} .footer .C p.p2 img { width:48px; height:48px; display:block; margin:0 auto;} .wxewm{position:absolute;bottom:12px;left:-38px;width:140px;height:0;-webkit-transition:all .3s;transition:all .3s;overflow:hidden;z-index:999;} .wxewm img { display:block; width:100%;} .wxhover .wxewm{height:140px} body {height:auto; +overflow:hidden;} #banner {position:relative; z-index:2; width:100%; height:810px; overflow:hidden; margin-bottom:30px;} #banner .pics {position:relative; width:100%; height:100%;} #banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center 0;} #banner .pics li a {display:block; width:100%; height:100%;} #banner .pics .b1 {display:list-item;} #banner .pics .b2 {} #banner .pics .b3 {} #banner .pics .b4 {} #banner .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;} #banner .btns .prev {left:-50px;} #banner .btns .next {right:-50px;} #banner .btns .prev.on {left:120px;} #banner .btns .next.on {right:120px;} #banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms; transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;} #banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;} #banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;} #banner .btns .prev .off {background:url(../images/pic15.png) no-repeat 0 0;} #banner .btns .prev .on {background:url(../images/pic15-on.png) no-repeat 0 0;} #banner .btns .next .off {background:url(../images/pic16.png) no-repeat 0 0;} #banner .btns .next .on {background:url(../images/pic16-on.png) no-repeat 0 0;} #banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;} #banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;} #banner .g-wrap {position:absolute; left:50%; bottom:0; z-index:2; margin-left:-600px; width:1200px; height:30px; overflow:hidden; text-align:center;} #banner .g-wrap .idxs {float:left; height:100%;} #banner .g-wrap .idxs li {float:left; margin:30px 7px 0 0; width:9px; height:9px; border-radius:13px; border:2px solid #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;} #banner .g-wrap .idxs li.on {background-color:#8f8d93; border-color:#8f8d93;} /* 滑块 start */ #subjects {height:180px; margin-bottom:35px;} #subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;} #subjects .g-wrap .item-1 {z-index:1; background-color:#c8c8c8;} #subjects .g-wrap .item-2 {z-index:2; background-color:#ffd900;} #subjects .g-wrap .item-3 {z-index:3; background-color:#fb201e;} #subjects .g-wrap .item-4 {z-index:4; background-color:#2d2d58;} #subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;} #subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;} #subjects .g-wrap .item-1 .p1 {left:0; top:0; width:630px; height:180px;} #subjects .g-wrap .item-1 .p2 {left:0; top:0; z-index:2; width:60px; height:180px;} #subjects .g-wrap .item-2 .p1 {left:0; top:0;} #subjects .g-wrap .item-2 .p2 {left:400px; top:0; width:230px;} #subjects .g-wrap .item-3 .p1 {left:0; top:0; } #subjects .g-wrap .item-3 .p2 {left:400px; width:230px;} #subjects .g-wrap .item-4 .p1 {left:0; top:0;} #subjects .g-wrap .item-4 .p2 {left:470px; top:0; width:160px;} /*#subjects*/ #subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;} /* 逐个出现 */ #subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;} #subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;} #subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;} /* 没有指向 */ #subjects .state-0 .item-1 {left:0;} #subjects .state-0 .item-2 {left:380px;} #subjects .state-0 .item-3 {left:530px;} #subjects .state-0 .item-4 {left:865px;} /* 指向第一个 */ #subjects .state-1 .item-1 {left:0;} #subjects .state-1 .item-2 {left:480px;} #subjects .state-1 .item-3 {left:630px;} #subjects .state-1 .item-4 {left:917px;} #subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 指向第二个 */ #subjects .state-2 .item-1 {left:0;} #subjects .state-2 .item-2 {left:250px;} #subjects .state-2 .item-3 {left:300px;} #subjects .state-2 .item-4 {left:920px;} #subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 指向第三个 */ #subjects .state-3 .item-1 {left:0;} #subjects .state-3 .item-2 {left:250px;} #subjects .state-3 .item-3 {left:300px;} #subjects .state-3 .item-4 {left:570px;} #subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 指向第四个 */ #subjects .state-4 .item-1 {left:0;} #subjects .state-4 .item-2 {left:230px;} #subjects .state-4 .item-3 {left:350px;} #subjects .state-4 .item-4 {left:717px;} #subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 滑块 end */ /*首页新闻*/ .mNews { clear:both; width:1200px; margin:0 auto; height:280px; overflow:hidden; margin-bottom:45px;} .mNews .mNewsL { width:422px; height:100%; float:left; overflow:hidden;} .mNews .mNewsC { width:482px; height:100%; float:left; margin-left:56px; position:relative; left:0; top:0;} .mNews .mNewsR { width:240px; height:100%; float:right; overflow:hidden;background:url(../images/pic14.jpg) no-repeat center center;} .mNews .mNewsL .d1 { font-size:24px; color:#e9090a; font-family:Arial, Helvetica, sans-serif; margin-bottom:12px;} .mNews .mNewsL .d2 { width:80px; height:44px; line-height:44px; text-align:center; color:#fff; background:#e9090a; font-size:15px; margin-bottom:28px;} .mNews .mNewsL .d2 a { color:#fff; display:block; } .mNews .mNewsL .news-qh .bd { margin-bottom:33px;} .mNews .mNewsL .news-qh .hd ul li { width:30px; height:3px; background:#e6e6e6; margin-right:6px; float:left; font-size:0; cursor: pointer;} .mNews .mNewsL .news-qh .hd ul li.on { background:#e9090a;} .mNews .mNewsL .news-qh .title { font-size:20px; color:#e9090a; line-height:28px; font-weight:bold; margin-bottom:18px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; } .mNews .mNewsL .news-qh .text { font-size:12px; color:#333333; line-height:20px;text-align:justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .mNews .mNewsC .swiper-container { position:static} .mNews .mNewsC .swiper-pagination-bullet-active { background:#e9090a;} .mNews .mNewsC .case-qh img { display:block; width:482px; height:280px; } .mNews .mNewsR a { display:block; width:100%; height:100%; padding:50px 0 0 50px; box-sizing:border-box;} .mNews .mNewsR p.p1 img { display:block; width:30px; margin-bottom:18px;} .mNews .mNewsR p.p2 { font-size:24px; color:#ffffff; margin-bottom:10px;} .mNews .mNewsR p.p3 { font-size:16px; color:#f4a5a5; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:22px; } /************************* 内页 ************************/ .iBanner { clear:both; width:100%; height:240px; overflow:hidden;background:url(../images/iBanner.jpg) no-repeat center center; background-size:cover; position:relative; left:0; top:0;} .iBanner_lxwm {background:url(../images/iBanner_lxwm01.jpg) no-repeat center center;} .iBanner_news {background:url(../images/iBanner_news.jpg) no-repeat center center;} .iBanner_fuwu {background:url(../images/iBanner_fuwu.jpg) no-repeat center center;} .iTitle { width:1200px; margin:0 auto; color:#fff; margin-top:3%; text-align:right;} .iTitle p.p1 { font-size:36px; margin-bottom:15px;text-transform:uppercase; font-family:Avalon} .iTitle p.p2 { font-size:36px;} .position { clear:both; width:100%; height:66px; border-bottom:1px solid #eee;} .position .L { width:30%; height:65px; line-height:65px; float:left;font-size:15px; color:#808080; font-weight:bold;} .position .R { width:70%; height:65px; line-height:65px; float:right; text-align:right;color:#808080; font-weight:bold;} .position .L a { display:block; float:left; background:url(../images/pic20.png) no-repeat left center; padding-left:20px; padding-right:13px;color:#808080;} .position .L .home{ width:14px; height:63px;background:url(../images/pic19.png) no-repeat center center; padding-right:0; padding-left:0; margin-right:15px;} .position .R a { display:inline-block;height:63px; font-size:15px; margin-left:40px;color:#808080; } #nowSecMenu { color:#e60021; border-bottom:3px solid #e60021;} /*公司简介*/ .about-div { clear:both;} .about-div .box1 { width:100%; height:697px;background:url(../images/pic21.jpg) no-repeat center center; overflow:hidden; padding-top:75px; background-size:cover;} .about-div .box1 .d1 { font-size:30px; color:#333333; margin-bottom:17px;} .about-div .box1 .d2 { font-size:72px; color:#e60021; margin-bottom:30px; line-height:60px;text-transform:uppercase; font-family:Avalon;} .about-div .box1 .d3 { margin-bottom:45px; text-align:justify;} .about-div .box1 .d3 p { margin-bottom:20px} .about-div .box1 .d4 { width:100%; height:180px;} .about-div .box1 .d4 .li { width:33.33%; height:100%; float:left; overflow:hidden; text-align:center; color:#fff; padding-top:32px; box-sizing:border-box;} .about-div .box1 .d4 .l1 { background:#e6e6e6; color:#010415} .about-div .box1 .d4 .l2 { background:#ffd900;} .about-div .box1 .d4 .l3 { background:#fc4641;} .about-div .box1 .d4 .l4 { background:#2f2f59;} .about-div .box1 .d4 .li p.p1 { font-size:18px; line-height:30px; margin-bottom:6px;} .about-div .box1 .d4 .li p.p2 { font-size:18px; line-height:70px;} .about-div .box1 .d4 .li p.p2 span { font-size:64px; font-weight:bold;} .about-div .box1 .d4 .l1 p.p2 span.sp1{ color:#e60020; font-family:Avalon} .about-div .box1 .d4 .li p.p2 #num1 { font-family:Avalon; font-size:72px;} .about-div .box1 .d4 .li p.p2 #num2 { font-family:Avalon; font-size:72px;} .about-div .box1 .d4 .li p.p2 #num3 { font-family:Avalon; font-size:72px;} .about-div .box1 .d4 .li p.p2 #num4 { font-family:Avalon; font-size:72px;} .about-div .box2 { clear:both;} .about-div .box2 img { display:block; width:100%; height:auto;} /*企业荣誉*/ .cd-horizontal-timeline .list { width:990px; margin:0 auto;background:url(../images/pic26.png) repeat-y center center; padding-top:55px;} .cd-horizontal-timeline .list .years{display:none;} .cd-horizontal-timeline .list .left { text-align:right; width:500px; margin-bottom:20px;} .cd-horizontal-timeline .list .right { text-align:left; width:500px; margin-left:490px; margin-bottom:20px;} .cd-horizontal-timeline .list .left p.p1 {background:url(../images/pic24.png) no-repeat right center; padding-right:180px; font-size:24px; color:#e60021; line-height:30px; margin-bottom:14px;} .cd-horizontal-timeline .list .left p.p2 {background:url(../images/pic25.png) no-repeat right 5px; padding-right:28px; margin-right:35px; line-height:24px; margin-bottom:8px;} .cd-horizontal-timeline .list .right p.p1 {background:url(../images/pic27.png) no-repeat left center; padding-left:180px; font-size:24px; color:#e60021; line-height:30px; margin-bottom:14px;} .cd-horizontal-timeline .list .right p.p2 {background:url(../images/pic25.png) no-repeat left 5px; padding-left:28px; margin-left:40px; line-height:30px;} /*发展历程*/ .fzlc-div .box1 { width:100%; height:202px;background:url(../images/pic28.jpg) no-repeat center center; overflow:hidden; padding-top:85px; box-sizing:border-box; margin-bottom:110px;} .fzlc-div .box1 p.p1 { font-size:24px; color:#e60021;text-transform:uppercase; font-family:Avalon; margin-bottom:8px;} .fzlc-div .box1 p.p2 { font-size:26px; color:#333;} .fzlc-div .box2 {background:url(../images/pic33.png) no-repeat bottom center; padding-bottom:310px;} .fzlc-div .box2 .list {width:900px; margin:0 auto;background:url(../images/pic30.png) repeat-y center center; padding-top:60px;} .fzlc-div .box2 .list .left { width:476px; margin-top:-60px; cursor:pointer;height:200px;} .fzlc-div .box2 .list .right { width:476px; margin-left:424px; margin-top:-60px; cursor:pointer;height:200px;} .fzlc-div .box2 .list .left p.p1 {background:url(../images/pic29.png) no-repeat right center; padding-right:180px; font-size:30px; color:#e60021; line-height:53px;font-family:Avalon; font-weight:bold; margin-top: 50px;} .fzlc-div .box2 .list .left p.p2 { padding-left:0px; margin-right:175px; line-height:30px; font-size:25px; color:#595757; font-weight:bold; margin-top: 15px;} .fzlc-div .box2 .list .left p.p3 { width:400px; color:#333333; text-align:justify; margin-top: 20px; } .fzlc-div .box2 .list .right p.p1 {background:url(../images/pic31.png) no-repeat left center; padding-left:180px; font-size:30px; color:#e60021; line-height:53px;font-family:Avalon; font-weight:bold;} .fzlc-div .box2 .list .right p.p2 { padding-left:0px; margin-left:180px; font-size:25px; color:#595757; font-weight:bold; margin-top: 15px; } .fzlc-div .box2 .list .right p.p3 { width:400px; color:#333333; text-align:justify;margin-left:183px;margin-top: 20px; } .lxwm-div { padding-top:55px; padding-bottom:65px;} .lxwm-div .tit p.p1 { font-size:24px; color:#e60021;text-transform:uppercase; font-family:Avalon; line-height:32px;} .lxwm-div .tit p.p2 { font-size:30px; color:#333333; line-height:38px; margin-bottom:20px;} /*加入金科*/ .join-div {} .join-div .box1 img { display:block; width:100%; height:auto;} .join-div .box2 { height:120px; overflow:hidden; padding:35px 0;} .join-div .box2 .L { width:600px; height:100%; float:left; padding-top:10px; box-sizing:border-box;} .join-div .box2 .R { width:580px; height:100%; float:right;} .join-div .box2 .R_1 { width:303px; height:100%; float:right;} .join-div .box2 .L .L-1 { width:105px; float:left} .join-div .box2 .L .L-1 img { display:block; width:103px; height:auto; border:1px solid #f0f0f0;} .join-div .box2 .L .L-2 { font-size:16px; color:#333333; float:left; margin-left:18px; line-height:22px; padding-top:26px;} .join-div .box2 .R a { display:block; width:280px; height:120px; border-radius:8px; color:#fff; float:left; padding:25px 30px 20px 30px; box-sizing:border-box;} .join-div .box2 .R_1 a { display:block; width:280px; height:120px; border-radius:8px; color:#fff; float:left; padding:25px 30px 20px 30px; box-sizing:border-box;} .join-div .box2 .R a.a1 { background:#fc433e;} .join-div .box2 .R_1 a.a1 { background:#fc433e;} .join-div .box2 .R a.a2 { background:#2f2f5d; margin-left:20px;} .join-div .box2 .R_1 a.a2 { background:#2f2f5d; margin-left:20px;} .join-div .box2 .R a .left { width:165px; float:left;} .join-div .box2 .R_1 a .left { width:165px; float:left;} .join-div .box2 .R a .right { width:55px; float:right;} .join-div .box2 .R_1 a .right { width:55px; float:right;} .join-div .box2 .R a .left p.p1 { font-size:20px; color:#ff918e;text-transform:uppercase; font-weight:bold; line-height:22px; margin-bottom:2px; font-family:Avalon; } .join-div .box2 .R_1 a .left p.p1 { font-size:20px; color:#ff918e;text-transform:uppercase; font-weight:bold; line-height:22px; margin-bottom:2px; font-family:Avalon; } .join-div .box2 .R a .left p.p2 { font-size:20px;} .join-div .box2 .R_1 a .left p.p2 { font-size:20px;} .join-div .box2 .R a.a2 .left p.p1 { color:#606083;} .join-div .box2 .R_1 a.a2 .left p.p1 { color:#606083;} .join-div .box2 .R a .right img { display:block; width:auto; height:42px; margin-top:14px;} .join-div .box2 .R_1 a .right img { display:block; width:auto; height:42px; margin-top:14px;} /*住宅社区服务*/ .zzsqfw-div { padding-top:80px;} .zzsqfw-div .box1 {background:url(../images/pic39.png) no-repeat bottom right; margin-bottom:50px; height:400px;} .zzsqfw-div .box1 .d1 { font-size:54px; color:#dcdddd; line-height:52px; margin-bottom:14px;font-family:Avalon2; } .zzsqfw-div .box1 .d2 { font-size:60px; color:#e60020; line-height:66px; margin-bottom:48px;} .zzsqfw-div .box1 .d3 { color:#333333; width:1020px; line-height:35px; text-align:justify;} .zzsqfw-div .box1 .d3 span { font-weight:bold;} .zzsqfw-div .box2 { clear:both; margin-bottom:60px;} .zzsqfw-div .box2 img { display:block; width:100%; height:auto;} .zzsqfw-div .box3 { clear:both; margin-bottom:25px;} .zzsqfw-div .tit { font-size:30px; color:#333333; margin-bottom:25px; line-height:40px;} .zzsqfw2-div .tit { width:1200px; margin:0 auto; font-size:30px; color:#333333; margin-bottom:25px; line-height:40px;} .zhkjfw-div .tit{ font-size:30px; color:#333333; margin-bottom:25px; line-height:40px;} .zzsqfw-div .box3 .list { height:400px; overflow:hidden; text-align:center; color:#fff;} .zzsqfw-div .box3 .list .li { width:380px; height:100%; float:left; padding:74px 37px 40px 37px; box-sizing:border-box;} .zzsqfw-div .box3 .list .l1 { background:#ffd900; color:#333333;} .zzsqfw-div .box3 .list .l2 { background:#fc4641; margin:0 30px;} .zzsqfw-div .box3 .list .l3 { background:#2f2f59} .zzsqfw-div .box3 .list .li p.p1 { margin-bottom:25px;} .zzsqfw-div .box3 .list .li p.p1 img { display:block; margin:0 auto; width:96px;-webkit-transition:1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s;} .zzsqfw-div .box3 .list .li p.p2 { font-size:30px; font-weight:bold; margin-bottom:35px;} .zzsqfw-div .box3 .list .li p.p3 { text-align:left; text-align:justify;} .zzsqfw-div .box3 .list .li p.p1:hover img {transform: rotateY(180deg);} .zzsqfw-div .box4 { clear:both; height:400px; overflow:hidden; margin-bottom:80px;} .zzsqfw-div .box4 .li { width:220px; height:100%; float:left; background:#efefef; position:relative; left:0; top:0;margin-right:25px;cursor:pointer;} .zzsqfw-div .box4 .m0 { margin-right:0;} .zzsqfw-div .box4 .li .li-1 p.p1 img { display:block; width:100%; height:320px; margin-bottom:14px;} .zzsqfw-div .box4 .li .li-1 p.p2 { font-size:20px; font-weight:bold; padding:0 23px; margin-bottom:2px;} .zzsqfw-div .box4 .li .li-1 p.p3 { color:#595757; font-weight:bold; padding:0 23px;} .zzsqfw-div .box4 .li .li-1 { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;} .zzsqfw-div .box4 .li .li-2 { width:100%; height:100%; position:absolute; left:0; top:400px; z-index:2; padding:35px 20px; box-sizing:border-box; background:#efefef; -webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;transition:all 400ms; } .zzsqfw-div .box4 .li .li-2 p.p1{ font-size:20px; color:#333333; margin-bottom:4px;} .zzsqfw-div .box4 .li .li-2 p.p2{ font-weight:bold; color:#333333; margin-bottom:15px;} .zzsqfw-div .box4 .li .li-2 p.p3{ color:#333333; opacity:.7;} .zzsqfw-div .box4 .li:hover .li-2 {top:0;} .zzsqfw2-div .box5 { clear:both;} /*切换2*/ .zzsqfw2-div .case-con {width:1340px;height:360px; margin:0 auto; position:relative;} .zzsqfw2-div .swiper-container { position:static} .zzsqfw2-div .case-list { width:1200px; margin:0 auto;} .case-con .swiper-slide{width:100%;height:310px; float:left;cursor:pointer; background:#fff;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;} .case-con .swiper-slide a { display:block;} .case-con .swiper-slide a:hover { color:#333} .case-con .swiper-slide .pic { width:100%; height:240px;overflow:hidden; } .case-con .swiper-slide .pic img { width:100%; height:100%; display:block;transition:all .5s;} .case-con .swiper-slide .text { width:100%; font-size:18px; font-weight:bold; color:#666; text-align:center; margin-top:18px;} .case-con .swiper-slide:hover .pic img {transform: scale(1.06, 1.06);} .case-con .swiper-button-prev{width:54px;height:54px;background:url("../images/pic51.png") no-repeat center center; background-size:cover; left:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:36% } .case-con .swiper-button-next{width:54px;height:54px;background:url("../images/pic52.png") no-repeat center center;background-size:cover; right:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:36% } .case-con .swiper-button-prev:after {content:''} .case-con .swiper-button-next:after {content:''} .case-con .swiper-button-prev:hover {background:url("../images/pic51-on.png") no-repeat center center;background-size:cover; } .case-con .swiper-button-next:hover {background:url("../images/pic52-on.png") no-repeat center center;background-size:cover; } /*城市企业服务*/ .csqyfw-div { height:600px; overflow:hidden; margin-bottom:70px;} .csqyfw-div .li { width:380px; height:600px; float:left; margin-right:30px; background:#f5f5f5; padding:12px; box-sizing:border-box;} .csqyfw-div .li .li-1 img { width:353px; height:235px; display:block; margin-bottom:40px;} .csqyfw-div .li .li-2 { font-size:30px; color:#dc0010; font-weight:bold; margin-bottom:30px; text-align:center;} .csqyfw-div .li .li-3 { width:300px; margin:0 auto; color:#333333; height:180px; overflow:hidden; text-align:justify;} .csqyfw-div .li .li-4 { padding:0 10px; box-sizing:border-box;} .csqyfw-div .li .li-4 .li-4-d { width:33.3333%; float:left; text-align:center; border-right:1px solid #666; box-sizing:border-box;} .csqyfw-div .li .li-4 .m0 { border:0} .csqyfw-div .li .li-4 .li-4-d p.p1 img { display:block; width:26px; height:auto; margin:0 auto; margin-bottom:3px;} .csqyfw-div .li .li-4 .li-4-d p.p2 { font-size:18px; color:#4c4c4c; padding-top:33px; cursor:pointer;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;} .csqyfw-div .li .li-4 .li-4-d .ico1 {background:url("../images/pic57.png") no-repeat top center;} .csqyfw-div .li .li-4 .li-4-d .ico2 {background:url("../images/pic58.png") no-repeat top center;} .csqyfw-div .li .li-4 .li-4-d .ico3 {background:url("../images/pic59.png") no-repeat top center;} .csqyfw-div .li .li-4 .li-4-d .ico1:hover {background:url("../images/pic57-on.png") no-repeat top center; color:#e60020;} .csqyfw-div .li .li-4 .li-4-d .ico2:hover {background:url("../images/pic58-on.png") no-repeat top center; color:#e60020;} .csqyfw-div .li .li-4 .li-4-d .ico3:hover {background:url("../images/pic59-on.png") no-repeat top center; color:#e60020;} .csqyfw-div .m0 { margin-right:0} .csqyfw-div .li .li-4 .li-4-d:hover p.p2{ font-weight:bold; font-size:20px;} /*智慧科技服务*/ .zhkjfw-box .box1 { height:360px;} .zhkjfw-div .box1 { height:276px; overflow:hidden; margin-bottom:35px;} .zhkjfw-div .box1 .li { width:590px; height:100%; float:left; padding:30px 24px 24px 24px; box-sizing:border-box;} .zhkjfw-div .box1 .l1 { background:#efefef;} .zhkjfw-div .box1 .l2 { background:#ffd900;margin-left:20px;} .zhkjfw-div .box1 .l3 { background:#fc4642; color:#fff;} .zhkjfw-div .box1 .l4 { background:#302f59; margin-right:0; color:#fff;} .zhkjfw-div .box1 .li .li-1 img { display:block; width:63px; height:auto; margin:0 auto; margin-bottom:10px;margin-right:20px;} .zhkjfw-div .box1 .li .li-2 { font-size:38px; font-weight:bold; text-align:left; margin-bottom:32px;line-height:60px;} .zhkjfw-div .box1 .li .li-3 { line-height:28px;} .zhkjfw-div .box2 img { display:block; width:100%; height:auto; margin-bottom:80px;} .zhkjfw-div .box3 { margin-bottom:80px;} .zhkjfw-div .box3 .tit{ margin-bottom:45px;} .zhkjfw-div .box3 .list .li p.p1 { font-size:20px; color:#333333; margin-bottom:15px;} .zhkjfw-div .box3 .list .li p.p2 img { display:block; width:100%; height:auto; margin-bottom:30px;} /*切换*/ .hzhb-con {width:1340px;height:420px; margin:0 auto; position:relative;} .hzhb-con .swiper-container { position:static} .hzhb-list { width:1220px; margin:0 auto;} .hzhb-list .swiper-slide{width:100%;height:342px; float:left;cursor:pointer; background:#fff;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; border:1px solid #cccccc; padding:20px 25px; box-sizing:border-box; } .hzhb-list .swiper-slide p.p1 img{ width:100%; height:auto; margin:0 auto; } .hzhb-list .swiper-slide p.p2 { font-size:16px; font-weight:bold; color:#666666; text-align:center; margin-bottom:30px;} .hzhb-con .swiper-button-prev{width:54px;height:54px;background:url("../images/pic51.png") no-repeat center center; background-size:cover; left:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:36% } .hzhb-con .swiper-button-next{width:54px;height:54px;background:url("../images/pic52.png") no-repeat center center;background-size:cover; right:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:36% } .hzhb-con .swiper-button-prev:after {content:''} .hzhb-con .swiper-button-next:after {content:''} .hzhb-con .swiper-button-prev:hover {background:url("../images/pic51-on.png") no-repeat center center;background-size:cover; } .hzhb-con .swiper-button-next:hover {background:url("../images/pic52-on.png") no-repeat center center;background-size:cover; } /*生活增值服务*/ .shzzfw-box .box1{ height:360px;} .shzzfw-div { width:100%;background:url("../images/pic87.jpg") repeat-y center center; margin-bottom:40px; padding-top:50px;} .shzzfw-div .list .li { width:353px; height:410px; float:left; overflow:hidden; margin-bottom:40px;} .shzzfw-div .list .m { margin-left:70px;} .shzzfw-div .list .li .li-1 { width:100%; height:41px; line-height:41px; margin-bottom:25px;} .shzzfw-div .list .li .li-1 span,.tu { width:209px; display:block; float:left; font-size:30px; color:#333333; font-weight:bold;line-height:40px;padding-left: 10px;} .shzzfw-div .list .li .li-1 img { display:block; float:left; width:41px; height:auto;-webkit-transition:2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s;} .li-1 img { display:block; float:left; width:41px; height:auto;-webkit-transition:2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s;} .shzzfw-div .list .li .li-2 { font-size:13px; color:#666666; line-height:23px; text-align:justify; height:110px; overflow:hidden;} .shzzfw-div .list .li .li-3 img { display:block; width:100%; height:215px;} .shzzfw-div .list .li:hover .li-1 img {transform: rotateY(360deg);} .shzzfw-div .ljshfw-div { clear:both;} .shzzfw-div .ljshfw-div .li-1 { width:100%; height:48px;} .shzzfw-div .ljshfw-div .box { height:420px;} .shzzfw-div .ljshfw-div .box .bx { width:562px; height:100%; float:left} .shzzfw-div .ljshfw-div .box .bx2 { width:562px; height:100%; float:right} .shzzfw-div .ljshfw-div .box .bx p.p1 {font-size:22px;line-height:40px; margin-bottom:10px;} .shzzfw-div .ljshfw-div .box .bx p.p2 { margin-bottom:25px; height:78px; overflow:hidden;} .shzzfw-div .ljshfw-div .box .bx p.p3 img { display:block; width:562px; height:265px;} /*邻里文化*/ .llwh-div { padding-top:40px;} .llwh-div .box1 {background:url(../images/pic39.png) no-repeat top right; height:320px; padding-top:70px;} .llwh-div .box1 .d1 { font-size:54px; color:#dcdddd; line-height:52px; margin-bottom:14px;font-family:Avalon2;} .llwh-div .box1 .d2 { font-size:60px; color:#e60020; line-height:66px; margin-bottom:48px;} .llwh-div .box2 { clear:both; height:400px; overflow:hidden; margin-bottom:5%;} .llwh-div .box2 .left { width:500px; height:100%; float:left;} .llwh-div .box2 .right { width:600px; height:100%; float:right; overflow:hidden; position:relative} .llwh-div .box2 .left p.p1 { font-size:32px; color:#dc0010; line-height:35px; margin-bottom:20px;} .llwh-div .box2 .left p.p1 span { font-size:24px; color:#595757; margin-left:10px;font-family:Avalon;} .llwh-div .box2 .left p.p2 { line-height:22px; margin-bottom:45px;} .llwh-div .box2 .left a { display:block; width:100%; height:110px;} .llwh-div .box2 .left p.p3 { font-size:18px; font-weight:bold; color:#666666;border-top:1px solid #dcdddd; padding-top:15px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; width:100%; box-sizing:border-box; margin-bottom:7px;} .llwh-div .box2 .left p.p4 { color:#666666; line-height:22px; margin-bottom:20px;} .llwh-div .box3 { clear:both; width:100%; background:#efefef; padding-top:50px; margin-bottom:6%; } .llwh-div .box2 .left a:hover p.p3 { color:#e60020} .llwh-div .box2 .right .swiper-container { position: static} .llwh-div .box2 .right img { display:block; width:100%; height:100%;} .llwh-div .box2 .right p{ background:#000; color:#fff; width:100%; height:42px; line-height:42px; position:absolute; left:0; bottom: 0; padding:0 12px; box-sizing:border-box;background:url(../images/pic193.png) repeat center center;} .llwh-div .box2 .right .swiper-container-horizontal>.swiper-pagination-bullets { width:100px; right:0; left:inherit; bottom:17px;} .llwh-div .box2 .right .swiper-pagination-bullet { background:#dddddd; opacity:1} .llwh-div .box2 .right .swiper-pagination-bullet-active { background:#e60020; opacity:1} /*切换*/ .llwh1-con {width:1340px;height:250px; margin:0 auto; position:relative;} .llwh1-con .swiper-container { position:static} .llwh1-list { width:1220px; margin:0 auto;} .llwh1-list .swiper-slide{width:100%;height:250px; float:left;cursor:pointer;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;} .llwh1-list .swiper-slide .text{ font-size:20px; color:#595757; margin-bottom:10px;} .llwh1-list .swiper-slide .pic { width:100%; height:160px; position:relative; left:0; top:0; overflow:hidden;} .llwh1-list .swiper-slide .pic p.p1 { width:100%; height:160px; position:absolute; left:0; top:0; z-index:1;} .llwh1-list .swiper-slide .pic p.p1 img{ display:block; width:100%; height:100%;} .llwh1-list .swiper-slide .pic p.p2 { width:100%; height:160px;background:url(../images/pic93.png) repeat center center;position:absolute; left:0; top:0; z-index:2; color:#fff; padding:25px 18px; box-sizing:border-box; opacity:0;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; line-height:24px;} .llwh1-list .swiper-slide:hover .pic p.p2 { opacity:1} .llwh1-con .swiper-button-prev{width:54px;height:54px;background:url("../images/pic51.png") no-repeat center center; background-size:cover; left:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:43% } .llwh1-con .swiper-button-next{width:54px;height:54px;background:url("../images/pic52.png") no-repeat center center;background-size:cover; right:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:43% } .llwh1-con .swiper-button-prev:after {content:''} .llwh1-con .swiper-button-next:after {content:''} .llwh1-con .swiper-button-prev:hover {background:url("../images/pic51-on.png") no-repeat center center;background-size:cover; } .llwh1-con .swiper-button-next:hover {background:url("../images/pic52-on.png") no-repeat center center;background-size:cover; } .llwh-div .box4 { clear:both; width:100%;} .llwh-div .box4 .txt { width:1200px; margin:0 auto; margin-bottom:3%;} .llwh-div .box4 .txt p.p1 { font-size:32px; color:#dc0010; line-height:35px; margin-bottom:20px;} .llwh-div .box4 .txt p.p1 span { font-size:24px; color:#595757; margin-left:10px;} .llwh-div .box4 .txt p.p2 { color:#595757; line-height:22px; width:610px; text-align:justify;} /*切换*/ .llwh2-con {width:1340px;height:400px; margin:0 auto; position:relative;} .llwh2-con .swiper-container { position:static} .llwh2-list { width:1210px; margin:0 auto;} .llwh2-list .swiper-slide{width:100%;height:370px; float:left;cursor:pointer;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;} .llwh2-list .swiper-slide:nth-child(1n) {} .llwh2-list .swiper-slide:nth-child(2n) {} .llwh2-list .swiper-slide:nth-child(3n) {} .llwh2-list #bg1 { background:#ffd900; } .llwh2-list #bg2 { background:#fc4641; color:#fff;} .llwh2-list #bg3 { background:#2f2f59; color:#fff;} .llwh2-list #bg4 { background:#ddd;} .llwh2-list .swiper-slide p.p1 { width:100%; height:233px; overflow:hidden;} .llwh2-list .swiper-slide p.p1 img { display:block; width:100%; height:100%;} .llwh2-list .swiper-slide p.p2 { padding:25px; box-sizing:border-box; width:100%; text-align:justify;} .llwh2-con .swiper-button-prev{width:54px;height:54px;background:url("../images/pic51.png") no-repeat center center; background-size:cover; left:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:43% } .llwh2-con .swiper-button-next{width:54px;height:54px;background:url("../images/pic52.png") no-repeat center center;background-size:cover; right:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:43% } .llwh2-con .swiper-button-prev:after {content:''} .llwh2-con .swiper-button-next:after {content:''} .llwh2-con .swiper-button-prev:hover {background:url("../images/pic51-on.png") no-repeat center center;background-size:cover; } .llwh2-con .swiper-button-next:hover {background:url("../images/pic52-on.png") no-repeat center center;background-size:cover; } /*社会公益*/ .shgy-div { padding-top:40px;} .shgy-div .box1 {background:url(../images/pic39.png) no-repeat top right; height:440px; padding-top:50px;} .shgy-div .box1 .d1 { font-size:54px; color:#dcdddd; line-height:52px; margin-bottom:14px;font-family:Avalon2; } .shgy-div .box1 .d2 { font-size:60px; color:#e60020; line-height:66px; margin-bottom:10%;} .shgy-div .box1 .d3 { font-size:30px; color:#333333; margin-bottom:20px;} .shgy-div .box1 .d4 { color:#333333; line-height:24px;} .shgy-div .box2 { clear:both; margin-bottom:5%;} /*切换*/ .shgy-con {width:1340px;height:420px; margin:0 auto; position:relative;} .shgy-con .swiper-container { position:static} .shgy-list { width:1200px; margin:0 auto;} .shgy-list .swiper-slide{width:100%;height:335px; float:left;cursor:pointer;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; background:#f5f5f5;} .shgy-list .swiper-slide p.p1 { width:100%; height:200px; overflow:hidden;} .shgy-list .swiper-slide p.p1 img { display:block; width:100%; height:100%;} .shgy-list .swiper-slide p.p2 { padding:14px 17px; box-sizing:border-box; width:100%; text-align:justify; line-height:22px;} .shgy-con .swiper-button-prev{width:54px;height:54px;background:url("../images/pic51.png") no-repeat center center; background-size:cover; left:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:39% } .shgy-con .swiper-button-next{width:54px;height:54px;background:url("../images/pic52.png") no-repeat center center;background-size:cover; right:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:39% } .shgy-con .swiper-button-prev:after {content:''} .shgy-con .swiper-button-next:after {content:''} .shgy-con .swiper-button-prev:hover {background:url("../images/pic51-on.png") no-repeat center center;background-size:cover; } .shgy-con .swiper-button-next:hover {background:url("../images/pic52-on.png") no-repeat center center;background-size:cover; } /*服务案例*/ .fwal-div { margin-top:70px;} .altit { margin-bottom:5%;} .altit p.p1 { font-size:24px; color:#e60021;font-family:Avalon; line-height:30px; margin-bottom:9px;text-transform:uppercase;} .altit p.p2 { font-size:30px; color:#333333;} .fwal-div .box1 { margin-bottom:35px;} .fwal-div .box1 .toppic img { display:block; margin-left:599px;} .fwal-div .box1 .list { height:400px; overflow:hidden;} .fwal-div .box1 .list .d1 { position:relative; left:0; top:0} .fwal-div .box1 .list .d1 p.p1 img { display:block; width:100%; height:100%;} .fwal-div .box1 .list .d1 p.p2 { width:14px; height:18px; position:absolute; right:0; top:50%; z-index:2; margin-top:-9px;} .fwal-div .box1 .list .d2 { position:relative; left:0; top:0} .fwal-div .box1 .list .d2 p.p2 { width:14px; height:18px; position:absolute; left:0; top:50%; z-index:2; margin-top:-9px;} .fwal-div .box1 .list .d { width:300px; height:200px; overflow:hidden; float:left; background:#f0f0f0;} .fwal-div .box1 .list .d p.p3{ font-size:20px; color:#333333; font-weight:bold; margin-bottom:17px; padding:0 25px; box-sizing:border-box; margin-top:20px;} .fwal-div .box1 .list .d p.p4{ color:#666666; line-height:22px; padding:0 25px; box-sizing:border-box; text-align:justify;} .fwal-div .box2 { clear:both; width:100%;background:url("../images/pic110.jpg") repeat-y center center; padding:50px 0;} .fwal-qh { width:1340px; margin:0 auto;} .fwal-qh .bd .thd { height:42px; margin-bottom:40px; margin-left:70px; line-height:42px;} .fwal-qh .bd .thd .tit { font-size:30px; color:#333333; width:155px; float:left;} .fwal-qh .bd .thd ul { float:left;} .fwal-qh .bd .thd ul li { width:160px; height:42px; line-height:42px; background:#dbdbdb; text-align:center; margin-right:10px; font-size:15px; color:#4c4c4c; float:left; cursor:pointer;} .fwal-qh .bd .thd ul li.on { background:#e60021; color:#fff;} /*切换*/ .fwan1-con {width:1340px;height:350px; margin:0 auto; position:relative;} .fwan1-con .swiper-container { position:static} .fwan1-list { width:1200px; margin:0 auto;} .fwan1-list .swiper-slide{width:100%;height:340px; float:left;cursor:pointer;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;} .fwan1-list .swiper-slide .text{ font-size:16px; color:#595757; margin-bottom:10px;} .fwan1-list .swiper-slide .pic { width:100%; height:240px; margin-bottom:20px; } .fwan1-list .swiper-slide .text { width:100%; text-align:center; } .fwan1-list .swiper-slide .pic img{ display:block; width:100%; height:100%;} .fwan1-con .swiper-button-prev{width:54px;height:54px;background:url("../images/pic51.png") no-repeat center center; background-size:cover; left:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:39% } .fwan1-con .swiper-button-next{width:54px;height:54px;background:url("../images/pic52.png") no-repeat center center;background-size:cover; right:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:39% } .fwan1-con .swiper-button-prev:after {content:''} .fwan1-con .swiper-button-next:after {content:''} .fwan1-con .swiper-button-prev:hover {background:url("../images/pic51-on.png") no-repeat center center;background-size:cover; } .fwan1-con .swiper-button-next:hover {background:url("../images/pic52-on.png") no-repeat center center;background-size:cover; } /*供应商合作*/ .gyshz-div { margin-top:70px; height:1260px; margin-bottom:70px;} .gyshz-div .left { width:800px; height:100%; float:left;} .gyshz-div .right { width:360px; height:100%; float:right;} .gyshz-div .left .box { clear:both; width:100%; height:300px; overflow:hidden; margin-bottom:20px; background:#f0f0f0; padding:22px 30px; box-sizing:border-box;} .gyshz-div .left .box .tit { width:100%; height:40px; border-bottom:1px solid #d6d6d6; margin-bottom:15px;} .gyshz-div .left .box .tit span { display:block; font-size:18px; color:#333333; width:500px; float:left;background:url("../images/pic111.png") no-repeat left center; padding-left:28px;} .gyshz-div .left .box .tit a { display:block; width:73px; height:25px; line-height:25px; background:#e60021; color:#fff; text-align:center; border-radius:18px; float:right;} .gyshz-div .left .box .list ul li { width:100%; height:36px; line-height:36px; color:#666666; margin-bottom:4px;} .gyshz-div .left .box .list ul li p { width:560px; float:left; height:100%;background:url("../images/pic112.png") no-repeat left center; padding-left:16px;} .gyshz-div .left .box .list ul li a { display:block;width:58px; height:25px; line-height:25px;color:#fff; text-align:center; border-radius:15px; float:right;background:#808080 url("../images/pic113.png") no-repeat 15px center; padding-left:15px; font-size:13px;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;} .gyshz-div .left .box .list ul li a:hover { background:#e60021 url("../images/pic113.png") no-repeat 15px center; } .gyshz-div .right .box { clear:both; width:100%; height:620px; overflow:hidden; margin-bottom:20px; background:#f0f0f0;padding:22px 26px; box-sizing:border-box;} .gyshz-div .right .box_ { margin-bottom:0; height:420px;} .gyshz-div .right .box .tit { width:100%; height:40px; line-height:40px; border-bottom:1px solid #d6d6d6; margin-bottom:15px;font-size:18px; color:#333333;float:left;background:url("../images/pic111.png") no-repeat left center; padding-left:28px;} .gyshz-div .right .box .list { clear:both; margin-bottom:25px;} .gyshz-div .right .box .list ul li{ border-bottom:1px solid #d6d6d6; margin-bottom:16px; padding-bottom:16px;} .gyshz-div .right .box .list ul li p.p1 { font-size:16px; color:#333333; margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; } .gyshz-div .right .box .list ul li p.p2 a { display:block;display:block;width:49px; height:24px; line-height:24px;color:#fff; text-align:center; border-radius:14px;background:#808080 url("../images/pic113.png") no-repeat 12px center; padding-left:13px; font-size:12px;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; background-size:12px;} .gyshz-div .right .box .more a {display:block; width:62px; height:24px; line-height:24px; background:#e60021; color:#fff; text-align:center; border-radius:15px; font-size:13px;} .gyshz-div .right .box .list ul li p.p2 a:hover {background:#e60021 url("../images/pic113.png") no-repeat 12px center;background-size:12px; } .gyshz-div .right .box2 { width:100%; height:180px;background:#f0f0f0; padding:59px 0 0 90px; box-sizing:border-box; margin-top:20px;} .gyshz-div .right .box2 .btn { width:164px; height:61px; line-height:58px;background: url("../images/2020110902.png") no-repeat center center; text-align:center;} .gyshz-div .right .box2 .btn a { color:#fff; font-size:16px; display:block; width:100%; height:100%;} /*新闻*/ .news-div {overflow:hidden;} .news-div .left { width:870px; height:100%; float:left; border-right:1px solid #eee; padding-top:55px; box-sizing:border-box; padding-right:50px; padding-bottom:30px;} .news-div .right { width:300px; height:100%; float:right; padding-top:55px; box-sizing:border-box;} .news-div .right .d { width:100%; height:150px; margin-bottom:10px; padding:15px 30px; box-sizing:border-box;} .news-div .right .d a { display:block; width:100%; height:100%;} .news-div .right .d1 {background: url("../images/pic114.jpg") no-repeat center center; height:280px;} .news-div .right .d2 {background: url("../images/pic115.jpg") no-repeat center center;} .news-div .right .d3 {background: url("../images/pic116.jpg") no-repeat center center; color:#fff;} .news-div .right .d4 {background: url("../images/pic117.jpg") no-repeat center center; height:300px; color:#0669f7;} .news-div .right .d p.p1 {font-family:Avalon;text-transform:uppercase; line-height:18px;} .news-div .right .d p.p2 { font-size:28px; line-height:34px;} .news-div .right .d1 p.p1 { color:#b7b8c9;} .news-div .right .d1 p.p2 { color:#5e5e5e;} .news-div .right .d1 { padding:30px;} .news-div .right .d4 { padding:30px;} .news-div .left .piclist {border-bottom:1px solid #eee; margin-bottom:30px;} .news-div .left .piclist .box { width:100%; height:200px; overflow:hidden;} .news-div .left .piclist .box .boxL { width:440px; height:100%; float:left; overflow:hidden;} .news-div .left .piclist .box .boxR { width:320px; height:200px; overflow:hidden; float:right;} .news-div .left .piclist .box .boxR img { display:block; width:100%; height:100%;} .news-div .left .piclist .box .boxL h1 { font-size:30px; color:#e60021;font-family:Avalon; margin-bottom:10px; font-weight: bold;} .news-div .left .piclist .box .boxL p.p2 { font-size:18px; font-weight:bold; color:#333333; margin-bottom:10px;} .news-div .left .piclist .box .boxL p.p3 { color:#808080; line-height:24px; text-align:justify;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .news-div .left .piclist .more a { clear:both; display:block; width:440px; height:55px; line-height:55px; text-align:center; background:#e6e6e6 url("../images/pic185.png") no-repeat center center; font-size:16px; color:#e60021;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;} .news-div .left .piclist .more a:hover { color:#fff;background:#e60021 url("../images/pic185-on.png") no-repeat center center;} .news-div .left .list { clear:both;} .news-div .left .list .d { width:100%; height:110px;border-bottom:1px solid #eee; margin-bottom:30px; padding-bottom:30px;} .news-div .left .list .d .dL { width:90px; height:100%; float:left; background:#e6e6e6; text-align:center; padding-top:16px; box-sizing:border-box;} .news-div .left .list .d .dR { width:700px; height:100%; float:right;} .news-div .left .list .d .dL p.p1 { font-size:48px; color:#e60021; font-weight:bold; line-height:50px; margin-bottom:4px;font-family:Avalon;} .news-div .left .list .d .dL p.p2 { color:#666666;font-family:Avalon;} .news-div .left .list .d .dR p.p1 { font-size:18px; color:#333333;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; } .news-div .left .list .d .dR p.p2 { font-size:13px; color:#b2b2b2; margin-bottom:8px;} .news-div .left .list .d .dR p.p3 { font-size:13px; color:#666666; line-height:30px;padding-top:10px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .news-div .left .list .d:hover .dR p.p1 {color:#e60021;} .fy { clear:both; width:100%; text-align:center; height:30px; padding:0 0 20px 0; margin:0 auto; font-size:14px; } .fy b{ display:inline-block; width:24px; height:24px; text-align:center; background:#e60021; border-radius:5px; line-height:24px; color:#fff; font-weight:100;} .fy a{ display:inline-block; padding:0 10px;height:24px; text-align:center; line-height:24px;margin:0 1px; font-size:14px;} .news-content { width:100%;} .newsdetail-content { width:98%; margin:0 auto; overflow:hidden;} .newsdetail-content p { margin-bottom:20px;} .newsdetail-content p img { max-width:750px;} .newsdetail-title { width: 100%; padding: 0 0 10px 0; border-bottom:1px dashed #e1e0e6; margin-bottom: 34px; text-align:center } .newsdetail-title .title { width:100%; margin:0 auto; font-weight: bold; font-size: 20px; line-height: 30px; color: #000; margin-bottom: 10px; } .newsdetail-title .info { color: #8695a0; font-size:13px; } /*刊物*/ /*切换*/ .kanwu-con {width:1340px;height:670px; margin:0 auto; position:relative; margin-top:70px;} .kanwu-list{width:1220px;height:600px;overflow:hidden; margin:0 auto;} .kanwu-list ul { height:600px;} .kanwu-list li{width:294px;height:600px; float:left;cursor:pointer; margin:0 5px;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;} .kanwu-list li .kwbox { width:294px; height:460px; position:relative; left:0; top:0; margin-bottom:17px;} .kanwu-list li .pic { width:100%; height:460px; margin-bottom:20px; position:absolute; left:0; top:0; z-index:1; } .kanwu-list li .pic img{ display:block; width:100%; height:100%;} .kanwu-list li .txt { width:100%; height:460px; position:absolute; left:0; top:0; z-index:2; color:#fff;background:url("../images/pic123.png") repeat center center; padding:22px; box-sizing:border-box; opacity:0;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; overflow:hidden;} .kanwu-list li .txtbox { width:100%; height:450px;overflow-x:hidden; overflow-y:auto; box-sizing:border-box;} .kanwu-list li .txt .ti { clear:both; display:block; width:100%; font-size:20px;font-family:Avalon; font-weight:bold; padding-top:15px; padding-left:5px;} .kanwu-list li .txt .d { width:auto; height:30px; line-height:30px; box-sizing:border-box; text-align:center; float:left;font-size:14px; margin:8px 5px 8px 0;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;} .kanwu-list li .txt .d a { color:#fff; display: inline-block; height:100%;border:1px solid #f0aeaf; border-radius:16px; padding:0 10px; } .kanwu-list li .txtbox2 .d { margin:0; float:inherit; text-align:left} .kanwu-list li .txtbox2 .d a { border:0; padding:0; display:block; height:22px;} .kanwu-list li .txt .d a:hover { background:#e60021;border:1px solid #e60021; box-sizing:border-box;} .kanwu-list li .txtbox2 .d a:hover { background:none; border:0; color:#e60021} .kanwu-list li .tit { font-size:16px; color:#333333; text-align:center; margin-bottom:11px;} .kanwu-list li .icon { width:80px; height:80px; overflow:hidden;background:url("../images/pic124.png") no-repeat center center; margin:0 auto;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;} .kanwu-list li:hover .txt { opacity:1;} .kanwu-list li:hover .icon{background:url("../images/pic124-on.png") no-repeat center center;} .kanwu-list li .txtbox::-webkit-scrollbar { width: 6px;} .kanwu-list li .txtbox::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;} .kanwu-list li .txtbox::-webkit-scrollbar-thumb {border-radius: 10px; background: #e60021;} .kanwu-list li .txtbox::-webkit-scrollbar-thumb:window-inactive { background: #e60021;} .kanwu-con .kanwu-btns a { display:block;position:absolute;top:27%; z-index:9; } .kanwu-con .kanwu-btns .kanwu-prev{width:54px;height:54px;background:url("../images/pic51.png") no-repeat center center; background-size:cover; left:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; } .kanwu-con .kanwu-btns .kanwu-next{width:54px;height:54px;background:url("../images/pic52.png") no-repeat center center;background-size:cover; right:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; } .kanwu-con .kanwu-btns .kanwu-prev:hover{width:54px;height:54px;background:url("../images/pic51-on.png") no-repeat center center;background-size:cover;} .kanwu-con .kanwu-btns .kanwu-next:hover{width:54px;height:54px;background:url("../images/pic52-on.png") no-repeat center center;background-size:cover;} /*视频*/ .sp-div { padding:70px 0 50px 0;} .sp-div .tuijian { height:330px; overflow:hidden; margin-bottom:60px;} .sp-div .tuijian .d { width:390px; height:100%; float:left; overflow:hidden; background:#f0f0f0; text-align:center;} .sp-div .tuijian .d a { display:block; width:100%; height:100%;} .sp-div .tuijian .d p.p1 { width:100%; height:220px; overflow:hidden; margin-bottom:20px;} .sp-div .tuijian .d p.p1 img { display:block; width:100%; height:100%; margin:0 auto;} .sp-div .tuijian .d p.p2 { width:44px; height:33px;background:url("../images/pic125.png") no-repeat center center; margin:0 auto; margin-bottom:10px;} .sp-div .tuijian .d p.p3 { font-size:15px; color:#333333;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; } .sp-div .tuijian .d:nth-child(2) { margin:0 15px;} .sp-div .list { clear:both;} /*切换*/ .sp-con {width:1340px;height:260px; margin:0 auto; position:relative;} .sp-con .swiper-container { position:static} .sp-list { width:1200px; margin:0 auto;} .sp-list .swiper-slide{width:100%;height:260px; float:left;cursor:pointer;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;} .sp-list .swiper-slide .d a { display:block; width:100%; height:100%;} .sp-list .swiper-slide .d p.p1 { width:100%; height:180px; overflow:hidden; margin-bottom:6px;} .sp-list .swiper-slide .d p.p1 img { display:block; width:100%; height:100%; margin:0 auto;} .sp-list .swiper-slide .d p.p2 { width:44px; height:29px;background:url("../images/pic125.png") no-repeat left center; background-size:27px} .sp-list .swiper-slide .d p.p3 { font-size:15px; color:#333333; line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; } .sp-con .swiper-button-prev{width:54px;height:54px;background:url("../images/pic51.png") no-repeat center center; background-size:cover; left:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:37% } .sp-con .swiper-button-next{width:54px;height:54px;background:url("../images/pic52.png") no-repeat center center;background-size:cover; right:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms; top:37% } .sp-con .swiper-button-prev:after {content:''} .sp-con .swiper-button-next:after {content:''} .sp-con .kanwu-prev:hover{width:54px;height:54px;background:url("../images/pic51-on.png") no-repeat center center;background-size:cover;} .sp-con .kanwu-next:hover{width:54px;height:54px;background:url("../images/pic52-on.png") no-repeat center center;background-size:cover;} .sp-neirong { clear:both; padding:70px 0 6% 0; width:1200px; margin:0 auto; overflow:hidden;} .sp-neirong .sp-title { text-align:center; font-size:18px; font-weight:bold; line-height:30px; margin-bottom:26px;} .sp-neirong .sp-box{ width:750px; margin:0 auto; overflow:hidden;} .sp-neirong .sp-box video { width:750px; margin:0 auto;} #my-video { width:750px; margin:0 auto; } /*社会招聘*/ .screening{background: #fff;margin: 40px 0 15px 0; height:75px; overflow:hidden;} .select{width: 240px;margin-right: 19px;} .select select{width: 100%;height: 60px;color: #a6a6a6;font-size: 16px; border:1px solid #cccccc; background:#fafafa; text-align:center; box-sizing:border-box;padding:0 10px;} .ipt input{height: 60px;width: 1077px;font-size: 16px; border:1px solid #cccccc; background:#fafafa;box-sizing:border-box; padding:0 10px;} .btn button{width: 123px;height: 60px;background: #e60021;border: 0;cursor: pointer; color:#fff; font-size:16px;} .da-animate img{display: none;opacity: 0.7!important;} .ny_kf2 { width:1200px; margin:0 auto;} .ny_kf2_2{background: #fff;padding: 20px 0 80px 0;} .ny_kf2_2_1>ul>li{border: 1px solid #cccccc;padding: 36px 40px;cursor: pointer; background:#fafafa; box-sizing:border-box; width:100%; height:180px; margin-bottom:20px;} .ny_kf2_2_1>ul>li .d1 { font-size:20px; color:#333333; font-weight:bold; margin-bottom:23px;} .ny_kf2_2_1>ul>li .d2 { font-size:15px; color:#666666;} .ny_kf2_2_1>ul>li .d2 span { display:block; float:left; height:40px; line-height:40px;} .ny_kf2_2_1>ul>li .d2 span.sp1 {background:url("../images/pic130.png") no-repeat left center; padding-left:24px;} .ny_kf2_2_1>ul>li .d2 span.sp2 {background:url("../images/pic129.jpg") no-repeat left center; padding-left:15px; margin-left:15px;} .ny_kf2_2_1>ul>li .d2 span.sp3 { font-size:28px; color:#e60021; margin-left:180px; margin-right:40px; width:220px; text-align:right; overflow:hidden;} .ny_kf2_2_1>ul>li .d2 span.sp4 { width:120px; height:40px; line-height:40px; background:#e60021; color:#fff; text-align:center; font-size:16px;} .ny_cf2_1 h3{color: #ee7b23;font-size: 24px;font-weight: normal;padding-left: 10px;border-left: 3px solid #ed7a23;line-height: 24px;height: 24px;} .ny_cf1{margin-right: 50px;} .ny_cf2 {margin: 45px 0 0 0;width: 335px;} .ny_cf2_1{margin-bottom: 30px;} .ny_cf2_1 p{background: #ff3600;color: #fff;display: inline-block;width: 60px;border-radius: 20px;text-align: center;font-size: 12px;line-height: 20px;height: 20px;margin-left: 10px;} .ny_cf2_2 p{color: #757575;font-size: 16px;line-height: 30px;position: relative;padding-left: 15px;} .ny_cf2_2 p:after{content: "";position: absolute;top: 8px;left: 0;width: 2px;height: 16px;background: #d1d1d1;} .ny_cf2_3 ul li{float: left;margin-right: 5px;font-size: 14px;} .ffk1{background: #f3e6dc;padding: 0 10px;color: #ff6f00;} .ffk2{background: #effaf1;padding: 0 10px;color: #8bb392;} .ffk3{background: #e6e6f7;padding: 0 10px;color: #8080e3;} .ny_cf2_3{margin: 17px 0 17px 15px;} .ny_cf2_4 p{color: #757575;font-size: 16px;position: relative;padding-left: 15px;} .ny_cf2_4 p:after{content: "";position: absolute;top: 5px;left: 0;width: 2px;height: 16px;background: #d1d1d1;} .lp_k1 select{color: #000;} /*弹出层-招聘*/ .fotdn-zp { width: 100%; height: 100%; background: #000; background: rgba(0,0,0,.4); position: fixed; top: 0; left: 0; display: none; z-index:9999; } .fotdn-zp .zp-div{ width: 400px; height: 480px; position: absolute; top: 50%; left: 50%; margin-top: -240px; margin-left: -200px; z-index:99999; box-sizing:border-box; background:#fff; } .fotdn-zp .zp-div2 { height:566px; margin-top:-283px } .fotdn-zp .zp-div .tit { font-size:20px; font-weight:bold; margin-bottom:2px; color:#333333; background:#f0f0f0; height:70px; line-height:70px; padding:0 30px; margin-bottom:23px;} .fotdn-zp .zp-div .list { width:330px; margin:0 auto;} .fotdn-zp .zp-div .list .d { margin-bottom:14px;} .fotdn-zp .zp-div .list .d span { display:block; width:100%; margin-bottom:5px;} .fotdn-zp .zp-div .list .d input { display:block; width:100%; line-height:38px; height:38px; border:1px solid #e6e6e6; padding:0 8px; box-sizing:border-box;} .fotdn-zp .zp-div .list .d2 { margin-bottom:21px; height:30px; margin-top:25px;} .fotdn-zp .zp-div .list .d2 span { display:block; width:48px; float:left;} .fotdn-zp .zp-div .list .d2 input { float:left; width:260px; border:0;} .fotdn-zp .zp-div .list .smt { clear:both; width:100%} .fotdn-zp .zp-div .list .smt input { display:block; width:100%; background:#e60021; color:#fff; text-align:center; height:42px; line-height:42px;} .fotdn-zp .zp-div .fancybox{ position: absolute; top: 24px; right: 21px; cursor: pointer; width:20px; height:20px; } /*校园招聘*/ .xyzp-pic { clear:both; margin-top:70px; margin-bottom:50px;} .xyzp-pic .li1 { font-size:24px; color:#e60021; font-family:Avalon; margin-bottom:8px;} .xyzp-pic .li2 { font-size:30px; color:#333333; margin-bottom:28px;} .xyzp-pic .li3 { color:#666666; margin-bottom:25px;} .xyzp-pic .li4 img { display:block; width:100%; height:auto;} .rightfloat { width:54px; height:400px; position:fixed; right:0; top:33%; z-index:9999; text-align:center;} .rightfloat p{ width:100%; font-size:18px; color:#010003; box-sizing:border-box; line-height:24px;} .rightfloat p.p1{background: url(../images/pic180.png) no-repeat center; height:164px; padding-top:33px; margin-bottom:7px;} .rightfloat p.p2{background: url(../images/pic181.png) no-repeat center; height:172px; padding-top:26px;} /*党建工作*/ .djgz-div { clear:both; padding:50px 0;} .djTit { width:100%; margin-bottom:22px; height:34px; line-height:34px;} .djTit p { float:left; width:50%;} .djTit p.p1 { font-size:22px; color:#e60021;} .djTit p.p2 { color:#333333; text-align:right;} .djTit p.p2 { color:#333; font-weight:bold;} .djgz-div .box1 { height:410px; overflow:hidden; margin-bottom:20px;} .djgz-div .box1 .L { width:730px; height:100%; float:left; overflow:hidden; position:relative;} .djgz-div .box1 .R { width:437px; height:100%; float:right; overflow:hidden;} .djgz-div .box1 .R .list{ clear:both;} .djgz-div .box1 .R .list ul li { border-bottom:1px solid #e0e0e0; padding-bottom:27px; margin-bottom:24px;} .djgz-div .box1 .R .list ul li:last-child { border-bottom:0;} .djgz-div .box1 .R .list ul li a { display:block;} .djgz-div .box1 .R .list ul li p.p1 { font-size:18px; color:#666666; font-weight:bold; margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; } .djgz-div .box1 .R .list ul li p.p2 { color:#808080; line-height:25px;} .djgz-div .box1 .R .list ul li p.p2 span { color:#e60021; float:right} .djgz-div .box1 .L .swiper-container { position:static} .djgz-div .box1 .L .top a p.p1 { width:100%;} .djgz-div .box1 .L .top a p.p1 img { display:block; width:100%; height:auto} .djgz-div .box1 .L .top a p.p2 { width:100%; height:65px; line-height:65px; position:absolute; left:0; bottom:0; z-index:2; color:#fff; padding:0 15px; box-sizing:border-box;background: url(../images/pic193.png) repeat center center;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; font-size:15px; } .djgz-div .box1 .L .swiper-pagination-bullet { opacity:1; background:#fff; width:10px; height:10px;} .djgz-div .box1 .L .swiper-container-horizontal>.swiper-pagination-bullets { width:110px; right:0; left:inherit; bottom:27px;} .djgz-div .box1 .L .swiper-pagination-bullet-active { background:#e60021;} .djgz-div .box2 { clear:both; height:280px; margin-bottom:20px; overflow:hidden;} .djgz-div .box2 .box { height:280px; float:left; border:1px solid #e6e6e6; box-sizing:border-box;} .djgz-div .box2 .b1 { width:430px;} .djgz-div .box2 .b2 { width:430px; margin:0 10px;} .djgz-div .box2 .b3 { width:320px;} .djgz-div .box2 .box .djTit {border-bottom:1px solid #e6e6e6; height:42px; line-height:42px; padding:0 10px; box-sizing:border-box; margin-bottom:12px;} .djgz-div .box2 .box .list { padding:10px 15px; box-sizing:border-box; margin-bottom:6px;} .djgz-div .box2 .box .list ul li {background: url(../images/pic196.png) no-repeat left center; padding-left:13px; width:100%; box-sizing:border-box; height:31px; line-height:31px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; } .djgz-div .box2 .box .more { clear:both;} .djgz-div .box2 .box .more a { background:#e60021; display:inline-block; color:#fff; padding:0 8px; margin-left:13px;} .djgz-div .box2 .b3 .list2 { clear:both; height:141px; overflow:hidden; margin:0 auto; width:290px; margin-top:14px; margin-bottom:14px;} .djgz-div .box2 .b3 .list2 .list2L { width:132px; height:100%; overflow:hidden; float:left;} .djgz-div .box2 .b3 .list2 .list2R { width:140px; height:100%; float:right; line-height:20px;} .djgz-div .box2 .b3 a.a2 { background:none; color:#333;background: url(../images/pic197.jpg) no-repeat left center; padding-left:32px; margin-left:28px; } .djgz-div .box2 .b3 .djTit { margin-bottom:28px;} .djgz-div .box2 .b3 .list2 .list2R span { display:block;} .djgz-div .box3 { clear:both; margin-bottom:20px;} .djgz-div .box3 img { display:block; width:100%; height:auto;} .djgz-div .box4 { clear:both; border:1px solid #e6e6e6; box-sizing:border-box; width:100%; height:350px; margin-bottom:20px;} .djgz-div .box4 .djTit {border-bottom:1px solid #e6e6e6; height:42px; line-height:42px; padding:0 10px; box-sizing:border-box; margin-bottom:6px;} .djgz-div .box4 .dangj-con { position:relative; padding-top:25px;} .djgz-div .box4 .dangj-con .swiper-container { position:static} .djgz-div .box4 .dangj-con .dangj-list { width:1080px; margin:0 auto;} .djgz-div .box4 .dangj-con .swiper-slide { background:#f0f0f0; width:100%; height:240px; overflow:hidden; text-align:center;} .djgz-div .box4 .dangj-con .swiper-slide .d p.p1 img { display:block; width:100%; height:180px;} .djgz-div .box4 .dangj-con .swiper-slide .d p.p2 { line-height:60px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; } .djgz-div .box4 .dangj-con .swiper-button-prev {background: url(../images/pic194.png) no-repeat center center; width:82px; height:82px; overflow:hidden; left:-90px; background-size:cover; top:44%;} .djgz-div .box4 .dangj-con .swiper-button-next {background: url(../images/pic195.png) no-repeat center center; width:82px; height:82px; overflow:hidden; right:-90px; background-size:cover; top:44%;} .djgz-div .box4 .dangj-con .swiper-button-prev:after { content:''} .djgz-div .box4 .dangj-con .swiper-button-next:after { content:''} /*企业文化*/ .qywh-div { clear:both; width:100%;} .qywh-div .box1 { height:1500px;background: url(../images/pic186.jpg) no-repeat center center;} .qywh-div .box1 .wrap{ position:relative; top:0; left:0;} .qywh-div .box1 .d { width:610px; height:610px; background:#fff; border-radius:50%; overflow:hidden; position:absolute; z-index:2; padding:150px 50px 100px 80px; box-sizing:border-box;} .qywh-div .box1 .d1 { right:0; top:70px;} .qywh-div .box1 .d2 { left:0; top:480px;} .qywh-div .box1 .d3 { right:0; top:790px;} .qywh-div .box1 .d p.p1 { font-size:36px; color:#e60020; line-height:44px; margin-bottom:5px;} .qywh-div .box1 .d p.p2 { font-size:38px; color:#dcdcdc; line-height:46px;text-transform:uppercase; margin-bottom:30px; border-bottom:1px solid #f9bfc7; padding-bottom:22px;font-family:Avalon2;} .qywh-div .box1 .d p.p3 { font-size:24px; color:#595757; margin-bottom:15px;} .qywh-div .box1 .d p.p4 { font-size:14px; color:#595757;} .qywh-div .box2 { clear:both; height:720px;background: url(../images/pic197.jpg) no-repeat center center; padding-top:90px; box-sizing:border-box;} .qywh-div .box2 .d1 {font-size:36px; color:#e60020; line-height:44px; margin-bottom:5px;} .qywh-div .box2 .d2 {font-size:38px; color:#dcdcdc; line-height:46px;text-transform:uppercase; margin-bottom:38px; border-bottom:1px solid #f9bfc7; padding-bottom:26px;font-family:Avalon2; display: inline-block} .qywh-div .box2 .d3 {font-size:24px; color:#595757; margin-bottom:15px;} .qywh-div .box2 .d4 {font-size:14px; color:#595757; margin-bottom:80px;} .qywh-div .box2 .d5 {} .qywh-div .box2 .d5 .li { width:292px; height:180px; float:left; margin-right:10px;} .qywh-div .box2 .d5 .li p.p1 { height:46px; line-height:46px; margin-bottom:20px; font-size:16px; color:#fff; text-align:center;} .qywh-div .box2 .d5 .li p.p2 { width:90%; margin:0 auto;} .qywh-div .box2 .d5 .l1 p.p1 {background: url(../images/pic198.png) no-repeat center center; } .qywh-div .box2 .d5 .l2 p.p1 {background: url(../images/pic199.png) no-repeat center center; } .qywh-div .box2 .d5 .l3 p.p1 {background: url(../images/pic200.png) no-repeat center center; } .qywh-div .box2 .d5 .l4 p.p1 {background: url(../images/pic201.png) no-repeat center center; } .qywh-div .box2 .d5 .l4 { margin-right:0} .qywh-div .box3 { clear:both; height:600px;background: url(../images/pic202.jpg) no-repeat center center; padding-top:100px; box-sizing:border-box;} .qywh-div .box3 .L { width:360px; height:100%; float:left; padding-top:20px; box-sizing:border-box;} .qywh-div .box3 .R { width:741px; height:100%; float:right;} .qywh-div .box3 .L .d1 { font-size:36px; color:#e60020; line-height:44px; margin-bottom:5px;} .qywh-div .box3 .L .d2 { font-size:38px; color:#abc9d5; line-height:46px;text-transform:uppercase; margin-bottom:44px; border-bottom:2px solid #e60020; padding-bottom:42px;font-family:Avalon2;} .qywh-div .box3 .L .d3 { font-size:24px; color:#595757; margin-bottom:25px; font-weight:bold;} .qywh-div .box3 .L .d4 { font-size:18px; color:#666666; line-height:180%; width:98%;} .qywh-div .box3 .R .d {background: url(../images/pic204.png) no-repeat center center; height:120px; overflow:hidden; margin-bottom:17px; } .qywh-div .box3 .R .d p { float:left; height:100%;} .qywh-div .box3 .R .d p.p1 { font-size:30px; color:#fff; text-align:center; width:143px; line-height:120px;} .qywh-div .box3 .R .d p.p2 { font-size:16px; line-height:170%; width:480px; margin-left:40px; padding-top:18px; box-sizing:border-box;} .qywh-div .box4 { clear:both; height:560px;background: url(../images/pic203.jpg) no-repeat center center; padding-top:50px; box-sizing:border-box;} .qywh-div .box4 .box4-1 { height:130px; overflow:hidden; margin-bottom:10px;} .qywh-div .box4 .box4-1 .L { width:30%; height:100%; float:left;} .qywh-div .box4 .box4-1 .R { width:70%; height:100%; float:right; text-align:right;} .qywh-div .box4 .box4-1 .L p.p1 { font-size:36px; color:#e60020; line-height:44px; margin-bottom:15px;} .qywh-div .box4 .box4-1 .L p.p1:after { clear:both; content:''; width:30px; height:3px; background:#2e2d2d; margin-top:12px; display:block;} .qywh-div .box4 .box4-1 .L p.p2 { font-size:18px; color:#595757; letter-spacing:3px;} .qywh-div .box4 .box4-1 .R .d1 { font-size:24px; color:#595757; margin-bottom:20px;} .qywh-div .box4 .box4-1 .R .d2 { color:#595757;} .qywh-div .box4 .box4-2 { clear:both; height:300px; overflow:hidden;} .qywh-div .box4 .box4-2 .d { width:220px; height:100%; float:left; background:#fff; padding:40px 20px 20px 20px; box-sizing:border-box; margin-right:25px;} .qywh-div .box4 .box4-2 .m0 { margin-right:0;} .qywh-div .box4 .box4-2 .d p.p1 { text-align:center; font-size:36px; color:#e44b4b; font-weight:bold; line-height:54px; margin-bottom:10px;} .qywh-div .box4 .box4-2 .d p.p2 { text-align:center; font-size:18px; color:#e44b4b; font-weight:bold;} .qywh-div .box4 .box4-2 .d p.p2:after { clear:both; content:''; width:30px; height:2px; background:#e60020; margin:0 auto; margin-top:30px; display:block; margin-bottom:17px;} .qywh-div .box4 .box4-2 .d p.p3 {} .qywh-div .box5 { clear:both;} .qywh-div .tit { width:1200px; margin:0 auto; font-size:30px; color:#333333; margin-bottom:25px; line-height:40px; margin-top:60px;} /*廉政举报*/ .lzjb-div { clear:both; height:1130px; width:1200px; margin:0 auto; overflow:hidden; margin-top:40px; margin-bottom:25px;} .lzjb-div .left { width:440px; height:100%; float:left; background:#e0e0e0;} .lzjb-div .right { width:760px; height:100%; float:left; background:#f5f5f5; padding:30px; box-sizing:border-box;} .lzjb-div .left .box1 { box-sizing:border-box; padding:30px; width:100%; height:550px; overflow:hidden;} .lzjb-div .left p.p1 { font-size:30px; color:#221815; line-height:40px; margin-bottom:15px;} .lzjb-div .left .box1 p.p2 { margin-bottom:25px; font-size:13px; color:#333333} .lzjb-div .left .box1 p.p3 { width:160px; text-align:center; font-size:13px;} .lzjb-div .left .box1 p.p3 img { display:block; width:100%; height:auto; margin-bottom:6px;} .lzjb-div .left .box2 { width:100%; height:340px; background:#ebebeb; padding:30px; box-sizing:border-box; } .lzjb-div .left .box2 p.p2 { margin-bottom:25px; font-size:13px; width:100%; height:200px; overflow-y:auto;padding-right:15px; box-sizing:border-box; color:#333333} .lzjb-div .left .box2 p.p2::-webkit-scrollbar { width: 6px;} .lzjb-div .left .box2 p.p2::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;} .lzjb-div .left .box2 p.p2::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);} .lzjb-div .left .box2 p.p2::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);} .lzjb-div .left .box3 { padding:30px; box-sizing:border-box;} .lzjb-div .left .box3 p.p2 { font-size:13px; color:#333333} .lzjb-div .right .tit { color:#221815; margin-bottom:15px;} .lzjb-div .right .form { color:#221815;} .lzjb-div .right .form .d { height:34px; line-height:34px; margin-bottom:20px;} .lzjb-div .right .form .d span { width:80px; display:inline-block;} .lzjb-div .right .form .d span.sp2 { margin-left:20px;} .lzjb-div .right .form .d1 {} .lzjb-div .right .form .d1 input{ width:190px; height:34px; line-height:34px; border:1px solid #c6c5c5; box-sizing:border-box; background:#f5f5f5; padding:0 8px;} .lzjb-div .right .form .d1 select { width:60px; height:34px; line-height:34px;border:1px solid #c6c5c5; box-sizing:border-box; background:#f5f5f5; display:inline-block;} .lzjb-div .right .form .d1 .in2 { width:250px;} .lzjb-div .right .form .d2 input{ width:190px; height:34px; line-height:34px; border:1px solid #c6c5c5; box-sizing:border-box; background:#f5f5f5; padding:0 8px;} .lzjb-div .right .form .d2 .in1 { width:254px;} .lzjb-div .right .form .d2 .in2 { width:250px;} .lzjb-div .right .form .d3 input{ width:611px; height:34px; line-height:34px; border:1px solid #c6c5c5; box-sizing:border-box; background:#f5f5f5; padding:0 8px;} .lzjb-div .right .form .d4 { height:740px;} .lzjb-div .right .form .d4 span { display:block; float:left; width:84px;} .lzjb-div .right .form .d4 textarea { display:block; float:left; width:610px; height:740px;border:1px solid #c6c5c5; box-sizing:border-box; background:#f5f5f5; padding:8px;} .lzjb-div .right .form .d5 { clear:both; padding-left:83px; margin-bottom:12px;} .lzjb-div .right .form .sbnm { clear:both; display:block; width:150px; height:43px; line-height:43px; text-align:center; color:#fff; background:#1164aa; font-size:24px; margin-left:83px;} /*组织建设*/ .zzjs-div { padding-top:4%;} .zzjs-div .text p { margin-bottom:20px;} .zzjs-div .pic img { display:block; width:100%; height:auto;} /*投诉举报*/ .toushu img { display:block; width:92%; height:auto; margin:0 auto; margin-bottom:10px;} /*投资者关系*/ .position2 { z-index:999; top:0; left:0; position:relative; background:#fff;} .position2 .L { width:24%;} .position2 .R { width:76%;} .position2 .R a { margin-left:0; height:66px;} .position2 .R .mod-con { width:100%} .mod-con{ width: 1200px; margin: 0 auto; } .mod-tab .clearfix{ overflow-x:hidden; overflow-y: hidden; position: relative; height: 66px; } .mod-tab .clearfix ul{ position: absolute; left: 16px; top: 0; height: 66px; padding-left: 0px; padding-right: 0px; box-sizing: border-box; display: block; white-space: nowrap; } .mod-tab{ border-bottom: 1px solid #f4f4f4; transform: translateY(0); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; box-sizing: border-box; } .mod-tab.mod-tab-fixed{ position: fixed; left: 0; top: 0; width: 100%; z-index: 1; } .mod-tab-container{ clear:both; width: 100%; height: 66px; position: relative; } .mod-tab{ position: absolute; left: 0; top: 0; width: 100%; background: #fff; } .mod-tab.fixed{ position: fixed; z-index: 99; } .position2.fixed{ position: fixed; z-index: 99; } .mod-tab li{ float: none; display: inline-block; margin-right: 56px; position: relative; cursor: pointer; } .mod-tab .line{ width: 64px; height: 3px; position: absolute; left: 0; bottom: 0; background: #e60021; } .mod-tab li:last-child{ margin-right: 0; } .mod-tab li a{ display: block; position: relative; color: #5F6464; } .mod-tab li.active-tab a{ color: #e60021; } .mod-tab li.active-tab a:after{ content: ' '; height: 3px; width: 100%; background: #e60021; position: absolute; left: 0; right: 0; bottom: 0px; } .mod-tab .mc-left{ position: absolute; left: 0; top: 0; height: 53px; z-index: 10; cursor: pointer; display: none; } .mod-tab .mc-right{ position: absolute; right: 0; top: 0; height: 53px; z-index: 10; cursor: pointer; display: none; } .mod-tab .mc-left img,.mod-tab .mc-right img{ height: 100%; } /* 内容模块 */ .brand-item{ position: relative; padding-top:70px; } .brand-item .label-box{ width: auto; float: left; } .brand-item .label-box img{ display: inline-block; } .brand-item .desc-box{ overflow: hidden; } .brand-item .label-box h3{ font-size: 30px; color: #2a2e2e; } .mod-tab-content { clear:both;} /*证券信息*/ .mod-tab-content .tzzgz-box0 { clear:both; padding:3% 0;} .mod-tab-content .tzzgz-box0 .text p.p1 { font-size:30px; font-weight:bold; color:#333; margin-bottom:15px;} .mod-tab-content .tzzgz-box0 .text p.p2 { font-size:72px; font-weight:bold; color:#e60021;text-transform:uppercase; line-height:78px;font-family:Avalon;} .mod-tab-content .tzzgz-box1 { clear:both; height:320px; overflow:hidden;background: url("../images/2020102301.jpg") no-repeat center center; color:#fff; padding:38px 0 25px 50px; box-sizing:border-box; } .mod-tab-content .tzzgz-box1 .d1 { margin-bottom:65px;} .mod-tab-content .tzzgz-box1 .d1 span { display:inline-block} .mod-tab-content .tzzgz-box1 .d1 span.sp1 { font-size:24px;} .mod-tab-content .tzzgz-box1 .d1 span.sp2 { font-size:40px;margin:0 20px;} .mod-tab-content .tzzgz-box1 .d1 span.sp3 { font-size:15px;} .mod-tab-content .tzzgz-box1 .d2 { margin-bottom:58px; height:60px; } .mod-tab-content .tzzgz-box1 .d2 .d2-1 { font-size:48px; font-weight:bold; margin-right:15px; float:left; line-height:60px;} .mod-tab-content .tzzgz-box1 .d2 .d2-2 { font-size:17px; font-weight:bold; margin-right:15px; float:left; padding-top:30px; line-height:20px} .mod-tab-content .tzzgz-box1 .d2 .d2-3 { font-size:15px; margin-right:15px; float:left; padding-top:30px; line-height:20px} .mod-tab-content .tzzgz-box1 .d2 .d2-4 { width:700px; float:right} .mod-tab-content .tzzgz-box1 .d2 .d2-4 .li { float:left; width:25%;} .mod-tab-content .tzzgz-box1 .d2 .d2-4 .li p.p1 { font-size:16px; margin-bottom:10px; line-height:20px;} .mod-tab-content .tzzgz-box1 .d2 .d2-4 .li p.p2 { font-size:24px; font-weight:bold;} .mod-tab-content .tzzgz-box1 .d2 .d2-4 .li p.p2 span { font-size:14px;} .mod-tab-content .tzzgz-box1 .d2 .d2-4 .li p.p2 i { font-style:normal} .mod-tab-content .tzzgz-box1 .d3 { clear:both; color:#feb3bd;} /*公告及财务报告*/ .mod-tab-content .ftit { clear:both; font-size:30px; color:#333333; line-height:40px; margin-bottom:42px; font-weight:bold;} .mod-tab-content .tzzgz-box2 { clear:both; padding-bottom:6%} .mod-tab-content .tzzgz-box2 .box { float:left; width:578px; height:380px; overflow:hidden; border:1px solid #e6e6e6; padding:35px 32px 20px 32px; box-sizing:border-box;} .mod-tab-content .tzzgz-box2 .L { margin-right:40px;} .mod-tab-content .tzzgz-box2 .R { margin-right:0;} .mod-tab-content .tzzgz-box2 .box .tit { height:52px; border-bottom:1px solid #f0f0f0; margin-bottom:28px;} .mod-tab-content .tzzgz-box2 .box .tit p.p1 { width:50%; height:100%; float:left; font-size:24px; color:#333333;} .mod-tab-content .tzzgz-box2 .box .tit p.p2 { width:50%; height:100%; float:left; font-size:16px; color:#666666; text-align:right;} .mod-tab-content .tzzgz-box2 .box .tit p.p2 a { color:#666666; display:inline-block;background: url("../images/2020102303.png") no-repeat right center; padding-right:20px;} .mod-tab-content .tzzgz-box2 .L .list .li { margin-bottom:20px;background: url("../images/2020102302.png") no-repeat left 5px; padding-left:36px; box-sizing:border-box; height:60px;} .mod-tab-content .tzzgz-box2 .L .list .li a { display:block; font-size:16px; color:#333333; } .mod-tab-content .tzzgz-box2 .L .list .li span.sp1 { display:block; width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; line-height:32px; } .mod-tab-content .tzzgz-box2 .L .list .li span.sp2 { display:block; font-size:14px; color:#999999;font-family:Avalon2;} .mod-tab-content .tzzgz-box2 .R .list { position:relative} .mod-tab-content .tzzgz-box2 .R .list .swiper-container { position:static;} .mod-tab-content .tzzgz-box2 .R .list .cwbg-qh { width:74%; margin:0 auto; margin-top:33px;} .mod-tab-content .tzzgz-box2 .R .swiper-slide { background:#f7f9fa; text-align:center; height:200px; overflow:hidden; padding-top:53px; box-sizing:border-box;} .mod-tab-content .tzzgz-box2 .R .swiper-slide p.p1 { font-size:25px; color:#333333; font-weight:bold; margin-bottom:8px;} .mod-tab-content .tzzgz-box2 .R .swiper-slide p.p2 { background:#e60021; color:#fff; font-size:12px; margin:0 auto; display:inline-block; padding:0 6px; line-height:20px; margin-bottom:15px;} .mod-tab-content .tzzgz-box2 .R .swiper-slide p.p3 { color:#808080;} .mod-tab-content .tzzgz-box2 .R .swiper-button-prev {background: url("../images/2020102304.png") no-repeat center center; width:16px; height:28px; } .mod-tab-content .tzzgz-box2 .R .swiper-button-next {background: url("../images/2020102305.png") no-repeat center center; width:16px; height:28px; } .swiper-button-next:after, .swiper-button-prev:after { font-size:0} /*重要资讯*/ .mod-tab-content .ftit a { float:right; font-size:16px; color:#666666; background:url("../images/2020102303.png") no-repeat right center; padding-right:20px; font-weight:normal; letter-spacing:0;} .mod-tab-content .bg1 { background:#fafafa;} .mod-tab-content .tzzgz-box3 { clear:both; padding-bottom:6%;} .mod-tab-content .tzzgz-box3 .conBox .box { float:left; width:578px; height:360px; overflow:hidden; border:1px solid #e6e6e6; padding:35px 32px 20px 32px; box-sizing:border-box; background:#fff;} .mod-tab-content .tzzgz-box3 .conBox .L { margin-right:40px;} .mod-tab-content .tzzgz-box3 .conBox .box .tit { font-size:16px; color:#666666; margin-bottom:25px;} .mod-tab-content .tzzgz-box3 .conBox .box .list {} .mod-tab-content .tzzgz-box3 .conBox .box .list .li { margin-bottom:35px; position:relative} .mod-tab-content .tzzgz-box3 .conBox .R .list .li { margin-bottom:70px;} .mod-tab-content .tzzgz-box3 .conBox .box .list .li p.p1 { font-size:20px; color:#333333; font-weight:bold;background: url("../images/2020102307.png") no-repeat right center; line-height:38px; height:38px;-webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .mod-tab-content .tzzgz-box3 .conBox .box .list .li p.p1 span { display:block; width:450px; line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .mod-tab-content .tzzgz-box3 .conBox .box .list .li p.p2 { color:#8f8f8f; line-height:22px; font-size:13px; font-weight:bold; margin-bottom:10px;} .mod-tab-content .tzzgz-box3 .conBox .box .list .li p.p3 { color:#e60021;background: url("../images/2020102306.png") no-repeat left center; padding-left:25px; } .mod-tab-content .tzzgz-box3 .conBox .box .list .li:hover:before { content:''; display:block;background: url("../images/2020102308.png") no-repeat center center; width:18px; height:36px; position:absolute; left:-32px; top:2px; z-index:9;} .mod-tab-content .tzzgz-box3 .conBox .box .list .li:hover p.p1 {background: url("../images/2020102307-on.png") no-repeat right center;} /*企业管制+招股书*/ .mod-tab-content .tzzgz-box4 { clear:both; padding-bottom:6%} .mod-tab-content .tzzgz-box4 .L { width:640px; float:left;} .mod-tab-content .tzzgz-box4 .R { width:371px; float:right; position:relative} .mod-tab-content .tzzgz-box4 .tit { font-size:30px; color:#333333; font-weight:bold; margin-bottom:45px;} .mod-tab-content .tzzgz-box4 .L .text { font-size:15px; color:#666666; margin-bottom:55px;} .mod-tab-content .tzzgz-box4 .L .list {} .mod-tab-content .tzzgz-box4 .L .list a { display:block; width:300px; height:360px; float:left; background:#fafafa; text-align:center; padding-top:70px; box-sizing:border-box;} .mod-tab-content .tzzgz-box4 .L .list .a2 { margin-left:40px;} .mod-tab-content .tzzgz-box4 .L .list a p.p1 { margin-bottom:65px;} .mod-tab-content .tzzgz-box4 .L .list a p.p1 img { display:block; margin:0 auto;} .mod-tab-content .tzzgz-box4 .L .list a p.p2 { font-size:20px; margin-bottom:15px; color:#333;} .mod-tab-content .tzzgz-box4 .L .list a p.p3 img { display:block; margin:0 auto;} .mod-tab-content .tzzgz-box4 .L .pic img { display:block;} .mod-tab-content .tzzgz-box4 .R p.p1 img { display:block; width:333px; height:auto; border:5px solid #f0f0f0;} .mod-tab-content .tzzgz-box4 .R p.p2 { position:absolute; right:0; bottom:40px; z-index:2;background: url("../images/2020102332.png") no-repeat center center; width:60px; height:60px;-webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;} .mod-tab-content .tzzgz-box4 .R p.p2 img { display:block;} .mod-tab-content .tzzgz-box4 .R .pic:hover p.p2 {background: url("../images/2020102332-on.png") no-repeat center center;} /*会议安排*/ .mod-tab-content .tzzgz-box5 { clear:both; padding-bottom:6%} .mod-tab-content .tzzgz-box5 .box { float:left; width:578px; min-height:500px; border:1px solid #e6e6e6; padding:35px 32px 20px 32px; box-sizing:border-box; background:#fff;} .mod-tab-content .tzzgz-box5 .L { margin-right:40px;} .mod-tab-content .tzzgz-box5 .box .tit { height:52px; border-bottom:1px solid #f0f0f0; margin-bottom:28px;} .mod-tab-content .tzzgz-box5 .box .tit p.p1 { width:50%; height:100%; float:left; font-size:24px; color:#333333;} .mod-tab-content .tzzgz-box5 .box .tit p.p2 { width:50%; height:100%; float:left; font-size:16px; color:#666666; text-align:right;} .mod-tab-content .tzzgz-box5 .box .tit p.p2 a { color:#666666; display:inline-block;background: url("../images/2020102303.png") no-repeat right center; padding-right:20px;} .mod-tab-content .tzzgz-box5 .L .list .d1 { font-size:20px; color:#e60021; margin-bottom:30px;} .mod-tab-content .tzzgz-box5 .L .list .d2 {} .mod-tab-content .tzzgz-box5 .L .list .d2 .li { clear:both; font-size:16px; width:100%; margin-bottom:10px;} .mod-tab-content .tzzgz-box5 .L .list .d2 .li p { float:left} .mod-tab-content .tzzgz-box5 .L .list .d2 .sp1 { color:#333333; width:100px;float:left;} .mod-tab-content .tzzgz-box5 .L .list .d2 .sp2 { width:389px;float:left;} .mod-tab-content .tzzgz-box5 .L .list .d2 .sp2 span { font-weight:bold;} .tab-con-box .con-box .step-box{ width: 100%; } .tab-con-box .con-box .step-box .item{ width: 100%; box-sizing: border-box; margin-bottom: 30px; cursor: pointer; position: relative; } .tab-con-box .con-box .step-box .item .t{ width: 100%; overflow: hidden; margin-bottom: 4px; } .tab-con-box .con-box .step-box .item .t .title{ font-size: 16px; color: #2A2E2E; letter-spacing: 0; line-height: 29px; width: 450px; float: left; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; } .tab-con-box .con-box .step-box .item .t .more-icon{ width: 16px; float: right; margin-top: 12px; } .tab-con-box .con-box .step-box .item.up .t .more-icon{ animation: more-icon-up-ani 0.4s linear forwards; } .tab-con-box .con-box .step-box .item.down .t .more-icon{ animation: more-icon-down-ani 0.4s linear forwards; } @keyframes more-icon-up-ani { 0%{ -webkit-transform: rotate(0);} 100%{ -webkit-transform: rotate(180deg);} } @keyframes more-icon-down-ani { 0%{ -webkit-transform: rotate(180deg);} 100%{ -webkit-transform: rotate(0);} } .tab-con-box .con-box .step-box .item .b{ width: 100%; overflow: hidden;font-family:Avalon2; } .tab-con-box .con-box .step-box .item .b .date p{ font-size: 14px; color: #444; letter-spacing: 0; line-height: 25px; float: left; font-weight:bold; } .tab-con-box .con-box .step-box .item .b .date .data-icon{ width: 16px; height: 16px; display: block; float: left; margin-right: 7px; margin-top: 5px; } .tab-con-box .con-box .step-box .item .b .detail-box{ margin-top: 9px; display: none; } .tab-con-box .con-box .step-box .item .b .detail-box .li{ background: url("../images/2020102320.png") no-repeat left 5px; line-height:22px; padding-left:25px; width: 100%; overflow: hidden; } .tab-con-box .con-box .step-box .item .b .detail-box .li .icon{ float: left; width: 15px; margin-top: 4px; padding-right: 8px; } .tab-con-box .con-box .step-box .item .b .detail-box .li p{ font-size: 14px; color: #5F6464; letter-spacing: 0; line-height: 25px; overflow: hidden; } /*工具包*/ .mod-tab-content .tzzgz-box6 { clear:both; padding-bottom:6%} .mod-tab-content .tzzgz-box6 .tit { text-align:center; font-size:30px; font-weight:bold; color:#333; margin-bottom:50px; line-height:36px;} .mod-tab-content .tzzgz-box6 .list {} .mod-tab-content .tzzgz-box6 .list p { background:#ffffff; width:205px; height:205px; float:left; text-align:center; margin-right:125px; padding-top:47px; box-sizing:border-box; font-size:18px; color:#333;} .mod-tab-content .tzzgz-box6 .list p a { color:#333; display:block; width:100%; height:100%;} .mod-tab-content .tzzgz-box6 .list p img { display:block; margin:0 auto; margin-bottom:15px;} .mod-tab-content .tzzgz-box6 .list p:hover { background:#fafafa;} .mod-tab-content .tzzgz-box6 .list .m0 { margin-right:0} /*联系我们*/ .bg3 {background: url("../images/2020102317.png") no-repeat center center; height:400px; overflow:hidden; text-align:center; box-sizing:border-box;} .mod-tab-content .tzzgz-box7 { clear:both; padding-bottom:6%} .mod-tab-content .tzzgz-box7 .tit { text-align:center; font-size:30px; font-weight:bold; color:#333; margin-bottom:65px; padding-top:50px;} .mod-tab-content .tzzgz-box7 .list { width:370px; margin:0 auto;} .mod-tab-content .tzzgz-box7 .list p { font-size:16px; width:156px; height:45px; line-height:45px; float:left;} .mod-tab-content .tzzgz-box7 .list p a { display:block; text-align:left;} .mod-tab-content .tzzgz-box7 .list p.p1 { border:2px solid #333333; margin-right:46px;} .mod-tab-content .tzzgz-box7 .list p.p2 { border:2px solid #333333;} .mod-tab-content .tzzgz-box7 .list p.p1 a { color:#333;background: url("../images/2020102318.png") no-repeat 110px center; padding-left:25px;} .mod-tab-content .tzzgz-box7 .list p.p2 a { color:#333;background: url("../images/2020102319.png") no-repeat 30px center; padding-left:61px;} .mod-tab-content .tzzgz-box7 .list p.p1:hover a {background: url("../images/2020102318-on.png") no-repeat 110px center; color:#e5001f;} .mod-tab-content .tzzgz-box7 .list p.p2:hover a {background: url("../images/2020102319-on.png") no-repeat 30px center; color:#e5001f;} .mod-tab-content .tzzgz-box7 .list p.p1:hover {border:2px solid #e5001f;} .mod-tab-content .tzzgz-box7 .list p.p2:hover {border:2px solid #e5001f;} /*公告*/ .f-content{ width: 1200px; margin: auto; position: relative;overflow: hidden;} .navigation-2{ width: 200px; height: 200px; overflow: hidden;} .navigation-2 .box{ padding-bottom: 33px; position: relative;} .navigation-2 a{ position: relative; z-index: 2; height: 26px; line-height: 26px; display:block; color: #2018;} .navigation-2 .icon{ width: 8px; height: 8px; border-radius: 50%; background: #d8d9dc; display: block; float: left; margin-top: 9px; margin-right: 16px;} .navigation-2 .active a{ font-size: 20px; color: #e60021;font-family:Avalon2} .navigation-2 .active .icon{ background: #e60021;} .navigation-2 .line{ background:#d8d9dc; width: 1px; height: 60px; position: absolute; top: 10px; left: 4px; } .navigation_wrap{ position: absolute; width: 100%; top: 0px; left: 0px; transition: all 0.5s;} .page-content{ width:1000px; padding-left: 192px; float: left; padding-top: 73px ; padding-bottom: 90px; } .page-content2 { padding-top:0} .navigation-2{ top: 200px; position:absolute; left: 0px;} .years_box_title{ float: left; width: 120px; font-size: 36px; line-height: 40px; color: #333;font-family:Avalon2; font-weight: normal;} .years_box_content{ float: left; width: 870px;} .events_box{ padding-bottom: 40px;} .events_title{ font-size: 30px; height: 40px; line-height: 40px; padding-bottom: 36px; color:#333333 } .event .title{ line-height: 29px; padding-bottom: 4px; font-size: 18px; color:#666666;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; } .event .title a{ color:#2a2e2e;} .event .date{ height: 26px; line-height: 26px; padding-bottom: 33px; color:#999999;font-family:Avalon2;} .event img{ width: 38px;} .navigation-3{ display: none;} @media screen and (max-width: 769px) { .years_box_title{ font-size: 24px; margin-bottom: 20px;} .f-content .page-content{ width: 92%; margin: auto;} .years_box_content{ width: 100%;} .event .title{ height: auto; line-height: 24px;} .event .left{ width: 100%} .event .date{padding-bottom:20px;} .navigation-3{ display: block;} .page-main{ position: relative;} .page-main .bg{ position:absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1; display: none;} } .event .left { width: 100%; background: url("../images/2020102321.png") no-repeat right 2px;-webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;min-height:40px } .event .left:hover {background: url("../images/2020102321-on.png") no-repeat right 2px;} @media screen and (max-width: 769px) { .banner { background-position: 42% center; } } .mod-tab-content .left { float:left} .mod-tab-content .right { float:right} /*财务报告*/ .zwbg-div {} .zwbg-div .li { width:320px; height:530px; float:left; margin:0 50px 0 40px; text-align:center; color:#333; font-size:24px;} .zwbg-div .li img{ display:block; width:320px; height:434px; margin-bottom:18px;} /*投资者日历*/ .years_box{ padding-bottom: 30px;} .years_box .years_box_title{ font-size: 36px; float: left; width: 125px; } .page-content2 .years_box_title {margin-top:50px;} .years_box_main{ float: left;} .month_box{ padding-bottom: 42px; position: relative; padding-left: 55px; padding-top: 45px; border-bottom:1px solid #e6e6e6;} .month_box .line{ position:absolute; width: 1px; height: 100%; background: #e6e6e6; left: 0px; top: 0;} .month_box .time{ font-size: 22px; color: #333; font-style: normal; float: left; width: 130px; font-family:Avalon2; padding-top:3px;} .month_box_main{ float: left;} .month_box_main .title{ cursor:pointer; color: #222; font-size: 18px; padding-bottom: 8px; height: 30px; line-height: 30px; width: 690px;} .month_box_main .title span{ float: left;} .month_box_main .title img{ float:right; margin-top: 4px;} .month_box_main img{ width: 16px; float: left; padding-top: 6px; padding-right:8px;} .month_box_main .title img { width:13px;} .month_box_main .box{ padding-bottom: 8px; height: 26px; line-height: 26px;} .month_box_main .content_mobile span { font-family:Avalon2; color:#333333; font-size:15px;} .month_box_main .place{ margin-right: 33px; float: left; font-size:14px;} .month_box_main .content{ display:none; width: 100%;} .date{ position: relative; z-index: 9999; cursor:pointer} .active{ color: #0052d9} .date-wrap{ display: none; position:absolute; width: 122px; background: #fff; z-index:9999; top: 26px; left: 0px; border: 1px solid #d8d9dc;} .date-wrap a{ display:block; height: 32px; line-height: 32px; padding-left: 16px; color: #2a2e2e;} .date-wrap a:hover{ background: #0052d9; color: #fff;} .navigation-3{ display: none;} @media screen and (max-width: 1150px ) { .page-content{ float: none; width: 800px; margin: auto;} } @media screen and (max-width: 769px) { .banner { background-position: 42% center; } } @media screen and (max-width: 769px) { .page-main .f-content{ width: 88%;} .years_box .years_box_title{ font-size: 24px; margin-bottom: 20px;} .navigation-3{ display: block;} .content_mobile{ clear: both;} .line_icon,.line,.mobile .content_mobile,.month_box .time{ display: none;} .month_box_main{ width: 100%;} .month_box_main .content{ display: block;} .years_box_main{ float: none; clear: both;} .month_box{ padding-left: 0px; position:initial; padding-bottom: 20px;} .month_box_main .title{ width: 100%; overflow: hidden; height: auto;} .month_box_main .title span{ width: 75%;} .page-main{ position: relative;} .page-main .bg{ position:absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1; display: none;} .month_box_main .place{ display:block; float: none; width: auto;} .month_box_main .box{ padding-bottom:0px; height: auto;} } /*投资者联络*/ .tzz-lx { padding:60px 0;} .tzz-lx .tit { font-size:30px; font-weight:bold; color:#333; margin-bottom:38px;} .tzz-lx .box { color:#666666; background:#fbfbfb; padding:7% 7%; box-sizing:border-box} .tzz-lx .box p { margin-bottom:30px; line-height:30px; height:30px; padding-left:33px;} .tzz-lx .box p span { font-weight:bold;} .tzz-lx .box p.p1 { background: url("../images/2020102328.png") no-repeat left center;} .tzz-lx .box p.p2 { background: url("../images/2020102329.png") no-repeat left center;} .tzz-lx .box p.p3 { background: url("../images/2020102330.png") no-repeat left center;} .tzz-lx .box p.p4 { background: url("../images/2020102331.png") no-repeat left center;} /*投资者查询*/ .tzz-cx { padding:60px 0;} .tzz-cx .tit { font-size:30px; font-weight:bold; color:#333; margin-bottom:38px;} .tzz-cx .box { color:#666666; background:#fbfbfb; padding:7% 7%; box-sizing:border-box} .tzz-cx .box .form { width:700px; margin:0 auto;} .tzz-cx .box .form .d { width:100%; height:40px; line-height:40px;font-size:15px; margin-bottom:22px;} .tzz-cx .box .form .d2 { height:160px;} .tzz-cx .box .form .d span { width:75px; height:40px; line-height:40px; display:block; float:left; text-align:right; color:#333333; font-weight:bold; margin-right:25px;} .tzz-cx .box .form .d input { width:600px; display:block; height:40px; line-height:40px; float:left; border:1px solid #f0f0f0; background:#fff; box-sizing:border-box; padding:0 13px;} .tzz-cx .box .form .d select { width:600px; display:block;height:40px; line-height:40px;float:left;border:1px solid #f0f0f0; background:#fff; box-sizing:border-box; padding:0 13px; } .tzz-cx .box .form .d textarea { width:600px; display:block;height:160px; line-height:24px;float:left;border:1px solid #f0f0f0; background:#fff; box-sizing:border-box; padding:9px 13px; } .tzz-cx .box .form .smt { clear:both;} .tzz-cx .box .form .smt input { display:block; width:120px; height:44px; line-height:44px; float:left; margin-right:25px; font-size:15px;} .tzz-cx .box .form .smt .sbnm { background:#e5001f; color:#fff; margin-left:100px;} .tzz-cx .box .form .smt .reset { background:#ebebeb; color:#666666;} /*招标投诉*/ .zbts-div { clear:both; margin-top:4%; margin-bottom:5%} .zbts-div .title { margin-bottom:3%} .zbts-div .title p.p1 { font-size:24px; color:#e60021; text-transform:uppercase; margin-bottom:13px;} .zbts-div .title p.p2 { font-size:30px; color:#333333;} .zbts-div .box { background:#f7f7f7; width:100%; padding:6% 0; color:#221815;} .zbts-div .box .tit { width:890px; margin:0 auto; margin-bottom:10px;} .zbts-div .box .form { width:890px; margin:0 auto;} .zbts-div .box .form .d { height:34px; line-height:34px; margin-bottom:20px;} .zbts-div .box .form .d span {width:80px; display:block; float:left} .zbts-div .box .form .d span.sp2 { margin-left:80px;} .zbts-div .box .form .d1 input{ width:200px; height:34px; line-height:34px; border:1px solid #c6c5c5; box-sizing:border-box; background:#fcfcfc; padding:0 8px; float:left; margin-right:7px;} .zbts-div .box .form .d1 select { width:94px; height:34px; line-height:34px;border:1px solid #c6c5c5; box-sizing:border-box; background:#fcfcfc; display:block; float:left} .zbts-div .box .form .d1 .sp1 { width:80px;} .zbts-div .box .form .d1 .sp2 { width:115px;} .zbts-div .box .form .d1 .in2 { width:250px;} .zbts-div .box .form .d2 input{ width:190px; height:34px; line-height:34px; border:1px solid #c6c5c5; box-sizing:border-box; background:#fcfcfc; padding:0 8px; float:left} .zbts-div .box .form .d2 .sp1 { width:80px; line-height:18px;} .zbts-div .box .form .d2 .in1 { width:301px;} .zbts-div .box .form .d2 .in2 { width:250px;} .zbts-div .box .form .d2 .sp2 { width:115px; margin-left:30px;} .zbts-div .box .form .d3 { height:34px;} .zbts-div .box .form .d3 select { width:746px; height:34px; line-height:34px;border:1px solid #c6c5c5; box-sizing:border-box; background:#fcfcfc; display:inline-block; padding:0 5px;} .zbts-div .box .form .d4 { height:605px;} .zbts-div .box .form .d4 span { display:block; float:left;} .zbts-div .box .form .d4 textarea { display:block; float:left; width:746px; height:600px;border:1px solid #c6c5c5; box-sizing:border-box; background:#fcfcfc; padding:8px;} .zbts-div .box .form .d5 { clear:both; padding-left:80px; margin-bottom:22px;} .zbts-div .box .form .sbnm { clear:both; display:block; width:150px; height:43px; line-height:43px; text-align:center; color:#fff; background:#e60021; font-size:24px; margin-left:80px;}