@charset "utf-8"; html{-webkit-font-smoothing:antialiased} blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} fieldset,img{border:0} address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;} dl,ol,ul,li{list-style-type:none} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} a {text-decoration: none; cursor: pointer; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } a:hover {text-decoration: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; outline: none; blr: expression(this.onFocus=this.blur()) } sup{vertical-align:text-top} sub{vertical-align:text-bottom} textarea{resize:none;outline:none;border: 0;} img{vertical-align:middle; max-width: 100%} button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button{overflow: visible;vertical-align:middle;outline:none;border: 0;} body{color:#000;line-height:1.3;background:#fff; font-family: 'Microsoft YaHei';} hr{outline: 0;border:0;} .fl{float:left} .fr{ float:right;} .fix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0} .fix{*zoom:1;} .layout{max-width: 1600px;margin: 0 auto;clear:both;} .layout1{max-width: 1200px;margin: 0 auto;clear:both;} #web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;} #web-ietip a{display: block; width: 65px; height: 80px; float: left;} .img{overflow:hidden} .img img{width:100%;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .img img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} .txtdot{overflow: hidden; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-white-space: nowrap; -moz-white-space: nowrap; -ms-white-space: nowrap; -o-white-space: nowrap; white-space: nowrap; } /*html { overflow-x: hidden; overflow-y: auto;}*/ /* Slider */ .slick-slider{ position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-slider:focus,.slick-slider:active{outline:none;blr:expression(this.onFocus="this.blur"());cursor: pointer;} .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{cursor: pointer;outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before,.slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;/*height: 100%;*/min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide:focus{outline: none;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} /* animated */ .animated {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} 100%{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} 100%{opacity:1;-webkit-transform:none;transform:none} } .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} @-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} @keyframes swing{20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}} .swing{transform-origin:top center;animation-name:swing} /* header */ .header {height: 110px; width: 100%; background: #fff; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: fixed; left: 0; top: 0; box-shadow: 0 2px 3px rgba(0,0,0,.3); z-index: 101; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } /* logo */ .logo{line-height: 110px} /* nav */ .nav{width:auto;margin-top:38px} .nav ul{width:auto} .nav li{float:left;position:relative} .nav li>a{display:block;font-size:16px;color:#0e0e0e;line-height:34px;border-radius:34px;padding:0 20px;position:relative;overflow:hidden;z-index:1} .nav li.on>a, .nav li>a:hover{background:#0070cd;color:#fff} .nav li.lan>a{border-radius:0;color:#f7c70a} .nav li.lan>a:after{content:"\e654";font-family:iconfont;font-size:16px;color:#0e0e0e;margin-left:5px} .nav li.lan.on>a, .nav li.lan>a:hover{background:0 0;color:#0e0e0e} .nav li .n_nav{display: none;position:absolute;padding:10px;background: #fff;min-width: 100%} .nav li .n_nav dl{} .nav li .n_nav dl a{display:block;font-size:16px;color:#444;line-height:46px;vertical-align:middle} .nav li .n_nav dl a:before{content:"\e6a7";font-size:16px;line-height:16px;color:#338b59;font-family:iconfont;vertical-align:middle;margin-right:8px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .nav li .n_nav dl a.on,.nav li .n_nav dl a:hover{color:#338b59} .nav li .n_nav dl a.on:before, .nav li .n_nav dl a:hover:before{color:#fff;background:#338b59} /* banners */ .banners{margin-top: 110px;} /* rt */ .rt{background:#fff;border-bottom: 1px solid #eeeeee} .rt p a, .rt p em, .rt p span{font-size:16px;color:#3e3e3e;line-height:65px;display: inline-block;vertical-align: top;} .rt p span{color: #0070cd} .rt p a.home{padding-left:32px;position:relative} .rt p a.home:before {content: "\e617"; font-family: iconfont; font-size: 16px; color: #666; position: absolute; left: 0; top: auto; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } .rt p a.home:hover:before, .rt p a:hover{color:#0070cd} .rt.long .r_nav {overflow: hidden;} .r_nav li{float:left} .r_nav li a{display:block;font-size:20px;color:#1a1a1a;line-height:65px;padding:0 5px;position:relative;z-index:2;margin-right: 50px;overflow: hidden;} .r_nav li:last-child a{margin-right: 0} .r_nav li a:before {content: ''; width: 0; height: 2px; background: #0070cd; position: absolute; bottom: -1px; left: 50%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: -1 } .r_nav li a:after{content: ''; border:3px solid; border-color: transparent transparent #0070cd transparent; position: absolute; left: 50%; margin-left: -6px; bottom: -5px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .r_nav li.on a, .r_nav li a:hover{color:#0070cd} .r_nav li.on a:before, .r_nav li a:hover:before{left:0;width: 100%} .r_nav li.on a:after, .r_nav li a:hover:after{bottom: 1px } /* footer */ .footer{background:#515151;padding:50px 0 34px} .f_c{width:79.5%;} .f_c dl{width:auto;margin-right:6%} .f_c dl:last-child{margin-right: 0} .f_c dl dt{font-size:16px;color:#ffffff;line-height:26px;margin-bottom: 11px;} .f_c dl dd a{display:block;font-size:16px;color:#e6e6e6;line-height:34px} .f_c dl dd a em{vertical-align: middle;margin: 0 2px } .f_c dl dd a:hover{color:#0070cd} .fewm{width:auto;position: relative;float: left;display: contents;} .fewm p{text-align: center;font-size: 14px;color: #e6e6e6;line-height: 22px;padding: 10px 0} .ewmimg{margin-right:6px;float: left;} div.ewmimg:last-child{margin:0px!important;} /* copy */ .copy{background:#5f5f5f;padding: 14px 0;} .copy p{font-size: 16px; color: #b3b3b3; line-height: 36px;} .copy p a{ color: #b3b3b3;} .copy .f_link{font-size: 16px; color: #b3b3b3; line-height: 36px; } .copy .f_link a {display: inline-block; padding: 0 12px; position: relative; font-size: 16px; line-height: 36px; color: #b3b3b3; vertical-align: top } .copy .f_link a:hover{color:#338b59} /* rnavs */ .rnavs{ position: fixed; display: none; right: 0; bottom: 20%; width: 74px; z-index: 99; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } .rnavs li a{display:block;width:74px;height:74px;background:#666;text-align:center;padding:9px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #858585} .rnavs li i{display:block;width:30px;height:32px;margin:0 auto;font-size:30px;color:#fff} .rnavs li i img{vertical-align:top} .rnavs li p{font-size:12px;color:#fff;text-align:center;line-height:22px;margin-top:5px} .rnavs li a:hover, .rnavs li.on a{background:#0070cd;border-bottom-color:#0070cd} .r_toggle{z-index: 99;display: block; position: fixed; right: -60px; top: 30%; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 25px; color: #fff; background: rgba(0,0,0,.5); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .sb_ns{ visibility: hidden;width: 200px; height: 74px; padding: 15px 20px; position: absolute;z-index: -1;background: #0070cd; left: -200px; top: 0; font-size: 20px; color: #fff; text-align: center; line-height: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; } .rnavs a:hover .sb_ns{visibility: visible;opacity: 1; filter: alpha(opacity=100); z-index: 99} /* page */ .page {text-align: center } .page a {display: inline-block; width: 35px; height: 35px; font-size: 14px; color: #555555; line-height: 33px; text-align: center; margin: 0 3px; text-align: center; position: relative; border:1px solid #cacaca; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .page a.prev{margin-right: 25px; } .page a.next{margin-left: 25px; } .page a.on, .page a:hover {color: #fff; background: #0070cd; border-color: #0070cd } /* mian */ .main{background: #fff} /* logo列表 */ .link{padding:36px 0 139px} .link_con li{float:left;width:21%;padding:2.5% 5%;/*border:1px solid #e5e5e5;*//*background:url(../images/link_bg.jpg) no-repeat center;background-size:cover;*/-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:3.5%;margin-bottom:35px} .link_con li:nth-child(4n+1){margin-left:0} .link_con li .pic{overflow:hidden} .link_con li .pic img{display: block;width: 100%;margin: 0 auto;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .link_con li .word p{font-size:20px;color:#555;line-height:30px;margin-top:15px;text-align:center;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .link_con li:hover .pic img{-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .link_con li:hover .word p{color: #0070cd;font-size: 24px;} /* logo产品列表 */ .pro1{padding: 10px 0 118px;} .pro1_con h3{padding:27px 0;border-bottom:1px solid #eee} .pro1_con ul{padding-top:30px} .pro1_con li{float:left;width:32.4%;margin-left:1.4%;margin-bottom:18px} .pro1_con li:nth-child(3n+1){margin-left:0} .pro1_con li a{display:block;width:100%;height:100%;padding:7.7% 12.85%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .pro1_con li a.bg1{background:#ffe8d7} .pro1_con li a.bg2{background:#f6f6f6} .pro1_con li a.bg3{background:#e8f5fb} .pro1_con li .pic{overflow:hidden} .pro1_con li .pic img{display: block;width: 100%;margin: 0 auto;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .pro1_con li .word p{font-size:20px;color:#555;line-height:30px;margin-top:25px;text-align:center} .pro1_con li:hover .pic img{-webkit-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)} /*.pro1_con li:hover .word p{color:#0070cd}*/ /* 產品中心 */ .pro2{padding: 50px 0 100px} .pro2t{margin-bottom: 30px;} .pro2t li{float:left;margin:0 10px} .pro2t li a{display:block;font-size:18px;color:#585858;width:108px;height:36px;text-align:center;line-height:36px;border:1px solid #dbdbda;border-radius:36px} .pro2t li a:hover,.pro2t li.on a{background:#0070cd;border-color:#0070cd;color:#fff} .pro2t .p_search{width:238px;height:36px;border:1px solid #dbdbda;border-radius:36px;padding:0 20px} .pro2t .p_search input[type=search]{width:100%;height:36px;vertical-align:top;font-size:16px;text-indent:35px;background:#fff url(../images/search.png) no-repeat left center;background-size:auto} .pro2_con li .pic img{display: block;width: 100%;margin: 0 auto;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .pro2_con li .word p{font-size:20px;color:#555;line-height:30px;margin-top:25px;text-align:center} .pro2_con li:hover .pic img{-webkit-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)} /*.pro2_con li:hover .word p{color:#0070cd}*/ /* .pro2_con ul{width:32.4%;margin-left:1.4% } .pro2_con ul:first-child{margin-left: 0} .pro2_con li{float:left;width:100%;margin-bottom:18px}*/ .pro2_con ul li{width:32.4%;margin-left:1.4%;margin-bottom:18px;float: left;} .pro2_con ul li:nth-child(3n+1){margin-left: 0} .pro2_con li a{height: 268px;display:block;width:100%;padding:7.7% 12.85%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position: relative;} .pro2_con li a .p_c{width: 80%; position: absolute;left: 50%;top: 50%; -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .pro2_con li.big a .p_c{width: 60%} .pro2_con li.big a{padding:7.7% 17%;height: 554px;} .pro2_con a.bg1{background:#a8cce6} .pro2_con a.bg2{background:#a8cce6} .pro2_con a.bg3{background:#a8cce6} .pro2_con a.bg4{background:#a8cce6} .pro2_con a.bg5{background:#a8cce6} /* .pro2_con a.bg2{background:#f6f6f6} .pro2_con a.bg3{background:#e8f5fb} .pro2_con a.bg4{background:#afaeae} .pro2_con a.bg5{background:#ffe1e4}*/ .pro2 .page{padding-top: 90px;} /* beat365官网-beat365体育平台大事 */ .ab1{padding-top: 49px;} .ab1_t{text-align: center;} .ab1_t h3{font-size:30px;color:#000;line-height:48px} .ab1_t p{font-size:16px;color:#8d8d8d;line-height:34px} .ab1_c{margin-top:10px;border-bottom:1px solid #eee} .ab1_c p{font-size:20px;color:#737373;line-height:40px} .ab1_c .ad_img img{display:block;width:49%} .ab1_b{padding:25px 0 45px} .ab1_b .ad1_bl{width:auto} .ab1_b .ad1_bl a{display:block;font-size:20px;color:#1a1a1a;line-height:50px} .ab1_b .ad1_bl a:hover{color:#0070cd} .ab1_b .ad1_br a{display:block;width:122px;height:40px;background:#0070cd;text-align:center;line-height:40px;font-size:20px;color:#fff;margin-top:25px} .ab1_b .ad1_br a:hover{opacity:.8;filter:alpha(opacity=80)} /* 联系我们 */ .lx{padding: 40px 0 80px} .lx_t h3{font-size:24px;color:#000;line-height:44px;padding:10px 0;border-bottom:1px solid #eee;margin-bottom:20px} .lx_t p{margin-bottom:26px} .lx_t p span{display: block;float:left;width:32%;font-size:18px;color:#8d8d8d;line-height:28px;padding-left:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:2%} .lx_t p span:first-child{margin-left:0} .lx_t p span.i1{width:28%;background:url(../images/lx1.png) no-repeat left center;background-size:auto} .lx_t p span.i2{background:url(../images/lx2.png) no-repeat left center;background-size:auto} .lx_t p span.i3{width:28%;background:url(../images/lx3.png) no-repeat left center;background-size:auto} .lx_t p span.i4{background:url(../images/lx4.png) no-repeat left center;background-size:auto} .lx_t p span.i5{width:36%;background:url(../images/lx5.png) no-repeat left center;background-size:auto} .map{margin-top: 50px;} /* 设计制造-设备产品 */ .sj1{padding:30px 0 90px;background:#f5f5f5} .sj1_con{padding:50px 80px 40px;background:#fff} .sj1_tshow{overflow:hidden;margin-bottom: 38px;} .sj1_tshow button{padding: 0} .sj1_tshow .slick-slide{text-align:center} .sj1_tshow .slick-arrow{position:absolute;top:50%;margin-top:-54px;z-index:99;width:62px;height:108px;font-size:0;cursor:pointer;background:rgba(0,0,0,.5)} .sj1_tshow .slick-prev{left:0;border-top-right-radius:5px;border-bottom-right-radius:5px} .sj1_tshow .slick-prev:before{content:"\e628";font-family:iconfont;font-size:46px;color:#fff;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .sj1_tshow .slick-next{right:0;left:auto;border-top-left-radius:5px;border-bottom-left-radius:5px} .sj1_tshow .slick-next:before{content:"\e642";font-family:iconfont;font-size:46px;color:#fff;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .sj1_tshow .slick-next:hover:before, .sj1_tshow .slick-prev:hover:before{color:#0070cd} .sj1_cont h4{font-size:26px;color:#000;line-height:46px;margin-bottom:10px} .sj1_cont p{font-size:20px;color:#000;line-height:40px} .sj1_conb{margin-top:47px} .sj1_conb h4{font-size:26px;color:#000;line-height:44px;border-bottom:1px solid #d9d9d9} .sj1_v{margin:0 5px} .sj1_v .pic{position:relative;overflow:hidden} .sj1_v .pic .cover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:url(../images/video.png) no-repeat center;background-size:auto} .sj1_v .pic img{display:block;width:100%;margin:0 auto} .sj1_v .word p{font-size:20px;color:#000;line-height:40px;text-align:center} .sj1_bshow{margin-top:20px;overflow:hidden} .sj1_bshow button{padding:0} .sj1_bshow .slick-slide{text-align:center} .sj1_bshow .slick-arrow{position:absolute;top:50%;margin-top:-29px;z-index:99;width:24px;height:58px;font-size:0;cursor:pointer;background:rgba(0,0,0,.5)} .sj1_bshow .slick-prev{left:5px;border-top-right-radius:5px;border-bottom-right-radius:5px} .sj1_bshow .slick-prev:before{content:"\e628";font-family:iconfont;font-size:20px;color:#fff;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .sj1_bshow .slick-next{right:5px;left:auto;border-top-left-radius:5px;border-bottom-left-radius:5px} .sj1_bshow .slick-next:before{content:"\e642";font-family:iconfont;font-size:20px;color:#fff;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .sj1_bshow .slick-next:hover:before, .sj1_bshow .slick-prev:hover:before{color:#0070cd} /* 设计制造-设备产品2 */ .sj2_1con{width:100%;height:634px;background:url(../images/sj2_bg1.jpg) no-repeat center;background-size:cover;padding-top:150px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .sj2_1con .sj2_1desc{float:right;width:auto} .sj2_1con .sj2_1dl{width:550px} .sj2_1con .sj2_1dl .pp{height:370px} .sj2_1con .sj2_1dl .pp .mCSB_scrollTools .mCSB_draggerContainer{margin-left:12px} .sj2_1con .sj2_1dl p{font-size:18px;color:#151923;line-height:30px;text-align: justify;} .sj2_1con .sj2_1dr{width:386px;margin-left:40px} .sj2_1con .sj2_1dr h3{font-size:36px;color:#0070cd;line-height:56px;margin-bottom:10px;font-weight:700} .sj2_1con .sj2_1dr h4{font-size:20px;color:#5a5a5a;line-height:34px;font-weight:700;margin-bottom: 20px;} .sj2_2con{width:100%;height:670px;background:url(../images/sj2_bg2.jpg) no-repeat center;background-size:cover;padding-top:70px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .sj2_2desc{width:550px} .sj2_2desc h3{font-size:36px;color:#0070cd;line-height:56px;margin-bottom:10px;font-weight:700} .sj2_2desc h4{font-size:20px;color:#5a5a5a;line-height:34px;font-weight:700} .sj2_2desc_show{overflow:hidden;padding-bottom:44px;margin-top:40px} .sj2_2desc_show img{width:100%;display:block} .sj2_2desc_show button{padding:0} .sj2_2desc_show .slick-slide{text-align:center;margin:0 10px} .sj2_2desc_show .slick-arrow{position:absolute;bottom:0;z-index:99;width:24px;height:24px;border-radius:50%;font-size:0;cursor:pointer;background:#bbbfc3} .sj2_2desc_show .slick-prev{left:43%} .sj2_2desc_show .slick-prev:before{content:"\e628";font-family:iconfont;font-size:12px;color:#fff;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .sj2_2desc_show .slick-next{right:43%;left:auto} .sj2_2desc_show .slick-next:before{content:"\e642";font-family:iconfont;font-size:12px;color:#fff;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .sj2_2desc_show .slick-next:hover, .sj2_2desc_show .slick-prev:hover{background:#0070cd} .sj2_2desc_show .pic{ position: relative; } .sj2_2desc_show .pic .cover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background:rgba(0,0,0,.5) url(../images/video.png) no-repeat center; background-size: auto; } .sj2_2desc_show .word p{ font-size: 20px; color: #000; line-height: 40px; text-align: center; } /* 新闻列表 */ .new{padding:65px 0 108px} .new_con li{float:left;width:31.6%;margin-left:2.59%;margin-bottom:30px} .new_con li:nth-child(3n+1){margin-left:0} .new_con li .pic{overflow:hidden} .new_con li .pic img{display:block;width:100%;margin:0 auto;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .new_con li .word{width:100%;padding:20px 25px;background:#f9f9f9;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .new_con li .word h4{font-size:20px;color:#000;line-height:34px} .new_con li .word h5{font-size:14px;color:#b3b3b3;line-height:28px;margin-bottom:14px} .new_con li .word p{font-size:18px;color:#898989;line-height:28px;height:56px;overflow:hidden} .new_con li:hover .pic img{-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .new_con li:hover .word{background: #0070cd } .new_con li:hover .word h4, .new_con li:hover .word h5, .new_con li:hover .word p{color: #fff} .new_con .page{padding-top: 60px;} /* 系统弹窗 */ .xt{background:#f5f5f5;padding:40px 0 60px} .xt_con{max-width:813px;margin:0 auto;background:#fff} .xt_con h3{padding:0 10px;background:#8ec83c;text-align:center;line-height:60px} .xt_con h3 span{font-size:30px;color:#fff;line-height:60px;position:relative} .xt_con h3 span:after,.xt_con h3 span:before{content:'';width:101px;height:6px;background:url(../images/dots.png) no-repeat center;background-size:auto;position:absolute;top:50%;margin-top:-3px} .xt_con h3 span:before{left:-111px} .xt_con h3 span:after{right:-111px} .xt_desc{padding:15px 55px 60px} .xt_desc h4{font-size:16px;color:#8d8d8d;line-height:56px} .xt_desc li{padding:10px 0;border-bottom:1px dashed #e6e5e6} .xt_desc li a{display:block;font-size:18px;color:#363636;line-height:32px;padding-left:18px;background:url(../images/dot1.png) no-repeat left center;background-size:auto} .xt_desc li:hover a{color:#8ec83c} /* 招聘 */ .zp{padding:0} .zp_con1{padding: 60px 0 75px;position: relative;} .zp_con1_l{width:65%;height:360px;background:url(../images/zp1.jpg) no-repeat center;background-size:cover} .zp_con1_r{width:35%;height:360px;padding:20px 35px;background:#0070cd url(../images/zp1_bg1.png) no-repeat center;background-size:cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom-right-radius:50px} .zp_con1_r h4{font-size:24px;color:#fff;line-height:44px;position:relative;padding:10px 0;border-bottom:1px solid #a1d05b;margin-bottom:20px} .zp_con1_r p{font-size:18px;color:#fff;line-height:48px} .zp_con1 .zp_img{position:relative;z-index:2;width:100%;height:261px;background:url(../images/zp_bg1.png) no-repeat 60% center;background-size:auto;margin-top:-65px} .zp_con2{background:url(../images/zp_bg2.jpg) no-repeat center;background-size:cover;height:704px;padding:10px 0 80px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .zp_con2 h3{font-size:28px;color:#000;line-height:68px;text-align:center} .q_show{width:100%;background:0 0;cursor:pointer} .q_show span{display:block;float:left;width:20%;padding:0 10px;font-size:18px;color:#585858;text-align:center;line-height:50px;border-bottom:1px solid #eee;background:#fff;position:relative;overflow:hidden;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-white-space:nowrap;-moz-white-space:nowrap;-ms-white-space:nowrap;-o-white-space:nowrap;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;vertical-align:top} .zp_con2 li:first-child span{border-bottom:0;font-size:18px;color:#fff;font-weight:700;background:#0070cd} .q_show.title{background:#a8a8a8} .q_show.title span{color:#fff} .q_show.on,.q_show:hover{background:#efefef} .q_show.on span.time:after{color:#1c865a;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .q_show.title.on,.q_show.title:hover{background:#a8a8a8} .zp_con2 .page{padding:50px 0 0} .tab_y{display: none;position:fixed;z-index:101;top:0;left:0;bottom:0;background:rgba(0,0,0,.5);width:100%;} .tab_con{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:1000px;margin:0 auto;width:100%;height:624px} .tab_t h3{font-size:24px;color:#fff;line-height:70px;border-top-left-radius:20px;border-top-right-radius:20px;background:#0070cd;padding:0 46px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .tab_b{padding:15px 50px 40px;background:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px} .tab_b ul{height:400px} .tab_b li{margin-bottom:5px} .tab_b h4{font-size:20px;color:#000;line-height:40px} .tab_b p{font-size:18px;color:#6c6c6c;line-height:38px} .tab_b p span{margin-left: 120px;} .tab_b p span:first-child{margin-left: 0} .tab_b a.more{display:block;width:195px;height:45px;font-size:18px;color:#fff;text-align:center;line-height:45px;background:#0070cd;margin-top:20px} .tab_b a.more:hover{opacity:.8;filter:alpha(opacity=80)} .tab_con .clo{width:28px;height:28px;text-align:center;line-height:28px;border-radius:50%;border:2px solid #fff;font-size:14px;color:#fff;font-weight:700;position:absolute;right:30px;top:18px;cursor:pointer} .tab_b ul .mCSB_scrollTools .mCSB_dragger{margin-left: 8px} /* beat365官网-beat365体育平台政策*/ .zct{text-align: center;} .zct h4{font-size:34px;color:#8d8d8d;line-height:46px;text-transform:uppercase} .zct p span{font-size:24px;color:#0070cd;line-height:40px;font-weight:700;position:relative} .zct p span:after,.zct p span:before{content:'';width:32px;height:1px;background:#ccc;position:absolute;top:50%;margin-top:-.5px} .zct p span:before{left:-52px} .zct p span:after{right:-52px} .zc1{padding:48px 0 56px} .zc1b{margin-top:30px} .zc1b li{float:left;width:31.6%;margin-left:2.59%} .zc1b li:first-child{margin-left:0} .zc1b li .pic{position:relative;overflow:hidden} .zc1b li .pic img{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .zc1b li .word{position:absolute;top:30px;left:35px;padding-left:60px} .zc1b li .word.i1{background:url(../images/zc1_i1.png) no-repeat left center;background-size:auto} .zc1b li .word.i2{background:url(../images/zc1_i2.png) no-repeat left center;background-size:auto} .zc1b li .word.i3{background:url(../images/zc1_i3.png) no-repeat left center;background-size:auto} .zc1b li .word h4{font-size:24px;color:#fff;line-height:32px} .zc1b li .word p{font-size:14px;color:#8f8f91;line-height:22px;text-transform:uppercase} .zc1b li:hover .pic img{-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .zc1b li:hover .word h4, .zc1b li:hover .word p{color: #0070cd } .zc2{padding:50px 0 120px;background:#f9f9f9} .zc2 li .pic{width:54%;height:330px;background:no-repeat center;background-size:cover} .zc2 li .word{width:46%;height:330px;background:#fff;padding:4%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .zc2 li .word h4{font-size:30px;color:#0070cd;padding-left:66px;line-height:46px;position:relative;margin-bottom:22px} .zc2 li .word h4:before{content:attr(data-num);font-size:26px;color:#fff;width:53px;height:46px;text-indent:10px;line-height:46px;background:url(../images/zc2_i1.png) no-repeat left center;background-size:auto;position:absolute;left:0;top:50%;margin-top:-23px} .zc2 li .word p{font-size:20px;color:#585858;line-height:38px;height:114px;overflow:hidden} .zc2b{margin-top:20px} /* index */ /* banner */ .banner{position:relative;z-index:1;width:100%;overflow:hidden;/*height: 670px;*/padding-top: 100px;} .banner .swiper-slide a{display:block;width:100%;height:100%;background:no-repeat center;background-size:cover} .banner .swiper-pagination{left:0;bottom:22px;width:100%;height:12px;line-height:12px;z-index:10} .banner .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:1;border-radius:50%;position:relative;margin:0 8px} .banner .swiper-pagination-bullet-active{background:#0070cd} /* index */ .it{text-align: center;} .it h5 {font-size:16px;line-height:26px;color:#5e5e5e;font-weight:700;font-family:Arial;text-transform:uppercase;letter-spacing:3px;position:relative} .it h4 span{font-size:24px;color:#333;line-height: 34px;font-weight:700;position:relative} .it h4 span:after,.it h4 span:before{content:'';width:80px;height:1px;background:#a8a7a5;position:absolute;top:0;margin-top:5px} .it h4 span:before{left:-100px} .it h4 span:after{right:-100px} /* index1 */ .index1{padding:45px 0 50px} .i1b{margin-top:30px} .i1b_t{} .i1b_t ul{display:block;text-align:center;vertical-align:top} .i1b_t li{display:inline-block;vertical-align:top;margin:0 10px} .i1b_t li a{display:block;font-size:18px;color:#585858;width:132px;height:43px;text-align:center;line-height:43px;border-radius:43px;border:1px solid #b9b9b7} .i1b_t li.on a, .i1b_t li a:hover{background: #0070cd; border-color: #0070cd; color: #fff; } .i1b_b{margin-top:42px} .i1b_b>ul{display: none} .i1b_b li{width:32.4%;margin-left:1.4%;float:left;margin-bottom:18px} .i1b_b li:nth-child(3n+1) { margin-left: 0; } .i1b_b li a .p_c .pic{ padding-bottom:70%; position:relative;} .i1b_b li .pic img{display: block;max-width: 100%;max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0;margin: auto auto;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .i1b_b li .word p{font-size:20px;color:#555;line-height:30px;margin-top:25px;text-align:center} .i1b_b li:hover .pic img{-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} /*.i1b_b li:hover .word p{color:#0070cd}*/ .i1b_b li a{/*height: 268px;*/display:block;width:100%;padding:7.7% 12.85%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position: relative;} .i1b_b li a .p_c{/*width: 80%; position: absolute;left: 50%;top: 50%; -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); */} .i1b_b li.big a .p_c{width: 60%} .i1b_b li.big a{padding:7.7% 17%;height: 554px;} .i1b_b a.bg1{background:#a8cce6} .i1b_b a.bg2{background:#a8cce6} .i1b_b a.bg3{background:#a8cce6} .i1b_b a.bg4{background:#a8cce6} .i1b_b a.bg5{background:#a8cce6} /*.i1b_b a.bg1{background:#ffe8d7} .i1b_b a.bg2{background:#f6f6f6} .i1b_b a.bg3{background:#e8f5fb} .i1b_b a.bg4{background:#afaeae} .i1b_b a.bg5{background:#ffe1e4}*/ /* index2 */ .index2{background:no-repeat center;background-size:cover;height:692px;padding:60px 0 75px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .i2t h4 span,.i2t h5{color:#fff} .i2t h4 span:after,.i2t h4 span:before{background:#fff} .i2b{margin-top:52px} .i2bl{width:22.84%;height:440px;background:no-repeat center;background-size:cover} .i2bl .i2bl_con{padding:28px 20px;text-align:center} .i2bl .i2bl_con h4{font-size:26px;color:#fff;line-height:41px} .i2bl .i2bl_con p{font-size:16px;color:#fff;line-height:31px} .i2br{width:77.16%} .i2br .i2br_con{width:50%;float:left;height:440px} .i2br .i2br_con .pic{width:100%;height:220px;background:no-repeat center;background-size:cover} .i2br .i2br_con .word{width:100%;height:220px;background:no-repeat center;background-size:cover;padding:8%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .i2br .i2br_con .word h4{font-size:26px;color:#fff;line-height:36px;margin-bottom:10px} .i2br .i2br_con .word p{font-size:16px;color:#fff;line-height:30px;height:60px;overflow:hidden} .i2br .i2br_con .word a{display:inline-block;font-size:14px;color:#fff;vertical-align:top;margin-top:30px} .i2br .i2br_con .word a em{display:inline-block;width:14px;height:14px;background:url(../images/i1.png) no-repeat center;background-size:auto;vertical-align:middle;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .i2br .i2br_con .word a:hover em{margin-left:5px} /* index3 */ .index3{padding:70px 0 60px;border-bottom:1px solid #eee} .i3b{margin-top:30px} .slick-track{ left:0 !important;} .i3bl{width:51.25%;height:auto;} .i3bl h4{font-size:24px;color:#373737;font-weight:700;line-height:64px;position:relative;margin-bottom:22px} .i3bl h4:before{content:'';width:32px;height:2px;background:#0070cd;position:absolute;left:0;bottom:0} .i3bl p{font-size:18px;color:#707070;line-height:30px} .i3bl a.more{display:block;width:134px;height:40px;border:1px solid #d4d4d4;border-radius:40px;font-size:14px;color:#373737;line-height:40px;text-align:center;margin-top:30px} .i3bl a.more em{display:inline-block;vertical-align:middle;width:14px;height:14px;background:url(../images/i2.png) no-repeat center;background-size:auto;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;margin-left:3px} .i3bl a.more:hover em{margin-left:8px} .i3bl_show{margin-top:48px;overflow:hidden} .i3bl_show .i3ls_con{text-align:center;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;margin:0 10px} .i3bl_show .i3ls_con a{width:100%;border-radius:10px;padding:13px 0;display:block;width:100%;background:#0070cd;outline:0} .i3bl_show .i3ls_con i{display:block;width:32px;height:39px;margin:0 auto} .i3bl_show .i3ls_con p{font-size:18px;color:#fff;line-height:28px;text-align:center;margin-top:8px} .i3bl_show .i3ls_con a:hover, .i3bl_show .slick-current .i3ls_con a{background:#f2b100} .i3bl_show .slick-slide{text-align:center} .i3bl_show .slick-arrow{position:absolute;top:50%;margin-top:-15px;z-index:99;width:30px;height:30px;font-size:0;cursor:pointer;background:rgba(0,0,0,.5)} .i3bl_show .slick-prev {left: 10px; border-top-right-radius: 5px; border-bottom-right-radius: 5px } .i3bl_show .slick-prev:before {content: "\e628"; font-family: iconfont; font-size: 14px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .i3bl_show .slick-next {right: 10px; left: auto; border-top-left-radius: 5px; border-bottom-left-radius: 5px } .i3bl_show .slick-next:before {content: "\e642"; font-family: iconfont; font-size: 14px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .i3bl_show .slick-next:hover:before, .i3bl_show .slick-prev:hover:before{color:#0070cd} .i3br{width:45.3%; height: 396px; background:no-repeat center; background-size: cover; } /* index4 */ .index4{padding:60px 0} .i4b{margin-top:45px} .i4_show{} .i4_show a{display:block;width:100%;text-align:center;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:2px solid transparent} .i4_show a img{display:block;margin:0 auto; -webkit-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; } .i4_show a p{font-size:18px;color:#555;text-align:center;line-height:28px} .i4_show .slick-current a, .i4_show a:hover{border-color:#0070cd} .i4_show .slick-current a img, .i4_show a:hover img{ -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .i4_show .slick-current a p, .i4_show a:hover p{ color: #0070cd } .i4_show .slick-slide{text-align:center} .i4_show .slick-arrow{position:absolute;top:50%;margin-top:-25px;z-index:99;width:25px;height:50px;font-size:0;cursor:pointer;background:#d3d3d3} .i4_show .slick-prev {left: -25px; border-top-left-radius: 50px; border-bottom-left-radius: 50px } .i4_show .slick-prev:before {content: "\e628"; font-family: iconfont; font-size: 16px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .i4_show .slick-next {right: -25px; left: auto; border-top-right-radius: 50px; border-bottom-right-radius: 50px } .i4_show .slick-next:before {content: "\e642"; font-family: iconfont; font-size: 16px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .i4_show .slick-next:hover:before, .i4_show .slick-prev:hover:before{color:#0070cd} /* 关于我们 */ .about_t{text-align: center;} .about_t h4{font-size:34px;color:#000;line-height:46px;text-transform:uppercase} .about_t h5 span{font-size:24px;color:#0070cd;line-height:36px;font-weight:700;position:relative} .about_t h5 span:after,.about_t h5 span:before{content:'';width:32px;height:1px;background:#ccc;position:absolute;top:50%;margin-top:-.5px} .about_t h5 span:before{left:-52px} .about_t h5 span:after{right:-52px} /* about1 */ .about1{padding:40px 0} .about1_b{margin-top:15px} .about1_b p{font-size:20px;color:#3e3e3e;line-height:34px} .about1_img{margin-top:30px} .about1_img img{display:block;width:48%} /* about2 */ .about2{background:no-repeat center;background-size:cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 65px;height:600px} .about2_t h4{color: #fff} .about2_t h5 span{color: #fff} .about2_t h5 span:after, .about2_t h5 span:before{background:#fff;} .about2_b{margin-top: 60px;} .ab2_show{background: url(../images/about2_line.png) no-repeat center;background-size: auto;} .ad2_con{ width: 100%; height: 320px; position: relative; } .ad2_con .a_t{ top: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .ad2_con .a_b{ bottom: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .ab2_show .slick-current .ad2_con .time{ background: #0070cd } .ab2_show .slick-current .ad2_con .a_t{ animation:ts 1s 1; -webkit-animation:ts 1s 1; } .ab2_show .slick-current .ad2_con .a_b{ animation:bs 1s 1; -webkit-animation:bs 1s 1; } @-webkit-keyframes ts { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes ts { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .ts { -webkit-animation-name: ts; animation-name: ts } @-webkit-keyframes bs { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes bs { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .bs { -webkit-animation-name: ls; animation-name: ls } .ad2_con .wordt{ position: absolute; left: 0; } .ad2_con .wordt p{ font-size: 20px; color: #ffffff; line-height: 30px; height: 90px; overflow: hidden; } .ad2_con .time{ display: block; width: 84px; height: 84px; font-size: 26px; color: #ffffff; background: #a6a6a6; text-align: center; line-height: 84px; border-radius: 50%; position: absolute; left: 50%; margin-left: -42px; } .about2_b .slick-arrow{position:absolute;top:50%;margin-top:-19px;z-index:99;width:38px;height:38px;font-size:0;cursor:pointer;background:transparent;border-radius: 50%;-webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;border:1px solid #fff;}.about2_b .slick-prev {left: -38px; } .about2_b .slick-prev:before {content: "\e628"; font-family: iconfont; font-size: 24px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .about2_b .slick-next {right: -38px; } .about2_b .slick-next:before {content: "\e642"; font-family: iconfont; font-size: 24px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .about2_b .slick-arrow:hover{background: #0070cd;border-color: #0070cd;} /* about3 */ .about3{background:no-repeat center;background-size:cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:60px 0 80px;height:600px} .about3_b{margin-top:50px} .about3_b_pic{width:384px;height:324px;background:no-repeat center;background-size:cover} .about3_b_word{width:55.33%;margin-top:60px} .about3_b_word h4{font-size:30px;color:#000;line-height:50px;padding:10px 0;border-bottom:1px solid #e2e2e3;margin-bottom:20px} .about3_b_word p{font-size:20px;color:#333434;line-height:34px} /* about4 */ .about4{background:no-repeat center;background-size:cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:55px 0 120px;height:605px} .about4_t h4{color: #fff} .about4_t h5 span{color: #fff} .about4_t h5 span:after, .about4_t h5 span:before{background:#fff;} .about4_b{margin-top:30px} .about4_b .ab4_con{padding: 10px;background: #fff;margin: 0 20px;} .about4_b .ab4_con a{outline: 0} .about4_b .pic img{width: 100%;} .about4_b .word {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .about4_b .word p {color: #000000; font-size: 20px; line-height: 40px; text-align: center;} .about4_b .slick-arrow{position:absolute;top:50%;margin-top:-19px;z-index:99;width:38px;height:38px;font-size:0;cursor:pointer;background:transparent;border-radius: 50%;-webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;border:1px solid #fff;}.about4_b .slick-prev {left: -45px; } .about4_b .slick-prev:before {content: "\e628"; font-family: iconfont; font-size: 24px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .about4_b .slick-next {right: -45px; } .about4_b .slick-next:before {content: "\e642"; font-family: iconfont; font-size: 24px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .about4_b .slick-arrow:hover{background: #0070cd;border-color: #0070cd;} /* abt1 */ .abt1{display: none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:101;background:rgba(0,0,0,.5)} .abt1_con{overflow: hidden;position:absolute;left:50%;top:50%;max-width:940px;width:100%;max-height:640px;padding:30px;background:#fff;border:7px solid #0070cd;border-radius:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .abt1_cont h4{font-size:24px;color:#151923;text-align:center;line-height:44px} .abt1_conb{margin-top:25px} .abt1_conbl{width:100%} .abt1_conbl img{width: 100%;display: block;margin: 0 auto;} .abt1_conbl .word{padding:0 10px} .abt1_conbl .word p{font-size:20px;color:#000;line-height:40px;text-align:center} .abt1_conbl .slick-arrow{position:absolute;top:50%;margin-top:-32px;z-index:99;width:34px;height:64px;font-size:0;cursor:pointer;background:rgba(0,0,0,.5);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .abt1_conbl .slick-prev{left:0} .abt1_conbl .slick-prev:before{content:"\e628";font-family:iconfont;font-size:28px;color:#989b9b;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .abt1_conbl .slick-next{right:0} .abt1_conbl .slick-next:before{content:"\e642";font-family:iconfont;font-size:28px;color:#989b9b;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .abt1_conbl .slick-next:hover:before, .abt1_conbl .slick-prev:hover:before{color: #fff; } .abt1_conbr {width: 15.7%; padding: 44px 0 } .abt1br_con{margin: 5px 0} .abt1_conbr img{width: 100%;display: block;margin: 0 auto;} .abt1_conbr .slick-arrow {position: absolute; left: auto; top: 0; z-index: 99; width: 100%; height: 34px; border:1px solid #e5e5e5; background: #f2f2f2; font-size: 0; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .abt1_conbr .slick-prev{top:0} .abt1_conbr .slick-prev:before{content:"\e61d";font-family:iconfont;font-size:28px;color:#989b9b;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .abt1_conbr .slick-next{top:auto;bottom:0} .abt1_conbr .slick-next:before{content:"\e654";font-family:iconfont;font-size:28px;color:#989b9b;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .abt1_conbr .slick-next:hover:before, .abt1_conbr .slick-prev:hover:before{color: #0070cd; } .abt_clo{position: absolute; right: 48px; top: 40px; cursor: pointer; font-size: 30px; color: #cccccc; font-weight: bold; } /* about5 */ .about5 {background: no-repeat center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 45px 0 40px; height: 590px } .about5_t h4{color: #fff} .about5_t h5 span{color: #fff} .about5_t h5 span:after, .about5_t h5 span:before{background:#fff;} .about5_t ul{margin-top: 30px;} .about5_t ul li{display:inline-block;vertical-align:top;margin:0 10px} .about5_t ul li a{display:block;width:120px;height:40px;font-size:18px;color:#fff;line-height:40px;text-align:center;position:relative} .about5_t ul li a:hover:after,.about5_t ul li.on a:after{content:'';border:6px solid;border-color:#0070cd transparent transparent transparent;position:absolute;left:50%;margin-left:-12px;bottom:-12px;-webkit-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease} .about5_t ul li.on a, .about5_t ul li a:hover{background: #0070cd } .about5_b>div{display: none} .about5_b_pic{width:388px;height:388px;background:no-repeat center;background-size:cover;margin-top: -40px;} .about5_b_word{width:55.33%;margin-top:80px} .about5_b_word h4{font-size:26px;color:#f5f7f9;line-height:46px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.3);margin-bottom:12px} .about5_b_word p{font-size:20px;color:#fff;line-height:30px;height: 120px;overflow: hidden;} .ab5_con{margin: 0 12px;} .ab5_con .pic {overflow: hidden;position: relative;} .ab5_con .pic img{width: 100%;display: block;margin: 0 auto; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .ab5_con .word{padding: 10px 15px; background: #d3f6de; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ab5_con .word h4{font-size: 18px; color: #000000; line-height: 28px;} .ab5_con .word p{font-size: 14px; color: #47544b; line-height: 24px;} .ab5_con:hover .pic img{-webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .ab5_show {margin-top: 50px;} .ab5_show .slick-arrow{position:absolute;top:50%;margin-top:-20px;z-index:99;width:40px;height:40px;font-size:0;cursor:pointer;background:#c5c5c5;border-radius: 50%;-webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}.ab5_show .slick-prev {left: -45px; } .ab5_show .slick-prev:before {content: "\e628"; font-family: iconfont; font-size: 24px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .ab5_show .slick-next {right: -45px; } .ab5_show .slick-next:before {content: "\e642"; font-family: iconfont; font-size: 24px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .ab5_show .slick-arrow:hover{background: #0070cd} /* about6 */ .about6{padding: 40px 0 62px;} .about6_b{margin-top:25px} .ab6_show{position: relative;} .ab6_con{margin: 0 15px;} .ab6_con a{outline: 0} .ab6_con .pic img{width: 100%;} .ab6_con .word{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:15px 25px;background:#f9f9f9;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .ab6_con .word h4{color:#161313;font-size:20px;line-height:36px;} .ab6_con .word h5{color:#c2e1cc;font-size:14px;line-height:30px;} .ab6_con .word p{color:#2b2b2b;font-size:18px;line-height:36px;height: 72px;overflow: hidden;} .ab6_con:hover .word{background:#d3f6de;} .ab6_show .slick-slide{} .ab6_show .slick-arrow{position:absolute;top:50%;margin-top:-20px;z-index:99;width:40px;height:40px;font-size:0;cursor:pointer;background:#c5c5c5;border-radius: 50%;-webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}.ab6_show .slick-prev {left: -45px; } .ab6_show .slick-prev:before {content: "\e628"; font-family: iconfont; font-size: 24px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .ab6_show .slick-next {right: -45px; } .ab6_show .slick-next:before {content: "\e642"; font-family: iconfont; font-size: 24px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .ab6_show .slick-arrow:hover{background: #0070cd} /* .about6_show .slick-next:hover:before, .about6_show .slick-prev:hover:before{color:#0070cd} */ /* 滚动条 */ .mCSB_inside>.mCSB_container{margin: 0} .mCSB_scrollTools .mCSB_draggerRail {border-radius: 0; background: #fff; width: 3px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #338b59; border-radius: 0; width: 3px;} /* @media */ @media(max-width: 1600px){ .layout{width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }} @media(max-width: 1460px){ .i4_show .slick-prev {left: 0; } .i4_show .slick-next {right: 0;} } @media(max-width: 1420px){ .nav li>a{padding: 0 10px;font-size: 15px;} } @media(max-width: 1300px){ .ab2_show .slick-arrow{background: #c5c5c5;border-color: #c5c5c5} .ab2_show .slick-prev {left: 0; } .ab2_show .slick-next {right: 0; } .about4_b .ab4_con{margin: 0 10px;} .about4_b .slick-arrow{background: #c5c5c5;border-color: #c5c5c5} .ab4_show .slick-prev {left: 0; } .ab4_show .slick-next {right: 0; } .ab5_show .slick-prev {left: 0; } .ab5_show .slick-next {right: 0; } .ab6_show .slick-prev {left: 0; } .ab6_show .slick-next {right: 0; }} @media(max-width: 1200px){ .layout1{width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header{height: 80px;} .logo{line-height: 80px;} .logo img{max-width: 60%} .banners, .banner{margin-top: 80px;} /*.banner{height: 470px;}*/ .footer{padding: 30px 0 0} .f_c, .fewm{width:100%;display: block;margin: 10px 0;width: 100%;text-align: center;} .flogo img{max-width: 80%} .f_c dl{width:100%;text-align:left;float: none;} .f_c dl dt{padding:15px 0;position: relative;border-bottom: 1px solid #b7b7b7;font-size: 16px;line-height: 26px;margin-bottom: 0;cursor: pointer;} .f_c dl dt:before {content: "\e654"; font-family: 'iconfont'; font-size: 14px; position: absolute; right: 10px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .f_c dl.active dt:before{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .f_c dl dd{display: none;} .copy p, .copy .f_link{float: none;width: 100%;text-align: center;} .nav-skip{font-size: 1.3rem; line-height: 1.9em; display: none; box-sizing: border-box; width: 2.4rem; height: 2.4rem; padding: .5em 0 .4em; text-align: center; text-indent: 2.1875em; position: absolute; right: 20px; top: 50%; margin-top:-1.2rem; cursor: pointer; } .nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;} .nav-skip span:before, .nav-skip span:after {position:absolute; content:'';} .nav-skip span, .nav-skip span:before, .nav-skip span:after {width:1.3em; height:2px; background-color:#000; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;} .nav-skip span:before {top:-0.4em;} .nav-skip span:after {top:0.4em;} .nav-skip.toggled span {background-color:rgba(0,0,0,0.0)!important; -webkit-transition-delay:0s; transition-delay:0s;} .nav-skip.toggled span:before, .nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;} .nav-skip.toggled span:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);} .nav-skip.toggled span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .nav {position: fixed; top: 0; right: 0; float: none; width: 270px; background: #fff; z-index: 102; padding: 60px 3%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; overflow: scroll;margin-top: 0} .nav>ul{float:none;display:block;/* width:100%; */min-height: 100%;overflow-x: hidden;} .nav li{float:none;margin-left:0;position: relative;padding: 5px 0} .nav li a{text-align:left;line-height: 40px;border-radius: 0} .nav-skip{display:block} .nav-bg {position: fixed; z-index: 101; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0, 0, 0, .5); } .nav.close-nav {-webkit-transition: -webkit-transform 430ms cubic-bezier(.3, 0, 0, 1); transition: transform 430ms cubic-bezier(.3, 0, 0, 1); -webkit-transform: translate(600px, 0); transform: translate(600px, 0); } .nav.open-nav {-webkit-transition: -webkit-transform 430ms cubic-bezier(.3, 0, 0, 1); transition: transform 430ms cubic-bezier(.3, 0, 0, 1); -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .nav-skip.toggled {z-index: 102;position: fixed;right: 20px;top: 40px;} .nav li .n_nav {position: relative; padding: 10px; background: #fff; margin-left: 0; } .r_nav li a{margin-right: 20px;} .lx_t p span{float:left;width:32%;font-size:14px;color:#8d8d8d;line-height:26px;} .sj2_1con{height: auto; padding: 40px 0; } .sj2_1con .sj2_1dl, .sj2_1con .sj2_1dr{width: 100%; float: none; margin: 10px 0 } .sj2_1con .sj2_1dl .pp{height: auto;} .sj2_1con .sj2_1dl p{font-size: 15px; line-height: 28px; } .about4{height: auto;} } @media(max-width: 1000px){ .tab_con{width: 95%;} .tab_b{padding: 20px;} .tab_b h4{font-size: 16px;line-height: 32px;} .tab_b p{font-size: 15px;line-height: 30px;} } @media(max-width: 992px){ /*.banner{height: 370px;}*/ .main{padding: 30px 0} .rt.long{text-align: center;} .rt.long p, .rt.long .r_nav{text-align: left; float: none; width: 100%; } .rt.long .r_nav{display: inline-block;vertical-align: top;width: auto;} .rt.long .r_nav li a{font-size: 14px;line-height: 40px; width: auto; padding: 0 10px;margin-right: 0} .lx_t p{margin-bottom: 0} .lx_t p span{float:left;width:48%;font-size:14px;margin-left: 0;margin-bottom: 20px} .lx_t p span:nth-child(2n){float: right;} .lx_t p span.i1, .lx_t p span.i3, .lx_t p span.i5{width:48%;} .sj2{padding: 0} .sj1_con, .sj2_2con{padding: 20px 0;} .sj2_2con{height: auto} .new_con li .word{padding: 15px} .zp{padding: 0} .zp_con1{padding: 0 } .zp_con>.layout1{padding: 0} .zp_con1_l, .zp_con1_r{width: 100%;float: none; } .zp_con1_r{border-radius: 0} .zp_con1_r h4{font-size: 22px;margin-bottom: 10px;} .zp_con1_r{height: auto} .zp_con1 .zp_img{display: none} .zp_con2 h3{font-size: 22px;} .zp_con2{padding: 20px 0 0;height: auto} .zp_con2 li:first-child span, .q_show span{font-size: 15px; } .zc{padding: 0} .zc1{padding: 40px 0; } /*.pro2_con ul{width:48%;margin-left:0% } .pro2_con ul:nth-child(2){float: right;} .pro2_con ul:nth-child(3){width: 100%; } .pro2_con ul:nth-child(3) li{width: 48% } .pro2_con ul:nth-child(3) li{float: left;margin-left: 0;} .pro2_con ul:nth-child(3) li:nth-child(2n){float: right; }*/ .pro2_con ul li{width:48%;margin-left:0% } .pro2_con ul li:nth-child(3n+1){margin-left: 0} .pro2_con ul li:nth-child(2n){float: right;} .pro2 .page{padding-top: 20px;} .index1{padding: 40px 0;} .i1b_b li{width:48%;margin-left:0%;float:left;} /* .i1b_b li:nth-child(2), .i1b_b li:nth-child(3),*/ .i1b_b li:nth-child(2n){float: right;} .index3{padding: 40px 0} .i3bl, .i3br{width: 100%; float: none;height: auto; } .i3bl h4{font-size: 20px;line-height: 44px;text-align: center;} .i3bl h4:before{left: 50%;margin-left: -16px;} .i3bl p{font-size: 15px;line-height: 28px;height: auto;} .i3bl a.more{margin: 0 auto;margin-top: 20px;} .i3br{height: 296px;margin-top: 30px;} .index4{padding: 40px 0} .i4b{margin-top: 35px;} .about2{padding: 40px 0;height: auto} .about3{padding: 40px 0;height: auto;} .about3_b{margin-top: 20px;} .about3_b_pic{display: none;} .about3_b_word{width:100%; margin-top:0 } .abt1_con{max-width:100%;width:95%;height:auto;max-height:none;padding:20px} .abt1_conbl,.abt1_conbr{width:100%;float:none;padding:0} .abt1_conbr{padding:0;margin-bottom:20px} .abt1br_con{margin:0 10px} .abt1_conbr .slick-arrow{position:absolute;left:0;top:50%;margin-top:-15px;width:30px;height:30px} .abt1_conbr .slick-prev{top:50%;left:10px} .abt1_conbr .slick-prev:before{content:"\e628";font-size:15px} .abt1_conbr .slick-next{top:50%;bottom:auto;left:auto;right:10px} .abt1_conbr .slick-next:before{content:"\e642";font-size:15px} .about5{padding: 40px 0;height: auto;} .ab5_con{margin: 0 5px;} .about5_b_pic{display: block;margin:0 auto;float: none;margin-top: 20px;} .about5_b_word{width: 100%; float: none; margin-top: 40px; } } @media(max-width: 860px){ .zc1b li{width: 48%; float: left; margin-bottom: 20px; margin-left: 0;text-align: center;} .zc1b li:nth-child(2n){float: right;} .zc1b li a{display: inline-block;vertical-align: top;} .zc1b li:first-child{width: 100% } .zc2{padding: 40px 0} .zc2 li .pic, .zc2 li .word{width: 100%;float: none; } .zc2 li .word{height: auto; } .about6{padding: 40px 0} .ab6_con .word{padding:10px 20px;} .ab6_con .word h4{font-size: 18px;line-height: 38px;} .ab6_con .word p{font-size: 15px;line-height: 30px;height: 60px;overflow: hidden;} .ab6_show .slick-prev {left: 0; } .ab6_show .slick-next {right: 0; } } @media(min-width: 768px){ .rt.long .slick-track, .rt.long li{width: auto;} /*.ewmimg{width: calc(50%);margin: 0px;}*/ /*.rnavs{right: 0!important}*/ } @media(max-width: 768px){ /*.banner{height: 270px;}*/ .ewmimg{width: calc(50%);margin: 0px;} .f_c dl dt{padding: 10px 0} .copy p, .copy .f_link{float: none;width: 100%;text-align: center;} .rt{text-align: center;} .rt p, .rt .r_nav{text-align: left; float: none; width: 100%; } .rt .r_nav{display: inline-block;vertical-align: top;width: auto;} .rt .r_nav li a{font-size: 14px;line-height: 40px; width: auto; padding: 0 10px;margin-right: 0;text-align: center;} .rt p a, .rt p em, .rt p span{line-height: 50px;font-size: 15px;} .rt.long{width: 100%} .rt.long .r_nav{width: 100%} .link_con li{width: 48%; margin-left: 0; margin-bottom: 20px; padding: 3% } .link_con li:nth-child(2n){float: right; } .link_con li .word p{font-size: 15px;line-height: 25px;} .pro1_con h3{padding: 15px 0} .pro1_con li{float:left;width:48%;margin-left:0;} .pro1_con li:nth-child(2n){float: right;} .pro1_con li a{padding: 3%} .pro1_con li .word p{font-size: 15px;line-height: 25px;margin-top: 15px;} .ab1_t h3{font-size: 20px;line-height: 40px;} .ab1_t p{font-size: 14px;line-height: 34px;} .ab1_c p{font-size: 15px;line-height: 30px;} .ab1_b{padding: 20px 0} .ab1_b .ad1_bl, .ab1_b .ad1_br{width: 100%; float: none; } .ab1_b .ad1_bl a{font-size: 14px; line-height: 34px; } .ab1_b .ad1_br a{margin-top: 10px;} .lx_t h3{font-size: 20px;line-height: 30px;padding: 5px 0} .lx_t p span{float:left;width:100%;float: none;margin-bottom: 20px} .lx_t p span:nth-child(2n){float: none;} .lx_t p span.i1, .lx_t p span.i3, .lx_t p span.i5{width:100%;} .map{margin-top: 10px} .sj1_cont h4{font-size: 20px;line-height: 40px;} .sj1_cont p{font-size: 16px;line-height: 36px;} .sj1_tshow{margin-bottom: 25px;} .sj1_tshow .slick-arrow{margin-top:-29px;z-index:99;width:26px;height:58px;} .sj1_tshow .slick-prev:before, .sj1_tshow .slick-next:before{font-size:16px;} .sj1_conb{margin-top: 20px;} .sj1_conb h4{font-size: 20px;line-height: 40px;} .sj1_v .word p{font-size: 16px;line-height: 36px;} .sj2_1con .sj2_1dr h3{font-size:20px;line-height:40px;margin-bottom:0} .sj2_1con .sj2_1dr h4{font-size:16px;line-height:26px} .sj2_2desc h3{font-size:20px;line-height:40px;margin-bottom:0} .sj2_2desc h4{font-size:16px;line-height:26px} .sj2_2desc{width: 100%;margin: 0 auto} .sj2_2desc_show{margin-top: 20px;} .new_con li{width:48%;margin-left:0;float:left} .new_con li:nth-child(2n+1){float:right} .new_con li .word h4{font-size:16px;line-height:36px} .new_con li .word h5{margin-bottom:0} .new_con li .word p{font-size:14px;line-height:24px;height:48px} .new_con .page{padding-top: 10px;} .xt_con{line-height: 50px;} .xt_con h3 span{font-size: 24px;line-height: 50px;} .xt_con h3 span:before, .xt_con h3 span:after{display: none} .xt_desc{padding: 15px;} .xt_desc h4{line-height: 36px;} .xt_desc li a{font-size: 14px;line-height: 28px;} .q_show span{width: 33.33%;line-height: 50px} .q_show span:nth-child(3), .q_show span:nth-child(5){display: none } .zp_con1_l{height: 260px;} .zp_con1_r {height: auto;padding: 30px;} .zp_con1_r h4{margin-bottom: 0} .zp_con1_r p{font-size: 14px;line-height: 28px;} .zp_con2 .page{padding: 20px 0} .tab_t h3{font-size: 22px;padding: 0 30px} .tab_b p span{float: left;margin-left: 0;display: block;width: 50%;padding-right:2%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .zct h4{font-size: 24px; line-height: 40px; } .zct p span{font-size: 16px; line-height: 30px; } .zc1b li{width: 100%; float: none; margin-bottom: 20px; } .zc1b li:nth-child(2n){float: none;} .zc1b li a{display: block;width: 100%;} .zc1b li .pic img{width: 100%} .zc1b li .word h4{font-size: 18px;text-align: left;} .zc2 li .word h4{font-size: 24px;} .zc2 li .word p{font-size: 16px;line-height: 36px;height: 108px;} .pro2t{margin-bottom: 30px;} .pro2t ul, .pro2t .p_search{float: none; display: block; vertical-align: top; } .pro2t ul{text-align: center;} .pro2t li{float: none;display: inline-block;} .pro2t .p_search{margin: 0 auto;margin-top: 20px} .r_toggle{right: 0} .rnavs{right: 0; } .rnavs.on{right: 0;} .it h5{font-size:15px;} .it h4 span{font-size: 20px;} .i1b_t li{margin: 0 ;} .i1b_t li a{width: auto;font-size: 16px;padding: 0 20px;} .i1b_b{margin-top: 20px;} .i1b_b li{width:100%;/*float:none;*/height: auto;} .i1b_b li:nth-child(2), .i1b_b li:nth-child(3), .i1b_b li:nth-child(5){float: left;} .i1b_b li a, .i1b_b li.big a{height: auto;padding: 5%} .i1b_b li a .p_c{position: relative; left: 0; top: 0; -webkit-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); margin: 0 auto; } .i1b_b li .word p{font-size: 15px;margin-top: 5px} .index2{height: auto;padding: 40px 0} .i2bl{display: none;} .i2br{width: 100%;} .i2br .i2br_con .word h4{font-size:18px;margin-bottom:0} .i2br .i2br_con .word p{font-size:14px;line-height:24px;height:48px} .i3bl_show{margin-top: 25px;} .i3bl_show .i3ls_con a{padding: 25px 0;} .about_t h4{font-size: 22px;line-height: 32px;} .about_t h5 span{font-size: 18px;line-height: 28px;} .about1_b p{font-size: 15px;line-height: 28px;} .ad2_con{height: 280px;} .ad2_con .time {width: 64px; height: 64px; font-size: 17px; line-height: 64px; margin-left: -32px; } .ad2_con .wordt p{font-size: 16px;line-height: 30px;height: 90px;} .about3_b_word h4{font-size: 22px;line-height: 42px;} .about3_b_word p{font-size: 15px;line-height: 30px;} .about4{padding: 40px 0} .about5_t ul li a{width: 100px;font-size: 15px;} .about5_b_word h4{font-size: 20px;line-height: 40px;margin-bottom: 5px;} .about5_b_word p{font-size: 15px;line-height: 28px;} } @media(max-width: 640px){ .page a{margin: 0;margin-bottom: 8px;} .page a.prev{margin-right: 0; } .page a.next{margin-left: 0; } .q_show span{font-size: 14px;} .zp_con1_r{padding: 20px;} .zp_con1_r h4{font-size: 20px;} .tab_b p span{float: none;width: 100%;padding: 0} .ab1_c .ad_img img{float: none; width: 100%; margin: 10px 0 } /*.pro2_con ul{width:100%;float: none;}*/ /*.pro2_con ul:nth-child(2){float: none;} .pro2_con ul:nth-child(3){width: 100%; } .pro2_con ul:nth-child(3) li{width: 100% } .pro2_con ul:nth-child(3) li{float: none;width: 100%} .pro2_con ul:nth-child(3) li:nth-child(2n){float: none; }*/ .pro2_con ul li{width:100%;float: none;} .pro2_con ul li:nth-child(2n){float: none;} .pro2_con li a, .pro2_con li.big a{height: auto;padding: 5%} .pro2_con li a .p_c{position: relative; left: 0; top: 0; -webkit-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); margin: 0 auto; } .pro2_con li .word p{font-size: 18px; margin-top: 0; } .i2br .i2br_con{width: 100%;float: none;height: auto;} .i2br .i2br_con .word{height: auto;padding: 4%} .about1{padding: 40px 0 30px;} .about1_img{margin-top: 0} .about1_img img{width: 100%; float: none; margin: 10px 0 } .ab5_con{margin: 0} .ab6_con{margin: 0} } @media(max-width: 480px){ /*.banner{height: 200px;}*/ .link_con li{width: 100%;float: none;} .link_con li:nth-child(2n){float: none; } .pro1_con li{float:none;width:100%;} .pro1_con li:nth-child(2n){float: none;} .new_con li{width:100%;float:none} .new_con li:nth-child(2n+1){float:none} .pro2t li{margin: 0 auto;margin-bottom: 10px;} .pro2t li a{width: auto; padding: 0 14px; font-size: 14px; } .pro2t .p_search{margin-top: 10px;} .i1b_t li a{font-size: 14px;padding: 0 15px;height: 35px;line-height: 35px;border-radius: 35px;} } @media(max-width: 420px){ .rt .r_nav_ls{width: 100%;overflow: hidden;} .rt .r_nav_ls .slick-track, .rt .r_nav_ls li{width: auto;} .rt .r_nav_ls li a{text-align: center; width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box ;} .i1b_t li a{font-size: 12px;padding: 0 10px} .sj2_2desc_show .slick-prev{left: 36%} .sj2_2desc_show .slick-next{right: 36%;} .about5_b_pic{width: 308px;height: 308px;} } @media(max-width: 350px){ .about5_b_word h4{font-size: 16px;} } @media(max-width:768px){ .tab_con{height:300px;} .tab_b ul{height:200px;} } .cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: url(images/video.png) no-repeat center rgba(0,0,0,0.5);background-size: auto;} .aB a{color: #ccc;}