@charset "utf-8";

 


.zy-page-banner {margin-top: 110px;padding-bottom:55px;overflow: hidden;position: relative;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zy-page-banner .pic{position: relative;background: #003a5d;}
.zy-page-banner .pic * {display: block;overflow: hidden;}
.zy-page-banner .pic h4 {font-size: 30px;position: absolute;top:40%;right:19%;opacity: 0.2;color: #fff;font-weight: bold;text-transform: uppercase; font-family: 'Conv_GothamProNarrowMedium',Gotham, Arial;}
.zy-page-banner .pic img{width:100%;height: auto;}
.zy-page-banner .nav {background: #fff;position: absolute;width: 1200px;height: auto;left:50%;bottom:20px;margin-left: -600px;z-index: 33;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.zy-page-banner .nav * {display: block;overflow: hidden;}
.zy-page-banner .nav ul {} 
.zy-page-banner .nav ul li{text-align: center;float: left;width: 20%;position: relative;} 
.zy-page-banner .nav ul li a {padding:15px 0;} 
.zy-page-banner .nav ul li a i{width: 40px;height: 25px;margin: auto;text-align: center} 
.zy-page-banner .nav ul li a i img{display: inline-block;max-width: 100%;width:auto;height: auto;opacity: 0.2;} 
.zy-page-banner .nav ul li a i .svginjct {fill: #cdcdcd; }
.zy-page-banner .nav ul li a h6 {font-size: 14px;margin-top: 4px;color: #aaaeb3;} 
.zy-page-banner .nav ul li a:hover h6{color: #000;}
.zy-page-banner .nav ul li a:hover i img {opacity: 1.0;}
.zy-page-banner .nav ul li.cur a {background: #003a5d /*url("../images/logo-d.svg") 110% 35px no-repeat*/;background-size:200px;}
/*.zy-page-banner .nav ul li.cur a i img{-webkit-filter: invert(100%);filter: invert(100%);opacity: 1.0;}*/
.zy-page-banner .nav ul li.cur a i .svginjct {fill: #fff; }
.zy-page-banner .nav ul li.cur a h6 {color: #fff;}
.zy-page-banner .nav ul li::after {content: '';position: absolute;width: 1px;height:60%;top:20%;right: 0px;background: #e5e5e5;}
.zy-page-banner .nav ul li.cur::after,.zy-page-banner .nav ul li:last-child::after  {display: none;}
.zy-page-banner .nav ul.num3 li{width: 33.3333333%;}
.zy-page-banner .nav ul.num4 li{width: 25%;}
.zy-page-banner .nav ul.num5 li{width: 20%;}
.zy-page-banner .nav ul.num6 li{width: 16.66667%;}

.zy-page-banner.srolltop0 {}
.zy-page-banner.srolltop0 .nav {position: fixed;background: #fff;width: 100%;margin: 0;left: 0; bottom:auto;top:0; z-index: 99;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.zy-page-banner.srolltop0 .nav ul {width: 1200px;margin: auto;}
.zy-page-banner.srolltop0 .nav ul li a {padding:0;}
.zy-page-banner.srolltop0 .nav ul li a h6 {margin-top:0;line-height: 50px;} 
.zy-page-banner.srolltop0 .nav i {display: none;}
.zy-page-banner.srolltop0 .nav ul li.cur a {background: #003a5d;}
.zy-page-banner.srolltop0 .nav ul li:first-child::before {content: '';position: absolute;width: 1px;height:60%;top:20%;left: 0px;background: #e5e5e5;}
.zy-page-banner.srolltop0 .nav ul li:last-child::after {display: block;}
.zy-page-banner.srolltop0 .nav ul li.cur::before,.zy-page-banner.srolltop0 .nav ul li.cur:last-child::after {display: none;}



.zy-page-banner .path {background: #f5f7fa;padding:8px 0;overflow: hidden;}
.zy-page-banner .path section {position: relative;padding:10px 0;overflow: hidden;}
.zy-page-banner .path .left {float:left;width:70%;color: #666;font-size:12px;line-height:26px;}
.zy-page-banner .path .left * {display: inline-block;vertical-align:middle;}
.zy-page-banner .path .left i {font-family: "宋体",Arial;padding: 0 2px;}
.zy-page-banner .path .right {width:30%;height:100%;text-align: right;position:absolute;right: 0px;top:7px;}
.zy-page-banner .path .right .sinput{display: inline-block;padding:0px 35px 0px 15px;height: 30px;line-height: 30px;overflow: hidden; font-size:12px;border-radius: 40px;outline: none;border:1px solid #c4c6c8;background: none;}
.zy-page-banner .path .right .btn {position: absolute;right: 0;top: 0;width: 30px;z-index: 4;cursor: pointer;font-family: "font_family";}
.zy-page-banner .path .right .btn:before {content: "\e60e";position: absolute;left: 0;top:5px;z-index: 3;font-size:18px;color:#666;opacity: 0.5;}
.zy-page-banner .path .right .ssubmit{position: relative;width: 25px;height: 25px;background: none;cursor: pointer;outline: none;z-index: 55;}
.zy-page-banner .path .right .btn:hover:before {opacity: 1.0;}



/* about */

.zy-about {padding:8% 0 8% 0;overflow:hidden;}
.zy-about .left{float: left;width:48%;}
.zy-about .left .text {padding:10% 0 5% 0;overflow:hidden;font-size: 14px;line-height: 24px;text-align: justify;color: #666;}
.zy-about .left .text strong{ font-weight: bold;color: #00284d;}
.zy-about .right {float: right;width:47%;position: relative;}
.zy-about .right .pic{margin: 0px 0px 30px 30px;}
.zy-about .right .pic img{width:100%;height: auto;display: block;min-height: 588px;max-height: 588px;}
.zy-about .right .text {position: absolute;width:32%;padding:5%;left: 0;bottom: 0px;z-index: 1;background: rgba(0,58,93,0.8); color: #fff;line-height: 24px;}

.zy-about .culture {padding:5% 0;overflow:hidden;}
.zy-about .culture * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zy-about .culture .cli{ position: relative;float: left;width:25%;}
.zy-about .culture .cli .text {display:block; position: absolute;left: 0;top: 0px;text-align: center;width: 100%;height:100%;z-index: 33;background: rgba(0,58,93,0.9);opacity: 0;}
.zy-about .culture .cli .text ul {display: table;width:100%;height:100%;}
.zy-about .culture .cli .text ul li{display: table-cell;width:100%;vertical-align: middle;}
.zy-about .culture .cli .text h5{font-size:14px;margin:1% auto 20px auto;color: #fff;}
.zy-about .culture .cli .text h3{font-size:16px;color: #fff;width: 80%;margin: auto;}
.zy-about .culture .cli .text::after {content: '';width:-webkit-calc(95% - 4px);width:-moz-calc(95% - 4px); width:calc(95% - 4px);height:-webkit-calc(95% - 4px);height:-moz-calc(95% - 4px);height:calc(95% - 4px);left:2.5%;top:2.5%;position: absolute;border: solid 2px #396784;}
.zy-about .culture .cli .pic{position: relative;}
.zy-about .culture .cli .pic img{display: block;width:100%;height: auto;min-height:275px;max-height: 275px;}
.zy-about .culture .cli .pic h4 {position: absolute;left: 0;bottom: 20px;text-align: center;width: 100%;}
.zy-about .culture .cli .pic h4 * {display: inline-block;vertical-align: middle;}
.zy-about .culture .cli .pic h4 i{height:1px;background: #fff;width:20px;}
.zy-about .culture .cli .pic h4 strong{font-size:16px;margin:0 10px;color: #fff;}
.zy-about .culture .cli:first-child .text {display: block;} 
.zy-about .culture .cli:first-child .text::after {width:-webkit-calc(90% - 4px);width:-moz-calc(90% - 4px); width:calc(90% - 4px);height:-webkit-calc(95% - 4px);height:-moz-calc(95% - 4px);height:calc(95% - 4px);left:5%;top:2.5%;}
.zy-about .culture .cli:first-child .pic img{min-height:550px;max-height: 550px;}
.zy-about .culture .cli:hover .text {display: block;opacity: 1.0;} 
.zy-about .culture .cli:hover .pic h4 {display: none;}

.globalbranch {padding:5% 0 0;overflow:hidden;position: relative;}
.globalbranch .map{}
.globalbranch .map img{display: block;width:auto;height: auto;}
.globalbranch a {z-index: 50;overflow: hidden;}
.globalbranch a:hover {overflow: visible;z-index: 55;}
.globalbranch a li {text-align: center;}
.globalbranch a li i {margin: auto;font-size:35px;}
.globalbranch .p1 {color: #003a5c;}
.globalbranch .p2 {color: #f4a420;}
.globalbranch .p3 {color: #bdcf38;}
.globalbranch .p4 {color: #3fb1bd;}

.mapplace {position: absolute;left: 0;top:0;width:100%;height:100%;z-index:4;}
.mapplace a {display: block;position: absolute;width:30px;height:40px;font-size:40px;}
.mapplace a .text {position: absolute;left:150px;top:0;width: 335px;background: #fff;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);box-shadow:0px 0px 10px rgba(0,0,0,0.2);opacity: 0;}
.mapplace a .text img {display: block;width:100%;height: auto;min-height: 170px;max-height: 170px;}
.mapplace a .text h6 {font-size: 12px;line-height: 22px; color: #333;display: block;padding: 10px;}
.mapplace a .text h5 {font-size: 12px;line-height: 20px; color: #333;display: block;padding:1px 0px;border: 1px #ccc solid;width: 70px;text-align: center;margin-left: 10px;margin-bottom: 10px;}
.mapplace a li {position: relative;z-index: 44;}
.mapplace a.p2 li i {font-size: 30px;}
.mapplace a.p3 li i {font-size: 25px;}
.mapplace a.p3:hover li i {font-size: 30px;}
.mapplace a.p3:hover svg {margin-left:15px;}
.mapplace a:hover li i {font-size:40px;}
.mapplace a:hover .text{animation: fadein 0.5s 0.4s linear forwards;}
.mapplace a:hover svg .path {animation: dash 0.5s linear;display: block;}
.mapplace svg {margin-left:14px;margin-top:-25px; display: block;}
.mapplace svg .path {stroke-dasharray: 320;stroke-dashoffset: 0;display: none;}
@keyframes dash {from {stroke-dashoffset: 320;}to {stroke-dashoffset: 0;}}
@keyframes fadein {0% {opacity: 0;} 100% {opacity: 1.0;}}
.mapplace a.aright {}
.mapplace a.aright .text {left:auto;right: 130px;}
.mapplace a.aright svg {margin-left:auto;margin-right:-7px;float: right;}
.mapplace a.aright.p3:hover svg {margin-right:-5px;}

.place {position: absolute;left: 0;bottom: 10%;width: 200px;z-index: 3;}
.place li {display: block;clear: both;padding:5px 0;line-height: 20px;}
.place li * {display: block;float: left;}
.place li i{font-size: 14px;width: 20px;}
.place li.p1 i{font-size: 18px;margin-top: -3px;}
.place li.p2 i{font-size: 18px;margin-top: -3px;}
.place li.p3 i{font-size: 14px;}
.place li.p4 i{font-size: 22px;}
.place li h6{font-size: 12px;}

.globalbranch.mbshow {width: 101%;}
.globalbranch.mbshow a {display: block;width:49%;float:left; margin-right: 1%;margin-bottom: 1%;}
.globalbranch.mbshow a .text {background: #fff;}
.globalbranch.mbshow a .text img {display: block;width:100%;height: auto;}
.globalbranch.mbshow a .text h6 {font-size: 12px;line-height: 20px; color: #333;display: block;padding: 10px 0;min-height: 40px;}


.zy-aboutdetail {padding:0 0 5% 0;overflow:hidden;position: relative;}
.mb-text {display: none!important;position: relative;}
.mb-text{width:100%;height: auto;padding:5% 0; background:#fff;}
.mb-text h3{font-size: 24px;color: #003a5d;font-weight: bold;}
.mb-text h6{font-size: 14px;color: #666;line-height: 24px;}
.mb-text strong {font-weight: bold;}
.globalbranch-detail {position: relative;}
.gbpic {position: relative;}
.gbpic .text{width:450px;height: auto;padding:5% 4%; position: absolute;right:5%;top:20%;z-index: 1;background: rgba(255,255,255,0.9);}
.gbpic .text h3{font-size: 24px;color: #003a5d;font-weight: bold;}
.gbpic .text h6{font-size: 14px;color: #666;line-height: 24px;}
.gbpic .text strong {font-weight: bold;}
.gbpic .pic{}
.gbpic .pic img{display: block;width:100%;height: auto;}

.history {padding:5% 5% 0 5%;overflow:hidden;position: relative;}
.history-pic {position: relative;width:90%;margin: auto;height: 350px; overflow: hidden;}
.history-pic .slick-slide {padding-bottom: 30px;overflow: hidden;}
.history-pic li {background: #e9ecf1;width: 94%;margin: auto;position: relative; cursor: pointer;}
.history-pic li *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.history-pic li::after {content: '';position: absolute;left:50%;z-index: 3;bottom:-30px;border-color: #fff transparent transparent transparent;margin-left: -15px; border-width: 15px;border-style: solid;}
.history-pic li img {display: block;width:100%;height: auto;min-height: 225px;max-height: 225px;}
.history-pic li .txt {padding: 5%;text-align: center;background: #fff;display: block;overflow: hidden;}
.history-pic li .txt h6 {overflow: hidden;font-size: 14px;height:20px;line-height:24px;color: #333;}
.history-pic li .txt h6 * {display: inline-block;padding: 0;background: none;overflow: visible; vertical-align: middle;-webkit-transition:none;-moz-transition:none;transition:none;}
.history-pic .swiper-slide-active li{background: #e9ecf1;}
.history-pic .swiper-slide-active li .txt{background: #003a5d;}
.history-pic .swiper-slide-active li .txt h6 {color: #fff;height:auto;line-height:22px;}
.history-pic .swiper-slide-active li .txt h6 * {display: inline-block;padding: 0;background: none;overflow: visible; vertical-align: middle;-webkit-transition:none;-moz-transition:none;transition:none;}
.history-pic .swiper-slide-active li::after {border-color: #003a5d transparent transparent transparent;}
 
.history .swiper-button-next,.history .swiper-button-prev {background: none;outline: none;}
.history .swiper-button-next:before,.history .swiper-button-prev:before {width: 50px;height: 60px;position: absolute;top:0px;font-family: "font_family";font-size: 30px;}
.history .swiper-button-next:before{content: "\e60d";right: 0;}
.history .swiper-button-prev:before{content: "\e60b";left: 0;}



.history-n {position: relative;overflow:hidden;margin-top: -80px;}
.history-n::after {content: '';position: absolute;width:100%;height:1px;left:0;top:17px;background: #ccc;z-index: 1;}
.history-year {position: relative;padding:0 0 7% 0;width:1080px;margin:auto;overflow:hidden;    z-index: 10;}
.history-year li {position: relative;text-align: center;cursor: pointer;}
.history-year li i{width: 15px;height: 15px; margin:10px auto;background: #ccc;display: block;border-radius:100%;}
.history-year li i::before {content: '';position: absolute;border: 1px solid #003a5d;padding:5px;width: 15px;height: 15px;left:50%;top:-6px;margin-left: -13.5px;border-radius:100%;display: none;}
.history-year li h6{font-size: 14px;font-weight: bold;color: #ccc;}
.history-year li:hover i{background: #333;}
.history-year li:hover h6{color: #333;}
.history-year .swiper-slide-thumb-active {z-index: 33;}
.history-year .swiper-slide-thumb-active li i{background: #003a5d;}
.history-year .swiper-slide-thumb-active li i::before{display: block;}
.history-year .swiper-slide-thumb-active li h6 {font-size: 18px;color: #003a5d;}

 

.zy-acontact {position: relative;overflow: hidden;padding-bottom: 150px;}
.zy-acontact .pic{}
.zy-acontact .pic img{display: block;width:100%;height: auto;}
.acontact {background: #fff;position: absolute;width: 1200px;height: auto;left:50%;bottom:20px;margin-left: -600px;z-index: 33;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.acontact .left {padding: 5% 1% 5% 5%;overflow: hidden;float: left;width: 40%;}
.acontact .right {padding:2%;float: left;width:50%;text-align: right;}
.acontact .right img {display: inline-block;width: auto;height: auto;max-width: 100%;}
.acontact .left .text {padding:10% 0 0 0;overflow: hidden;}
.acontact .left .text li{padding:1% 0px;overflow: hidden;font-size: 14px;line-height: 24px;}
.acontact .left .text li strong{ font-size: 18px;font-weight: bold;padding-bottom:10px;display: block;}
.acontact .left .text li::before {font-family: "font_family";color: #000;font-size: 20px;margin-right: 10px;vertical-align:middle;}
.acontact .left .text li:nth-child(2)::before {content: "\e613";}
.acontact .left .text li:nth-child(3)::before {content: "\e628";}
.acontact .left .text li:nth-child(4)::before {content: "\e615";}

.zy-acontact .map{height: 690px;overflow: hidden;}
#allmap {height: 580px;}

.h550 {height: 750px;}
 
.partners {width:100%;height: auto;padding:5% 0; overflow: hidden;text-align: center;}
.partners img{display:inline-block;max-width: 100%; width:auto;height: auto;}
.partners div.prod div {background: #fff;display: inline-block;margin: 10px;border: 1px solid #ccc;width:20%;}
.partners div.prod div li {}
.partners div.prod div li img {display: block;width: 100%;height: auto;min-height: 100px;max-height: 100px;}



/* products */

.zy-products {padding:8% 0 8% 0;overflow:hidden;}
.zy-products .left{float: left;width:40%;}
.zy-products .left .pic {}
.zy-products .left .pic img{display: block;width: 100%;height: auto;min-height: 328px;max-height: 328px;}
.zy-products .right{float: left;width:55%;padding-left: 5%;}
.zy-products .right .text {padding:5% 0 5% 0;overflow:hidden;font-size: 14px;line-height: 24px;text-align: justify;color: #666;}


.zy-products-nav {background: #f5f7fa;overflow: hidden;}
.zy-products-nav section{position: relative;}
.zy-products-nav section a{font-size: 14px;display: block;float: left;padding: 20px;overflow: hidden;color: #999;}
.zy-products-nav section a:hover {background: #dce4ef;color: #000;}
.zy-products-nav section a.cur {background: #003a5d;color: #fff;}
.zy-products-nav-2 {width: 100%; margin:10px auto 60px auto;position:relative;overflow:hidden;}
.zy-products-nav-2 section {width: 100%;display: block;overflow: hidden;height: 0; }
.zy-products-nav-2 section.cur {height: auto;}
.zy-products-nav-2 li {width: 1200px;margin:10px auto;}
.zy-products-nav-2 li a{font-size: 14px;display: block;float: left;padding:20px 0;margin-right:20px; overflow: hidden;color: #999;position: relative;}
.zy-products-nav-2 li a:hover {color: #000;}
.zy-products-nav-2 li a.cur {color: #003a5d;}
.zy-products-nav-2 li a.cur::after {content: '';position: absolute;left: 0;bottom: 10px;width:100%;height: 1px;background: #003a5d;}
.tabli {clear: both;position: relative;overflow: hidden;width: 1200px;padding:20px 50px; margin:10px auto;}
.tabli main{display: block;overflow: hidden;height: 0;}
.tabli main.cur {height: auto;}

.zy-products-list {margin:0;width:101%;clear: both;}
.zy-products-list a {display: block;width:97%;margin: auto 0;}
.zy-products-list a ul {background: #e9edf2;height: 275px;}
.zy-products-list a ul li {}
.zy-products-list a ul img {max-height: 200px;max-width: 100%;}
.zy-products-list a h6 {font-size: 14px;padding: 10px 0;text-align: center;display: block;}
.zy-products-list a:hover h6{background: #003a5d;color: #fff;}
.zy-products-list .slick-prev:before,.zy-products-list .slick-next:before {color: #000;}
.zy-products-list .slick-prev {left: 0px;}
.zy-products-list .slick-next {right:0px;}


.tabli .swiper-button-next,.tabli .swiper-button-prev {background: none;margin-top:-40px;opacity: 0.4;outline:none;}
.tabli .swiper-button-next:hover,.tabli .swiper-button-prev:hover {opacity: 1.0;}
.tabli .swiper-button-next:before,.tabli .swiper-button-prev:before {font-size:40px;color:#000;position: absolute;left: 0;top: 0;z-index: 3; font-family: "font_family";}
.tabli .swiper-button-next:before {content: "\e60d";left:0px;}
.tabli .swiper-button-prev:before {content: "\e60b";left:auto;right: 0px;}
.tabli .swiper-button-disabled {display: none;}


.zy-productdetail {position: relative;overflow: hidden;padding:0 0 5% 0;}
.insets-pic {float: left;width: 90px;position: relative;padding:30px 0 35px 0;overflow: hidden;}
.insets-pic .pic{cursor: pointer;position: relative;}
.insets-pic .pic::before {content: '';border: 1px solid #ededed;position: absolute;left:0;top:0;width:calc(100% - 2px);width: -webkit-calc(100% - 2px);height:calc(100% - 2px);height:-webkit-calc(100% - 2px);}
.insets-pic .pic ul{margin:2px 0 7px 0;}
.insets-pic .pic ul li{padding:10% 0;}
.insets-pic .pic ul li img {max-height:70px;min-height:70px;}
.insets-pic .slick-prev:before,.insets-pic .slick-next:before {color: #000;font-size:30px}
.insets-pic .slick-prev {left:50%;right: auto;top:10px;bottom: auto;margin-left: -35px;-webkit-transform:rotate(90deg);transform:rotate(90deg);} 
.insets-pic .slick-next {left:50%;right: auto;top: auto;bottom:0;margin-left: -35px;-webkit-transform:rotate(90deg);transform:rotate(90deg);} 
.insets-pic .slick-current .pic::before{border: 1px solid #003a5d;}
.insets-pic .pic:hover::before {border: 1px solid #ccc;}
.larger-pic {float: left;width:420px;position: relative;padding:30px 0 35px 30px;overflow: hidden;}
.larger-pic .pic{border: 1px solid #ededed;}
.larger-pic .pic ul{height:392px;}
.larger-pic .pic ul img {max-height: 300px;}
.zy-productdetail .left {float: left;width:45%;}
.zy-productdetail .right {float: right;width:53%;}
.detail-text{padding:30px 0 0px 30px;overflow: hidden;font-size: 14px;line-height: 26px;color: #333; text-align: justify;}
.detail-text h2 {font-size: 30px;color: #000;}
.a-btn {width: 110px;height: 40px;line-height: 40px;text-align: center;padding: 0 20px;border: solid 1px #66899e;color: #66899e;display: block;margin: 30px 0;}
.a-btn:hover {background: #003a5d;color: #fff;}

.pic-none {float: left;width:550px;}
.pic-none .pic{border: 1px solid #ededed;}
.pic-none .pic ul{height:392px;}
.pic-none .pic ul img {max-height: 300px;}

.tab_main {position: relative; verflow:hidden; clear:both;}
.tab_main * {display: block;overflow: hidden; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.pnav {background: #f5f7fa;}
.tab{ width:1200px; margin:auto;}
.tab li{ font-size: 14px;display: block;float: left;padding:20px 30px;overflow: hidden;color: #999;cursor: pointer;}
.tab li:hover {background: #dce4ef;color: #000;}
.tab li.on { background: #003a5d;color: #fff;}
.con{ margin:auto;position:relative;clear:both; }
.con_main{width:1200px; margin:auto;padding:50px 0;}

.pdetail {font-size: 14px;color: #333;line-height: 26px;}
.pdetail li {width:46%;padding:10px 2%;overflow: hidden;display: block;float: left;}
.pdetail hr {display: block;clear: both;background: #ededed;height: 1px;width:100%;border: none;}
.pdetail * {display: inline-block;vertical-align: bottom;}
.pdetail img {max-width: 100%;height: auto;}

.product-collocation {width:101%;}
.product-collocation a {display: block;float: left;width: 23.5%; margin:0 0 1% 1%;}
.product-collocation a .pic{border: 1px solid #ededed;padding: 10% 0;}
.product-collocation a .pic img{height: 200px;}
.product-collocation a:hover .pic{border: 1px solid #003a5d;}
.product-collocation a h6{font-size: 14px;line-height: 24px; padding: 10px 0;text-align: center;display: block;}

.larger-pic .slick-prev:before,.larger-pic .slick-next:before {color: #000;}


/* quality */
.zy-quality {padding:8% 0 8% 0;overflow:hidden;}
.zy-quality .text {padding: 50px 0 30px 0;overflow:hidden;font-size: 14px;line-height: 24px;color: #333;text-align: center;width:76%;margin: auto;}
.zy-quality .video {position: relative;width:90%;height:268px; padding:0 5%;overflow: hidden;}
.zy-quality .video li {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zy-quality .video li *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zy-quality .video li {position: relative;width:100%;height:200px;margin:auto;padding-top:30px;background: #fff;display: block;cursor: pointer;overflow: hidden;}
.zy-quality .video li i {width:46px;height: 46px;position: absolute;left:50%;top:50%;margin-left: -23px;margin-top: -23px;z-index: 1;background: url("../images/play.svg");display: none;}
.zy-quality .video li img {width: 100%;height: auto;min-height: 268px;max-height: 268px;max-width: 510px;opacity: 0.8;}
.zy-quality .video li:hover img {opacity: 1.0;}
.zy-quality .video .slick-prev:before,.zy-quality .video  .slick-next:before {color: #000;}
.zy-quality .video .slick-center li{width:100%;height:268px;padding-top:0px;opacity: 1.0;}
.zy-quality .video .slick-center li img{opacity: 1.0;}
.zy-quality .video .slick-center li i{display: block;}


.zy-rd-ability {position: relative;overflow: hidden;}
.zy-rd-ability * {display: block; overflow: hidden;}
.zy-rd-ability .left {float: left;width:32%;padding:7% 4.5% 0 18.5%;}
.zy-rd-ability .left .title {position: relative;padding-left: 60px;}
.zy-rd-ability .left .title li{position: absolute;left: 0;top:20px;width:52%;padding: 5px 0;background: #f5f7fa;}
.zy-rd-ability .left .title li h2 {position: relative;}
.zy-rd-ability .left .title li h2 * {display: inline-block;vertical-align: middle;}
.zy-rd-ability .left .title li h2 strong{color: #00284d;font-size: 30px;font-weight: bold;} 
.zy-rd-ability .left .title li h2 i{height: 2px;background: #00284d;width:40px;margin-left:10px;} 
.zy-rd-ability .left .title li h3 {color: #00284d;font-size: 26px;font-family: 'Conv_Gotham-Light',Helvetica,Arial;}
.zy-rd-ability .left .title line {border: 4px solid #b2bec9;width: 255px;height: 120px;}
.zy-rd-ability .left .text {padding-top:5%;font-size: 14px;line-height: 24px;color: #666;text-align: justify;}
.zy-rd-ability .left .text strong{ font-weight: bold;color: #003a5d;font-size: 17px;padding-bottom: 20px;}
.zy-rd-ability .right {float: left;width:45%;}
.zy-rd-ability .right .pic {position: relative;}
.zy-rd-ability .right .pic div li {width:100%;display: block;position: relative;}
.zy-rd-ability .right .pic div li h6 {width:auto;padding:1% 5%;color: #fff;font-size: 24px;line-height:35px;display: block;position: absolute;left: 0;bottom:5%;text-align: left;background: rgba(0,0,0.6);}
.zy-rd-ability .right .pic div img {display: block;width:100%;height: auto;max-height: 779px;min-height: 779px;}

.authentication {position: relative;padding:2% 5%;}
.authentication div li {width:85%;margin: auto; text-align: center;}
.authentication div li img{display: inline-block;max-width:100%; margin: auto;height: auto;max-height:235px;min-height: 235px;}
.authentication div li h6 {display: block;padding: 10px;clear: both;font-size: 14px;}
.authentication .slick-prev:before,.authentication .slick-next:before {color: #000;}

.honor {position: relative;padding:5% 0 3% 0;overflow: hidden;width: 101%;}
.honor div {float: left;background: #fff;width: 22%;margin:0 1% 1% 0;padding:1%;text-align: center;}
.honor div li {width:98%;margin: auto;}
.honor div li img{display: inline-block;max-width:100%; margin: auto;height: auto;min-height: 180px;max-height: 180px;}

.showMorehandle a{display: block;border: 1px solid #e5e5e5;width: 140px;height: 40px;line-height: 40px;margin: auto; text-align: center;color: #999;font-size: 14px;}
.showMorehandle a:hover{background: #003a5d;color: #fff;}


.zy-download {padding:3% 0 0 0; position: relative;overflow: hidden;}
.zy-download * {display: block; overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zy-download-list {width:100%;float: left;overflow: hidden;}
.zy-download-list h2 {font-size: 18px;border-bottom: 1px solid #ccc;font-weight: bold;color: #003a5d;padding: 10px 0;margin: 10px 0;}
.zy-download-list li {border-bottom: 1px dotted #ccc;}
.zy-download-list li a {padding: 10px ;font-size: 14px;position: relative;}
.zy-download-list li a::after {content: '';width: 30px;height: 30px;position: absolute;right:2%;top:50%;margin-top: -15px; background: url("../images/q5.svg") center no-repeat;background-size: 100%;opacity: 0.3;}
.zy-download-list li a:hover {padding: 10px 20px;}
.zy-download-list li a:hover::after {opacity: 1.0;}
.zy-download-pic {width:25%;float: left;overflow: hidden;padding-left: 5%;}
.zy-download-pic h2 {font-size: 18px;border-bottom: 1px solid #ccc;font-weight: bold;color: #003a5d;padding: 10px 0;margin: 10px 0;}
.zy-download-pic li {border: 1px dotted #ccc;float: left;padding:5% 2% 2% 2%; width: 43.33%;margin: 1%;text-align: center;}
.zy-download-pic li i{width: 50px;height: 50px;margin: auto;background: #666 url("../images/img.svg") center no-repeat;background-size:50%;;}
.zy-download-pic li a {padding: 10px ;font-size: 14px;position: relative;}
.zy-download-pic .dbtn {background: #f1f1f1;color: #333;padding: 3px 5px;width:50%;font-size: 12px;margin: auto;}
.zy-download-pic .dbtn:hover {background: #003a5d;color: #fff;}
.zy-download-video {width:25%;float: right;overflow: hidden;padding-left: 5%;}
.zy-download-video h2 {font-size: 18px;border-bottom: 1px solid #ccc;font-weight: bold;color: #003a5d;padding: 10px 0;margin: 10px 0;}
.zy-download-video li {border: 1px dotted #ccc;float: left;padding:5% 2% 2% 2%; width: 43.33%;margin: 1%;text-align: center;}
.zy-download-video li i{width: 50px;height: 50px;margin: auto;background: #333 url("../images/play.svg") center no-repeat;background-size:50%;}
.zy-download-video li a {padding: 10px ;font-size: 14px;position: relative;}
.zy-download-video .dbtn {background: #f1f1f1;color: #333;padding: 3px 5px;width: 50%;font-size: 12px;margin: auto;}
.zy-download-video .dbtn:hover {background: #003a5d;color: #fff;}


/* job */
.zy-job {padding:8% 0 8% 0;overflow:hidden;position: relative;}
.zy-job * {overflow: hidden;}

.zy-development {padding:5% 0 3% 0;overflow:hidden;}
.zy-development .text{font-size: 14px;line-height: 24px;text-align: center;width:80%;margin: auto;}
.zy-development .development {padding:3% 0 0 ;overflow:hidden;}
.zy-development .development .dli {float: left;width:25%;text-align: center;background: #f5f7fa;overflow: hidden;position: relative;}
.zy-development .development .dli .text {height: 219px;overflow: hidden;}
.zy-development .development .dli .text ul {display: table;width:100%;height:100%;}
.zy-development .development .dli .text ul li{display: table-cell;vertical-align: middle;}
.zy-development .development .dli .text h4{font-size: 16px;font-weight: bold;color: #000;padding-bottom: 10px;overflow: hidden;}
.zy-development .development .dli .text h5{font-size: 14px;color: #666;}
.zy-development .development .dli .pic {position: relative;}
.zy-development .development .dli .pic img{display: block;width: 100%;height: auto;min-height: 219px;max-height: 219px;}
.zy-development .development .dli .pic::before {content: '';position: absolute;left:50%;z-index: 3; width: 0; height: 0;margin-left: -15px; border-width: 15px;border-style: solid;}
.zy-development .development .dli.l1 .pic::before {top: 0;border-color:#f5f7fa transparent transparent transparent;}
.zy-development .development .dli.l2 .pic::before {bottom: 0;border-color:transparent transparent #f5f7fa transparent;}
.zy-development .development .dli.l1:hover .pic::before {border-color:#003a5c transparent transparent transparent;}
.zy-development .development .dli.l2:hover .pic::before {border-color:transparent transparent #003a5c transparent;}
.zy-development .development .dli:hover{background: #003a5c;}
.zy-development .development .dli:hover .text h4{color: #fff;}
.zy-development .development .dli:hover .text h5{color: #cccc;}



.responsibility {margin:5% 0 3% 0;overflow:hidden;background: #fff;}
.responsibility .pic{float: left;width:50%;}
.responsibility .pic img{display: block;width: 100%;height: auto;min-height: 415px;max-height: 415px;}
.responsibility .text{float: left;width:40%;padding:3% 5% 1% 5%; font-size: 14px;line-height: 24px; color: #666;text-align: justify;}
.responsibility .text h2{font-size: 24px;font-weight: bold;color: #003a5d;}
 

.public-welfare {overflow:hidden;padding:5% 0 0 0;width: 101%;}
.public-welfare * {display: block;overflow: hidden;}
.public-welfare li{float: left;width:32.33%;margin-right: 1%;margin-bottom: 1%;}
.public-welfare li a{border: 1px solid #ededed;}
.public-welfare li a .pic{}
.public-welfare li a .pic img{display: block;width: 100%;height: auto;min-height: 260px;max-height: 260px;}
.public-welfare li a .text {padding:5%  3%;min-height:30px;}
.public-welfare li a .text h3{font-size: 14px;color: #333;padding-bottom: 10px;}
.public-welfare li a .text h5{font-size: 12px;color: #999;}
/*.public-welfare li a:hover {background: #003a5d;}
.public-welfare li a:hover h3 {color: #fff;}*/


.jobtitle {margin:5% 0 0 0;background: #f5f7fa;padding: 2% 5%;}
.jobtitle span {display: inline-block;width:20%;font-size: 14px;text-align:center;}
.jobtitle span:first-child {text-align:left;}
.jobtitle span:last-child {text-align: right;}
.joblist {padding:0;}
.joblist li{border-bottom: 1px solid #ededed;}
.joblist li a{padding:1.5% 5%;display: block;cursor:pointer;}
.joblist li a:hover {background: #003b5d;}
.joblist li a:hover span,.joblist li a:hover span:last-child {color: #fff;}
.joblist li a span {display: inline-block;width:20%;font-size: 14px;text-align:center;}
.joblist li a span:first-child {text-align:left;}
.joblist li a span:last-child {text-align: right;color: #003b5d;}
.joblist li ul{background: #f5f7fa;padding:2% 3%;font-size: 14px;line-height: 24px;color: #333;}
.joblist li ul.children{ display: none;}
.joblist li a.cur{background: #003b5d;color: #fff;}
.joblist li a.cur {font-weight: bold;}
.joblist li.cur ul.children{ display:block;}
.jobli {padding:0 2.5% 1% 2.5%;border-bottom: 1px solid #e6e6e6;}
.jobli h6{display: block;float: left;width:25%;padding: 3px 0;font-size: 14px;}
.jobtext {padding:1% 2.5%;}
.jobbtn {margin:1% 2.5%;background: #003b5d;height: 35px;line-height: 35px;color: #fff;width: 100px;text-align: center;cursor: pointer;}
.jobbtn:hover {background: #000;}

.zy-concept  {overflow:hidden;position: relative;} 
.zy-concept .pic{}
.zy-concept .pic img{display: block;width:100%;height: auto;}
.talent-concept {position: absolute;width: 1200px;left:50%;margin-left: -600px;top: 0;z-index: 3;padding:5% 0;text-align: center;}
.talent-concept .title.center *{color: #fff;}
.talent-concept .title.center i{background: #fff;}
.talent-concept .text {padding: 5%;font-size: 14px;line-height: 28px;color: #fff;background: rgba(63,177,199,0.2);margin-top: 5%;}

.zy-benefit {padding:8% 0 5% 0;overflow:hidden;}
.zy-benefit * {display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.benefit {padding:5% 0;width:101%;}
.benefit a {background: #fff;text-align: center;padding:4% 4%;float: left;width:7.6%;position: relative;margin-right:1%;margin-bottom: 1%;}
.benefit a i{margin:10px auto 20px auto;width:50px;height:50px;}
.benefit a i img {width: 50px;height: 50px;}
.benefit a h6{font-size: 14px;}
.benefit a .text{display: block;width:100%;height:100%;position: absolute;left: 0;top: 0;background: #0a4163;opacity: 0;z-index: -1;}
.benefit a .text ul {padding:5%;width:90%;height:100%;display: table;}
.benefit a .text ul li{display:table-cell;vertical-align: middle;}
.benefit a .text h4{font-size: 14px;padding:0 0 10px 0;color: #fff;}
.benefit a .text h5{font-size: 12px;line-height: 20px; width:85%;margin: auto;color: #fff;}
.benefit a:hover .text{display: block;opacity: 1.0;z-index: 1;}
.benefit.eng a{padding:4% 1%;width:12.6%;min-height: 110px;}
.benefit.eng a h6 {font-size: 12px;}

.zy-employment  {overflow:hidden;position: relative;} 
.zy-employment .pic{}
.zy-employment .pic img{display: block;width:100%;height: auto;}
.employment-promotion {position: absolute;width: 1200px;left:50%;margin-left: -600px;top: 0;z-index: 3;padding:5% 0;}
.employment-promotion .title.center *{color: #fff;}
.employment-promotion .title.center i{background: #fff;}
.employment-promotion .text {padding: 5%;font-size: 14px;line-height: 28px;color: #fff;background: rgba(63,177,199,0.2);margin-top: 5%;}
.employment {overflow:hidden;margin: 5% 0px 0px;width: 101%;}
.employment .text{background: #fff;overflow:hidden;padding:3% 5% 3% 5%;width:89%;min-height: 200px;float: left;margin:0 1% 1% 0px; color: #333;font-size: 12px;}
.employment .text.employment1,.employment .text.employment2 {width:39%;}
.employment .text h3 {font-size: 14px;color: #0a4163;font-weight: bold;text-align: center;}
.employment .text .table {padding:20px 0 0 0;overflow: hidden;}
.employment .text img {display: inline-block;vertical-align: middle;}
.employment .text td {padding:3px 0px;}
.employment .text .border1 {border: 1px #b7b7b7 solid;padding:6px 10px; overflow: hidden;font-size: 12px;}
.employment .text.employment3 {text-align: center;}
.employment .text.employment3 .border1 {padding:10px 5%;font-size: 14px;margin: 0 3px;}
.employment.eng .text.employment2 {width:43%;padding: 1% 3% 0 3%;min-height: 267px;}

.zy-recruit {padding:8% 0 8% 0;overflow:hidden;}
.zy-recruit .recruit{width:101%;padding:5% 0;overflow: hidden;}
.zy-recruit .recruit *{display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zy-recruit .recruit li{background: #fff;float: left;padding:5%;width: 14%; margin-right: 1%;text-align: center;}
.zy-recruit .recruit li h5{font-size: 16px;font-weight: bold;color: #000;}
.zy-recruit .recruit li i{padding:15% 0;margin: 5% auto;}
.zy-recruit .recruit li i img{display:inline-block;width: auto;height: auto;}
.zy-recruit .recruit li h6{font-size: 14px;color: #666;}
.zy-recruit .recruit li:hover {background: #dfe6f1;}
.zy-recruit .recruit li:hover * {color: #000;}

.white_content .dtable-cell {padding-top:0px;}



/* news */
.zy-news {padding:8% 0 8% 0;overflow:hidden;}
.newstop {overflow:hidden;padding:5% 0;width: 101%;}
.newstop * {display: block;overflow: hidden;}
.newstop li{float: left;width:32.33%;margin-right: 1%;}
.newstop li a{border: 1px solid #ededed;}
.newstop li a .pic{}
.newstop li a .pic img{display: block;width: 100%;height: auto;min-height: 220px;max-height: 220px;}
.newstop li a .text {padding: 5%;min-height: 130px;}
.newstop li a .text h3{font-size: 16px;color: #333;text-overflow:ellipsis;white-space:nowrap;word-break: keep-all;}
.newstop li a .text h4{font-size: 12px;line-height:24px; color: #a1a1a1; margin:15px 0 30px 0;}
.newstop li a .text h5{font-size: 12px;color: #999;}
.newstop li a .text h6{display: none;}
.newstop li a .text h6 i{font-family: "宋体",Arial;}
.newstop li a:hover {background: #003a5d;}
.newstop li a:hover h3 {color: #fff;}
.newstop li a:hover .text *{color: #fff;}

.newslist {}
.newslist * {display: block;overflow: hidden;}
.newslist li{position:relative;margin-bottom:25px;padding-bottom:25px;border-bottom: 1px solid #ededed; }
.newslist li a{}
.newslist li a .pic{float: left;width:30%;}
.newslist li a .pic img{display: block;width: 100%;height: auto;min-height: 202px;max-height: 202px;}
.newslist li a .text {float: left;width:60%;padding:2% 5%;}
.newslist li a .text h3{font-size: 16px;color: #333;}
.newslist li a .text h4{font-size: 12px;line-height:24px; color: #a1a1a1; margin:15px 0 30px 0;}
.newslist li a .text h5{font-size: 12px;color: #999;}
.newslist li a .text h6{display:none;position: absolute;right:5%;top:61%;color: #999;}
.newslist li a .text h6 i{font-family: "宋体",Arial;display: inline-block;vertical-align: top;}
.newslist li a:hover h6{display:block;}
.newslist li a:hover .text h3{color: #003a5d;font-weight: bold;}
.newslist li a:hover{background: #ebebeb;}

.zy-newsdetail {padding:1% 0 10% 0;}
.zy-newsdetail .title {text-align: center;border-bottom: 1px  solid #f0f0f0;padding-bottom: 20px;margin-bottom: 20px;}
.zy-newsdetail .title h2{font-size: 30px;color: #003a5d;}
.zy-newsdetail .title li{display: inline-block;vertical-align: middle;padding: 10px 0;overflow: hidden;}
.zy-newsdetail .title li span{font-size: 12px;color: #999;margin: 0 20px;}
.newsdetail {width:76%;margin: auto;padding-bottom:100px;overflow: hidden;font-size: 14px;line-height: 24px;color: #666;}
.newsdetail img {max-width:100%;height: auto;}
.fanye {padding:2.5% 3%;overflow: hidden;position: relative; width:96%;margin: auto; background: #fff;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.fanye a {color: #999;font-family: "font_family";font-size: 14px;line-height: 24px;}
.fanye a.prev {float: left;}
.fanye a.next {float: right;text-align: right;}
.fanye a.return {text-align: center;width: 100px;height: 30px;line-height: 30px; position: absolute;left: 50%;top: 50%;margin-left: -50px;margin-top: -15px;}
.fanye a:hover {color: #003a5d;}
.fanye a.prev::before {font-size: 20px;content: "\e60b";vertical-align:top;}
.fanye a.next::after {font-size: 20px;content: "\e60d";vertical-align:top;}


.othernews {overflow:hidden;padding:5% 0;width: 101%;}
.othernews * {display: block;overflow: hidden;}
.othernews li{float: left;width:32.33%;margin-right: 1%;}
.othernews li a{border: 1px solid #ededed;}
.othernews li a .pic{}
.othernews li a .pic img{display: block;width: 100%;height: auto;min-height: 220px;max-height: 220px;}
.othernews li a .text {padding: 5%;min-height: 130px;}
.othernews li a .text h3{font-size: 16px;color: #333;}
.othernews li a .text h4{font-size: 12px;line-height:24px; color: #a1a1a1; margin:15px 0 30px 0;}
.othernews li a .text h5{font-size: 12px;color: #999;}
.othernews li a .text h6{display: none;}
.othernews li a .text h6 i{font-family: "宋体",Arial;}
.othernews li a:hover {background: #003a5d;}
.othernews li a:hover h3 {color: #fff;}

.exhibitions {overflow:hidden;padding:5% 0 0 0;}
.exhibitions * {display: block;overflow: hidden;}
.exhibitions li{position:relative;margin-bottom:25px;padding-bottom:25px;}
.exhibitions li a{background: #f5f7fa;}
.exhibitions li a .pic{float: left;width:40%;}
.exhibitions li a .pic img{display: block;width: 100%;height: auto;min-height: 270px;max-height: 270px;}
.exhibitions li a .text {float: left;width:50%;padding:4% 5% 0 5%;}
.exhibitions li a .text h3{font-size: 16px;color: #333;}
.exhibitions li a .text line {height: 1px;width: 40px;background:#ccc;display: block;margin-top:20px;}
.exhibitions li a .text h4{font-size: 12px;line-height:24px; color: #a1a1a1; margin:15px 0 30px 0;}
.exhibitions li a .text h5{font-size: 12px;color: #999;}
.exhibitions li a .text h6{display:none;position: absolute;right:5%;top:70%;color: #999;}
.exhibitions li a .text h6 i{font-family: "宋体",Arial;display: inline-block;vertical-align: top;}
.exhibitions li a:hover h6{display:block;}
.exhibitions li a:hover .text h3{color: #fff;font-weight: bold;}
.exhibitions li a:hover .text * {color: #fff;}
.exhibitions li a:hover .text line {width:100%;background: #184c6b;}
.exhibitions li a:hover{background: #003a5c;}
.exhibitions li.er a .pic{float: right;}
.exhibitions li.er a .text{float: right;}
.exhibitions li.er a .text  h6{right:45%;}

.videoapic {overflow:hidden;padding:5% 0 0 0;}
.videoapic-top {position: relative;width: 100%;}
.videoapic-top .pic {position: relative;}
.videoapic-top .pic * {-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.videoapic-top .pic img{display:block;width:100%;height: auto;min-height: 559px;max-height: 559px;}
.videoapic-img {position: relative;padding:2% 2%;width:96%;overflow: hidden;}
.videoapic-img .pic {position: relative;width:94%;margin: auto;cursor: pointer;}
.videoapic-img .pic::after {content: '';border: 3px solid #003a5d;position: absolute;left: 0;top: 0;z-index: 3;width:-webkit-calc(100% - 6px);width:-moz-calc(100% - 6px); width:calc(100% - 6px);height:-webkit-calc(100% - 6px);height:-moz-calc(100% - 6px); height:calc(100% - 6px);display: none;}
.videoapic-img .pic img{display:block;width:100%;height: auto;min-height: 72px;max-height: 72px;}
.videoapic-img .pic:hover::after {display: block;}
.videoapic-top .tplay {background: url("../images/play.svg") center no-repeat;background-size:5%;position: absolute;width:100%;height: 100%;left: 0;top: 0;z-index: 3;cursor: pointer;}
.videoapic-top .tplay:hover {background: url("../images/play.svg") center no-repeat rgba(0,0,0,0.5);background-size:5%;}
.videoapic-img .tplay {background: url("../images/play.svg") center no-repeat;background-size:20%;position: absolute;width:100%;height: 100%;left: 0;top: 0;z-index: 3;}
.videoapic-img .slick-current .pic::after{display: block;}
.videoapic-img .slick-prev:before,.videoapic-img .slick-next:before {color: #000;}
.videoapic-img .slick-prev {left: -15px;}
.videoapic-img .slick-next {right: -15px;}




/* investor */
.zy-investor {padding:8% 0 8% 0;overflow:hidden;position: relative;}
.zy-investor .investor {background: #f5f7fa;margin-top:5%;}
.zy-reports {padding:5% 5%;width:90%;overflow:hidden;}
.reports {background: #fff;width:98%;margin:auto;overflow: hidden;position: relative;text-align: center;}
.reports .icon{padding:70px 5% 70px 5%;overflow: hidden;}
.reports .icon img{opacity: 0.2;display: inline-block;max-width:100%;}
.reports .title {font-size: 14px;color: #00284d;line-height: 24px;padding:1% 1% 30px 1%;}
.reports .btn {position: absolute;width:100%;height:70%;padding:50% 0 0 0;overflow: hidden; left: 0;top: 0;display:none;background: rgba(0,40,77,0.5);}
.reports .btn h4 {display: block;font-size: 14px;color: #fff; padding-bottom:30%;}
.reports .btn a{margin:1.5% 1%;background: #00284d;color: #fff;padding: 10px 0;width:30%;display:inline-block;}
.reports .btn a:hover {background: #fff;color: #00284d;}
.reports:hover .btn{display: block;}
.reports:hover .title {color: #fff;}
.zy-investor .slick-prev:before,.zy-investor .slick-next:before {color: #000;margin-top: 30px;}

.zy-announcement {padding:5% 0 0 0;overflow:hidden;}
.zy-announcement * {font-size: 14px;display: block;overflow: hidden;}
.zy-announcement li {border-bottom: 1px solid #ededed;}
.zy-announcement li a{padding: 25px 0;}
.zy-announcement li a h5{float: left;}
.zy-announcement li a h5 i{display: inline-block;vertical-align: top;margin: 0 10px;}
.zy-announcement li a h5 i img{opacity: 0.3;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.zy-announcement li a h6{float: right;}
.zy-announcement li a:hover h5 i img{opacity: 1.0;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;}
.zy-announcement li a:hover h5{color: #00284d;}
.zy-investor .pagenum {float: left;}



.zy-search {padding:0 0 5%  0;overflow:hidden;}
.search-input {margin: auto;width: 400px;position: relative;}
.search-input form {display: block;}
.search-input .input { width:90%;height:40px;line-height:40px;float:left; padding:0px 5%;border: 1px solid #ccc;}
.search-input .submit {height:42px; line-height:32px;background: #ccc; width:100px;position: absolute;right: -2px;top: 0px;z-index: 1;cursor: pointer;}
.search-input .submit:hover {background: #666;color: #fff;}
.search-list {clear: both;padding: 5% 0;overflow: hidden;}
.search-list h2 {font-size: 18px;border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-bottom: 20px;overflow: hidden;display: block;}
.search-list .product a .text {min-height:auto;padding:5% 0;}
.search-list .product a:hover .text {min-height:auto;padding:5%;}
.search-list .newstop {padding:0 0 5% 0;}
.search-list .newstop li a .text{min-height: auto;}


.anchorBL {display: none;}




/* 滑动导航 */
.swipernav {position: absolute;width: 1360px;height: 100px;margin: auto;left:50%;bottom:0px;margin-left: -680px;z-index: 33;}	
.scrollnav {background: #fff;position: absolute;width: 1200px;height: auto;left:50%;bottom:20px;margin-left: -600px;z-index: 33;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.scrollnav a{display: block;text-align: center;width:100%;padding: 15px 0;position: relative;}
.scrollnav a i{width: 40px;height: 25px;margin: auto;text-align: center;display: block;} 
.scrollnav a i img{display: inline-block;max-width: 100%;width:auto;height: auto;opacity: 0.2;} 
.scrollnav a h6 {font-size: 14px;margin-top: 4px;color: #aaaeb3;}
.scrollnav a.cur i img{-webkit-filter: invert(100%);filter: invert(100%);opacity: 1.0;}
.scrollnav a.cur {background: #003a5d url("../images/logo-d.svg") 110% 35px no-repeat;background-size:200px;}
.scrollnav a.cur h6 {color: #fff;}	
.scrollnav a::after {content: '';position: absolute;width: 1px;height:60%;top:20%;right: 0px;background: #e5e5e5;}
.scrollnav a.cur::after  {display: none;}
.scrollnav a:hover h6{color: #000;}
.scrollnav a:hover i img {opacity: 1.0;}
.scrollnav a.cur:hover h6{color: #fff;}
.scrollnav .swiper-slide::last-child a::after {display: none;}
.swipernav .swiper-button-prev,.swipernav .swiper-button-next {width: 50px;height: 50px;margin-top: -28px;font-size:40px;color:#999;font-family: "font_family";background: none;outline: none;}
.swipernav .swiper-button-prev::before { content: "\e60b";}
.swipernav .swiper-button-next::after { content: "\e60d";}
.swipernav .swiper-button-prev:hover,.swipernav .swiper-button-next:hover {color:#888;}
.swipernav .swiper-button-disabled {display: none;}

.srolltop0 {}
.srolltop0 .swipernav {position: fixed;width:100%;height:50px;margin: auto;left:0;bottom:auto;top: 0; margin-left:0px;}
.srolltop0 .swipernav .scrollnav {position:relative;width: 1200px;height: auto;margin: auto; left:auto;bottom:auto;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.srolltop0 .swipernav .scrollnav a i {display: none;}
.srolltop0 .swipernav .swiper-button-prev,.srolltop0  .swipernav .swiper-button-next {margin-top: -13px;font-size:30px;}
.srolltop0 .swipernav .swiper-button-prev {left:15%;}
.srolltop0 .swipernav .swiper-button-next {right:15%;}

@media screen and (max-width: 860px) {
	.swipernav {width: 96%;height: 100px;left:2%;bottom:0px;margin-left:0px;}	
	.scrollnav {position:relative;width:100%;height: auto;left:0;bottom:auto;margin-left:0px;}	
	.scrollnav a h6 {font-size: 12px;margin-top: 4px;}
}
@media screen and (min-width:769px) {
.mfoot_box {
		display: none
	}
	}