@charset "utf-8"; html, body { overflow-x: hidden } * { outline: none !important; font-family: "microsoft yahei", "Helvetica Neue", Helvetica, Arial, sans-serif !important } button:hover, button:active, button:focus { border: none !important; outline: none !important; text-decoration: none !important } .container-fluid { padding: 0 } img { max-width: 100% } ul, ol, li { margin: 0; padding: 0; list-style: none } .blk { display: block } .cl_fff { color: #fff !important } .cl_ccc { color: #ccc !important } .cl_333 { color: #333 !important } .cl_666 { color: #666 !important } .cl_999 { color: #999 !important } .cl_gray1 { color: #d5d5d5 !important } .cl_blue1 { color: #019fe8 !important } .cl_blue2 { color: #0070c0 !important } .fb { font-weight: bold !important } .w100 { width: 100% !important } .ccl { border-radius: 50% } .bggray1 { background: #F7F7F7 } .p_img img, .a_img img, .nailthumb img { display: none } .ti2{text-indent: 2em;} .fullcarousel .carousel-caption { top: 70px; left: 50%; width: 1160px; max-height: 350px; margin-left: 0; margin-left: -580px; text-align: center; } .fullcarousel1 i { font-size: 30px; font-style: normal; line-height: 60px; display: inline-block; width: 60px; height: 60px; text-align: center; color: #fff; border-radius: 500px; background: rgba(255, 255, 255, 0.39); box-shadow: none; } .fullcarousel .right.carousel-control { background: transparent; } .fullcarousel .carousel-control { width: 60px; background: transparent; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { left: 0; display: block; width: 100%; height: 40px; margin: 0; margin-top: -40px; } .carousel-control .fa:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0; content: ""; background: transparent url(../images/bgs.png) no-repeat 20px -893px; } .carousel-control .fa.icon-next:before { background-position: -769px -893px; } .fullcarousel .item > img { visibility: hidden; width: auto; max-width: none; height: auto; } .fullcarousel .carousel-caption * { color: #fff; } .fullcarousel .carousel-caption .animated0 { -webkit-animation-duration: 1.3s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; animation-duration: 1.3s; opacity: 0; text-shadow: none; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .fullcarousel .carousel-caption .animated1 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: 0s; animation-delay: 0s; opacity: 0; text-shadow: none; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .fullcarousel .carousel-caption .animated2 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; opacity: 0; text-shadow: none; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .fullcarousel .carousel-caption .animated3 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; opacity: 0; text-shadow: none; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .caption-animate .item h3 { font-size: 65px; font-weight: 400; animation-delay: 1s; color: #444; } .caption-animate .item .d1 { font-size: 24px; font-weight: 400; line-height: 1.1; margin: 30px 0 50px; animation-delay: 1.4s; text-align: left; text-transform: uppercase; } .caption-animate .item .d1 p { text-shadow: none; } .caption-animate .item .d1 p:nth-child(1) { font-weight: 100; color: rgba(255, 255, 255, 0.5); } .caption-animate .item .d1 p:nth-child(3) { font-weight: 100; } .caption-animate .item .p2 { font-weight: 400; width: 88px; width: 56px; height: 56px; animation-duration: 1.8s; animation-delay: 2s; text-align: center; border: 2px solid #fff; border-radius: 50%; } .caption-animate .item .p2 img { margin-top: 12px; } .carousel-inner > .item img { visibility: hidden; min-width: 1920px; } .fullcarousel .right.carousel-control { background: transparent url(../images/ar_right.png) no-repeat center 43%/50px; } .fullcarousel .carousel-control { width: 140px; transition: all 0.3s; opacity: 0.4; background: transparent url(../images/ar_left.png) no-repeat center 43%/50px; } .carousel-control:focus { opacity: 0.7; } .carousel-control:hover { opacity: 1; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { left: 0; display: block; width: 100%; height: 40px; margin: 0; margin-top: -40px; } .carousel-control .fa:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0; content: ""; background: transparent url(../images/bgs.png) no-repeat 20px -893px; } .carousel-control .fa.icon-next:before { background-position: -769px -893px; } .carousel-indicators li { width: 14px; width: 35px; height: 14px; height: 4px; margin: 0 5px; transition: all 0.3s; border-color: transparent; background: #fff; } .carousel-indicators { bottom: 30px; } .carousel-indicators .active { width: 35px; height: 4px; margin: 0 5px; background: rgb(38, 129, 196); } @media only screen and (min-width:1200px) { .container { width: 1230px } .f10 { font-size: 10px !important } .f12 { font-size: 12px !important } .f14 { font-size: 14px !important } .f16 { font-size: 16px !important } .f18 { font-size: 18px !important } .f20 { font-size: 20px !important } .f22 { font-size: 22px !important } .f24 { font-size: 24px !important } .f26 { font-size: 26px !important } .f30 { font-size: 30px !important } .f32 { font-size: 32px !important } .f32 { font-size: 32px !important } .f34 { font-size: 34px !important } .f36 { font-size: 36px !important } .f40 { font-size: 40px !important } .f45 { font-size: 45px !important } .lh24 { line-height: 24px } .lh25 { line-height: 25px } .lh36 { line-height: 36px } .lh30 { line-height: 30px } .lh40 { line-height: 40px } .lh60 { line-height: 60px } .mt15 { margin-top: 15px } .mt25 { margin-top: 25px } .mt35 { margin-top: 35px } .mt65 { margin-top: 65px } .mt72 { margin-top: 72px } } .container { width: 1215px; padding-right: 18px; padding-left: 18px } .container_big { width: 1473px; padding-right: 18px; padding-left: 18px } .container_s { } #header { padding: 0px 0 17px; border: none } #navbar { z-index: 999; background: rgba(255, 255, 255, .8); width: 100%; max-width: 1920px; border: none } .body_index #navbar { border: none } div>h2 { text-align: center; font: 400 30px/1 'microsoft yahei'; color: #333; margin: 10px auto 15px } div>h3 { text-align: center; font: 400 15px/1 'microsoft yahei'; color: #666; margin: 20px auto 10px } .navbar { margin: 0 } #navbar .logo { } #navbar .logo img { margin: 15px 0 17px } .navbar-nav {margin-top: 21px;clear: both;margin-top: -10px;margin-bottom: -10px;} .navbar-nav li {margin-left: 50px;text-align: right;} .navbar-nav li.active a { color: #2da439; font-weight: bold } .navbar-nav li a {font-size: 16px;padding-left: 0;padding-right: 0;} .navbar-nav li .dropdown-menu { } .navbar-nav li .dropdown-menu li { } .navbar-nav li .dropdown-menu li a { } .member_lang { margin-top: 31px; background: url(../images/bg_mem.png) no-repeat left 1px; padding-left: 30px; color: #666 } .member_lang * { color: #666 } .member_lang a { } .member_lang span { margin: 0 8px } .member_lang .login { } .member_lang .reg { } .member_lang .lang { display: inline-block; margin: 0 0 0 50px; vertical-align: top; width: 76px } .member_lang .lang_en { } .member_lang .lang_zh { display: none; font-size: 16px } .member_lang .lang_chg { display: inline-block; width: 30px; height: 14px; background: url(../images/bg_mem.png) no-repeat left -114px; margin-left: 0 } .vhidden * { visibility: hidden } #hbanner { position: relative } #hbanner .anidiv { position: absolute; z-index: 99; left: 0; top: 0; visibility: hidden } #hbanner .anidiv.d1 { } #hbanner .anidiv.d2 { } #hbanner .anidiv.d3 { } #hbanner .anidiv.d4 { } #hbanner .anidiv.d5 { } #hbanner .anidiv.d6 { } #hbanner .anidiv.d5 { left: 15%; margin-top: 0px; font: 400 48px/1 'microsoft yahei' } #hbanner .anidiv.d6 { left: 15%; margin-top: 80px; font: 400 18px/1 'microsoft yahei' } #hbanner .box::after { content: ""; display: block; position: absolute; width: 100%; height: 35px; bottom: 0; left: 0; background: url(../images/bg_sj0.png) no-repeat center bottom } #hbanner .box { position: relative } #hbanner .list { } #hbanner .list li { position: relative; width: 100% } #hbanner .list li a { width: 100%; display: block; overflow: hidden } #hbanner .list li a img {visibility: hidden;width: auto;max-width: none;} #hbanner .slidebtn { width: 130px; margin-left: -65px; left: 50%; position: absolute; bottom: 30px } #hbanner .slidebtn ul { } #hbanner .slidebtn ul li { } .body_index #header{padding: 0} .body_index #gonggao{display: block;} .slide1 { background: #f3f3f3;} #gonggao{ display: none; background: #f3f3f3; height: 35px; line-height: 35px; margin: 0; margin-top: 17px; } #gonggao ul{ padding-left: 35px; background: url(../images/tongzhi.png) no-repeat left center; } #gonggao li{} #gonggao li a{} .navbar-nav > li.active > a:after, .navbar-nav > li > a:hover:after {content: "";display: block;position: relative;width: 130%;height: 3px;top: 32px;left: -15%;background: #2da439;display: none;} #index_lingyu .container { } #index_lingyu H2 { margin-top: 80px } #index_lingyu H3 { margin-bottom: 60px } #index_lingyu { background: #F3F3F3 } #index_lingyu .row.gutter-0 { height: 535px; overflow: hidden } #index_lingyu .col-md-6.li_1 { } #index_lingyu b { display: block; width: 70px; height: 78px; text-align: center; margin: 0 auto; position: relative; overflow: hidden; padding: 20px; margin-top: 0 } #index_lingyu b span { font-family: KIPLINGLIGHT; font-size: 40px; color: #b3b3b3; font-weight: 400; overflow: hidden; background: transparent; z-index: 2; margin: 0; line-height: 1; transition: none } #index_lingyu b::after { content: ''; position: absolute; display: block; width: 20px; height: 20px; transform: rotate(-45deg); border-top: 1px solid #949494; bottom: 0; left: 0 } #index_lingyu b::before { content: ''; position: absolute; display: block; width: 17px; height: 19px; transform: rotate(-45deg); border-top: 1px solid #949494; top: 7px; right: -1px } #index_lingyu img { } #index_lingyu li DIV { background: #fff; padding: 1px; padding-top: 16px; border-right: 1px solid #ddd; height: 215px } #index_lingyu li div::before { content: ""; display: block; width: 20px; height: 20px; background: #0E9D3F; left: 50%; top: -10px; transform: rotate(45deg); position: absolute; margin-left: -5px; opacity: 0 } #index_lingyu li:last-child DIV { border-right: none } #index_lingyu STRONG { font: 400 24px/30px 'microsoft yahei'; color: #666; text-align: center; width: 100%; display: block; margin-top: 4 } #index_lingyu P { margin: 10px 30px 26px; font: 400 14px/25px 'microsoft yahei'; color: #666; text-align: center } #index_lingyu li, #index_lingyu li * { transition: all .5s, background .2s, color .2s } #index_lingyu li:hover { } #index_lingyu li:hover { cursor: pointer } #index_lingyu li:hover div::before { content: ""; display: block; width: 20px; height: 20px; background: #0E9D3F; left: 50%; top: -10px; transform: rotate(45deg); position: absolute; margin-left: -5px; opacity: 1 } #index_lingyu li:hover div { padding-top: 26px; background: #0E9D3F; border: none; position: relative; height: 265px; margin-top: -50px } #index_lingyu li:hover b { color: #fff } #index_lingyu li:hover strong { color: #fff } #index_lingyu li:hover p { color: #fff } #index_lingyu li:hover b::after { content: ''; position: absolute; display: block; width: 52px; height: 20px; transform: rotate(0); border-top: 1px solid #ffffff; bottom: -9px; left: 16px } #index_lingyu li:hover b::before { content: ''; position: absolute; display: block; width: 52px; height: 48px; transform: rotate(0deg); border-top: 1px solid #ffffff; top: 8px; right: auto; left: 16px } #index_lingyu li:hover span { background: transparent; color: #fff } #index_lingyu .li_2 { } #index_lingyu .li_3 { } #index_lingyu .li_4 { } #index_lingyu::before { content: ""; display: block; position: absolute; width: 100%; height: 38px; top: -38px; left: 0; background: #fff url(../images/bg_sj2.png) no-repeat center bottom; padding: 0; margin: 0 } #index_lingyu::after { content: ""; display: block; position: absolute; width: 100%; height: 38px; bottom: 0px; left: 0; background: transparent url(../images/bg_sj3.png) no-repeat center bottom; padding: 0; margin: 0 } #index_lingyu { position: relative; background: #0C69AE url(../images/bg1.jpg) no-repeat right center } #index_lingyu .container { padding-top: 1px } #index_lingyu H2 { color: #fff; margin-top: 70px } #index_lingyu H3 { color: #fff } #index_supports { padding-top: 60px; padding-bottom: 40px; background: url(../images/bg3.jpg) no-repeat center } #index_supports .container { } #index_supports H3 { margin-bottom: 50px } #index_supports li:hover a { border: 1px solid #0C69AC } #index_supports li a { transition: background .45s; padding-top: 110px; border: 1px solid #C9C9C9; display: block; height: 200px; width: 200px;margin-left: 80px; } #index_supports li a p { width: 130px; text-align: center; margin: 0 auto 30px; color: #333 } #index_supports li:hover p { color: #fff } #index_supports .li_1 a { background: url(../images/icon3/1.png) no-repeat center 45px } #index_supports .li_2 a { background: url(../images/icon3/2.png) no-repeat center 45px } #index_supports .li_3 a { background: url(../images/icon3/3.png) no-repeat center 45px } #index_supports .li_4 a { background: url(../images/icon3/4.png) no-repeat center 45px } #index_supports .li_5 a { background: url(../images/icon3/5.png) no-repeat center 45px } #index_supports .li_1:hover a { background: #0C69AC url(../images/icon3/1b.png) no-repeat center 45px } #index_supports .li_2:hover a { background: #0C69AC url(../images/icon3/2b.png) no-repeat center 45px } #index_supports .li_3:hover a { background: #0C69AC url(../images/icon3/3b.png) no-repeat center 45px } #index_supports .li_4:hover a { background: #0C69AC url(../images/icon3/4b.png) no-repeat center 45px } #index_supports .li_5:hover a { background: #0C69AC url(../images/icon3/5b.png) no-repeat center 45px } #index_supports .li_1:after { content: url(../images/icon3/1b.png) } #index_supports .li_2:after { content: url(../images/icon3/2b.png) } #index_supports .li_3:after { content: url(../images/icon3/3b.png) } #index_supports .li_4:after { content: url(../images/icon3/4b.png) } #index_supports .li_5:after { content: url(../images/icon3/5b.png) } #index_news { padding-top: 40px; padding-bottom: 83px; background: #F3F3F3; position: relative } #index_news::before { content: ""; display: block; position: absolute; width: 100%; height: 38px; top: -38px; left: 0; background: #fff url(../images/bg_sj5.png) no-repeat center bottom; padding: 0; margin: 0 } #index_news::after { content: ""; display: block; position: absolute; width: 100%; height: 58px; bottom: 10px; left: 0; background: transparent url(../images/bg_sj4.png) no-repeat center bottom; padding: 0; margin: 0 } #index_news UL { } #index_news SPAN.time { color: #F3F3F3; font-size: 12px; position: absolute; right: 0; top: 16px; text-align: center; width: 76px; height: 76px; border-radius: 50%; border: 1px solid #ccc; overflow: hidden; padding-top: 18px } #index_news SPAN * { font-weight: 400; font-style: normal } #index_news P { } #index_news LI { } #index_news IMG { } #index_news H3 { text-align: left } #index_news H2 { margin-bottom: 16px; text-align: center } #index_news DIV { height: auto } #index_news A { } #index_news .ul1 { } #index_news .sinfo { color: #8a8a8a; padding: 12px 0 8px; margin: 0 } #index_news .row.items { } #index_news .row.items2 { } #index_news .row.cats0 { margin-bottom: 30px } #index_news .nailthumb-image { } #index_news .item.d2:nth-of-type(3n) { } #index_news .item.d2 { border-bottom: 1px solid #E4E4E4; border-top: 1px solid #E4E4E4; padding: 22px 0; cursor: pointer; padding-right: 88px; margin: 0; margin-top: -1px; position: relative } #index_news .item.d2:hover { } #index_news .item.d2:hover * { color: #0C69AC !important; border-color: #0C69AC !important; transition: all .3s } #index_news .item.d0 { position: relative } #index_news .h3 { } #index_news .h2 { } #index_news .dots0 { margin-bottom: 15px } #index_news .dots0 ul.ul1 { display: none } #index_news .dots0 ul.slick-dots { padding-top: 20px; text-align: center } #index_news .dots0 ul.slick-dots li.slick-active { border: 1px solid #0C69AC } #index_news .dots0 ul.slick-dots li.slick-active a { color: #fff; text-decoration: none !important } #index_news .dots0 ul.slick-dots li:hover { background: #0C69AC; border: 1px solid #0C69AC } #index_news .dots0 ul.slick-dots li:hover a { color: #fff } #index_news .dots0 ul.slick-dots li { display: inline-block; line-height: 50px; padding: 0 50px; padding-left: 60px; margin-right: 18px; border: 1px solid #ADADAD; cursor: pointer } #index_news .dots0 ul.slick-dots li:first-child { background: transparent url(../images/bg10.png) no-repeat 20px 11px } #index_news .dots0 ul.slick-dots li:last-child { background: transparent url(../images/bg10.png) no-repeat -376px 10px } #index_news .dots0 ul.slick-dots li:first-child:hover { background: #0C69AC url(../images/bg10.png) no-repeat 20px -84px } #index_news .dots0 ul.slick-dots li:last-child:hover { background: #0C69AC url(../images/bg10.png) no-repeat -376px -84px } #index_news .dots0 ul.slick-dots li:first-child.slick-active { background: #0C69AC url(../images/bg10.png) no-repeat 20px -84px } #index_news .dots0 ul.slick-dots li:last-child.slick-active { background: #0C69AC url(../images/bg10.png) no-repeat -376px -84px } #index_news .dots0 ul.slick-dots li a { font-size: 20px } #index_news .container { } #index_news .cats1 a { font-size: 16px } #index_news .a_txt:hover { color: #223380 } #index_news .a_txt { font-size: 16px; color: #333; font-weight: bold } #index_news .a_img { width: 530px; height: 380px; display: block; margin: 0 } #index_news .toutiao_r { height: 390px; overflow: hidden; margin-bottom: 25px; padding-top: 1px } #index_news .toutiao_l { position: relative } #index_news .d1 a { font-size: 14px; padding: 0 28px; color: #666666 } #index_news .d1:nth-of-type(2n+1) a { font-size: 14px; padding: 0 48px } #index_news .d1 a:before { content: "-"; padding-right: 10px } #index_news .d1 { padding: 15px 0; border-bottom: 1px dashed #D8D8D8 } #index_news .a_txt0 { display: block; position: absolute; bottom: 0; line-height: 58px; padding-left: 40px; color: #fff; font-size: 16px; background: rgba(0, 0, 0, .7); z-index: 99; width: 100% } #index_news .a_txt0:hover { color: #fff } #index_news .dots { display: block; height: auto; z-index: 999; position: absolute; right: 45px; bottom: 24px } #index_news .dots li { display: inline-block; height: 4px; width: 10px; border-radius: 1.5px; margin: 0 3px; background: #838284 } #index_news .dots li.slick-active { background: #FF7918; width: 20px } #index_news .dots li button { display: none } #index_news .toutiao_l .s .owl-controls .owl-pagination { background: red; display: flex; width: 100px; justify-content: space-around } #index_news .dot_inner { background: green; width: 17px; height: 17px; border-radius: 50%; background: #ccc; display: block; cursor: pointer } #index_news .slick-active>.dot_inner { background: #0067BE } #index_news .s { width: 530px; height: 380px } #index_news .s> .slick-dots { position: absolute; bottom: 0; right: 20px; display: flex !important; width: 80px; height: 58px; justify-content: space-around; align-items: center } .body_newslist #index_news { padding-top: 40px; padding-bottom: 83px; background: #fff; position: relative } .body_newslist #index_news::before { content: none; display: block; position: absolute; width: 100%; height: 38px; top: -38px; left: 0; background: #fff url(../images/bg_sj5.png) no-repeat center bottom; padding: 0; margin: 0 } .body_newslist #index_news::after { content: none; display: block; position: absolute; width: 100%; height: 58px; bottom: 10px; left: 0; background: transparent url(../images/bg_sj4.png) no-repeat center bottom; padding: 0; margin: 0 } .body_newslist #index_news UL { } .body_newslist #index_news SPAN.time { color: #F3F3F3; font-size: 12px; position: static; right: 0; top: 16px; text-align: left; width: auto; height: auto; border-radius: 0; border: none; display: block; overflow: hidden; padding-top: 7px } .body_newslist #index_news SPAN * { font-weight: 400; font-style: normal } .body_newslist #index_news P { } .body_newslist #index_news LI { } .body_newslist #index_news IMG { } .body_newslist #index_news H3 { text-align: center; margin-bottom: 40px } .body_newslist #index_news H2 { margin-bottom: 16px; text-align: center; padding: 0 !important } .body_newslist #index_news DIV { height: auto } .body_newslist #index_news A { } .body_newslist #index_news .ul1 { } .body_newslist #index_news .sinfo { color: #8a8a8a; padding: 7px 0 8px; margin: 0 } .body_newslist #index_news .row.items { } .body_newslist #index_news .row.items2 { } .body_newslist #index_news .row.cats0 { margin-bottom: 30px } .body_newslist #index_news .nailthumb-image { } .body_newslist #index_news .item.d2:nth-of-type(3n) { border: none } .body_newslist #index_news .item.d2 { border-bottom: 1px solid #E4E4E4; border-top: none; padding: 22px 0; cursor: pointer; padding-right: 0; margin: 0; margin-top: -1px; position: relative; margin-left: 23px } .body_newslist #index_news .item.d2:hover { } .body_newslist #index_news .item.d2:hover * { color: #0C69AC !important; border-color: #0C69AC !important; transition: all .3s } .body_newslist #index_news .item.d0 { position: relative } .body_newslist #index_news .h3 { } .body_newslist #index_news .h2 { } .body_newslist #index_news .dots0 { margin-bottom: 15px } .body_newslist #index_news .dots0 ul.ul1 { display: none } .body_newslist #index_news .dots0 ul.slick-dots { padding-top: 20px; text-align: center } .body_newslist #index_news .dots0 ul.slick-dots li.slick-active { border: 1px solid #0C69AC } .body_newslist #index_news .dots0 ul.slick-dots li.slick-active a { color: #fff; text-decoration: none !important } .body_newslist #index_news .dots0 ul.slick-dots li:hover { background: #0C69AC; border: 1px solid #0C69AC } .body_newslist #index_news .dots0 ul.slick-dots li:hover a { color: #fff } .body_newslist #index_news .dots0 ul.slick-dots li { display: inline-block; line-height: 50px; padding: 0 50px; padding-left: 60px; margin-right: 18px; border: 1px solid #ADADAD; cursor: pointer } .body_newslist #index_news .dots0 ul.slick-dots li:first-child { background: transparent url(../images/bg10.png) no-repeat 20px 11px } .body_newslist #index_news .dots0 ul.slick-dots li:last-child { background: transparent url(../images/bg10.png) no-repeat -376px 10px } .body_newslist #index_news .dots0 ul.slick-dots li:first-child:hover { background: #0C69AC url(../images/bg10.png) no-repeat 20px -84px } .body_newslist #index_news .dots0 ul.slick-dots li:last-child:hover { background: #0C69AC url(../images/bg10.png) no-repeat -376px -84px } .body_newslist #index_news .dots0 ul.slick-dots li:first-child.slick-active { background: #0C69AC url(../images/bg10.png) no-repeat 20px -84px } .body_newslist #index_news .dots0 ul.slick-dots li:last-child.slick-active { background: #0C69AC url(../images/bg10.png) no-repeat -376px -84px } .body_newslist #index_news .dots0 ul.slick-dots li a { font-size: 20px } .body_newslist #index_news .container { } .body_newslist #index_news .cats1 a { font-size: 16px } .body_newslist #index_news .a_txt:hover { color: #223380 } .body_newslist #index_news .a_txt { font-size: 16px; color: #333; font-weight: bold } .body_newslist #index_news .a_img { width: 530px; height: 380px; display: block; margin: 0 } .body_newslist #index_news .toutiao_r { height: auto; overflow: hidden; margin-bottom: 25px; padding-top: 1px; margin-top: -26px } .body_newslist #index_news .toutiao_l { position: relative } .body_newslist #index_news .d1 a { font-size: 14px; padding: 0 28px; color: #666666 } .body_newslist #index_news .d1:nth-of-type(2n+1) a { font-size: 14px; padding: 0 48px } .body_newslist #index_news .d1 a:before { content: "-"; padding-right: 10px } .body_newslist #index_news .d1 { padding: 15px 0; border-bottom: 1px dashed #D8D8D8 } .body_newslist #index_news .a_txt0 { display: block; position: absolute; bottom: 0; line-height: 58px; padding-left: 40px; color: #fff; font-size: 16px; background: rgba(0, 0, 0, .7); z-index: 99; width: 100% } .body_newslist #index_news .a_txt0:hover { color: #fff } .body_newslist #index_news .dots { display: block; height: auto; z-index: 999; position: absolute; right: 45px; bottom: 24px } .body_newslist #index_news .dots li { display: inline-block; height: 4px; width: 10px; border-radius: 1.5px; margin: 0 3px; background: #838284 } .body_newslist #index_news .dots li.slick-active { background: #FF7918; width: 20px } .body_newslist #index_news .dots li button { display: none } .body_newslist #index_news .toutiao_l .s .owl-controls .owl-pagination { background: red; display: flex; width: 100px; justify-content: space-around } .body_newslist #index_news .dot_inner { background: green; width: 17px; height: 17px; border-radius: 50%; background: #ccc; display: block; cursor: pointer } .body_newslist #index_news .slick-active>.dot_inner { background: #0067BE } .body_newslist #index_news .s { width: 530px; height: 380px } .body_newslist #index_news .s> .slick-dots { position: absolute; bottom: 0; right: 20px; display: flex !important; width: 80px; height: 58px; justify-content: space-around; align-items: center } .body_newslist #index_news .prev, .body_newslist #index_news .next { color: #fff; background: rgba(0, 0, 0, .5); width: 50px; height: 77px; position: absolute; text-align: center; line-height: 74px; right: 9px; top: 50%; margin-top: -38px; overflow: hidden; font-size: 32px; font-family: simsun !important; cursor: pointer } .body_newslist #index_news .prev { right: auto; left: 7.5px } .body_newslist #index_news .prev:hover, .body_newslist #index_news .next:hover { background: rgba(0, 0, 0, .1) } #index_intro0 { padding-top: 60px; padding-bottom: 90px } #index_intro0 { background: url(../images/bg0.gif) no-repeat top center } #index_intro0 .container { } #index_intro0 .con { } #index_intro0 .col1 { } #index_intro0 .col2 { padding-right: 30px } #index_intro0 .col1 h2:after { content: ""; display: block; position: absolute; width: 40px; height: 1px; bottom: 10px; left: 0; background: #0E9D3F } #index_intro0 .col1 h2 { text-align: left; position: relative; padding-bottom: 30px } #index_intro0 .col1 p { } #index_intro0 .col2 h2 { text-align: left; padding-left: 184px; background: url(../images/lg2.png) no-repeat left; line-height: 50px } /*#index_intro0 .col2 p { line-height: 40px }*/ #index_intro0 .col2 .more { display: block; width: 176px; height: 46px; line-height: 46px; color: #fff; text-align: center; margin-top: 30px; background: #0C69AC } #index_intro0 .col3 { } #index_intro0 .col3 img {margin-top: 80px;} .contactinfo { background: #F7F7F7 } .contactinfo #ly .bg { padding-top: 40px; background: #fff; padding-bottom: 80px; margin-bottom: 80px } .contactinfo #ly { margin-top: 80px } .contactinfo.jiameng #ly { margin-top: 0px } .contactinfo h2 { margin: 10px auto 35px; text-align: center; font-weight: 400; font-size: 36px; padding: 40px 0 50px } .contactinfo .cc { text-align: center; border-right: 1px solid #e9e9e9; height: 290px; padding: 155px 30px 0 } .en .contactinfo .cc { text-align: center; border-right: 1px solid #e9e9e9; height: 350px; padding: 155px 30px 0 } .en .contactinfo .c5 .span2 { line-height: 1.6 } .contactinfo .cc .span1 { font-size: 18px; line-height: 2; display: block; margin: 0 auto 10px } .contactinfo .cc .span2 { color: #666; line-height: 1.9 } .contactinfo .c1 { background: #fff url(../images/ci1.png) no-repeat center 58px } .contactinfo .c2 { background: #fff url(../images/ci2.png) no-repeat center 58px } .contactinfo .c3 { background: #fff url(../images/ci3.png) no-repeat center 58px } .contactinfo .c4 { background: #fff url(../images/ci4.png) no-repeat center 58px } .contactinfo .c5 { background: #fff url(../images/ci5.png) no-repeat center 58px; border: none } #msgiframe { margin-top: 30px; width: 960px; margin: auto; margin-top: 30px } #msgiframe iframe { margin: 0; padding: 0; border: none; width: 960px; height: 260PX } #friendlinks { } #friendlinks h2 { margin: 50px 0 15px; font: 400 19px/30px 'microsoft yahei' } #friendlinks .flink { border-bottom: 1px solid #ddd; padding-bottom: 35px; margin-bottom: 0 } #friendlinks .flink_item { display: inline-block; margin: 5px 17px 5px 0 } #footer {background: #0c69ac;position: relative;overflow: hidden} #footer::before {content: "";display: block;position: absolute;width: 50%;height: 100%;top: 0;left: 0;background: #999999 url(../images/bg_face.jpg) no-repeat right center/auto 100%;/* transform: translateX(-47%); */} #footer::after { content: ""; display: block; position: absolute; width: 50%; height: 100%; top: 0; left: 467px; background: #0c69ac; z-index: 2; } #footer .fll {position: relative;z-index: 10;} #footer .fll::after { content: url(../images/bg_call.png); display: block; position: absolute; top: 0; left: 0; background: transparent; height: 100%; background: url(../images/bg_call.png) no-repeat left 300px; } #footer .f_logo { } #footer .f_nav { } #footer .f_nav .con { display: flex; justify-content: space-around; margin-left: 30px } #footer .f_nav .con .inner {margin-top: 50px;margin-left: 30px;max-width: 240px;flex: 1 auto;} #footer .f_nav .con .inner h3 { } #footer .f_nav .con .inner ul { } #footer .f_nav .con .inner li { } #footer .f_nav .con .inner li a {line-height: 1.2;display: inline-block;margin-top: 20px;} #footer .f_qrcode { } #footer h3 {text-align: left;font: 400 14px/30px 'microsoft yahei';color: #FFF;margin: 0 auto 4px} #footer .num { margin-top: 140px; font: 700 22px/30px 'microsoft yahei'; color: #fff; position: absolute; z-index: 999; left: 8px } #footer h3 a {color: #fff;font-size: 19px;} #footer ul { } #footer ul li {/* text-align: center; */} #footer ul li a { font: 400 14px/34px 'microsoft yahei'; color: #c1e0f6 } #footer .cr { text-align: left; padding-top: 20px; margin-top: 40px; border-top: 1px solid #065c9a; margin-bottom: 25px; margin-left: 21px; margin-left: 43px } #footer .cr, #footer .cr * { color: #c1e0f6; font: 400 14px/1.6 'microsoft yahei' } #footer .cr a { } .sub_crumbs { background: #F0F0F0; height: 44px } .sub_crumbs * { font: 400 14px/44px 'microsoft yahei'; color: #939393 } .subbt { } .sublink { font-size: 12px } .body_62 .ban { background: none !important } .body_61 .d_ttl * { text-align: left } .body_61 .d_ttl em { display: none } .body_61 .ban img { min-width: 1250px; min-height: 360px; visibility: hidden; display: block } .body_61 .d_ttl { display: none; margin: 0; padding-bottom: 0; padding-top: 0 } .body_61 .d_ttl h2 { font: 400 36px/30px 'microsoft yahei'; margin-top: 0; position: relative; padding-bottom: 40px } .body_61 .d_ttl h2::after { content: ""; display: block; position: absolute; bottom: 0px; width: 26px; height: 3px; background: #CACACA; left: 0; margin-left: 0 } .body_61 .d_ttl p { font: 400 16px/29px 'microsoft yahei'; color: #666; width: 60%; min-width: 600px; margin-bottom: 0 } .body_61 .info_content { text-align: center; margin: 0 auto } .body_61 .info_content * { text-align: center } .body_61 .info_content hr { height: 0px; border-top: 1px dashed #ccc; border-right: 0px; border-bottom: 0px; border-left: 0px; margin-top: 85px } .body_61 .info_content h3 { margin: 0 auto; font: 400 23px/158px 'microsoft yahei' } .body_61 .info_content h3:nth-of-type(2) { margin-top: -30px } .ban { position: relative } .ban img { visibility: hidden } .ban .m_ttl { position: absolute; width: 100%; margin-top: -120px; text-align: center; visibility: hidden } .ban .m_ttl h2 { color: #fff; font-size: 45px; margin-bottom: 15px; display: inline-block; position: relative; margin-left: auto; margin-right: auto; clear: both } .ban .m_ttl h2::after { content: ""; display: block; position: absolute; width: 80px; height: 1px; top: 20px; left: -140px; background: #fff } .ban .m_ttl h2::before { content: ""; display: block; position: absolute; width: 80px; height: 1px; top: 20px; right: -140px; background: #fff } .ban .m_ttl h3 { color: #fff; opacity: .5; font-size: 65px; text-transform: uppercase; margin-bottom: 20px } .ban .m_ttl h4 { color: #fff; font-size: 22px; font-weight: 400; margin: 0 auto } .crumbs { border-bottom: #ddd 1px solid; height: 54px; padding-left: 31px; background: url(../images/bg_crumbs.jpg) no-repeat left center } .crumbs b { font-weight: normal } .crumbs span { } .crumbs a:last-child { color: #0E9D3F } .crumbs *, .crumbs { line-height: 55px; font-size: 12px } .a_fwly {margin-top: 35px;position: relative;background: no-repeat center/cover; background-image: url(http://tva1.sinaimg.cn/large/62103e3agy1h6ldt1oowjj21aw0j3qk0.jpg);;} .a_fwly:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #8d8d8d59; } .a_fwly li {position: relative;overflow: hidden;cursor: pointer;/* border: 1px solid #16a045; */padding-bottom: 40px;z-index: 2;transition: all .5s;} .a_fwly li img {/* width: 100%; */max-width: 100%;height: auto;max-height: 100%;} .a_fwly li:hover {background: #0c69ac7d;} .a_fwly li:hover .a_txt { bottom: 35px; left: 30px } .a_fwly li p { position: absolute; font: 400 20px/29px 'microsoft yahei'; color: #fff; margin: 0; text-align: right; z-index: 1000; transition: all .4s } .a_fwly li.li_1 {float: left;margin-right: 0;width: 337px;height: 524px;border-right: 10px solid #fff;} .a_fwly li.li_2 {float: left;margin-bottom: 4px;width: 528px;height: 260px;border-bottom: 10px solid #fff;} .a_fwly li.li_3 {float: left;width: 528px;height: 264px;margin-top: -4px;} .a_fwly li.li_4 {float: right;width: 314px;margin-top: -264px;height: 524px;border-left: 10px solid #fff;} .a_fwly li .a_txt {position: absolute;font: 400 18px/22px 'microsoft yahei';color: #fff;top: 0;left: 20px;transition: all .4s;display: flex;width: 100%;height: 100%;justify-content: flex-start;align-items: end;padding-bottom: 25px;} .a_fwly li .a_txt+a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; padding: 20px; } .a_fwly li .a_txt .em1 {font: 400 16px/27px 'microsoft yahei';color: #ffff;display: block} .a_fwly li .a_txt .em2 { font: 400 14px/22px 'microsoft yahei'; color: #fff; display: block } .a_fwly li.li_4 img {/* height: 376px; */} .a_fwly li::after { position: absolute; background: url(../images/bg_icon3.png) no-repeat center top; content: ""; display: block; position: absolute; width: 70px; height: 70px; transition: all .8s } .a_fwly li.li_1::after { right: 18px; bottom: 20px; background-position: center -479px } .a_fwly li.li_2::after { right: 18px; bottom: 20px; background-position: center -309px } .a_fwly li.li_3::after { right: 18px; bottom: 20px; background-position: center 18px } .a_fwly li.li_4::after { right: 18px; bottom: 20px; background-position: center -145px } #a_jjfa { background: #F7F7F7; margin-top: 80px; padding-top: 80px; padding-bottom: 80px } #a_jjfa .a_jjfa.row { } #a_jjfa H2 { text-align: center; color: #fff; font: 400 36px/30px 'microsoft yahei'; padding-top: 30px } #a_jjfa H3 { text-align: center; color: #fff; font: 400 14px/30px 'microsoft yahei'; margin-top: -19px } #a_jjfa A { display: block; text-align: center } #a_jjfa li { background: #fff; padding-top: 40px; padding-bottom: 40px; border-right: 1px solid #E7E7E7; transition: all .3s } #a_jjfa li.li_0:hover { background: #0C69AC } #a_jjfa li:hover { background: #2DA439 } #a_jjfa li:hover * { color: #fff } #a_jjfa IMG { } #a_jjfa .li_0 { background: #0C69AC; height: 292px } #a_jjfa .li_1 { } #a_jjfa .a_txt { display: block; text-align: center; font: 400 16px/30px 'microsoft yahei'; margin-top: 20px } #a_jjfa .li_2 { } #a_jjfa .li_3 { } #a_jjfa .li_4 { border: none } #a_jszc { background: #F7F7F7; padding-top: 70px } #a_jszc H2 { } #a_jszc H3 { } #a_jszc .row { } #a_jszc .col-md-22.col-md-offset-1 { } #a_jszc H4 { text-align: center; font-weight: 400 } #a_jszc H5 { margin-top: 50px; text-align: center; font-weight: 400; font-size: 14px; color: #888 } #a_jszc TABLE { border: 1px solid #fff; width: 80%; margin: 15px auto 70px } #a_jszc TBODY { } #a_jszc TR { } #a_jszc TD { background: #fff; text-align: center; line-height: 65px; border-collapse: collapse; border: 1px solid #ddd } #a_fwzc { padding-top: 80px } #a_fwzc H2 { } #a_fwzc H3 { } #a_fwzc .row { } #a_fwzc .item { position: relative } #a_fwzc .item::before { content: ""; display: block; width: 370px; height: 150px; background: url(../images/jszc.jpg) no-repeat left top } #a_fwzc .col-md-22.col-md-offset-1 { } #a_fwzc H4 { margin: 20px auto 50px; text-align: center; color: #555; font-weight: 400; font-size: 15px } #a_fwzc H5 { font: 400 16px/30px 'microsoft yahei'; margin: 18px 0 0px; color: #000 } #a_fwzc TABLE { } #a_fwzc TBODY { } #a_fwzc TR { } #a_fwzc TD { } #a_fwzc .row.gutter-42 { } #a_fwzc .col-md-8.item item_1 { } #a_fwzc P { color: #666; margin-bottom: 50px; line-height: 1.7; margin-top: 7px } #a_fwzc .item_2::before { background-position: -415px 0 } #a_fwzc .item_3::before { background-position: -830px 0 } #a_fwzc .item_4::before { background-position: 0 bottom } #a_fwzc .item_5::before { background-position: -415px bottom } #a_fwzc .item_6::before { background-position: -830px bottom } .left_title2 { display: none } .subchannel { margin: 40px auto 0 } .subchannellist { text-align: center } .subchannellist li { display: inline-block; _display: inline; margin: 0 10px } .subchannellist li a { display: block; padding: 9px 36px; font: 400 16px/30px 'microsoft yahei'; background: #EEEEEE } .subchannellist li#current a { background: #2DA439; color: #fff } .subchannellist li:hover a { background: #2DA439; color: #fff } .subchannellist a:focus, .subchannellist a:active { background: #2DA439; color: #fff; text-decoration: none } .body_about .box3 { position: relative; margin-top: 50px } .body_about .box3 ul { height: 360px; z-index: 1; position: absolute; left: 20px; width: 12000px } .body_about .box3 .content { position: relative; height: 420px; width: 100%; overflow: hidden } .body_about .box3 .content::after { content: ""; height: 1px; width: 6000px; background: #CBCBCB; position: absolute; top: 186px; z-index: 999 } .body_about .box3 li { width: 320px; height: 202px; float: left; font-size: 12px; color: #888; line-height: 1.6; padding-left: 50px; box-sizing: border-box; padding-right: 50px } .body_about .box3 li strong { display: block; font-size: 22px; font-weight: 400; color: #2DA439; line-height: 2 } .body_about .box3 li:nth-child(odd) { background: url(../images/bg_lc1.png) no-repeat left 40px; padding-bottom: 80px; margin-left: -150px } .body_about .box3 li:nth-child(even) { margin-top: 180px; margin-left: -170px; background: url(../images/bg_lc2.png) no-repeat 0px top; padding-top: 80px } .body_about .box3 li:nth-child(1) { margin-left: 60px } .body_about .box3 li:nth-child(7) { margin-left: 190px } .body_about .box3 .toright { display: block; width: 43px; height: 43px; background: url(../images/bg_lc3.png) no-repeat left top; position: absolute; right: 20px; top: 166px; z-index: 1000 } .body_about .box3 .toright.toleft { background: url(../images/bg_lc3.png) no-repeat left bottom } .body_about .box4 { position: relative } .body_about .box4:before { position: absolute; height: 70%; width: 100%; background: #0083C9; left: 0; top: 0 } .body_about .box4 h2.ttl { margin-bottom: 20px } .body_about .box4 h2.ttl span { color: #fff } .body_about .box4 ul.tit { text-align: center; margin-left: -37px } .body_about .box4 ul.tit li { display: inline-block; background: transparent; width: 16px; height: 16px; line-height: 3; overflow: hidden; border: 3px solid #cccccc; border-radius: 50%; margin: 20px 6px 10px; cursor: pointer } .body_about .box4 ul.tit li.on { border-color: #2da46e } .body_about .box4 ul.zz { width: 1200px } .body_about .box4 ul.zz li { width: 250px; float: left; text-align: center; margin-right: 50px; background: #fff; padding: 15px 0px } .body_about .box4 ul.zz li img { max-width: 100%; height: auto !important } .body_about .box4 .tempWrap { width: 1200px !important } #maincontent { margin-bottom: 60px } .body_single #maincontent div>h2 { font-size: 40px } .body_single #maincontent div>h3 { font-size: 13px; margin-top: 0 } .body_single #maincontent div>h3::after { content: ""; display: block; width: 30px; height: 4px; margin: 15px auto 20px; background: #0E9D3F } .body_single #maincontent .thewrap { margin-bottom: 80px; text-align: center } .body_single #maincontent .thewrap#wrap_1 { text-align: left } .body_single #maincontent #wrap_2 img { display: block; margin: 20px auto } .body_single #maincontent #wrap_2 { background: #F7F7F7; padding: 50px 0 } .body_single.body_jobs #maincontent #wrap_2 { background: #fff; padding: 50px 0 } .body_single #maincontent #wrap_4 { background: #F7F7F7; padding: 50px 0 } .body_single #maincontent #wrap_4 .con { } .body_single #maincontent #wrap_4 .con1 { } .body_single #maincontent #wrap_4 .ttl { color: #0c69ac; font-size: 30px; font-weight: bold; padding: 50px 0 20px; position: relative; background: url(../images/bg11.png) no-repeat center bottom; margin-bottom: 40px } .body_single #maincontent #wrap_4 .con1 { } .body_single #maincontent #wrap_4 ul li:hover .con3 { background: #0E9D3F } .body_single #maincontent #wrap_4 ul li:hover .con3 i:after { background: #0E9D3F; border-color: #fff } .body_single #maincontent #wrap_4 ul li:hover * { color: #fff; border-color: #fff; transition: color .4s } .body_single #maincontent #wrap_4 .con1 ul li { } .body_single #maincontent #wrap_4 ul li h4 { text-align: left; font-size: 20px; padding-left: 64px; position: relative; font-weight: 400; line-height: 30px; color: #333; margin: 0 0 20px } .body_single #maincontent #wrap_4 .con2 { } .body_single #maincontent #wrap_4 .con2 ul { } .body_single #maincontent #wrap_4 .con2 ul li { margin-bottom: 14px } .body_single #maincontent #wrap_4 .con2 ul li h4 { padding-left: 66px; margin-bottom: 10px } .body_single #maincontent #wrap_4 .con3 { background: #fff; padding: 30px 24px; height: 250px } .body_single #maincontent #wrap_4 .con2 .con3 { height: 177px } .body_single #maincontent #wrap_4 .con3 span { font-size: 14px; line-height: 24px; color: #666; text-align: left; display: block } .body_single #maincontent #wrap_4 .con2 .con3 span { padding-left: 69px } .body_single #maincontent #wrap_4 .con1 i { display: inline-block; width: 48px; height: 48px; border-radius: 50%; border: 2px solid #0E9D3F; text-align: center; font-size: 27px; line-height: 45px; font-style: normal; font-weight: 400; color: #0E9D3F; position: absolute; top: 0; left: 0 } .body_single #maincontent #wrap_4 .con2 i:after { content: ""; display: block; position: absolute; width: 40px; height: 58px; top: 32px; left: 28px; background: #fff; transform: rotate(45deg); border-left: 1px solid #0E9D3F } .body_single #maincontent #wrap_4 .con2 i { font-size: 72px; font-weight: bold; font-style: normal; position: absolute; left: 0; top: 0; color: #0E9D3F; display: block; width: 43px; height: 80px; overflow: hidden; line-height: 1 } .body_single #maincontent #wrap_5 { } .body_single #maincontent #wrap_5 ul { } .body_single #maincontent #wrap_5 ul li { border-bottom: 1px dashed #DADADA; padding-bottom: 25px; padding-top: 24px } .body_single #maincontent #wrap_5 ul li .l { float: left; width: 270px } .body_single #maincontent #wrap_5 ul li .l p:after { content: ""; display: block; position: absolute; width: 20px; height: 20px; top: 50%; right: -13px; background: #fff; transform: rotate(45deg); margin-top: -9px } .body_single #maincontent #wrap_5 ul li .l p { font-size: 22px; width: 200px; height: 70px; line-height: 70px; background: #0E9D3F; color: #fff; position: relative; overflow: hidden } .body_single #maincontent #wrap_5 ul li .r { } .body_single #maincontent #wrap_5 ul li .r .shuoming { text-align: left; margin: 0; width: 100% } .body_single #maincontent #wrap_5 ul li .r table { border: none; border-collapse: collapse; width: 760px } .body_single #maincontent #wrap_5 ul li .r table tr { } .body_single #maincontent #wrap_5 ul li .r table th { background: #0C69AC; color: #fff; font-weight: 400 } .body_single #maincontent #wrap_5 ul li .r .inner { display: flex; flex-wrap: wrap; align-items: center } .body_single #maincontent #wrap_5 ul li .r table th, .body_single #maincontent #wrap_5 ul li .r table td { border: 1px solid #055B99 } .body_single #maincontent #wrap_5 ul li .r table td { border: 1px solid #ADADAD; font-size: 18px; color: #333 } #a_fzlc { background: #F7F7F7; margin-top: 100px; padding-top: 50px; margin-bottom: 90px } #a_zz { } #a_dw { } #a_dw H2 { } #a_dw H3 { } #a_dw H4 { width: 70%; margin: 20px auto; text-align: center; font-size: 16px; font-weight: 400 } #a_dw .row { } #a_dw .col-md-11.col-md-offset-1 { } #a_dw .item.item_1 { text-align: center } #a_dw H5::after { content: ""; display: block; width: 280px; height: 280px; background: url(../images/bg_icon4.png) no-repeat left top; margin: 23px auto 15px } #a_dw .item_1 H5::after { background-position: 0 } #a_dw .item_2 H5::after { background-position: -620px } #a_dw H5 { font: 400 16px/30px 'microsoft yahei' } #a_dw P { } #a_dw .col-md-11 { } #a_dw .item.item_2 { text-align: center } #a_dw BR { } .d_ttl { margin-top: 0; text-align: center; display: block } .d_ttl * { text-align: center } #maincontent { margin-top: 50px } .body_contact #maincontent { margin-top: 0px } .info_content img { margin: 25px auto; display: block } .info_content img { margin: 55px auto 60px; display: block } .info_content, .info_content div { font: 400 14px/29px 'microsoft yahei'; color: #666; text-align: left } .d_ttl em { font: 400 12px/30px 'microsoft yahei'; color: #999; font-style: normal; text-transform: uppercase; margin-top: -73px; display: block } .d_ttl h2 { font: 400 31px/30px 'microsoft yahei'; margin-top: 70px; position: relative; padding-bottom: 50px } .d_ttl h2:after { content: ""; display: block; position: absolute; bottom: 0px; left: 0; margin-left: 0; width: 38px; left: 50%; margin-left: -19px; height: 4px; background: #DBDBDB } .body_17 .info_content { margin-top: 17px } .body_17 .info_content img:first-child { float: left; margin-right: 60px; margin-top: 0 } .body_17 .info_content div { font: 400 16px/32px "microsoft yahei" } .body_17 .info_content div:nth-of-type(1) { margin-top: -80px } .body_17 .info_content div:nth-of-type(4) { margin-top: -20px } .qiyefengcai { background: #F3F3F3 } .qyfc { position: relative; margin: 55px auto 100px } .qiyefengcai ul li { text-align: center } .qiyefengcai a:active { text-decoration: none } .qiyefengcai .prev { position: absolute; top: 50%; margin-top: -33px; font-size: 60px; left: -20px; text-decoration: none; font-family: serif } .qiyefengcai .next { position: absolute; top: 50%; margin-top: -33px; text-align: center; font-size: 60px; right: -20px; text-decoration: none; font-family: serif; text-align: right } .history { margin: 30px auto 100px } .history ul { width: 920px; margin: auto; height: 100% } .history::after { content: ""; display: block; width: 1px; height: 100%; background: #ccc; position: absolute; left: 50%; z-index: 10 } .history li { position: relative; width: 460px } .history li::after { content: ""; display: block; width: 15px; height: 15px; border: 2px solid #ccc; border-radius: 50%; background: #fff; position: absolute; top: -7px; z-index: 11 } .history li:hover .p1 { color: #1689bb } .history li:hover::after { background-color: #1689bb; border-color: #1689bb } .history li:nth-child(2n) { text-align: left; float: right; padding-left: 35px } .history li:nth-child(2n)::after { left: -7.5px } .history li:nth-child(2n+1) { float: left; text-align: right; padding-right: 40px } .history li:nth-child(2n+1)::after { right: -7.5px } .history li img { margin: 0; display: inline } .history li .p1 { font: 400 18px/30px 'microsoft yahei'; color: #333; margin-bottom: 0px } .history li .p2 { margin-top: 2px; font: 400 14px/23px 'microsoft yahei' } .articlelist { } .articlelist ul { margin-top: 30px } .articlelist li.media { padding-top: 30px; border-bottom: 1px dotted #ccc; padding-bottom: 30px } .articlelist li:nth-child(2n+1) { } .articlelist li.media .media-object { } .articlelist li.media a.nailthumb { width: 100%; width: 240px; height: 165px; margin: auto; display: block } .articlelist li.media .media-body { padding-left: 35px } .articlelist li.media .media-body p.sinfo { font: 400 14px/25px 'microsoft yahei'; margin-top: 8px; text-indent: 0; color: #666 } .articlelist li.media .media-heading { font: 700 16px/2 'microsoft yahei'; color: #333; margin: 10px 0 40px } .articlelist li.media .infotime { font: 400 14px/30px 'microsoft yahei'; display: block; width: 88px; height: 93px; margin: 0 auto; float: right } .articlelist li.media .infotime strong { font: bold 30px/62px 'microsoft yahei'; display: block; text-align: center; color: #666; background: #ffffff } .articlelist li.media .infotime b { display: block; text-align: center; font: 400 14px/28px ' '; color: #fff; background: #A3A3A3 } .articlelist li.media .seemore { margin: 0 15px; font: 400 16px/30px 'microsoft yahei'; color: #0094D8 } #newsall_list3 { padding: 50px 0 10px } #newsall_list3 h2 { } #newsall_list3 h3 { margin-bottom: 40px } #newsall_list3 .row { } #newsall_list3 .con { } #newsall_list3 .con .a_img { width: 100%; height: 210px; display: block } #newsall_list3 .con .a_txt { } #newsall_list3 .con .sinfo { line-height: 24px } .body_contact .items { border-top: 1px solid #EFEFEF; margin-top: 60px; margin-bottom: 60px; float: left } .body_contact .items .item { float: left; border-bottom: 1px solid #EFEFEF; width: 50%; text-align: center; padding: 55px 0 } .body_contact .items .item * { text-align: center } .body_contact .items .item strong { overflow: hidden; display: block; font: 400 18px/30px 'microsoft yahei'; color: #333 } .body_contact .items .item i { position: relative; width: 100%; display: block; height: 11px; overflow: hidden; margin-top: 10px } .body_contact .items .item i::after { content: ""; position: absolute; width: 12px; height: 12px; background: #2da439; transform: rotate(45deg); left: 50%; margin-left: -4px; bottom: -6px; top: -8px } .body_contact .items .item_0 { border-right: 1px solid #EFEFEF } .body_contact .items .item_1 { } .body_contact .items .item_2 { border-right: 1px solid #EFEFEF } .body_contact .items .item_3 { } .body_contact .items .item_3 { } .body_contact .themap { } .body_contact .address { padding-left: 40px; height: 50px; line-height: 50px; margin: 0px auto; text-align: center } .body_contact .address i { background: url(../images/bg_add.png) no-repeat left center; display: inline-block; width: 50px; height: 50px } .body_contact .address span { vertical-align: top } .body_contact #map { margin-bottom: 140px } .body_contact #mapiframe { margin: 0; padding: 0; border: none; width: 100%; height: 500px; margin-top: 30px } .body_product_detail { } .body_product_detail #maincontent { margin-top: 0 } .body_product_detail .ban { display: none } .body_product_detail .fashionstyle { } .body_product_detail .fashionstyle .box { position: relative } .body_product_detail .fashionstyle .box .txt { position: absolute } .body_product_detail .fashionstyle .box .d1 { font-size: 26px; margin-bottom: 10px; margin-right: 10px } .body_product_detail .fashionstyle .box .d2 { font: 400 60px/1.3 'microsoft yahei'; margin-bottom: 40px; margin-right: 9px } .body_product_detail .fashionstyle .box p { font: 400 16px/30px 'microsoft yahei' } .body_product_detail .fashionstyle .box img { } .body_product_detail .fashionstyle .box_1 .txt { text-align: center; top: 206px } .body_product_detail .fashionstyle .box_1 .d1 { } .body_product_detail .fashionstyle .box_1 .d2 { color: #fff } .body_product_detail .fashionstyle .box_1 p { color: #cdcdcd; width: 41%; text-align: center; margin: 0 auto } .body_product_detail .fashionstyle .box_1 img { } .body_product_detail .fashionstyle .box_2 .txt { top: 230px; right: 336px; text-align: right } .body_product_detail .fashionstyle .box_2 .d1 { color: #666 } .body_product_detail .fashionstyle .box_2 .d2 { margin-bottom: 0 } .body_product_detail .fashionstyle .box_2 .d3 { font: 400 60px/1.3 'microsoft yahei'; margin-bottom: 40px; margin-right: 9px } .body_product_detail .fashionstyle .box_2 p { width: 55%; display: inline-block; margin-right: 1px } .body_product_detail .fashionstyle .box_2 img { } .body_product_detail .fashionstyle .box_3 .txt { top: 235px; left: 335px } .body_product_detail .fashionstyle .box_3 .d1 { } .body_product_detail .fashionstyle .box_3 .d2 { } .body_product_detail .fashionstyle .box_3 p { width: 42% } .body_product_detail .fashionstyle .box_3 img { } .body_product_detail .fashionstyle .box_4 .txt { top: 120px; text-align: center; width: 100% } .body_product_detail .fashionstyle .box_4 .d1 { color: #666666 } .body_product_detail .fashionstyle .box_4 .d2 { } .body_product_detail .fashionstyle .box_4 p { margin-top: -20px; color: #666 } .body_product_detail .fashionstyle .box_4 img { } .body_product_detail .fashionstyle .box_5 .txt { left: 335px; top: 340px } .body_product_detail .fashionstyle .box_5 .d1 { color: #cdcdcd } .body_product_detail .fashionstyle .box_5 .d2 { color: #fff; margin-bottom: 20px; margin-left: -3px } .body_product_detail .fashionstyle .box_5 p { color: #cdcdcd } .body_product_detail .fashionstyle .box_5 img { } .body_product_detail .fashionstyle .box_6 .txt { top: 245px; right: 335px; text-align: right } .body_product_detail .fashionstyle .box_6 .d1 { } .body_product_detail .fashionstyle .box_6 .d2 { } .body_product_detail .fashionstyle .box_6 .d3 { font-size: 18px } .body_product_detail .fashionstyle .box_6 p { width: 33%; display: inline-block; color: #666 } .body_product_detail .fashionstyle .box_6 img { } .body_product_detail .fashionstyle .box_7 .txt { top: 208px; left: 380px } .body_product_detail .fashionstyle .box_7 .d1 { color: #666666 } .body_product_detail .fashionstyle .box_7 .d2 { margin-bottom: 13px; margin-top: 20px } .body_product_detail .fashionstyle .box_7 .d3 { font: 400 60px/1.3 'microsoft yahei'; margin-bottom: 40px; margin-right: 9px } .body_product_detail .fashionstyle .box_7 p { width: 59%; color: #666666 } .body_product_detail .fashionstyle .box_7 img { } .body_59 a.a_txt:hover { color: #0E9D3F !important } .body_news_detail { } .body_news_detail .InfoTitle h1 { font: 400 26px/30px 'microsoft yahei'; color: #000; margin-top: -5px; margin-bottom: 30px } .body_news_detail .info_from_wrap { height: 45px; background: #EDF1F7; color: #666 } .body_news_detail .info_from_wrap b { line-height: 45px; margin-left: 25px; color: #666; font-weight: 400 } .body_news_detail .info_content { padding: 30px 0; font: 100 14px/1.9 'microsoft yahei' } .body_news_detail .info_content img { display: block; margin: 10px auto; max-width: 100% } .body_news_detail .info_content * { font: 'microsoft yahei';font-weight: 400; } .body_news_detail .info_content p { text-indent: 2em } .body_news_detail .info_previous_next_wrap { font: 100 14px/30px 'microsoft yahei'; color: #555 } .body_news_detail .info_previous_next_wrap b { font: 400 14px/30px 'microsoft yahei'; color: #333 } .body_news_detail .info_previous_next_wrap a { font-weight: 400 } .body_news_detail .left1 { padding-right: 40px } .body_news_detail .goback { text-align: right } .body_news_detail .goback a { display: block; padding: 8px 20px; text-align: center; border: 1px solid #ccc; width: 110px; color: #555; float: right; margin-top: 30px } .body_news_detail .crumbs { border-bottom: 1px solid #ccc; margin-bottom: 30px } .tjxw { } .tjxw h3.ttl:after { display: none !important } .tjxw h3.ttl { margin: 0; height: 45px; font: 800 16px/45px 'microsoft yahei'; background: #0C69AC; color: #fff; text-indent: 1.1em; margin-top: 10px; text-align: left } .tjxw ul { } .tjxw ul li { padding: 11px 0 11px 10px; border-bottom: 1px solid #eee } .tjxw ul li a { font: 800 15px/22px 'microsoft yahei'; color: #333 } .tjxw ul li p { margin: 0; color: #666; padding-top: 10px } #newsall_list2 { background: #F7F7F7; padding: 50px 0 } .pagelist { margin-bottom: 20px; margin-top: 70px; text-align: center } .pagelist>* { display: inline-block; border: 1px solid #0E9D3F; height: 28px; padding-left: 6px; padding-right: 6px; font-size: 12px } .pagelist * { line-height: 24px } .pagelist .pageinfo span { } .pagelist .pageinfo span.pageper { } .pagelist .pageinfo span.pageper .pageper1 { } .pagelist .pagefirst { } .pagelist .pagenum { } .pagelist .pageend { } .pagelist .current { background: #0E9D3F; color: #fff; display: inline-block; padding-left: 10px; padding-right: 10px } .pagelist .pageinfo label { } .pagelist a:hover { background: #0E9D3F; color: #fff; display: inline-block } .pagelist select { margin-left: 5px; vertical-align: middle } @media screen and (max-width:1366px) { } @media (min-width:992px) { } @media (min-width:1200px) { } @media (min-width:1921px) { body { max-width: 1950px; margin: 0 auto; padding: 0 15px; background: #fff } html { background: url(../images/bg_1920.png) repeat-y center top } }