html {color: #333;background: #fff} * {transition: all 0.3s ease-in-out;} body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,p,dl,dt,dd,input,textarea { margin: 0; padding: 0; list-style: none; border: 0; text-decoration: none; } a {text-decoration: none;} a:hover {text-decoration: none !important;} a:focus {text-decoration: none !important;} fieldset,img {border: 0} .fl {float: left;} .fr {float: right;} .clear {clear: both;} .mt-10 {margin-top: 10px;} .mt-15 {margin-top: 15px;} .mt-20 {margin-top: 20px;} .mt-30 {margin-top: 30px;} .mt-35 {margin-top: 35px;} .mt-40 {margin-top: 40px;} .mt-50 {margin-top: 55px;} .mt-60 {margin-top: 55px;} .mt-65 {margin-top: 65px;} .mt-70 {margin-top: 60px;} .mt-80 {margin-top: 80px;} .mt-90 {margin-top: 90px;} .mt-100 {margin-top: 100px;} .mt-120 {margin-top: 100px;} .clearfix:after {content: "";display: block;clear: both;} i,em{font-style: normal;} #w-80 {margin: 0 auto;width: 80%;} #w-90 {margin: 0 auto;width: 90%;} #w-1400 {margin: 0 auto;width: 1400px;overflow: hidden;} /*====================swiper设置====================*/ *{margin:0;padding:0;} html,body{height:100%;} body{font-family:"microsoft yahei";} .swiper-container {width: 100%;height: 100%;} .swiper-slide {width:100%;} .header, .footer {height: 100px;} .swiper-pagination-bullet { /* margin:5px 0px !important; */ width: 15px; height: 15px; background:#26d903; opacity: .4; } .swiper-pagination-bullet-active {opacity: 1;} .ani{position: inherit;} .txt{position:absolute;} .swiper-container-vertical>.swiper-pagination-bullets{height: 50px;} /*==================== 首页====================*/ .seshi{ width: 100%; padding:20px 0px; font-size: 36px; color: #999; text-align: center; } .seshi2{ width: 100%; padding:20px 0px; font-size: 36px; color: #999; text-align: center; } /*====================top====================*/ .top-menu{ position: absolute; top:0px; left:0px; z-index: 1111; width: 100%; } /*====================end top====================*/ /*头部*/ .header{position:fixed;z-index:9999;width:100%;height:100px; border-bottom:1px solid rgba(200, 200, 200, 0.3);line-height:100px; top:0;} .k-width{width:94.5%;} .header .logo{margin-left:4%;} .header .nav-list { width:50%;margin-left:5%; padding-top:1%; display: flex; flex-direction:row; justify-content: space-between; align-items: center; } .header .nav-list .right {width:100%; display: flex; flex-direction: column; justify-items: flex-start; align-items: flex-end; } .header .nav-list .right .nav_list { width:100%; display: flex; flex-direction: row; justify-items: flex-start; align-items: center; } .header .nav-list .right .nav_list .active .nav{ font-weight: bold; color:#fff; } .header .nav-list .right .nav_list .nav { height:77px; font-size:18px; font-family: "华文行楷"; transition: all 500ms; } .header .nav-list .right .nav_list .list{ position: relative; padding:0 20px; } .header .nav-list .right .nav_list .list a{ color:#fff; } .header .nav-list .right .nav_list .list:hover a{ color:#26d903;transition: all 100ms; } .header .nav-list .right .nav_list .list:hover .nav_part_list{ border-bottom: 3px solid #26d903; } .header .nav-list .right .nav_list .list:hover .nav_part_list .nav_part_list_a{ height: 38px; } .header .nav-list .right .nav_list .nav_part_list{ overflow: hidden; position: absolute; background: rgba(255,255,255,0.8); transition: all 500ms; z-index: 2; } .header .right .nav_list .nav_part_list .nav_part_list_a{ width: 117px; height: 0; line-height: 38px; text-align: center; font-size: 16px; transition: all 500ms; } .header-right .search{font-size:14px; line-height:20px;font-family:"微软雅黑"; color:#fff; background:url(../img/t_tel.png) left no-repeat; padding-left:50px; margin-top:35px;} .header-right .search p{ font-family:Impact; font-size:30px; color:#26d903; font-weight:bold;line-height:30px;} /*n头部*/ .header_n{ position:absolute;width:100%;height:100px; border-bottom:1px solid rgba(200, 200, 200, 0.3);line-height:100px;} .header_n .logo{margin-left:4%;} .header_n .nav-list { width:50%;margin-left:5%; padding-top:1%; display: flex; flex-direction:row; justify-content: space-between; align-items: center; } .header_n .nav-list .right {width:100%; display: flex; flex-direction: column; justify-items: flex-start; align-items: flex-end; } .header_n .nav-list .right .nav_list { width:100%; display: flex; flex-direction: row; justify-items: flex-start; align-items: center; } .header_n .nav-list .right .nav_list .active .nav{ font-weight: bold; color:#fff; } .header_n .nav-list .right .nav_list .nav { height:77px; font-size:18px; font-family: "华文行楷"; transition: all 500ms; } .header_n .nav-list .right .nav_list .list{ position: relative; padding:0 20px; } .header_n .nav-list .right .nav_list .list a{ color:#fff; } .header_n .nav-list .right .nav_list .list:hover a{ color:#26d903;transition: all 100ms; } .header_n .nav-list .right .nav_list .list:hover .nav_part_list{ border-bottom: 3px solid #26d903; } .header .nav-list .right .nav_list .list:hover .nav_part_list .nav_part_list_a{ height: 38px; } .header_n .nav-list .right .nav_list .nav_part_list{ overflow: hidden; position: absolute; background: rgba(255,255,255,0.8); transition: all 500ms; z-index: 2; } .header_n .right .nav_list .nav_part_list .nav_part_list_a{ width: 117px; height: 0; line-height: 38px; text-align: center; font-size: 16px; transition: all 500ms; } /*======================简介====================*/ .aboutbg{ width: 100%; background: url(../image/about-bg.jpg) top left no-repeat; background-size: cover; } .a_about{width:700px; height:auto; text-align:left; padding-top:15%; margin-left:5%; overflow:hidden;} .a_about h1{ color:#26d903; font-size:32px; line-height:40px; font-weight:700;} .a_about h1 p{ color:#fff; font-size:18px; line-height:40px; font-weight:normal; padding-top:10px;} .a_about h1 p span{color:#26d903; font-size:24px; font-weight:bold;} .a_about img{ margin-top:20px;} .a_about ol{width:100%; height:auto; font-family:"微软雅黑"; font-size:15px; color:#fff; line-height:26px; padding-top:20px;} .a_about ol span a{color:#26d903;} .a_about ol span a:hover{ color:#c47e05;} .w_grid-001{margin-left:auto;margin-right:auto;max-width:1180px;min-height:12rem;width:100%} .w_grid-001>.w_grid{width:100%;position:relative} .w_grid-001>div>.p_gridbox{width:100%;overflow:hidden;position:static} .w_grid-001>div>.p_gridbox>.p_gridCell{float:left;position:static} .w_grid-001>div>.p_gridbox>.p_gridCell:not(:empty):before{content:'';height:.1px;display:block} .w_grid-001>div>.p_gridbox>.p_gridCell:first-child{margin-left:0;clear:left} #w_grid-001>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0;clear:left} .w_fbtn-001{display:block;width:100%;height:100%;max-width:150px;min-height:36px;max-height:0;text-align:center;font-size:0} .w_fbtn-001 .p_CommonBtn{width:100%;height:inherit;padding:0} .w_fbtn-001 .p_CommonBtn .font{text-align:center;display:inline-block;vertical-align:middle;width:100%;font-size:14px;height:auto} .w_fbtn-001 .animated{width:100%;height:100%;min-height:inherit} .w_fbtn-001 .p_link{min-height:inherit;display:block} .w_fbtn-001 .p_CommonBtn{border-style:solid} .w_fbtn-001 .p_CommonBtn{width:100%;height:36px;color:rgba(255,255,255,1);border-width:1px;border-style:none;border-color:transparent;background-color:rgba(255,102,0,1);padding-top:0;padding-right:20px;padding-left:20px;text-align:center;min-height:inherit} .w_fbtn-001 .p_CommonBtn:before{content:'';width:0;height:100%;display:inline-block;vertical-align:middle} .w_fline-001 .p_FLine{width:100%;border-top-width:1px;border-top-style:solid;border-top-color:#ccc;opacity:1;filter:alpha(opacity:100);display:inline-block;vertical-align:middle} .w_fline-001{width:100%;min-height:20px;display:block;margin:0 auto} .w_fline-001 .w_fline{width:100%;min-height:inherit;font-size:0} .w_fline-001 .w_fline:before{content:"";display:inline-block;vertical-align:middle;min-height:inherit;width:0} #w_grid-1566628703398>div>.p_gridbox{background-attachment:fixed;background-size:cover} #w_grid-1566628703398 .p_MatteIcon .iconfont:before{content:'\e602'} #w_grid-1566628703398>div{animation-fill-mode:both} #w_grid-1566628703398>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0px;clear:left} @media only screen and (max-width:768px){#w_grid-1566628703398>div>.p_gridbox>.p_gridCell{margin-bottom:2rem;margin-top:2rem;margin-left:0px}} @media only screen and (min-width:769px){#w_grid-1566628703398>div>.p_gridbox>.p_gridCell{margin-bottom:4rem;margin-top:4rem;margin-left:0px} #w_grid-1566628703398>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:100%;margin-left:0px;margin-right:0px;clear:none} #w_grid-1566628703398>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:0px}} #w_grid-1566633840181 .p_MatteIcon .iconfont:before{content:'\e602'} #w_grid-1566633840181>div{animation-fill-mode:both} #w_grid-1566633840181>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0px;clear:left} #w_grid-1566633840181>div>.p_gridbox{background:none !important} @media only screen and (max-width:768px){#w_grid-1566633840181>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span{font-size:22px !important} #w_grid-1566633840181>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(3) span{font-size:13px !important} #w_grid-1566633840181>div>.p_gridbox>.p_gridCell:nth-child(2){ padding-bottom:10px; float:right;}} @media only screen and (min-width:769px){#w_grid-1566633840181>div>.p_gridbox>.p_gridCell{margin-bottom:0rem;margin-top:0rem;margin-left:3%} #w_grid-1566633840181>div>.p_gridbox>.p_gridCell:nth-child(2n+0){width:48.5%;margin-left:3%;margin-right:0;clear:none} #w_grid-1566633840181>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0;clear:left;margin-right:0;width:48.5%} #w_grid-1566633840181>div>.p_gridbox>.p_gridCell:nth-child(2n){margin-right:0}} #w_fbtn-1566633840196 .p_CommonBtn{background-color:rgba(38,271,3,0.1);border:1px solid #fff;transition:all .5s ease} #w_fbtn-1566633840196 .p_CommonBtn .font{color:#fff} #w_fbtn-1566633840196 .p_CommonBtn:hover{background-color:rgba(38,271,3,1);} #w_fbtn-1566633840196 .p_CommonBtn:hover .font{color:#fff} #w_fbtn-1566633840196 .p_CommonBtn:active{background-color:rgba(48,131,255,1);border:1px solid #fff} #w_fbtn-1566633840196 .p_CommonBtn:active .font{color:#fff} #w_fbtn-1566633840196 .p_MatteIcon .iconfont:before{content:'\e602'} #w_fbtn-1566633840196>div{animation-fill-mode:both} @media only screen and (min-width:769px){#w_grid-1566634548563>div>.p_gridbox>.p_gridCell{margin-bottom:0rem;margin-top:0rem;margin-left:0%} #w_grid-1566634548563>div>.p_gridbox>.p_gridCell:nth-child(3n+0){width:30%;margin-left:0%;margin-right:0px;clear:none} #w_grid-1566634548563>div>.p_gridbox>.p_gridCell:nth-child(3n+1){margin-left:0px;clear:left;margin-right:0px;width:40%} #w_grid-1566634548563>div>.p_gridbox>.p_gridCell:nth-child(3n+2){width:30%;margin-left:0%;margin-right:0px;clear:none} #w_grid-1566634548563>div>.p_gridbox>.p_gridCell:nth-child(3n){margin-right:0px}} #w_fimgbox-1566636302427 .p_MatteIcon .iconfont:before{content:'\e602'} #w_fimgbox-1566636302427>div{animation-fill-mode:both} #w_fimgbox-1566636302427>.w_imgbox{overflow:hidden} #w_fimgbox-1566636302427 .w_imgbox>img{transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease} #w_fimgbox-1566636302427 .w_imgbox:hover>img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);cursor:pointer} #w_fimgbox-1566636302427>.w_imgbox:after{content:'';position:absolute;bottom:0px;left:0px;background:rgba(36,102,184,.8);width:100%;height:0%;z-index:2;transition:all .5s ease} #w_fimgbox-1566636302427>.w_imgbox:hover:after{height:100%} #w_fimgbox-1566636302427>.w_imgbox>img{position:relative;z-index:1} #w_fimgbox-1566636302427>.w_imgbox>.p_contentbox{z-index:3;align-items:flex-start;display:flex} #w_grid-1566636427825 .p_MatteIcon .iconfont:before{content:'\e602'} #w_grid-1566636427825>div{animation-fill-mode:both} #w_grid-1566636427825>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0px;clear:left} #w_grid-1566636427825>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(2) span{overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis} @media only screen and (max-width:768px){#w_grid-1566636427825>div>.p_gridbox>.p_gridCell{padding:20px} #w_grid-1566636427825>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(1) span{font-size:18px !important}} @media only screen and (min-width:769px){#w_grid-1566636427825>div>.p_gridbox>.p_gridCell{margin-bottom:3rem;margin-top:3rem;margin-left:5%} #w_grid-1566636427825>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:90%;margin-left:5%;margin-right:0;clear:none} #w_grid-1566636427825>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:5%}} @media only screen and (max-width:768px){#w_grid-1566788062678>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(2) span{font-size:18px !important}} #w_fimg-1566788062687 .p_MatteIcon .iconfont:before{content:'\e602'} #w_fimg-1566788062687>div{animation-fill-mode:both} #w_common_text-1566788062694 .p_link001{height:calc(100%)} #w_common_text-1566788062703 .p_link001{height:calc(100%)} #w_fimgbox-1566788045567 .p_MatteIcon .iconfont:before{content:'\e602'} #w_fimgbox-1566788045567>div{animation-fill-mode:both} #w_fimgbox-1566788045567>.w_imgbox{overflow:hidden} #w_fimgbox-1566788045567 .w_imgbox>img{transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease} #w_fimgbox-1566788045567 .w_imgbox:hover>img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);cursor:pointer} #w_fimgbox-1566788045567>.w_imgbox:after{content:'';position:absolute;bottom:0px;left:0px;background:rgba(36,102,184,.8);width:100%;height:0%;z-index:2;transition:all .5s ease} #w_fimgbox-1566788045567>.w_imgbox:hover:after{height:100%} #w_fimgbox-1566788045567>.w_imgbox>img{position:relative;z-index:1} #w_fimgbox-1566788045567 .w_imgbox>.p_contentbox{display:flex;align-items:center;z-index:3} #w_fimgbox-1566788045567 #content_box-1566788045585-0>.w_fimg-000:nth-child(1){transform:translate3d(0,0px,0);height:auto;opacity:1;transition:all .5s ease} #w_fimgbox-1566788045567 #content_box-1566788045585-0>.reset_style:nth-child(2){transform:translate3d(0,0px,0);height:auto;opacity:1;transition:all .5s ease} #w_fimgbox-1566788045567 #content_box-1566788045585-0>.w_fline-001:nth-child(3){transform:translate3d(0,40px,0);height:0px;opacity:0;transition:all .5s ease} #w_fimgbox-1566788045567 #content_box-1566788045585-0>.reset_style:nth-child(4){transform:translate3d(0,0px,0);height:0px;opacity:0;transition:all .5s ease} #w_fimgbox-1566788045567:hover #content_box-1566788045585-0>.w_fimg-000:nth-child(1){transform:translate3d(0,-40px,0);height:auto;opacity:0} #w_fimgbox-1566788045567:hover #content_box-1566788045585-0>.reset_style:nth-child(2){transform:translate3d(0,-40px,0);height:auto;opacity:1} #w_fimgbox-1566788045567:hover #content_box-1566788045585-0>.w_fline-001:nth-child(3){transform:translate3d(0,-40px,0);height:auto;opacity:1} #w_fimgbox-1566788045567:hover #content_box-1566788045585-0>.reset_style:nth-child(4){transform:translate3d(0,-40px,0);height:auto;opacity:1} #w_grid-1566788045585>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0;clear:left} @media only screen and (max-width:768px){#w_grid-1566788045585>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(2) span{font-size:18px !important}} #w_fimg-1566788045591 .p_MatteIcon .iconfont:before{content:'\e602'} #w_fimg-1566788045591>div{animation-fill-mode:both} #w_common_text-1566788045596 .p_link001{height:calc(100%)} #w_common_text-1566788045602 .p_link001{height:calc(100%)} #w_fimgbox-1566788056189 .p_MatteIcon .iconfont:before{content:'\e602'} #w_fimgbox-1566788056189>div{animation-fill-mode:both} #w_fimgbox-1566788056189>.w_imgbox{overflow:hidden} #w_fimgbox-1566788056189 .w_imgbox>img{transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease} #w_fimgbox-1566788056189 .w_imgbox:hover>img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);cursor:pointer} #w_fimgbox-1566788056189>.w_imgbox:after{content:'';position:absolute;bottom:0px;left:0px;background:rgba(36,102,184,.8);width:100%;height:0%;z-index:2;transition:all .5s ease} #w_fimgbox-1566788056189>.w_imgbox:hover:after{height:100%} #w_fimgbox-1566788056189>.w_imgbox>img{position:relative;z-index:1} #w_fimgbox-1566788056189 .w_imgbox>.p_contentbox{display:flex;align-items:center;z-index:3} #w_fimgbox-1566788056189 #content_box-1566788056199-0>.w_fimg-000:nth-child(1){transform:translate3d(0,0px,0);height:auto;opacity:1;transition:all .5s ease} #w_fimgbox-1566788056189 #content_box-1566788056199-0>.reset_style:nth-child(2){transform:translate3d(0,0px,0);height:auto;opacity:1;transition:all .5s ease} #w_fimgbox-1566788056189 #content_box-1566788056199-0>.w_fline-001:nth-child(3){transform:translate3d(0,40px,0);height:0px;opacity:0;transition:all .5s ease} #w_fimgbox-1566788056189 #content_box-1566788056199-0>.reset_style:nth-child(4){transform:translate3d(0,40px,0);height:0px;opacity:0;transition:all .5s ease}#w_fimgbox-1566788056189:hover #content_box-1566788056199-0>.w_fimg-000:nth-child(1){transform:translate3d(0,-40px,0);height:auto;opacity:0}#w_fimgbox-1566788056189:hover #content_box-1566788056199-0>.reset_style:nth-child(2){transform:translate3d(0,-40px,0);height:auto;opacity:1}#w_fimgbox-1566788056189:hover #content_box-1566788056199-0>.w_fline-001:nth-child(3){transform:translate3d(0,-40px,0);height:auto;opacity:1}#w_fimgbox-1566788056189:hover #content_box-1566788056199-0>.reset_style:nth-child(4){transform:translate3d(0,-40px,0);height:auto;opacity:1}#w_grid-1566788056199>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0;clear:left}@media only screen and (max-width:768px){#w_grid-1566788056199>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(2) span{font-size:18px !important}}#w_fimg-1566788056207 .p_MatteIcon .iconfont:before{content:'\e602'}#w_fimg-1566788056207>div{animation-fill-mode:both}#w_common_text-1566788056213 .p_link001{height:calc(100%)}#w_common_text-1566788056221 .p_link001{height:calc(100%)}#w_grid-1566013731814>div>.p_gridbox{background:url(img/yx_pro_bg.jpg) no-repeat center center;background-attachment:fixed;background-size:cover}#w_grid-1566013731814 .p_MatteIcon .iconfont:before{content:'\e602'}#w_grid-1566013731814>div{animation-fill-mode:both}#w_grid-1566013731814>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0px;clear:left}@media only screen and (max-width:768px){#w_grid-1566013731814>div>.p_gridbox>.p_gridCell{margin-bottom:2rem;margin-top:2rem;margin-left:0}}@media only screen and (min-width:769px){#w_grid-1566013731814>div>.p_gridbox>.p_gridCell{margin-bottom:4rem;margin-top:4rem;margin-left:0px}#w_grid-1566013731814>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:100%;margin-left:0px;margin-right:0px;clear:none}#w_grid-1566013731814>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:0px}}@media only screen and (max-width:1024px) and (min-width:769px){#w_grid-1566013731814>div>.p_gridbox>.p_gridCell{margin-bottom:4rem;margin-top:4rem;margin-left:0}#w_grid-1566013731814>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:100%;margin-left:0;margin-right:0;clear:none}#w_grid-1566013731814>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:0}}#w_grid-1566805455009>div>.p_gridbox{background:none !important}#w_grid-1566805455009 .p_MatteIcon .iconfont:before{content:'\e602'}#w_grid-1566805455009>div{animation-fill-mode:both}#w_grid-1566805455009>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0px;clear:left}@media only screen and (max-width:768px){#w_grid-1566805455009>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span{font-size:22px !important}#w_grid-1566805455009>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(3) span{font-size:13px !important}#w_grid-1566805455009>div>.p_gridbox>.p_gridCell:nth-child(2){display:none}}@media only screen and (min-width:769px){#w_grid-1566805455009>div>.p_gridbox>.p_gridCell{margin-bottom:0rem;margin-top:0rem;margin-left:0%}#w_grid-1566805455009>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:100%;margin-left:0px;margin-right:0px;clear:none}#w_grid-1566805455009>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:0px}}@media only screen and (max-width:1024px) and (min-width:769px){#w_grid-1566805455009>div>.p_gridbox>.p_gridCell{margin-bottom:0rem;margin-top:0rem;margin-left:3%}#w_grid-1566805455009>div>.p_gridbox>.p_gridCell:nth-child(2n){margin-right:0}}#w_common_text-1566805455030 .p_link001{height:calc(100%)}#w_fline-1566805455037 .p_FLine{border-top-color:rgba(230,0,19,1);border-top-width:1px}#w_fline-1566805455037 .w_fline .p_FLine{border-top-style:solid}#w_fline-1566805455037 .p_MatteIcon .iconfont:before{content:'\e602'}#w_fline-1566805455037>div{animation-fill-mode:both}#w_common_text-1566805455040 .p_link001{height:calc(100%)}#w_grid-1566806175308 .p_MatteIcon .iconfont:before{content:'\e602'}#w_grid-1566806175308>div{animation-fill-mode:both}#w_grid-1566806175308>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0px;clear:left}@media only screen and (min-width:769px){#w_grid-1566806175308>div>.p_gridbox>.p_gridCell{margin-bottom:0rem;margin-top:0rem;margin-left:0}#w_grid-1566806175308>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:100%;margin-left:0;margin-right:0;clear:none}#w_grid-1566806175308>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:0}}#w_fbtn-1566809683451 .p_CommonBtn{background-color:rgba(255,255,255,0);border:1px solid #fff;transition:all .5s ease}#w_fbtn-1566809683451 .p_CommonBtn .font{color:#fff}#w_fbtn-1566809683451 .p_CommonBtn:hover{background-color:rgba(255,255,255,1);border:1px solid #fff}#w_fbtn-1566809683451 .p_CommonBtn:hover .font{color:#202b66}#w_fbtn-1566809683451 .p_CommonBtn:active{background-color:rgba(255,255,255,1);border:1px solid #fff}#w_fbtn-1566809683451 .p_CommonBtn:active .font{color:#202b66}#w_fbtn-1566809683451 .p_MatteIcon .iconfont:before{content:'\e602'}#w_fbtn-1566809683451>div{animation-fill-mode:both}#w_grid-1566174300517>div>.p_gridbox{background-image:url(img/yx_news_bg.jpg)}#w_grid-1566174300517 .p_MatteIcon .iconfont:before{content:'\e602'}#w_grid-1566174300517>div{animation-fill-mode:both}#w_grid-1566174300517>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0px;clear:left}@media only screen and (max-width:768px){#w_grid-1566174300517>div>.p_gridbox>.p_gridCell{margin-bottom:1.5rem;margin-top:1.5rem;margin-left:0}}@media only screen and (min-width:769px){#w_grid-1566174300517>div>.p_gridbox>.p_gridCell{margin-bottom:4rem;margin-top:4rem;margin-left:0px}#w_grid-1566174300517>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:100%;margin-left:0px;margin-right:0px;clear:none}#w_grid-1566174300517>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:0px}}@media only screen and (max-width:1024px) and (min-width:769px){#w_grid-1566174300517>div>.p_gridbox>.p_gridCell{margin-bottom:2rem;margin-top:4rem;margin-left:0}#w_grid-1566174300517>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:100%;margin-left:0;margin-right:0;clear:none}#w_grid-1566174300517>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:0}}#w_grid-1566798684733 .p_MatteIcon .iconfont:before{content:'\e602'}#w_grid-1566798684733>div{animation-fill-mode:both}#w_grid-1566798684733>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0px;clear:left}#w_grid-1566798684733>div>.p_gridbox{background:none !important}@media only screen and (max-width:768px){#w_grid-1566798684733>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span{font-size:22px !important}#w_grid-1566798684733>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(3) span{font-size:13px !important}#w_grid-1566798684733>div>.p_gridbox>.p_gridCell:nth-child(2){display:none}}@media only screen and (min-width:769px){#w_grid-1566798684733>div>.p_gridbox>.p_gridCell{margin-bottom:0rem;margin-top:0rem;margin-left:3%}#w_grid-1566798684733>div>.p_gridbox>.p_gridCell:nth-child(2n+0){width:48.5%;margin-left:3%;margin-right:0;clear:none}#w_grid-1566798684733>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0;clear:left;margin-right:0;width:48.5%}#w_grid-1566798684733>div>.p_gridbox>.p_gridCell:nth-child(2n){margin-right:0}}#w_common_text-1566798684739 .p_link001{height:calc(100%)}#w_fline-1566798684745 .p_FLine{border-top-color:rgba(230,0,19,1);border-top-width:1px}#w_fline-1566798684745 .w_fline .p_FLine{border-top-style:solid}#w_fline-1566798684745 .p_MatteIcon .iconfont:before{content:'\e602'}#w_fline-1566798684745>div{animation-fill-mode:both}#w_common_text-1566798684748 .p_link001{height:calc(100%)}#w_fbtn-1566798684742 .p_CommonBtn{background-color:rgba(48,56,107,0);border:1px solid #30386b;transition:all .5s ease}#w_fbtn-1566798684742 .p_CommonBtn .font{color:#30386b}#w_fbtn-1566798684742 .p_CommonBtn:hover{background-color:rgba(48,56,107,1);border:1px solid #30386b}#w_fbtn-1566798684742 .p_CommonBtn:hover .font{color:#fff}#w_fbtn-1566798684742 .p_CommonBtn:active{background-color:rgba(48,56,107,1);border:1px solid #30386b}#w_fbtn-1566798684742 .p_CommonBtn:active .font{color:#fff}#w_fbtn-1566798684742 .p_MatteIcon .iconfont:before{content:'\e602'}#w_fbtn-1566798684742>div{animation-fill-mode:both}#w_grid-1566798663412 .p_MatteIcon .iconfont:before{content:'\e602'}#w_grid-1566798663412>div{animation-fill-mode:both}#w_grid-1566798663412>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0px;clear:left}@media only screen and (min-width:769px){#w_grid-1566798663412>div>.p_gridbox>.p_gridCell{margin-bottom:0rem;margin-top:0rem;margin-left:0}#w_grid-1566798663412>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:100%;margin-left:0;margin-right:0;clear:none}#w_grid-1566798663412>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:0}}#w_grid-1566811371938 .p_MatteIcon .iconfont:before{content:'\e602'}#w_grid-1566811371938>div{animation-fill-mode:both}#w_grid-1566811371938>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0px;clear:left}@media only screen and (max-width:768px){#w_grid-1566811371938>div>.p_gridbox>.p_gridCell{margin-bottom:1rem;margin-top:2rem;margin-left:0}}@media only screen and (min-width:769px){#w_grid-1566811371938>div>.p_gridbox>.p_gridCell{margin-bottom:2rem;margin-top:4rem;margin-left:0px}#w_grid-1566811371938>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:100%;margin-left:0px;margin-right:0px;clear:none}#w_grid-1566811371938>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:0px}}@media only screen and (max-width:1024px) and (min-width:769px){#w_grid-1566811371938>div>.p_gridbox>.p_gridCell{margin-bottom:4rem;margin-top:4rem;margin-left:0}#w_grid-1566811371938>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:100%;margin-left:0;margin-right:0;clear:none}#w_grid-1566811371938>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:0}}#w_grid-1566811371938 .p_gridbox{background-color:rgba(245,245,245,1);background-image:url(img/yx_GC_bg.jpg);background-image-part-image:url(img/yx_GC_bg.jpg);background-repeat:no-repeat;background-position:top center}#w_grid-1566811598690 .p_MatteIcon .iconfont:before{content:'\e602'}#w_grid-1566811598690>div{animation-fill-mode:both}#w_grid-1566811598690>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0px;clear:left}#w_grid-1566811598690>div>.p_gridbox{background:none !important}@media only screen and (max-width:768px){#w_grid-1566811598690>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span{font-size:22px !important}#w_grid-1566811598690>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(3) span{font-size:13px !important}#w_grid-1566811598690>div>.p_gridbox>.p_gridCell:nth-child(2){display:none}}@media only screen and (min-width:769px){#w_grid-1566811598690>div>.p_gridbox>.p_gridCell{margin-bottom:0rem;margin-top:0rem;margin-left:3%}#w_grid-1566811598690>div>.p_gridbox>.p_gridCell:nth-child(2n+0){width:48.5%;margin-left:3%;margin-right:0;clear:none}#w_grid-1566811598690>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0;clear:left;margin-right:0;width:48.5%}#w_grid-1566811598690>div>.p_gridbox>.p_gridCell:nth-child(2n){margin-right:0}}#w_common_text-1566811598706 .p_link001{height:calc(100%)}#w_fline-1566811598713 .p_FLine{border-top-color:rgba(230,0,19,1);border-top-width:1px}#w_fline-1566811598713 .w_fline .p_FLine{border-top-style:solid}#w_fline-1566811598713 .p_MatteIcon .iconfont:before{content:'\e602'}#w_fline-1566811598713>div{animation-fill-mode:both}#w_common_text-1566811598715 .p_link001{height:calc(100%)}#w_fbtn-1566811598709 .p_CommonBtn{background-color:rgba(255,255,255,0);border:1px solid #fff;transition:all .5s ease}#w_fbtn-1566811598709 .p_CommonBtn .font{color:#fff}#w_fbtn-1566811598709 .p_CommonBtn:hover{background-color:rgba(255,255,255,1);border:1px solid #fff}#w_fbtn-1566811598709 .p_CommonBtn:hover .font{color:#202b66}#w_fbtn-1566811598709 .p_CommonBtn:active{background-color:rgba(255,255,255,1);border:1px solid #fff}#w_fbtn-1566811598709 .p_CommonBtn:active .font{color:#202b66}#w_fbtn-1566811598709 .p_MatteIcon .iconfont:before{content:'\e602'}#w_fbtn-1566811598709>div{animation-fill-mode:both}#w_grid-1566200272180>div>.p_gridbox{background-color:rgba(23,32,77,1)}#w_grid-1566200272180 .p_MatteIcon .iconfont:before{content:'\e602'}#w_grid-1566200272180>div{animation-fill-mode:both}#w_grid-1566200272180>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0px;clear:left}@media only screen and (max-width:768px){#w_grid-1566200272180>div>.p_gridbox>.p_gridCell{margin-bottom:2rem;margin-top:2rem;margin-left:0px}}@media only screen and (min-width:769px){#w_grid-1566200272180>div>.p_gridbox>.p_gridCell{margin-bottom:2rem;margin-top:4rem;margin-left:0px}#w_grid-1566200272180>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:100%;margin-left:0px;margin-right:0px;clear:none}#w_grid-1566200272180>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:0px}}@media only screen and (max-width:1024px) and (min-width:769px){#w_grid-1566200272180>div>.p_gridbox>.p_gridCell{margin-bottom:2rem;margin-top:4rem;margin-left:0px}#w_grid-1566200272180>div>.p_gridbox>.p_gridCell:nth-child(1n+0){width:100%;margin-left:0px;margin-right:0px;clear:none}#w_grid-1566200272180>div>.p_gridbox>.p_gridCell:nth-child(1n){margin-right:0px}}#w_grid-1566200272187 .p_MatteIcon .iconfont:before{content:'\e602'}#w_grid-1566200272187>div{animation-fill-mode:both}#w_grid-1566200272187>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0px;clear:left}@media only screen and (min-width:769px){#w_grid-1566200272187>div>.p_gridbox>.p_gridCell{margin-bottom:0rem;margin-top:0rem;margin-left:5%}#w_grid-1566200272187>div>.p_gridbox>.p_gridCell:nth-child(2n+0){width:22.011499999999998%;margin-left:5%;margin-right:0px;clear:none}#w_grid-1566200272187>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0px;clear:left;margin-right:0px;width:72.9885%}#w_grid-1566200272187>div>.p_gridbox>.p_gridCell:nth-child(2n){margin-right:0px}}#w_grid-1566200272196>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0;clear:left}#w_grid-1566200272196>div>.p_gridbox{border-right:solid 1px rgba(255,255,255,0.2)}@media only screen and (max-width:768px){#w_grid-1566200272196>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0px;clear:left;display:none}}#w_grid-1566200272200>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0;clear:left}#w_grid-1566200272209 .p_MatteIcon .iconfont:before{content:'\e602'}#w_grid-1566200272209>div{animation-fill-mode:both}#w_grid-1566200272209>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0px;clear:left}@media only screen and (min-width:769px){#w_grid-1566200272209>div>.p_gridbox>.p_gridCell{margin-bottom:0rem;margin-top:0rem;margin-left:0px}#w_grid-1566200272209>div>.p_gridbox>.p_gridCell:nth-child(2n+0){width:64.25999999999999%;margin-left:0px;margin-right:0px;clear:none}#w_grid-1566200272209>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0px;clear:left;margin-right:0px;width:35.74%}#w_grid-1566200272209>div>.p_gridbox>.p_gridCell:nth-child(2n){margin-right:0px}}@media only screen and (max-width:1440px) and (min-width:769px){#w_grid-1566200272209>div>.p_gridbox>.p_gridCell:nth-child(2n+0){padding-left:20px}}#w_fimg-1566200272216 .p_link001{height:calc(100%)}#w_fimg-1566200272216 .p_MatteIcon .iconfont:before{content:'\e602'}#w_fimg-1566200272216>div{animation-fill-mode:both}#w_grid-1566200272191>div>.p_gridbox{border-top:solid 1px rgba(255,255,255,0.2)}#w_grid-1566200272191 .p_MatteIcon .iconfont:before{content:'\e602'}#w_grid-1566200272191>div{animation-fill-mode:both}#w_grid-1566200272191>div>.p_gridbox>.p_gridCell:nth-child(n+1){margin-left:0px;clear:left}@media only screen and (max-width:768px){#w_grid-1566200272191>div>.p_gridbox>.p_gridCell:nth-child(2)>.reset_style p{text-align:left !important}#w_grid-1566200272191>div>.p_gridbox>.p_gridCell:nth-child(2)>.reset_style{margin-top:10px}}@media only screen and (min-width:769px){#w_grid-1566200272191>div>.p_gridbox>.p_gridCell{margin-bottom:0rem;margin-top:0rem;margin-left:0px}#w_grid-1566200272191>div>.p_gridbox>.p_gridCell:nth-child(2n+0){width:29.25%;margin-left:0px;margin-right:0px;clear:none}#w_grid-1566200272191>div>.p_gridbox>.p_gridCell:nth-child(2n+1){margin-left:0px;clear:left;margin-right:0px;width:70.75%}#w_grid-1566200272191>div>.p_gridbox>.p_gridCell:nth-child(2n){margin-right:0px}} #w_grid-1566009176840{width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:192px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} #w_grid-1566009283667{position:fixed;top:0px;left:0%;bottom:auto;right:0px;transform:none;width:100%;height:auto;z-index:88;content:normal;max-width:none;min-width:0px;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;-webkit-transform:none} #w_grid-1566009283675{width:100%;max-width:96%;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} #w_fimg-1566009283683{width:100%;max-width:245px;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} #w_grid-1566009208695{width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:192px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} #w_grid-1566628703398{width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:192px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} #w_grid-1566633840181{width:92%;max-width:92%;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:80px;margin-left:auto;margin-right:auto;margin-bottom:50px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} #w_common_text-1566633840193{width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_fline-1566634110071{width:100%;max-width:60px;min-width:0px;height:auto;max-height:none;min-height:20px;margin-top:0px;margin-left:0px;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_common_text-1566633840199{width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_fbtn-1566633840196{width:100%;max-width:160px;min-width:0px;height:100%;max-height:0px;min-height:46px;margin-top:20px;margin-left:auto;margin-right:0px;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_grid-1566634548563{width:92%;max-width:92%;min-width:0px;height:auto;max-height:none;min-height:192px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_fimgbox-1566636302427{width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:200px;margin-top:0px;margin-left:5px;margin-right:5px;margin-bottom:10px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_grid-1566636427825{width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:192px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_fimgbox-1566641694478{width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:5px;margin-right:5px;margin-bottom:10px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_grid-1566784337779{width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_fimg-1566782125677{width:100%;max-width:80px;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_common_text-1566783908511{width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_fline-1566784612563{width:100%;max-width:30px;min-width:0px;height:0px;max-height:none;min-height:20px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_common_text-1566784451078{width:90%;max-width:none;min-width:0px;height:0px;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} #w_fimgbox-1566788062670{width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:5px;margin-right:5px;margin-bottom:10px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} #wd_fimgbox-1566788062670{width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:5px;margin-right:5px;margin-bottom:10px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} #w_grid-1566788062678{width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_fimg-1566788062687{width:100%;max-width:80px;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} #w_common_text-1566788062694{width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} #w_fline-1566788062698{width:100%;max-width:30px;min-width:0px;height:0px;max-height:none;min-height:20px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} #w_common_text-1566788062703{width:90%;max-width:none;min-width:0px;height:0px;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_fimgbox-1566788045567{width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:5px;margin-right:5px;margin-bottom:10px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_grid-1566788045585{width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_fimg-1566788045591{width:100%;max-width:80px;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_common_text-1566788045596{width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_fline-1566788045599{width:100%;max-width:30px;min-width:0px;height:0px;max-height:none;min-height:20px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_common_text-1566788045602{width:90%;max-width:none;min-width:0px;height:0px;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}#w_fimgbox-1566788056189{width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:5px;margin-right:5px;margin-bottom:10px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} /*产品展示*/ .pic-bg{width: 100%; background: url(../image/pic-bg.jpg) top center no-repeat; background-size: cover; padding-top:3%;} /*分类*/ .h-proc1{ margin:0 auto; width:92%; height: auto; } .h-proc1 a{ display: inline-block; margin:4px; height:35px; width:12%; float:left; background-color:#26d903; font-size:15px; color: #fff; text-align: center; line-height:35px; border-color:;display:block;position:relative;z-index:1 } .h-proc1 a:before{content:"";width:100%;height:100%;background-color:#fff;background-color:;z-index:-1;position:absolute;left:0;bottom:0px;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1);transition:transform .42s cubic-bezier(.4,0,.2,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9} .h-proc1 a:hover{border-color:#c40515;border-color:} .h-proc1 a:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9} .h-proc1 a:hover{color:#26d903;} .pic-bg .p-right{width:100%; height:auto; margin-top:2%; padding:10px;} .anliroll {height:410px;width:100%;margin:20px auto; } .anliroll li {float: left;width:23%;margin:1% 0 0 1.4%;background:rgba(150,150,150,.4); } .anliroll li:hover{transition: all .7s; margin-top:1.5%;} .anliroll li a {display: block;overflow: hidden;font-size: 18px;position: relative; } .anliroll li a h4 {overflow: hidden; } .anliroll li a img {width: 100%;display: block;transition: all .5s; } .anliroll li a ol {color: #fff;width: 100%;z-index: 555;transition: all .2s;text-align: left;font-size: 18px; font-weight:bold;line-height:20px;padding:20px;box-sizing: border-box; } .anliroll li a ol i {display: block;color:#fff;font-size: 14px;margin-top: 10px; font-weight:normal; background-color:#167104} .anliroll li a ol a {color: #fff;font-size: 18px; } /*====================案例=====================*/ .changqu-bg{ background-image: url(../image/changqu-bg.jpg); background-position: top center; padding-top:5%; background-size: cover; } .changqu-tit h2{ display: block; margin-top: 60px; margin-bottom: 15px; font-size: 50px; text-align: center; color: #fff; font-weight: bold; letter-spacing: 8px; } .changqu-tit p{ display: block; margin-bottom: 30px; text-align: center; font-size: 26px; color: #fff; } .swiper-container-v { height: 90%; padding-bottom:40px; overflow: hidden; } .swiper-container-v .swiper-wrapper{ } .swiper-container-v .swiper-slide { width:40%; transition-timing-function:linear; } .swiper-container-v .swiper-slide:hover{ margin-top:2%;transition: all .3s;} @media only screen and (max-width:1200px){ .swiper-container-v .swiper-slide { width:770px; } } @media only screen and (max-width:980px){ .swiper-container-v .swiper-slide { width:471px; } } @media only screen and (max-height:480px){ .swiper-container-v .swiper-slide { width:471px; } } .swiper-container-v .swiper-slide img{ width:100%; border-radius: 4px;} .swiper-container-v .swiper-slide img:hover{box-shadow:0 0 10px #666;} .swiper-container-v .swiper-slide .title{ position:absolute; transform-origin:left top; padding:10px;background:rgba(38,271,3,.5); font-size:20px; color: #fff;} .swiper-container-v .swiper-button-next, .swiper-button-prev{ width:86px; height:112px; color:#fff; background-size:86px 112px; margin-top:-56px; outline:none;} .swiper-container-v .swiper-pagination-bullet{ background:none; opacity:1; margin:0 6px !important; width:9px; height:9px; position:relative; outline:none; vertical-align:middle;} .swiper-container-v .swiper-pagination-bullet span{ width:3px; height:3px; background:#CCC; display:block; border-radius:50%; margin-top:3px; margin-left:3px; } .swiper-container-v .swiper-pagination-bullet i{ background:#000; height:1px; width:20px; position:absolute; top:4px; transform:scaleX(0); transform-origin:left; z-index:3; transition-timing-function:linear; } .swiper-container-v .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{ width:9px; height:9px; margin-top:0; margin-left:0; background:#000; position:relative; z-index:1; } .swiper-container-v .swiper-pagination-bullet-active i{ animation:middle 6s; } .swiper-container-v .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{ animation:first 6s; } .swiper-container-v .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{ animation:last 6s; } @keyframes first{ 0% {transform:scaleX(0.5);left:0px;}/*091*/ 100% {transform:scaleX(1);left:2px;} /*0915*/ } @keyframes last{ 0% {transform:scaleX(0.7);left:-10px;}/*1090*/ 20% {transform:scaleX(0.3);left:2px;} /*090*/ 100% {transform:scaleX(0.3);left:0px;} /*090*/ } @keyframes middle{ 0% {transform:scaleX(0.7);left:-10px;}/*1091*/ 20% {transform:scaleX(0.45);left:2px;}/*092*/ 100% {transform:scaleX(1);left:2px;} /*0913*/ } /*================优势=====================*/ .swiper-slide-ys{ background: url(../image/ys-bg.jpg) top center no-repeat; background-size: cover; padding-top:5%; } .ys-zw{ margin:0 auto; width:80%; height:auto; padding-top:5%;} .ys-zw .y-left{width:37%; height:auto;} .ys-zw .y-left ul{width:auto; height:auto; margin-bottom:50px; overflow:hidden;} .ys-zw .y-left li{width:75%; height:auto; text-align:right; font-family:"微软雅黑"; font-size:16px; color:#888; line-height:30px;} .ys-zw .y-left li h2{font-family:"微软雅黑"; font-size:24px; color:#fff; line-height:40px;} .ys-zw .y-left ol{width:70px; height:70px; background-color:#26d903;border-radius:180px; margin-left:20px; text-align:center; margin-top:10px; padding-top:15px; font-family: Impact; color:#fff; line-height:40px; font-size:40px;} .ys-zw .y-right{width:37%; height:auto; float:right;} .ys-zw .y-right ul{width:auto; height:auto; margin-bottom:50px; overflow:hidden;} .ys-zw .y-right li{width:75%; height:auto; text-align:left; font-family:"微软雅黑"; font-size:16px; color:#888; line-height:30px;} .ys-zw .y-right li h2{font-family:"微软雅黑"; font-size:24px; color:#fff; line-height:40px;} .ys-zw .y-right ol{width:70px; height:70px; background-color:#26d903;border-radius:180px; margin-right:20px; text-align:center; margin-top:10px; padding-top:15px; font-family: Impact; color:#fff; line-height:40px; font-size:40px;} .sjys{width:auto; height:auto; padding-left:10px; overflow:hidden;} .sjys ul{width:46%; height:200px;background:rgba(255,255,255,.8);border-radius:5px; margin:1%; padding:3%;overflow:hidden; float:left;} .sjys li{width:100%; height:auto;text-align:left; font-family:"微软雅黑"; font-size:14px; color:#888; line-height:26px;} .sjys li h2{font-family:"微软雅黑"; font-size:18px; color:#343434; line-height:30px; font-weight:bold;} .sjys li p{ line-height:20px;} .sjys ol{width:40px; height:40px; background-color:#26d903;border-radius:180px; margin-right:20px; text-align:center; margin-top:10px; padding-top:7px; font-family: Impact; color:#fff; line-height:30px; font-size:30px;} /*================矿场=====================*/ .swiper-slide-rongyu{ background: url(../image/td-bg.jpg) top center no-repeat; padding-top:5%; background-size: cover; } #certify { position: relative; width:90%; margin: 0 auto } #certify .swiper-container { padding-bottom: 60px; } #certify .swiper-slide { width:38%; height:60%; background: #fff; } #certify .swiper-slide img{ display:block; width: 100%; } #certify .swiper-slide p { line-height:50px; padding-top: 0; text-align: center; color: #434343; font-size: 1.5em; margin: 0; } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #f5f5f5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #3083e1; background-color: #fff; } #certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; /* background: url(../image/wm_button_icon.png) no-repeat; */ background-position: 0 0; background-size: 100%; } #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #certify .swiper-button-next { right: -30px; width: 45px; height: 45px; background-position: 0 -93px; background-size: 100%; } #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } /*新闻*/ .news-bg{ width: 100%; background: url(../image/news-bg.jpg) top center no-repeat; padding-top:5%; background-size: cover; } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #news .p_articles{width:calc((100% - 0px)/4)} #news .p_CommonSummaryBoxA{text-align:center} #news .p_MatteIcon .iconfont:before{content:'\e602'} #news>div{animation-fill-mode:both} #news .n_animate:nth-child(1){animation-name:fadeInLeft;animation-direction:normal;animation-duration:1.5s;animation-delay:1.6s} #news .n_animate:nth-child(2){animation-name:fadeInLeft;animation-direction:normal;animation-duration:1.5s;animation-delay:1.8s} #news .n_animate:nth-child(3){animation-name:fadeInLeft;animation-direction:normal;animation-duration:1.5s;animation-delay:2s} #news .n_animate:nth-child(4){animation-name:fadeInLeft;animation-direction:normal;animation-duration:1.5s;animation-delay:2.2s} #news .newBox{width:100%;height:auto;overflow:hidden} #news .newContainer{width:100%;height:auto;overflow:hidden;margin:0px auto} #news .newLi{position:relative;overflow:hidden;background:rgba(0,0,0,.5);padding:0px 20px} #news .newLi:after{content:'';position:absolute;width:100%;height:0%;background:rgba(37,271,3,.5);left:0px;bottom:0px;z-index:0;transition:all .36s ease} #news .newLi:hover:after{height:100%} #news .n_flex{display:flex;align-items:center} #news .newCon{height:auto;width:100%;position:relative;z-index:2} #news .porTbox{position:relative;overflow:hidden;width:100%;height:220px;padding-bottom:68%} #news .newImg{position:absolute;top:50%;left:50%; height:240px;transform:translate(-50%,-50%);width:100%;transition:all .5s ease} #news .porBbox{position:relative;overflow:hidden;width:100%;height:auto;padding:20px 0px 10px;border:0} #news .newTitle{font-size:2rem;color:#fff;overflow:hidden;text-overflow:ellipsis;position:relative;font-weight:bold;white-space:nowrap;width:100%} #news .newLi:hover .newTitle{color:#fff;} #news .newSummry{color:rgba(255,255,255,.5);margin:10px 0;display:-webkit-box;overflow:hidden;line-height:1.8;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis} #news .newLi:hover .newSummry{color:#fff;} #news .lookDetail{position:relative;display:block;color:#26d903;height:38px;line-height:38px} #news .newLi:hover .lookDetail{color:#fff;} #news .arrowsR{position:absolute;top:50%;right:0px;transform:translate(0,-50%);width:30px} #news .arrowsR img{position:absolute;transition:all .5s ease;} #news .harr{opacity:0} #news .showBox{position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.6);transition:all .5s ease} #news .showBoxLink{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:60%;color:#fff;text-align:center;font-size:2rem;padding:.5rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #news .showBoxLink::before{content:'';position:absolute;top:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease} #news .showBoxLink::after{content:'';position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease} #news .lookDetail:hover .barr{opacity:0} #news .lookDetail:hover .harr{opacity:1} #news .newLi:hover .showBox{opacity:1} #news .newLi:hover .newImg{transform:translate(-50%,-50%) scale(1.1)} #news .newLi:hover .showBoxLink::before{width:1rem} #news .newLi:hover .showBoxLink::after{width:1rem} @media only screen and (max-width:768px){ #news .newSummry{display:none !important} #news .newLi{padding:0px}} @media only screen and (min-width:769px){ #news .newContainer{max-width:auto} #news .newLi{width:calc(100% / 4);height:70vh;float:left;border-left:1px solid rgba(255,255,255,.2)}} @media only screen and (max-width:1024px) and (min-width:769px){ #news .newContainer{max-width:900px} #news .newLi{width:50%;height:400px}} #news .p_page .pre .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px} #news .p_page .next .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px} #news .p_more .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px} #news .p_loading .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px} #news{width:100%;max-width:none;min-width:320px;height:100%;max-height:none;min-height:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px} /*===========底部==========*/ .contact-bg{ width: 100%; background: url(../image/foot-bg.jpg) top right no-repeat; padding-top:5%; background-size: cover; } .contact-bg .l-zw{margin:0 auto; width:1340px; height:auto; padding:30px; text-align:center;} .contact-bg .l-zw ol{font-family: "微软雅黑"; font-size:15px; color:#999; line-height:30px;} .contact-bg ul{width:100%; height:auto; padding-top:20px; overflow:hidden;} .contact-bg ul .l-dt{width:700px; height:378px;} .contact-bg ul .l-right{width:580px; height:auto; float:right;} .contact-bg ul .l-right .lx{width:360px; height:240px; text-align:left; padding-top:20px; margin-right:30px;border-right:1px dotted #999; color:#fff; line-height:30px; margin-top:40px; padding-left:20px;} .contact-bg ul .l-right .lx h1{font-size:24px; line-height:30px; padding-bottom:20px;} .contact-bg ul .l-right .er{width:120px; height:auto; padding-top:30px; text-align:center;} .contact-bg ul .l-right .er li{width:120px; height:auto; text-align:center; float:left;} .contact-bg ul .l-right .er li p{font-size:14px; line-height:30px; color:#999;} .f-tiao{position: absolute; width:100%; height:50px;background-color: rgba(0,0,0,0.7);z-index:30000; bottom:0;} .f-tiao ul{margin:0 auto; width:1400px;height:auto; padding-top:10px;} .f-tiao ul li{width:80%; height:auto; margin-left:3%;float:left;} .f-tiao ul li img{ padding-top:15px; float:left; padding-right:15px;} .f-tiao ul li ol{ width:auto; height:auto; font-size:15px; font-family:"微软雅黑"; color:#26d903; line-height:30px;} .f-tiao ul li ol span{font-size:24px; font-family:Arial, Helvetica, sans-serif;} .f-tiao ul li ol a{color:#26d903;} .f-tiao ul li ol a:hover{color:#fff;} /* 底部固定导航 */ .go_top{display: none;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#fdae05;border-radius:50%;position: fixed;right:6px;bottom:100px;z-index:99999999999;} .fixed_footer, .wap_show{display: none;} .mobile .fixed_footer{display: none;background-color:rgba(37,217,3,0.75);height:50px;position: fixed;bottom:30px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;} @media (min-width:640px){.mobile .fixed_footer{width:640px !important;left:50%;margin-left:-320px;}} .mobile .fixed_footer a{float: left;width:33.33%;text-align: center;} .mobile .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;} .mobile .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;} @media( max-width:1210px ){ .fixed_right, .footer .three, .footer .one, .footer .nav {display: none;} .mobile .fixed_footer{display: block;} .footer .two{width:100%;margin:0;} } .ph-bq{ margin-bottom:43px; padding:9px 15px 15px 15px; font-size: 15px; color: #ffba00; text-align: center; line-height: 150%; background-color: #434343; } .ph-bq p, .ph-bq p a, .ph-bq a{ font-size: 15px; color: #ffba00; text-align: center; line-height: 150%; } .ph-bq img{ display: block; margin:0 auto; margin-top: 10px; } /* 内页 */ #nybanner{width:100%; height:500px; background:url(../img/aboutbanner.jpg) center no-repeat;overflow:hidden;} #nybanner2{width:100%; height:500px; background:url(../img/spbanner.jpg) center no-repeat;overflow:hidden;} #nybanner4{width:100%; height:500px; background:url(../img/picbanner.jpg) center no-repeat;overflow:hidden;} #nybanner5{width:100%; height:500px; background:url(../img/newsbnnner.jpg) center no-repeat;overflow:hidden;} #nybanner6{width:100%; height:500px; background:url(../img/casebnnner.jpg) center no-repeat;overflow:hidden;} #nybanner10{width:100%; height:500px; background:url(../img/factorybanner.jpg) center no-repeat;overflow:hidden;} #nybanner11{width:100%; height:500px; background:url(../img/lxfwbanner.jpg) center no-repeat;overflow:hidden;} /*sylm*/ .sylm{margin:0 auto; width:auto; height:auto; padding-top:40px; padding-bottom:20px;text-align:center;} .sylm h3{font-family:"微软雅黑"; font-size:36px; color:#343434; line-height:50px; font-weight:normal;} .sylm h3 em{ color:#888; font-size:20px; line-height:40px;} .sylm p{font-family:"微软雅黑"; font-size:16px; color:#76838f; line-height:30px;} /*--首页栏目--*/ .nyzw-lm1{ margin:0 auto;width:80%;height:auto;background-color:rgba(255,255,255,1); border-bottom:1px solid #eee;margin-top:-76px; padding-left:20px; padding-top:25px; padding-bottom:25px;overflow:hidden;} .nyzw-lm2{width:500px; height:auto; text-align:left;} .nyzw-lm2 span{font-family:"微软雅黑"; font-size:16px; line-height:26px; color:#26d903;} .nyzw-lm2 span a{color:#434343; font-weight:bold;} #nylm{width:100%; height:auto;padding-top:30px; padding-bottom:20px; background-color:#f5f5f5; text-align:center;} #nylm h3{font-family:"微软雅黑"; font-size:36px; color:#333; font-weight:bold; line-height:40px;} #nylm h3 span{font-family:"微软雅黑"; font-size:36px; font-weight:bold; line-height:40px; color:#E80000;} #nylm p{font-family:"微软雅黑"; font-size:16px; color:#8F8F8F; line-height:30px;} #nylm span{font-family:"微软雅黑"; font-size:14px; color:#E80000; line-height:30px;} .lx-nyzw{margin:0 auto; width:1340px; height:auto; font-family:"微软雅黑"; font-size:15px; color:#434343; line-height:28px; text-align:left; margin-bottom:20px; overflow:hidden;} .sjlx{width:auto;font-family:"微软雅黑"; font-size:15px; color:#888; line-height:28px; padding:30px; height:auto; overflow:hidden;} .sj-nyzw{width:100%; height:auto; border-bottom:1px dashed #ccc; padding-bottom:10px;margin-bottom:20px; margin-top:20px;overflow:hidden;} .sj-nydh{width:100%; padding-left:10px; height:auto; text-align:left;} .sj-nyzw3{width:100%; height:auto; padding-top:20px;} .nyzw{margin:0 auto; width:80%; height:auto; font-family:"微软雅黑"; font-size:15px; color:#434343; line-height:28px; text-align:left; margin-bottom:20px; overflow:hidden;} .nyzw1{margin:0 auto; width:80%; height:auto; padding:30px;margin-bottom:40px; overflow:hidden;} .cpnyzw{margin:0 auto; width:1340px; height:auto; font-family:"微软雅黑"; font-size:15px; color:#434343; line-height:28px; border:1px dotted #888; text-align:left; margin-bottom:20px; overflow:hidden;} .nycpfl{ margin:0 auto; width:1340px; height:auto; margin-top:30px; overflow:hidden;} .m-30{ margin:0 auto; width:100px;height:30px;} .dt{width:auto; height:360px; margin-top:50px;} /*内页新闻1*/ .ny-news01{ width:100%; height: auto; } .ny-news01 li{ padding:20px; width:auto; border-bottom:1px solid #dedddd; border-top:1px solid #fff; margin-bottom:10px; overflow: hidden; } .ny-news01 li:hover{background-color:#f5f5f5;} .ny-news01 li .tu1{ float: left; width:20%; height:200px; overflow: hidden; } .ny-news01 li .tu1 img{ width:100%; height:200px; overflow: hidden; transition: all 0.5s ease-out; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; } .ny-news01 li:hover .tu1 img{ transition: all 0.5s ease-out; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; } .ny-news01 li .l01{ float: right; margin-top:20px; margin-left:15px; width: 92px; height: 90px; border: 1px solid #efefef; } .ny-news01 li .l01 .n-day{ width: 100%; height:47px; font-size:30px; color: #333; text-align: center; line-height:47px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px; transition: all 0.4s ease-in-out; } .ny-news01 li .l01 .n-month{ width: 100%; font-size: 15px; color: #555; text-align: center; letter-spacing: 0px; } .ny-news01 li .r01{ float: left; margin-left:50px; width:65%; height: auto; } .ny-news01 li .r01 a h2{ display: block; width: 100%; height: auto; font-size: 16px; line-height:40px; color: #333; font-weight:bold; letter-spacing: 0px; transition: all 0.3s ease-in-out; } .ny-news01 li .r01 a h2 span{color:#26d903; font-weight:bold; font-size:15px; padding-right:10px;} .ny-news01 li .r01 p{ display: block; width: 100%; height:auto; font-size:14px; color: #888; letter-spacing: 0px; line-height: 170%; overflow: hidden; } .ny-news01 li .more{width:160px; height:30px; background-color:#efeeee; padding-top:5px; text-align:center; margin-top:30px;} .ny-news01 li .more a{font-family:"微软雅黑"; font-size:14px; color:#888;} .ny-news01 li:hover .more{background-color:#26d903;} .ny-news01 li:hover .more a{color:#fff;} /*新闻详情页样式*/ .newszwbj{ width:auto; height:auto; background-color:#f7f7f7; padding:30px; overflow:hidden;} .new-cont-h1{ background-color:#f7f7f7;text-align:center; font-family:"微软雅黑"; font-size:20px; color:#888;font-weight: normal; padding-top:30px; padding-bottom:20px; } .new-xq{ margin:0px auto; width:100%; background-color:#f7f7f7; height: auto; overflow:hidden; } .new-xq-l{ margin:0px auto; width:40%; height:50px; text-align:center; } .new-xq-l .date1{ position: relative; width: 100%; height: 36px; text-align: center; } .new-xq-l .date1 .year1 { font-size: 20px; color: #000; font-family:Impact; text-align: center; } .new-xq-l .date1 .year1 span{ position: absolute; z-index:2; display:block; padding: 0 5px; font-size: 20px; color: #666; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px; } .new-xq-l .date1:before{ content: ""; display: block; width: 100%; height:30px; position: absolute; left: 0; z-index:1; } .new-xq-l .date2{ margin-top: 32px; text-align: center; font-size: 34px; line-height: 120%; color: #27cbf1; font-family:Impact; letter-spacing: 0px; } .new-xq-l .read1{ position:relative; z-index:22222; width:120px; font-size:13px; padding-top:5px; text-align: center; color: #337ab7; letter-spacing: 0px; float:right; } .new-xq-l .read1 strong{ font-weight: bold; } .new-xq-r{ margin:0 auto; padding:10px; width:auto; height:auto; margin-bottom:30px; text-align:center; background-color:#efeeee; overflow: hidden; } .new-xq-r p{ display: block; height: auto; font-size: 14px; color: #666; line-height: 170%; letter-spacing: 0px; overflow: hidden; } .new-xq-r p p{ font-size: 15px; color: #333; line-height: 170%; letter-spacing: 0px; } .ny-l01 { float: left; width: 250px; } .ny-r01 { float: right; width: 956px; } .ny-l-fenlei{ padding:20px 15px 50px 15px; background-color: #043d77; border-radius: 15px; } .ny-l-fenlei .ny-fl-tit{ font-size: 34px; font-weight: bold; text-align: center; color: #fff; } .ny-l-fenlei .line01{ margin:0 auto; margin-top: 15px; width: 60%; height: 5px; background-color: #fff; } .ny-fenlei1{ height: auto; overflow: hidden; } .ny-fenlei1 dt a{ display: block; margin:15px 0px; width: 100%; height: 30px; background-color: #fbe000 ; font-size: 17px; color: #000; text-align: center; line-height: 30px; border-radius: 20px; } .ny-fenlei1 dd a{ display: block; padding:3px; width: 100%; border-bottom:1px dashed #5084b5; font-size: 15px; color: #fff; text-align: center; line-height: 20px; } .ny-fenlei1 dd a:hover{ background-color: #039de5; color: #fff; } .ny-fenlei1-hover{ background-color: #facd00 !important; color: #525252 !important; } .h-proc2{ margin:0 auto; width:1300px; height: auto; overflow:hidden; text-align: center !important; } .h-proc2 a{ display: inline-block; margin:4px; height:35px; width:12%; float:left; background-color:#26d903; font-size:15px; color: #fff; text-align: center; line-height:35px; border-color:;display:block;position:relative;z-index:1 } .h-proc2 a:before{content:"";width:100%;height:100%;background-color:#343434;background-color:;z-index:-1;position:absolute;left:0;bottom:0px;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1);transition:transform .42s cubic-bezier(.4,0,.2,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9} .h-proc2 a:hover{border-color:#343434;border-color:} .h-proc2 a:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9} .h-proc2 a:hover{color:#fff;} /*------------footer----------*/ .footer{height:auto;padding-top: 65px; padding-bottom:30px; background-color:#f5f5f5; overflow:hidden;} .footer h3{font-weight: normal; font-size: 34px; color: #333333; padding-bottom: 41px; line-height: 100%;} .f_nav{ width:480px; float: left;} .f_nav ul{ overflow: hidden;} .f_nav ul li{ float: left; width: 153px; line-height: 23px;background:url(../img/f_li.jpg) no-repeat 0 8px; padding-left: 16px; margin-bottom:13px;} .f_nav ul li:nth-child(3n){ width: 150px;} .f_nav ul li a{ color: #7e7e7e;} .f_nav ul li a:hover{ color: #26d903;font-weight: bold;} .f_on{ width:490px; float: left;} .f_copy{ width:auto;background-color:#2d2f2e; height: 71px; line-height: 71px; font-size: 14px; color: #767777;} .f_copy ul{margin:0 auto; width:90%;} .f_copy ul h1{font-family:"微软雅黑"; font-size:14px; color:#3083e1; line-height:20px; font-weight:normal; padding-top:22px; padding-right:20px;float:left;} .f_copy i{float: right; color:#26d903;} .f_copy a{color: #767777; display: inline-block; padding: 0 7px;} .f_copy a:hover{color: #26d903;} .f_copy span{ padding: 0 12px;} .f_er{float: right; width:345px; text-align:left;} .f_er h4{font-size:14px; color:#7e7e7e;} .f_er h4 p{font-size:40px; line-height:50px; color:#222; font-weight:bold; padding-bottom:10px;} .f_er p img{ display: inline-block; width: 109px; height: 104px; margin-right:10px; border:1px solid #ccc;} .f_er p span{ display: block; color: #7e7e7e; font-size: 14px; padding-top: 10px; text-align: center;} .f_on ul li{ line-height: 23px;margin-bottom: 23px; color: #7e7e7e; font-size: 14px;} /*====================middle====================*/ /*====================end middle====================*/ /*====================foot====================*/ /*====================PC====================*/ @media only screen and (max-width: 1300px) { #w-1300 { width: 100%; } #w-1300-1 { width: 100%; } #w-90 { width: 100%; } #w-80 { width: 100%; } /*menu*/ .header-nav .nav-list>li>a { padding: 0 13px; } .header-nav .nav-list>li>a::after { margin-left: 12px; } } /*====================bjb====================*/ @media only screen and (max-width: 1680px){ .header .logo{width:25%;} .header .nav-list { width:50%;margin-left:5%; } .header .nav-list .right .nav_list .list{ position: relative; padding:0 10px; } .header_n .logo{width:25%;} .header_n .nav-list { width:50%;margin-left:5%; } .header_n .nav-list .right .nav_list .list{ position: relative; padding:0 10px; } } /*====================bjb====================*/ @media only screen and (max-width: 1600px){ .header .logo{ margin-left:3%} .header .nav-list { width:44%;margin-left:1%; } .header .nav-list .right .nav_list .list{ position: relative; padding:0 8px; } } /*====================992====================*/ @media only screen and (max-width: 992px) { #w-1300 { width: 100%; } #w-1300-1 { width: 100%; } #w-90 { width: 100%; } #w-80 { width: 100%; } .header-nav .nav-list>li>a { padding: 0 3px; } } /*====================手机====================*/ @media only screen and (max-width: 768px) { #w-1300 {width: 100%;} #w-1300-1 {width: 100%;} #w-90 {width: 100%;} #w-80 {width: 100%;} .header{height:70px;} .header .logo{width:80%;} .header .nav-list{display: none;} .header-right .search{display: none;} .header_n{height:70px;} .header_n .logo{width:80%;} .header_n .nav-list{display: none;} #w_grid-1566633840181{margin-top:20%;} .padding0-sm15 {padding: 15px;} .cd-main-header {width:auto;height:70px; padding-top:5px; padding-bottom:10px; background-color: rgba(255,255,255,0.5);box-shadow: 0px 0px 3px #888; z-index: 3; overflow:hidden;} .cd-logo {left:2%;} .tNavBox{display: none;} #w_grid-1566633840181{margin-bottom:0px;} #w_fimgbox-1566788062670{display: none;} #content_box-1566634548563-2{display: none;} #w_fbtn-1566633840196{ margin-top:-10px;} .h-proc1{width:auto;height: auto; padding:10px;} .h-proc1 a{ width:47%;} .anliroll{height:auto; width:auto; padding:5px;} .anliroll li{width:47%;} .anliroll li a ol{padding-bottom:0px; font-weight:normal;} .anliroll li a ol i{display: none;} .h4, .h5, .h6, h4, h5, h6{margin-top:0px !important; margin-bottom:0px !important;} .swiper-container-v .swiper-button-next{display: none;} .swiper-container-v .swiper-button-prev{display: none;} #w-1400{width: 100%;} .a_about{width:auto; padding:5%; padding-top:24%; margin-left:0%;} .a_about h1{font-size:22px; line-height:26px;} .a_about h1 p{font-size:17px; line-height:26px;} .a_about h1 p span{font-size:20px;} .ys-zw{display: none;} #certify .swiper-slide p{font-size:1.3em} #certify{margin-top:10%;} #certify .swiper-slide {width:90%;height:90%;background: #fff;box-shadow: 0 8px 30px #ddd;} #w_grid-1566633840181>div>.p_gridbox>.p_gridCell:nth-child(2n+1){width:100%;} #news .n_animate:nth-child(1){width:50%; float:left;} #news .newCon{ margin:0 auto;width:95%; margin-top:10px;} #news .n_animate:nth-child(3){width:50%; float:left;} #news .newTitle{font-size:1rem;} .contact-bg .l-zw{width:auto; padding:0px;} .contact-bg .l-zw ol{display: none;} .contact-bg ul{ padding:0px;} .contact-bg ul .l-dt{display: none;} .contact-bg ul .l-right{width:auto; float:none;} .contact-bg ul .l-right .lx{width:auto; height:auto; margin-top:0px; padding-top:0px; margin-right:0px; border-right:0px;} .contact-bg ul .l-right .er{width:auto;} .f-tiao{background-color:rgba(0,0,0,.8);height:auto; overflow:hidden;} .f-tiao ul{width:95%} .f-tiao ul li{width:95%} #nybanner{ width:auto; height:230px;background-size:200% auto;} #nybanner2{width:100%; height:230px;background-size:200% auto;} #nybanner4{width:100%; height:230px;background-size:200% auto;} #nybanner5{width:100%; height:230px;background-size:200% auto;} #nybanner6{width:100%; height:230px;background-size:200% auto;} #nybanner10{width:100%; height:230px;background-size:200% auto;} #nybanner11{width:100%; height:230px;background-size:200% auto;} .sylm{padding-top:20px; padding-bottom:0px;} .sylm h3{font-size:24px;} .sylm p{font-size:15px;} #nylm{padding-top:50px; padding-bottom:10px;} #nylm h3{font-size:24px;} #nylm h3 span{ font-size:24px;} #nylm p{display: none;} .nyzw-lm1{display: none;} .nyzw-lm2{width:auto;} .nyzw-dh{display: none;} .nyzw-right{width:100%; padding:5px;} .nyzw-right li{ margin:0.5%; padding-top:2px;text-align:center; background-color:#0052C2; float:left;} .footer{padding:10px; padding-top:30px; } .footer h3{font-size:20px;} .f_nav{width:100%; height:auto; border-top:1px solid #ccc; padding-top:10px;} .f_nav ul li{ width:150px;float:left;} .f_on{width:100%; height:auto; padding:10px; border-top:1px solid #ccc;} .f_er{width:auto; height:auto; float: none; text-align:left;} .f_copy{height:auto; line-height:26px; text-align:left; padding-bottom:60px;} .f_copy ul{width:auto; padding:20px;} .f_copy span{padding:0px;} #nycpzs{width:auto; padding:10px;} .nyzw{width:100%; padding:5px;border:1px solid #f5f5f5;} .nyzw1{width:100%; padding:10px;} .cpnyzw{width:100%;} .nycpfl{width:100%;} .sf{display: none;} .showleft{display: none;} .ny-news01{width:100%} .ny-news01 li .tu1{width:auto; margin-bottom:10px;} .ny-news01 li .r01{width:auto; margin-left:0px;} .ny-news01 li .l01{display: none;} .ny-news01 li .r01 a h2{font-size:14px; font-weight:bold;} .new-xq-l{ width:auto; } .new-xq-l .read1{ width:auto;} .new-xq-r{width:auto; padding:5px;} .new-xq-r p{width:100%;} .lx-nyzw{width:auto; padding:10px;} .newszwbj{ padding:10px;} /*系统原样式修改*/ .min_box_content{display: noe;} .showpics{margin:3% !important;} ul.love1 li{width:25%;} } /*====================平板====================*/ @media screen and (min-width: 768px) and (max-width: 1200px){ .header .nav-list{display: none;} .header_n{height:70px;} .header_n .logo{width:80%;} .header_n .nav-list{display: none;} .header-right .search{display: none;} .cd-main-header { width:auto;height:90px; padding-top:5px; padding-bottom:10px; background-color: rgba(255,255,255,0.5);box-shadow: 0px 0px 3px #888; z-index: 3; overflow:hidden;} .cd-logo {left:2%;} .tNavBox{display: none;} #w_grid-1566633840181>div>.p_gridbox>.p_gridCell:nth-child(2n+0){width:95%;} .h-proc1{width:auto;height: auto; padding:10px;} .h-proc1 a{ width:47%;} .anliroll{height:auto; width:auto; padding:5px;} .anliroll li{width:47%;} .anliroll li a ol{padding-bottom:0px;} .anliroll li a ol i{display: none;} .ys-zw{display: none;} #w-1400{width: 100%;} .a_about{width:auto; padding:5%; padding-top:8%; margin-left:0%;} .a_about h1{font-size:32px;} .a_about h1 p{font-size:18px;} .a_about h1 p span{font-size:27px;} #certify{margin-top:10%;} #certify .swiper-slide {width:90%;height:90%;background: #fff;box-shadow: 0 8px 30px #ddd;} #w_grid-1566633840181>div>.p_gridbox>.p_gridCell:nth-child(2n+1){width:100%;} #news .n_animate:nth-child(1){width:50%; float:left;} #news .newCon{ margin:0 auto;width:95%; margin-top:30px;} #news .n_animate:nth-child(3){width:50%; float:left;} #news .newTitle{font-size:1rem;} .contact-bg .l-zw{width:auto; padding:0px;} .contact-bg .l-zw ol{display: none;} .contact-bg ul{ padding:0px;} .contact-bg ul .l-dt{display: none;} .contact-bg ul .l-right{width:auto; float:none;} .contact-bg ul .l-right .lx{width:auto; height:auto; margin-top:0px; padding-top:0px; margin-right:0px; border-right:0px;} .contact-bg ul .l-right .er{width:auto;} .f-tiao{background-color:rgba(0,0,0,.8);height:auto; overflow:hidden;} .f-tiao ul{width:95%} .f-tiao ul li{width:95%} #nybanner{ width:auto; height:260px;background-size:150% auto;} #nybanner2{width:100%; height:260px;background-size:150% auto;} #nybanner4{width:100%; height:260px;background-size:150% auto;} #nybanner5{width:100%; height:260px;background-size:150% auto;} #nybanner6{width:100%; height:260px;background-size:150% auto;} #nybanner10{width:100%; height:260px;background-size:150% auto;} #nybanner11{width:100%; height:260px;background-size:150% auto;} #nylm{padding-top:50px; padding-bottom:10px;} #nylm h3{font-size:24px;} #nylm h3 span{ font-size:24px;} #nylm p{display: none;} .nyzw-lm1{width:auto;} .nyzw-lm2{width:auto;} .nyzw-dh{display: none;} .nyzw-right{width:100%; padding:5px;} .nyzw-right li{ margin:0.5%; padding-top:2px;text-align:center; background-color:#0052C2; float:left;} #nycpzs{width:auto; padding:10px;} .nyzw{width:auto; padding:5px;border:1px solid #f5f5f5;} .nyzw1{width:auto; padding:10px;} .cpnyzw{width:100%;} .nycpfl{width:100%;} .sf{display: none;} .showleft{display: none;} .ny-news01{width:100%} .ny-news01 li .tu1{width:auto; margin-bottom:10px;} .ny-news01 li .r01{width:auto; margin-left:0px;} .ny-news01 li .l01{display: none;} .ny-news01 li .r01 a h2{font-size:14px; font-weight:bold;} .new-xq-l{ width:auto; } .new-xq-l .read1{ width:auto;} .new-xq-r{width:auto; padding:5px;} .new-xq-r p{width:100%;} .lx-nyzw{width:auto;padding:10px;} /*系统原样式修改*/ .min_box_content{display: noe;} .showpics{margin:3% !important;} } /*====================PC====================*/ @media only screen and (min-width: 1200px){ .sjys{display: none;} .s_header{display: none;} }