@charset "utf-8"; /*整站样式*/ html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input{margin:0;padding:0; border:0;} *{ -webkit-tap-highlight-color: transparent;} body{font-family:"Microsoft YaHei", STHeiti, 宋体, arial;background-color:#fff; } input,textarea,button{font-family:"Microsoft YaHei",STHeiti, 宋体, arial;padding: 0;font-family: Verdana, Arial;} h1,h2,h3,h4,h5,h6{font-family:"Microsoft YaHei", STHeiti, 宋体, arial;font-weight: normal; } img {border:0;} input[type=submit]:hover,button:hover { cursor:pointer;} input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;} a {color:#000; } a:link{text-decoration:none;} a:visited{text-decoration:none;} a:hover{text-decoration:none;cursor:pointer;} a:active{text-decoration:none;} .hidden{display:none;visibility:hidden;} .wrap{width:1200px;border: 0;padding:0;margin:0 auto;*zoom:1;} .wrap:after{clear: both;content:"";display: table;} .clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;} .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix { zoom:1; } .fl{float: left;} .fr{float: right;} .absolute { position: absolute;} .pors{position: relative;} .tl{text-align: left;} .tc{text-align: center;} .tr{text-align: right;} header li, .index-product li, .item-list li{ list-style-type:none;} .layouts { position:relative; width:1300px; margin:0 auto; } .layouts:after,.layouts:before { content:""; display:table; } .layouts:after {clear:both;} .clear {clear:both;} .inline_block {display:inline-block;} .ptb50 {padding:50px 0;} .blue {color:#006aff;} .blue1 {color:#09abd9;} .bg1 {background:#fafafa;} .bg2 {background:#f4f4f4;} .picture {overflow:hidden;} .picture img {transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;} li:hover .picture img,.each-item:hover .picture img,.each:hover .picture img {transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);} input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #999; } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #999; } /*header*/ header { z-index:1000; position:fixed; width:100%; height:79px; background:#fff; border-bottom:1px solid #d8d8d8; } header .logo { float:left; padding:28px 10px 0 0; } nav {float:left;} nav > ul > li { float:left; height:79px; line-height:79px; } nav .per { display:block; margin-left: 25px; font-size: 18px; color:#060606; transition:all .4s; } nav > ul > li:last-child .per {color:#999;} nav .on .per,nav li:hover .per { color:#da251e; } header .right-content { float:right; line-height:79px; text-align:right; } header .right-content > div { float:right; display:inline-block; /*margin-left:15px;*/ } header .right-content a { display:block; padding:0 20px 0 45px; font-size: 18px; color:#999; } header .right-content a:hover {background-color:#f0f0f0;} header .right-content .search-btn { background:url(../images/header-search.png) no-repeat 20px center; } header .right-content .language { background:url(../images/header-language.png) no-repeat 20px center; } header .search-wrap { position:absolute; left:0; display:none; width:100%; padding:43px 0; text-align:center; z-index:3; background:#f0f0f0; } header .search-box > div {display:inline-block;} header .search-input-text { width:730px; height:63px; padding:0 35px; background-color:#fff; border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,.05); } header .search-wrap .search-input { width:660px; height:63px; font-size:14px; line-height:63px; } header .search-wrap .search-go { width:63px; height:63px; background:url(../images/search-btn.png) no-repeat center center; } header .search-close-wrap {margin-left:20px;} header .search-wrap .close { display:block; width:63px; height:63px; background:url(../images/close.png) no-repeat center center; } .sub-nav { z-index:9; position:absolute; height:0; padding:0; opacity:0; overflow:hidden; transition:all .6s; background:#56667a; } .product-sub-nav { left:0; width:100%; } .sub-nav.on {height:auto; opacity:1;} .product-sub-nav.sub-nav.on {padding:30px 0;} .sub-nav .wrap { width:1280px; } .sub-nav .swiper-slide:nth-child(1) .each-dl{ border-left: 0; } .sub-nav .each-dl { width: calc(100% - 91px); padding:0 45px; margin:0 auto; border-left: 1px solid #cbcbcb; } .sub-nav .dt-title {height:60px;margin-bottom:25px;} .sub-nav .dt-title .picture-wrap { float:left; height:60px; } .sub-nav .dd-content{font-size: 0;line-height: 1;} .sub-nav .each{ display: inline-block; vertical-align: top; width: 50%; } .sub-nav .dt-title strong { display:block; margin-left:75px; font-weight:normal; font-size:18px; color:#fff; line-height:60px; } .sub-nav .dt-title strong a {color:#fff;} .sub-nav .dd-content .each a { display:block; padding:3px 0; font-size:14px; color:#fff; line-height: 20px; background: url(../images/nav-icon.png) no-repeat 90% center; } .sub-nav .dd-content .each a:hover {font-weight:bold;opacity:.7;} .sub-nav .swiper-button-next, .sub-nav .swiper-button-prev { width:18px; height:33px; margin-top:-16.5px; } .sub-nav .swiper-button-next {background:url(../images/next1.png) no-repeat center center;} .sub-nav .swiper-button-prev {background:url(../images/prev1.png) no-repeat center center;} .sub-nav .swiper-button-next.swiper-button-disabled,.sub-nav .swiper-button-prev.swiper-button-disabled {opacity:0;} .normal-sub-nav.sub-nav.on {padding:15px 0;} .normal-sub-nav li {line-height:30px;} .normal-sub-nav .sper { padding:0 35px; font-size:14px; color:#fff; line-height:30px; } .normal-sub-nav .sper:hover { text-decoration:underline; } /*footer*/ footer { background:#383838; } footer .top-footer .wrap {padding:50px 0;border-bottom:1px solid #3f3f3f;} footer .right-side { float:right; } footer .bottom-menu { float:left; } footer .bottom-menu .each { float:left; margin-left:110px; } footer .bottom-menu .each:first-child {margin-left:0;} footer .bottom-menu dt { font-size:16px; color:#fff; } footer .bottom-menu dt, footer .bottom-menu dd {margin-bottom:15px;} footer .bottom-menu dd a { font-size:14px; color:#fff; opacity:.5; } footer .bottom-menu dd a:hover {opacity:1;} footer .code-wrap { margin-bottom:20px; text-align:center; } footer .code-wrap .word { font-size:14px; color:#fff; } footer .share-wrap .share { display:inline-block; width:22px; height:22px; margin:0 3px; } footer .share-wrap .share1 { background:url(../images/footer-icon1-1.png) no-repeat center center; } footer .share-wrap .share2 { background:url(../images/footer-icon1-2.png) no-repeat center center; } footer .share-wrap .share3 { background:url(../images/footer-icon1-3.png) no-repeat center center; } footer .share-wrap .share4 { background:url(../images/footer-icon1-4.png) no-repeat center center; } footer .share-wrap .share5 { background:url(../images/footer-icon1-5.png) no-repeat center center; } footer .copyright { padding:18px 0; font-size:14px; color:#ababab; text-align:center; opacity:.25; } footer .copyright a { color:#ababab; } /*悬浮窗*/ .fixed-windows { z-index:5; position:fixed; bottom:2%; right:0; } .fixed-windows li { position:relative; margin:2px 0; } .fixed-windows li a { position:relative; display:block; width:40px; height:40px; text-align:center; background:#cecece; } .fixed-windows li:hover a {background:#707070;} .fixed-windows li a::after { position:absolute; left:0; top:0; content:''; display:block; width:100%; height:100%; } .fixed-windows .item1 a::after {background:url(../images/fixed-icon1-1.png) no-repeat center center;} .fixed-windows .item2 a::after {background:url(../images/fixed-icon1-2.png) no-repeat center center;} .fixed-windows .item3 a::after {background:url(../images/fixed-icon1-3.png) no-repeat center center;} .fixed-windows .item5 a::after {background:url(../images/close1.png) no-repeat center center;} .fixed-windows .item6 a::after {background:url(../images/fixed-icon1-4.png) no-repeat center center;} .fixed-windows li.item4 a.back-to-top {padding-top:3px;height:37px;} .fixed-windows li a .str { display:block; width:0; height:0; margin:0 auto 3px; border-bottom:6px solid #fff; border-left:4px solid transparent; border-right:4px solid transparent; } .fixed-windows li a strong { display:block; padding:0 5px; font-size:12px; color:#fff; line-height:1; } .fixed-windows .detail-content { position:absolute; top:0; right:40px; display:none; background:#707070; } .fixed-windows li:hover .detail-content { display:block; } .fixed-windows .detail-content .word { display:block; height:40px; padding:0 15px; font-size:16px; color:#fff; line-height:40px; white-space:nowrap; } .fixed-windows .detail-content .qr-code { display:block; padding:10px; } /*首页banner*/ .index-banner {height:100vh;overflow:hidden;} .index-banner .swiper-container { height:100vh; width:100%; margin:0 auto; overflow:visible; } .index-banner .swiper-wrapper { position:relative; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .index-banner .swiper-slide { z-index:1; opacity:.5; } .index-banner .swiper-slide a {display:block;width:100%;height:100%;} .index-banner .swiper-slide img { position:absolute; left:50%; margin-left:-960px; } .index-banner .swiper-slide.swiper-slide-active {z-index:2;opacity:1;} .index-banner .swiper-button-next,.index-banner .swiper-button-prev { display:none; width:32px; height:32px; margin-top:-16px; } .index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev {display:block;} .index-banner .swiper-button-next {right:16px;background:url(../images/next.png) no-repeat center center;} .index-banner .swiper-button-prev {left:16px;background:url(../images/prev.png) no-repeat center center;} .index-banner .swiper-pagination-bullet {width:13px;height:13px;opacity:.6} .index-banner .swiper-pagination-bullet-active {background-color:#da251e;opacity:1;} .index-title { padding:40px 0 20px; } .index-title .title { position:relative; margin-bottom:8px; text-align:center; } .index-title .title strong { z-index:1; position:relative; display:inline-block; padding:0 15px; font-size:26px; color:#666; background-color:#fff; } .index-title .title .line { position:absolute; left:50%; top:19px; display:block; width:275px; height:1px; margin-left:-132.5px; background:#ccc; } .index-more { padding-top:30px; text-align:center; } .index-more .more { display:inline-block; height:23px; padding:0 8px; font-size:12px; color:#999; line-height:23px; border:1px solid #dcdcdc; } .index-more .more:hover {color:#da251e;border-color:#da251e;} .index-product .item-list li { float:left; width:600px; height:300px; } .index-product .item-list li > div {float:left;} .index-product .item-list .text-wrap { position:relative; width:300px; height:300px; background-color:#f6f6f6; transition:all .4s; } .index-product .item-list li:hover .text-wrap{ background-color:#da251e; } .index-product .item-list .text { position:absolute; top:50%; padding:0 45px 0 35px; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); } .index-product .item-list .title a { font-size:18px; color:#000; transition:all .4s; } .index-product .item-list .description { height:52px; margin:20px 0 40px; font-size:14px; color:#adadad; line-height:26px; overflow:hidden; transition:all .4s; } .index-product .item-list .more-w {text-align:right;} .index-product .item-list .more { font-size:14px; color:#adadad; transition:all .4s; } .index-product .item-list .str { display:inline-block; width:0; height:0; margin-left:8px; border-left:4px solid #d6d6d6; border-top:4px solid transparent; border-bottom:4px solid transparent; transition:all .4s; } .index-product .item-list li:hover .str {border-left-color:#fff;} .index-product .item-list li:hover .title a, .index-product .item-list li:hover .description, .index-product .item-list li:hover .more {color:#fff;} .item-list .picture img { display:block; } .index-news {padding-bottom:60px;} .index-news .item-list ul { margin-left:-60px;} .index-news .item-list li { float:left; width:570px; padding:30px 0; margin-left:60px; border-top:1px solid #dcdcdc; } .index-news .item-list .picture { float:left; } .index-news .item-list .text-wrap { margin-left:290px; padding-top:20px; } .index-news .item-list .date { font-size:14px; color:#999; } .index-news .item-list .title a { display:block; max-height:44px; margin:20px 0; font-size:18px; color:#000; line-height:22px; overflow:hidden; } .index-news .item-list li:hover .title a {color:#da251e;} .index-news .item-list .descrition { font-size:14px; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } /*inner-page*/ .inner-banner {height:200px;} .inner-banner.solve-banner {height:600px;} .inner-tab { padding:30px 0; text-align:center; border-bottom:1px solid #dfdfdf; } .inner-tab li { display:inline-block; padding:0 30px; } .inner-tab li .icon { position:relative; display:inline-block; width:80px; height:80px; background:#56667a;; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; } .inner-tab li.on .icon {background:#da251e;} .inner-tab li .icon img { position:absolute; top:50%; left:50%; margin:-21px 0 0 -21px; } .inner-tab li strong { display:block; font-size:16px; font-weight:normal; color:#000; } .inner-tab li.on strong{color:#da251e;} .inner-content { padding:40px 0 100px; } .inner-title { padding-bottom:25px; font-size:30px; color:#666; text-align:center; } .service-selled .inner-title {text-align:left;} article { font-size:14px; color:#666; line-height:2; } .history-wrap { position:relative; padding-top:25px; } .history-wrap .str { position:absolute; left:50%; top:25px; display:block; width:0; height:0; margin-left:-6px; border-bottom:12px solid #868f95; border-left:7px solid transparent; border-right:7px solid transparent; } .history-wrap .line { position:absolute; left:50%; top:37px; display:block; width:1px; height:100%; margin-left:-.5px; background:#ddd; } .history-wrap .item-list li { position:relative; margin-top:45px; background:url(../images/dot.png) no-repeat center 5px; } .history-wrap .item-list li:first-child {margin-top:65px;} .history-wrap .item-list .text-wrap {padding-left:635px;} .history-wrap .item-list li:nth-child(2n) .text-wrap { padding-right:635px; padding-left:0; text-align:right; } .history-wrap .item-list .year { display:block; margin-bottom:10px; font-size:20px; color:#da251e; } .history-wrap .item-list .descrition { font-size:16px; color:#333; } .duty-list li, .product-detail-function li{padding:25px 30px;} .duty-list li .img-wrap, .product-detail-function li .img-wrap { float:left; } .duty-list li:nth-child(2n) .img-wrap, .product-detail-function li:nth-child(2n) .img-wrap {float:right;} .duty-list li .text-wrap, .product-detail-function li .text-wrap { position:relative; min-height:270px; margin-left:525px; } .duty-list li:nth-child(2n) .text-wrap, .product-detail-function li:nth-child(2n) .text-wrap{ margin:0 525px 0 0; } .duty-list li .text-inner, .product-detail-function li .text-inner{ position:absolute; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); } /*product*/ .side-bar { float:left; width:200px; } .side-bar.on { position:fixed; top:0; } .side-bar > .item-list > li {padding-bottom:5px;} .side-bar .dt-title { position:relative; margin:10px 0 20px; font-weight:bold; font-size:16px; color:#000; cursor:pointer; } .side-bar .dt-title a {color:#000;} .side-bar .dt-title .down-icon { position:absolute; right:0; top:0; display:block; width:21px; height:21px; background:url(../images/side-icon.png) no-repeat center center; transition:all .4s; transform:rotate(-90deg); } .side-bar .on .dt-title .down-icon { transform:rotate(0); } .side-bar .dd-content { display:none; } .sub-side-menu li { margin-bottom:15px; } .sub-side-menu li a { font-size:14px; color:#666; } .sub-side-menu li a:hover {color:#da251e;} .product-main-content .wrap { width:980px; } .product-main-content .inner-title { text-align:left; padding-bottom:15px; } .product-total-descrition { margin-bottom:25px; padding:35px 0 45px; font-size:14px; color:#999; background:#f4f4f4; } .product-bread-menu,.product-bread-menu a { font-size:14px; color:#aaa; } .product-bread-menu a.on {color:#da251e;} .each-product-list {padding:60px 0;} .each-product-list:nth-child(2n) {background:#eeefef;} .each-product-list .title { padding-bottom:40px; font-size:18px; color:#666; } .each-product-list .item-list {margin-left:-60px;} .each-product-list .item-list li { float: left; margin: 0 0 35px 60px; width: 285px; } .each-product-list .item-list .picture, .normal-product-list li .picture{ position:relative; width:283px; height:283px; } .each-product-list .item-list .picture {border:1px solid #eaeaea;} .each-product-list .item-list .mask, .normal-product-list li .mask { position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(218,37,30,.89); opacity:0; transition:all .4s; } .each-product-list .item-list li:hover .mask, .normal-product-list li:hover .mask{opacity:1;} .each-product-list .item-list .more,.normal-product-list li .icon { display:block; width:50px; height:50px; border:0; background:url(../images/more.png) no-repeat center center;opacity:0; transition:all .4s; } .each-product-list .item-list .more { position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; } .each-product-list .item-list li:hover .more, .normal-product-list li:hover .icon {opacity:1;} .each-product-list .item-list .pro-name,.normal-product-list li .pro-name { display:block; height:48px; padding-top:15px; font-size:16px; font-weight:normal; color:#2e2e2e; line-height:24px; text-align:center; overflow:hidden; } .pro-back-wrap { margin-top:70px; padding-top:35px; text-align:center; border-top:1px solid #dedede; } .pro-back-wrap .back { font-size:16px; color:#666; } .pro-back-wrap .back:hover {color:#da251e;} .each-product-list .more-w, .normal-product-list .more-w{text-align:center;} .each-product-list .more, .product-detail-other-list .more-w .more, .solve-list li .more, .normal-product-list .more-w .more{ display:inline-block; width:140px; height:45px; font-size:14px; color:#595757; line-height:45px; text-align:center; border:1px solid #e5e5e5; } .each-product-list .more:hover, .product-detail-other-list .more:hover, .normal-product-list .more-w .more:hover{ color:#da251e; border-color:#da251e; } .gray-background {background-color:#f2f2f2;} .normal-product-list { padding-top:60px; } .product-list-title-wrap {padding-bottom:40px;} .product-list-title-wrap .inner-title {text-align:left;} .product-list-title-wrap .back { display:inline-block; font-size:14px; color:#adadad; } .product-list-title-wrap .line { display:none; width:40px; height:1px; margin:20px auto 15px; background:#595757; } .product-list-title-wrap .descrition { font-size:14px; color:#666; line-height:2; } .product-list-list .wrap {width:980px;} .normal-product-list ul {margin-left:-60px;} .normal-product-list li { float:left; width:285px; margin:0 0 45px 60px; } .product-detail-other-list .normal-product-list ul {margin-left:-20px;} .product-detail-other-list .normal-product-list li {margin:0 0 25px 20px;} .normal-product-list li .picture { border:1px solid #eee; } .normal-product-list li .more { position:absolute; left:50%; top:50%; margin:-43px 0 0 -25px; opacity:0; transition:all .4s; } .normal-product-list li .word { display:block; padding-top:20px; font-size:12px; font-weight:normal; color:#fff; } .normal-product-list li:hover .more {opacity:1;} .product-detail-main-des .product-bread-menu { padding:65px 0 45px; border-top:1px solid #ccc; } .product-detail-main-des .scroll-product { float:left; width:600px; height:550px; } .product-detail-main-des .scroll-product .swiper-pagination-bullet { display:inline-block; width:8px; height:8px; background:transparent; border:1px solid #b8b8b8; opacity:1; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; } .product-detail-main-des .scroll-product .swiper-pagination-bullet-active { background-color:#424444; border-color:#424444; } .product-detail-descrition { position:relative; min-height:575px; margin-left:660px; padding-top:25px; } .product-detail-descrition-inner { } .product-detail-descrition-inner h1 { margin-bottom:20px; font-size:36px; color:#010101; } .product-detail-descrition-inner h1 .small { display:block; margin-top:15px; font-size:14px; color:#999; } .product-detail-descrition-inner .descrition { font-size:14px; color:#666; line-height:2; } .product-detail-more .title-wrap { height:75px; line-height:75px; border-bottom:1px solid #ddd; } .product-detail-more .title-wrap.on { z-index:2; position:fixed; top:0; width:100%; background:#fff; } .product-detail-more .title-wrap .title { font-size:20px; color:#010101; } .product-detail-tab { float:right; text-align:right; } .product-detail-tab li { display:inline-block; margin-left:30px; } .product-detail-tab li a { font-size:14px; color:#010101; } .product-detail-tab li.on a {color:#da251e;} .product-detail-function { padding:50px 0 80px; border-bottom:1px solid #e8e8e8; } .product-detail-more-technology { padding:100px 0; } .product-detail-more-technology .img-wrap { float:left; width:600px; height:600px; } .product-detail-more-technology .text-wrap {margin-left:640px;} .product-detail-more-technology .text-wrap .inner-title { padding-bottom:0; text-align:left; } .product-detail-other-list { padding:50px 0 75px; border-top:1px solid #e8e8e8; } .product-detail-other-list .normal-product-list {padding:35px 0;} .normal-title-wrap {padding-bottom:30px;} .solve-tab { text-align:center; } .solve-tab li {display:inline-block;padding:0 20px;} .solve-tab li.on a {color:#da251e;} .solve-tab li a {font-size:16px;font-weight:bold;color:#000;} .normal-title-wrap .inner-title {padding-bottom:20px;} .normal-title-wrap .line { display:block; width:40px; height:1px; margin:0 auto; background:#595757; } .normal-title-wrap .line.solve-line {margin:35px auto;} .solve-list {padding-bottom:50px;} .solve-list li {padding:20px 0;} .solve-list li .picture { float:left; width:500px; height:300px; } .solve-list li .text-wrap { position:relative; height:300px; margin-left:550px; } .solve-list li .text-inner { position:absolute; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); } .solve-list li .text-inner .title a { display:block; font-size:24px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .solve-list li .text-inner .descrition { height:66px; margin:20px 0 30px; font-size:14px; color:#999; line-height:22px; overflow:hidden; } .solve-list li .more:hover { color:#fff; border-color:#da251e; background:#da251e; } .solve-detail {padding:85px 0;} .solve-detail h1 { margin-bottom:25px; font-size:30px; color:#000; } .news-list-page {padding-bottom:75px;} .news-list li:nth-child(2n){background:#f9f9f9;} .news-list li .item-inner { width:1200px; margin:0 auto; padding:40px 0; } .news-list li .picture { float:left; width:260px; height:160px; } .news-list li .text-wrap { position:relative; height:160px; margin-left:300px; } .news-list li .text-inner { position:absolute; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); } .news-list li .date { font-size:16px; color:#999; } .news-list li .title a { display:block; margin:10px 0 15px; font-size:18px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .news-list li:hover .title a {color:#da251e;} .news-list li .descrition { height:44px; font-size:14px; color:#bbb; line-height:22px; overflow:hidden; } .side-news-list { float:right; width:250px; padding:40px 25px; background:#f5f5f5; } .side-news-list .title { font-size:18px; color:#000; } .side-news-list .item-list li { padding:30px 0 20px; border-top:1px solid #e9e9e9; } .side-news-list .item-list li:first-child {border-top:0;} .side-news-list .item-list li .picture { width:200px; height:123px; margin:0 auto; overflow:hidden; } .side-news-list .item-list li .text-wrap { padding-top:20px; } .side-news-list .item-list li h4 { height:40px; margin:10px 0 15px; font-size:18px; color:#000; line-height:20px; overflow:hidden; } .side-news-list .item-list li:hover h4 {color:#da251e;} .side-news-list .item-list li .date { font-size:16px; color:#999; } .side-news-list .item-list li .des { font-size:14px; color:#bbb; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .news-detail { margin-right:400px; } .news-detail .title-wrap,.article-detail .title-wrap { margin-bottom:25px; padding-bottom:35px; text-align:center; border-bottom:1px solid #ededed; } .news-detail .title-wrap h1,.article-detail .title-wrap h1 { margin-bottom:10px; font-size:26px; color:#000; } .news-detail .title-wrap .other span,.article-detail .title-wrap .other span{ display:inline-block; margin:0 10px; font-size:14px; color:#666; } .news-detail .back-wrap,.article-detail .back-wrap { margin-top:40px; padding-top:25px; text-align:right; border-top:1px solid #ededed; } .news-detail .back-wrap .back,.article-detail .back-wrap .back { font-size:16px; color:#6d6c6c; } /*service*/ .service-page .descrition { font-size:16px; color:#333; line-height:2.5; } .selled-form-wrap {padding:50px 174px 0;} .selled-form-wrap .input-text { width:258px; height:43px; padding:0 10px; line-height:43px; border:1px solid #e5e5e5; } .selled-form-wrap .per-input { float:left; width:50%; margin-bottom:13px; } .selled-form-wrap .per-input:last-child { text-align:right; } .selled-form-wrap label { float:left; display:inline-block; width:80px; margin-right:20px; font-size:14px; color:#333; line-height:45px; text-align:right; } .selled-form-wrap label .star {color:#f00;} .selled-form-wrap textarea { width:730px; height:180px; padding:10px; border:1px solid #e5e5e5; } .selled-form-wrap .submit-wrap, .ask-form-wrap .submit-wrap { padding-top:15px; text-align:center; } .selled-form-wrap .input-submit, .ask-form-wrap .input-submit{ width:125px; height:40px; font-size:16px; color:#fff; line-height:40px; background:#da251e; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; } .service-learn-list {padding-bottom:60px;} .service-learn-list li a { position:relative; display:block; padding:20px; border-top:1px dashed #dedede; } .service-learn-list li:first-child a {border-top:0;} .service-learn-list li a strong { display:block; margin:0 140px 0 25px; font-weight:normal; font-size:16px; color:#333; } .service-learn-list li:hover a strong {color:#da251e;} .service-learn-list li .dot { position:absolute; left:20px; top:25px; display:block; width:10px; height:10px; background:#e5e5e5; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; } .service-learn-list li:hover .dot {background:#da251e;} .service-learn-list li .date { position:absolute; right:20px; font-size:14px; color:#999; } .document-tab { text-align:center; } .document-tab li { display:inline-block; margin:0 10px; font-size:14px; color:#666; } .document-tab li a { font-size:16px; color:#666; } .document-tab li.on a{color:#da251e;} .service-document-list {padding:50px 0;} .service-document-list .dt-title > div, .service-document-list li > div { float:left; padding-left:40px; } .service-document-list .dt-title > div { height:60px; font-size:16px; color:#fff; line-height:60px; background:#595757; } .service-document-list li{ border-bottom:1px solid #ececec; } .service-document-list li > div { padding:20px 0 20px 40px; font-size:16px; color:#666; line-height:22px; } .service-document-list .item-1 { width:255px; } .service-document-list .item-2 { width:120px; } .service-document-list .item-3 { width:90px; } .service-document-list li .download { display:inline-block; width:17px; height:22px; background:url(../images/download.png) no-repeat center center; } .question-list ul {margin-left:-25px;} .question-list li { float:left; width:333px; padding:21px 24px; margin:0 0 30px 25px; border:1px solid #ddd; } .question-list li:hover {border-color:#da251e;} .question-list .dt-qusetion { position:relative; padding-left:40px; margin-bottom:15px; font-size:18px; color:#333; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .question-list li:hover .dt-qusetion {color:#da251e;} .question-list .dd-answer { position:relative; height:72px; padding-left:40px; font-size:14px; color:#999; line-height:24px; overflow:hidden; } .question-list .word { position:absolute; left:0; top:0; display:block; width:30px; height:30px; font-size:16px; color:#fff; line-height:30px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .question-list .dt-qusetion .word { background:#da251e; } .question-list .dd-answer .word { background:#b8b8b8; } .ask-form-wrap { width:500px; padding-top:25px; margin:0 auto; } .ask-form-wrap .each { position: relative; margin-bottom:13px; } .ask-form-wrap .input-text { width:468px; height:50px; padding:0 15px; font-size:16px; line-height:50px; border:1px solid #e5e5e5; } .ask-form-wrap .textarea { width:468px; height:180px; padding:5px 15px; font-size:16px; border:1px solid #e5e5e5; } .ask-form-wrap .sex-choice { position:absolute; top:0; right:30px; font-size:16px; color:#333; line-height:50px; } .ask-form-wrap .radio-w { position:relative; } .ask-form-wrap .radio-w input { z-index:2; position:absolute; left:10px; top:2px; opacity:0; cursor:pointer; } .ask-form-wrap .radio-w label { position:relative; display:inline-block; width:12px; height:12px; margin:0 10px; background:#d6d6d6; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; } .ask-form-wrap .radio-w input:checked + label:after{ content:''; width:12px; height:12px; position:absolute; top:0px; left:0px;background:#da251e; border-radius:50%;} /*join*/ .join-select-wrap .each-select {margin-bottom:20px;} .join-select-wrap .dt-title { float:left; padding-left:50px; font-size:16px; color:#333; line-height:25px; } .join-select-wrap .each-select1 .dt-title {background:url(../images/join-icon1.png) no-repeat 5px center;} .join-select-wrap .each-select2 .dt-title {background:url(../images/join-icon2.png) no-repeat 5px center;} .join-select-wrap .each-select3 .dt-title {background:url(../images/join-icon3.png) no-repeat 5px center;} .join-select-wrap .dd-content a { display:inline-block; margin:0 10px; font-size:16px; color:#333; } .join-select-wrap .dd-content a:hover,.join-select-wrap .dd-content a.on { color:#da251e; text-decoration:underline; } .join-list { padding:40px 0; } .join-list .item-list {overflow:hidden;} .join-list .dt-title > div, .join-list li a > div { float:left; text-align:center; } .join-list .dt-title {background:#da251e;} .join-list li {overflow:hidden;border-bottom:1px solid #e2e2e2;} .join-list li a {display:block;padding-bottom:20px;} .join-list .dt-title > div { height:70px; font-size:16px; color:#fff; line-height:70px; border-right:1px solid #e2e2e2; } .join-list li a > div { margin-bottom:-9999px; padding:20px 0 9999px; font-size:16px; color:#333; border-right:1px solid #e2e2e2; } .join-list .dt-title > div:first-child, .join-list li a > div:first-child {border-left:1px solid #e2e2e2;} .join-list .item-1 {width:442px;} .join-list li:hover a .item-1 {color:#da251e;text-decoration:underline;} .join-list .item-2 {width:198px;} .join-list .item-3 {width:138px;} .join-list .item-4 {width:238px;} .join-list .item-5 {width:178px;} .search-tips { font-size:14px; color:#666; } .search-list li { padding:40px 0; border-top:1px solid #eee; } .search-list li:first-child {border-top:0;} .search-list li h3 a { display:block; font-size:16px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .search-list li:hover h3 a {color:#da251e;} .search-list li .descrition { margin:15px 0; font-size:12px; color:#bbb; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .search-list li .other span { display:inline-block; margin-right:25px; font-size:14px; color:#bbb; } /*dialog*/ .dialog { z-index:10; position:fixed; left:0; top:0; display:none; width:100%; height:100%; } .dialog-bg { position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,.5); } .dialog-content { z-index:11; position:absolute; left:50%; top:50%; width:1200px; margin-left:-600px; background:#fff; border-radius:15px; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); } .dialog-content .close { position:absolute; right:35px; top:40px; display:block; width:32px; height:32px; background:url(../images/close2.png) no-repeat center center; cursor:pointer; } .dialog-join .dialog-content .close { right:-55px; top:-25px; } .dialog-inner { padding:80px 50px; } .dialog-inner .dt-title { padding:15px; font-size:18px; color:#fff; background:#d80d18; } .dialog-inner .dd-content { padding:15px; } .dialog-inner .dd-content .other span { display:inline-block; margin-right:25px; color:#666; } .dialog-inner .dt-question { position:relative; padding:0 0 25px 60px; font-size:24px; color:#333; line-height:40px; border-bottom:1px solid #d2d2d2; } .dialog-inner .dd-answer { position:relative; padding:25px 0 0 60px; font-size:16px; color:#999; line-height:34px; } .dialog-inner .word { position:absolute; left:10px; top:0; display:block; width:40px; height:40px; font-size:18px; color:#fff; line-height:40px; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .dialog-inner .dt-question .word {background:#da251e;} .dialog-inner .dd-answer .word {top:25px;background:#d8d8d8;} /*page*/ .page { width:1200px; margin:0 auto; text-align:center; } .page a { display:inline-block; margin:0 5px; padding:10px; font-size:16px; color:#999; } .page .num { font-style:italic; border-bottom:1px solid #dadada; } .page .num.on {color:#da251e;border-bottom:1px solid #da251e;} .page .prev,.page .next { font-family:'Simsun'; } article img {max-width:100%;} .descrition img{ max-width:100%; } .inner-main{ padding-top:80px; } /*contact*/ .contact-map { position:relative; float:right; width:771px; margin-top:90px; } .contact-map img {display:block;} .contact-map-list li img { z-index:1; position:absolute; display:none; } .contact-map-list li.dongbei img { right: 0; top: -11px; } .contact-map-list li.xibei img { left:0; top:78px; } .contact-map-list li.xinan img { left:33px; top:298px; } .contact-map-list li.huabei img { right:110px; top:9px; } .contact-map-list li.huadong img { right:87px; top:279px; } .contact-map-list li.huanan img { right:108px; bottom:11px; } .contact-map-list li.huazhong img { right:140px; bottom:126px; } .contact-map-list li span { z-index:2; position:absolute; display:block; width:50px; height:50px; background:#f00; cursor:pointer; opacity:0; border-radius:100%; } .contact-map-list li.dongbei span { top:139px; right:58px; } .contact-map-list li.xibei span { top:334px; right:261px; } .contact-map-list li.xinan span { bottom:204px; right:330px; } .contact-map-list li.huabei span { top:220px; right:164px; } .contact-map-list li.huadong span { bottom:235px; right:130px; } .contact-map-list li.huanan span { bottom:85px; right:185px; } .contact-map-list li.huazhong span { bottom:200px; right:175px; } .contact-map-list li img { display:none; } /*.contact-map-list li a:hover + img {*/ /*opacity:1;*/ /*}*/ .contact-us-content { padding-top:20px; margin-right:771px; min-height:800px;} .contact-us-content .main-company { width:100%; padding:30px 0 55px; } .subcompany-area {display:none;} .subcompany-title { padding:0 0 35px 50px; font-size:24px; color:#000; line-height:43px; background:url(../images/contact-icon.png) no-repeat left top; } .contact-us-content .sub-company { padding-bottom:20px; border-top:1px solid #e4e4e4; } .contact-us-content .dt-title { margin-bottom:20px; font-size:24px; color:#000; white-space:nowrap; } .contact-us-content .sub-company .dt-title { padding:20px 0 15px; margin-bottom:0; font-size:18px; } .contact-us-content .dd-content { font-size:16px; color:#525252; line-height:2; } .contact-us-content .sub-company .dd-content { font-size:14px; color:#666; line-height:1.3; } .contact-us-content .dd-content > div {} .contact-us-content .sub-company .dd-content > div{margin-bottom:15px;} .contact-us-content .sub-company { }