@font-face { font-family: 'FZL'; src: url("../fonts/FZLTZHK.eot"); src: url("../fonts/FZLTZHK.eot#iefix") format("embedded-opentype"), url("../fonts/FZLTZHK.woff") format("woff"), url("../fonts/FZLTZHK.woff2") format("woff2"), url("../fonts/FZLTZHK.ttf") format("truetype"), url("../fonts/FZLTZHK.svg#FZLTZHK") format("svg"); } @charset "utf-8"; /*! normalize.css v2.1.3 | MIT License | git.io/normalize*/ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} audio,canvas,video{display:inline-block} audio:not([controls]){display:none;height:0} body,html{font:12px/1.5 Arial,"微软雅黑","\5b8b\4f53",Arial,sans-serif;} html{color:#000000;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{color:#000000;width: 100%; overflow-x: hidden;} *{margin:0;padding:0} a{text-decoration:none;background:0 0;outline:0;blr:expression(this.onFocus=this.blur());outline:none} a:focus{outline:0} a:active,a:hover{outline:0} a{color: #000000; text-decoration:none;} a:visited{color:#000000; text-decoration:none;} a:hover{color:#E75018; text-decoration:none;} a:focus{outline:none;text-decoration:none;} img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic;max-width:100%!important;height:auto!important;} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} button,input,select,textarea{font-family:Arial,"微软雅黑","\5b8b\4f53",Arial,sans-serif;font-size:100%;margin:0;outline:0} button,input{line-height:normal} button,select{text-transform:none} button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0} input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} input.submit{cursor:pointer} input.radio{width:13px;height:13px} input[type=number],input[type=text]{-webkit-appearance:none} textarea{overflow:auto;vertical-align:top;resize:none;-webkit-appearance:none} table{border-collapse:collapse;border-spacing:0} li,ol,ul{list-style:none} em,i{font-style:normal} .clear{clear:both} .f-cb{zoom:1} .f-cb:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:"."} .fl{float:left;display:inline} .fr{float:right;display:inline} .por{position:relative} .poa{position:absolute} .pof{position:fixed} .poa-f{position:absolute;left:0;top:0;width:100%;height:100%} .ovh{overflow:hidden} .noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none} .curp{cursor:pointer} .z1{z-index:1} .z2{z-index:2} .z3{z-index:3} .dn{display:none} .dib{display:inline-block} .w-f{width:100%} .h-f{height:100%} .fwn{font-weight:400} .tac{text-align:center} .t-f{transition:all .5s} .t-c{transition:color .5s} .t-bg{transition:background .5s} .load-bg{background:url(../images/loadings.gif) no-repeat center} .loader{width:50px;height:50px;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;font-size:10px;border-top:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);border-left:1px solid rgba(0,0,0,.5);border-radius:50%;animation:spinner .7s infinite linear} @keyframes spinner{0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } .fix:after{display:block;content:"clear";height:0;clear:both;visibility:hidden} /*div:after,p:after,ul:after,li:after{content:""; clear:both; display:block; height:0px; overflow:hidden;}*/ .oneLine{white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} .twoLine{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;} .threeLine{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;overflow: hidden;} div:after,p:after,ul:after,li:after{content:""; clear:both; display:block; height:0px; overflow:hidden;} .img-responsive{display:block;width:100%;height:auto} .img-responsive01{display:inline-block;max-width:100%;height:auto} .nobold{font-weight: normal;} .borderBox{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .marginTop1{margin-top:1%;} .marginTop2{margin-top:2%;} .marginTop3{margin-top:3%;} .marginTop4{margin-top:3%;} .marginTop5{margin-top:3%;} .marginBot1{margin-bottom:1%;} .marginBot2{margin-bottom:2%;} .marginBot3{margin-bottom:3%;} .marginBot4{margin-bottom:4%;} .marginBot5{margin-bottom:3%;} .paddingTop5{ padding-top: 3%;} .paddingTop4{ padding-top: 4%;} .paddingTop3{ padding-top: 3%;} .paddingTop2{ padding-top: 2%;} .paddingTop1{ padding-top: 1%;} .paddingBot5{ padding-bottom: 3%;} .paddingBot4{ padding-bottom: 4%;} .paddingBot3{ padding-bottom: 3%;} .paddingBot2{ padding-bottom: 2%;} .paddingBot1{ padding-bottom: 1%;} .text-left{ text-align:left;} .text-center{ text-align:center;} .text-right{ text-align:right;} .fon16{font-size: 16px;} .fon17{font-size: 14px;} .fon18{font-size:16px;} .fon14{font-size: 14px;} .fon20{font-size:18px;} .left{float:left} .right{float:right} .table{width:100%;height:100%;display:table} .table .table-cell{width:100%;height:100%;display:table-cell;vertical-align:middle} .w1680{width:93%;height:auto;margin:0 auto;max-width:1200px;} .w1200{width: 93%;max-width: 1200px;margin-left: auto;margin-right: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .header-box{width:100%;height:100px;position:fixed;top: 0;left: 0;background: none;z-index: 9999999;} .headerAfterH{height:100px;} .header-box.bjWhite{background:#fff;-webkit-box-shadow: 0px 0px 8px #CCCCCC;-moz-box-shadow: 0px 0px 8px #CCCCCC;-ms-box-shadow: 0px 0px 8px #CCCCCC;-o-box-shadow: 0px 0px 8px #CCCCCC;box-shadow: 0px 0px 8px #CCCCCC;} .header-box.bjWhite .header .header-new .nav ul li .tits{color: #999999;} .header-box.bjWhite .header .header-new .nav ul li.on .tits{color: #333333;} .header-box .header .header-new .logo img{display: block;width: 100%;height: auto;} .header-box .header .header-new .logo img:last-of-type{display: none;} .header-box.bjWhite .header .header-new .logo img{display: none;} .header-box.bjWhite .header .header-new .logo img:last-of-type{display: block;} .header-box .header{width:100%;height:100%;top:0;left:0} .header-box .header .header-new{position:relative;height: 100%;} .header-box .header .header-new .logo{width:164px;height:30px;float:left;display:block;margin-top:35px;position:relative;z-index:10} .header-box .header .header-new .logo img{display:block} .header-box .header .header-new .nav{width:100%;height:auto;position:absolute;top:44px;left:0;z-index:5} .header-box .header .header-new .nav ul{width:100%;height:auto;text-align:center;font-size:0} .header-box .header .header-new .nav ul li{display:inline-block;margin:0 2%;} .header-box .header .header-new .nav ul li .tits{font-size:14px;line-height:16px;padding-bottom:12px;color:#fff;position:relative} .header-box .header .header-new .nav ul li .tits:after{width:0;height:2px;position:absolute;bottom:0;left:50%;content:'';background:#f35f19;transition:width .5s,left .5s} .header-box .header .header-new .nav ul li:hover .tits:after{width:100%;left:0} .header-box .header .header-new .nav ul li.on .tits:after{width:100%;left:0} .ylsbkhdh{position:absolute;top: 100%;width: 1200px;left: 50%;margin-left: -600px;display: none;} .ylsbkhdh span{display: block;} .ylsbkhdh .ylsbkhdhNr{background:#fff;-webkit-border-bottom-left-radius: 8px;-moz-border-bottom-left-radius: 8px;border-bottom-left-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-bottom-right-radius: 8px;border-bottom-right-radius: 8px; width: 100%;margin-top: 40px;padding:20px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .header-box .header .header-new .nav ul .ylsbkhdh a{font-size: 14px;line-height: 31px;color:#666666;} /*.ylsbkhdh div::before{content: ''; display: block;width: 0;height: 0;border: 8px solid #f35f19;border-bottom-color: #f35f19;border-top: none;border-left-color: transparent;border-right-color: transparent;position: absolute;top: -8px;left: 50%;margin-left: -8px;}*/ .header-box .header .header-new .nav ul .ylsbkhdh a:hover{color: #333333;} .ylsbkhdhNrL{float:left;width: 40%;margin-left:8%;} .ylsbkhdhNrL a{text-align: left; display: block;width: 34%;margin: 4% 8% 0;float: left;background:url(../images/090601.png) no-repeat right center;} .ylsbkhdhNrL a:hover{background:url(../images/090602.png) no-repeat right center;} .ylsbkhdhNrR{width: 38.8%;float: right;overflow: hidden;} .lbmk{float: left;width: 13.28%;float: left;margin: 0 0.5% 0;} .lbmk p{margin-top: 13px;} .lbmk div{overflow: hidden;} .lbmk div img, .ylsbkhdhNrR img{transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .lbmk:hover img, .ylsbkhdhNrR:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)} .lbmkAll.w2{max-width: 80%;margin-left: auto;margin-right: auto;} .lbmkAll.w2 .lbmk{width: 44%;margin: 0 3% 0;} .header-box .header .header-new .tag{float:right;margin-top:39px;position:relative;z-index:10} .header-box .header .header-new .tag a{width:23px;height:22px;display:block;float:left;background-repeat: no-repeat;background-position: center center;} .header-box .header .header-new .tag a.orange{color: #FF4E00;width: auto;height: auto;line-height: 22px;font-size: 14px;} .header-box .header .header-new .tag a.a1{background-image:url(../images/ico16.png);} .header-box .header .header-new .tag a.a2{background-image:url(../images/ico17.png);} .header-box .header .header-new .tag a.a3{background-image:url(../images/ico21.png);} .header-box .header .header-new .tag a.a4{background-image:url(../images/snyg.png);} .header-box .header .header-new .tag a.a5{background-image:url(../images/pdd.png);} .header-box.bjWhite .header .header-new .tag a.a1{background-image:url(../images/ico18.png);} .header-box.bjWhite .header .header-new .tag a.a2{background-image:url(../images/ico19.png);} .header-box.bjWhite .header .header-new .tag a.a3{background-image:url(../images/ico20.png);} .header-box.bjWhite .header .header-new .tag span{background:#999999;} .MenuIco{ position: absolute;top:50%;right: 0;margin-top: -8.5px;display: none;z-index: 99999999;} .MenuIco img{display: block;} .MenuIco.active{right: 10px;} .MenuIco.active img{width: 20px;height: auto;} .header-box .header .header-new .tag span{width:1px;height:11px;background:rgba(255,255,255,.4);display:block;margin:5.5px 20px 0;float:left} .index-banner{width:100%;height:auto;position:relative} .index-banner ul{width:100%;height:auto} .index-banner ul li{width:100%;height:auto} .index-banner .nav{width:80px;height:auto;position:absolute;left:50%;top:50%;transform:translateY(-50%);margin-left:760px} .index-banner .nav ul li a{width:100%;height:auto;display:block;font-size:12px;line-height:50px;color:#999;position:relative;transition:color .5s} .index-banner .nav ul li a span{transition:all .5s} .index-banner .nav ul li a span:after{content:'';position:absolute;width:0;height:2px;top:50%;margin-top:-1px;left:0;background:#e75018;transition:width .5s} .index-banner .nav ul li:hover a{color:#e75018} .index-banner .nav ul li:hover a span{padding-left:15px} .index-banner .nav ul li:hover a span:after{width:6px} @media (max-width:1700px){.index-banner .nav{left:auto;margin-left:0;right:2%} } .index{width:100%;height:auto;background:#f5f5f5;} .index .index-about{width:100%;height:auto;padding:3% 0;background-image:url(../images/index_bg1.png);background-position:right center;background-repeat:no-repeat;background-size:auto 100%} .index .index-about .about-new .con{width:48%;height:auto;float:left;margin-top:1%} .index .index-about .about-new .con .en{font-size:24px;line-height:36px;color:#333;text-transform:uppercase;} .index .index-about .about-new .con .cn{font-size:20px;line-height:42px;color:#000;;margin-top:0} .index .index-about .about-new .con .line{width:100%;height:1px;background:#bbb;margin-top:3%} .index .index-about .about-new .con .txt{font-size:14px;line-height:1.7;color:#999999;margin-top:3%} .index .index-about .about-new .con .list{width:100%;height:auto;margin-top:3%} .index .index-about .about-new .con .list .item{width:33.33%;float:left;position: relative;} .index .index-about .about-new .con .list .item .icon{width:70px;height:70px;background-color:#FF4E00;float:left;background-position:center center;background-repeat:no-repeat;position: absolute;top: 0;left: 0;border-radius: 5px;} .index .index-about .about-new .con .list .item .tits{/*width:calc(100% - 90px);*/padding-left:90px;height:auto;margin-top:7px} .index .index-about .about-new .con .list .item .tits .t{font-size:20px;line-height:30px;color:#333;font-family:Arial} .index .index-about .about-new .con .list .item .tits .t1{font-size:14px;line-height:24px;color:#999} .index .index-about .about-new .pic{width:40%;height:auto;float:right;position:relative;cursor:pointer;overflow:hidden} .index .index-about .about-new .pic img{transition:transform 1.5s} .index .index-about .about-new .pic .icon{width:61px;height:61px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:url(../images/ico15.png) center no-repeat;background-size:cover!important} @media (min-width:1024px){.index .index-about .about-new .pic:hover img{transform:scale(1.1)} } .floatl{float:left} .floatr{float:right} .ylIndBan{position: relative;} .ylIndBan .swiper-slide{background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;} .ylIndBan .swiper-pagination{top: 50%;right:2%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);left: auto;width: auto;text-align: right;width: 15px;} .ylIndBan .swiper-pagination-bullet{width: 9px;height: 2px;display: inline-block;background: #464848;opacity: 1;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin: 8px 0;} .ylIndBan .swiper-pagination-bullet-active{background: #FF4E00;width: 15px;} .bjhuise{background: #fff;padding-top: 1px;} .ylAllTit{margin-top: 3%;} .ylAllTit .floatl{line-height: 50px;} .cpTitList{} .cpTitList{font-size:16px;} .cpTitList li{float: left;color: #666666;margin: 0 0 0 54px;position: relative;-webkit-transition:all .5s;transition:all .5s;cursor: pointer;} .cpTitList li a{color: #666666;display: inline-block;background:#f8f8f8;padding: 0 20px;line-height: 36px;} /*.cpTitList li::before{content:'';position:absolute;width:0;height:3px;top:50%;margin-top:-1.5px;left:0;background:#F25F19;-webkit-transition:all .5s;transition:all .5s;}*/ .cpTitList li:hover a{background:#ff3400;color:#fff;} .cpTitList li.active a{background:#ff3400;color:#fff;} .ylProList{padding: 0 0 2%;} .ylProList>li{overflow: hidden; text-align: center;float: left;width: 18.8%;margin: 2% 1.3% 0 0;background: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 40px 0 35px;position: relative;} .ylProList>li:hover{background: #fff;-webkit-box-shadow: 0px 0px 12px #CCCCCC;-moz-box-shadow: 0px 0px 12px #CCCCCC;-ms-box-shadow: 0px 0px 12px #CCCCCC;-o-box-shadow: 0px 0px 12px #CCCCCC;box-shadow: 0px 0px 12px #CCCCCC;} .ylProList>li:nth-child(5n){margin-right: 0;} .ylProList>li:hover{background: #fff;-webkit-box-shadow: 0px 0px 32px #CCCCCC;-moz-box-shadow: 0px 0px 32px #CCCCCC;-ms-box-shadow: 0px 0px 32px #CCCCCC;-o-box-shadow: 0px 0px 32px #CCCCCC;box-shadow: 0px 0px 32px #CCCCCC;} .ylProList>li a{display: block;} .ylProListfl{font-size: 14px;color: #999999;line-height: 20px;height: 20px;} .ylProListfl a{color: #999999;} .ylProListTit{font-size: 18px;line-height: 26px;height: 26px;} .ylProListCon{overflow: hidden;margin-top: 20px;max-width: 140px;margin-left: auto;margin-right: auto;} .ylProListCon .swiper-pagination{position: static;margin-top: 15px;} .ylProListCon .swiper-slide img{display: block;width: 100%;height: auto;} .ylProListCon .swiper-pagination{position: static;} .ylProListCon .swiper-pagination-bullet{width: 5px;height: 5px;background: #CCCCCC;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;opacity: 1;margin: 0 5px;} .ylProListCon .swiper-pagination-bullet-active{background: #313131;} .ylProListMore{font-size: 14px;margin-top: 20px;color: #999999;} .ylProListMore a{color: #999999;} .ylProListMore a:hover{color: #E75018;} .ylProListtopL{width: 54px;height: 54px;background-image: url(../images/ico1.png);background-repeat: no-repeat; position: absolute;top: 0;left: 0;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;display: none;} .ylProListtopL img{display: block;float: left;margin: 7px 0 0 7px;cursor: pointer;} .ylProListAllIco{position: absolute;right: 20px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);display: none;z-index: 9;} .bdshare-button-style0-24 a{padding: 0!important;margin: 0!important;opacity: 0;background-image: none!important;} .ylProListAllIco span{display: block;width: 39px;height: 39px;background:#F2F2F2;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin: 8px 0;} .ylProListAllIco span:nth-child(1){background:#F2F2F2 url(../images/ico22.png) no-repeat center center;} .ylProListAllIco span:nth-child(2){background:#F2F2F2 url(../images/ico4.png) no-repeat center center;} .ylProListAllIco span:nth-child(1):hover{background:#1B1B1B url(../images/ico3.png) no-repeat center center;} .ylProListAllIco span:nth-child(2):hover{background:#1B1B1B url(../images/ico23.png) no-repeat center center;} .ylProListAllIco span a{display: block;width: 100%;height: 100%;} .ylProListAllIco span img{display: block;float: left;margin: 10px 0 0 10px;display: none;} .ylProList>li:hover .ylProListtopL{display: block;} .ylProList>li:hover .ylProListAllIco{display: block;} .ylzqqNr{padding: 2% 0 1%;overflow-x: hidden;width: 100%;} .bgSrc{background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;} .ylzqqNr .floatl{width: 40%;position:relative;} .ylzqqNrLIco{position: absolute;width: 10px;height: 10px;background: #FF4C00;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;top: 50%;left: 50%;-webkit-box-shadow: 0px 0px 3px 6px rgba(255,255,255,.8);-moz-box-shadow: 0px 0px 3px 6px rgba(255,255,255,.8);-ms-box-shadow: 0px 0px 3px 6px rgba(255,255,255,.8);-o-box-shadow: 0px 0px 3px 6px rgba(255,255,255,.8);box-shadow: 0px 0px 3px 6px rgba(255,255,255,.8);animation:ylzqqNrLIco 2s infinite; -webkit-animation:ylzqqNrLIco 2s infinite;} .ylzqqNrLIco01{width: 15px;height: 15px;top: 30%;right: 13%;} @keyframes ylzqqNrLIco { from {-webkit-box-shadow: 0px 0px 3px 6px rgba(255,255,255,.8);-moz-box-shadow: 0px 0px 3px 6px rgba(255,255,255,.8);-ms-box-shadow: 0px 0px 3px 6px rgba(255,255,255,.8);-o-box-shadow: 0px 0px 3px 6px rgba(255,255,255,.8);box-shadow: 0px 0px 3px 6px rgba(255,255,255,.8);} to {-webkit-box-shadow: 0px 0px 6px 10px rgba(255,255,255,.5);-moz-box-shadow: 0px 0px 6px 10px rgba(255,255,255,.5);-ms-box-shadow: 0px 0px 6px 10px rgba(255,255,255,.5);-o-box-shadow: 0px 0px 6px 10px rgba(255,255,255,.5);box-shadow: 0px 0px 6px 10px rgba(255,255,255,.5);} } @-webkit-keyframes ylzqqNrLIco { from {border: 5px solid rgba(255,255,255,.5);} to {border: 10px solid rgba(255,255,255,.5);} } .ylzqqNr .floatr{width: 43%;color: #FFFFFF;text-align: right;margin-top: 2.2%;} .ylzqqNr .floatr h3{font-size: 34px;text-transform: uppercase;font-style: normal;} .ylzqqNr .floatr h1{font-size: 54px;} .ylzqqNr .floatr .line{width: 100%;height: 1px;background: #EBAC8C;margin-right: 0;margin-top: 3%;} .ylzqqNr .floatr p{line-height: 26px;margin-top: 3%;} .ylzqqNr .floatr p span{display: block;} .ylallA{display: inline-block;width: 234px;height: 60px;line-height: 60px;background: #fff;font-size: 16px;color: #FF4E00;text-align: center;} .ylallA:hover{background: ;} a.ylallA{color: #FF4E00;} .ylallA{-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration:1s;transition-duration:1s;} .ylallA:before{content: "";position: absolute;z-index: -1;top: -2px;left: -2px;right: -2px;bottom: -2px;background: #F35F19;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .ylallA:hover, .ylallA:focus, .ylallA:active {color: white!important;} .ylallA:hover:before, .ylallA:focus:before, .ylallA:active:before{-webkit-transform: scaleX(1);transform: scaleX(1);} .ylAllTit2{} .xwList{margin-top: 2%;width: 100%;overflow: hidden;} .xwListImg{overflow: hidden;} .xwListImg img{display: block;width: 100%;height: auto;transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .xwList .swiper-slide:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)} .xwListCon{min-height: 97px;position: relative;padding: 0 130px 0 0;margin-top: 6%;} .xwListConR:hover{background: #FF4E00;border-color: #FF4E00;} .xwListConR{position: absolute;top: 0;right: 0;border:2px solid #333333;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 97px;height: 97px;text-align: center;} .xwListConR h3{font-size: 16px;line-height: 100%;padding: 25px 0 5px;} .xwListConR p{font-size:24px;line-height: 100%;} .xwListConR:hover h3{color: #fff;} .xwListConR:hover p{color: #fff;} .xwListConL h3{font-size: 18px;} .xwListConL p{font-size: 14px;color: #999999;line-height: 1.7;margin-top: 17px;} .xwList .swiper-slide{width: 300px;width: 31.3%;margin: 0 3% 0 0;} .xwList .swiper-slide:last-of-type{margin-right: 0;} .xwListMore{font-size: 14px;color: #999999;margin-top: 3%;} .xwListMore a{color: #999999;} .xwListMore a:hover{color: #FF4E00;} .xwListMore img{display: inline-block;vertical-align: middle;margin: -2px 0 0 18px;} .xwListMore img:last-of-type{display: none;} .xwListMore a:hover img{display: none;} .xwListMore a:hover img:last-of-type{display: inline-block;} /*.xwList .swiper-slide:hover .xwListMore img{display: none;} .xwList .swiper-slide:hover .xwListMore img:last-of-type{display:inline-block;} .xwList .swiper-slide:hover .xwListMore a{color: #FF4E00;} .xwList .swiper-slide:hover .xwListConL h3 a{color: #FF4E00;}*/ .xwListMore:hover img{display: none;} .xwListMore:hover img:last-of-type{display:inline-block;} .xwListMore:hover a{color: #FF4E00;} .xwList .swiper-pagination{position: static;margin-top: 3.8%;} .xwList .swiper-pagination-bullet{width: 8px;height: 8px;background: #CCCCCC;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;opacity: 1;margin: 0 7px;} .xwList .swiper-pagination-bullet-active{background: #313131;} .ylFooter{width: 100%;background: #18171C;padding: 3.3% 0;margin-top: 3%;color: #999999;} .ylFooter a{color: #999999;} .ylFooter a:hover{color: #FF4E00;} .ylFooter .floatl{width: 58%;} .ylFooter .floatl dl{float: left;width: 23%;} .ylFooter .floatl dt{font-size: 16px;padding-bottom: 10px;} .ylFooter .floatl dt a{color: #fff;} .ylFooter .floatl dt a:hover{color: #FF4E00;} .ylFooter .floatl dd{font-size: 14px;margin-top:12px;} .ylFooter .floatr{width:42%;} .ylFooter .floatr h3{font-size:16px;color: #fff;line-height: 100%;padding-bottom: 3px;} .ylFooter .floatr ul{margin-top: 5%;} .ylFooter .floatr ul li{float: left;text-align: center;margin-right: 19px;} .ylFooter .floatr .marginTop5{margin-top: 6%;} .ylFooter .floatr p.fon16{line-height: 1.7;font-size: 14px;} .ylFooter .floatr ul li p{margin-top: 13px;} .ylFooter .w1680{position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 130px;} .toTop{width: 64px;height: 64px;background: #262528;position: absolute;top: 0;right: 0;padding: 1px;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 15px 0 0;cursor: pointer;} .toTop p{line-height: 100%;margin-top: 4px;} .toTop:hover{background: #FF4E00;} .toTop:hover{color: #fff;} .ylAllBan{} .ylAllBan img{display: block;width: 100%;height: auto;} .pcLiTop{border-bottom: 2px solid #CBCBCB;position: relative;min-height: 60px;padding-bottom: 26px;margin-top: 2%;} .pcLiTopL{float: left;position: absolute;top: 0;left: 0;} .pcLiTopC{text-align: center;padding-top: 8.5px;margin: 0 370px 0 148px;} .pcLiTopC li{font-size: 18px;display: inline-block;color: #999999;height: 43px;line-height: 43px;margin: 0 8px;} .pcLiTopR{display: block;position: absolute;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;top: 0;right: 0;} .pcLiTopR .serTopTitSea{margin-top: 6px;} .pcLiTopRInp{position: absolute;top: -1px;bottom: -1px;right: 100%;margin-right:1px;width: 0px;transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} /*.pcLiTopRInp input{display: block;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 100%;background: #fff;border:none;font-size: 14px;} .pcLiTopR:hover .pcLiTopRInp{width: 200px;} .pcLiTopR:hover .pcLiTopRInp input{padding: 0 10px;border: 1px solid #E5E5E5;border-right-width:0;} .pcLiTopR img{display: block;float: left;margin: 17px 0 0 17px;} .pcLiTopR.rowR img{margin: 19.5px 0 0 22px;}*/ .pcLiTopR.rowR img{margin: 15.5px 0 0 23px;display: none;} .pcLiTopR.rowR{width: 58px; height: 58px; border: solid 1px #cccccc;background: url(../images/ico48.png) no-repeat center center;} .pcLiTopR.rowR:hover{background: url(../images/080702.png) no-repeat center center;} .pcLiTopC li a{color: #999999;display: block;padding: 0 25px;} .pcLiTopC li.active a{color: #fff;} .pcLiTopC li.active{background: #FF4E00;color: #fff;} .pcLiTopC li:hover{background: #FF4E00;color: #fff;} .pcLiTopC li:hover a{color: #fff;} .pcEjLm{text-align: center;max-width: 710px;padding-top: 1.8%;} .pcEjLm li{display: inline-block;margin: 13px 9px 0;} .pcEjLm li a{display: block;height: 40px;line-height: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #CCCCCC;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;padding: 0 35px;font-size: 16px;} .pcEjLm li.active a{color: #FF4E00;border: 2px solid #FF4E00;line-height: 36px;} .pcEjLm li:hover a{color: #FF4E00;border: 2px solid #FF4E00;line-height: 36px;} .ylProList.pgList{} .ylProList{position: relative;} .ylProList.pgList>li{width: 23.5%;margin: 2% 2% 0 0;} .ylProList.pgList>li:nth-child(4n){margin-right: 0;} .ylProList.pgList{padding: 0 0 0;} .xQtit{padding: 2.3% 0;} .xQtitCon h3{font-size: 34px;color: #FFFFFF;} .xQtitCon i{width: 35px;height: 3px;display: block;background: #FF4E00;margin: 1.2% auto 0;} .xQtitCon p{font-size:22px;color:#A7A7A7 ;margin-top: 1.1%;} .ylxnCon{padding-bottom: 3%;} .ylxnConL{float: left;width: 40%;} .ylxnConR{float: right;width:58%;} .ylxnConTit{font-size: 24px;padding: 70px 0 30px;} .ylxnConTit span{margin-left: 10px;} .ylxnConLList{} .ylxnConLList li{background: url(../images/ico12.png) no-repeat left top 7px;font-size: 14px;color: #999999;margin: 10px 0 0 0;padding-left: 15px;} .ylxnConTable{border-collapse: collapse;width: 100%;border: none;font-size: 14px;color: #999999;margin-top: 10px;} .ylxnConTable tr{border: none;border-bottom: 1px solid #D9D9D9;} .ylxnConTable td{border: none;padding: 1.3% 0 1.3% 10px;} .ylxnConTable td.text-center{text-align: left;} .ylxnConTable tr:hover{background: #707070;color: #FFFFFF;} .pJList{padding-top: 2%;} .pJList li{float: left;width: 10.3%;margin: 0 1% 0;text-align: center;} .pJList li img{display: block;width: 100%;height: auto;transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .pJListImg{overflow: hidden;} .pJList li:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)} .pJList li p{font-size: 20px;color: #999999;margin-top: 10px;line-height: 26px;height: 52px;overflow: hidden;} .abTopWz{padding: 2% 0 0;} .abTopWz.w1680{max-width: 1200px;} .abTopWz ul{/*display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; */ text-align:justify; text-align-last:justify; } .abTopWz ul:after { content: ''; width: 100%; display: inline-block; } .abTopWz li{font-size: 20px;/*-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;*/display:inline-block;} .abTopWz li span{font-size: 14px;color: #999999;margin: 0 0 0 11px;} .ylelectr{background: url(../images/bj5.png) no-repeat center center;padding: 3% 0;} .ylelectrIco{display: inline-block;width: 230px;height: 60px;line-height: 60px;background: #FF4E00;color: #fff;text-align: center;font-size: 16px;position: relative;} a.ylelectrIco{color: #fff;} .ylelectrIco:hover{box-shadow: 0 15px 20px -15px rgba(255, 78, 0,.8);} .ylelectrIco:hover:before{ animation: dh-0 .6s both; -webkit-animation: dh-0 .6s both;} .ylelectrIco:before{ position: absolute; opacity: 0; left: 0;right: 0; top:0; bottom: 0; border: 5px solid #FF4E00;content: '';} .ylZx{margin-top: 3%;} .ylZxL{float: left;width: 49.1%;} .ylZxR{float: right;width: 48%;} .ylZxLCon .swiper-slide{position: relative;} .ylZxLCon .swiper-slide img{display: block;width: 100%;height: auto;} .ylZxLConBot{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 20px 30px 20px 139px;color: #fff;min-height: 97px; background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); } .ylZxLCon a{display: block;color: #fff;} .ylZxLConBotL{position: absolute;top: 20px;left: 30px;text-align: center;} .ylZxLConBotL::before{content: '';width: 2px;height: 48px;background: #515255;position: absolute;top:50%;left: 100%;margin-top: -24px;margin-left:25px;} .ylZxLConBotL p{font-size: 14px;line-height: 100%;} .ylZxLConBotL h3{font-size:24px;line-height: 100%;margin-top: 13px;} .ylZxLConBotR h3{font-size:16px;line-height: 67px;margin-right: 50px;} .ylZxLConBotR{background: url(../images/ico25.png) no-repeat right center;} .ylZxLCon .swiper-button-next, .ylZxLCon .swiper-button-prev{display: block;width: 60px;height: 60px;background:rgba(0,0,0,.5);top: 0;right: 0;left: auto;margin: 0;} .ylZxLCon .swiper-button-next{background:rgba(0,0,0,.7) url(../images/row3.png) no-repeat center center;} .ylZxLCon .swiper-button-next:hover{background:rgba(0,0,0,.7) url(../images/row8.png) no-repeat center center;-webkit-background-size:12px 19px;-moz-background-size:12px 19px;-ms-background-size:12px 19px;-o-background-size:12px 19px;background-size:12px 19px;} .ylZxLCon .swiper-button-prev{right: 60px;background:rgba(0,0,0,.7) url(../images/row4.png) no-repeat center center;} .ylZxLCon .swiper-button-prev:hover{background:rgba(0,0,0,.7) url(../images/row7.png) no-repeat center center;-webkit-background-size:12px 19px;-moz-background-size:12px 19px;-ms-background-size:12px 19px;-o-background-size:12px 19px;background-size:12px 19px;} .ylZxList{} .ylZxList li{position: relative;min-height: 155px;padding: 0 0 0 190px;margin-top: 13px;display: block;} .ylZxList li:nth-child(1){margin-top: 0;} .ylZxListL{position: absolute;top: 0;left: 0;width: 144px;height: 155px;background: #F9F9F9;text-align: center;} .ylZxListL p{font-size: 14px;color: #999999;line-height: 100%;padding: 42px 0 13px;} .ylZxListL h3{font-size:24px;line-height: 100%;} .huise{color: #999999;} .ylZxListR h3{margin-top: 13px;} .ylZxListR p{margin-top: 10px;line-height: 23px;height: 46px} .xwListMore.fon14{font-size: 14px;} .ylZxListL:hover{background: #FF4E00;} .ylZxListL:hover p{color: #fff;} .ylZxListL:hover h3{color: #fff;} .xwListMore:hover {color: #FF4E00;} .xwListMore:hover img{display: none;} .xwListMore:hover img:last-of-type{display: inline-block;} .spListNr{} .fon20{font-size: 18px;} .spListNr{} .spListNr li{float: left;position: relative;width: 32%;margin: 2% 2% 0 0;overflow: hidden;} .spListNr li:nth-child(3n){margin-right: 0;} .spListNr li .img-responsive{transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s; } .spListNr li:hover .img-responsive{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)} .spListNrCon{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);color: #fff;display: block;} .spListNrCon img{display: block;position: absolute;top: 50%;left: 50%;margin: -35px 0 0 -35px;} .spListNrCon h3{position: absolute;bottom: 8%;left: 15px;right: 15px;} /*.spListNr li:hover .spListNrCon{display: block;}*/ .spListNr li .videoOpenCon{top: 0;bottom: 0;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0); } .spListNr li .videoOpenCon img{position: absolute;bottom:10px;right: 10px;width: 42px;} .spListNr li .videoOpenCon div{margin: 0;position: absolute;left: 10px;right: 10px;bottom:20px;top: auto;} .spListNr li .fon20{font-size: 16px;line-height:24px;padding-top: 16px;text-align: center;-webkit-line-clamp: 2; height:48px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;} .yljrBot{padding: 3% 0;background: url(../images/bj6.png) no-repeat center center;margin-top: 3%;} .comNr{margin-top: 3%;} .comNr05{height: 3px;border: 0px solid #CCCCCC;border-width: 1px 0; margin-top: 3%;} .comNr03{line-height: 1.7;margin-top: 3%;} .comNr04{margin-top: 3%;} .comNr04L{float: left;width: 33%;} .comNr04R{float: right;width: 60%;position: relative;} .comNr04L .fon40{font-size:16px;} .comNr04Hg{display: block;width: 28px;height: 2px;background: #FF4E00;margin: 3% 0 7%;} .comNr04L p{font-size: 14px;line-height: 1.7;} .comNr04Bot{margin-top: 20%;} .comNr04Bot b{font-size: 50px;} .comNr04Bot span{font-size:22px;vertical-align: text-bottom;margin: 0 0 0 15px;} .comNr04Bot .orange{color: #FF4E00;} .comNr04R .spListNrCon{display: block;} .spListNr.vidLb{} .vidLbCon{position: relative;overflow: hidden;} .spListNr.vidLb li{width: 50%;margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 3% 1.3% 3% 0;border-bottom: 1px solid #CCCCCC;} .spListNr.vidLb li:nth-child(2n){padding: 3% 0 3% 1.3%;} .spListNr.vidLb li:hover .spListNrCon{display: none;} .spListNr.vidLb li .vidLbCon:hover .spListNrCon{display: block;} .spListNr.vidLb{position: relative;} .spListNr.vidLb li:last-of-type{border-bottom: none;} .spListNr.vidLb li:nth-last-child(2){border-bottom: none;} /*.spListNr.vidLb::before{content: '';width: 100%;height: 1px;background:#CCCCCC;position: absolute;top: 50%;left: 0;}*/ #pgServer{text-align:center;font-size: 14px;color: #646464; margin-top:3%;} #pgServer a{float:none;} #pgServer a,#pgServer font,#pgServer span{display: inline-block;font-size:16px;color: #646464;width: 40px;height: 40px;line-height: 40px;background: #A0A0A0;color: #fff;vertical-align: middle;margin: 0 2px;} #pgServer font,#pgServer span,#pgServer a:hover{border-color: #313131;background-color: #313131;color: #fff!important;} #pgServer a.none{border:none;} .pageFirst,.pagePrev,.pageNext,.pageLast{border:none;} #pgServer span.cur{border:1px solid #313131;} #pgServer a.next1{background:#A0A0A0 url(../images/row5.png) no-repeat center center;vertical-align: middle;} #pgServer a.next1:hover{background:#313131 url(../images/row5.png) no-repeat center center;vertical-align: middle;} .newsTop{margin-top: 1%;} .ylZxLCon.newsTop .swiper-button-next, .ylZxLCon.newsTop .swiper-button-prev{width: 50px;height: 50px;background: none;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 1px solid rgba(255,255,255,.6);top: 50%;margin-top: -26px;} .ylZxLCon.newsTop .swiper-button-prev{background: url(../images/row6.png) no-repeat center center;left: 30px;right: auto;} .ylZxLCon.newsTop .swiper-button-next{background: url(../images/row9.png) no-repeat center center;left: auto;right: 30px;} .ylZxLCon.newsTop .swiper-button-prev:hover{background: url(../images/row7.png) no-repeat center center;} .ylZxLCon.newsTop .swiper-button-next:hover{background: url(../images/row8.png) no-repeat center center;} .newsTopCon{position: absolute;top: 50%;left: 130px;right: 130px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);background:rgba(0,0,0,0.2);padding:15px;} .ylZxLCon.newsTop .swiper-slide .newsTopCon img{width: auto;} .newsTopCon h3{font-size:18px;} .newsTopCon p{font-size: 16px;color: #eee;padding: 5px 0 2.3%;} .newSList{margin-top: 35px;} .newSList li{padding: 35px;min-height: 192px;} .newSListCon{position: relative;} .newSListConL{position: absolute;width: 295px;left: 0;top: 0;} .newSListConL div{position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);width: 70px;height: 70px;color: #fff;text-align: center;} .newSListConL img{display: block;width: 100%;height: auto;} .newSListConL p{font-size: 12px;line-height: 100%;padding: 11px 0 4px;} .newSListConL h3{font-size: 24px;line-height: 100%;} .newSListConR{margin: 0 0 0 345px;} .newSListConR p{color: #999999;line-height: 23px;height: 46px;margin-top: 11px;} .newSListConR h3{padding-top: 2.2%;} .newSListConR .xwListMore{margin-top: 2%;} .newSList li:hover{background: #FF4E00;} .newSList li:hover a{color: #fff;} .newSList li:hover a p{color: #FFFFFF;} .newSList li:hover .xwListMore{color: #FFFFFF;} .newSList li:hover .xwListMore img{display: none;} .newSList li:hover .xwListMore img:last-of-type{display: inline-block;} .NewsDetail{} .NewsDetailL{float: left;width:63%;} .NewsDetailR{float: right;width: 23%;} .NewsDetailTit{font-size: 36px;color: #333333;margin-top: 40px;} .NewsDetailIco{font-size: 16px;color: #999999;border-bottom: 1px solid #B2B2B2;padding: 7px 0 3%;} .NewsDetailIco img{display: inline-block;vertical-align: middle;margin: -3px 7px 0 0;} .NewsDetailIco span{margin-right: 45px;} .NewsDetailLCon{color: #999999;font-size: 16px;line-height: 1.7;margin-top:3%;} .NewsDetailLCon p{margin-top: 3%;} .NewsDetailLCon img{display: inline-block;max-width: 100%;height: auto;margin-top: 3%;} .NewsDetailBot{font-size: 16px;color: #999999;position: relative;margin-top: 3%;} .NewsDetailBotL span{display: inline-block;width: 50px;height: 50px;background: #FF4E00;vertical-align: middle;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;padding-top: 1px;margin: 0 2px;} .NewsDetailBotL img{margin-top: 13px;} .NewsDetailBotR{position: absolute;top: 0;right: 0;} .NewsDetailBotR a{display: block;width: 220px;height: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;border: 2px solid #999999;line-height: 46px;color:#666666;} .NewsDetailBotR a:hover{color: #FF4E00} .NewsDetailBotR a{-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration:1s;transition-duration:1s;} .NewsDetailBotR a:before{content: "";position: absolute;z-index: -1;top: -2px;left: -2px;right: -2px;bottom: -2px;background: #FF4E00;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .NewsDetailBotR:hover a, .NewsDetailBotR:focus a, .NewsDetailBotR:active a {color: white!important;} .NewsDetailBotR:hover a:before, .NewsDetailBotR:focus a:before, .NewsDetailBotR:active a:before{-webkit-transform: scaleX(1);transform: scaleX(1);} /*bglx bg左到右*/ .ylLbDt{position: relative;overflow: hidden;} .ylLbDtArrow{position: absolute;bottom: 20px;left: 50%;margin-left: -6px;z-index: 99;animation:ylLbDtArrow 2s linear infinite;-webkit-animation:ylLbDtArrow 2s linear infinite;background: none; } .ylLbDtArrow img{display: block;cursor: pointer;} #share-1 .social-share-icon{width: 50px;height: 50px;background: #FF4E00; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding-top: 1px; margin: 0 3px;border-radius:0;} #share-1 .social-share-icon{border: none;} #share-1 .social-share-icon:hover{background: #FF4E00;} #share-1 .social-share-icon:before{opacity: 1; content: '';width: 50px;height: 50px;position: absolute;top: 50%;left: 50%;background-repeat: no-repeat;background-position: center center;margin-top: -25px;margin-left: -25px;} #share-1 .icon-wechat:before{content: ''; background-image:url(../images/ico32.png);} #share-1 .icon-qzone:before{content: '';background-image:url(../images/ico33.png);} #share-1 .icon-weibo:before{content: '';background-image:url(../images/ico31.png);} @keyframes ylLbDtArrow { 0% {bottom: 20px;} 23% {bottom: 30px;} 50% {bottom: 20px;} 73% {bottom: 10px;} 100% {bottom: 20px;} } .ylvListTit01.fon26{font-size: 26px;} .ylvListTit02.fon20{font-size: 20px;} .newSList.detaList{} .newSList.detaList li{padding: 0;margin-top:13%;} .newSList.detaList .newSListConL{position: static;width: 100%;} .newSList.detaList .newSListConR{margin: 3% 0 0;} .newSList.detaList li p{margin-top: 3%;} .newSListConL div p{white-space: nowrap;} .newSList.detaList li .xwListMore{margin-top:3%;} .newSList.detaList li:hover{background: none;} .newSList.detaList li:hover a{color: inherit;} .newSList.detaList li:hover a p{color:#B0B0B0;} .newSList.detaList li:hover .xwListMore{color: #E75018;} .newSList.detaList li:hover .xwListMore img{display: none;} .newSList.detaList li:hover .xwListMore img:last-of-type{display: inline-block;} .newSList.detaList li:nth-child(1){margin-top: 40px;} .ylCpFy{position: relative;min-height: 180px;margin-top: 3%;padding-bottom: 3%;} .ylCpFyL{position: absolute;top: 27%;left: 0;width: 160px;} .ylCpFyR{position: absolute;top: 27%;right: 0;width: 160px;text-align: right;} .ylPrev{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 50px;height: 50px;border: 1px solid #F0F0F0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: url(../images/row10.png) no-repeat center center;margin-top: 86px;cursor: pointer;} .ylPrev:hover{background: url(../images/row7.png) no-repeat center center;} .ylCpFyMkzy{width: 96px;} .ylCpFyMkzy img{display: block;width: 100%;height: auto;} .ylCpFyMkzy h3{font-size: 14px;color: #656565;margin-top: 8px;line-height: 1.4;} .ylCpFyMkzy p{color: #999999;font-size: 10px;margin-top: 4px;} .ylNext{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 50px;height: 50px;border: 1px solid #F0F0F0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: url(../images/row11.png) no-repeat center center;margin-top: 86px;cursor: pointer;} .ylNext:hover{background: url(../images/row8.png) no-repeat center center;} .ylCpFyCenL{width: 43%;overflow: hidden;float: left;} .ylCpFyCenR{float: right;width: 50%;} .ylCpFyCen{padding: 0 180px 0 180px;} .picFocus{ position:relative; overflow:hidden;} .picFocus .hd{ width:100%;margin-top: 10%;overflow:hidden; } .picFocus .hd ul{ margin-right:-5px; overflow:hidden; zoom:1; } .picFocus .hd ul li{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:90px;float: left;border: 1px solid #CCCCCC;opacity: .5;margin: 0 18px 0 0;padding: 20px;position: relative;} .picFocus .hd ul li:nth-child(3n){margin-right: 0;} .picFocus .hd ul li img{display: block;width: 100%;height: auto;} .picFocus .hd ul li.on{opacity: 1; } .picFocus .hd ul li.on::before{content: '';width: 27px;height: 3px;background: #FF4E00;bottom: -2px;left: 50%;margin-left: -13.5px;position: absolute;} .picFocus .bd{width: 43%;float: left;} .picFocus .bd img{ display: block;width: 100%;height: auto;} .ylCpFyCenR01{font-size:24px;max-width: 510px;} .ylCpFyCenR02{font-size: 24px;color: #999999;max-width: 510px;} .ylCpFyCenR03{line-height: 2.6;color: #999999;max-width: 510px;margin-top: 3%;} .ylGmList{margin-top:4%;} .ylGmList li{float: left;width: 32%;margin: 2% 2% 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 2px solid #CCCCCC;text-align: center;height: 72px;line-height: 72px;font-size: 20px;} .ylGmList li:hover{border-color: #FF4E00;} .ylGmList li:nth-child(3n){margin-right: 0;} .ylGmList li img{display: inline-block;vertical-align: middle;margin: -3px 8% 0 0;} .picFocusRimg{width: 100%;max-width: 300px;float: left;} .picFocusRimg .swiper-slide{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:90px;border: 1px solid #CCCCCC;opacity: .5;padding: 20px;} .picFocusRimg .swiper-slide img{display: block;width: 100%;height:auto;} .picFocusRimg .swiper-slide-active{opacity: 1;} .picFocusRimg .swiper-slide-active::before{content: '';width: 27px;height: 3px;background: #FF4E00;bottom: -2px;left: 50%;margin-left: -13.5px;position: absolute;} .ylCpFyCenR04{font-size:16px;margin-top:3%;} .ylCpFyCenR04 img{display: inline-block;vertical-align: middle;margin: -3px 12px 0 0;} .NewsDetailBotR.posStaic{position: static;display: inline-block;font-size: 16px;} .ylTimeZ{margin-top: 2.3%;position: relative;max-width: 1220px;padding: 0 82px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ylTimeZCon::before{content: ''; width: 100%;height: 1px;border-top: 1px dashed #CCCCCC;position: absolute;top: 24px;left: 0;} .ylTimeZCon{min-height: 100px;} .ylTimeZ .swiper-button-next{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 50px;height: 50px;border: 1px solid #999;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: url(../images/row11.png) no-repeat center center;cursor: pointer;} .ylTimeZ .swiper-button-next:hover{background: url(../images/row8.png) no-repeat center center;} .ylTimeZ .swiper-button-prev{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 50px;height: 50px;border: 1px solid #999;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: url(../images/row10.png) no-repeat center center;cursor: pointer;} .ylTimeZ .swiper-button-prev:hover{background: url(../images/row7.png) no-repeat center center;} .ylTimeZCon .swiper-slide{width: 80%;float: left;margin:0;min-height: 319px;} .ylTimeZConPos{margin: 0 auto 0;text-align: center;} .ylTimeZCon01{font-size: 38px;} .ylTimeZCon01 span{display: inline-block; line-height: 45px;background: #fff;padding: 0 15px;} .ylTimeZCon02{font-size:14px;color: #999999;margin-top: 10px;} .ylTimeZCon03{margin-top: 3%;} .ylTimeZCon03 img{display: inline-block;max-width: 100%;height: auto;} .ylTimeZCon .swiper-slide-active .ylTimeZCon01{color: #FF4E00;text-align: center;} .ylTimeZCon .swiper-slide-prev .ylTimeZCon01{text-align: right;} .ylTimeZCon .swiper-slide-next .ylTimeZCon01{text-align: left;} .ylTimeZCon .swiper-slide-next .xzListTi{text-align: left;} .ylTimeZCon .swiper-slide-prev .xzListTi{text-align: right;} .ylTimeZCon .swiper-slide-active .xzListTi{text-align: center;} /*.ylTimeZCon .swiper-slide-next .xzListTi{display: none;} .ylTimeZCon .swiper-slide-prev .xzListTi{display: none;} .ylTimeZCon .swiper-slide-active .xzListTi{display: block;}*/ .servList{} .servList li{width: 22.73%;float: left;margin: 3% 3% 0 0;text-align:center;} .servList li:nth-child(4n){margin-right: 0;} .dow_all{box-sizing: border-box;border: 2px solid #CCCCCC;} .servList01{} .servList01 img{transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s; } /*.servList li:hover .servList01 img{transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}*/ .servList li h3{font-size: 16px;line-height:26px;height: 50px;margin-top:10%;} .servList li p{font-size:14px;color: #999999;line-height:25px;height: 25px;} .servListDown{font-size: 14px;margin:30px 0;} .servListDown i{display: inline-block;width: 17px;height: 17px;background: url(../images/ico42.png?abc=123) no-repeat;vertical-align: middle;margin: -3px 10px 0 0;} .servListDown a{display: flex;width: 150px;height: 34px;background:#f8f8f8;margin:0 auto;justify-content: center;align-items: center;} .servList li:hover .servListDown i{background: url(../images/ico43.png?abc=123) no-repeat;} .servList li:hover .servListDown a{color: #fff;background:#ff3400;} .servList li:hover .servListDown{color: #fff;} .servList li:hover .servList01{background:#FF4E00;} .pageFy{text-align: center;margin-top: 3%;} .pageFy a{display: inline-block;width: 95px;height: 50px;text-align: center;line-height: 50px;background: #ADADAD;margin: 0 10px;} .pageFy a:hover{background: #313131;} .pcLiTop.serTopTit{border-bottom: none;} .serTopTitR{float: right;margin-top: 11px;} .serTopTitSea{width: 370px;height: 47px;border: 1px solid #CCCCCC;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;padding: 0 47px 0 0;margin-top: 26px;} .serTopTitSeaR{display: block;width: 47px;height: 47px;background: #FF4E00;text-align: center;;line-height: 47px;position: absolute;top: -1px;right: 0;cursor: pointer;} .serTopTitSeaText{display: block;width: 100%;height: 47px;background: none;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 20px;font-size: 14px;} .serTopTitR .cpTitList li{line-height: 100%;white-space: nowrap;margin-left: 15px;} .ylAllMc{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.7);z-index: 999999999999;display: none;} .sevDCon{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 90%;background: #fff;max-width: 464px;padding:90px 22px 50px 22px;position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .close{width: 42px;height: 42px;background: #EEEEEE;text-align: center;line-height: 42px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute; top: 16px;right: 16px;} .sevDCon01{width: 100%;max-width: 327px;margin: 0 auto;height: 56px;background: #EDEDED;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;padding: 0 0 0 32px;} .sevDCon01 input{display: block;width: 100%;height: 56px;background: none;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 20px;font-size: 14px;} .sevDCon01 img{display: block;position: absolute;left: 20px;top: 50%;margin-top: -9px;} .sevDCon02{width: 159px;height: 50px;line-height: 50px;text-align: center;background: #FF4E00;color: #fff;margin: 20px auto 0;font-size: 14px;cursor: pointer;} .sevDCon03{font-size: 16px;color: #656565;text-align: center;border-top: 1px solid #E2E2E2;margin-top: 10%;padding-top: 8%} .sevDCon04{font-size: 14px;color: #656565;margin-top: 8%;} .sevDCon05{font-size:20px;margin-top: 5px;} .fixedVideo,.alertOpctioy{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:99999999999999; display:none;} .fixedVideo .videoDDD{background: #222 url(/images/loading_1.gif) no-repeat center; border-radius: 4px; width:658px; height:380px; position:absolute; left:50%; margin-left:-320px; top:50%; margin-top:-190px;} .fixedVideo .videoDDD iframe,.fixedVideo .videoDDD embed,.fixedVideo .videoDDD video{ width:100%; } .fixedVideo .videoDDD iframe,.fixedVideo .videoDDD embed{ height: 100%;} .fixedVideo .videoDDD .openVd{ width:100%; height:100%;} .allContact{ position:fixed; width:1160px; left:50%; margin-left:-600px; top:10%; height:73%; overflow-y:scroll; background:#fff; padding:40px 20px 20px 40px; z-index:556; } .closeTxtt{ position:absolute; right:0; top:0px; cursor:pointer; background:#ccc;} .closeVideo{position: absolute;z-index: 555; left: 100%; top: 0; width: 32px; padding: 5px;background: #FF4E00; border-radius:0 3px 3px 0;} .ylkfTop{margin-top: 3%;} .color666{color: #999999;} .ylTAt{} .fon46{font-size: 24px;} .fon36{font-size: 18px;} .orange{color: #ff4e00;} .color999{color: #999999;} .ylkfTop .floatl{width: 50%;} .ylkfTop .floatr{width: 37%;} .ylkfTop01{line-height: 1.7;margin-top: 3%;} .ylkfTop02{line-height: 100%;margin-top:6%;font-size: 24px;} .ylkfTop04{margin-top:6%;} .ylkfTop03{margin-top: 6px;} .ylkfTop03 img{display: inline-block;vertical-align: middle;margin: -3px 8px 0 0;} .ylazsp{border-top: 1px solid #CCCCCC;margin-top:3%;padding-top: 3%;} .ylazspTop{position: relative;} .pcLiTopR a{display: block;width: 100%;height: 100%;} .pcLiTopR.top50{top: 50%;margin-top: -30px;} .ylazsp .spListNr{padding-top: 0;} .ylsyyhbj{background: #F8F8F8;padding: 3.3% 0;margin-top: 3%;} .ylsyyhList{} .ylsyyhList li{border-bottom: 1px dashed #CCCCCC;padding: 3% 0;} .ylsyyhList01{} .ylsyyhList02{margin-top: 1.3%;line-height: 1.7;} .ylsyyhList .xwListMore{margin-top: 1.3%;} .ylsyyhList li:last-of-type{border-bottom: none;padding-bottom: 0;} .ylxzzqmt{margin-top: 3%;} .servList.w3{} .servList.w3 li{width: 31.33%;margin: 3% 3% 0 0;padding: 8% 13px 3%;} .servList.w3 li:nth-child(3n){margin-right: 0;} .servList.w3 li:nth-child(4n){margin-right: 3%;} .yllibBan{background-image:url(../images/bj9.jpg) ;background-repeat: no-repeat;background-position: center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0 0 0;} .yllibBan img{max-width: 80%;} .yllibBan02{margin-top: 3%;} .yllibsppc{margin-top: 2%;margin-bottom: 2%;} .videoOpen{position: relative;overflow:hidden;border:1px solid #e6e6e6;} .videoOpenCon{position: absolute;top: 50%;left: 0;right: 0;text-align: center;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .yllibsppcL{color: #fff;width: 47.3%;float: left;margin-top: 25px;} .videoOpenCon div{margin-top: 2.3%;color: #fff;} .yllibsppcR{width: 50%;float: right;} .yllibsppcRNr01 .ylProList>li{width: 100%;margin: 0;} .yllibsppcRNr01 .swiper-wrapper > .swiper-slide{width: 48%;margin: 0 1%;} .yllibsppcRNr01{padding: 20px;} .yllibsppcRNr{padding-right: 50px;} .yllibsppcRNrIco .swiper-pagination{position: static;} .yllibsppcRNrIco .swiper-pagination .swiper-pagination-bullet{display: block;margin: 10px auto;background: #626262;opacity: 1;} .yllibsppcRNrIco .swiper-button-next{width: 16px;height: 10px;background: url(../images/ico50hui.png) no-repeat;display: inline-block;margin: 0;padding: 0;bottom: 0;left: 0;right: 0;top: auto;} .yllibsppcRNrIco .swiper-button-next:hover{background: url(../images/ico50.png) no-repeat;} .yllibsppcRNrIco .swiper-button-prev{width: 16px;height: 10px;background: url(../images/ico51hui.png) no-repeat;display: inline-block;margin: 0;top: 0;left: 0;} .yllibsppcRNrIco .swiper-button-prev:hover{background: url(../images/ico51.png) no-repeat;} .yllibsppcRNrIco{position: absolute;top: 43%;right: 0;width: 16px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);padding: 19px 0;} .yllibsppcRNrIco .swiper-pagination .swiper-pagination-bullet-active{background: #FF4E00;} .yllibdywtx{background-position: center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:3.5% 0;text-align: center;} .yllibdywtx img{display: inline-block;max-width: 70%;} .ylldc{background-position: center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:3% 0;text-align: center;} .ylldc img{display: inline-block;max-width: 83%;} .yllibcd{background-position: center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:3% 0 0;text-align: center;} .fon60{font-size: 24px;} .fon34{font-size: 24px;} .yllibtit01{margin-top: 3%;} .yllibtit02{} .yllibqxnr{position: relative;0margin-top: 3%;} .yllibqxnr01{float: left;width: 32%;} .yllibqxnr02{float: left;width: 36%;position: absolute;top: 0;left: 32%;bottom: 0;} .yllibqxnr03{float: right;width: 32%;} .yllibqxnr04{width: 36%;position: absolute;top: 0;left: 0;bottom: 0;} .yllibqxnr05{float: left;width: 32%;margin-left: 36%} .yllibqxnr06{float: left;width: 32%;} .yllibqxnr04 .yllibqxnrmk{height: 100%;width: 100%;} .yllibqxnrOne{} .yllibqxnrtwo .yllibqxnrmk{width: 50%;} .yllibqxnr img{display: block;width: 100%;height: auto;} .yllibqxnrmk{position: relative;} .yllibqxnrmkMc{position: absolute;top: 0;left: 0;height: 100%;right: 0;background: rgba(255, 78, 0,.8);text-align: center;display: none;} .yllibqxnrmk:hover .yllibqxnrmkMc{display: block;} .colorfff{color: #fff} .fon24{font-size: 18px;} .yllibqxnrmkMc .colorfff{position: absolute;left: 0;right: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .yllibqxnrmkMc p{margin-top: 5px;} .yllibqxnr02 img{0display: none;} .yllibqxnr02 .yllibqxnrmk{height: 100%;width: 100%;} .ylservTop{margin-top: 3%;} .ylservTop .serTopTitSea{margin-top: 25px;} .ylsyyhList.w2{margin-top: 3%;} .ylsyyhList.w2 li{float: left;width: 50%;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 2%;border: solid 2px #fff;} .ylsyyhList.w2 li:hover{border: solid 2px #ff4e00;} .ylsyyhList.w2 .ylsyyhList01{line-height: 30px;height: 30px;} .ylsyyhList.w2 .ylsyyhList02{line-height: 26px;height: 52px;margin-top: 3%;} .ylsyyhList.w2 .xwListMore{margin-top: 3%;} .ylsyyhList.w2 li:hover .xwListMore a{color: #FF4E00;} .ylsyyhList.w2 li:hover .xwListMore img{display: none;} .ylsyyhList.w2 li:hover .xwListMore img:last-of-type{display: inline-block;} .fon26{font-size:16px;} .yllibtit03{max-width: 600px;margin: 0 auto 0;margin-top: 0;} .ylmogdj{max-width: 1200px;margin-top: 2%;} .ylmogdj .floatl{color: #fff;width: 53%;} .ylmogdj .floatr{width: 36.7%;margin-top: 1.3%;} .ylmogdj .floatr img{display: block;width: 100%;height: auto;} .yldqp{background: #F5F5F5;padding: 1px 0 0;margin-top: 3%;} .cpTitList.text-center li{display: inline-block;float: none;margin: 0 40px 0;} .cpTitList.fon24{font-size: 16px;} .yldqp .cpTitList{margin-top: 1%;} .yldlpp{background-position: center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:3% 0 1%;text-align: center;margin-top: 3%;} .yldlpp img{display: inline-block;max-width: 100%;height: auto;} .yldlpp .w1680{max-width: 1200px;} .yldlpp .floatl{width: 60%;} .yldlpp .floatr{width: 39%;margin-top: 9%;} .fon30{font-size:22px;} .ylyftd{max-width: 1200px;padding-top: 1%;} .ylyftdmk{background: #F7F7F7;padding: 8% 0;position: relative;margin-top: 2.03%;} .ylyftdmkImg{background-repeat: no-repeat; background-position: center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position: absolute;top: 0;left: 0;bottom: 0;width: 30.3%;} .ylyftdmkImg img{display: none;} .ylyftdmknr{width: 35.3%;line-height: 1.7;margin-right: 4.3%;} .ylyftdmkbt{width: 23%;margin-left: 34%;} .ylyftdmkbtHg{width: 45px;height: 5px;background-color: #ff4e00;margin-top: 45px;} .ylyftd .ylyftdmk:nth-child(2n) .ylyftdmkImg{left: auto;right: 0;} .ylyftd .ylyftdmk:nth-child(2n) .ylyftdmknr{margin: 0 0 0 4.3%;} .ylyftd .ylyftdmk:nth-child(2n) .ylyftdmkbt{text-align: right;margin:0 34% 0 0;} .ylyftd .ylyftdmk:nth-child(2n) .ylyftdmkbtHg{float: right;background-color: #086DC4;} .ylyftd .ylyftdmk:nth-child(2n) .orange{color: #086DC4;} .fon40{font-size: 20px;} .yljcp{background: #313131;padding: 3% 0;} .color9a{color: #9a9a9a;} .yljcpTopList li{display:inline-block; color: #ffffff;margin:0 30px;position: relative;padding-bottom: 16px;} .yljcpTopList li a{color:#ffffff;} .yljcpTopList li:hover a{color:#FF4E00} /*.yljcpTopList li.active:after{width:100%;left:0}*/ .yljcpTopList li.active a{color:#FF4E00} /*.yljcpTopList li:after{width:0;height:4px;position:absolute;bottom:0;left:50%;content:'';background:#f35f19;transition:width .5s,left .5s}*/ /*.yljcpTopList li:hover:after{width:100%;left:0}*/ .yljcpCon{background: #2A2A2A;margin-top:2%;} .yljcpConMk{position: relative;} .yljcpConMkL{float: left;width: 58%;} .yljcpConMkR{float: right;width: 37%;margin-right:2%;color: #fff;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .yljcpConMkImg .swiper-pagination{bottom: 35px;} .yljcpConMkImg .swiper-pagination-bullet{width: 50px;height: 2px;background-color: #ffffff;opacity: 0.3;border-radius: 0;margin: 0 8px;} .yljcpConMkImg .swiper-pagination-bullet-active{width: 71px;height: 4px;background-color: #ff4d00;opacity: 1;} .yljcpConMkR dl i{display: inline-block;width: 5px;height: 5px;background-color: #ff4d00;vertical-align: middle;margin: -2px 8px 0 0;} .yljcpConMkR dl{line-height: 2.3;margin-top: 7%;} .yljcpConMkR dt{margin-bottom: 1%;} .ylqjzh{background-repeat: no-repeat; background-position: center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding: 3% 0;color: #fff;} .fon70{font-size:24px;} .ylscjdCon{margin-top: 3%;} .ylscjdCon li{float: left;width: 50%;position: relative;} .ylscjdConImg{float: left;width: 50%;} .ylscjdConNr{position: absolute;top: 0;bottom: 0;right: 0;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom: 4px solid #ff4d00;background: #fff;transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .ylscjdConNrPos{position: absolute;top:50%;left: 10%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;} .yljdbj{background: #F9F9F9;padding: 1px 0 3.3%;} .ylscjdConNr i{display: block;position: absolute;top: 50%;height: 0px;left: -16px;width: 0px;height: 0px; border-top: 16px solid transparent;border-right: 16px solid #fff;border-bottom: 16px solid transparent;} .ylscjdConNr02{margin-top: 1%;} .ylscjdCon li.fzmz .ylscjdConNr{left: 0;right: auto;text-align: right;} .ylscjdCon li.fzmz .ylscjdConImg{float: right;} .ylscjdCon li.fzmz .ylscjdConNr i{right: -16px;left: auto;border-left: 16px solid #fff;border-right: none;} .ylscjdCon li.fzmz .ylscjdConNrPos{left: auto;right: 13%;} .ylscjdConNr::before{content: '';width: 100%;height: 0;left: 0;top: 0;right: 0;position: absolute; background: #FF4D00;transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;z-index: 1;} .ylscjdCon li:hover .ylscjdConNr::before{height: 100%;} .ylscjdCon li:hover .orange{color: #FFAB82;} .ylscjdCon li:hover .ylscjdConNr02{color: #fff;} .ylscjdCon li:hover .ylscjdConNr03{color: #FFAB82;} .ylscjdCon li:hover i{border-right: 16px solid #FF4D00;} .ylscjdCon li.fzmz:hover i{border-left: 16px solid #FF4D00;} .yljmys{background: #F7F7F7;padding: 1px 0 4%;/*margin-top: 3%;*/} .yljmysCon{margin-top: 3%;} .cwylhb{background-repeat: no-repeat; background-position: center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:4% 0;} .ylhzsNr{text-align: center;margin-top: 3%;} .ylhzsNr.w1680{max-width: 1200px;} .fon88{font-size:24px;} .yljmysConNum{} .yljmysCon01{/*margin-left: 4%;*/} .yljmysCon01 em{vertical-align: middle;margin: 0 7% 0 0;white-space: nowrap;} .yljmysCon01 span{vertical-align: middle;white-space: nowrap;} .yljmysCon0102{line-height: 1.6;margin: 0 0 0 3%;} .yljmysCon0201{position: relative;} .yljmysCon0201 img{z-index: 2;position: relative;} .yljmysCon0201 i{display: block;position: absolute;background: #FF4D00;height: 135px;right: -20px;bottom: -20px;left: 40px;z-index: 1;} .yljmysCon0202{margin:81px 0 0 62px;} .liH100{line-height: 100%;} .yljmysCon0203{margin-top:21%;} .yljmysCon03{margin-top: 3%;} .yljmysCon0401{position: relative;margin-right: 40px;} .yljmysCon0401 img{z-index: 2;position: relative;} .yljmysCon0401 i{display: block;position: absolute;background: #FF4D00;height: 135px;left: -20px;top: -20px;right: 40px;z-index: 1;} .yljmysCon0403{margin-top: 13%;/*;margin-left: 4%;*/} .yljmysCon04{margin-top: 3%;} .yljmysCon05{margin: 3% 0 0 0;} .yljmysCon06{margin-top: 3%;} .yljmysCon0602{margin-left: 30px;} .yljmysCon08{margin-top: 3%;line-height: 1.7;} .yljmysCon09{margin-top: 3%;} .yljmysCon09 li{float:left;position: relative;} .yljmysCon09 li div{position: absolute;bottom: 0;left: 0;right: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 26px 15px;text-align: center;color: #fff;background: rgba(255, 77, 0,.8);} .yljmysCon0901{width: 30%;} .yljmysCon0902{width: 38%;margin: 0 1.3%;} .yljmysCon0903{width: 29%;} .yljmysCon1001{margin: 0 0 0 0;} .yljmysCon1002{margin: 1% 0 0 3%;} .yljmysCon10{margin-top: 3%;} .yljmysCon11{margin-top: 3%;} .yljmysCon11 .floatl{width: 48.4%;} .yljmysCon11 .floatr{width: 50.2%;} .yljmysCon1201{width: 63%;} .yljmysCon1203{margin-top: 12%;} .yljmysCon1202{margin-top: 7%;} .yljmysCon12{margin-top: 3.3%;} .ylForm{padding-top: 1.3%;} .ylFormMk{} .ylFormTopmk{margin-top: 2%;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;padding: 0 0 0 65px;border-radius: 5px;} .ylFormTop .ylFormTopmk{width: 23.5%;float: left;margin: 2% 2% 0 0;} .ylFormTopmk img{position: absolute;top:28px;left: 28px;} .ylFormTopmkInp{color:#999;-webkit-appearance:none;-moz-appearance: none;display: block;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 100%;background: none;border: none;height: 83px;} .ylFormTop .ylFormTopmk:last-child{margin-right: 0;} .ylFormTopmkInp.H200{height: 200px;padding: 26px 0;} .ylFormBot{margin-top: 3%;} .swiper-button-next:focus, .swiper-button-prev:focus{outline: 0;} .ylscjdConImg, .yllibqxnrmk, .videoOpen{overflow: hidden;} .ylscjdConImg img, .yllibqxnrmk img, .yllibqxnr02 .yllibqxnrmk, .videoOpen > img{transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .ylscjdCon li:hover .ylscjdConImg img, .yllibqxnrmk:hover img, .videoOpen:hover > img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)} /*.yllibqxnr02 .yllibqxnrmk:hover{-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}*/ .yljoinList{margin-top: 2.2%;} .fon22{font-size: 18px;} .yljoinList01{position: relative;} .yljoinList01 span{margin: 0 26px;} .yljoinListR{position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .yljoinListR img{display: block;} .yljoinList02{margin-top: 18px;} .yljoinList02 img{display: inline-block;vertical-align: middle;margin: -3px 8px 0 0;} .yljoinList02 span{margin-right: 40px;} .yljoinList02 span:last-of-type{margin-right:0;} .yljoinList03{padding: 3% 0 0;display: none;} .yljoinList03Top{line-height: 1.7;} .yljoinList03Bot{margin-top: 3%;} .yljoinList li{padding: 4.3% 3.3%;border-bottom: 1px solid #EEEEEE;} .yljoinList li.active{background: #F9F9F9;} .ylvListTit01{margin-top: 90px;} .newSList.detaList .newSListConL{overflow: hidden;} .newSListConL img{transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .newSList.detaList li:hover .newSListConL img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)} .xzListTi{} .xzListTi li{vertical-align: text-top; display: inline-block; width: 33.3%;padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ylsTnR{margin-top: 3%;} .ylsTnR h3{display: inline-block;margin: 0 15px;} .pagenR{margin-top: 3%;} .ylSqDpNr{} .ylSqDpNrMk{width: 21.5%;float: left;position: relative;} .ylSqDpNrMkNr{background-color: #f8f8f8;} .ylSqDpNrMkNr ul{width: 90%;margin: 0 auto 0;padding: 8px 0 18px;} .ylSqDpNrMkNr ul li{font-size: 16px;color: #999999;border-bottom: 1px dashed #E8E8E8;position: relative} .ylSqDpNrMkNr ul li:last-of-type{border: none;} .ylSqDpNrMkNr ul li a{color: #999999;display: block;line-height: 55px;} .ylSqDpNrMkNr ul li span{width: 30px; height: 30px; background: url(../images/0111/ico1.png) no-repeat center center;display: block;position: absolute;top: 50%;margin-top: -15px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; right: 0;} .ylSqDpNrMkNr ul li:hover span{background: #ff4e00 url(../images/0111/ico1.png) no-repeat center center;} .ylSqDpNrMkNr ul li:hover a{color: #333333;} .ylSqDpNrMkBot{width: 40px;margin: 0 auto 0;cursor: pointer; height: 30px; background: rgba(226, 226, 226, .5) url(../images/0111/row1.png) no-repeat center center; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;} .ylSqDpNrMkBot.on{background: rgba(226, 226, 226, .5) url(../images/0111/row2.png) no-repeat center center;position: absolute;bottom: 0;left: 50%;margin-left: -20px;} .ylSqDpNrMk.mlr2{margin: 0 3.5%;} .ylWxWdNr{background-color: #727272;margin-top: 50px;position: relative;} .ylWxWdNrL{width: 400px;float: left;padding: 50px 0;} .ylWxWdNrR{width: 54%;float: left;position: absolute;top: 0;right: 0;bottom: 0;z-index: 2;} .ylWxWdNrMk h3{font-size: 20px;color: #ffffff;font-weight: normal;} .ylWxWdNrMk p{font-size: 16px;color: #bebebe;margin-top: 5px;} .ylWxWdNrMk{padding: 35px 0;border-bottom: 1px solid #898989;} .ylWxWdNrL .ylWxWdNrMk:last-of-type{border: none;} #allmap{width: 100%;height: 100%;} .xzSjJmNr01{padding-top: 10px;} .xzSjJmNr01_1{} .xzSjJmNr01 li{float: left;width: 23.5%;margin: 2% 2% 0 0;background: #fff;text-align: center;} .xzSjJmNr01 li:nth-child(4n){margin-right: 0;} .xzSjJmNr01_2{padding: 15px 0;} .xzSjJmNr02{} .xzSjJmNr02Mk{position: relative;margin-top: 3%;} .xzSjJmNr02MkWz{position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .xzSjJmNr02MkWz.fr{left: auto;right:0;} .xzSjJmNr02MkWz01 h3{float: left;width: 59px;margin: 6px 25px 0 0;} .xzSjJmNr02MkWz01_div{float: left;} .xzSjJmNr02MkWz02_1{width: 30px;margin-top: 30px; height: 2px; background-color: #000000;} .xzSjJmNr02MkWz02{margin-left: 84px;} .xzSjJmNr02MkWz02_2{line-height: 2;margin-top: 30px;color: #999999;} .xzSjJmNr02MkWz02_3{margin-top: 30px;} .xzSjJmNr02MkImg{width: 45%;position: relative;} .xzSjJmNr02MkImg::before{content: '';width: 55px;height: 100%;position: absolute;top: 0;bottom: 0;background-color: #ff4e00;left: 100%;} .xzSjJmNr02MkImg.fl::before{left: auto;right: 100%;} .ylFooter .floatr ul li:last-of-type img{0width: 40px;} @media only screen and (min-width: 100px) and (max-width:740px){ .ylSqDpNrMk{width: 100%;} .ylSqDpNrMk.mlr2{margin: 0;} .xzSjJmNr01 li{width: 49%;} .xzSjJmNr01 li:nth-child(4n){margin-right: 2%;} .xzSjJmNr01 li:nth-child(2n){margin-right: 0;} .ylscjdConNr02{font-size: 14px;} .ylWxWdNrR{position: static;width: 100%;} #allmap{height: 300px;} .ylWxWdNrL{width: 100%;padding: 10px 0;} .ylWxWdNrMk{padding: 15px 0;} .ylWxWdNrMk h3{font-size: 14px;} .ylWxWdNrMk p{font-size: 12px;} } @media only screen and (min-width: 100px) and (max-width:910px){ .xzSjJmNr02MkWz01 h3{width: 40px;margin: 6px 15px 0 0;} .xzSjJmNr02MkWz02{margin-left: 0;} .xzSjJmNr02MkWz{position: static;width: 50%;-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .xzSjJmNr02MkWz02_2{font-size: 13px;line-height: 1.4;margin-top: 15px;} .xzSjJmNr02MkWz02_1{margin-top: 15px;} .xzSjJmNr02MkWz02_3{margin-top: 15px;} .xzSjJmNr02Mk{margin-top: 25px;} } @media only screen and (min-width: 100px) and (max-width:890px){ .xzListTi li{float: none;width: 100%;padding: 0 0px;margin-top: 25px;} } @media screen and (max-width:600px) { #pgServer a,#pgServer font,#pgServer span{margin-right:3px;padding:2px 5px;} } @media only screen and (min-width: 100px) and (max-width:3000px){ /*.yljmysCon1002{margin-top: 4.3%;}*/ .ylzqqNr .floatr h3{font-size: 18px;} .ylzqqNr .floatr h1{font-size:24px;} .index .index-about .about-new .con .cn{font-size: 18px;} } /*@media only screen and (min-width: 100px) and (max-width: 1300px) { .ylzqqNr .floatr h3{font-size: 20px;} .ylzqqNr .floatr h1{font-size: 24px;} .ylzqqNr .floatr{width: 53%;} }*/ @media only screen and (min-width: 100px) and (max-width: 800px) { .ylzqqNr .floatr h3{font-size: 20px;} .ylzqqNr .floatr h1{font-size: 16px;} .ylzqqNr .floatr{width: 100%;margin-top: 3%;} .ylzqqNr .floatl{width: 100%;} .ylzqqNr .floatr p span{display: none;} .ylallA{width: auto;height: 35px;line-height: 35px;font-size: 14px;padding: 0 3%;} .ylzqqNr{padding: 3% 0 3%;} } @media only screen and (min-width: 100px) and (max-width: 1350px) { .cpTitList li{margin-left: 15px;} .ylProList>li{width: 23%;margin: 2% 1% 0;} .ylProList>li:nth-child(5n) {margin-right: 1%;} } @media only screen and (min-width: 100px) and (max-width: 1060px) { .ylAllTit .floatl b{font-size: 20px;} .ylAllTit .floatl span{font-size: 14px;} .cpTitList{font-size: 15px;} .ylAllTit2 h3{font-size: 20px;} .ylAllTit2 p{font-size: 14px;} } @media only screen and (min-width: 100px) and (max-width: 851px) { .ylAllTit .floatl{float: none;} .cpTitList{float: none;white-space: nowrap;overflow-x: auto;} .cpTitList li:hover{padding:0} .cpTitList li:hover::before{width:0} .cpTitList li{margin: 0 5px;width: auto;text-align: center;} .cpTitList li{float: none;display: inline-block;white-space: nowrap;} .ylProList>li{width: 31.3%;margin: 2% 1% 0;} } @media only screen and (min-width: 100px) and (max-width:650px) { .ylProList>li:hover .ylProListAllIco{display: none;} .cpTitList li{font-size: 13px;line-height: 20px;} .ylProList>li{width: 48%;margin: 2% 1% 0;} } @media only screen and (min-width: 1259px) and (max-width: 1430px) { .index .index-about .about-new .con{width: 48%;} .index .index-about .about-new .pic{width: 48%;} } @media only screen and (min-width: 100px) and (max-width: 1258px) { .index .index-about .about-new .con{width: 100%;} .index .index-about .about-new .pic{width: 100%;} .index .index-about .about-new .con .en{font-size:16px;line-height: normal;} .index .index-about .about-new .con .cn{font-size:16px;line-height: normal;} .index .index-about .about-new .con .list .item .icon{width: 35px;height: 35px;} .index .index-about .about-new .con .list .item .icon{-webkit-background-size:auto 20px;-moz-background-size:auto 20px;-ms-background-size:auto 20px;-o-background-size:auto 20px;background-size:auto 20px;} .index .index-about .about-new .con .list .item .tits{padding-left: 40px;margin: 0;} .index .index-about .about-new .con .list .item .tits .t{font-size: 16px;margin: 0;line-height: 100%;} .index .index-about .about-new .con .list .item .tits .t1{font-size: 13px;} .index .index-about .about-new .pic{margin-top: 3%;} } @media only screen and (min-width: 100px) and (max-width: 600px){ .ylIndBan .swiper-pagination{top: auto;right:0;text-align: left; -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);left: 15px;width: auto;right: 15px; bottom: 15px;} .ylIndBan .swiper-pagination-bullet{background: #fff;margin:0 2px;opacity: .6;} .ylIndBan .swiper-pagination-bullet-active{background: #FF4E00;width: 15px;} } @media only screen and (min-width: 100px) and (max-width: 3000px){ .header-box .header .header-new .nav ul li{margin: 0 19px;} .header-box .header .header-new .tag span{margin: 5.5px 15px 0;} } @media only screen and (min-width: 1131px) and (max-width: 3000px){ .header-box .header .header-new .nav ul li:hover .ylsbkhdh{display: block;} } @media only screen and (min-width: 100px) and (max-width: 1130px){ .header-box{height: 60px;} .headerAfterH{height: 60px;} .header-box .header .header-new .logo{margin-top: 14px;} .header-box .header .header-new .tag{margin-top: 19px;} .MenuIco{display: block;} .header-box .header .header-new .nav{display: block;position: static;width: auto;margin: 40px 15px 0;} .header-box .header .header-new .nav ul li{display: block;margin: 0;padding:0 0;line-height: 40px; text-align: left;border-bottom:1px solid #e5e5e5;} .header-box .header .header-new .nav ul li .tits:after{background: none;} .header-box .header .header-new .tag span{margin: 5.5px 10px 0;} .header-box .header .header-new .tag{margin: 0 15px 0;width: auto; float: none;} .header-box .header .header-new .nav ul li .tits{color: #333333;padding: 0;display: block;line-height: 40px;font-size: 14px;} .header-boxBj{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #fff;z-index: 99999999;display: none;} .header-box .header .header-new .tag a{display: block;width: 100%;height: 40px;background-position: left center;border-bottom:1px solid #e5e5e5;} .header-box .header .header-new .tag a.orange{display: block;width: 100%;height: 40px;background-position: left center;border-bottom:1px solid #e5e5e5;line-height: 40px;} .header-box .header .header-new .tag span{display: none;} .header-box .header .header-new .tag a.a1{background-image:url(../images/ico18.png);} .header-box .header .header-new .tag a.a2{background-image:url(../images/ico19.png);} .header-box .header .header-new .tag a.a3{background-image:url(../images/ico20.png);} .header-box .header .header-new .nav ul li:hover .ylsbkhdh{display:all;} .lbmk{width: 100%;margin: 0;} .lbmkAll{width: 90%;margin-left: auto;margin-right: auto;} .ylsbkhdh{position: static;width: 100%;margin:0;} .ylsbkhdh .ylsbkhdhNr{margin: 0;padding: 5px 0;} .lbmkAll.w2 .lbmk{width: 100%;margin: 0;} .lbmk div img, .ylsbkhdhNrR img{display: none;} .lbmk p{margin: 0;} .lbmkAll.w2{width: 90%;max-width: 90%;} .ylsbkhdhNrL{width: 90%;margin:0 auto 0;float: none;} .ylsbkhdhNrL a{display: block;width: 100%;margin: 0;background: none;} .ylsbkhdhNrR{display: none;} } @media only screen and (min-width: 100px) and (max-width: 1175px){ .xwList .swiper-slide{width: 300px;} .xwListConR{width: 65px;height: 65px;} .xwListConR h3{font-size: 12px;padding-top: 18px;} .xwListConR p{font-size: 14px} .xwListCon{min-height: 65px;} .xwListConL h3{font-size: 14px;} .xwListConL p{font-size: 12px;margin-top: 6px;} .xwListCon{padding-right: 88px;} } @media only screen and (min-width: 100px) and (max-width: 1284px){ .ylFooter .w1680{padding-right: 80px;} .ylFooter .floatl{width: 50%;} .ylFooter .floatr{width: 50%;} } @media only screen and (min-width: 100px) and (max-width: 1020px){ .ylFooter .floatl{width: 100%;float: none;display: none;} .ylFooter .floatr{width: 100%;float: none;margin-top: 15px;} .ylFooter .w1680{padding-right: 0;} .toTop{/*position: static;*/top: auto;bottom: 34px;} .ylFooter .floatl dt{font-size: 14px;padding-bottom: 0;} .ylFooter .floatl dd{font-size: 13px;margin-top: 20px} .ylFooter .floatr h3{font-size: 16px;} .ylFooter .floatr .fon17{font-size: 14px;} .ylFooter .floatr .fon16{font-size: 13px;} .ylFooter .floatr .marginTop5{margin-top: 6px} .ylFooter .floatr ul{margin-top:12px} } @media only screen and (max-width:640px ) { .fixedVideo .videoDDD{width: 93%; margin-left: 0; left: 2%;} .closeVideo{ left: auto; right: 0; top: auto; bottom: 100%; border-radius: 0;} } @media only screen and (min-width: 100px) and (max-width: 1400px){ .pcLiTopL h3{font-size: 20px;} .pcLiTopL p{font-size: 16px;} .pcLiTopC{padding-top: 60px;width: 100%;margin: 0;} .pcLiTopC ul{white-space: nowrap;overflow-x: auto;} /*.pcLiTopR{width: 50px;height: 50px;} .pcLiTopR img{margin: 10px 0 0 11px;}*/ .pcLiTopC li{font-size: 16px;} .pcLiTopC li a{padding: 0 15px;} .pcLiTop{padding-bottom: 10px;} .pcEjLm li a{font-size: 14px;} .pcEjLm li a{padding: 0 15px;} .pcEjLm li{margin: 10px 5px 0;} .pcEjLm{max-width: 100%;white-space: nowrap;overflow-x: auto;} .pcLiTopR.rowR{width: 50px;height: 50px;} .pcLiTopR.rowR img{margin: 12.5px 0 0 19px;} } @media only screen and (min-width: 100px) and (max-width: 500px){ .XzTit .pcLiTopR{position: static;padding-top: 51px;} .pcLiTopR{display: block;position:absolute;width: 100%;top: 50px;} .pcLiTopC{margin-top: 63px;float: left;width: 100%;} .pcLiTopR.rowR{width: 40px;height: 40px;} .pcLiTopR.rowR img{margin: 8.5px 0 0 14px;} } @media only screen and (min-width: 881px) and (max-width: 1300px){ .ylProList.pgList>li{width: 32%;} .ylProList.pgList>li:nth-child(4n){margin-right: 2%;} .ylProList.pgList>li:nth-child(3n){margin-right: 0;} } @media only screen and (min-width: 100px) and (max-width: 880px){ .ylProList.pgList>li{width: 49%;} .ylProList.pgList>li:nth-child(4n){margin-right: 2%;} .ylProList.pgList>li:nth-child(3n){margin-right: 2%;} .ylProList.pgList>li:nth-child(2n){margin-right: 0;} } @media only screen and (min-width: 100px) and (max-width: 3000px){ .ylCpFyCenR01{font-size: 18px;} .ylCpFyCenR02{font-size: 14px;} .ylCpFyCenR03{line-height: 1.6;} .ylGmList li{font-size: 14px;height: 40px;line-height: 40px;border-width: 1px;} .ylGmList li img{width: 25px;height: auto;margin-right: 5px;} .ylCpFyCenR04{font-size: 14px;} .xQtitCon h3{font-size:24px;} .xQtitCon p{font-size: 16px;} .ylxnConTit{font-size: 16px;padding: 30px 0 15px;} .pJList li p{font-size: 14px;} } @media only screen and (min-width: 100px) and (max-width:1145px){ .ylCpFyL{width: 51px;overflow: hidden;} .ylCpFyMkzy{display: none;} .ylCpFyR{width: 51px;overflow: hidden;} .ylCpFyCen{padding: 0 55px 0 55px;} } @media only screen and (min-width: 100px) and (max-width:930px){ .picFocus .bd{width: 100%;} .ylCpFyCenR{width: 100%;padding-top: 105px;position: relative;margin-top: 10px;} .picFocus .hd{position: absolute;top: 0;left: 0;margin: 0;} .picFocus .hd ul li{width: 75px;margin: 0 8px 0 0;padding: 10px;} .picFocus .hd ul li:nth-child(3){margin-right: 0;} .picFocus .hd ul{margin: 0;} } @media only screen and (min-width: 100px) and (max-width:1150px){ .ylxnConL{width: 100%;} .ylxnConR{width: 100%;} .ylxnConTit{padding: 20px 0 0px;} } @media only screen and (min-width: 100px) and (max-width:1430px){ .pJList li{width: 18%;} } @media only screen and (min-width: 100px) and (max-width:940px){ .pJList li{width: 23%;} .pJList li p{font-size: 12px;line-height: 20px;height: 40px;} } /* @media only screen and (min-width: 100px) and (max-width:1400px){ .servList li{width: 31.3%;margin: 2% 1% 0;} .servList li:nth-child(4n){margin-right: 1%;} .serTopTit .pcLiTopL .fon46{font-size: 20px;} .serTopTit .pcLiTopL .fon26{font-size: 16px;margin-top:0;} .serTopTitR{float: none;padding-top: 50px;} .serTopTitR .cpTitList li{line-height: 25px;} .serTopTitSea{display: block;width: 100%;margin-top:10px;} } */ @media only screen and (min-width: 100px) and (max-width:600px){ .servList li{width: 31.3%;margin: 2% 1% 0;} .servList li:nth-child(4n){margin-right: 1%;} .serTopTit .pcLiTopL .fon46{font-size: 20px;} .serTopTit .pcLiTopL .fon26{font-size: 16px;margin-top:0;} .serTopTitR{float: none;padding-top: 75px;} .serTopTitR .cpTitList li{line-height: 25px;} .serTopTitSea{display: block;width: 100%;margin-top:10px;} } @media only screen and (min-width: 100px) and (max-width:930px){ .servList li{width: 48%;margin: 2% 1% 0;} .servList li:nth-child(4n){margin-right: 1%;} .servList li h3{font-size:14px;line-height: 28px;height: 56px;} .servList.w3{padding-top: 15px;} .servList.w3 li{width: 48%;margin: 2% 1% 0;} .servList.w3 li:nth-child(3n){margin-right: 1%;} } @media only screen and (min-width: 100px) and (max-width:1240px){ .abTopWz li{font-size: 16px;white-space: nowrap;} .abTopWz li span{font-size: 14px;} } @media only screen and (min-width: 100px) and (max-width:760px){ .abTopWz ul{display: block;text-align: initial; text-align-last: initial; } .abTopWz li{float: left;width: 50%;padding: 3px 0;display: block;} .ylelectr img{display: inline-block;max-width: 180px;height: auto;margin-bottom: 2%;} .ylelectrIco{width: auto;height: 35px;line-height: 35px;font-size: 12px;padding: 0 30px;} } @media only screen and (min-width: 100px) and (max-width:1435px){ .ylTimeZCon01 span{font-size: 28px;line-height: 30px;padding: 0 20px;} .ylTimeZCon::before{top: 31px;} .ylTimeZCon02{font-size: 14px;} } @media only screen and (min-width: 100px) and (max-width:1088px){ .ylTimeZ{padding: 0;} } @media only screen and (min-width: 100px) and (max-width:950px){ .ylTimeZCon01 span{padding: 0 10px;font-size: 20px;} .ylTimeZCon .swiper-slide-active .ylTimeZCon01{background: none;} .ylTimeZCon .swiper-slide-active .ylTimeZCon01 span{padding: 0 10px;} .ylTimeZCon .swiper-slide-prev .ylTimeZCon01{background: #FFFFFF;} .ylTimeZCon .swiper-slide-next .ylTimeZCon01{background: #FFFFFF;} .ylTimeZCon .swiper-slide-active .ylTimeZCon02, .ylTimeZCon .swiper-slide-active .ylTimeZCon03{display: block;} .ylTimeZCon .swiper-slide-prev .ylTimeZCon02, .ylTimeZCon .swiper-slide-prev .ylTimeZCon03{display: none;} .ylTimeZCon .swiper-slide-next .ylTimeZCon02, .ylTimeZCon .swiper-slide-next .ylTimeZCon03{display: none;} .ylTimeZCon .swiper-button-next{right: 0;} .ylTimeZCon .swiper-slide{width: 63%;} .ylTimeZCon .swiper-button-prev{left: 0;} } .ylZxR .ylZxListR h3{margin: 0;} @media only screen and (min-width: 100px) and (max-width:3000px){ .ylZxList li{padding: 0 0 0 135px;min-height: 118px;} .ylZxListL{width: 120px;height: 118px;} .ylZxList li .xwListMore{margin-top: 10px;} .ylZxListR p{margin-top: 5px;} .ylZxListL p{padding-top: 31px;} } @media only screen and (min-width: 100px) and (max-width:1225px){ .ylZxL{width: 100%;} .ylZxR{width: 100%;margin-top: 20px;} .ylZxR .ylZxListR h3{font-size: 16px;} .ylZxListR p{font-size: 13px;line-height: 20px;height: 40px;} .ylZxListL{width: 100px;height: 110px;} .ylZxListL h3{font-size: 26px;} .ylZxList li{padding: 0 0 0 115px;min-height: 110px;} .ylZxList li .xwListMore{margin-top:8px;} .ylZxLConBotL h3{font-size: 20px;} .ylZxLConBotL{left: 10px;top: 10px;} .ylZxLConBot{padding: 10px 10px 10px 100px;} .ylZxLConBotR h3{font-size: 16px;margin-right: 20px;line-height: 47px;} .ylZxLConBotL::before{margin-left: 13px;} .ylZxLConBot{min-height: 47px;} .spListNrCon h3{font-size: 14px;} .spListNrCon img{width: 50px;margin: -25px 0 0 -25px;} .spListNr li{width: 49%;margin: 2% 2% 0 0;} .spListNr li:nth-child(3n){margin-right: 2%;} .spListNr li:nth-child(2n){margin-right: 0;} } @media only screen and (min-width: 100px) and (max-width:600px){ .spListNrCon img{width: 40px;margin: -40px 0 0 -20px;} .yljrBot img{max-width: 54%;} .comNr04 .spListNrCon img{margin: -25px 0 0 -25px;} } @media only screen and (min-width: 100px) and (max-width:3000px){ .ylvListTit01{font-size:22px;margin-top: 50px;} .ylvListTit02{font-size: 20px;} .NewsDetailTit{font-size: 18px;} .NewsDetailIco{font-size: 14px;} .NewsDetailLCon{font-size: 14px;} /* .newSListConR h3{font-size: 16px;}*/ .newsTopCon h3{font-size: 18px;} .comNr01{font-size:22px;} .comNr02{font-size: 24px;} .comNr04L .fon40{font-size: 16px;} .comNr04Bot b{font-size:22px;} .comNr04Bot span{font-size: 20px;} } .newsRBac{position: fixed;top: 0;bottom: 0;right: 0;width: 30%;background:#F5F5F5;z-index: -1;} @media only screen and (min-width: 1800px) and (max-width:3000px){ .newsRBac{width: 38%;} } @media only screen and (min-width: 1500px) and (max-width:3000px){ .newsRBac{width: 35%;} } @media only screen and (min-width: 100px) and (max-width:1100px){ .NewsDetailL{width: 100%;} .newsRBac{background: #fff;} .NewsDetailR{width: 100%;} .ylvListTit01{font-size:20px;margin-top: 20px;} .ylvListTit02{font-size: 15px;} .NewsDetailTit{font-size:16px;margin-top: 15px;} .ylvListTit01.fon26{font-size:20px;} .ylvListTit02.fon20{font-size: 15px;} .newSList.detaList .newSListConR{margin-top: 8px;} .newSList.detaList li p{margin-top: 5px;} .newSList.detaList li .xwListMore{margin-top: 10px;} .newSList.detaList li{margin-top: 20px;} .newSList.detaList li:nth-child(1){margin-top: 20px;} .newSList{margin-top:0;} .newsTopCon h3{font-size: 15px;} .newsTopCon p{font-size: 13px;} .ylZxLCon.newsTop .swiper-button-prev{left: 5px;} .ylZxLCon.newsTop .swiper-button-next{right: 5px;} .newsTopCon{left: 70px;right: 70px;} .newSList li{padding: 0;margin-top: 15px;} .newSListConR{margin-left: 315px;} /*.newSListConL div{height: 52px;}*/ #pgServer a, #pgServer font, #pgServer span{width: 25px;height: 30px;line-height: 30px;font-size: 14px;margin: 0;} .newSList li:hover{background: none;} } @media only screen and (min-width: 100px) and (max-width:570px){ .NewsDetailIco span{display: block;margin: 0;-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;white-space: nowrap;} .NewsDetailIco img{width: 15px;margin: -3px 3px 0 0;} .NewsDetailIco{font-size: 12px;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 10px 0 15px;} .NewsDetailBot{font-size: 14px;} .NewsDetailBotL span{width: 40px;height: 40px;} .NewsDetailBotL img{margin-top: 9px;} .NewsDetailBotR a{height: 40px;line-height: 40px;width: 150px;} } @media only screen and (min-width: 100px) and (max-width:900px){ .newSListConL{width: 150px;} .newSList li{min-height: 98px;} .newSListConR p{font-size: 12px;line-height: 20px;height: 40px;margin-top: 5px;} .newSListConR{margin-left: 160px;} .newSListConR h3{padding-top: 0;font-size: 15px;} .newSList li .newSListConR .xwListMore{font-size: 14px;} .newSListConL h3{font-size:15px;} } @media only screen and (min-width: 100px) and (max-width:780px){ .comNr01{font-size:16px;} .comNr02{font-size: 15px;} .comNr03{font-size: 14px;} .comNr04L .fon40{font-size:16px;} .comNr04Bot{margin-top: 15px;} } @media only screen and (min-width: 100px) and (max-width:690px){ .comNr04L{width: 100%;} .comNr04R{width: 100%;margin-top: 13px;} .comNr04Hg{margin:10px 0 10px;} } @media only screen and (min-width: 100px) and (max-width:550px){ .servList li h3{font-size: 14px;} .pageFy a{width: 80px;height: 40px;line-height: 40px;margin: 0 5px;} } @media only screen and (min-width: 100px) and (max-width:570px){ .ylZxLCon.newsTop .swiper-button-next, .ylZxLCon.newsTop .swiper-button-prev{width: 30px;height: 30px;margin-top: -16px;} .ylPrev{width: 40px;height: 40px;margin-top:80px;} .ylNext{width: 40px;height: 40px;margin-top:80px;} } @media only screen and (min-width: 100px) and (max-width:800px){ .xwList .swiper-pagination{display: none;} } @media only screen and (min-width: 100px) and (max-width:415px){ .ylGmList li img{width: 18px;} .ylGmList li{font-size: 12px;height: 35px;line-height: 35px;} } @media only screen and (min-width: 100px) and (max-width:370px){ .picFocus .hd ul li{width: 31.3%;margin: 0 2% 0 0;} .ylCpFyCenR{padding-top: 96px;} } @media only screen and (min-width: 100px) and (max-width:1500px){ /*.fon88{font-size: 44px;} .fon70{font-size: 42px;} .fon60{font-size:24px;} .fon26{font-size: 20px;}*/ .yllibtit03{max-width: 96%;} /*.cpTitList.fon24{font-size:16px;} .fon30{font-size: 20px;} .fon34{font-size: 22px;} .fon16{font-size: 15px;} .fon40{font-size: 29px;} .fon24{font-size:16px;} .fon46{font-size:22px;} .fon36{font-size: 26px;} .fon20{font-size:16px;} .fon22{font-size: 20px;}*/ } @media only screen and (min-width: 100px) and (max-width:1300px){ /*.fon88{font-size: 34px;} .fon70{font-size: 32px;} .fon60{font-size:22px;} .fon26{font-size: 16px;} .cpTitList.fon24{font-size: 15px;} .fon30{font-size: 17px;} .fon34{font-size: 19px;} .fon16{font-size: 14px;} .fon40{font-size: 21px;} .fon24{font-size: 15px;}*/ .videoOpenCon img{display: inline-block;width:60px;} /*.fon46{font-size: 25px;} .fon36{font-size: 22px;} .fon22{font-size:16px;} .fon20{font-size: 16px;}*/ } @media only screen and (min-width: 100px) and (max-width:640px){ /*.fon88{font-size: 24px;} .fon70{font-size: 22px;} .fon60{font-size: 20px;} .fon26{font-size: 14px;} .cpTitList.fon24{font-size: 14px;} .fon30{font-size: 15px;} .fon34{font-size: 16px;} .fon16{font-size: 14px;} .fon40{font-size:16px;} .fon24{font-size: 14px;} .fon46{font-size:16px;} .fon36{font-size: 16px;} .fon20{font-size: 15px;} .fon22{font-size: 16px;} .fon14{font-size: 12px;}*/ } @media only screen and (min-width: 100px) and (max-width:750px){ .ylmogdj .floatl{width: 100%;} .ylmogdj .floatr{width: 100%;margin-top: 15px;} .videoOpenCon img{width: 50px;} } @media only screen and (min-width: 100px) and (max-width:900px){ .cpTitList.text-center li{margin: 0 15px 0;} } @media only screen and (min-width: 100px) and (max-width:680px){ .yldlpp .floatl{width: 100%;} .yldlpp .floatr{width: 100%;} .yldlpp{padding-bottom: 28px;} } @media only screen and (min-width: 100px) and (max-width:1150px){ .ylyftdmk{padding: 3% 0;} .ylyftd .ylyftdmk:nth-child(2n-1) .ylyftdmkbt{/*float: left;margin-left: 32%;*/width: 67%;margin-left: 33%;} .ylyftd .ylyftdmk:nth-child(2n-1) .ylyftdmknr{width: 64%;margin-right:3%;margin-top: 20px;} .ylyftdmkbtHg{margin-top: 20px;} .ylyftd .ylyftdmk:nth-child(2n) .ylyftdmkbt{/*float: left;margin-left: 32%;*/width: 67%;} .ylyftd .ylyftdmk:nth-child(2n) .ylyftdmknr{width: 64%;margin: 0 0 0 3%;margin-top: 20px;} } @media only screen and (min-width: 100px) and (max-width:740px){ .ylyftdmkImg img{display: block;width: 100%;height: auto;} .ylyftdmkImg{background-image: none!important;position: static;width: 100%;margin-top: 15px;} .ylyftd .ylyftdmk:nth-child(2n-1) .ylyftdmkbt{float: none;width: 90%;margin: 0 auto 0;} .ylyftd .ylyftdmk:nth-child(2n-1) .ylyftdmknr{float: none;width: 90%;margin: 15px auto 0;} .ylyftdmkbtHg{margin-top: 12px;height: 3px;} .ylyftdmk{padding: 3% 0 0;} .ylyftd .ylyftdmk:nth-child(2n) .ylyftdmkbt{float: none;width: 90%;margin: 0 auto 0;} .ylyftd .ylyftdmk:nth-child(2n) .ylyftdmknr{float: none;width: 90%;margin: 15px auto 0;} } @media only screen and (min-width: 100px) and (max-width:1000px){ .yllibqxnr04{position: static;width: 100%;} .yllibqxnr05{margin: 0;width: 50%;} .yllibqxnr06{margin: 0;width: 50%;} .yllibqxnr01{width: 100%;} .yllibqxnr02{position: static;width: 100%;} .yllibqxnr03{width: 100%;} } @media only screen and (min-width: 100px) and (max-width:750px){ .yllibqxnr04{position: static;width: 100%;} .yllibqxnr05{margin: 0;width: 100%;} .yllibqxnr06{margin: 0;width: 100%;} } @media only screen and (min-width: 100px) and (max-width:1300px){ .yllibsppcL{float: none;width: 100%;} .yllibsppcR{float: none;width: 100%;margin: 25px 0 15px;} .yllibsppcRNr01 .swiper-wrapper > .swiper-slide{width: 31.3%;} } @media only screen and (min-width: 100px) and (max-width:880px){ .yllibsppcRNr01 .swiper-wrapper > .swiper-slide{width: 48%;} } @media only screen and (min-width: 100px) and (max-width:400px){ .yllibsppcRNr01 .swiper-wrapper > .swiper-slide{width: 100%;margin: 0;} } .yllibcd img{display: inline-block;max-width: 90%;} @media only screen and (min-width: 100px) and (max-width:900px){ .ylkfTop .floatl{width: 100%;} .ylkfTop .floatr{width: 100%;margin-top: 3%;} .ylkfTop02{margin-top: 3%;} .ylkfTop04{margin-top: 3%;} .ylkfTop01{margin-top: 3%;} .ylsyyhbj{padding: 30px 0;} .ylxzzqmt{margin-top: 30px;} } .yljcpTopList li:nth-child(1){margin-left: 0;} @media only screen and (min-width: 100px) and (max-width:760px){ .yljcpTopList{white-space: nowrap;overflow-x: auto;text-align: right;} .yljcpTopList li{margin-left: 20px;float: none;display: inline-block;} .yljcpTop{position: relative;} .yljcpTop .floatr{position: absolute;top: 0;right: 0;left: 130px;} } @media only screen and (min-width: 100px) and (max-width:1150px){ .yljcpConMkR dl{line-height: 1.7;} } @media only screen and (min-width: 100px) and (max-width:1400px){ .yljcpConMkImg .swiper-pagination-bullet-active{width: 35px;} .yljcpConMkImg .swiper-pagination-bullet{width: 30px;margin: 0 5px;} } @media only screen and (min-width: 100px) and (max-width:850px){ .yljcpConMkL{width: 100%;float: none;} .yljcpConMkR{width: 100%;position: static;float: none;margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 3%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .ylqjzh{padding: 10% 0;} } @media only screen and (min-width: 100px) and (max-width:500px){ .yljcpConMkImg .swiper-pagination-bullet-active{width: 20px;height: 2px;} .yljcpConMkImg .swiper-pagination-bullet{width: 20px;margin: 0 5px;} .yljcpConMkImg .swiper-pagination{bottom: 15px;} } @media only screen and (min-width: 100px) and (max-width:1110px){ .ylscjdCon li{width: 100%;} } @media only screen and (min-width: 100px) and (max-width:3000px){ .ylFormTopmkInp{height: 60px;} .ylFormTopmk img{top: 16px;} .ylFormTopmkInp.H200{padding: 15px 0;height: 180px;} } @media only screen and (min-width: 100px) and (max-width:950px){ .ylFormTop .ylFormTopmk{width: 100%;margin: 2% 0 0;} .ylFormTopmkInp{height: 40px;} .ylFormTopmk img{width: 20px;height: auto;top: 10px;left:12px;} .ylFormTopmk{padding: 0 0 0 40px;} .ylFormTopmkInp.H200{padding: 9px 0;height: 150px;} .cwylhb{padding: 7% 0;} } .yljmysCon02{margin-top: 3%;} @media only screen and (min-width: 100px) and (max-width:3000px){ .yljmysCon0201{width: 25.3%;} .yljmysCon0202{width: 43%;margin: 0;margin-left: 4%;} .yljmysCon0203{width: 23%;} .yljmysCon0403{} .yljmysCon0401{width: 28%;margin-right:2%;} .yljmysCon0402{width: 40%;} .yljmysCon0602{width: 30%;margin-left:2%;} .yljmysCon0601{width: 50%;} } @media only screen and (min-width: 100px) and (max-width:1000px){ .yljmysCon1202{width: 33%;} .yljmysCon1202{margin-top: 1%;} } @media only screen and (min-width: 100px) and (max-width:600px){ .yljmysCon0201 i{display: none;} .yljmysCon0401 i{display: none;} .yljmysCon01{} .yljmysCon01 .floatl{float: none;} .yljmysCon01 em{margin: 0 10px 0 0;} .yljmysCon0102{margin: 3% 0 0;} .yljmysCon01{margin-left: 0;} .yljmysCon0203{width: 100%;} .yljmysCon0201{width: 37%;} .yljmysCon0202{width: 61%;margin-left: 2%;} .yljmysCon0203{margin-top: 3%;} .yljmysCon0403{width: 100%;} .yljmysCon0401{width: 40%;} .yljmysCon0402{width: 58%;} .yljmysCon0403{margin: 3% 0 0 0;} .yljmysCon05{margin-left: 0;} .yljmysCon0602{width: 49%;} .yljmysCon0601{width: 49%;} .yljmysCon0901{width: 43.3%;} .yljmysCon0902{width: 53%;margin: 0 0 0 1.3%;} .yljmysCon09 li.yljmysCon0903{width: 100%;margin-top: 1.3%;} .yljmysCon09 li div{padding: 10px 0;} .yljmysCon1001{margin-left: 0;} .yljmysCon1002{margin: 3% 0 0;} .yljmysCon1202{width: 100%;} .yljmysCon1201{width: 100%;} .yljmysCon1203{margin-top: 3%;} .yljmysCon1201{margin-top: 3%;} } .yljoinList01{padding-right: 40px;} @media only screen and (min-width: 100px) and (max-width:1100px){ .yljoinList01 span{margin: 0 15px;} .yljoinList02{margin-top: 13px;} .yljoinList02 span{margin-right: 15px;} .yljoinList02 img{height: 15px;width: auto;} } @media only screen and (min-width: 100px) and (max-width:700px){ .yljoinList01 span{margin: 0 8px;} .yljoinList02{margin-top: 13px;} .yljoinList02 img{margin-right: 5px;} } @media only screen and (min-width: 100px) and (max-width:750px){ .ylsyyhList.w2 li{width: 100%;padding: 4% 0;border: none;} .ylsyyhList.w2 li:hover{border:none;} .ylsyyhList.w2 .ylsyyhList02{margin-top: 1%;line-height: 1.8;height: auto;} } @media only screen and (min-width: 100px) and (max-width:400px){ .yljoinList02 span{margin-right: 5px;} .yljoinList02{white-space: nowrap;} } @media only screen and (min-width: 100px) and (max-width:365px){ .ylTimeZCon01 span{padding: 0;} } .ylIndBan .swiper-slide a{display: block;} @media only screen and (min-width: 100px) and (max-width:990px){ .ylIndBan .swiper-slide{0padding: 24% 0 18%} .ylIndBan .swiper-slide .img-responsive01{width: 60%} } @media only screen and (min-width: 100px) and (max-width:640px){ .videoOpenCon div{font-size: 12px;} .videoOpenCon img{width: 20px!important;} .spListNr li .fon20{font-size: 14px;} } @media only screen and (min-width: 100px) and (max-width:500px){ .videoOpenCon div{display: none;font-size:12px!important;bottom:5px!important;} } @media only screen and (min-width: 100px) and (max-width:1200px){ .ylProListTit{font-size:16px;} } @media only screen and (min-width: 100px) and (max-width:800px){ .ylProListTit{font-size: 16px;} } @media only screen and (min-width: 100px) and (max-width:400px){ .ylTimeZCon .swiper-button-next{width: 36px;height: 36px;} .ylTimeZCon .swiper-button-prev{width: 36px;height: 36px;} .ylZxLCon .swiper-button-next, .ylZxLCon .swiper-button-prev{width: 40px;height: 40px;} .ylZxLCon .swiper-button-prev{right: 40px;} } /**/ @media only screen and (min-width:960px ) { /*.animationDH{will-change:animation,transform,opacity; opacity: 0;}*/ /*.animationDH.currtt{animation: dh-1 1s linear both;-webkit-animation: dh-1 1s linear both; opacity: 1;} .ylzqqNr .currtt .floatl, .index .index-about .currtt .con{ animation: dh-4 1s linear both; -webkit-animation: dh-4 1s linear both;} .ylzqqNr .currtt .floatr, .index .index-about .currtt .pic{ animation: dh-3 1s linear both; -webkit-animation: dh-3 1s linear both;}*/ } @-webkit-keyframes dh-0{ from{opacity: 1; } to{opacity: 0; left: -10px; top: -10px; bottom: -10px; right: -10px;} } @keyframes dh-0{ from{opacity: 1; } to{opacity: 0; left: -10px; top: -10px; bottom: -10px; right: -10px;} } @keyframes dh-1 { from { opacity: 0; transform: translate3d(0,50px,0); -webkit-translate3d(0,50px,0); } to { opacity: 1; transform: translate3d(0,0,0); -webkit-translate3d(0,0,0); } } @-webkit-keyframes dh-1 { from { opacity: 0; transform: translate3d(0,50px,0); -webkit-translate3d(0,50px,0); } to { opacity: 1; transform: translate3d(0,0,0); -webkit-translate3d(0,0,0); } } @keyframes dh-2 { from {transform: scale(0); -webkit-transform: scale(0);} to {transform: scale(1); -webkit-transform: scale(1);} } @-webkit-keyframes dh-2 { from {transform: scale(0); -webkit-transform: scale(0);} to {transform: scale(1); -webkit-transform: scale(1);} } @keyframes dh-3 { from {transform: translate(150px,0); -webkit-transform: translate(150px,0);opacity: 0; } to {transform: translate(0px,0); -webkit-transform: translate(0px,0);opacity: 1; } } @-webkit-keyframes dh-3 { from {transform: translate(150px,0); -webkit-transform: translate(150px,0);opacity: 0; } to {transform: translate(0px,0); -webkit-transform: translate(0px,0);opacity: 1; } } @keyframes dh-4 { from {transform: translate(-150px,0); -webkit-transform: translate(-150px,0);opacity: 0; } to {transform: translate(0px,0); -webkit-transform: translate(0px,0);opacity: 1; } } @-webkit-keyframes dh-4 { from {transform: translate(-150px,0); -webkit-transform: translate(-150px,0);opacity: 0; } to {transform: translate(0px,0); -webkit-transform: translate(0px,0);opacity: 1; } } .ylProListCon .swiper-slide{overflow: hidden;} .ylProListCon .swiper-slide img{transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .ylProList>li:hover .swiper-slide img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)} .ylAllTit .floatl h3{font-size:24px;line-height:1.9;} .ylAllTit .floatl p{color: #999999;font-size:16px;text-transform: uppercase;line-height: 100%;} .ylAllTit2 h3{font-size:24px;line-height:1.9;} .ylAllTit2 p{color: #999999;font-size:16px;text-transform : uppercase;line-height: 100%;text-transform: uppercase; color: #999999;} .ylvListTit01{font-size:24px;line-height:1.9;} .ylvListTit02{font-size:16px;text-transform: uppercase;color: #999999;line-height: 100%;} .serTopTit .pcLiTopL .fon46{font-size:24px;line-height:1.9;} .serTopTit .pcLiTopL .fon26{font-size:16px;margin-top: 8px;text-transform: uppercase;color: #999999;line-height: 100%;} .ylTAt .fon46{font-size: 24px;line-height:1.9;} .ylTAt .fon16{font-size:16px;text-transform: uppercase;color: #999999;line-height: 100%;} .pcLiTopL h3{font-size:24px;line-height:1.9;} .pcLiTopL p{font-size:16px;color: #999999;text-transform: uppercase;line-height: 100%;} .comNr01{font-size:24px;text-transform: uppercase;line-height:1.9;} .comNr02{font-size:16px;text-transform: uppercase;color: #999999;line-height: 100%;} /*.ylAllTit .floatl b, .ylAllTit2 h3, .ylvListTit01, .serTopTit .pcLiTopL .fon46, .ylTAt .fon46, .pcLiTopL h3, .comNr01{font-size:24px;line-height:1.7;} .ylAllTit .floatl span, .ylAllTit2 p, .ylvListTit02, .serTopTit .pcLiTopL .fon26, .ylTAt .fon16, .pcLiTopL p, .comNr02{color: #999999;font-size:16px;text-transform : uppercase;line-height: 100%;text-transform: uppercase;}*/ @media only screen and (min-width: 100px) and (max-width:1300px){ .ylAllTit .floatl b{font-size:22px;} .ylAllTit .floatl span{font-size: 14px;} .ylAllTit2 h3{font-size:22px;} .ylAllTit2 p{font-size: 14px;} .ylvListTit01{font-size:22px;} .ylvListTit02{font-size: 14px;} .serTopTit .pcLiTopL .fon46{font-size:22px;} .serTopTit .pcLiTopL .fon26{font-size: 14px;} .ylTAt .fon46{font-size:22px;} .ylTAt .fon16{font-size: 14px;} .pcLiTopL h3{font-size:22px;} .pcLiTopL p{font-size: 14px;} .comNr01{font-size:22px;} .comNr02{font-size: 14px;} } @media only screen and (min-width: 100px) and (max-width:900px){ .ylAllTit .floatl b{font-size:20px;} .ylAllTit .floatl span{font-size: 12px;} .ylAllTit2 h3{font-size:20px;} .ylAllTit2 p{font-size: 12px;} .ylvListTit01{font-size: 20px;} .ylvListTit02{font-size: 12px;} .serTopTit .pcLiTopL .fon46{font-size: 20px;} .serTopTit .pcLiTopL .fon26{font-size: 12px;} .ylTAt .fon46{font-size: 20px} .ylTAt .fon16{font-size: 12px;} .pcLiTopL h3{font-size: 20px} .pcLiTopL p{font-size: 12px;} .comNr01{font-size:20px;} .comNr02{font-size: 12px;} } h1, h2, h3, h4, h5, h6, b{font-weight: normal;} .skhbxZc{padding: 0 0 0;line-height: 2;} .skhbxZc h3{font-size: 16px;margin-top: 2%;} .skhbxZc h4{font-size: 15px;margin-top: 1%;} .skhbxZc h5{font-size: 14px;padding-left: 18px;color: #000000;} .skhbxZc p{color: #000000;font-size: 14px;} .skhbxZc .ylxnConTable{max-width: 500px;color: #000000;border: 1px solid #000000;margin-bottom: 15px;} .skhbxZc .ylxnConTable td{border: 1px solid #000000;} .skhbxZc .ylxnConTable tr:hover{background: none;color: #000000;} .skhbxZc .text-right{width: 400px;text-align: center;margin-top: 3.5%;float: right;} .skhbxZc .text-right p{line-height: 1.3;} .NewsDetailLCon .skhbxZc{color: #000000;} .skhbxZc .bolder{font-weight: bold;} .NewsDetailLCon .skhbxZc .text-right p{margin-top: 1%;} .NewsDetailLCon p{margin-top:0;} .sqdpMc{} .sqdpMc .ylxnConTable{margin-left: auto;margin-right: auto;} .sqdpMc .ylxnConTable th{background: #CCCCCC;border: 1px solid #000000;font-size: 16px;padding: 10px 10px 10px 10px;} .shfwsqd .ylxnConTable{max-width: 100%;} .shfwsqd .ylxnConTable th{background: #CCCCCC;border: 1px solid #000000;font-size: 16px;padding: 10px 10px 10px 10px;} .shfwsqd .ylxnConTable .zhygdb td{background: #CCCCCC;border: 1px solid #000000;padding: 5px 10px 5px 10px;text-align: right;} @media only screen and (min-width: 100px) and (max-width:640px){ .skhbxZc .text-right{width: 100%;text-align: right;} .shfwsqd{overflow-x: auto;} .shfwsqd .ylxnConTable{width: 800px;} .sqdpMc{overflow-x: auto;} .sqdpMc .ylxnConTable{width: 500px;} } .ylsbkhdh .ylsbkhdhNr{-webkit-box-shadow:0px 2px 3px #CCCCCC;-moz-box-shadow: 0px 2px 3px #CCCCCC;-ms-box-shadow:0px 2px 3px #CCCCCC;-o-box-shadow:0px 2px 3px #CCCCCC;box-shadow:0px 2px 3px #CCCCCC;} .videobox {background:url('/images/bj11.jpg') no-repeat center top /cover;} .videobox .w1680 {width:90%;max-width:inherit;} .mypic{text-align:right;margin-left:35%;} .mypic img{width:100%!important;} .yllibsppc{ position:relative; margin:0 auto; } .myvideo {position:absolute;width:30%;top:22%;} @media (max-width:767px){ .myvideo{ position:static; width:100%; } .mypic img{ width:100%; } .videobox .w1680{ width:100%; } }