@charset "utf-8";
 /* CSS Document */
 
 ul,
 li {
     margin: 0;
     padding: 0;
 }
 
 .main1ul .col-sm-3 {
     *width: 24%;
     *padding: 2px
 }
 
 .main2 .col-md-8 {
     *width: 61%
 }
 
 .main4 .col-md-3 {
     *width: 22%
 }
 
 .main5 .col-sm-4 {
     *width: 30%
 }
 
 .main6 .col-sm-4 {
     *width: 30%
 }
 
 .main8 .col-sm-4 {
     *width: 30%
 }
 
 .main11 .col-sm-4 {
     *width: 30%
 }
 
 .main10 .col-sm-6 {
     *width: 47%
 }
 
 .main10 .col-sm-6 .col-sm-9 {
     *width: 70%
 }
 
 .content .tit_t {
     padding-bottom: 30px;
     overflow: hidden;
 }
 
 .content .tit_t h1 {
     text-align: center;
     color: #000000;
 }
 
 .content .tit_t span {
     width: 50px;
     height: 3px;
     background: #0f90b8;
     display: block;
     margin: 15px auto;
 }
 
 .slideBox {
     width: 100%;
     overflow: hidden;
     position: relative;
     padding-bottom: 6%;
 }
 
 .slideBox .layer {
     width: 100%;
     height: 54px;
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: 1;
     background: rgb(87, 49, 24, .5);
 }
 
 .slideBox .hd {
     overflow: hidden;
     position: absolute;
     right: 5px;
     bottom: 10px;
     z-index: 10;
 }
 
 .slideBox .hd ul {
     overflow: hidden;
     zoom: 1;
     float: left;
 }
 
 .slideBox .hd ul li {
     float: left;
     margin-right: 2px;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border: 1px solid #fff;
     border-radius: 50%;
     cursor: pointer;
     color: #FFF;
 }
 
 .slideBox .hd ul li.on {
     background: #b48266;
     color: #fff;
 }
 
 .slideBox .bd {
     position: relative;
     height: 100%;
     z-index: 3;
 }
 
 .slideBox .bd ul {
     margin: 0;
     padding: 0;
 }
 
 .slideBox .bd li {
     zoom: 1;
     vertical-align: middle;
     position: relative;
 }
 
 .slideBox .bd img {
     max-width: 100%;
     display: block;
     margin: 0 auto;
 }
 
 .slideBox .bd li p {
     position: absolute;
     left: 10px;
     bottom: 0;
     line-height: 56px;
     color: #FFF;
     z-index: 3;
     margin: 0;
     font-size: 16px;
     width: 70%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 /* 下面是前/后按钮代码，如果不需要删除即可 */
 
 .slideBox .prev,
 .slideBox .next {
     position: absolute;
     left: 3%;
     top: 50%;
     margin-top: -25px;
     display: block;
     width: 32px;
     height: 40px;
     background: url(../images/slider-arrow.png) -110px 5px no-repeat;
     filter: alpha(opacity=50);
     opacity: 0.5;
 }
 
 .slideBox .next {
     left: auto;
     right: 3%;
     background-position: 8px 5px;
 }
 
 .slideBox .prev:hover,
 .slideBox .next:hover {
     filter: alpha(opacity=100);
     opacity: 1;
 }
 
 .slideBox .prevStop {
     display: none;
 }
 
 .slideBox .nextStop {
     display: none;
 }
 
 .tabBottom {
     overflow: hidden;
     display: none;
     padding-top: 10px;
 }
 
 .tabBottom.on {
     display: block;
 }
 
 .tabBottom .tabBottomli a img {
     max-width: 100%;
     display: block;
     margin: 0 auto;
     transition: .3s;
 }
 
 .section {
     overflow: hidden;
     padding: 4% 0;
 }
 
 .section01 {
     position: relative;
 }
 
 .section01 .bottom {
     overflow: hidden;
     position: relative;
     background: url(../img/probg.jpg) no-repeat top center;
     background-size: 100% 100%;
 }
 
 .section01 .row {
     position: relative;
 }
 
 .section01 .row .proImg {
     position: relative;
     height: 70%;
     overflow: hidden;
 }
 
 .section01 .row .proImg img {
     max-width: 70%;
     display: block;
     float: right;
     margin-right: 5%;
     transition: .3s;
 }
 
 .section01 .row span {
     font-size: 21px;
     width: 100%;
     display: block;
 }
 
 .section01 .proLeft {
     padding: 2% 0;
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
 }
 
 .section01 .proLeft a {
     color: #FFF;
 }
 
 .section01 .proLeft P {
     width: 60%;
     font-size: 16px;
 }
 
 .section01 .proRight {
     float: right;
 }
 
 .section01 .proRight ul {
     margin-left: -15px;
 }
 
 .section01 .proRight ul li {
     width: 50%;
     float: left;
     margin: 0;
     border: 1px solid #e6e6e6;
     padding: 3% 5% 1%;
 }
 
 .section01 .proRight ul li .proImg {
     height: 150px;
     overflow: hidden;
 }
 
 .section01 .proRight ul li a h4 {
     color: #5d5d5d;
 }
 
 .section01 .proRight ul li a h3 {
     color: #1a1a1a;
 }
 
 .section01 .proRight ul li a span {
     color: #5d5d5d;
     font-size: 14px;
     background: url(../img/more02.png) no-repeat 80px center;
 }
 
 .section01 .proRight ul li:hover {
     background: #b0b0b0;
 }
 
 .section01 .proRight ul li:hover a h4,
 .section01 .proRight ul li:hover a h3 {
     color: #FFF;
 }
 
 .section01 .proRight ul li:hover a span {
     color: #FFF;
     background: url(../img/more03.png) no-repeat 80px center;
 }
 
 .section01 .proLeft:hover .proImg img,
 .section01 .proRight ul li:hover .proImg img {
     max-width: 85%;
 }
 
 .section02 {
     background: url(../img/aboutbg.jpg) no-repeat top center;
     background-size: 100% 100%;
 }
 
 .section02 .tit_t h1 {
     color: #FFF;
 }
 
 .section02 .aboutText {
     width: 60%;
     display: block;
     margin: 0 auto;
     text-align: center;
     color: #FFF;
 }
 
 .section02 .aboutText h4 {
     line-height: 30px;
     margin-bottom: 5em;
 }
 
 .section02 ul {
     width: 80%;
     text-align: center;
     font-size: 0;
     margin: 0 auto;
     display: block;
 }
 
 .section02 ul li {
     width: 20%;
     text-align: center;
     display: inline-block;
 }
 
 .section02 ul li div {
     width: 150px;
     height: 150px;
     border: 1px solid #FFF;
     border-radius: 50%;
     text-align: center;
     line-height: 150px;
     position: relative;
     display: block;
     margin: 0 auto;
 }
 
 .section02 ul li div::after {
     width: 150px;
     height: 150px;
     border-top: 5px solid #0f90b8;
     border-right: 5px solid #0f90b8;
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: -2px;
     content: "";
 }
 
 .section02 ul li b {
     font-size: 48px;
     color: #FFF;
 }
 
 .section02 ul li div i {
     display: inline-block;
     vertical-align: middle;
     color: #FFF;
     font-size: 14px;
     font-style: normal;
 }
 
 .section03 {
     position: relative;
     overflow: hidden;
     padding: 3% 0;
 }
 
 .section03 .videoLeft img {
     max-width: 100%;
 }
 
 .section03 .videoRight {
     text-align: right;
     padding: 6%;
 }
 
 .section03 .videoRight .tit_t h1 {
     text-align: right;
 }
 
 .section03 .videoRight .tit_t span {
     float: right;
 }
 
 .section04 {
     padding: 2% 0;
     background: #fbfbfb;
     overflow: hidden;
 }
 
 .section04 .mapLeft {
     padding: 10% 0;
 }
 
 .section04 .tit_t h1 {
     text-align: left;
 }
 
 .section04 .tit_t span {
     float: left;
 }
 
 .section04 .mapRight img {
     max-width: 100%;
     display: block;
     margin: 0 auto;
 }
 
 .point,
 .point::before,
 .point::after {
     position: absolute;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     content: '';
 }
 
 .point::before {
     animation: scale 2s infinite;
 }
 
 .point::after {
     animation: scale2 2s infinite;
 }
 
 @keyframes scale {
     0% {
         transform: scale(1);
         opacity: .9
     }
     100% {
         transform: scale(4);
         opacity: 0;
     }
 }
 
 @keyframes scale2 {
     0% {
         transform: scale(1);
         opacity: .9;
     }
     100% {
         transform: scale(10);
         opacity: 0;
     }
 }
 
 .point,
 .point::before,
 .point::after {
     /* 设置颜色 */
     background-color: rgba(15, 144, 181, .9);
 }
 
 .point2,
 .point2::before,
 .point2::after {
     /* 设置颜色 */
     background-color: rgba(15, 144, 181, .9);
 }
 
 .point3,
 .point3::before,
 .point3::after {
     /* 设置颜色 */
     background-color: rgba(15, 144, 181, .9);
 }
 
 .point4,
 .point4::before,
 .point4::after {
     /* 设置颜色 */
     background-color: rgba(15, 144, 181, .9);
 }
 
 .point5,
 .point5::before,
 .point5::after {
     /* 设置颜色 */
     background-color: rgba(15, 144, 181, .9);
 }
 
 .point6,
 .point6::before,
 .point6::after {
     /* 设置颜色 */
     background-color: rgba(15, 144, 181, .9);
 }
 
 .section05 {
     background: url(../img/newsbg.jpg) no-repeat top center;
     overflow: hidden;
 }
 
 .section05 .tit_t h1 {
     color: #FFF;
 }
 
 .section05 .tit_t span {
     background: #FFF;
 }
 
 .section05 .tabTop {
     text-align: center;
     font-size: 0;
     margin: 0 auto 50px;
 }
 
 .section05 .tabTop li {
     width: 140px;
     line-height: 40px;
     text-align: center;
     border: 1px solid #FFF;
     font-size: 18px;
     display: inline-block;
     margin: 0 10px;
     color: #FFF;
 }
 
 .section05 .tabTop li.on {
     background: #36659f;
 }
 
 .section05 .tabBottom .divli {
     background: #f7f8fa;
     overflow: hidden;
     position: relative;
 }
 
 .section05 .tabBottom .divli:hover {
     background: url(../img/divlibg.png) no-repeat;
     background-size: 100% 100%;
 }
 
 .section05 .tabBottom .divli .yc {
     width: 100%;
 }
 
 .section05 .tabBottom .divli a {
     position: absolute;
     left: 0;
     width: 100%;
     height: 100%;
     height: 100%;
 }
 
 .section05 .tabBottom .divli img.layerImg {
     width: 100%;
     transition: .3s;
     position: relative;
 }
 
 .section05 .tabBottom .divli:hover .layerImg {
     margin-top: -100%;
 }
 
 .section05 .tabBottom .divli .divliBottom {
     transition: .3s;
     position: relative;
     z-index: 9;
     padding: 2% 10%;
 }
 
 .section05 .tabBottom .divli .divliBottom .tc {
     position: absolute;
     left: 5%;
     top: 5%;
     width: 90%;
 }
 
 .section05 .tabBottom .divli .divliBottom i {
     background: #0f90b8;
     color: #FFF;
     font-size: 16px;
     font-style: normal;
     padding: 8px 10px;
     margin: 10% 0;
     display: none;
 }
 
 .section05 .tabBottom .divli:hover .divliBottom i {
     display: inline-block;
 }
 
 .section05 .tabBottom .divli .divliBottom h4 {
     color: #444444;
     height: 20px;
     line-height: 20px;
     overflow: hidden;
 }
 
 .section05 .tabBottom .divli .divliBottom h5 {
     color: #777777;
     height: 50px;
     line-height: 25px;
     overflow: hidden;
 }
 
 .section05 .tabBottom .divli:hover .divliBottom h5 {
     margin: 5% 0;
 }
 
 .section05 .tabBottom .divli .divliBottom h6 {
     margin: 5% 0;
     color: #777777;
     line-height: 20px;
 }
 
 .section05 .tabBottom .divli .divliBottom h6 img {
     display: inline-block;
     vertical-align: middle;
 }
 
 .section05 .tabBottom .divli .divliBottom span {
     color: #0f90b8;
     font-size: 16px;
     border-bottom: 1px solid #0f90b8;
     display: inline-block;
 }
 
 .section05 .tabBottom .divli .divliBottom .opt {
     display: none;
 }
 
 .section05 .tabBottom .divli:hover .divliBottom .opt {
     display: block;
 }
 
 .section06 {
     margin-top: -2%;
     padding: 0 0 4%;
 }
 
 .section06 .bottom {
     padding: 0 3%;
     position: relative;
 }
 
 .section06 .swiper-slide img {
     border: 1px solid #e3e3e3;
     max-width: 100%;
     display: block;
     margin: 0 auto;
 }
 
 .swiper-button-prev {
     left: -10px;
 }
 
 .swiper-button-next {
     right: -10px;
 }
 
 .swiper-button-prev:after,
 .swiper-button-next:after {
     font-size: 15px;
     color: #d4d4d4;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     line-height: 30px;
     text-align: center;
 }
 
 .swiper-button-prev:focus,
 .swiper-button-next:focus {
     outline: none;
 }
 
 .swiper-button-prev:hover:after,
 .swiper-button-next:hover:after {
     color: #FFF;
     background: #0f90b8;
 }
 
 @media(max-width:1200px) {
     .section02 .aboutText {
         width: 80%;
     }
 }
 
 @media(max-width:1100px) {
     .section01 .row .proImg {
         height: 50%;
     }
     .section01 .proRight ul li .proImg {
         height: 100px;
     }
     .section02 ul li div {
         width: 120px;
         height: 120px;
         line-height: 120px;
     }
     .section02 ul li div::after {
         width: 120px;
         height: 120px;
     }
     .section02 ul li b {
         font-size: 26px;
     }
     .section05 .tabBottom .divli .divliBottom h4,
     .section05 .tabBottom .divli .divliBottom h5 {
         margin: 0;
     }
 }
 
 @media(max-width:767px) {
     .content .tit_t {
         margin: 4% 0 0;
         padding: 0;
     }
     .content {
         padding-bottom: 60px;
     }
     .section01 .bottom {
         background: none;
     }
     .section01 .proLeft {
         position: relative;
         background: #0f90b8;
         overflow: hidden;
         padding: 2% 5%;
     }
     .section01 .proRight {
         margin-top: 20px;
     }
     .section01 .proRight ul li .proImg {
         height: 100px;
     }
     .section02 .aboutText {
         width: 100%;
     }
     .section02 ul {
         width: 100%;
     }
     .section02 ul li {
         width: 33.3%;
     }
     .section02 ul li div {
         width: 100px;
         height: 100px;
         line-height: 100px;
     }
     .section02 ul li div::after {
         width: 100px;
         height: 100px;
     }
     .section02 ul li b {
         font-size: 30px;
     }
     .section04 .mapLeft {
         padding: 4%;
     }
     .section05 .tabTop li {
         width: 30.3%;
         margin: 1%;
     }
     .section05 .tabBottom .col-xs-6 {
         margin-bottom: 10px;
     }
 }
 
 @media(max-width:567px) {
     .section05 .tabBottom .col-xs-6 {
         width: 100%;
         margin-bottom: 10px;
     }
 }
 /* .ny */
 
 .ny {
     overflow: hidden;
 }
 
 .postion {
     box-shadow: 0 4px 4px rgb(0 0 0 / 7%);
     padding: 10px 0;
     background: #FFF;
     line-height: 30px;
 }
 
 .postion .fl {
     float: left;
 }
 
 .postion .fr {
     float: right;
 }
 
 .postion .fr ul li {
     float: left;
     position: relative;
     padding: 5px 0;
 }
 
 .postion .fr ul li a {
     color: #333;
     line-height: 20px;
     display: block;
     border-right: 1px solid #ccc;
     padding: 0 20px;
 }
 
 .postion .fr ul li a::after {
     position: absolute;
     content: '';
     left: 50%;
     bottom: -10px;
     width: 0%;
     height: 3px;
     background-color: none;
     transition: all .3s;
 }
 
 .postion .fr ul li:hover a {
     color: #004e94;
 }
 
 .postion .fr ul li:hover a::after {
     width: 80%;
     left: 10%;
     background-color: #004e94;
 }
 
 .postion .fr ul li:last-child a {
     border: none;
 }
 
 .nycontact {
     padding: 5% 0 0;
 }
 
 .nycontact h4 {
     color: #000;
 }
 
 .nycontact p {

     font-size: 16px;
 }
 
 .nycontact .mc_nc1ft {
     padding: 70px 0;
     width: 50%;
     float: left;
 }
 
 .nycontact .mc_nc1ft a {
     display: block;
     color: #1237b0;
     font-size: 30px;
     cursor: pointer;
 }
 
 .nycontact .mc_nc1ft a img {
     display: inline-block;
     vertical-align: middle;
     width: 80px;
 }
 
 .nycontact .mc_nc1ft.fl {
     text-align: right;
     background: #f4f5f5;
     padding-right: 5%;
 }
 
 .nycontact .mc_nc1ft.fr {
     text-align: left;
     background: #ebeff2;
     padding-left: 5%;
 }
 
 .nycontact .mc_nc1ft a span {
     padding: 0 30px;
 }
 
 .nycontact .mc_nc1ft:hover {
     background: #1237b0;
 }
 
 .nycontact .mc_nc1ft:hover a {
     color: #fff;
 }
 
 .nycontact .mc_nc1ft a img:nth-child(1) {
     display: inline-block;
 }
 
 .nycontact .mc_nc1ft a img:nth-child(2) {
     display: none;
 }
 
 .nycontact .mc_nc1ft:hover a img:nth-child(1) {
     display: none;
 }
 
 .nycontact .mc_nc1ft:hover a img:nth-child(2) {
     display: inline-block;
 }
 
 .about2 ul {
     margin: 5% 0;
     background: url(../img/sy51.png) repeat-y center;
 }
 
 .f30 {
     font-size: 30px;
 }
 
 .f14 {
     font-size: 14px;
 }
 
 .about2 li:nth-child(2n):before {
     background: url(../img/sy50.png) no-repeat center center;
     right: -12.5%;
     top: 12px;
     left: auto;
     content: "";
     display: block;
     position: absolute;
     width: 17px;
     height: 17px;
 }
 
 .about2 li h4 {
     color: #333;
     transition: all 1s;
 }
 
 .about2 li p {
     background: #efefef;
     border-radius: 12px;
     font-size: 16px;
     color: #666;
     margin-top: 10px;
     padding: 20px 15px;
     overflow: hidden;
     text-overflow: ellipsis;
     /*display: -webkit-box;*/
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     transition: 0.5s;
     margin-bottom: 0;
 }
 
 .about2 li:hover p {
     background: #1237b0;
     color: #fff;
     transform: translateY(-12px);
 }
 
 .about2 li {
     float: right;
     width: 45%;
     text-align: left;
     position: relative;
     margin-top: 80px;
 }
 
 .about2 li:nth-child(2n) {
     float: left;
     text-align: right;
     margin-top: 80px;
 }
 
 .about2 li:nth-child(1) {
     margin-top: 0;
 }
 /*  */
 
 .nyzpweb {
     margin: 5% 0;
     border-left: 15px solid #1237b0;
     min-height: 180px;
     background: #FFF;
     box-shadow: 0 0 8px 2px rgb(243 243 245 / 85%);
     border-radius: 6px;
 }
 
 .nyzpweb ul {
     padding: 3% 0 0;
 }
 
 .nyzpweb ul li {
     cursor: pointer;
     color: #40434b;
     line-height: 30px;
     padding: 20px 2%;
 }
 
 .nyzpweb ul li a h4 {
     float: left;
     margin: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: calc(100% - 20%);
     color: #40434b;
 }
 
 .nyzpweb ul li a h4 label {
     background: url(../img/NEW@2x.png) no-repeat;
     background-size: 100% 100%;
     width: 3rem;
     height: 17px;
     display: inline-block;
     vertical-align: middle;
     margin-left: 10px;
 }
 
 .nyzpweb ul li a h5 {
     width: 20%;
     float: right;
     margin: 0;
     text-align: right;
     color: #40434b;
 }
 
 .page {
     margin: 20px auto;
     text-align: center;
 }
 
 .nypage {
     margin: 20px auto;
 }
 
 .nypage span {
     width: 48%;
     display: inline-block;
     text-align: left;
     font-size: 15px;
     color: #575757;
 }
 
 .nypage span:nth-child(2) {
     text-align: right;
 }
 
 .newlist {
     margin: 5% 0;
 }
 
 .newlist li {
     margin-bottom: 2%;
     padding-bottom: 100px;
     position: relative;
 }
 
 .newlist li .porTbox {
     position: relative;
     height: 80%;
     overflow: hidden;
 }
 
 .newlist li .js_thumb {
     width: 100%;
     display: block;
     margin: 0 auto 0;
     transition: all 0.5s ease;
 }
 
 .newlist li .showBox {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     background: rgba(0, 0, 0, .6);
     transition: all 0.5s ease;
 }
 
 .newlist li .showBox .showBoxLink {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     display: block;
     width: 60%;
     color: #fff;
     text-align: center;
     padding: 0.5rem 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-size: 16px;
     line-height: 30px;
 }
 
 .newlist li .showBox .showBoxLink::before {
     content: '';
     position: absolute;
     top: 0px;
     left: 50%;
     transform: translateX(-50%);
     width: 60%;
     height: 1px;
     background: #fff;
     transition: all .5s ease;
 }
 
 .newlist li .showBox .showBoxLink::after {
     content: '';
     position: absolute;
     bottom: 0px;
     left: 50%;
     transform: translateX(-50%);
     width: 60%;
     height: 1px;
     background: #fff;
     transition: all .5s ease;
 }
 
 .newlist li .porTbox:hover .showBox {
     opacity: 1;
 }
 
 .newlist li .porTbox:hover .js_thumb {
     transform: scale(1.1);
 }
 
 .newlist li .porTbox:hover .showBoxLink::before {
     width: 20px;
 }
 
 .newlist li .porTbox:hover .showBoxLink::after {
     width: 20px;
 }
 
 .newlist li .porBbox {
     position: absolute;
     left: 2.5%;
     bottom: 0;
     overflow: hidden;
     width: 95%;
     padding: 10px 20px 10px;
     border: 1px solid #f2f2f2;
 }
 
 .newlist li .porBbox .p_title {
     display: block;
     width: 100%;
     margin: 0;
     padding: 0;
     text-align: left;
     cursor: pointer;
     overflow: hidden;
     text-overflow: ellipsis;
     height: 40px;
     line-height: 40px;
 }
 
 .newlist li .porBbox .lookDetail {
     position: relative;
     display: block;
     color: #777;
     height: 38px;
     line-height: 38px;
     border-top: 1px solid #e5e5e5;
 }
 
 .newlist li .porBbox .lookDetail span img {
     float: right;
     margin: 20px;
 }
 
 .newstext {
     margin: 3% 0;
 }
 
 .newstext h1.title {
     text-align: center;
     color: #333;   font-size:22px; padding-bottom:10px;
 }
 
 .newstext h4.tips {
     border-top: 1px solid #d9d9d9;
     color: #595959;
 }
 
 .newstext h4.tips a {
     color: #595959;
 }
 
 .newstext h4.tips p {
     display: inline-block;
     margin: 20px 0;
     font-size: 15px;
 }
 
 .newstext h4.tips p:last-child {
     float: right;
 }
 
 .newstext .text img {
     display: block;
     margin: 0 auto;
 }
 
 .prolist {
     margin: 3% 0 6%;
 }
 
 .prolist h3.title {
     position: relative;
     line-height: 80px;
 }
 
 .prolist h3.title::after {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0px;
     width: 50px;
     height: 3px;
     background-color: #0f90b8;
     transition: all .3s;
 }
 
 .prolist li {
     margin: 20px 0 0;
 }
 
 .prolist li .proBox {
     transition: transform .3s, -webkit-transform .3s;
 }
 
 .prolist li a aside {
     overflow: hidden;
 }
 
 .prolist li a img {
     width: 100%;
     display: block;
     margin: 0 auto;
     transition: all 0.5s ease;
 }
 
 .prolist li .proBox:hover {
     -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
 }
 
 .prolist li a h5 {
     text-align: center;
     color: #333;
     line-height: 50px;
     margin-top: 0;
     background: #f5f5f5;
 }
 
 .aboutys {
     margin: 6% 0;
 }
 
 .aboutys h2 {
     margin-bottom: 2%;
 }
 
 .aboutys ul li {
     margin-bottom: 20px;
 }
 
 .aboutys ul li .aboutysli {
     border: 1px solid #f3f2f2;
     background: #f3f2f2;
     overflow: hidden;
     padding: 30px 40px;
 }
 
 .aboutys ul li .aboutysli img {
     width: 50px;
 }
 
 .aboutys ul li .aboutysli h3 {
     line-height: 60px;
     position: relative;
 }
 
 .aboutys ul li .aboutysli h3::after {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 200px;
     height: 1px;
     background: #ccc;
     content: "";
 }
 
 .aboutys ul li .aboutysli h5 {
     line-height: 30px;
 }
 
 .hezuo img {
     width: 100%;
     border: 1px solid #bababa;
 }
 
 .hezuo h4 {
     text-align: center;
     background: #bababa;
     height: 40px;
     line-height: 40px;
     font-size: 20px;
     color: #fff;
     margin-top: 0;
     margin-bottom: 20px;
 }
 
  .hezuo .hezuoli:hover h4{ background:#0f90b8;  transition: all 0.2s;}
  
  
  
  
 .nyabout img {
     width: 100%;
 }
 
 .nyabout p {
     line-height: 26px;
 }
 
 .nypage a {
     color: #333;
 }
 
 @media(max-width: 1000px) {
     .ny {
         padding-bottom: 60px;
     }
     .postion .fl {
         display: none;
     }
     .nycontact .mc_nc1ft {
         padding: 10px 0;
     }
     .nycontact .mc_nc1ft a {
         font-size: 18px;
     }
     .nycontact .mc_nc1ft a img {
         width: 50px;
     }
     .f30 {
         font-size: 18px;
     }
     .about2 li:nth-child(2n):before {
         right: -13%;
     }
     .nyzpweb ul li a h4 label {
         display: none;
     }
     .newstext h4.tips p {
         display: block;
     }
     .newstext h4.tips p:last-child {
         float: none;
     }
     .nypage span {
         width: 100%;
     }
     .nyabout {
         padding: 0 2%;
     }
 }
 
 @media(max-width:500px) {
     .nycontact .mc_nc1ft a {
         font-size: 14px;
     }
     .nycontact .mc_nc1ft a img {
         width: 30px;
     }
     .about2 li:nth-child(2n):before {
         right: -16%;
     }
     .nyzpweb ul li a h4 {
         width: 75%;
     }
     .nyzpweb ul li a h5 {
         width: 25%;
     }
     .hezuo h4 {
         font-size: 14px;
     }
 }
 
 .page_info {
     text-align: center;
     margin: 50px 0;
     color: #333;
 }
 
 .page_info span {
     padding: 0 2px;
     font-weight: bold;
 }
 
 .page_list {
     line-height: 24px;
     text-align: center;
     letter-spacing: 0;
     font-size: 14px;
     margin: 50px 0;
 }
 
 .page_list a {
     display: inline-block;
     color: #666;
     border: 1px solid #e5e5e5;
     background: #fff;
     width: 35px;
     height: 35px;
     line-height: 35px;
     margin: 0.2rem;
 }
 
 .page_list a:hover {
     color: #1090b8;
     border: 1px solid #1090b8;
     background: #fff;
 }
 
 .page_list a.on {
     color: #fff;
     border: 1px solid #1090b8;
     background: #1090b8;
 }
 
 .section02 h4 {
     color: #fff;
 }
 
 .textarea { padding:0 1%;}
 .textarea td:hover{ color:#fff; }