li {list-style:none;} body,a {color:#333333;} .clearbox:after {content:'';display:block;clear:both;} @font-face { font-family: 'iconfont'; /* project id 1473672 */ src: url('//at.alicdn.com/t/font_1473672_q08insi36u.eot'); src: url('//at.alicdn.com/t/font_1473672_q08insi36u.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1473672_q08insi36u.woff2') format('woff2'), url('//at.alicdn.com/t/font_1473672_q08insi36u.woff') format('woff'), url('//at.alicdn.com/t/font_1473672_q08insi36u.ttf') format('truetype'), url('//at.alicdn.com/t/font_1473672_q08insi36u.svg#iconfont') format('svg'); } .iconfont{font-family:"iconfont" !important; font-size:0.16px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:100%} #pages{ text-align:center; padding:30px 0 30px;font-family:Arial, Helvetica, sans-serif;} #pages a{ display:inline-block; padding:15px 18px;margin:0 3px; background-color:#fff;background: linear-gradient(148deg,hsla(0,0%,100%,0),#fff); -webkit-box-shadow: 0 0 13px 0 rgb(95 95 95 / 15%); box-shadow: 0 0 13px 0 rgb(95 95 95 / 15%); border-radius: 6px; color:#888;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;} #pages a:hover{ background:#ff8a00;color:#fff} #pages a.active{ background:#ff8a00; color:#fff} #pages span{display:inline-block; padding:15px 18px; color:#888; position:relative;} /*头部*/ .heard {} .heard .zongjian {width:1400px;margin:auto;height:85px;} .heard .logo {float:left;height:100%;display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;} .heard .logo img {margin:auto;width:400px} .heard ul {float:right;height:100%;} .heard ul li {float:left;height:100%;line-height:85px; color:#aaa} .heard ul li a {display:inline-block;height:100%;margin:0 20px;font-size:16px;position:relative;} .heard ul li.zywzh a {font-size:14px; background-color:#fff; border:1px #ee0000 solid; line-height:30px; height:30px; padding:0 15px;color:#ee0000; margin-left:20px; border-radius:30px} .heard ul li.zywzh a i{ margin-right:3px} .heard ul li.zywzh a.cur {color:#d1292e;} .heard ul li a:hover:after,.heard ul li a.active:after {content:'';position:absolute;width:100%;height:2px;background:#d1292e;top:0;left:0;} .heard ul li a:hover,.heard ul li a.active {color:#d1292e;} .heard ul li.zywzh a:hover:after {height:0;} /*手机头部*/ .mheader {position:fixed;height:56px;width:100%;left:0;top:0;background:#ffffff;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);z-index:999999;display:none;} .mheader .menu {width:21px;height:21px;position:relative;margin-top:20px;margin-right:12px;float:right;} .mheader .menu div {width:21px;height:3px;background-color:#d1292e;position:absolute;} .mheader .menu div.moicon1 {transform:rotateZ(0deg);transition:all ease-out 0.3s;top:3px;} .mheader .menu div.moicon3 {top:10px;} .mheader .menu div.moicon2 {transform:rotateZ(0deg);transition:all ease-out 0.3s;top:17px;} .mheader .menu.on div.moicon1 {-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);transition:all ease-out 0.3s;top:12px;} .mheader .menu.on div.moicon2 {-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);transition:all ease-out 0.3s;top:12px;} .mheader .menu.on div.moicon3 {display:none;} .mheader a img {width:245px;display:block;margin:auto;margin-top:18px;} .modrop {position:fixed;width:100%;height:auto;top:56px;left:0;background:#ffffff;z-index:99999;padding-top:20px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);display:none;} .modrop li {border-bottom:1px solid #e6e6ec;padding:10px 12px;font-weight:bold;margin-bottom:5px;position:relative;} .modrop li a {display:block;} .modrop li i {float:right;font-size:25px;position:absolute;right:12px;top:0px;} .modrop li.mzywzh a {display:inline-block;margin:0 10px;} .rightcbl {position:fixed;right:10px;bottom:20%;z-index:999999;cursor:pointer;} /*首页*/ .banner .swiper-slide {height:640px;width:100%;} .banner .swiper-slide .bannerbox {display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;text-align:center;} .banner .swiper-slide .bannerbox img {width:auto;display:block;max-width:100%;margin:20px auto;} .banner .swiper-slide .bannerbox img.tu1 {margin-bottom:50px;transform:translateX(300%);-webkit-transform:translateX(300%);opacity:0;transition:all 1s;} .banner .swiper-slide .bannerbox img.tu2 {transform:translateX(-300%);-webkit-transform:translateX(-300%);margin-bottom:50px;opacity:0;transition:all 1s;} .banner .swiper-slide .bannerbox a {display:block;width:120px;height:40px;border-radius:20px;background:#ffffff;text-align:center;line-height:40px;color:#d1292e;font-size:16px;margin:auto;opacity:0;transition:all 1.1s;} .banner .swiper-slide .bannerbox a:hover {background:#d1292e;color:#ffffff;} .banner .swiper-slide-active .bannerbox img.tu1,.banner .swiper-slide-active .bannerbox img.tu2,.banner .swiper-slide-active .bannerbox a {transform:translateX(0);-webkit-transform:translateX(0);opacity:1;} .banner .swiper-pagination-bullet {width:46px;height:3px;border-radius:0;background:#ffffff;opacity:0.3;} .banner .swiper-pagination-bullet-active {background:#ffffff;opacity:1;} .syabout {padding:110px 0;} .syabout .sygsmc {font-size:24px;text-align:right;} .syabout .sygsmc span {display:block;width:51px;height:3px;background:#d1292e;margin:30px 0 30px auto;} .syabout .aboutr {padding-right:78px;position:relative;} .syabout .aboutr .zboutjj {position:absolute;right:-20px;top:45%;z-index:99;} .syabout .aboutr .aboutzy {line-height:28px;color:#333333;margin-bottom:20px;} .syabout .aboutr .aboutzy p{margin-bottom:20px} .syabout li {font-size:16px;text-align:center;} .syabout li .shuzi span {font-size:48px;color:#d1292e;margin-right:5px;} @media (max-width: 767px) { .syabout li .shuzi span{font-size:30px} } .aboutl {overflow:hidden;} .aboutl img {width:100%;cursor:pointer;} .aboutl video {display:none;} .cpzxbox {background:url("../images/cpbj.png") no-repeat center;background-size:cover;position:relative;} .wbox {width:1400px;margin:auto;position:relative;height:100%;} .wave-canvas-wrapper {position:absolute;left:0;bottom:0;width:100%;height:100%;overflow:hidden;} .cpzxnr {position:relative;} .cpzxnr .dbiaoti {color:#ffffff;} .dbiaoti {text-align:center;padding-top:60px;padding-bottom:30px;} .dbiaoti .font30 {font-size:30px;} .dbiaoti span {display:block;width:30px;height:3px;background:#d1292e;margin:15px auto;} .cpzxnr .swiper-slide {padding-top:20px;} .cpzxnr .swiper-slide a {display:block;width:260px;margin:auto;transition:all 1s;} .cpzxnr .swiper-slide a .cpbox {background:#ffffff;border-radius:4px;height:290px;width:100%;padding:5px;} .cpzxnr .swiper-slide a .cpbox .cpboximg {width:100%;height:100%;border-radius:4px;overflow:hidden;display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;transition:all 1s;border:2px solid rgba(255,255,255,0);} .cpzxnr .swiper-slide a .cpbox .cpboximg img {width:auto;max-width:100%;margin:auto;} .cpzxnr .swiper-slide a .cpbox .cpboximg img.cpjia {position:absolute;opacity:0;transition:all 1s;} .cpzxnr .swiper-slide a p {color:#ffffff;text-align:center;font-size:16px;margin-top:10px;} .cpzxnr .swiper-slide a:hover {transform:translateY(-17px);-webkit-transform:translateY(-17px);} .cpzxnr .swiper-slide a:hover p {color:#d1292e;} .cpzxnr .swiper-slide a:hover .cpboximg {border:2px solid #d1292e;} .cpzxnr .swiper-slide a:hover .cpboximg img.cpjia {opacity:1;} .cpzxnr .swiper-button-next,.cpzxnr .swiper-button-prev {width:17px;height:32px;background-size:100%;opacity:1;} .cpzxnr .swiper-button-prev {background-image:url("../images/cpl.png");transform:rotate(180deg);-ms-transform:rotate(180deg);/* IE 9 */ -moz-transform:rotate(180deg);/* Firefox */ -webkit-transform:rotate(180deg);/* Safari 和 Chrome */ -o-transform:rotate(180deg);/*Opera */ left:-12px;} .cpzxnr .swiper-button-next {background-image:url("../images/cpl.png");right:-12px;} .cpzxbox .yylycp {background:rgba(255,255,255,0.1);padding:30px 0;margin-top:50px;} .yyly {font-size:24px;color:#ffffff;float:left;margin-top:20px;} .yylycp ul {float:left;width:90%;overflow:hidden;} .yylycp ul li {text-align:center;color:#ffffff;font-size:16px;position:relative;transform:translateX(60px);-webkit-transform:translateX(60px);} .yylycp ul li:after {content:'';position:absolute;height:50px;width:1px;background:#cccccc;right:0;top:10px;} .yylycp ul li:last-child:after {width:0;} .yylycp ul li .yylyimg {height:40px;display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:5px;} .yylycp ul li .yylyimg img {width:auto;margin:auto;} /*首页新闻*/ .synewsbox {padding:40px 0 80px 0;} .synewsbox ul {margin-top:20px;} .synewsbox li {padding:0 10px;height:400px;} .synewsbox li a {display:block;background:#f9f9f9;height:100%;position:relative;} .synewsbox li .syxwimg {height:220px;overflow:hidden;} .synewsbox li .syxwimg img {width:100%;transition:all 2s;} .synewsbox li span {color:#999999;} .synewsbox li p {font-size:16px;padding-top:10px;padding-bottom:15px;} .synewsbox li .xwzy {color:#999999;line-height:26px;} .xwtext {padding:0 10px;padding-top:30px;} .synewsbox li a:after {content:'';position:absolute;background:#e6213a;width:0;height:2px;bottom:0;left:50%;transition:all 1s;} .synewsbox li a:hover:after {width:100%;left:0;} .synewsbox li a:hover img {transform:scale(1.2);} a.ckgd {display:block;width:120px;height:40px;line-height:40px;text-align:center;color:#d1292e;border:1px solid #d1292e;margin:50px auto auto auto;transition:all .6s;cursor:pointer;} a.ckgd:hover {color:#ffffff;background:#d1292e;border:1px solid #ffffff;} /*首页合作伙伴*/ .syhzhb {background:#f9f9f9;padding-bottom:20px;} .syhzhb .container {background:url("../images/ditu.png") no-repeat center;} .syhzhb ul {overflow:hidden;} .syhzhb ul li {padding:0 5px;margin-bottom:10px;} .syhzhb ul li .syhzimg {height:98px;overflow:hidden;background:#ffffff;display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;} .syhzhb ul li img {width:auto;max-width:100%;margin:auto;} .syhzhb .zkhbgd {text-align:center;margin-top:60px;} .syhzhb .zkhbgd img {cursor:pointer;display:none;} /*尾部*/ footer {background:#212121;padding-top:20px;} footer>.container {padding:60px 0;} footer img.wbewm {width:100px;display:block;margin:auto;} footer p {font-size:12px;color:#999999;text-align:center;padding-top:10px;} footer li {float:left;width:20%;} footer li p {font-size:14px;color:#ffffff;text-align:left;padding-bottom:28px;} footer li a {display:block;color:#999999;margin-bottom:12px;} footer .yqlj {background:#292929;padding:15px 0;color:#999999;font-size:12px;} footer .yqlj .yqljbox {float:left;} footer .yqlj .yqljbox a {color:#999999;margin:0 5px;} footer a:hover,footer .yqlj .yqljbox a:hover {color:#d1292e;} footer .yqlj .bah {float:right;} /*关于我们*/ .nybanner {height:500px;} .nybanner .dhxgbox {width:100%;height:100%;display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#ffffff;text-align:center;} .nybanner .dhxgbox .zwzbox span {font-size:40px;margin:0 2px;display:inline-block;animation:zoomIn 1s;-moz-animation:zoomIn 1s;/* Firefox */-webkit-animation:zoomIn 1s;/* Safari and Chrome */-o-animation:zoomIn 1s;/* Opera */animation-fill-mode:both;} .nybanner .dhxgbox p {font-size:30px;letter-spacing:5px;padding-top:25px;animation:zoomIns 1s;-moz-animation:zoomIns 1s;/* Firefox */-webkit-animation:zoomIns 1s;/* Safari and Chrome */-o-animation:zoomIn 1s;/* Opera */animation-fill-mode:both;animation-delay:0.5s;-webkit-animation-delay:0.5s;/* Safari 和 Chrome */} .nybanner .dhxgbox .zwzbox span.char2 {animation-delay:0.1s;-webkit-animation-delay:0.1s;/* Safari 和 Chrome */} .nybanner .dhxgbox .zwzbox span.char3 {animation-delay:0.3s;-webkit-animation-delay:0.3s;/* Safari 和 Chrome */} .nybanner .dhxgbox .zwzbox span.char4 {animation-delay:0.4s;-webkit-animation-delay:0.4s;/* Safari 和 Chrome */} .nybanner .dhxgbox .zwzbox span.char5 {animation-delay:0.5s;-webkit-animation-delay:0.5s;/* Safari 和 Chrome */} @-webkit-keyframes zoomIn {0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);} 50% {opacity:1} } @-webkit-keyframes zoomIns {0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);} 50% {opacity:1} } .nydhl {background:#d1292e;} .nydhl li {float:left;} .nydhl a {display:block;color:#ffffff;padding:20px 30px;text-align:center;} .nydhl li.cur a,.nydhl li a:hover,.nydhl a.cur {background:#b51d22;} .nydhl .swiper-container {display:none;} .gsgk {padding:100px 0;} .gsgk .abgsmc {position:relative;} .gsgk .abgsmc img {width:auto;max-width:100%;position:relative;} .gsgk .abgsmc p {font-size:24px;position:absolute;bottom:0;left:0;} .jsgk {padding:40px 0;font-size:16px;color:#999999;} .jsgk span {display:inline-block;width:46px;height:1px;background:#999999;vertical-align:middle;margin-right:5px;} .gsgkzy p {color:#666666;line-height:30px;margin-bottom:15px;} .gkimgboxs {float:right;} .gkimgboxs li {float:left;margin-right:15px;cursor:pointer;} .gkimgboxs li:last-child {padding-top:50px;} .gkimgboxs li .gkimgbox {width:228px;height:208px;overflow:hidden;position:relative;margin-bottom:15px;} .gkimgboxs li .gkimgbox img {width:100%;max-width:100%;min-height:100%;} .gkimgboxs li .gkimgbox .gkimgtext {position:absolute;font-size:16px;width:100%;height:100%;color:#ffffff;background:rgba(0,0,0,0.2);top:0;left:0;display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;} .gkimgboxs li .gkimgbox .gkimgtext .dl span {font-size:48px;margin-right:3px;} .gkimgboxs li .gkimgbox:hover .gkimgtext {background:rgba(0,0,0,0.5);color:#d1292e;} .nybtbox {padding:70px 0 30px;} .nybtbox .h1 {margin-bottom:15px;text-align:center;color:#333333;} .nybtbox .h4 {color:#999999;text-align:center} .nybtbox .con p{margin-bottom:10px;} .fzlc .nybtbox,.fzlc .nybtbox p.h4 {color:#ffffff;} .fzlc {background:url("../images/about-bg2.jpg") no-repeat center;background-size:100% 100%;padding-bottom:100px;background-attachment:fixed;} .fzlcbox>p {font-size:18px;color:#ffffff;padding-bottom:60px;text-align:center;} .fzlcbox .jtlcbox {background:#ffffff;padding:10px 30px;line-height:30px;color:#666666;font-size:14px;min-height:150px;display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:left;width:1200px;} .fzlc .swiper-slide p i {display:none;} .fzlc .swiper-slide-active {z-index:1;} .fzlc .swiper-slide-active p {font-size:28px;color:#d1292e;position:relative;padding-left:20px;} .fzlc .swiper-slide-active p i {display:block;position:absolute;left:45%;bottom:10px;} .fzlc .swiper-slide-active .fzlcbox .jtlcbox {position:fixed;} .fzlc .swiper-button-next,.fzlc .swiper-button-prev {margin-top:0;top:0;height:36px;width:36px;background:#ffffff;opacity:1;border-radius:50px;text-align:center;line-height:36px;font-size:20px;} .fzlc .swiper-button-next:hover,.fzlc .swiper-button-prev:hover {background:#b51d22;color:#ffffff;} .qywhimg {padding-right:30px;} .qywhimg img {width:100%;} .mbzx {padding:25px 10px;} .mbzx p {font-size:18px;padding-bottom:20px;} .mbzx p span {display:inline-block;width:46px;height:1px;background:#999999;vertical-align:middle;margin-right:5px;} .mbzx .qyhwzy {font-size:16px;color:#666666;line-height:34px;} .mbzx:last-child {padding-bottom:0;} .qiyewh ul {padding:70px 0 53px 0;} .qiyewh li {padding:0 20px;text-align:center;} .qiyewh li .zlfzbox {width:120px;height:120px;margin:auto;margin-bottom:53px;padding:10px;border-radius:50%;background:#f5f5f5;font-size:16px;display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;transition:all 1s;} .qiyewh li .zlfzbox:after {content:'';position:absolute;width:0;height:1px;background:#999999;left:40%;bottom:-25px;transform:rotate(-40deg);-ms-transform:rotate(-40deg);/* IE 9 */ -moz-transform:rotate(-40deg);/* Firefox */ -webkit-transform:rotate(-40deg);/* Safari 和 Chrome */ -o-transform:rotate(-40deg);/* Opera */ transition:all 1s;} .qiyewh li p {width:80%;margin:auto;opacity:0;transition:all 1s;} .qiyewh li:hover .zlfzbox {background:#b51d22;color:#ffffff;} .qiyewh li:hover .zlfzbox:after {width:19px;} .qiyewh li:hover p {opacity:1;} .zzjgbox {background:#fafafa;padding-bottom:30px;} .zzjgbox .container {background:url("../images/zzbj.png") no-repeat center;color:#999999;} .zzjgbox img {width:auto;display:block;margin:auto;max-width:100%;} .yyzzbox {padding-bottom:100px;} .yyzzbox .swiper-container {padding:0 50px;} .yyzzbox .swiper-slide img {width:100%;} .yyzzbox .swiper-button-next,.yyzzbox .swiper-button-prev {width:36px;height:36px;border-radius:50%;background:#cccccc;color:#ffffff;text-align:center;line-height:36px;font-size:20px;opacity:1;} .yyzzbox .swiper-button-next:hover,.yyzzbox .swiper-button-prev:hover {background:#b51d22;} .ghyjl {background:#fafafa;padding-bottom:40px;} .ghyjl ul {height:auto;overflow:hidden;} .ghyjl li {padding:15px;} .ghyjl li .ghimg {overflow:hidden;} .ghyjl li .ghimg img {width:100%;} .ghyjl li p {padding:15px 5px;min-height:80px;font-size:16px;text-align:center;background:#ffffff;transition:all 1s;} .ghyjl li:hover p {background:#d1292e;color:#ffffff;} .ghyjl .ckgd {display:none;} /*产品展厅*/ .nydhlfl {padding-bottom:60px;} .nydhlfl li {float:left;padding:0 30px;border-right:1px solid #cccccc;margin-top:30px;} .nydhlfl li:last-child {border-right:0;} .nydhlfl li a {position:relative;transition:all 0.8s;} .nydhlfl li a:after {content:'';position:absolute;width:6px;height:6px;background:#d1292e;border-radius:50%;left:-15px;top:6px;opacity:0;transition:all 0.8s;} .nydhlfl li:hover a,.nydhlfl li.cur a {color:#d1292e;} .nydhlfl li:hover a:after,.nydhlfl li.cur a:after {opacity:1;} .productbox {padding:40px 0;} .productbox li {padding:20px;text-align:center;cursor:pointer;} .productbox li .productimg {width:100%;height:290px;overflow:hidden;display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:1px solid #e6e6e6;margin-bottom:15px;position:relative;} .productbox li .productimg img {margin:auto;width:auto;max-width:100%;} .productbox li .productimg .hoverimg {position:absolute;height:100%;width:100%;left:0;top:0;display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:rgba(255,255,255,0.6);border:2px solid #d1292e;opacity:0;transition:all 0.3s;} .productbox li .content{ display:none} .productbox li:hover {color:#d1292e;} .productbox li:hover .hoverimg {opacity:1;} .productxq {position:fixed;width:100%;height:100%;left:0;top:0;z-index:99999999;background:rgba(0,0,0,0.8);display:none;} .productxq .container {display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;} .productxq .productxqbox {width:992px;background:#ffffff;padding:90px 50px;border-radius:4px;position:relative;} .productxq .productxqbox img.cpxqsc {position:absolute;right:15px;top:15px;cursor:pointer;} .productxq .productxqbox .productxqimgs {padding-right:50px;padding-top:40px;} .productxq .productxqbox .productxqimg {background:#f0f0f0;height:280px;display:-webkit-box;/* 老版本语法:Safari,iOS,Android browser,older WebKit browsers. */ display:-moz-box;/* 老版本语法:Firefox (buggy) */ display:-ms-flexbox;/* 混合版本语法:IE 10 */ display:-webkit-flex;/* 新版本语法:Chrome 21+ */ display:flex;/* 新版本语法:Opera 12.1,Firefox 22+ */ -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;} .productxq .productxqbox .productxqimg img {width:auto;max-width:100%;margin:auto;} .productxq .productxqbox .h3 {font-weight:bold;color:#212121;margin-bottom:10px;} .productxq .productxqbox p {color:#666666;line-height:30px;font-size:12px;} .productxq .productxqbox p.h5 {font-size:14px;color:#333;font-weight:bold;} .product-view .image img{ width:100%} .product-view .text{ font-size:0.15rem; margin-top:0.2rem;} .pro-content{max-height:400px;overflow-x:hidden;overflow-y:auto} @media (max-width: 767px) { .pro-content{max-height:inherit;overflow:inherit} } /*新闻资讯*/ .newsbox li {padding:0 20px;margin-bottom:30px;} .page {text-align:center;} .page a {display:inline-block;width:38px;height:38px;text-align:center;line-height:38px;border:1px solid #cccccc;color:#666666;margin:5px 5px;} .page a#prev,.page a#next {width:69px;} .page a.cur,.page a:hover {background:#d1292e;border:0;color:#ffffff;} /*新闻详情*/ .newsxq {padding-top:100px;} .newsxq .wxxqbt {padding-bottom:10px;border-bottom:1px dashed #cccccc;} .newsxq .wxxqbt .fxa {} .newsxq .wxxqbt .fxa span {float:left;color:#999999;margin-top:10px;} .newsxq .wxxqbt .fxa .fxbox {float:right;} .newsxq .wxxqbt .fxa .fxbox span {font-size:16px;margin-top:5px;} .newsxq .wxxqbt .fxa .fxbox .share {float:right;} .newsxq .wxxqbt .fxa .fxbox .share div {display:inline-block;width:31px;height:31px;border-radius:50%;background:#cccccc;margin:0 5px;} .newsxq .wxxqbt .fxa .fxbox .share a {padding:0;margin:0;width:100%;height:100%;} .newsxq .wxxqbt .fxa .fxbox .share div:nth-child(1) a {background:url("../images/wx.png") no-repeat center;} .newsxq .wxxqbt .fxa .fxbox .share div:nth-child(2) a {background:url("../images/kj.png") no-repeat center;} .newsxq .wxxqbt .fxa .fxbox .share div:nth-child(3) a {background:url("../images/wb.png") no-repeat center;} .newsxq .wxxqbt .fxa .fxbox .share div:nth-child(4) a {background:url("../images/fxgd.png") no-repeat center;} .newsxq .wxxqbt .fxa .fxbox .share div:hover {background:#d1292e;} .xwneirong {padding:20px 0;border-bottom:1px dashed #cccccc;} .xwneirong p {font-size:16px;line-height:30px;margin:10px 0;text-indent:2rem;} .xwneirong img {display:block;width:auto;max-width:100%;margin:10px auto;} .xqpage {padding:30px 0;} .xqpage .xqfybox {float:left;} .xqpage .xqfybox a {display:block;margin-bottom:10px;} .xqpage .xqfybox a:hover {color:#d1292e;} .xqpage .xqfhlb {float:right;} .xqpage .xqfhlb a {display:block;width:110px;height:40px;border:1px solid #d1292e;color:#d1292e;text-align:center;line-height:40px;} /*党建工作*/ .works {padding-bottom:30px;} .workbox {padding:50px 0;} .workbox li {padding:25px 0;} .workbox li a {} .workbox li a .xb4 {padding-left:40px;position:relative;padding-right:30px;} .workbox li a .xb4 .workimg {height:180px;overflow:hidden;} .workbox li a .xb4 .workimg img {width:100%;height:auto;} .workbox li a .xb4 .wtime {position:absolute;top:20px;left:0;} .workbox li a .xb4 .wtime .pcwtime {width:74px;height:74px;background:#f2f3f8;text-align:center;} .workbox li a .xb4 .wtime .mwtime {color:#666666;display:none;} .workbox li a .xb4 .wtime .pcwtime div {font-size:32px;} .workbox li a .xb8 {padding-top:20px;} .workbox li a .xb8 .workzy {color:#666666;margin-top:30px;} .workbox li a:hover .h3 {color:#d1292e;} .workbox li a:hover .xb4 .wtime .pcwtime {background:#d1292e;color:#ffffff;} /*人力资源*/ .rczcbox {margin-bottom:80px;} .rczcbox .gsjj {color:#666666;line-height:30px;} .rczcbox .gsjj img{max-width:90%} .rczcbox .rzlyrczy {margin-top:80px;} .rczcbox .rzlyrczy .rczyimg {padding:0 0px;} .rczcbox .rzlyrczy .rczyimg img {width:100%;} .rczcbox .rzlyrczy .rczyboxs {padding:0 30px;margin-top:10px;margin-bottom:60px;color:#666666;} .rczcbox .rzlyrczy .rczyboxs p.h4 {border-left:4px solid #d1292e;padding-left:10px;margin-bottom:20px;margin-top:30px;} .rczcbox .rzlyrczy .rczyboxs p.h4 span {font-weight:bold;color:#333333;} .rczcbox .rzlyrczy .rczyboxs .rczybox p {line-height:30px;margin-bottom:20px;} .rczcbox .rzlyrczy .rczyboxs:last-child {margin-bottom:0;} .zpxxbox {background:#fafafa;padding-bottom:50px;} .zwxqbox a {color:#fff;margin-top:10px;display:inline-block; background-color:#b61d22; padding:5px 15px} .zwxqbox a i {margin-left:10px;} .zpxxbox ul {} .zpxxbox ul li {padding-left:55px;position:relative;margin-bottom:15px;cursor:pointer;} .zpxxbox ul li img {position:absolute;left:5px;top:10px;} .zpxxbox ul li.clearbox .h4 {color:#b61d22;font-weight:bold;padding:30px 0;} .zpxxbox ul li .h4 {text-align:center;} .zpxxbox ul li .zwxqbox {background:#ffffff;padding:20px 0;padding-left:60px;display:none;} .zpxxbox ul li .zpzwbox {background:#e6e6e6;padding:10px 0;} .zpxxbox ul li .zwxqbox>p {font-weight:bold;margin-bottom:20px;} .zpxxbox ul li .zwxqbox .zwxqboxnr p {color:#666666;line-height:30px;} .zpxxbox ul li.cur .zpzwbox,.zpxxbox ul li:hover .zpzwbox {background:#b61d22;color:#ffffff;} .zpxxbox ul li.cur img,.zpxxbox ul li:hover img {transform:rotate(45deg);-ms-transform:rotate(45deg);/* IE 9 */ -moz-transform:rotate(45deg);/* Firefox */ -webkit-transform:rotate(45deg);/* Safari 和 Chrome */ -o-transform:rotate(45deg);/*Opera */} /*在线应聘*/ #zxyp {padding:100px 0 50px 0;} #zxyp .h1 {text-align:center;margin-bottom:50px;} #zxyp .xb6 {padding:30px 0;} #zxyp .xb6:first-child {text-align:right;padding-right:30px;} #zxyp .xb6:last-child {padding-left:30px;} #zxyp .xb6 input,#zxyp .xb6 select {width:340px;height:44px;padding-left:30px;border:1px solid #cccccc;margin-left:5px;} #zxyp .xb6 div {margin-bottom:30px;font-size:16px;} #zxyp input#tijiao {display:block;margin:auto;width:120px;height:40px;background:none;color:#d1292e;border:1px solid #d1292e;} #zxyp input#tijiao:hover {background:#d1292e;color:#ffffff;} /*联系宏科*/ .kfzxbox {} .kfzxbox li {height:220px;overflow:hidden;background:#fafafa;} .kfzxbox li img {width:100%;min-height:100%;} .kfzxbox li .kftext {padding-top:50px;padding-left:40px;} .kfzxbox li .kftext p.h3 span {display:inline-block;width:16px;height:2px;background:#d1292e;margin-right:5px;vertical-align:middle;} .kfzxbox li .kftext p.h5 {color:#999999;margin-top:10px;} .kfzxbox li:hover p.h3 {color:#d1292e;} .lxfsbox {padding-bottom:60px;} .lxfsbox .lxdizhi {} .lxfsbox .lxdizhi p.h4 {font-weight:bold;} .lxfsbox .lxdizhi p.h4 span {display:inline-block;width:16px;height:2px;background:#d1292e;margin-right:5px;vertical-align:middle;} .lxfsbox .lxdizhi .lxfsdz {margin-top:30px;} .lxfsbox .lxdizhi .lxfsdz p {font-size:16px;line-height:48px;} .lxfsbox .lxfsewm {padding-top:100px;} .lxfsbox .lxfsewm p {font-size:16px;text-align:center;line-height:48px;} .lxfsbox .lxfsewm img {display:block;margin:auto;width:135px;} .bscbox {padding:50px 0;} .bscbox .container {} .bscbox .container>p.h4 {font-weight:bold; margin-bottom:20px;} .bscbox .container>p.h4 span {display:inline-block;width:16px;height:2px;background:#d1292e;margin-right:5px;vertical-align:middle;} .bscbox li {padding:30px; border:1px #ddd solid; position:relative; margin-left:-1px;margin-top:-1px} .bscbox li .bscdidian {} .bscbox li .bscdz {font-size:16px;font-weight:bold;color:#d1292e;padding:10px 0;border-bottom:1px dashed #d1292e;margin-bottom:20px;} .bscbox li .bscdz i {display:inline-block;height:18px;background:url("../images/dw.png") no-repeat center;width:14px;vertical-align:text-bottom;margin-right:5px;} .bscbox li .bscdidian p {font-size:14px;color:#666666;line-height:40px;} .lxfszxly {background:url("../images/lx.png") no-repeat center;background-size:cover;background-attachment:fixed;} .lxfszxly .nybtbox,.lxfszxly .nybtbox p.h4 {color:#ffffff;} .lxfszxly ul {padding:0 50px;} .lxfszxly ul li {padding:10px;} .lxfszxly ul li input {border:0;background:#ffffff;height:50px;padding:0 20px;width:100%;} .lxfszxly ul li textarea {width:100%;border:0;height:220px;background:#ffffff;resize:none;padding:20px;} .lxfszxly .zylyanbox {padding:50px 0;text-align:center;} .lxfszxly .zylyanbox input {display:inline-block;margin:auto 10px;width:200px;height:50px;color:#ffffff;border:0;} .lxfszxly .zylyanbox input#tijiao {background:#d1292e;} .lxfszxly .zylyanbox input#chongzhi {background:#cccccc;} /*媒体查询*/ @media (max-width:1440px) {.heard .zongjian {width:1200px;} .heard ul li a {margin:0 15px;} } @media (max-width:1220px) { .fzlc .swiper-slide-active .fzlcbox .jtlcbox {position:relative;} .fzlcbox .jtlcbox {width:100%;} .fzlcbox {padding-right:5px;} } @media (max-width:1200px) {.heard .zongjian {width:100%;padding:0 10px;} .cpzxnr .swiper-slide a {width:100%;} .heard ul li a {margin:0 5px;} .heard .logo img {width:300px;} .mbzx {padding:25px 0;} .ghyjl li .ghimg {height:210px;} .bscbox li .bscdidian {width:90%;} } @media (max-width:1199px) {.yyly {display:none;} .yylycp ul {width:100%;} .yylycp ul li {transform:translateX(0);-webkit-transform:translateX(0);} .synewsbox li {height:380px;} .synewsbox li .syxwimg {height:178px;} .xwtext {padding-top:10px;} } @media (max-width:1000px) {.heard {display:none;} .mheader {display:block;} .layout {padding-top:56px;} .ghyjl ul {height:auto;} .productxq .productxqbox {width:100%;} } @media (max-width:999px) {.syabout .aboutr {padding-right:0;margin-bottom:20px;} .syabout .aboutr .zboutjj {display:none;} .syabout .aboutr .aboutzy {margin-bottom:20px;} .synewsbox li {margin-bottom:20px;} .dbiaoti .font30 {font-size:24px;} footer img.wbewm {margin:auto 0;} footer p {text-align:left;} .gsgk {padding:40px 0;} .gsgk .abgsmc img {width:320px;} .gkimgboxs {float:none;display:flex;justify-content:center;} .gkimgboxs li:last-child {padding-top:0;} .qywhimg {padding-right:0;} .qiyewh li {padding:20px;} .qiyewh li p {opacity:1;} .qiyewh li .zlfzbox:after {width:19px;} .productxq .productxqbox {padding:50px;} .productxq .productxqbox .productxqimgs {padding:0;margin-bottom:20px;} .productxq .productxqbox .h3 {margin-bottom:10px;} .newsxq {padding-top:30px;} .workbox li a .xb4 .wtime {position:relative;top:0;} .workbox li a .xb4 .wtime .pcwtime {display:none;} .workbox li a .xb4 .wtime .mwtime {display:block;margin-top:10px;} .workbox li a .xb4 {padding:0;} .workbox li a .xb8 .workzy {margin-top:10px;} .workbox li {padding:15px 0;} .workbox {padding:20px 0;} .workbox li a .xb4 .workimg {height:auto;} .rczcbox {padding:0;} .zpxxbox ul li {padding-left:0;} .zpxxbox ul li img {display:none;} #zxyp .xb6 input,#zxyp .xb6 select {width:70%;} } @media (max-width:768px) { .banner .swiper-slide {height:400px;} .banner .swiper-slide .bannerboximg {padding:0 10px;} .cpzxbox .yylycp {display:none;} .dbiaoti {padding-top:30px;} .cpzxnr {padding:30px 10px;} .syabout {padding:40px 10px;} .synewsbox {padding:20px 10px;} .synewsbox li {height:auto;padding:0;} .synewsbox li .syxwimg {height:auto;} .xwtext {padding:10px;} .cpzxnr .swiper-button-next,.cpzxnr .swiper-button-prev {display:none;} footer>.container {padding:30px 10px;} footer .yqlj .bah {width:100%;margin-top:5px;} .nydhl ul {display:none;} .nydhl .swiper-container {display:block;} .yyzzbox {padding-bottom:30px;} .nybtbox .h1 {font-size:20px;} .nybtbox .h4 {font-size:14px;} .qiyewh ul {padding:0;} .nybanner {height:300px;} .rczcbox .rzlyrczy .rczyimg,.rczcbox .rzlyrczy .rczyboxs {padding:0;} .zpxxbox ul li .h4 {font-size:14px;} .zpxxbox ul li .zwxqbox {padding-left:20px;} #zxyp .xb6:last-child {padding-left:0;text-align:right;padding-right:30px;} #zxyp .xb6 {padding:0;} .lxfszxly ul {padding:0;} } @media (max-width:640px) { footer ul {padding:10px 0;} footer li {width:100%;} footer li a {display:inline-block;margin-right:10px;} footer li p {padding-bottom:5px;} .gkimgboxs li {width:50%;margin-right:0;padding:5px;} .gkimgboxs li .gkimgbox {width:100%;margin-bottom:10px;} .gkimgboxs li:last-child {padding:5px;} .nybtbox {padding:30px 0;} .fzlc {padding-bottom:30px;} .ghyjl li .ghimg {height:140px;} .ghyjl li {padding:5px;} .productxq .productxqbox {padding:10px;} .productxq .productxqbox img.cpxqsc {position:relative;right:0;top:0;float:right;margin-bottom:10px;} .productxq .container {display:block;height:auto;} .productxq {overflow-y:auto;} .newsxq .wxxqbt .h1 {font-size:18px;} .newsxq .wxxqbt .fxa span,.newsxq .wxxqbt .fxa .fxbox {float:none;margin-top:10px;} .newsxq .wxxqbt .fxa .fxbox span {font-size:14px;float:left;} .newsxq .wxxqbt .fxa .fxbox .share {float:left;} .newsxq .wxxqbt .fxa {margin-top:10px;} .xwneirong p {font-size:14px;} .xqpage .xqfybox,.xqpage .xqfhlb {float:none;} .workbox li a .xb8 p.h3 {font-size:16px;} .lxfszxly .zylyanbox input {width:110px;} .nybanner .dhxgbox .zwzbox span {font-size:30px;} .nybanner .dhxgbox p {font-size:20px;padding-top:10px;} } @media (max-width:460px) {.cpzxnr .swiper-slide a .cpbox {height:220px;} .banner .swiper-slide {height:300px;} .syabout .sygsmc {font-size:20px;} .syabout .sygsmc span {margin:20px 0 20px auto;} .gkimgboxs li {width:100%;} .gkimgboxs {display:block;} .fzlc .swiper-slide-active p {font-size:24px;padding-left:13px;} .fzlcbox {padding-right:0;} .nydhl a {padding:20px 0;} .gsgk .abgsmc p {font-size:18px;} .jsgk {font-size:14px;padding:20px 0;} .gsgkzy p {line-height:24px;margin-bottom:10px;font-size:12px;} .ghyjl li .ghimg {} .nydhlfl li {width:50%;padding:0;text-align:center;border-right:0;} #zxyp .xb6:last-child,#zxyp .xb6:first-child {padding:0;} #zxyp .xb6 div {font-size:12px;} } @media (max-width:320px) {.mheader a img {width:220px;} .nydhlfl li {width:100%;} } .news-list{ background-color:#f2f2f4; padding-top:50px} .news-list .top-news{ padding-bottom:30px} .news-list .top-news .container{ position:relative;} .news-list .top-news a{ position:relative; display:block; background-color:#fff} .news-list .top-news .image{ width:38%; float:left; position:absolute; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover} .news-list .top-news .text{ width:62%; float:right; padding:30px; position:relative;} .news-list .top-news .text span{ display:block; color:#aaa; font-family:"MontserratAlternates-Medium";margin-top:40px} .news-list .top-news .text strong{ display:block; font-size:18px;font-weight:normal } .news-list .top-news .text p{ margin-top:20px; font-size:14px; line-height:1.7; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;} .news-list .top-news .text .more-btn{ background-color:#fff; color:#999; position:absolute; right:30px;bottom:30px;} .news-list .top-news .text .more-btn:hover{ color:#fff} .news-list .top-news .text .more-btn:before{ background-color:#06b} .news-list .list{ padding-bottom:50px; } .news-list .list li{ border-top:3px #f2f2f4 solid; background-color:#fff} .news-list .list li a{ display:block;display: -ms-flex;display: -webkit-flex;display: flex;padding:30px; position:relative; overflow:hidden;transition: all 0.5s; -webkit-transition: all 0.5s; } .news-list .list li .date{ min-width:150px;font-family:"MontserratAlternates-Medium"; font-size:20px; position:relative;top:-1px; color:#f39800} .news-list .list li .text strong{ font-size:18px; font-weight:normal} .news-list .list li .text strong span{font-size:12px;background-color:#ccc;color:#fff;padding:3px 5px;position:relative;top:-2px;} .news-list .list li .text p{margin-top:10px; font-size:14px; line-height:1.7; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;} .news-list .list li .more{ position:absolute; top:0; width:130px;right:-130px; height:100%; background-color:#06b; color:#fff; text-align:center; box-shadow: -100px 0 142px #f2f6f7; opacity: 0;transition: all 0.3s; -webkit-transition: all 0.3s;} .news-list .list li .more i{ font-size:50px; position:absolute; top:50%; margin-top:-35px; left:50%; margin-left:-25px} .news-list .list li .more span{position:absolute; top:50%; margin-top:15px; left:0;text-align:center;width:100%; font-size:14px } .news-list .list li a:hover .more{ right:0;opacity: 1; width:142px;} @media (max-width: 767px) { .news-list .list .container{ padding:0;} .news-list{ padding:0 } .news-list .top-news{ background-color:#fff; padding-top:30px;border-top:1px #e8e8e8 solid; } .news-list .top-news .text{ padding:0.2rem} .news-list .top-news .text strong{ font-size:0.22px} .news-list .top-news .text p{ line-height:1.5; display:none} .news-list .list li{ font-size:18px; line-height:1.5;border-top:1px #e8e8e8 solid;} .news-list .list li .date{ min-width:90px;font-size:14px;} .news-list .list li .text p{ display:none} .news-list .list li .text strong{ font-size:18px} } p.none-msg{ padding:10vh 0;text-align:center; color:#aaa; font-size:0.18rem} p.none-msg i{ display:block; font-size:1rem; margin-bottom:0.1rem} .share span{ float:left; line-height:22px;} .share a{ padding-left:20px; height: 20px; margin-left:6px; display: inline-block; background: url(../images/share.png); float: left;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; } .share a.i1{ background-position: 0px 0px;} .share a.i2{ background-position: -50px 0px;} .share a.i3{ background-position: -95px 0px;} .share a.i1:hover{ background-position: 0px -20px;} .share a.i2:hover{ background-position: -50px -20px;} .share a.i3:hover{ background-position: -95px -20px;} .news-view{ background-color:#f2f2f4; padding:50px 0} .news-view .box{background-color:#fff; padding:4%;position:relative; z-index:2;box-shadow: 0 1px 20px 0 rgba(0,0,0,0.05); } .news-info .text{} .news-info .title{ color:#333; text-align:center; padding-bottom:30px} .news-info .title h1{font-size:28px;line-height:1.5} .news-info .title p{ color:#888;font-size:25px; color:#e3612f; padding-bottom:10px;} .news-info .info{color:#bbb; position:relative; padding-bottom:20px;font-size:14px; border-bottom:1px #e8e8e8 solid} .news-info .info span.source{background: url(../images/new_i3.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 15px;} .news-info .info span.date{background: url(../images/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right:15px;} .news-info .info span.hits{background: url(../images/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;} .news-info .info em{ display:none} .news-info .info .share{ position:absolute; right:0;top:0px;} .news-view .content{ line-height:1.8 ; font-size:16px; margin:30px 0px; overflow:hidden} .news-view .content p{ margin-bottom:15px;line-height:1.8 ;} .news-view .content p img{ margin-bottom:10px} .news-view .content img{ max-width:800px; _width:800px} .news-view table{display:table;border-collapse:separate;border-spacing:0px;border-color:#666;max-width:100%;margin:0 auto} .news-view table td{border:1px #666 solid !important;} .news-view .other{ border-top:1px #eee solid; padding-top:0.2rem;font-size:0.16rem;color:#777;} .news-view .other{ color:#777; } .news-view .other p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom:0.1rem; } .news-view .other p a{ margin-left:3px;} .news-view .download{ border-top:1px #e8e8e8 solid; padding:30px 0; margin-top:30px; } .news-view .download h2{ font-size:18px; margin-bottom:20px;font-weight:bold} .news-view .download p{ padding:5px 0px; } .news-view .download p a{color:#009ee3;} .news-view .download p i{ margin-right:5px; color:#aaa} .news-view .download p a:hover{ text-decoration:underline} .news-view .slider-wrapper{ position:relative; margin:30px auto 0px; } .news-view .swiper-container{overflow:hidden;} .news-view .swiper-slide{ text-align:center;} .news-view .swiper-slide img{max-width:800px; height:450px;} .news-view .swiper-slide .title{ margin-top:15px; font-size:0.14rem} .news-view .swiper-pagination{position: absolute; z-index: 20; bottom:60px; width: 100%; text-align: center;} .news-view .news-video-con{width:720px;margin:50px auto} .news-view .news-video-con p{ text-align:center;margin-top:15px;} @media (max-width: 767px) { .news-view{box-shadow:none; padding:0;z-index:1;} .news-view .container{padding:0} .news-view .box{ padding-top:30px} .news-info .title{ padding-bottom:15px;; text-align:left} .news-info .title p{font-size:18px;;font-weight:700} .news-info .title h1{line-height:1.4; padding:0;font-size:20px; text-align:left} .news-info .info{ border-bottom:0;text-align:left; background:none; font-size:14px; padding-bottom:0 } .news-info .info span{ background:none !important; padding-left:0!important} .news-info .info span.source{ color:#009ee3} .news-info .info em{} .news-info .info .hits{ display:none } .news-view .content{ line-height:1.6;font-size:14px;} .news-view .content img{ max-width:100%} .news-view .other{ font-size:14px} .news-view .download p{font-size:14px; } .news-view .swiper-button-next{ display:none !important} .news-view .swiper-button-prev{ display:none !important} .share{ display:none} .news-view .swiper-slide img{width:100%;height:auto} .news-view .news-video-con{width:100%;margin:20px auto} } #Gmap{ height:400px;} .body-mask{ width:100%; height:100%; position:fixed; z-index:10000; left:0;top:0; background-color:#000;opacity: 0;filter:alpha(opacity=50);visibility:hidden;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;} .right-slide{ width:380px; height:100%; position:fixed; z-index:10001; right:-380px; visibility:hidden;top:0; background-color:#fff;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;} .right-slide h2{ height:90px; background-color:#0f5090; padding:0 30px; line-height:90px; color:#fff; font-size:18px;display: -webkit-flex; display: -ms-flex; display: flex; } .right-slide h2 i{ font-size:24px; margin-right:5px; line-height:93px} .right-slide div{ padding:30px} .right-slide div h3 a{ font-size:15px;display:block; width:50%; float:left; line-height:50px; text-align:center; background-color:#eee} .right-slide div h3 a.current{ background-color:#f16921; color:#fff; position:relative} .right-slide div h3 a.current:after{content: ""; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f16921; position: absolute; left: 50%; margin-left:-6px;top:100%;} .right-slide div ul{ padding-top:30px;} .right-slide div ul li{ margin-bottom:10px; text-align:right; font-size:15px } .right-slide div ul li a{ float:left} .right-slide div ul li i{ font-size:0.15px; color:#aaa} .right-slide .close-btn{width: 46px;height:46px;display: block;position:absolute;right:30px;top:22px;transition: 300ms;-webkit-transition: 300ms;z-index: 100; cursor:pointer} .right-slide .close-btn i{background: url(../images/close4.png) no-repeat scroll center center; background-size:cover;width: 100%;height: 100%;display: block;transition: 400ms;-webkit-transition: 400ms;} .right-slide .close-btn:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);} .right-slide-on .body-mask{opacity: 0.5;visibility:visible;} .right-slide-on .right-slide{ right:0;visibility:visible;} .jsmodern-share{position:fixed;top:50%;left:50%;width:300px;height:335px;z-index:999999;background:#fff;border:#ccc solid 1px;border-radius:10px; box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.3); overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .jsmodern-share p{display:block;height:20px;text-align:center;font-size:18px;margin:15px 0 20px 0} .jsmodern-share div{width:260px;height:260px;margin:0 auto} .jsmodern-share b{position:absolute;width:20px;height:20px;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);right:4px;top:4px;cursor:pointer;color:#ccc;opacity:.1;transition:.1s} .jsmodern-share b:hover{opacity:.5} .jsmodern-marquee{overflow:hidden} .jsmodern-marquee-inner{float:none!important;margin:0!important;padding:0!important;background:transparent!important} .jsmodern-marquee-default,.jsmodern-marquee-repeat{float:left;margin:0!important;padding:0!important;background:transparent!important} .jsmodern-marquee-part{display:block;float:left} .jsmodern-picture-container{display:block;position:relative;overflow:hidden} .jsmodern-picture-container a{display:block;color:#fff;text-decoration:none} .jsmodern-picture-container img{border:0} .jsmodern-picture-inner{position:absolute;height:100%;top:0;left:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .jsmodern-picture-part{overflow:hidden} .jsmodern-picture-fade{width:100%} .jsmodern-picture-fade .jsmodern-picture-part{position:absolute;display:none} .jsmodern-picture-slide .jsmodern-picture-part{float:left} .jsmodern-picture-slide img{display:block} .jsmodern-picture-dot{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .jsmodern-picture-dot b{display:block;float:left;width:10px;height:10px;background:#777;border-radius:5px;cursor:pointer;margin:0 5px;transition:.4s} .jsmodern-picture-dot b.active{background:#fff} .jsmodern-picture-prev,.jsmodern-picture-next{display:block;position:absolute;top:50%;width:17px;height:32px;margin-top:-16px;cursor:pointer;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat} .jsmodern-picture-prev{margin-left:15px} .jsmodern-picture-next{right:0;margin-right:15px;background-position:-17px 0} .jsmodern-video{background:#000;position:relative;overflow:hidden;z-index:10} .jsmodern-video-panel{position:absolute;bottom:0;left:0;z-index:2147483648;width:100%;height:40px;line-height:40px;color:#fff;background:rgba(0,0,0,.8);-webkit-user-select:none;-moz-user-select:none;user-select:none} .jsmodern-video-panel.jsmodern-video-panelFull{left:50%;-webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px);padding:3px 5px;border-radius:8px} .jsmodern-video-linebox{height:6px;background:rgba(255,255,255,.25);border-radius:3px;width:460px;width:-webkit-calc(100% - 305px);width:-moz-calc(100% - 305px);width:calc(100% - 305px);float:left;margin:17px 0 0 15px;position:relative;cursor:pointer} .jsmodern-video-pass{position:absolute;border-radius:3px;height:100%;background:#F06000} .jsmodern-video-linedot{width:6px;height:6px;background:#fff;border-radius:3px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute} .jsmodern-video-panel b{cursor:pointer} .jsmodern-video-panel b,.jsmodern-video-panel span{display:block;float:left} .jsmodern-video-panel span{font-size:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none} .jsmodern-video-start{margin-left:10px} .jsmodern-video-start+span{width:14px;height:12px;text-align:center;line-height:12px;font-size:10px;overflow:hidden;margin-top:13px;-webkit-transform:scale(1,0.9) translateY(1px);-ms-transform:scale(1,0.9) translateY(1px);transform:scale(1,0.9) translateY(1px);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top} .jsmodern-video-start,.jsmodern-video-end{width:39px;text-align:center} .jsmodern-video-volumebox{width:80px;height:6px;background:rgba(255,255,255,.25);border-radius:3px;float:left;margin:18px 0 0 7px;position:relative;cursor:pointer} .jsmodern-video-volumeline{width:40px;height:6px;background:#F06000;border-radius:3px;margin-top:0} .jsmodern-video-volumedot{width:6px;height:6px;background:#fff;border-radius:3px;margin:-6px 0 0 37px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute} .jsmodern-video-play,.jsmodern-video-volume,.jsmodern-video-fullin{width:18px;height:18px;margin-top:11px;background-position:center;background-repeat:no-repeat} .jsmodern-video-play{margin-left:10px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)} .jsmodern-video-pause{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)} .jsmodern-video-volume{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)} .jsmodern-video-muted{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)} .jsmodern-video-fullin{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)} .jsmodern-video-fullout{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)} b.jsmodern-video-fullFalse{opacity:.5;cursor:default} .jsmodern-dialog-container{position:fixed;width:100%;height:100%;z-index:2147483649;top:0;left:0;background:rgba(0,0,0,.6);opacity:0} .jsmodern-dialog{position:fixed;top:-10px;left:50%;width:500px;min-width:500px;height:auto;overflow:hidden;padding:15px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:#fff;border-radius:6px;border:#555 solid 1px;box-shadow:0 0 15px rgba(0,0,0,.4);opacity:0} .jsmodern-dialog-title{text-align:left;font-size:16px;font-weight:bold;color:#000;word-wrap:break-word;word-break:normal} .jsmodern-dialog-content{width:100%;height:auto;min-height:60px;overflow:hidden;word-wrap:break-word;word-break:normal;margin-top:10px;font-size:14px;color:#333;line-height:160%} .jsmodern-dialog>span{display:block;float:right;height:30px;line-height:30px;font-size:13px;padding:0 12px;cursor:pointer;margin:13px 0 0 10px;border-radius:4px;border:#ccc solid 1px;transition:.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .jsmodern-dialog>span.jsmodern-dialog-sure{background:#2F7CBE;border-color:#2F7CBE;color:#fff} .jsmodern-dialog>span.jsmodern-dialog-sure:hover{background:#1563A6;border-color:#1563A6} .jsmodern-dialog>span.jsmodern-dialog-cancel:hover{background:#eee} .jsmodern-scrollBar-container{overflow:hidden;position:relative} .jsmodern-scrollBar-inner{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} .jsmodern-scrollbar{position:absolute;top:0;right:2px;width:6px;background:rgba(0,0,0,.3);border-radius:3px;z-index:10px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} .jsmodern-lazyload{display:block;opacity:0} .jsmodern-page-content{text-align:center;margin-left:auto;margin-right:auto} .jsmodern-page-target>*{display:none} .jsmodern-page{height:38px;display:inline-block;overflow:hidden;border-radius:19px;border:#e8e8e8 solid 1px;margin:0 auto} .jsmodern-page>div i,.jsmodern-page>i{display:block;float:left;width:40px;height:38px;line-height:38px;font-size:13px;text-align:center;cursor:pointer;font-style:normal;background:#f5f5f5;transition:.15s;font-weight:bold;color:#333} .jsmodern-page i{border-right:#e3e3e3 solid 1px;border-left:#fff solid 1px} .jsmodern-page>div{float:left;max-width:420px;overflow:hidden} .jsmodern-page>div div{height:38px} .jsmodern-page i.active{background:#E04636;color:#fff;box-shadow:rgba(0,0,0,.2) 0 0 10px inset;border-right-color:#fff} .jsmodern-page i:hover{color:#E04636} .jsmodern-page i.active:hover{color:#fff} .jsmodern-page>i span{display:inline-block;font-size:20px} .jsmodern-page>i:first-child{border-radius:19px 0 0 19px} .jsmodern-page>i:last-child{border-radius:0 19px 19px 0} i.jsmodern-page-first,i.jsmodern-page-last,i.jsmodern-page-next,i.jsmodern-page-prev{line-height:33px}