@charset "utf-8"; a { text-decoration: none;/* -moz-transition:color 300ms ease-out;-webkit-transition:color 300ms ease-out;-sm-transition:color 300ms ease-out;-o-transition:color 300ms ease-out;transition:color 300ms ease-out*/ ; } .img-responsive { display: block; width: 100% \9; max-width: 100%; height: auto; } #mobileNav { position: relative; z-index: 99999999999; } #mobileNav .title { width: 100%; height: 50px; background-color: #c80002; position: relative; overflow: hidden; } .mover_Logo { position: absolute; left: 15px; top: 15px; } #Nav_btn { position: absolute; background: url(../images/ccbd/icon-header-nav.png) no-repeat 35px center; width: 77px; height: 50px; right: 0; /* transform: translate(5px, 0);*/ cursor: pointer; -webkit-transition: all .8s ease; transition: all .8s ease; } .mobileNav_Con { position: absolute; right: 0; top: 50px; width: 50%; background: #fff; height: auto; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translate(0, -120%); -sm-transform: translate(0, -120%); -o-transform: translate(0, -120%); -moz-transform: translate(0, -120%); transform: translate(0, -120%); } .mobileNav_Con.mobileNav_Conon { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -sm-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } .mobileNav_Con li { height: 40px; line-height: 40px; font-size: 16px; text-indent: 36px; } .mobileNav_Con li a { display: block; color: #6E6E6E; text-decoration: none; } .mobileNav_Con li:nth-child(1) { border-right: 3px solid #DB5F55 } .mobileNav_Con li:nth-child(2) { border-right: 3px solid #41213E } .mobileNav_Con li:nth-child(3) { border-right: 3px solid #56B2A8 } .mobileNav_Con li:nth-child(4) { border-right: 3px solid #A43232 } .mobileNav_Con li:nth-child(5) { border-right: 3px solid #1D2430 } .mobileNav_Con li:nth-child(6) { border-right: 3px solid #DB5F55 } .mobileNav_Con li:nth-child(7) { border-right: 3px solid #41213E } .mobileNav_Con li:nth-child(8) { border-right: 3px solid #56B2A8 } .talentsCon ul{margin-left:-40px;} /**banner**/ .swiper-container { width: 100%; height: 526px; color: #fff; text-align: center; } .red-slide { background: #ca4040; } .blue-slide { background: #4390ee; } .orange-slide { background: #ff8604; } .green-slide { background: #49a430; } .pink-slide { background: #973e76; } .pagination { position: absolute; z-index: 20; left: 10px; right:10px; text-align:center; bottom: 10px; } .swiper-pagination-switch { width: 10px; height: 10px; display: inline-block; margin: 0px 3px; border-radius: 100%; background: #000 none repeat scroll 0% 0%; opacity: 0.2; } .swiper-active-switch { opacity: 1; background: #000; } .swiper-dynamic-links { text-align: center; } .swiper-dynamic-links a { display: inline-block; padding: 5px; border-radius: 3px; border: 1px solid #ccc; margin: 5px; font-size: 12px; text-decoration: none; color: #333; background: #eee; } .rotate, .rotate2 { -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; } .rotate { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rotate2 { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .shade { position: fixed; background: rgba(0,0,0,0.7); top: 0; left: 0; width: 100%; z-index: 1; display: none; } #shengshi { display: inline; } .moveNav_content li { height: 50px; line-height: 50px; } .moveNav_content li a { display: block; font-size: 16px; color: #3c3c3c; font-family: "微软雅黑"; text-decoration: none; text-indent: 3em; } .moveNav_content li a.hover, .moveNav_content li a:hover { background: #990000; color: #fff; } /*手机导航 end*/ /*公共部分 begin*/ #header { background-color: #fff; } .header { height: 100px; } .logo { margin-top: 30px; } .Pc_Nav { width: 790px; _width: 830px; } .Pc_Nav li { height: 100px; line-height: 100px; font-family: "微软雅黑"; float: left; background: url(../images/ccbd/nav_x.png) no-repeat right center; } .Pc_Nav li a { display: block; padding: 0 20px; font-size: 14px; color: #252525; -moz-transition: background-color 200ms ease-out; -webkit-transition: background-color 200ms ease-out; -sm-transition: background-color 200ms ease-out; -o-transition: background-color 200ms ease-out; transition: background-color 200ms ease-out; } .Pc_Nav li:last-of-type a { background-image: none; } .Pc_Nav li a:hover, .Pc_Nav .acitve a { background: #d71921; color: #fff; border-bottom: 1px solid #000;margin-left:-1px; padding-right:21px; } .Pc_Nav li a:hover font, .Pc_Nav .acitve a font { border-bottom: 1px dotted #fff; } .brand360 { background-color: #252525; } .brand360_Con { height: 38px; line-height: 37px; _overflow: hidden; } .brand360_Con h2 { font-family: "微软雅黑"; font-size: 16px; width: 220px; text-align: center; color: #bebebe; background-color: #191919; height: 38px; position: relative; z-index: 99999; } .index_down { text-align: left; height: 486px; _height: 484px; width: 174px; background: url(../images/ccbd/index_down.png) repeat-x top; padding: 40px 23px 0; position: relative; } #index_down li { height: 44px; border-top: dashed 1px #a7a7a7; font-size: 14px; } #index_down li a { color: #bebebe; display: block; } #index_down li a:hover { color: red; } #index_down .li_down a { color: #fff; } #index_down li { background: url(../images/ccbd/down_Icon.png) no-repeat; } #index_down .down_Icon1 { background-position: right -2px; } #index_down .down_Icon2 { background-position: right -48px; } #index_down .down_Icon3 { background-position: right -92px; } #index_down .down_Icon4 { background-position: right -136px; } #index_down .down_Icon5 { background-position: right -184px; } #index_down .down_Icon6 { background-position: right -227px; } #index_down .down_Icon7 { background-position: right -275px; } #index_down .down_Icon8 { background-position: right -320px; } #index_down .down_Icon9 { background-position: right -366px; } .index_down { position: relative; z-index: 9999; } .down_right { position: absolute; width: 390px; padding: 0 30px; height: 100%; right: -450px; top: 0; background: url(../images/ccbd/down_right.png) repeat; text-align: left; font-size: 12px; line-height: 180% } .down_right_Con { padding: 30px 0; } .down_right table { width: 100%; } .down_right table thead { color: #252525; } .down_right table td { padding: 9px 0; color: #313131; font-family: "微软雅黑"; } .down_right table thead td { border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; padding: 5px 0; font-family: "微软雅黑"; } .down_right tr td:last-of-type { text-align: right; } .down_right tr { border-bottom: 1px solid #bebebe; } .down_right tr .tdt a { color: #d71921; font-family: "微软雅黑"; } .slideBox { width: 100%; overflow: hidden; position: relative; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd li { zoom: 1; vertical-align: middle; display: none; height: 526px; } .banner-box .hd { position: absolute; top: 210px; left: 537px; } .banner-box .hd ul li { width: 12px; height: 12px; border-radius : 50%; text-indent: -9999px; margin-right: 20px; background: #ccc; float: left; cursor: pointer; } .banner-box .hd ul li.on { background: #DA324D; } /*.slideBox .bd img { width:100%; display: block; }*/ .li_down { position: relative; } .li_hover:after { content: ""; display: block; width: 0; height: 0; overflow: hidden; border: 5px solid transparent; border-left-color: #372726; position: absolute; right: -32px; z-index: 999999; top: 50%; margin-top: -5px; } .media_down { background: #fff; font-family: "微软雅黑"; } .media_down span { font-size: 12px; display: block; height: 35px; line-height: 35px; text-align: center; background-color: #252525; color: #bebebe; cursor: pointer; } .media_down li { height: 30px; line-height: 30px; text-align: center; font-size: 12px; } .media_down li:nth-child(2n) { background-color: #F3F3F3; color: #333; } .media_down li a { color: #333; display: block; } .public_title { text-align: center; font-family: "微软雅黑"; } .public_title h2 { font-size: 34px; color: #231f20; padding: 15px 0; } .public_title h2 span { display: inline-block; padding: 20px 0; *padding:0 !important; _padding: 0; border-bottom: 1px solid #282828; } .public_title p { font-size: 22px; color: #231f20; } .ccbd360 { background-color: #252525; text-align: center; font-family: "微软雅黑"; padding: 35px 0; } .ccbd360 h2 { font-size: 30px; color: #d71921; background: url(../images/ccbd/publicx.png) no-repeat bottom center; padding-bottom: 20px; } .ccbd360 h3 { font-size: 24px; color: #fff; margin-top: 18px; } .ccbd360 p { font-size: 24px; color: #fff; line-height: 180%; } .footer { background-color: #252525; padding: 55px 0; border-top: 4px solid #d71921; } .footerTop .left { width: 255px; height: 320px; background-color: #393939; padding: 25px; } .footerTop .left li { font: 15px/28px "微软雅黑"; color: #929292; } .footerTop .left li b { margin-right: 10px } .footerTop .right { width: 880px; height: 310px; background-color: #393939; padding: 25px 25px 35px 35px; _padding: 20px 25px 35px 35px; } .fwnr_l dl { float: left; padding-right: 35px; } .fwnr_l dt, .footer_hz h2 font { font-size: 14px; color: #fff; font-family: "微软雅黑"; padding-bottom: 10px; border-bottom: 1px solid #ce171f; } .fwnr_l dd a { color: #828282; display: block; line-height: 28px; } .fwnr_l dd a:hover, .footer_btm a:hover { color: #bebebe; } .fwnr_r2 { display: none; } .fwnr_r dl { text-align: center; color: #828282; letter-spacing: 9px; line-height: 180%; margin-left: 15px; } .footer_fwnr, .footer_hz { border-bottom: 1px dashed #6c6c6c; padding-bottom: 15px; } .footer_hz font { display: inline-block; margin-top: 20px; margin-bottom: 5px; } .footer_hz p{line-height: 28px; color: #6e6e6e; } .footer_hz p a{color: #6e6e6e;} .footer_btm { font-size: 14px; line-height: 26px; padding: 35px 0 0; color: #424242; } .footer_btm a { color: #424242; } /*公共部分 end*/ .flaotTel { text-align: center; position: fixed; right: 0px; bottom:10px; width: 45px; z-index:99;} .flaotTel a { width: 45px; height: 45px; display: block; } .telIco { background: #d71921 url(../images/tel.png) no-repeat center; } .tel_text { background: #252525; color: #fff; font-size: 14px; line-height: 18px; padding-top: 3px; height: 42px; } /*index begin*/ .scheme { background-color: #f3f3f3; padding: 10px 0 30px; } .schemeBox { width: 830px; margin: 45px auto 0; } .schemeBox dl { width: 170px; float: left; text-align: center; margin: 0 18px; _margin: 0 15px; } .schemeBox dt { font-family: "微软雅黑"; padding: 50px 0; border: 1px solid #828282; /*position: relative; z-index: 2;*/ background-color: #F3F3F3; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;/*behavior: url(iecss3.htc);*/ } .schemeBox dt h3 { font-size: 50px; font-weight: bold; color: #d71921; } .schemeBox dt p { font-size: 16px; } .schemeBox dd { font-size: 14px; line-height: 25px; color: #6e6e6e; margin-top: 10px; } .allianceText { text-align: center; } .allianceText h4 { font-size: 20px; color: #d71921; font-family: "微软雅黑"; margin-bottom: 5px; } .allianceText { font-size: 14px; color: #6e6e6e; line-height: 26px; } .allianceY { text-align: center; margin-top: 25px; position: relative; } .allianceList { width: 166px; float: left; margin: 0 16px; _margin: 0 12px; padding-bottom: 50px; } .allianceList span { display: inline-block; width: 175px; height: 175px; -moz-border-radius: 100%; -webkitborder-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; z-index: 2;/*behavior: url(iecss3.htc) ;*/ } .allianceList span i { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ccbd/yi.png) repeat; background: rgba(0,0,0,.4); line-height: 175px; font-size: 90px; color: #c9cbcc; font-family: "黑体"; font-style: normal; -moz-border-radius: 100%; -webkitborder-radius: 50%; border-radius: 50%; z-index: 2; behavior: url(iecss3.htc); } .allianceList span b { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #d71921; font-size: 17px; color: #fff; font-family: "微软雅黑"; line-height: 150%; display: none; -moz-border-radius: 100%; -webkitborder-radius: 50%; border-radius: 50%; behavior: url(iecss3.htc); z-index: 3; } .allianceList span b h5 { margin-top: 50px; } .allianceList span b font { font-weight: bold; display: block; text-align: center; } .allianceYCon { text-align: center; position: relative; display: inline-block; width: 175px; overflow: visible; } .allianceYCon dt { font-size: 14px; color: #252525; font-family: "微软雅黑"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 20px 0 15px; background: url(../images/ccbd/allianceYConx.gif) no-repeat bottom center; margin-bottom: 15px; } .allianceYCon dd { line-height: 26px; } .allianceYCon dd a { color: #6e6e6e; text-decoration:none; } .allianceYCon .hover dd a, .allianceYCon dd a:hover { color: #d71921; } .hover_btm { height: 3px; width: 175px; background-color: #d71921; position: absolute; bottom: 35px; left: 0; display: none; } .hover_btm i { display: block; width: 0; height: 0; overflow: hidden; border: 5px solid transparent; border-bottom-color: #d71921; position: absolute; left: 50%; margin-left: -5px; top: -10px; } .ctnList_box { float: left; width: 33.333333%; *width: 33% !important; _width: 33%; } .ctnList { text-align: center; padding: 20px 0; } .ctnListd { background-color: #e0e0e0; } .ctnLists { background-color: #c0c0c0; } .ctnList b { display: block; width: 78px; height: 78px; margin: 0 auto 10px; background: url(../images/ccbd/ctnIcon1.png) no-repeat left center; } .ctnList1 b { background: url(../images/ccbd/ctnIcon1.png) no-repeat left center; } .ctnList2 b { background: url(../images/ccbd/ctnIcon2.png) no-repeat left center; } .ctnList3 b { background: url(../images/ccbd/ctnIcon3.png) no-repeat left center; } .ctnList4 b { background: url(../images/ccbd/ctnIcon4.png) no-repeat left center; } .ctnList5 b { background: url(../images/ccbd/ctnIcon5.png) no-repeat left center; } .ctnList6 b { background: url(../images/ccbd/ctnIcon6.png) no-repeat left center; } .meitiIcon1 b { background: url(../images/meitiIcon1.png) no-repeat left center; } .meitiIcon2 b { background: url(../images/meitiIcon2.png) no-repeat left center; } .meitiIcon3 b { background: url(../images/meitiIcon3.png) no-repeat left center; } .meitiIcon4 b { background: url(../images/meitiIcon4.png) no-repeat left center; } .meitiIcon5 b { background: url(../images/meitiIcon5.png) no-repeat left center; } .meitiIcon6 b { background: url(../images/meitiIcon6.png) no-repeat left center; } .meitiIcon7 b { background: url(../images/meitiIcon7.png) no-repeat left center; } .meitiIcon8 b { background: url(../images/meitiIcon8.png) no-repeat left center; } .meitiIcon9 b { background: url(../images/meitiIcon9.png) no-repeat left center; } .ctnList h2 { font-size: 24px; color: #d71921; font-family: "微软雅黑"; height: 60px; margin-bottom: 10px; line-height: 60px; border-width: 1px 0 1px; border-style: solid; border-color: #dbdbdb; } .ctnList .dh2 { background: #efefef url(../images/ccbd/index_tuchu1.gif) no-repeat center 50px; } .ctnList .sh2 { background: #efefef url(../images/ccbd/index_tuchu1.gif) no-repeat center 50px; } .ctnList p { font-size: 14px; color: #6e6e6e; line-height: 23px; } .ctnList h3 { font-size: 18px; color: #252525; font-family: "微软雅黑"; margin: 5px 0 20px; } .ctnList a { display: block; width: 75px; height: 25px; margin: 0 auto; line-height: 25px; background-color: #acacac; font-size: 14px; color: #fff; } .ctn_Con { position: relative; } .ctnListFz { -moz-border-radius: 5px; -webkitborder-radius: 5px; border-radius: 5px; position: absolute; width: 33.33333%; _width: 33%; padding: 10px; background: #d71921; display: none; overflow: hidden; cursor: pointer; } .ctnListFz .ctnListd, .ctnListFz .ctnLists { background-color: #d71921; } .ctnListFz .ctnList b { background-position: -95px center; } .ctnListFz .ctnList2 b { background-position: -93px top; } .ctnListFz .ctnList .dh2, .ctnListFz .ctnList .sh2 { background: #d71921 url(../images/ccbd/index_tuchu2.gif) no-repeat center 50px; ; color: #efefef; border-top: 1px solid #fb5057; border-bottom: 1px solid #fb5057; } .ctnList h4{font-size:18px;color:#252525;margin-bottom:20px;} .ctnList h5{font-size:14px;color:#0c0b0b;line-height:23px;padding-bottom:20px;height:46px} .ctnListFz .ctnList p, .ctnListFz .ctnList h3,.ctnListFz .ctnList h4,.ctnListFz .ctnList h5{ color: #fff; } .ctnListFz .ctnList a { color: #d71921; } .ctnList2 .dh2, .ctnList4 .dh2, .ctnList6 .dh2 { background: #d9d9d9 url(../images/ccbd/index_tuchu1.gif) no-repeat center 50px; } .ctnTextlistBox { width: 33.333333%; *width: 33% !important; _width: 33%; float: left; text-align: center; font-family: "微软雅黑"; padding: 0 15px; _padding: 0; *padding: 0 !important; box-sizing: border-box; } .ctnTextlist { border-top: 1px solid #252525; border-bottom: 1px solid #252525; padding: 20px 0; } .ctnTextlist h3 { font-size: 16px; color: #252525; } .ctnTextlist h2 { font-size: 17px; color: #d71921; background: url(../images/ccbd/publicx.png) no-repeat center bottom; padding-bottom: 15px; margin: 10px 0 5px; } .ctnTextlist p { font-size: 14px; color: #6e6e6e; line-height: 26px; font-family: "微软雅黑"; } .theOf { padding: 55px 0; } .theOfCon h2, .caseCon h2, .recent_Con h2, .witness h2, .ziyuan_title h2, .rongyu h2 { font-size: 30px; color: #252525; font-family: "微软雅黑"; text-align: center; letter-spacing: 7px; } .theOfCon h3 { font-size: 20px; color: #d71921; font-family: "微软雅黑"; text-align: center; font-weight: bold; background: url(../images/ccbd/thex.gif) no-repeat center; line-height: 180%; } .caseCon h3, .recent_Con h3, .witness h3, .ziyuan_title h3, .rongyu h3 { font-size: 20px; color: #d71921; font-family: "微软雅黑"; text-align: center; font-weight: bold; background: url(../images/ccbd/thex.png) no-repeat center; line-height: 180%; } .tbkBox { margin-top: 15px; } .tbkBoxList { width: 400px; float: left; } .video_center h4,.tbkBoxList h4 { font-size: 18px; color: #252525; font-family: "微软雅黑"; line-height: 15px; border-bottom: 1px solid #828282; } .tbkBoxList h4 a { font-size: 12px; color: #828282; margin-top: 25px; line-height: 100%; } .video_center h4 span,.tbkBoxList h4 span { display: inline-block; width:auto; line-height: 42px; border-bottom: 4px solid #d9262d; position: relative; bottom: -1px; } .video_center{padding:20px 0;} .video_center h4 samp{float:right;font-size:12px;color:#d1d3d4;padding-top:23px;} .video_center h4 samp em{color:#828282;cursor: pointer;} .ship_con{background-color:#f2f2f2;padding:20px 25px;padding-bottom: 5px;border:1px solid #d8d8d8;margin-top:-2px;} .video_list{width:33.33%;float: left;box-sizing: border-box;padding-right: 25px;margin:20px 0;} .video_list h3{font-size:16px;color:#231f20;margin-bottom:20px;line-height:24px;} .video_list h3 span{color:#939598;font-size:12px;} .video_list p{color:#231f20;font-size:12px;line-height: 22px;border-bottom: 1px solid #c0c0c0;padding-bottom:5px;height:50px;} .video_list h4{color:#939598;font-size:12px;height:32px;line-height: 32px;border-top:1px solid #fff;border-bottom: 0;} .file_list{width:50%;float: left;box-sizing: border-box;padding-right:25px;margin:20px 0;} .video_list:before, .video_list:after,.file_list:before, .file_list:after { box-sizing: inherit; } .file_list figure{float:left;width:162px;margin-right:30px;} .file_list figure img{max-width:100%} .file_list .file_con{float:right;width:405px;} .file_con h2{font-size:16px;color:#000;border-bottom: 1px solid #d81e25; display: inline-block;line-height: 26px;} .file_con h2 span{font-size:12px;color:#d1d3d4;} .file_con h3{font-size:14px;color:#939598;font-weight: normal;line-height: 24px;} .file_con p{font-size:12px;color:#231f20;line-height: 22px;margin-top: 30px;} .more_file {height: 30px;line-height: 30px;font-size: 12px;} .more_file .fl,.more_file .fl a{color:red;} .more_file .fr{color:#d1d3d4;} .more_file .fr a{color:#828282;} .tbkBoxList1 ul { padding: 10px 20px 0 0; } .tbkBoxList1 li { overflow: hidden; line-height: 30px; *line-height: 29px !important; } .tbkBoxList1 li a { display: block; font-size: 14px; color: #5a5a5a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .tbkBoxList1 li a:hover { text-decoration: underline; } .tbkBoxList1 li span { font-size: 14px; color: #9f9f9f; float: right; } .tbkBoxList2, .tbkBoxList5 { margin: 0 25px; _margin: 0 21px; } .tbkBoxList2 dl { margin-top: 13px; } .tbkBoxList2 dt { height: 34px; line-height: 34px; border-top: 1px dashed #979595; padding-left: 40px; background: url(../images/ccbd/dt_ac2.png) no-repeat 6px center; cursor: pointer; font-family: "微软雅黑" } .tbkBoxList2 dt.acitve { background: #f3f3f3 url(../images/ccbd/dt_ac.gif) no-repeat 6px center; } .tbkBoxList2 dd { display: none; } .tbkBoxList2 dd img { width: 100%; } .tbkBoxList3 ul { margin-top: 10px; } .tbkBoxList3 li { float: left; width: 77px; text-align: center; font-size: 12px; color: #5a5a5a; line-height: 130%; margin: 8px 11px; _margin: 8px 10px; } .tbkBoxList3 li span { display: inline-block; width: 77px; height: 77px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } .newremen { margin: 15px 0 10px; } .newremen .left { width: 142px; height: 98px; } .newremen .left img{width:100%;height:98px;} .newremen .right { width: 240px; font-family: "微软雅黑" } .newremen .right strong { display: block; font-size: 16px; color: #252525; border-bottom: 1px dashed #acabab; padding-bottom: 10px; } .newremen .right strong a{color: #252525;} .newremen .right p { line-height: 22px; font-size: 12px; margin-top: 10px; } .newremen .right p a { color: #252525; display: block; } /*.tbkBoxListbtm span { display: inline-block; line-height: 30px; width:49%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tbkBoxListbtm span a { color: #5a5a5a; }*/ .tbkBoxListbtm span a b { color: red; } .case { background-color: #f3f3f3; padding: 50px 0; } .caseBox { margin-top: 40px; } .caseBox dl dt { overflow: hidden; } .caseBox dl dt.h228 { } .caseBox dl { width: 25%; *width: 24.99999% !important; _width: 24.99999%; float: left; background: #fdfdfd; overflow: hidden; } .caseBox dl dt img { -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -sm-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; display: block; overflow: hidden; width: 100%; max-height:290px;} .caseBox dd { background-color: #fdfdfd; padding: 30px; border-right: 1px solid #e9e9e9; margin: 10px 0; } .caseBox dl:nth-of-type(4) dd { border: none; } .caseBox dl:hover dt img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -sm-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .caseBox dd h4 a{ font-size: 16px; color: #252525; font-weight: bold; line-height: 22px; height: 22px; overflow: hidden; } .caseBox dd strong { display: block; margin-top: 5px; color: #5a5a5a; font-size: 12px; font-family: "微软雅黑"; background: url(../images/ccbd/publicx.png) no-repeat left bottom; height: 32px; } .caseBox dd p { font-size: 12px; color: #6e6e6e; line-height: 23px; margin-top: 15px; height: 92px; overflow: hidden; } .recent_news { background-color: #fff; padding: 50px 0px; } .witness { padding: 50px 0 0; background-color: #f3f3f3; } .witness_COn, .witness_COn2 { width: 1900px; position: relative; margin-top: 35px; } .witness_List { width: 380px; /* *width: 19.95% !important; _width: 19.95%;*/ float: left; position: relative; } .witness_box { overflow: hidden; } .witness_List img { width: 100%; } .witness_ListS:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); } .witnesspf { position: absolute; width: 380px; background: #d71921; color: #fff; display: none; /* -moz-transition:all 300ms ease-in-out; -webkit-transition:all 300ms ease-in-out; -sm-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;*/ overflow: hidden; } .witnesspf h5 { padding: 30px 30px 20px; font-size: 18px; font-weight: bold; font-family: "微软雅黑" } .witnesspf p { padding: 0 30px 30px; font-size: 12px; line-height: 26px; } .fxqd { text-align: center; height: 85px; line-height: 85px; margin-top:-30px;} .fxqd img { vertical-align: middle; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -sm-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .fxqd a { margin: 0 5px; } .fxqd a:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -sm-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .recentList { width: 610px; float: left; } .recentList img{max-width:305; max-height:192px;} .recentList .left { width: 305px; } .recentList_right { width: 285px; } .recentList_right h4 { font-size: 20px; color: #2a2a2a; font-family: "微软雅黑"; line-height:24px;} .recentList_right h4 a { color: #2a2a2a } .recentTime { height: 20px; line-height: 20px; font-size: 12px; background: #f1f1f1 url(../images/ccbd/recenBi.gif) no-repeat left center; padding: 0 10px 0 30px; margin-top:8px; } .recentTime a { float: right; color: #595959; } .recentList_right p { font-size: 14px; color: #6e6e6e; line-height: 26px; margin-top: 8px; } .picScroll-left { width: 1250px; overflow: hidden; position: relative; } .picScroll-left .hd { overflow: hidden; margin-bottom: 20px; } .picScroll-left .hd .prev, .picScroll-left .hd .next { display: block; width: 25px; height: 25px; text-align: center; line-height: 25px; background-color: #f0f0f0; float: right; overflow: hidden; cursor: pointer; margin-right: 1px; } .picScroll-left .bd ul { overflow: hidden; zoom: 1; } .picScroll-left .bd ul li { margin-right: 20px; float: left; _display: inline; overflow: hidden; } .caseCon { width: 100%; padding: 0 155px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .case2 .caseCon { width: 100%; padding: 0 75px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*index end 关于中擂begin*/ .bannerS { background: url(../images/ccbd/bannerS.jpg) no-repeat top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; height: 526px; } .navEr li { float: left; } .navEr { margin-left: 250px; } .navEr li a { font-size: 12px; color: #bebebe; margin: 0 15px; } .navEr li a:hover { border-bottom: 2px solid red; padding-bottom: 7px; } .brief { background-color: #e7e8e9; padding: 60px 0 40px; } .brief_left { font-family: "微软雅黑"; } .brief_left h2 { font-size: 26px; line-height: 120%; color: #252525; } .brief_left h3 { font-size: 20px; color: #d71921; line-height: 180%; } .brief_left ul { margin-top: 90px; } .brief_left li { font-size: 18px; color: #d71921; line-height: 30px; background: url(../images/ccbd/brief_left.gif) no-repeat left center; padding-left: 10px; } .brief_right { width: 850px; font-size: 16px; color: #5a5a5a; } .brief_right p { line-height: 30px; margin-bottom: 10px; } .eseBlock .ese { float: left; text-align: center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; height: 270px; color: #fff; overflow: hidden; } .eseBlock div img { width: 100%; height: 100%; } .eseBlock div h2 { font-size: 20px; color: #fff; font-weight: bold; font-family: "微软雅黑"; margin-top: 75px; margin-bottom: 10px; background: url(../images/ccbd/publicx.png) no-repeat bottom center; padding-bottom: 10px; } .eseBlock div p { line-height: 26px; } .eseBlock div font { font-size: 20px; font-family: "微软雅黑"; display: block; margin-bottom: 10px; } .eseBlock div i { display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; z-index: 2; behavior: url(iecss3.htc); background: #cbcbcb; margin: 20px auto 0; } .eseBlock div h3 { font-family: "微软雅黑"; font-size: 24px; line-height: 31px; margin-top: 75px; margin-bottom: 10px; background: url(../images/ccbd/publicx.png) no-repeat bottom center; padding-bottom: 10px; } .eseBlock .ese4 p, .eseBlock .ese4 font, .eseBlock .ese4 h3, .eseBlock .ese2 p, .eseBlock .ese2 font, .eseBlock .ese2 h2, .eseBlock .ese9 p, .eseBlock .ese9 font, .eseBlock .ese9 h3, .eseBlock .ese7 font, .eseBlock .ese7 h3 { color: #000; } .eseBlock .ese2 h3 { color: #000; } .ese1 { width: 34%; } .ese2, .ese3, .ese4 { width: 14.5%; } .ese2 { } .ese3 { background: url(../images/ccbd/ese3.jpg) no-repeat center; } .ese5 { background: url(../images/ccbd/ese5.jpg) no-repeat center; } .ese5 { width: 22.5%; } .ese6, .ese7 { width: 17%; } .ese6 { background: url(../images/ccbd/ese6.jpg) no-repeat center; } .ese8 { width: 14.5%; background: url(../images/ccbd/ese8.jpg) no-repeat center; } .ese9 { width: 29%; } .eseBlock .ese9 p { font-size: 14px; color: #6e6e6e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ese7, .ese4 { position: relative; } .ese7 span, .ese4 span { display: block; position: absolute; width: 0; height: 0; overflow: hidden; border: 10px solid transparent; z-index: 99; } .ese4 span { border-left-color: #fff; right: -20px; top: 50%; margin-top: -10px; } .ese7 span { border-right-color: #fff; left: -20px; top: 50%; margin-top: -10px; } .ese10 { width: 22.5%; } .eseBlock .ese.on { background: #d71921; } .ese .initial { width: 100%; } .ese .hover { text-align: center; width: 100%; display: none; } .ese .hover p { color: #e7e8e9; font-size: 14px; } .ese .hover h4 { font-size: 20px; font-family: "微软雅黑"; font-weight: bold; background: url(../images/ccbd/index_tuchu1.gif) no-repeat center bottom; padding-bottom: 15px; margin-bottom: 15px;/* margin-top: 75px;*/ } .eseBlock .ese.on .initial { display: none; } .eseBlock .ese.on .hover { display: block; } .eseBlock .ese4.on span { border-left-color: red; } .eseBlock .ese7.on span { border-right-color: red; } .shizi { border-top: 1px solid #828282; text-align: left; margin-top: 30px; } .shi_list { width: 25%; float: left; } .shi_list h4 { font-size: 20px; color: #d71921; border-left: 1px solid #828282; padding: 20px 0 20px 15px; } .shi_list dl { padding-left: 15px; } .shi_list dt { font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 20px; } .shi_list dd { font-family: "微软雅黑"; color: #bebebe; font-size: 14px; line-height: 28px; } .duang_Time { background: url(../images/ccbd/duangTime.gif) no-repeat center; } .duangCon { position: relative; height: 850px; } .duangCon h2 { font-weight: bold; font-family: "微软雅黑"; color: #252525; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -sm-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .duangCon p { color: #d71921; font-size: 16px; line-height: 150%; text-align: left; } .duangCon span { display: block; z-index: 2; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; behavior: url(iecss3.htc); position: absolute; margin: 20px auto 0; width: 15px; height: 15px; border:4px solid #4e4e4e; background-color: #fff; } .duangCon span.on { border-color: #d71921; } .duang { position: absolute; } .duang p font { font-size: 12px; display: block; overflow: hidden; text-align: left; display: none; color: #252525; } .duang_2003 { top: 127px; margin-left: 5px; width: 230px; } .duang_2003 h2 { font-size: 76px; } .duang_2003 p { text-align: center; } .duang_2005 { bottom: 110px; left: 65px; width: 240px; } .duang_2005 h2 { font-size: 56px; } .duang_2006 { left: 234px; bottom: 495px; width: 205px; } .duang_2006 h2 { font-size: 50px; } .duang_2006 p { text-align: right; } .duang_2007 { left: 330px; top: 520px; width: 260px; } .duang_2007 h2 { font-size: 80px; } .duang_2007 p { text-align: right; } .duang_2008 { left: 440px; bottom: 615px; width: 280px; } .duang_2008 h2 { font-size: 50px; } .duang_2010 { left: 652px; bottom: 465px; width: 260px; } .duang_2010 p { text-align: right; } .duang_2010 h2 { font-size: 80px; } .duang_2011 { right: 196px; top: 648px; width: 350px; } .duang_2011 h2 { font-size: 57px; } .duang_2013 { right: 170px; top: 495px; width: 200px } .duang_2013 h2 { font-size: 50px; } .duang_2014 { right: 44px; top: 125px; width: 240px; } .duang_2014 h2 { font-size: 72px; } .duang_2014 p { text-align: right; } .duang_2015 { width: 260px; right: -100px; bottom:136px; } .duang_2015 h2 { font-size: 60px; } .duangzx { width: 180px; border: 4px solid red; display: none; } .duangCon .on h2 { color: #d71921; text-align: center; position: relative; top: 8px; } .duangCon .on p { text-align: left; border: 5px solid #d71921; padding: 0px; margin: 0 3px; } /*.on p font{display: block;}*/ .y2003 { left: -8px; bottom: 395px; } .y2005 { left: 48px; bottom: 395px; } .y2006 { left: 222px; bottom: 395px; } .y2007 { left: 316px; bottom: 395px; } .y2008 { left: 427px; bottom: 395px; } .y2010 { left: 641px; bottom: 395px; } .y2011 { left: 691px; bottom: 395px; } .y2012 { left: 690px; bottom: 395px; } .y2013 { right: 362px; bottom: 395px; } .y2014 { right: 272px; bottom: 395px; } .y2015 { right: 157px; bottom: 395px; } .ziyuan { background-color: #d71921; padding: 45px 0; } .ziyuan_title h2 { font-size: 26px; color: #fff; } .ziyuan_title h3 { color: #fff; } .ziyuan h2.title { font-size: 34px; color: #fff; text-align: center; font-family: "微软雅黑"; margin-top: 10px; } .ziyuan_box { margin-top: 30px; } .ziyuan_box dl { width: 207px; float: left; margin-right: 1px; } .ziyuan_box dt { text-align: center; height: 40px; line-height: 40px; color: #d71921; font-size: 16px; font-family: "微软雅黑"; position: relative; z-index: 2; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; behavior: url(iecss3.htc); background-color: #fff; border-bottom: 1px solid #959595; } .ziyuan_box dt span { position: absolute; display: block; width: 14px; height: 13px; background: url(../images/ccbd/dtsj.gif) no-repeat center; left: 50%; margin-left: -7px; } .ziyuan_box dd { border-top: 1px solid #b2b2b2; padding: 25px; font-size: 14px; color: #252525; line-height: 25px; background-color: #d5d5d5; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; min-height: 100px; } .core { background: url(../images/ccbd/core.gif) repeat; padding-top: 55px; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .core h2 { font-size: 30px; color: #d71921; font-family: "微软雅黑"; text-align: center; } .core h3 { font-size: 30px; color: #252525; font-family: "微软雅黑"; text-align: center; line-height: 180%; } .coreCon { margin-top: 30px; } .coreList { width: 170px; float: left; margin: 0 4px; position: relative; } .coreList dl { background-color: #252525; padding: 10px; text-align: center; } .coreList dt { padding: 40px 0; } .coreList dd { height: 30px; line-height: 30px; font-family: "微软雅黑"; padding-right: 10px; background: #fcfcfc; } .coreList dd a { font-size: 16px; color: #252525; display: block; background: #fcfcfc url(../images/ccbd/coreListDD.gif) no-repeat right center; } .coreText { background-color: #d71921; overflow: hidden; position: absolute; left: 0; top: 0; height: 0; opacity: 0; width: 100%; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -sm-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .coreText h3 { font-size: 16px; color: #fff; font-family: "微软雅黑"; padding: 10px 10px 0; } .coreText p { font-size: 14px; color: #fff; line-height: 22px; margin-top: 5px; padding: 0 10px; } .fuwu { background-color: #e7e8e9; padding: 75px 0; } .fuwu h2 { font-size: 30px; color: #d71921; font-family: "微软雅黑"; text-align: center; } .fuwuCon { margin-top: 30px; } .fuwuleft, .fuwuright { width: 615px; } .fuwuul li { overflow: hidden; margin-bottom: 7px; padding-bottom: 10px; } .fuwuul li span { float: left; display: block; background: url(../images/ccbd/fuwuSpan.jpg) no-repeat center; width: 129px; height: 74px; color: #fcfcfc; padding-left: 15px; font: 26px/74px "微软雅黑"; } .fuwutext { height: 46px; background: #fcfcfc; margin-top: 8px; float: left; width: 451px; padding: 10px; -moz-box-shadow: 5px 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 5px 2px 2px rgba(0,0,0,.1); -sm-box-shadow: 5px 2px 2px rgba(0,0,0,.1); -o-box-shadow: 5px 2px 2px rgba(0,0,0,.1); box-shadow: 5px 2px 2px rgba(0,0,0,.1); } .fuwutext h3 { font-family: "微软雅黑"; font-size: 16px; color: #252525; } .fuwutext p { line-height: 180%; color: #6e6e6e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fuwuul .on span { background: url(../images/ccbd/fuwuSpanOn.jpg) no-repeat center; } .fuwuul .on .fuwutext { background: #252525; } .fuwuul .on .fuwutext h3, .fuwuul .on .fuwutext p { color: #fff; } .rongyu { background-color: #dfdfdf; padding-top: 45px; } .rongyuCon { text-align: center; position: relative; top: 70px; height: 130px; overflow: hidden; } .rongyuCon img { margin: 5px; -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.7); -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.7); -sm-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.7); -o-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.7); box-shadow: 1px 1px 3px 1px rgba(0,0,0,.7); } .zljk { background-color: #252525; padding: 90px 0 45px; } .zljk h2 { font-size: 24px; color: #fff; font-family: "微软雅黑"; text-align: center; margin-bottom: 30px; line-height: 35px } .zljk h2 span { border-bottom: 2px solid #a81c22; } .zljk p { font-size: 14px; line-height: 30px; color: #cbcbcb; text-align: center; } .zljk p span { color: #d71921; } .manito { background: #edefec; } .manitoCon { background: url(../images/ccbd/huangwenhai.jpg) no-repeat right bottom; padding: 50px 0; height: 550px; } .hwb { width: 520px; } .hwb h2 { font-size: 20px; color: #000; font-family: "微软雅黑"; padding: 15px 0; } .hwb li { width: 50%; float: left; line-height: 24px; background: transparent url("../images/ccbd/brief_left.gif") no-repeat left center; text-indent: 10px; } .edefec { width: 460px; height: 280px; overflow: auto; padding: 10px 0; margin-top: 30px; } .edefecCon { border-top: 3px solid #2d292a; border-bottom: 3px solid #2d292a; position: relative; padding: 0 10px; background-color: #fff; } .edefec span { position: absolute; display: block; width: 14px; height: 15px; background: url(../images/ccbd/edefecIcon.gif) no-repeat center; top: -10px; left: 50%; margin-left: -7px; } .edefec dl { margin-top: 15px; border-top-color: 1px solid #ddd; } .edefec dt { font-size: 16px; font-family: "微软雅黑"; color: #d71921; margin-bottom: 5px; } .edefec dd p { font-size: 14px; color: #6e6e6e; line-height: 24px; } .team li { width: 9.09%; float: left; } .temaImg { padding: 1px; position: relative; } .temaImg .boxH { position: absolute; left: 0; top: 0; height: 100%; width: 100%; zoom: 1; filter: alpha(opacity=30); background: rgba(255,0,10,0.3); } .team li img { width: 100%; } .leishou { text-align: center; } .leishou img { max-width: 100%; } .culture { background: url(../images/ccbd/culture.jpg) no-repeat center; height: 517px; } .culturelist { width: 290px; float: left; } .culturefsBox { position: relative; top: 130px; left: 165px; width: 290px; overflow: hidden; } .culturefscon { position: relative; width: 290px; } .culturelist h2 { font-size: 24px; font-family: "微软雅黑"; color: #d71921; text-align: center; background: url(../images/ccbd/publicx.png) no-repeat center bottom; padding-bottom: 20px; margin-bottom: 20px; } .culturelist p { font-size: 14px; color: #636363; line-height: 26px; } .cultureCon { position: relative; } .culture_prev, .culture_next { position: absolute; cursor: pointer; } .culture_prev { top: 240px; left: 20px; } .culture_next { top: 240px; left: 550px; } .join { text-align: center; padding: 60px 0; } .join h2 { font-size: 20px; color: #d71921; font-family: "微软雅黑"; margin-bottom: 10px; } .join p { font-size: 14px; color: #6e6e6e; line-height: 26px; } .join a { display: inline-block; font: 14px/33px "微软雅黑"; color: #bf1b22; padding: 0 20px; border: 1px solid #bebebe; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: 10px; } /*关于中擂 end*/ /*新闻动态*/ .newBanner img { max-width: 100%; } .newsCon { background-color: #f8f7f3; padding: 70px 0; } .newListBox { width: 33.333333%; float: left; padding: 5px; *padding: 0 !important; _padding: 0; box-sizing: border-box; cursor: pointer; } .newList { background-color: #fff; padding: 50px; } .newList h2 { font-size: 20px; font-family: "微软雅黑"; color: #252525; background: url(../images/ccbd/newh2.jpg) no-repeat right center; } .newList h2 span { display: inline-block; background-color: #fff; padding-right: 20px; } .newList h3, .newList h3 a { font-size: 17px; color: #5a5a5a; font-family: "微软雅黑"; font-weight: bold; margin: 16px 0; cursor: pointer;height:25px; line-height:22px;} .newList p { font-size: 14px; color: #5a5a5a; line-height: 26px; height: auto; overflow: hidden; min-height: 130px; *height: 105px !important; _height: 105px; } .newImg { margin-top: 10px; height:230px; overflow:hidden;} .newImg img { max-width: 100%; } .newList i { font-family: "微软雅黑"; color: #5a5a5a; display: block; font-size: 18px; font-style: oblique; margin-top: 20px; } /*产品服务*/ .bannerCp{background-color: #f3f3f3; } .bannerCp img { width: 100%; } .contend { background-color: #f3f3f3; padding: 40px 0 60px; } .nbH2 { line-height: 60px; font-size: 34px; color: #252525; font-family: "微软雅黑"; text-align: center; } .nbH2 span { border-bottom: 3px solid #d82128; } .definition { background-color: #d71921; padding: 40px 0 300px; } .definition h2 { font-size: 24px; font-family: "微软雅黑"; color: #fff; text-align: center; background: url(../images/ccbd/index_tuchu1.gif) no-repeat center bottom; padding-bottom: 20px; } .definitionHs { background-color: #252525; } .ppjs { background-color: #dfdfdf; text-align: center; border: 3px solid #000; font-family: "微软雅黑"; padding: 40px 0; position: relative; top: -260px; } .ppjs p { font-size: 16px; color: #000; line-height: 30px; } .ppjs p span { font-weight: bold; } .ywq { margin: 40px 0 20px; } .ppjs img { max-width: 100%; } .ppjsText { margin-top: -220px; text-align: center; padding-bottom: 60px; } .ppjsText p { font-size: 16px; color: #bebebe; line-height: 30px; margin-top: 20px; } .drive { padding: 70px 0 10px; background-color: #ececec; } .driveCon h3 { text-align: center; font-size: 20px; font-family: "微软雅黑"; } .driveCon .titlep { margin-top: 15px; text-align: center; font-size: 16px; color: #252525; line-height: 26px; } .dcl { background: url(../images/ccbd/dcl.jpg) no-repeat center; height: 435px; margin-top: 65px; position: relative; } .dclText { position: absolute; width: 415px; line-height: 28px; font-size: 14px; color: #252525; left: 425px; top: 30px; } .switch { background-color: #ededed; padding: 65px 0; } .switchBtn { text-align: center; position: relative; top: 18px; width: 570px; overflow: hidden; margin: 0 auto; } .switchBtn span { float: left; width: 245px; height: 35px; line-height: 35px; font-family: "微软雅黑"; background-color: #5a5a5a; color: #fff; cursor: pointer; padding: 0 20px; font-size: 16px; } .switchBtn .on { background-color: #d71921; } .switchBlock { text-align: center; /*background-color: #F6F6F6;*/ } .switchBlock2 { text-align: center; background-color: #F6F6F6; } .switchBlock img { max-width: 100%; } .fwnr { padding: 60px 0; } .fwnrBox { width: 1110px; margin: 30px auto 0; } .fwnrBox dl { width: 185px; float: left; } .fwnrBox dt { font-size: 16px; color: #a1a1a1; font-family: "微软雅黑"; background-color: #252525; padding: 10px 20px; line-height: 150%; position: relative; } .fwnrBox dt span { position: absolute; display: block; width: 16px; height: 19px; background: url(../images/ccbd/fwnrBoxsj.gif) no-repeat center; left: -2px; top: 50%; margin-top: -9.5px; z-index: 2; } .fwnrBox h3 { color: #fff; } .fwnrBox dd { background-color: #e1e1e1; padding: 15px; line-height: 28px; } .fwnrBox dd a { color: #252525; } .fwnrBox dd li { background: url(../images/ccbd/brief_left.gif) no-repeat left 12px; padding-left: 8px; } .fwnrBox dd li li { background: none; padding: 0; } .fwnrBox dd li li a { color: #6e6e6e; } .fwnrBox .step1 dt { border-right: 1px solid #000; } .fwnrBox .step2 dt, .fwnrBox .step3 dt, .fwnrBox .step4 dt, .fwnrBox .step5 dt { border-right: 1px solid #000; border-left: 1px solid #5a5a5a; } .fwnrBox .step6 dt { border-left: 1px solid #5a5a5a; } .fwnrBox .step1 dd { border-right: 1px solid #bebebe; } .fwnrBox .step2 dd, .fwnrBox .step3 dd, .fwnrBox .step4 dd, .fwnrBox .step5 dd { border-left: 1px solid #fff; border-right: 1px solid #bebebe; } .fwnrBox .step6 dd { border-left: 1px solid #fff; } .fwnrBox .on dt span { background: url(../images/ccbd/fwnrBoxsj.png) no-repeat center; } .fwnrBox .on dt { background: #d71921; } .fist { background-color: #252525; padding: 30px 0 50px; overflow: hidden; } .fistBiox { background-color: #d71921; } .fistBiox .left { width: 322px; height: 220px; border: 5px solid #d71921; border-right: 0; } .fistCon { width: 1211px; margin: 0 auto; } .fistBiox { margin-top: 30px; } .fistBiox .right { width: 884px; font-family: "微软雅黑"; } .fistBiox .right dt { width: 20%; float: left; height: 76px; line-height: 75px; text-align: center; background-color: #d71921; color: #fff; font-size: 18px;/*border-bottom: 1px solid #88040a;*/ } .w124 { width: 104px; } .w228 { width: 208px; } .w214 { width: 194px; } .w304 { width: 284px; } .w127 { width: 107px; } .w137 { width: 117px; } .w137 { width: 117px; } .w48 { width: 48px; } .tableLeft { width: 570px; text-align: left; } .h187 { height: 177px; } .h148 { height: 148px; } .h30 { height: 32px; } .h129 { height: 129px; } .h102 { height: 102px; } .h55 { height: 55px; } .tableLeft .table_title { height: 40px; background: #252525; color: #fff; font-weight: bold; font-size: 14px; line-height: 40px; font-family: "微软雅黑"; } .table-bo td div.pd20, .tab_list dd { float: left; line-height: 28px; padding-left: 20px; padding-top: 9.5px; } .tab_list dd b { font-weight: bold; font-family: "微软雅黑"; color: #252525; } .table-bo p, .tab_list dd p { background: url(../images/ccbd/brief_left.gif) left 14px no-repeat; padding-left: 10px; line-height: 28px; } .bgcolord6 { background-color: #d6d6d6; } .tableLeft .table_title li { float: left; padding-left: 20px; } .border-r-be { border-right: 1px solid #bebebe; } .border-l-ff { border-left: 1px solid #fff; } .border-r-00 { border-right: 1px solid #000; } .border-l-5a { border-left: 1px solid #5a5a5a; } .fistBiox .border_b { border-bottom: 1px solid #88040a; height: 100%; } .fistBiox .border_t { border-top: 1px solid #ff7379; height: 100%; } .fistBiox dd.border_b { border-bottom: 1px solid #a5a5a5; } .fistBiox dd.border_t { border-top: 1px solid #d7d7d7; } .fistBiox .right dd { padding-top: 10px; height: 66px; width: 80%; float: left; background-color: #fff;/*border-bottom: 1px solid #a5a5a5;*/ } .fistBiox .right dd a { display: inline-block; width: 28%; line-height: 26px; padding-left: 25px; color: #252525; background: url(../images/ccbd/brief_left.gif) no-repeat 17px center; } .fistBiox .right dd a:hover {color: #FF0000} .worth { background-color: #f3f3f4; padding: 40px 0 45px; } .worthCon .titlep { text-align: center; font-size: 16px; color: #5a5a5a; line-height: 28px; margin-top: 10px; } .worthImg { text-align: center; margin-top: 15px; } .worthImg img { max-width: 100%; } .worthCon a, .ljzx, .xtjjfa { display: block; width: 200px; height: 45px; font: 18px/45px "微软雅黑"; background: #d71921 url(../images/ccbd/publicBtnIcon.gif) no-repeat 140px center; text-align: center; color: #fff; margin: 100px auto 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*快品牌建设*/ .navEr2 li a { display: block; height: 36px; line-height: 36px; padding: 0; position: relative; } .navEr2 li.hover a { border-bottom: 2px solid #d71921; } .navEr2 li.hover a:after { content: ""; display: block; width: 8px; height: 7px; background: url(../images/ccbd/hoversanjiao.png) no-repeat center; position: absolute; bottom: -7px; left: 50%; margin-left: -4px; } .navEr2 li a:hover { padding: 0; } .navErzi { height: 40px; line-height: 40px; background-color: #e3e3e3; font-family: "微软雅黑"; display: none; } .navErzi ul { width: 775px; float: right; } .navErzi li { float: left; } .navErzi li a { display: block; padding: 0 12px; color: #252525; } .navErzi li a.hover, .navErzi li a:hover { color: #d71921; } .dwzf { background: #fcfcfc; position: relative; padding: 20px; border: 2px solid #252525; margin-top: 40px; } .Tblack { padding: 20px 0; background: #000; text-align: center; font-family: "微软雅黑"; font-size: 16px; color: #d7d7d7; margin-bottom: 78px; } .positionTx { padding: 40px 0; } .dwzfText { width: 875px; float: right; } .dwzf h2 { font-size: 20px; font-family: "微软雅黑"; color: #252525; background: url(../images/ccbd/dwzfxx.gif) no-repeat left bottom; padding-bottom: 20px; } .dwzf p { font-size: 14px; line-height: 26px; color: #6e6e6e; margin-top: 10px; } .dwzfImg { position: absolute; left: -1px; bottom: 0; } .dwzfImg img { vertical-align: middle; } .navErzi1 { display: block; } .xingxiang { margin-top: 40px; } .xingxiang2 { margin-top: 0px; } .xingxiang img { width: 100%; } .hardcover { background-color: #252525; padding: 45px 0; } .hardcoverCon { position: relative; } .hardcoverImg { position: absolute; right: 0; bottom: -47px; } .hardcoverCon h3 { font-size: 16px; font-family: "微软雅黑"; color: #a1a1a1; } .hardcoverCon h2 { font-family: "微软雅黑"; font-size: 30px; color: #d71921; margin: 15px 0; } .hardcoverCon p { line-height: 30px; font-size: 16px; color: #bebebe; } .hardcoverCon font { color: #ffffff; font-size: 16px; font-family: "微软雅黑"; display: block; margin-top: 60px; } .buxing { margin-top: 20px; } .buxing dl { float: left; width: 220px; margin-right: 10px; } .buxing dt { font-size: 16px; color: #000; font-family: "微软雅黑"; height: 35px; line-height: 35px; text-align: center; background-color: #ababab; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .buxing dd { background: #484848 url(../images/ccbd/wtx.gif) no-repeat center 10px; font-size: 14px; color: #bebebe; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; text-align: center; height: 80px; padding-top: 20px; line-height: 180%; } .patternLeft, .patternRight { width: 625px; float: left; } .patternCon .Publicleft { width: 156px; padding: 10px; height: 153px; position: relative; } .patternCon .Publicleft span { position: absolute; display: block; width: 0; height: 0; overflow: hidden; border: 10px solid transparent; border-left-width: 15px; border-right-width: 15px; border-left-color: #a1a1a1; right: -30px; top: 35px; } .patternCon .Publicleft p { font-size: 14px; color: #252525; text-align: center; margin-top: 130px; } .patternRight .Publicleft p { margin-top: 120px; } .patternLeft .Publicleft { background: #a6a6a6 url(../images/ccbd/patternLeft1.png) no-repeat center 40px; } .patternRight .Publicleft { background: #a6a6a6 url(../images/ccbd/patternRight1.png) no-repeat center 30px; } .patternCon .Publicleft h2 { font-size: 18px; color: #fff; font-family: "微软雅黑"; } .patternCon .Publicright { width: 409px; height: 138px; background-color: #d7d7d7; padding: 35px 20px 0; } .patternCon .Publicright h2 { font-size: 18px; color: #d71921; font-family: "微软雅黑"; background: url(../images/ccbd/index_tuchu1.gif) no-repeat left bottom; padding-bottom: 15px; } .patternCon .Publicright p { font-size: 16px; color: #5a5a5a; margin-top: 10px; } .patternCon .Publicright h3 { font-size: 16px; color: #252525; font-family: "微软雅黑"; margin-top: 10px; line-height: 150%; } .patternCon .patternLeft .on { background: #d71921 url(../images/ccbd/patternLeft2.png) no-repeat center 40px; } .patternCon .patternRight .on { background: #d71921 url(../images/ccbd/patternRight2.png) no-repeat center 30px; } .patternCon .patternLeft .on p, .patternCon .patternRight .on p { color: #fff; } .patternCon .patternLeft .on span, .patternCon .patternRight .on span { border-left-color: #d71921; } .khjz { background-color: #d6d6d6; padding: 40px 0 50px; } .khjz p { font-size: 16px; color: #252525; text-align: center; margin-top: 10px; font-family: "微软雅黑"; } .khjzImg { margin-top: 50px; text-align: center; } .khjzImg img { max-width: 100%; } .ljzx, .xtjjfa { margin: 40px auto; } /*品牌整合传播*/ .tableInset { width: 1164px; margin: 70px auto 30px; } /** .tableInset table{ width: 567px; border-collapse:collapse; } .tableInset table thead tr td{ height: 40px; background-color: #252525; } .tableInset table td{ padding:20px 0 20px 20px; text-align: left; line-height: 28px; } .tableInset table thead td{ vertical-align: middle; font-size: 14px; color: #fff; font-weight: bold; font-family: "微软雅黑"; padding: 0 25px; } .tableInset table td a{ display: block; font-size: 14px; color: #6e6e6e; background: url(../images/ccbd/brief_left.gif) no-repeat left 11px; padding-left: 10px; } .tableInset .tableRight td{ padding: 5.5px 10px; }**/ .precision { text-align: center; font-family: "微软雅黑"; padding: 50px 0 70px; } .precision h3 { background: url(../images/ccbd/index_tuchu1.gif) no-repeat center bottom; padding-bottom: 15px; font-size: 20px; margin: 20px 0; color: #252525; } .precision p { font-size: 16px; color: #252525; line-height: 28px; } .marketing { background: url(../images/ccbd/yxzyx.jpg) no-repeat center; height: 640px; text-align: center; } .marketingCon { width: 910px; margin: 0 auto; } .marketingCon h3 { font-size: 20px; background: url(../images/ccbd/publicx.png) no-repeat center bottom; padding-bottom: 20px; font-family: "微软雅黑"; padding-top: 130px; margin-bottom: 10px; } .marketingCon .text { line-height: 26px; font-size: 14px; color: #6e6e6e; text-align: left; } .marketingCon h2 { font-size: 26px; color: #252525; font-family: "微软雅黑"; margin-top: 40px; background: url(../images/ccbd/publicx.png) no-repeat center bottom; padding-bottom: 20px; margin-bottom: 10px; } .workBlock { width: 33.28%; float: left; text-align: center; background-color: #252525; padding: 25px 0; } .workBlock a { display: block; width: 205px; height: 40px; line-height: 40px; background-color: #fff; margin: 0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 20px; color: #252525; font-family: "微软雅黑"; margin-top: 20px; } .workBlock p { color: #bebebe; font-size: 14px; line-height: 26px; margin-top: 20px; } .workBlock2 { border-left: 1px solid #5a5a5a; border-right: 1px solid #000; box-sizing: border-box; } .workBlockr { border-right: 1px solid #000 } .workBlockl { border-left: 1px solid #5a5a5a } .workBlock.hover { border: 5px solid #d71921; margin: -5px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 2; } .workBlock.hover a { background-color: #d71921; color: #fff; } .pattern2 { margin-top: 30px; margin-bottom: 35px; } .khjz2 { background: #e2e2e2; } .khjz2 p { line-height: 26px; } .solve .solveCom { text-align: center; padding: 50px 0; } .solveCom h3 { font-size: 20px; font-family: "微软雅黑"; color: #252525; line-height: 180%; } .mg img { width: 100%; } .attract1 { font-family: "微软雅黑"; } .attract1 { font-size: 45px; color: #fff; background-color: #d71921; padding: 40px 0; text-align: center; } .attract1Con { background-color: #f3f3f3; text-align: center; line-height: 41px; padding: 60px 0; font-family: "微软雅黑"; } .attract1Con h2 { font-size: 26px; color: #363636; } .attract1Con h2 span { border-bottom: 2px solid #d71b23; } .attract1Con h3 { color: #a98a50; font-size: 23px; background: url(../images/ccbd/1fn.gif) no-repeat center bottom; padding-bottom: 20px; margin-top: 50px; } .attrY { display: inline-block; width: 162px; height: 162px; -moz-border-radius: 100%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; z-index: 2; behavior: url(iecss3.htc); background-color: #a98a50; font-size: 18px; margin: 30px 6px 0; } .attrY img { margin-top: 20px; } .attrY font { display: block; font-weight: bold; color: #fff; line-height: 28px; } .attrY p { color: #f2e2c4; line-height: 100% } .attrY.on { background-color: #252525; } .attrY.on p { color: #fff; } .comparison { background: url(../images/ccbd/comparison.jpg) no-repeat center; font-family: "微软雅黑"; height: 497px; } .comparisonBox { position: relative; height: 497px; } .comparison h2 { font-size: 36px; text-align: center; color: #252525; font-weight: bold; } .comparisonBox .left { width: 265px; position: absolute; left: 60px; top: 50px; } .comparisonBox .right { width: 265px; position: absolute; right: 55px; top: 50px; } .comparisonBox .middle { width: 265px; margin: 0 auto; padding-top: 50px; } .comparisonBox .left h3, .comparisonBox .right h3, .comparisonBox .middle h3 { width: 245px; height: 35px; line-height: 35px; font-size: 24px; background-color: #fff; margin: 0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-indent: 15px; color: #252525; } .comparisonBox .left ul, .comparisonBox .right ul, .comparisonBox .middle ul { margin-top: 15px; } .comparisonBox .left ul li, .comparisonBox .right ul li, .comparisonBox .middle ul li { font-size: 14px; line-height: 27px; background: url(../images/ccbd/comparisonBoxH.gif) no-repeat left 9px; color: #fff; padding-left: 12px; } .comparisonBox .middle ul li { background: url(../images/ccbd/comparisonBoxB.gif) no-repeat left 9px; color: #fff; } .comparisonBox .middle h3 { color: #d71921; position: relative; } .jlys { padding: 60px 0; background-color: #e7e7e7; } .jlysbox { background-color: #fff; padding-bottom: 40px; margin-top: 55px; } .jlysbox dl { width: 25%; float: left; } .jlysbox dt img { width: 100%; } .jlysbox dd { border-right: 1px solid #e7e7e7; height: 260px; } .jlysbox dd h2 { font-size: 20px; color: #d71921; font-family: "微软雅黑"; text-align: center; background: url(../images/ccbd/index_tuchu1.gif) no-repeat center bottom; margin: 20px 0; padding-bottom: 20px; } .jlysbox dd p { font-size: 16px; color: #000; line-height: 30px; padding: 0 30px; } .items { background-color: #a98a50; padding: 50px 0 60px; } .itemsBox { margin-top: 55px; } .itemsList { width: 25%; height: 200px; float: left; font-family: "微软雅黑"; } .itemsList1 { background: #fff url(../images/ccbd/da1.jpg) no-repeat left top; } .itemsList2 { background: #1e1e1e url(../images/ccbd/da2.jpg) no-repeat left top; } .itemsList3 { background: #fff url(../images/ccbd/da3.jpg) no-repeat left top; } .itemsList4 { background: #1e1e1e url(../images/ccbd/da4.jpg) no-repeat left top; } .itemsList5 { background: #1e1e1e url(../images/ccbd/da5.jpg) no-repeat left top; } .itemsList6 { background: #fff url(../images/ccbd/da6.jpg) no-repeat left top; } .itemsList7 { background: #1e1e1e url(../images/ccbd/da7.jpg) no-repeat left top; } .itemsList h2 { font-size: 20px; color: #d71921; padding-left: 90px; margin-top: 35px; } .itemsList h2 span { display: inline-block; background: url(../images/ccbd/index_tuchu1.gif) no-repeat left bottom; padding-bottom: 20px; margin-bottom: 15px; } .itemsList p { padding-left: 90px; font-size: 16px; color: #000; line-height: 25px; } .itemsList2 p, .itemsList4 p, .itemsList5 p, .itemsList7 p { color: #fff; } .itemsList8 { background: #fff url(../images/ccbd/publicx.png) no-repeat center; } .why1 { background-color: #e2e2e2; padding: 50px 0 60px; } .why1Con { width: 1025px; margin: 0 auto; } .why1 ul { margin-top: 35px; } .why1 li { height: 48px; line-height: 48px; overflow: hidden; font-family: "微软雅黑"; font-size: 18px; font-weight: bold; color: #fff; margin: 5px 0; } .why1 li span { text-align: center; float: left; display: block; width: 15%; background: #d71921; float: left; } .why1 li div { width: 85%; background-color: #252525; text-indent: 25px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } .whyhz { padding: 50px 0 60px; font-family: "微软雅黑 "; } .whyhz .title, .visualize .title { text-align: center; font-family: "微软雅黑"; } .whyhz .title h3 { font-size: 18px; color: #252525; font-weight: bold; } .visualize .title h3{font-size: 16px; color: #414042; } .whyhz .title p, .visualize .title p { font-size: 16px; color: #414042; line-height: 26px; margin-top:15px; } .hzms { position: relative; } .hzms span { position: absolute; width: 1px; height: 60px; background-color: #5a5a5a; top: 0; } .hzms .hzms1 { left: 112px; } .hzms .hzms2 { left: 385px; } .hzms .hzms3 { left: 819px; } .hzmsNav { margin-top: 60px; } .hzmsNav table { border-collapse: collapse; width: 100%; } .hzmsNav td { height: 60px; vertical-align: middle; text-align: center; font-size: 16px; color: #bebebe; background-color: #252525; border-right: 1px solid #000; } .hzsb { margin-top: 15px; } .hzsbleft, .hzsbright { width: 625px; } .hzsb .left { width: 170px; height: 170px; } .hzsb .left p { font-family: "微软雅黑"; text-align: center; margin-top: 137px; } .hzsb .right { width: 415px; height: 140px; background: #e2e2e2; padding: 30px 20px 0; } .hzsb .right h3 { font-family: "微软雅黑"; font-size: 18px; color: #d71921; margin-bottom: 10px; } .hzsb .right p { font-size: 14px; color: #6e6e6e; line-height: 26px; } .hzsbleft .left { background: #cfcfcf url(../images/ccbd/hzsbleft.jpg) no-repeat center 20px; } .hzsbright .left { background: #cfcfcf url(../images/ccbd/hzsbright.jpg) no-repeat center 25px; } .hzsbleft.on .left { background: #cfcfcf url(../images/ccbd/hzsbleft2.jpg) no-repeat center 20px; } .hzsbright.on .left { background: #cfcfcf url(../images/ccbd/hzsbright2.jpg) no-repeat center 25px; } .hzsbleft.on .right, .hzsbright.on .right { background: #D71921; } .hzsbleft.on .right h3, .hzsbleft.on .right p, .hzsbright.on .right h3, .hzsbright.on .right p { color: #fff; } .bnxs { font-family: "微软雅黑"; text-align: center; color: #252525; } .bnxs h3 { font-size: 24px; } .bnxs p { font-size: 30px; margin-top: 20px; } .ypyx { padding: 55px 0; background:#f3f3f3;} /*品牌农业县长顾问 Begin*/ .GDP { height: 215px; background-color: #e1e1e1; padding-top: 30px; } .GDPCon { position: relative; } .GDPImg { position: absolute; left: 0; top: -60px; } .GDPtext { width: 770px; float: right; line-height: 26px; } .GDPtext h2 { font-size: 18px; color: #d71921; font-family: "微软雅黑"; margin-bottom: 15px; } .tree { padding: 105px 0; background-color: #fff; } .treeText { width: 745px; border: 5px solid #2bb673; position: relative; padding: 20px 45px; } .treeText i { position: absolute; right: -105px; top: 215px; } .treeText h3 { font-size: 16px; color: #000; font-family: "微软雅黑"; margin-bottom: 15px; } .treeText h2 { font-size: 32px; color: #252525; font-family: "微软雅黑"; margin: 10px 0; } .treeText .x { border-bottom: 3px solid #d71921; padding-bottom: 10px; position: relative; } .treeText .x img { position: absolute; right: 0; bottom: 0; } .treeText p { font-size: 14px; color: #6e6e6e; line-height: 26px; margin-top: 20px; } .treeCon { position: relative; } .treeImg { position: absolute; right: -150px; bottom: -110px; } .counselor { padding: 40px 0;background-color:#f3f3f3; } .san_left, .san_middle, .san_right { width: 408px; } .san_left { margin-right: 13px; } .cmyH2 { height: 35px; line-height: 35px; font-size: 18px; color: #fff; background-color: #5a5a5a; font-family: "微软雅黑"; text-indent: 10px; } .cmyUl, .san_middle .content, .san_right .content { background-color: #FFF; padding: 10px; border: 1px solid #cecece; line-height: 28px; height: 210px; } .cmyUl a { color: #252525; background: url(../images/ccbd/brief_left.gif) no-repeat left 6px; padding-left: 10px; } .san_middle h2 { background-color: #2bb673; } .san_right .content { line-height: 22px; } .san_right .content p span { font-size: 14px; color: #252525; font-family: "微软雅黑"; font-weight: bold; } .san_right .content p { border-bottom: 1px dashed #918f8f; padding: 5px 0; } .san_right .content p:last-of-type { border: none; } .er_left { width: 829px } .er_left li { width: 50%; float: left; } .er_right { width: 408px; } .er_right .content, .er_left ul { padding: 10px; border: 1px solid #cecece; line-height: 28px; height: 175px; background-color: #fff } .leftHei { width: 127px; height: 164px; background-color: #252525; font: 18px/31px "微软雅黑"; color: #fff; padding: 20px 10px; float: left; } .leftHei span { border-bottom: 1px solid #d71921; } .specialist { margin: 25px 0; } .specialist dl { width: 145px; height: 202px; border: 1px solid #d0d0d0; float: left; text-align: center; margin-left: 10.5px; background-color: #fff; } .specialist dt { padding: 10px; } .specialist dt img { width: 100%; border: 1px solid #d0d0d0; margin: -1px; } .specialist dd img { vertical-align: middle; margin-right: 5px; } .kernel { position: relative; height: 510px; } .kernel .left { width: 50%; height: 100%; position: absolute; left: 0; top: 0; background-color: #2bb673; z-index: -1; } .kernel .right { width: 50%; height: 100%; position: absolute; right: 0; top: 0; background-color: #252525; z-index: -1; } .kernelLeft, .kernelRight { width: 50%; padding: 50px 0 25px; } .kernelLeft { font-family: "微软雅黑"; position: relative; } .kernelLeft h3 { font-size: 30px; color: #fff; } .kernelLeft h2 { font-size: 42px; color: #fff; font-weight: bold; line-height: 150%; } .kernelLeft h2 span { border-bottom: 3px solid #fff; } .kernelLeft p { color: #105534; font-size: 20px; line-height: 36px; padding-top: 35px; } .kernelLeft p span { display: inline-block; background-color: #fff; margin: 3px 0; padding: 0 5px; } .kernelLeft i { position: absolute; display: block; width: 0; height: 0; overflow: hidden; border: 15px solid transparent; border-left-width: 25px; border-right-width: 25px; border-left-color: #2BB673; right: -50px; top: 60px; } .kernelRight ul { font-size: 16px; line-height: 30px; color: #bebebe; } .kernelRight ul li { background: url(../images/ccbd/kernelRight.gif) no-repeat left 10px; padding-left: 10px; } .kernelRight .ul1 { width: 295px; margin-left: 52px; } .kernelRight .ul2 { width: 225px; } .long-term { background-color: #fff; padding: 50px 0; } .long-term h2 { text-align: center; color: #252525; font-family: "微软雅黑"; font-size: 28px; color: #252525; font-weight: bold; } .termCon { background: url(../images/ccbd/patternRight1.png) no-repeat left center; background-size: 130px 145px; height: 160px; padding-left: 130px; margin-top: 40px; } .termCon dl { float: left; margin-left: 20px; } .termCon .List1 { width: 455px; } .termCon .List2 { width: 320px; } .termCon .List3 { width: 285px; } .termCon .List3 h2 { text-align: left; font-weight: bold; font-size: 24px; } .termCon dt { font-size: 16px; font-family: "微软雅黑"; color: #d71921; margin-bottom: 10px; } .termCon dd { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 10px 0; line-height: 26px; height: 105px; color: #252525; font-size: 16px; } .termCon dd h3 { font-size: 16px; color: #252525; font-family: "微软雅黑"; font-weight: bold; } .puer { background-color: #f5eeda; } .puerCon { height: 500px; background: url(../images/ccbd/puer.jpg) no-repeat left bottom; } .puerText { float: right; width: 500px; margin-top: 70px; } .puerText h2, .puerText h3, .puerText p { float: right; margin-top: 45px; } .puerText h2 { font-size: 45px; color: #2bb673; margin-left: 4px; width: 34px; word-wrap: break-word; word-break: nomal; margin-top: 0; font-weight: bold; } .puerText h3 { font-size: 32px; color: #252525; margin-left: 4px; width: 34px; word-wrap: break-word; word-break: nomal; border-left: 1px solid #333; padding: 0 20px 0; margin-left: 20px; font-weight: bold; } .puerText p { font-size: 16px; color: #6e6e6e; line-height: 18px; text-align: center; float: right; margin-left: 5px; width: 20px; word-wrap: break-word; word-break: nomal; } .turnover { background-color: #f5fefd; } .turnoverCon { padding: 85px 0 20px; background: url(../images/ccbd/turnover.jpg) no-repeat right bottom; } .turnoverText h2 { font-size: 38px; font-family: "微软雅黑"; color: #252525; line-height: 130%; font-weight: bold; } .turnoverText .h22 { padding-bottom: 10px; border-bottom: 4px solid #d71921; } .turnoverText { width: 560px; } .turnoverText p { font-size: 16px; line-height: 30px; color: #252525; margin-top: 35px; } .conveneTop, .conveneBtn { height: 190px; } .convene { margin-top: 55px; } .conveneTop { background-color: #d71921; } .conveneBtn { background-color: #252525; } .conveneText { height: 210px; background-color: #fff; position: relative; top: -75%; padding: 40px; width: 1170px; text-align: center; margin: 0 auto; } .conveneText h2 { font-family: "微软雅黑"; color: #d71921; font-size: 45px; border-bottom: 2px solid #d71921; padding-bottom: 20px; font-weight: bold; } .conveneText p { color: #252525; line-height: 27px; margin-top: 30px; } .visualize { padding: 65px 0; background-color:#f3f3f3;} .vzeHxCon { width: 910px; margin: 60px auto 0; } .vzeHxCon h3, .kernelBox h2 { font-family: "微软雅黑"; font-size: 18px; color: #fff; background-color: #252525; height: 40px; line-height: 40px; text-align: center; } .vzeHxCon dl { float: left; } .vzeHxCon dt, .kernelBox dt { height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-family: "微软雅黑"; text-indent: 20px; background-color: #d71921; } .vzeHxCon dd { height: 500px; padding: 20px 15px; } .vzeHxCon dd div { border-bottom: 1px solid #aaa; padding-bottom: 10px; margin-bottom: 15px; } .vzeHxCon dd font { font-family: "微软雅黑"; display: block; color: #d71921; font-size: 14px; margin-bottom: 10px; } .vzeHxCon dd p { line-height: 26px; color: #5a5a5a; } .vzeHxCon dl:nth-of-type(even) dd { background: #e1e1e1; } .vzeHxCon dl:nth-of-type(2n+1) dd { background: #d6d6d6; } .vzeHxList1 { width: 251px; } .vzeHxList1 dt { border-right: 1px solid #901116; } .vzeHxList2 dt { border-right: 1px solid #901116; border-left: 1px solid #ff7e83; } .vzeHxList3 dt { border-right: 1px solid #901116; border-left: 1px solid #ff7e83; } .vzeHxList4 dt { border-left: 1px solid #ff7e83; } .vzeHxList1 dd { border-right: 1px solid #bebebe; } .vzeHxList2 dd { border-right: 1px solid #bebebe; border-left: 1px solid #ffffff; } .vzeHxList3 dd { border-right: 1px solid #bebebe; border-left: 1px solid #ffffff; } .vzeHxList4 dd { border-left: 1px solid #fff; } .vzeHxList2 { width: 227px; } .vzeHxList3 { width: 228px; } .vzeHxList4 { width: 204px; } .relationImg { background-color: #E1E1E1; text-align: center; padding-bottom: 20px; } .relationImg img { position: relative; top: -22px; max-width: 100%; } .treasure { height: 330px; background: #212121 url(../images/ccbd/treasure.jpg) no-repeat right 0; font-family: "微软雅黑"; padding-top: 50px; } .treasure p { font-size: 18px; color: #fff; line-height: 34px; } .treasure h2 { font-size: 52px; color: #d71921; font-weight: bold; margin: 30px 0 20px; } .kernelBox { width: 910px; margin: 75px auto; } .kernelBox dl { float: left; } .kernelBox dd { height: 665px; } .kernelList1 { width: 190px; background-color: #e1e1e1; } .kernelList2 { width: 364px; background-color: #d6d6d6; } .kernelList3 { width: 356px; background-color: #e1e1e1; } .kernelList1 dt { border-right: 1px solid #901116; } .kernelList2 dt { border-right: 1px solid #901116; border-left: 1px solid #ff7e83; } .kernelList3 dt { border-left: 1px solid #ff7e83; } .kernelBox dd div{padding-left:20px;padding-top:15px;} .kernelBox dd div span{ padding-top:15px ; display:inline-block;} .kernelList2 dd div { padding-top: 15px; } .kernelBox dd span { font-size: 14px; color: #d71921; font-family: "微软雅黑";} .kernelBox dd li { line-height: 26px; background: url(../images/ccbd/brief_left.gif) no-repeat left 11px; padding-left: 10px; } .kernelList1 dd div { border-right: 1px solid #bebebe; } .kernelDiv1 { height: 151px; border-bottom: 1px solid #bebebe; } .kernelDiv2 { height: 155px; border-bottom: 1px solid #bebebe; border-top: 1px solid #fff; } .kernelDiv3 { height: 250px; border-top: 1px solid #fff; } .kernelList2 dd div { border-left: 1px solid #fff; border-right: 1px solid #bebebe; } .kernelList3 ul { margin-bottom: 5px; display: block; } .kernelDiv3 span, .kernelDiv2 span, .kernelDiv1 span { font-weight: bold; } .kernelList3 dd { border-left: 1px solid #fff; } .compasses { background-color: #d71921; padding: 70px 0; text-align: center; } .compasses h2 { width: 748px; height: 55px; margin: 0 auto; font: 28px/55px "微软雅黑"; background-color: #fff; color: #252525; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; position: relative; font-weight: bold; } .compasses h2 img { position: absolute; right: -36px; top: -100px; } .compasses p { font-size: 16px; color: #fff; line-height: 28px; } .fwFlow { background-color: #252525; padding: 55px 0; } .fwFlowCon { text-align: center } .fwFlowCon h2 { font-size: 24px; color: #fff; font-family: "微软雅黑"; background: url(../images/ccbd/index_tuchu1.gif) no-repeat center bottom; padding-bottom: 20px; margin-bottom: 10px; } .fwFlowCon p { line-height: 30px; color: #bebebe; } .fwFlowImg { margin-top: 60px; } .fwFlowImg img { width: 100%; max-width: 100%; } .o2oTitle { background: #fff; padding: 40px 0 50px; } .jdyo2o { background-color: #dbdbdb; } .jdyo2oCon { background: url(../images/ccbd/jdyo2o.jpg) no-repeat left center; height: 445px; } .jdyo2oText { width: 590px; float: right; } .jdyo2oText h2 { font: 28px/40px "微软雅黑"; color: #252525; background: url(../images/ccbd/publicx.png) no-repeat left bottom; padding-bottom: 20px; margin-top: 140px; font-weight: bold; } .jdyo2oText p { line-height: 28px; color: #252525; margin-top: 20px; font-size: 16px; } .sgfm { background-color: #ededed; } .sgfmCon { height: 330px; background: url(../images/ccbd/sgfm.jpg) no-repeat right center; } .sgfmCon h2 { font-size: 36px; font-family: "微软雅黑"; color: #9b9b9b; line-height: 58px; padding-top: 105px; } .upgrade { padding: 50px 0 70px; } .upgradeCon .title, .swk .title { text-align: center; font-family: "微软雅黑"; color: #252525; } .upgradeCon .title h3, .swk .title h3 { font-size: 21px; } .upgradeCon .title p, .swk .title p { font-size: 20px; line-height: 30px; margin-top: 10px; } .ESLM { font-family: "微软雅黑"; text-align: center; margin-top: 65px; } .ESLM span { display: inline-block; width: 173px; height: 145px; text-align: center; vertical-align: middle; background-color: #d71921; padding-top: 28px; } .ESLM i { display: inline-block; width: 65px; height: 173px; line-height: 173px; vertical-align: middle; font-size: 45px; color: #252525; } .ESLM span font { font-size: 80px; color: #fff; font-weight: bold; } .ESLM p { font-size: 32px; color: #fff; } .o2o_concept { color: #fff; background-color: #252525; } .o2o_concept h2 { color: #fff; } .conceptCom { padding: 35px 0; } .conceptTItle { font-family: "微软雅黑"; text-align: center; } .conceptTItle p { font-size: 20px; line-height: 30px; font-family: "微软雅黑"; margin-top: 15px; } .o2o_conceptImg { margin-top: 20px; } .o2o_conceptImg img { max-width: 100%; } .ditch { padding: 60px 0; background-color: #f3f3f3; } .distribution { width: 890px; margin: 60px auto 0; } .distribution .right { width: 490px; height: 373px; background: url(../images/ccbd/distribution.jpg) no-repeat center; } .distribution .left { width: 365px; text-align: center; font-family: "微软雅黑"; color: #fff; } .distribution .left li { position: relative; background-color: #13a89e; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 45px; line-height: 45px; margin: 20px 0; } .distribution .left li span { position: absolute; display: block; width: 0; height: 0; overflow: hidden; border: 8px solid transparent; border-top-width: 15px; border-bottom-width: 15px; border-top-color: #13a89e; bottom: -28px; left: 50%; margin-left: -8px; } .distribution .left li p { line-height: 26px; font-size: 16px; color: #fff; } .distribution .left .ditchList1 { background-color: #d71921; padding: 25px 0; line-height: 100%; height: auto; } .distribution .left .ditchList1 span { border-top-color: #d71921; } .ditchList1 h3 { font-size: 24px; color: #fff; margin-bottom: 10px; } .decision { width: 890px; margin: 35px auto 0; overflow: auto; } .decision table { width: 890px; } .decision table td { height: 32px; text-indent: 10px; vertical-align: middle; background: #CBCBCB; border: 1px solid #fff; } .decision table:nth-of-type(n) td { border: none; } .decision .title { font-size: 20px; color: #fff; background-color: #252525; font-family: "微软雅黑"; padding: 0 40px; text-indent: 0px; vertical-align: middle; } .tr1 td:nth-child(2) { background-color: #252525; color: #e1e1e1; } .tr1 td:nth-child(3) { background-color: #d6d6d6; color: #4e4e4e; } .tr1 td:nth-child(4) { color: #252525; background-color: #cbcbcb; } .tr2 td:nth-child(1) { background-color: #474747; color: #e1e1e1; } .tr2 td:nth-child(2) { background-color: #e1e1e1; color: #4e4e4e; } .tr2 td:nth-child(3) { color: #252525; background-color: #bbbbbb; } .tr3 td:nth-child(1) { background-color: #252525; color: #e1e1e1; } .tr3 td:nth-child(2) { background-color: #d6d6d6; color: #4e4e4e; } .tr3 td:nth-child(3) { background-color: #cbcbcb; color: #252525; } .oto { background-color: #d71921; text-align: center; padding: 50px 0; font-family: "微软雅黑"; } .oto .title { color: #fff; } .oto .title h3 { font-size: 34px; } .oto .title h2 { color: #fff; } .oto .title h2 span { border-bottom-color: #fff; } .oto .title h4 { font-size: 22px; color: #fff; margin-top: 40px; } .otoBlock { margin-top: 25px; } .otoBlock span { display: inline-block; ; width: 155px; height: 155px; text-align: center; background-color: #f5c5c7; -moz-border-radius: 100%; -o-border-radius: 50%; border-radius: 50%; position: relative; z-index: 2; behavior: url(iecss3.htc); font-size: 18px; color: #252525; line-height: 130%; margin: 0 10px; } .otoBlock span img { margin-top: 25px; } .otoBlock span b { display: block; } .otoText { font-family: "微软雅黑"; text-align: center; font-size: 30px; background-color: #d9d9d9; padding: 50px 0; line-height: 150%; } .otoText h3 { color: #5a5a5a; } .otoText h2 { color: #252525; font-weight: bold; } .wisdom { text-align: center; padding: 55px 0; background-color: #f3f3f3; } .wisdom img { max-width: 100%; } .figure { background-color: #13a89e; padding: 60px 0; } .figure h2 { font-family: "微软雅黑"; font-size: 40px; color: #fff; text-align: center; } .figure dl { width: 285px; float: left; margin: 0 13px; } .figure dt { font-family: "微软雅黑"; font-size: 100px; font-weight: bold; color: #fff; border-bottom: 5px solid #fff; } .figure dt font { display: inline-block; position: relative; } .figure dt span { display: block; position: absolute; text-align: center; width: 35px; height: 35px; font: 14px/35px "微软雅黑"; background-color: #d71921; -moz-border-radius: 100%; -webkitborder-radius: 50%; border-radius: 50%; behavior: url(iecss3.htc); z-index: 2; right: -20px; bottom: 0; } .figure dd { font-size: 14px; line-height: 26px; color: #fff; margin-top: 20px; } .figureBox { margin-top: 75px; } .swk { font-family: "微软雅黑"; text-align: center; background-color: #f3f3f3; padding: 65px 0 10px; } .swk img { max-width: 100%; margin-top: 40px; } /*微品牌建设*/ .weishang { background: url(../images/ccbd/weishang.gif) repeat-x; } .weishangCon { height: 675px; background: url(../images/ccbd/weishangImg.jpg) no-repeat center bottom; font-family: "微软雅黑"; text-align: center; padding-top: 35px; } .weishangCon h2 { font-size: 48px; color: #fff; font-weight: bold; line-height: 130%; } .weishangCon h3 { font-size: 36px; color: #fff; } .ThitTitle { text-align: center; background-color: #414042; color: #fff; padding: 40px 0 55px; } .ThitTitle h2 { color: #fff; } .ThitTitle h2 span { border-bottom-color: #12c0a3; } .ThitTitle p { margin-top: 17px; line-height: 130%; } .yizhi { background: url(../images/ccbd/yizhi.jpg) no-repeat center; height: 362px; } .yizhiText { width: 480px; margin: 0 auto; font-size: 16px; color: #252525; line-height: 28px; padding-top: 105px; } .valid { background: #fff url(../images/ccbd/valid.jpg) no-repeat left bottom; background-size: 51%; } .validCon { height: 273px; padding: 60px; } .validText { width: 580px; } .validText p { font-family: "微软雅黑"; font-size: 20px; color: #252525; line-height: 38px; margin-top: 20px; } .validText h2 { text-align: left; } .liubu { background-color: #e6e6e6; padding: 50px 0 55px; } .liubuList { background: url(../images/ccbd/liubuCon.jpg) no-repeat center; /*width: 1115px;*/ height: 358px; margin-top: 40px; } .liubuCon p { text-align: center; font-size: 16px; color: #252525; font-family: "微软雅黑"; line-height: 26px; margin-top: 15px; } .liubuList ul { width: 810px; margin: 0 auto; font-size: 16px; font-family: "微软雅黑"; line-height: 60px; padding-left: 25px; } .liubuList ul span { font-family: "微软雅黑"; font-size: 16px; color: #d71921; margin-right: 10px; } .apple { background: #fff url(../images/ccbd/apple.jpg) no-repeat center; height: 345px; padding: 10px 0 50px; } .appleCon { text-align: center; padding-top: 90px; padding-right: 50px; } .appleCon h3 { font-size: 21px; font-family: "微软雅黑"; color: #252525; } .appleCon p { line-height: 26px; margin-top: 20px; } .fans { background: url(../images/ccbd/fans.gif) repeat-x; height: 685px; } .fansCon { width: 1010px; margin: 0 auto; padding: 50px 0; } .fansCon h3 { text-align: center; font-size: 26px; color: #252525; font-family: "微软雅黑"; } .law { background-color: #fff; border: 3px solid #000; height: 410px; margin-top: 45px; position: relative; } .lawCon { width: 650px; float: right; } .lawCon dl { float: left; width: 50%; margin-top: 40px; } .lawCon dt { color: #d71921; font-size: 20px; font-family: "微软雅黑"; background: url(../images/ccbd/publicx.png) no-repeat left bottom; padding-bottom: 10px; margin-bottom: 5px; } .lawCon dd { line-height: 26px; color: #252525; } .tornado { position: absolute; left: -303px; top: -50px; } .whexin { background-color: #f3f3f3; padding: 55px 0 60px; } .whexinIcon { background: url(../images/ccbd/whexin.gif) no-repeat center; height: 539px; margin-top: 45px; } .whexinIcon span { display: inline-block; width: 172px; height: 178px; vertical-align: middle; text-align: center; font-size: 20px; font-family: "微软雅黑"; color: #d71921; line-height: 130%; } .whexinIcon span img { margin-top: 33px; } .tyec { text-align: center; font-family: "微软雅黑"; color: #252525; padding-bottom: 20px;padding-top:10px;background-color:#f3f3f3; } .tyec h2 { font-size: 41px; line-height: 180%; } .tyec h3 { font-size: 38px; font-weight: bold; } .case2 { /*-miz-box-shadow: 0 2px 5px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2) inset; -o-box-shadow: 0 2px 5px rgba(0,0,0,0.2) inset; -sm-box-shadow: 0 2px 5px rgba(0,0,0,0.2) inset; box-shadow: 0 2px 5px rgba(0,0,0,0.2) inset;*/ padding-top: 50px; } /*研究院*/ .researcherTop { margin: 10px 0; } .researcherTop img { width: 100%; } .researcher .zjs { height: 64px; font: 24px/64px "微软雅黑"; text-align: center; background: url(../images/ccbd/zjs.gif) no-repeat center; color: #d71921; } .researcher{margin-bottom:30px;} .rceCus .left { float: left; width: 830px; } .inkPhoBox { width: 830px; margin: 15px auto 0px; } .inkPhoBox .main { width: 830px; } .inkPhoBox .mod18 { width: 830px; position: relative; } .inkPhoBox #prev { background: url(../images/ccbd/prevBtn.jpg) no-repeat; height: 48px; width: 24px; position: absolute; z-index: 99; left: 0; top: 37px; cursor: pointer; } .inkPhoBox #next { background: url(../images/ccbd/nextBtn.jpg) no-repeat; height: 48px; width: 25px; position: absolute; z-index: 99; top: 37px; right: 0; cursor: pointer; } .inkPhoBox .mod18 #prevTop { display: none } .inkPhoBox .mod18 #nextTop { display: none } .inkPhoBox .mod18 li { float: left; } .inkPhoBox .mod18 .cf li { position: relative; color: #fff; } .inkPhoBox .mod18 .cf a { display: block; width: 526px; height: 377px; position: absolute; color: #fff; } .inkPhoBox .mod18 .cf li span { display: block; width: 830px; position: absolute; left: 0; bottom: 0; padding: 10px 20px; line-height: 22px; text-align: left; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = "#60000000", endColorstr = "#60000000"); } .inkPhoBox .bigImgBox { width: 830px; height: 385px; border: 1px solid #E1E1E1; } .inkPhoBox .mod18 .picBox { width: 830px; height: 514px; position: relative; overflow: hidden; } .inkPhoBox .mod18 .picBox ul { height: 514px; position: absolute; left: 0; } .inkPhoBox .mod18 .picBox li { width: 830px; height: 377px; } .inkPhoBox .smImgBox { height: 90px; margin-top: 12px; position: relative; background-color: #252525; padding: 15px 0; } .inkPhoBox .mod18 .listBox { height: 90px; margin: 0 auto; position: relative; overflow: hidden; width: 770px; } .inkPhoBox .mod18 .listBox ul { height: 90px; position: absolute; padding-left: 0px; } .inkPhoBox .mod18 .listBox li { width: 120px; height: 85px; cursor: pointer; position: relative; padding: 0 9px 0 0; } .inkPhoBox .mod18 .listBox li i { display: none; } .inkPhoBox .mod18 .listBox li a { display: block; width: 134px; height: 90px; } .inkPhoBox .mod18 .listBox .on img { border: 2px solid #fff; } .inkPhoBox .mod18 .listBox .on { background: url(../images/ccbd/img_bg.jpg) center top no-repeat; } .inkPhoBox .mod18 .listBox .on i { display: block; } .inkPhoBox .left_top { font-family: Arial; font-size: 32px; color: #fff; text-align: center; height: 30px; line-height: 30px; background: #333 } .rceCus .right { float: right; width: 395px; } .rceCus .right .tbkBoxList1 { width: 100%; } .rceCus .right .tbkBoxList1 font { color: #D9262D } .rceA { float: right; color: #828282; font-family: "微软雅黑"; } .PublicIndex_tbkBoxList { margin: 0; } .PublicIndex_tbkBoxList2 { margin: 0 25px; } .tbkBoxList dl a{color:#5a5a5a;} .PublicIndex { margin: 30px 0; } .colorBlock { font-size: 16px; font-family: "微软雅黑"; } .colorBlock .left { width: 300px; height: 95px; line-height: 95px; background-color: #23ac40; color: #fff; font-weight: bold; text-align: center; font-size: 20px; } .colorBlock .right { width: 950px; } .colorBlock .right li { text-align: center; height: 46px; width: 314px; line-height: 46px; float: left; margin-left: 2px; } .colorBlock .right li a { display: block; color: #fff; background: #fdb913; } .colorBlockTop { margin-bottom: 2px; } .specialist2 { margin-top: 20px; } .player .left { width: 400px; } .player .right { width: 825px; } .player .right .tbkBoxList { width: 100%; } #player { margin-top: 10px; width: 100%; } .player { margin: 20px 0 60px; } .player .right .content { height: 235px; background: #f2f2f2 url(../images/ccbd/series.jpg) no-repeat center bottom; border: 1px solid #dadada; padding: 0 50px; } .player .right p { color: #252525; font-size: 12px; line-height: 19px; margin-top: 15px; } .researcherTopBg { background: url(../images/ccbd/researcherTop.jpg) no-repeat center; height: 138px; margin-top: 10px; font-size: 28px; color: #fff; line-height: 36px; font-family: "微软雅黑"; text-align: center; } .researcherTopBg p { padding-top: 30px; } .studyBox_left { width: 821px; background-color: #fff; border: 1px solid #e0e0e0; padding: 40px 0; } .studyBox_right { width: 404px; background-color: #fff; border: 1px solid #e0e0e0; } .studyText .mbNav { font-family: "微软雅黑"; font-size: 16px; color: #000; height: 70px; line-height: 70px; } .studyText .mbNav a { color: #828282; } .studyText .mbNav span { margin: 0 10px; color: #828282; } .studyBox_left h1 { font-family: "微软雅黑"; font-size: 30px; color: #252525; } .source { color: #828282; font-size: 14px; margin: 15px 0; } .studyBox_left .title { border-bottom: 2px solid #d71921; padding: 0 30px; } .studyBox_leftCon { padding: 20px 25px; line-height: 30px; color: #5a5a5a; } .studyBox_leftCon img { width: 100%; margin: 20px 0; } .studyBox_rightCon { padding: 25px; } .studyBox_right h2 { font-size: 22px; font-family: "微软雅黑"; border-bottom: 1px solid #828282; padding-bottom: 10px; } .studyBox_right h2 span { border-bottom: 3px solid #d71921; padding-bottom: 4px; } .remd dl { width: 170px; line-height: 180%; margin-top: 10px; } .remd dl img { width: 100%; } .remd dl dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .remd dl dd a { color: #5a5a5a; } .studyBox { margin-bottom: 70px; } .remdNews ul { margin-top: 15px; } .remdNews li { line-height: 30px; font-size: 14px; } .remdNews li a { color: #5a5a5a; } .remdNews li a span { color: #d71921; } .group { padding: 40px 0; } .group .title { text-align: center; font-family: "微软雅黑"; } .group .title h2 { font-size: 30px; color: #d71921; } .group .title p { line-height: 27px; font-size: 18px; margin-top: 20px; } .talentsCon li { overflow: hidden; } .talentsCon li img { width: 100%; } .talentsList1, .talentsList2 { width: 50%; position: relative; } .talentsCon li span { display: block; position: absolute; width: 80px; height: 80px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; behavior: url(iecss3.htc); z-index: 2; border: 1px solid #d71921; top: 70px; right: 0; margin-right: -40px; text-align: center; line-height: 80px; font-family: "微软雅黑"; font-size: 43px; color: #d71921; background-color: #fff; } .talentsList2 { background-color: #fff; height:474px;} .talentsLis2tCon { width: 85%; margin: 0 auto; padding: 10px 0 0; } .talentsLis2tCon .title { font-family: "微软雅黑"; line-height: 220%; background: url(../images/ccbd/publicx.png) no-repeat center bottom; padding-bottom: 15px; margin-bottom: 20px; } .talentsLis2tCon h3 { font-size: 24px; color: #6e6e6e; } .talentsLis2tCon .title h2 { font-size: 24px; color: #252525; } .talentsLis2tCon .title h4 { font-size: 16px; color: #252525; } .talentsLis2tCon p { font-size: 12px; line-height: 22px; color: #6e6e6e; } /*系统解决方案 begin*/ .resultTitle { padding: 50px 0 55px; } .resultTitle p { font-size: 16px; color: #252525; font-family: "微软雅黑"; text-align: center; line-height: 26px; margin-top: 20px; } .result-b { background-color: #d71921; color: #fff; text-align: center; padding: 40px 0 45px; } .result-b h2 { font-size: 24px; font-family: "微软雅黑"; } .result-b h3 { background: url(../images/ccbd/result-b-x.gif) no-repeat center bottom; padding-bottom: 20px; margin-top: 15px; margin-bottom: 15px; } .result-b h3 span { background-color: #fff; color: #d71921; font-size: 28px; font-family: "微软雅黑"; display: inline-block; padding: 5px 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-weight: bold; } .result-b p { font-size: 16px; line-height: 28px; margin-top: 15px; } .result-c { background-color: #e7e7e7; padding: 55px 0; } .result-c h3 { font-family: "微软雅黑"; text-align: center; font-size: 24px; color: #5a5a5a; } .result-c-l img { width: 100%; } .result-c-l { width: 550px; } .result-c-r { width: 680px; font-size: 14px; font-family: "微软雅黑"; line-height: 30px; margin-top: 20px; } .result-c-box { margin-top: 50px; } .result-d { background-color: #f3f3f3; padding: 50px 0 55px; } #result-d { width: 1250px; text-align: center; font-family: "微软雅黑"; font-size: 12px; border-collapse: collapse; color: #4a4a4a; margin-top: 35px; } #result-d td { vertical-align: middle; text-align: left; padding: 10px 0 10px 5px; line-height: 150%; } #result-d thead td { height: 35px; vertical-align: middle; background-color: #d71921; font-size: 16px; color: #fff; padding: 0; text-align: center; } .result-d-tr1 td { background-color: #e1e1e1; } .result-d-tr2 td { background-color: #d6d6d6; } .result-d-trS td { color: #252525; font-weight: bold; } .result_first { border-right: 1px solid #bebebe; } .result_last { border-left: 1px solid #fff; } .result_td { border-left: 1px solid #fff; border-right: 1px solid #bebebe; } .switch-resut { background-color: #e1e1e1; } .whyhzCon2 p { font-family: "微软雅黑"; font-size: 14px; line-height: 26px; text-align: center; color: #5a5a5a; margin-top: 20px; } .resutMsList { background-color: #fff; position: relative; padding: 40px 0; text-align: center; height: 260px; overflow: hidden; } .resutMsList1 { width: 416px; } .resutMsList2 { width: 414px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } .resutMsList h2 { margin-top: 15px; font-family: "微软雅黑"; font-size: 18px; color: #d71921; } .resutMsList p { background: url(../images/ccbd/publicx.png) no-repeat bottom center; padding-bottom: 40px; } .resutMsList3 { width: 418px; } .resutMsList .leftTop { position: absolute; background: url(../images/ccbd/left-Top.gif) no-repeat center; width: 82px; height: 60px; left: 0; top: 0; text-align: left; padding: 20px 10px; font-family: "微软雅黑"; color: #fff; } .whyhz2 { background-color: #E9E9E9; } .resutMs { margin-top: 30px; } .consequence { background: #e1e1e1 url(../images/ccbd/consequence.gif) no-repeat top; -moz-background-size: auto cover; -webkit-background-size: auto cover; background-size: auto cover; height: 400px; } .consequenceCon { position: relative; } .consequenceList { position: absolute; width: 155px; } .consequenceList1 { top: -60px; left: 40px; } .consequenceList2 { top: 60px; left: 253px; } .consequenceList3 { top: -55px; left: 455px; } .consequenceList4 { top: 65px; left: 655px; } .consequenceList5 { top: -59px; left: 855px; } .consequenceList6 { top: 71px; left: 1075px; } .consequenceList b { display: block; width: 110px; height: 128px; margin: 0 auto; background: url(../images/ccbd/consequenceList.png) no-repeat; text-align: center; font-family: "微软雅黑"; font-weight: bold; } .consequenceList b font { font-size: 28px; color: #6e6e6e; display: block; padding-top: 25px; } .consequenceList b p { font-size: 16px; color: #f3f3f3; } .consequenceList.on b { background: url(../images/ccbd/consequenceList2.png) no-repeat; } .consequenceList.on b font { color: #fff; } .consequenceList p { font-size: 14px; line-height: 24px; color: #5a5a5a; } .consequenceTittle { background-color: #E9E9E9; padding:5px 0 95px; } .consequenceTittle h2 { text-align: center; font-family: "微软雅黑"; font-size: 30px; color: #252525; } .consequenceTittle h2 i { font-size: 60px; font-weight: bold; vertical-align: middle; font-style: italic; display: inline-block; margin-right: 10px; } /*联系我们*/ .contactUs { background-color: #f0f0f0; font-size: 12px; } .contactUsText { width: 600px; color: #6e6e6e; line-height: 20px; } .contactUsText li { padding: 10px 0 10px 30px; } .contactUsText li span { display: block; color: #252525; } .li-a { background: url(../images/ccbd/li-a.jpg) no-repeat left 8px; } .li-b { background: url(../images/ccbd/li-b.jpg) no-repeat left 8px; } .li-c { background: url(../images/ccbd/li-c.jpg) no-repeat left 8px; } .li-d { background: url(../images/ccbd/li-d.jpg) no-repeat left 8px; } .contactUsCon { position: relative; padding: 80px 0 50px; } .contactUsImg { position: absolute; right: 0; top: -207px; width: 539px; height: 484px; background: url(../images/ccbd/contactUsImg.png) no-repeat center; } /*案例中心*/ .aardvarkTitle { background-color: #f3f3f3; font-family: "微软雅黑"; padding: 50px 0; } .aardvarkTitlerzb { background-color: #f3f3f3; font-family: "微软雅黑"; padding: 10px 0; } .aardvarkTitledh { background-color: #252525; font-family: "微软雅黑"; padding: 35px 0; } .aardvarkTitlemyxx { background-color: #5a8d0e; font-family: "微软雅黑"; padding: 50px 0; } .aardvarkTitle h2 { font-size: 40px; color: #252525; margin-bottom: 40px; font-weight: bold; } .aardvarkTitle p { color: #5a5a5a; font-size: 16px; line-height: 26px; } .aardvarkAl { background-color: #d5d5d5; padding: 20px 0; } .aardvarkAl li { width: 25%; float: left; } .aardvarkAl li div { padding: 10px; } .aardvarkAl li img { width: 100%; } .inspect { background-color: #f3f3f3; padding: 20px 0 50px; } .inspect dt { font-size: 18px; color: #d71921; font-family: "微软雅黑"; margin-top: 30px; } .inspect dd { font-size: 14px; line-height: 26px; color: #5a5a5a; margin-top: 15px; } .pork-cp img, .alImg img { vertical-align: middle; width: 100%; } .extract { padding: 55px 0 30px; background-color: #f3f3f3; } .extract h2 { font-size: 18px; color: #d71921; font-family: "微软雅黑"; } .extract p { color: #5a5a5a; line-height: 26px; margin-top: 10px; } .aardvark-b dt img { vertical-align: middle; max-width: 100%; } .aardvark-b dt, .aardvark-b dd { width: 50%; } .aardvark-b dd { background-color: #e3e3e3; } .aardvark-b dd div { padding: 20px; color: #5a5a5a; } .aardvark-b dd h2 { font-family: "微软雅黑"; font-size: 16px; color: #d71921; margin: 15px 0; } .aardvark-b dd p { line-height: 26px; margin-top: 20px; } .aardvark-c { background-color: #e1e1e1; padding: 55px 0; } .aardvark-c .title { font-family: "微软雅黑"; } .aardvark-c .title h3 { font-size: 20px; color: #252525; line-height: 26px; } .aardvark-c .title h2 { font-size: 26px; color: #d71921; margin-top: 45px; margin-bottom: 20px; } .aardvark-c .title p { font-size: 16px; color: #fff; line-height: 28px; margin: 2px 0; } .aardvark-c .title p span { display: inline-block; background-color: #6e6e6e; } .aardvark-c { position: relative; } .aardvark-cImg { position: absolute; right: 0; top: -65px; } .aardvark-b { padding-top: 50px; padding-bottom: 100px; } .aardvark-c dl { font-family: "微软雅黑"; margin-top: 85px; } .aardvark-c dt { font-size: 14px; color: #252525; font-weight: bold; margin: 15px 0; } .aardvark-c dd { color: #5a5a5a; line-height: 24px; } .aardvark-d { padding: 50px 0 55px; } .aardvark-d .topLeft { width: 10%; height: 90px; line-height: 90px; font-family: "微软雅黑"; font-size: 30px; text-align: center; color: #fff; background-color: #d71921; } .aardvark-d .topRight { width: 90%; height: 90px; background-color: #828282; color: #fff; } .aardvark-d .topRight p { padding:7px 15px; line-height: 26px; } .aardvark-d .top { border-bottom: 1px solid #c0c0c0; padding-bottom: 0px; } .aardvark-d h2 { color: #828282; font-size: 16px; height: 45px; line-height: 45px; } /*弹出层*/ .shadePc { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; opacity: .85; filter: alpha(opacity=85); z-index: 96; } .aui_inner { width: 500px; background: #f5f5f5; padding: 20px; } .aui_inner .aui_title { display: none; } .ib-a a { padding: 4px 8px; line-height: 22px; color: #333; } .register { width: 1220px; height: 685px; background-color: #f5f5f5; border: 1px solid #9a9a9a; position: fixed; z-index: 999997; top: 50%; left: 50%; margin-left: -610px; margin-top: -325px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; } .register .title { height: 80px; line-height: 80px; background-color: #e2e2e2; position: relative; } .register .title .close { position: absolute; width: 33px; height: 30px; background: url(../images/ccbd/close.gif) no-repeat center; right: 10px; top: 10px; cursor: pointer; } .registerCon { padding: 20px 20px 0; } .registerL { width: 574px; border-right: 1px solid #d8d8d8; padding-right: 20px; } .registerL dl dd { overflow: hidden; border-bottom: 1px dashed #9a9a9a; padding: 15px 0; color: #252525; line-height: 180%; } .registerL dl label { width: 205px; float: left; vertical-align: middle; } .registerL dl div { width: 350px; float: left; } .registerL dl span { display: inline-block; margin: 0; width: 47%; } .registerL dl .text { width: 482px; border: none; border: 1px solid #dadada; height: 25px; -moz-box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; -o-box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; -sm-box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-left: 5px; } .registerL dl .linglei span { width: 33%; } .registerL dl b { color: red; display: inline-block; margin-left: 5px; } .registerR { width: 565px; } .registerR textarea { width: 560px; font-family: "微软雅黑"; font-size: 14px; color: #5a5a5a; height: 118px; border: 1px solid #dadada; -moz-box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; -o-box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; -sm-box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-left: 5px; padding-top: 5px; } .linkage-menu h6 { padding-bottom: 10px; } .registerR dl dd { margin: 10px 0; } .registerR dl dd label { text-align: right; display: inline-block; width: 75px; vertical-align: middle; margin-right: 5px; color: #252525; } .registerR dl dd b { display: inline-block; width: 15px; text-align: center; color: red; } .registerR dl dd img { vertical-align: middle; margin-right: 5px; } .registerR dl dd span { font-size: 12px; color: #828282; } .registerR .text { width: 138px; border: none; border: 1px solid #dadada; height: 25px; -moz-box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; -o-box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; -sm-box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; box-shadow: 0 5px 5px rgba(0,0,0,.1) inset; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-left: 5px; } .register-btn { text-align: center; margin-top: 10px; } .register-btn input { font-family: "微软雅黑"; font-size: 16px; color: #fff; width: 115px; height: 35px; cursor:pointer; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .register-btn .submit { background-color: #d71920; } .register-btn .reset { background-color: #252525; } .register-p { font-size: 12px; color: #7b7b7b; text-align: center; margin-top: 20px; } .appointment { position: fixed; width: 640px; height: 574px; left: 50%; top: 50%; margin-left: -320px; margin-top: -287px; z-index: 98; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .appointment .title { height: 65px; background-color: #d71920; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font: 24px/65px "微软雅黑"; color: #fff; text-align: center; position: relative; } .closeR1, .appointment .closeR { width: 30px; height: 30px; background: url(../images/ccbd/closeR.gif) no-repeat center; position: absolute; right: 10px; top: 10px; } .closeR1 { background: url(../images/ccbd/closeR.png) no-repeat center; } .appointmentBox { padding: 0 20px; font-family: "微软雅黑"; } .appointmentL { width: 299px; border-right: 1px solid #dddddd; height: 509px; } .appointmentR { width: 300px; } .appointmentL h2, .appointmentR h2 { text-align: center; font-size: 20px; color: #000; font-family: "微软雅黑"; margin: 40px 0 50px; } .appointmentR h2 { font-size: 24px; } .appointmentR h2 span { font-size: 26px; font-weight: bold; } .appointmentL label { display: inline-block; width: 85px; text-align: right; } .appointmentL label span { color: red; } .appointmentL dd input { width: 200px; height: 26px; border: 1px solid #d8d8d8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .appointmentL dd input.button { width: 40px; display: inline; } .appointmentL dd textarea { height: 85px; width: 200px; border: 1px solid #d8d8d8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .appointmentL dd select { width: 97px; height: 27px; font-size: 14px; color: #4a4a4a; } .appointmentL dd { margin: 15px 0; } .appointmentL dd #dosubmit { width: 135px; height: 38px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: "微软雅黑"; border: none; background-color: #d71920; font-size: 16px; color: #fff; margin-top: 25px; cursor: pointer; } .appointmentR ul { font-size: 14px; padding-left: 50px; } .appointmentR ul li { background: url(../images/ccbd/brief_left.gif) no-repeat left center; line-height: 26px; padding-left: 10px; } .appointmentR ul a { display: block; color: #4c4c4c; } .shi_list4 h4 { border-right: 1px solid #828282; } .leishou_move { line-height: 180%; color: #252525; display: none; } .leishou_move h2 { font-size: 18px; color: #d71921; font-family: "微软雅黑"; } .leishou_move h2 span { font-weight: bold; } .leishou_move img { max-width: 100%; } .leishou_move h3 { font-family: "微软雅黑"; font-size: 16px; margin: 10px 0; } .leishou_move p { font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .shuMove2 { display: none; } .newBanner { height: 422px; } .sBanner{height:344px; width:100%; text-indent:-9999px;} .newBanner2 { height: 486px; } .news_shade { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); filter: alpha(opacity=85); z-index: 999998; display: none; } .newCk { width: 955px; height: 610px; position: fixed; top: 50%; left: 50%; margin-top: -315px; margin-left: -477px; z-index: 999999; background: #fff; padding: 40px 0; display: none; } .newCkTitle { border-bottom: 1px solid #cbcbcb; padding-bottom: 15px; margin-bottom: 10px; margin: 0 40px; } .newCkTitle span { float: right; font-size: 14px; color: #a6a6a6; display: inline-block; margin-top: 15px; } .newCkTitle h2 { color: #1f1f1f; font-family: "微软雅黑"; font-size: 22px; font-weight: bold; } .newCkCon { overflow: auto; height: 600px; padding: 0 40px; } .newCkCon p { color: #5a5a5a; line-height: 26px; padding: 10px 0; } .newCkCon img { margin-top: 60px; max-width: 100%; margin-top: 10px; } /*新闻详情*/ /*表格*/ .abnormal { height: 550px; width: 572px; float: right; text-align: left; } .abnormal span { background: url(../images/ccbd/brief_left.gif) no-repeat left 5px; padding-left: 10px; } .abnormal li { line-height: 28px; text-indent: 15px; float: left; } .abnormalTop { background-color: #252525; font-size: 14px; font-family: "微软雅黑"; color: #fff; } .abnormalTop li { height: 40px; line-height: 40px; text-align: left; text-indent: 15px; } .abnormalTopA { width: 127px; border-right: 1px solid #000; } .abnormalTopB { width: 304px; border-right: 1px solid #000; border-left: 1px solid #5a5a5a; } .abnormalTopC { width: 137px; border-left: 1px solid #5a5a5a; } .abnormal-A { height: 102px; background: #d6d6d6; } .abnormal-A li { height: 92px; padding-top: 10px; } .abnormal-C li { height: 71px; padding-top: 10px; background-color: #d6d6d6; } .abnormal-A .tli-a, .abnormal-C .tli-a { width: 127px; border-right: 1px solid #bebebe; } .abnormal-A .tli-b, .abnormal-C .tli-b { width: 304px; border-right: 1px solid #bebebe; border-left: 1px solid #fff; text-indent: 10px; } .abnormal-A .tli-c, .abnormal-C .tli-c { width: 137px; border-left: 1px solid #fff; text-indent: 10px; } .abnormal-B { height: 341px; background-color: #e1e1e1; } .abnormal-B li { height: 341px; } .abnormal-B .tli-a { width: 18px; border-right: 1px solid #bebebe; text-align: center; text-indent: 0; line-height: 30px; padding: 0 15px; } .abnormal-B .tli-b { width: 77px; border-left: 1px solid #fff; border-right: 1px solid #bebebe; text-indent: 0; } .abnormal-B .tli-b div { text-align: center; } .abnormal-B .tli-c { width: 304px; border-right: 1px solid #bebebe; border-left: 1px solid #fff; } .abnormal-B .tli-d { width: 137px; border-left: 1px solid #fff; } .abnormal-B .tdiv-a { height: 194px; border-bottom: 1px solid #bebebe; padding: 0 10px; padding-top: 15px; } .abnormal-B .tdiv-b { height: 33px; line-height: 33px; border-top: 1px solid #fff; border-bottom: 1px solid #bebebe; } .abnormal-B .tdiv-c { height: 58px; border-top: 1px solid #fff; border-bottom: 1px solid #bebebe; } .abnormal-B .tdiv-d { height: 35px; line-height: 35px; border-top: 1px solid #fff; } .abnormal-B .tli-c { text-indent: 0; font-size: 12px; } .abnormal-B .tli-c div { padding-left: 10px; } .abnormal-B .tli-c div p { line-height: 24px; } .abnormal-B .tli-d { text-indent: 10px; } .abnormal-B .tli-d .tdiv-a { padding-left: 0; } .abnormal-B .tli-d .tdiv-b, .abnormal-B .tli-d .tdiv-c { text-align: left; text-indent: 5px; } .result-table { position: relative; overflow-y: auto; } .result-table span { position: absolute; width: 1px; height: 322px; background-color: #fff; top:70px; } .result-table .result_1 { left: 212px; } .result-table .result_2 { left: 320px; } .result-table .result_3 { left: 394px; } .result-table .result_4 { left: 469px; } .result-table .result_5 { left: 543px; } .result-table .result_6 { left: 625px; } .result-table .result_7 { left: 716px; } .result-table .result_8 { left: 790px; } .result-table .result_9 { left: 872px; } .result-table .result_10 { left: 946px; } .result-table .result_11 { left: 1020px; } .result-table .result_12 { left: 1095px; } .result-table .result_13 { left: 1176px; } .text-c { margin: 10px 0 0; padding: 5px 0; text-align: rightright; text-align: center; height: 20px; line-height: 20px; font-family: Arial, Helvetica, sans-serif, "微软雅黑"; } .text-c a { margin-left: 2px; padding: 2px 7px 2px; color: #000; } .text-c span { border: medium none; padding: 5px 8px } .text-c a:link, .Pagination a:visited { border: 1px solid #dedede; color: #696969; text-decoration: none; } /*修改*/ #chunk { background: url(../images/ccbd/chunk.jpg) no-repeat center center; height: 544px; } .chunk_list { width: 25%; float: left; position: relative; height: 272px; text-align: center; overflow: hidden; } .chunk_list.on { background: #d71921; } .chunk_list-a { opacity: 0; } .chunk_list-b { background: #fff; } .chunk_list-c { background: url(../images/ccbd/ese3.jpg) no-repeat center; background-size: cover; } .chunk_list-d { background: #fff; border-bottom:1px solid #cbcdcf;height:271px;} .chunk_list-f { background: url(../images/ccbd/ese8.jpg) no-repeat center; background-size: cover; } .chunk_list-g { width: 50%; } .chunkoff { color: #000; } .chunkoff h2 { font-size: 24px; line-height: 31px; font-family: "微软雅黑"; letter-spacing: 3px; background: url(../images/ccbd/publicx.png) no-repeat bottom; margin-bottom: 15px; padding-bottom: 15px; } .chunkoff h3 { font-size: 20px; font-family: "微软雅黑"; } .chunkoff i { display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; position: relative; z-index: 2; background: #CBCBCB; margin: 20px auto 0px; } .chunk_list-c .chunkoff, .chunk_list-f .chunkoff { color: #fff; } .chunkon { color: #fff; display: none; } .chunkon h2 { font-size: 20px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/ccbd/index_tuchu1.gif) no-repeat bottom; margin-bottom: 15px; padding-bottom: 15px; ; } .chunkon p { line-height: 26px; } .chunk_list.on .chunkoff { display: none; } .chunk_list.on .chunkon { display: block; } .newList p.new_content{height:105px;} .caseBanner{height:auto;} .show1024{display:none;} /* 案例修改 */ .CaseBanner{height:379px;background:#000 no-repeat center /cover;} .index_case h2{text-align:center;font-size:18px;padding-bottom:60px;padding-top:75px;} .index_case h2 a{color:#555;margin:0 30px;font-weight: normal;padding:5px 0;} .index_case h2 a.hover{border-bottom:3px solid #d71921;} .index_case ul{padding:0 50px;margin-left:-5px;} .index_case ul li{width:25%;float:left;overflow: hidden;padding-left:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;position:relative;} .index_case ul li:hover span{display: none} .index_case ul li figure span{position: absolute;left:0;right:0;top:0;bottom:0;/*background:rgba(255, 255, 255, 0.3)!important;filter:Alpha(opacity=30); background:#fff*/} .caseHover{width:100%;height:100%;background:#d71921;color:#fff;position:absolute;left:0;top:0;display:none;transition:2s all; -webkit-transition:2s all;} .caseHover a{color:#fff;text-align:center;display:block;width:100%;height:100%} .caseHover img{display:inline-block; position:absolute;left:50%;bottom:65px;margin-left:-26px;} .index_case ul li .caseHover h3{font-size:30px;padding-top:80px;} .caseHover p{font-size:20px;padding:0 30px;line-height:30px;} .index_case ul li figure{max-height:332px;overflow:hidden;position: relative;} .index_case ul li img{max-width:100%;transition:all .3s;height:auto;max-height:320px;} .index_case ul li img:hover{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);transition:all .3s;} .index_case ul li h3{padding:30px 0 30px 0; text-align: center;font-weight: normal;font-size: 18px;line-height:25px;} .index_case ul li h3 a{text-decoration: none;color:#231f20;} .index_case ul li h3 a p{font-size: 14px;color: #808285;min-height:32px;line-height:16px;margin-top:3px;} .case_more{text-align: center;padding-bottom:45px;} .case_more a{display: inline-block;width:130px;height: 25px;background-color:#808285;color:#fff;border-radius:10px;font-size:14px;line-height: 25px;transition:all 0.3s;} .case_more a:hover{background-color:#d71921;transition:all 0.3s;text-decoration: none;} .pages{text-align:center;padding:25px 0;} .pages a{padding:.5em 1em;text-decoration:none;line-height:1.2;background-color:#fff;border:1px solid #ddd;border-radius:0;margin-bottom:5px;margin-right:5px;color:#333;} .pages span{z-index:2;color:#fff;background-color:#d71921;border-color:#d71921;cursor:default;display:inline-block;padding:.5em 1em;text-decoration:none;line-height:1.2;border-radius:0;margin-bottom:5px;margin-right:5px;} .w1000{width:1000px;margin:0 auto;} article h1{color:#2e2e2e;font-size: 20px;font-weight:normal;padding:80px 0;} article h1 span{font-size:14px;} article{padding-bottom:25px;} article img{max-width:100%} /*=========================== 2017-11-14 =================================*/ /* 360brand */ .brand2017-1{background:#f3f3f3;text-align:center;padding:50px 0} .brand2017-1 h2{font-size:48px;color:#d71921;font-weight:bold;} .brand2017-1 h3{font-size:28px;color:#333;padding:30px 0;background:url(../images/hei-line-2017.gif)center bottom no-repeat;margin-bottom:30px;} .brand2017-1 p{font-size:16px;color:#252525;line-height:26px;} .brand2017-2{background:#d71921;color:#fff;text-align:center;padding:50px 0;} .brand2017-2 h2{font-size:38px;font-weight:bold;border-bottom:1px solid #fff;display:inline-block;padding-bottom:10px;} .brand2017-2 h3{font-size:50px;font-weight:bold;margin-bottom:20px;} .brand2017-2 h4{font-size:38px;font-weight:bold;} .brand2017-2 h4 span{font-size:30px;} .brand2017-3{padding:50px 0;background:#e1e1e1;} .brand2017Tit{text-align:center;margin-bottom:30px;} .brand2017Tit span{font-size:34px;font-weight:bold;color:#000;border-bottom:1px solid #d71921;padding-bottom:12px;display:inline-block;} .brand-hx-2017{text-align:center;} .brand2017-3 dl{display:inline-block;margin:0 25px;} .brand2017-3 dl dt{width:283px;height:310px;background:url(../images/360hx-2017.png) no-repeat;font-size:40px;color:#fff;line-height:250px;font-weight:bold;} .brand2017-3 dl dd{font-size:17px;line-height:40px;} .brand2017-3 dl dd a{color:#130d0d;} .text-center{text-align:center;} .hezuo-2017{background:url(../images/360he-2017.jpg) no-repeat center;height:63px;} .brand2017-8,.brand2017-6,.brand2017-5,.brand2017-4{padding:50px 0;} .brand2017-5{background:#e9e9e9;} .brand2017-6{background:#f3f3f3;} .brand2017-7{background:url(../images/360bz-2017.jpg) repeat-x;height:791px;padding-top:75px;} .fwbz-2017{background:#fff;height:635px;padding:50px;width:1150px;} .fwbz-2017 dl{display:inline-block;width:180px;padding:0 50px;vertical-align: top;} .fwbz-2017 dl dt{background:url(../images/360lbx-2017.png) no-repeat center;width:170px;height:130px;color:#fff;font-size:25px;font-weight:bold;padding-top:60px;text-align:center;margin-bottom:25px;} .fwbz-2017 dl dt span{font-size:16px;font-weight:normal;margin-top:10px;display:inline-block;line-height:20px;} .fwbz-2017 dl dd{font-size:14px;line-height:26px;color:#0d0909;} .f40 span{font-size:40px;border-width:3px;} .f24 span{font-size:24px;} /* 快品牌 */ .nbH2017{font-size:40px;font-weight:bold;} .nbh2017 span{font-weight:bold;} .kuai2017-1{background:#fcfcfc;} .kuai2017-2{padding:50px;border:2px solid #252525;width:1150px;margin:0 auto;margin-top:50px;} .kuai2017-2 h3{font-size:20px;text-align:center;color:#252525;} .kuai2017-2 p{font-size:14px;line-height:26px;color:#6e6e6e;margin:20px 0 30px 30px;} .kuai2017-2 h4{margin-top:50px} .k2017-3{position:relative;margin-top:70px;} .k2017-float{position:absolute;top:-25px;left:50%;width:870px;margin-left:-435px;text-align:center;} .k2017-float h2{font-size:25px;color:#000;font-weight:bold;border:2px solid #d71921;background:#fff;padding:10px 50px;display:inline-block;} .k2017-float p{font-size:20px;color:#252525;margin-top:30px} .w50-2017{width:50%;float:left;text-align:center;} .w50-2017 dl{padding-top:140px;padding-bottom:80px;} .w50-2017 dl dt{font-size:22px;color:#d71921;margin-bottom:30px;} .w50-2017 dl dd{font-size:16px;color:#333;line-height:24px;} .w50-2017-1{background:#e4e4e4;} .w50-2017-2{background:#d1d1d1;} .qianglie2017{background:#d71921;color:#fff;font-size:27px;font-weight:bold;text-align:center;padding:20px 0;margin-bottom:50px;} .kuai2017-3{background:#e4e4e4;padding:50px 0;text-align:center;} .kuai2017-3 p{font-size:14px;line-height:26px;color:#6e6e6e;} .kuai2017-3 h2{font-size:26px;color:#000;font-weight:bold;line-height:50px;} .kuai2017-3 h3{font-size:35px;font-weight:bold;color:#d71921;padding:15px 50px;border:1px dashed #aaa;display:inline-block;border-radius:35px;} .kuai2017-3 h3 span{color:#333;} .kuai2017-3 p{margin-top:40px;} .kuai2017-4{padding:40px 0;} .kuai2017-4 h2{margin-bottom:50px;} .kuai2017-5{background:#e2e2e2;padding:60px 0;} .kuai2017-6{background:#f3f3f3;padding-top:50px;} .kuai2017-7{background:#e9e9e9;} /* 系统 */ .system2017-1{padding:50px 0;background:#f3f3f3;} .system2017-1 h2{font-size:36px;font-weight:bold;color:#333333;} .system2017-1 h3{font-size:36px;font-weight:bold;color:#333333;margin:10px 0;} .system2017-1 h4{font-size:70px;color:#d71921;font-weight:bold;border:1px dashed #aaa;display:inline-block;border-radius:50px;padding:12px 50px;} .system2017-1 p{line-height:26px;margin-top:10px;} .system2017-2{background:url(../images/sytem2017-2bg.jpg) repeat-x; height:786px;padding-top:80px;} .system2017-hewei{height:537px;background:url(../images/system2017-hewei.jpg) no-repeat center;} .system2017-hewei p{text-align:center;font-family:"黑体";font-size:15px;line-height:30px;color:#000;padding-top:320px;} .system2017-tit{font-size:30px;font-weight:bold;color:#fff;text-align:center;margin-top:50px;} .system2017-tit span{border-bottom:3px solid #d71921;padding-bottom:5px;} .system2017-qd p{line-height:30px;color:#bebebe;text-align:center;margin-top:40px;} .system2017-3{background:#dfdfdf url(../images/system2017-xtqd.png) no-repeat center top;padding:50px 0;text-align:center;} .system2017-3 h2{padding-top:50px;} .system2017-3 h5{font-size:18px;margin-top:50px} .system2017-3 h3{font-size:60px;font-weight:bold;color:#d71921;padding:30px 0;} .system2017-3 p{font-size:16px;color:#252525;line-height:30px;margin-top:20px;} .result-b h2{font-size:33px;font-weight:bold;margin-bottom:30px;} .result-b h2 span{border-bottom:1px solid #fff;padding-bottom:5px;} .result-b h3{margin-top:50px;padding-bottom:30px;} .result-b .w1250{position:relative;} .result-b i{position: absolute;right:170px;top:0px;background:url(../images/system2017-deng.png) no-repeat;width:105px;height:135px;} .titlep{padding-top:30px;} .drive{padding-top:50px;} .system2017-4{padding-top:50px;background:#f3f3f3;} .system2017-4 h2{margin-bottom:50px;} .system-p-4{line-height:35px;font-size:14px;color:#252525;text-align:center;padding-top:40px;} .switchBtn{width:285px;} .switchBlock img{border:4px solid #7d7d7d;} .switch{padding:50px 0;} /* 媒体 */ .meiti2017-2{background:#e0e0e0;padding:40px 0;} .meiti2017-3 h2,.meiti2017-2 h2{margin-bottom:50px;} .meiti2017-2 dl{width:185px;height:235px;display:inline-block;vertical-align: top;border:2px solid #140303;border-radius:20px;padding:5px 0;margin:0 15px} .meiti2017-2 dl dt{font-size:40px;font-weight:bold;color:#d71921;margin:15px 0 12px;} .meiti2017-2 dl dd{font-size:20px;background:url(../images/meiti_line.jpg) no-repeat center bottom;padding-bottom:10px;color:#252525;line-height:26px;margin:15px 0;} .meiti2017-2 dl p{line-height:25px;color:#252525;} .meiti2017-3{background:#f3f3f3;padding:50px;} .meiti2017-3 p{line-height:26px;color:#252525;font-size:16px;margin-bottom:50px;} .meiti2017-4{background:#e1e1e1;padding:50px 0;} .meiti4-p{font-size:16px;color:#252525;line-height:26px;margin:65px 0;} .meiti-border{border:4px solid #7d7d7d;background:#fff;position:relative;} .meiti-border .switchBtn{position:absolute;top:-18px;left:50%;margin-left:-142px;} .kuai2017-4a{background:url(../images/meiti-line.jpg);height:863px;padding-top:70px} .kuai2017-5{background:#e2e2e2;} .kuai2017-6{background:#252525;padding:50px 0;} .kuai2017-jiankong{padding:50px 0 90px 50px;background:#f3f3f3;} .k2017-jk-left{width:330px;float:left;padding-left:40px;padding-top:90px;} .k2017-jk-left h2{font-size:27px;color:#252525;margin:50px 0 20px 0;} .k2017-jk-left p{font-size:16px;color:#0d0808;line-height:30px;} .k2017-jk-left h2 i{font-size:40px;color:#d71921;font-weight:bold;vertical-align:center;font-style: italic;padding-right:10px;} .k2017-jk-right{width:710px;float:right;padding-top:80px;} .k2017-jk-right dl{display:inline-block;max-width:140px;text-align:center;padding-right:90px} .k2017-jk-right dt{width:110px;height:126px;background:url(../images/jk-lbx.png)no-repeat center;display:inline-block;padding-top:40px;line-height:30px;color:#fff;font-weight:bold;font-size:16px;} .k2017-jk-right dt b{font-size:28px;font-weight:bold;color:#6e6e6e;} .k2017-jk-right dd{font-size:14px;color:#5a5a5a;line-height:24px;text-align:left;} .k2017-jk-right dl:hover dt{background:url(../images/jk-lbx-h.png)no-repeat center;} .k2017-jk-right dl:hover dt b{color:#fff;} .jk-ac{background:url(../images/jk-line.jpg) no-repeat 34px 85px;} .jk-ac2{background:url(../images/jk-line.jpg) no-repeat 34px 110px;} .kuai2017-7{background:#d71921;padding:50px 0;} .kuai2017-8{padding:50px 0;background:#f3f3f3;} @media (min-width:1350px) and (max-width:1600px) { .case2 .caseCon { padding: 0 80px; } .valid { background-size: 50%; } } @media (min-width:1350px) and (max-width:1920px) { .nbH21{padding-left:135px;} } @media (min-width:700px) and (max-width:1249px) { .case2 .caseCon { padding: 0 50px; } .duang_Time { display: none; } .culture{display:none;} } @media (min-width:1000px) and (max-width:1249px) { .hidden1024{display:none;} .show1024{display:block;} .player .left{display:none;} .picScroll-left{width:992px;} .newremen .right{width:302px;} .allianceList{width:26%;} .tbkBoxList{padding: 0 29px 0 0;width: 47%;} .newremen .right{float: left;margin-left: 20px;} .player .left, .player .right{width:100%;} .rceCus .right .tbkBoxList1{width:47%;} .tbkBoxList{height:280px;} .tbkBoxList2, .tbkBoxList5,.PublicIndex_tbkBoxList2 {margin: 0px;} .rceCus .right{width: 100%;} .rceCus .left{width:100%; background:#eaeaea ;} .rceCus .left{float: none;margin:0 auto;} .studyBox_left{width: 700px;} .studyBox_right{width: 280px;} .remd dl{width:100%;} } @media (min-width:500px) and (max-width:699px) { .case2 .caseCon { padding: 0 30px; } } @media (max-width:1400px){ .footerTop .left li{font-size: 14px;} } @media screen and (width:1440px){ .caseBox dl{height:478px;} } @media screen and (width:1024px){ .caseBox dl{height:440px;} .team li{height:132px;} } @media screen and (min-width:1024px){ .team li{height:132px;} }