@charset "utf-8";





/* banner */
.zy-banner {overflow: hidden;position: relative; width:100%; background: #000;}

.zy-banner-pic div a { position:relative; display:block;}
.zy-banner-pic div li * {color: #fff;overflow:hidden;display: block;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.zy-banner-pic div li { position: relative;}
.zy-banner-pic div li .title { width:800px;position: absolute;left:18.5%;top:35%;  z-index: 1;}
.zy-banner-pic div li .title * {clear: both;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; }
.zy-banner-pic div li .title h2{ font-size:60px;line-height:60px; color: #fff;margin-top:10%; font-family:'Conv_GothamProNarrowMedium',Gotham, Arial;}
.zy-banner-pic div li .title h3{ font-size:34px;color: #fff;}
.zy-banner-pic div li .title line { height: 2px;width:90px;background: #fff;margin:1% 0;}
.zy-banner-pic div li .title h4{ font-size:14px;color: #fff;margin:2% 0;text-transform: none;font-family:'Conv_Gotham-Light',Gotham, Arial;}
.gh-banner-pic div li .pic {width: 100%; height: auto;}
.zy-banner-pic div li .pic img {width: 100%; height: auto;}
.zy-banner-pic div li .video {width: 100%;height: 100%; position: absolute;left:0;top:0;z-index:5;}
.zy-banner-pic div li .video .iplay {margin:25% auto auto}

.zy-banner .swiper-pagination {bottom:5%;}
.zy-banner .swiper-pagination span.swiper-pagination-bullet{ width: 50px;height:10px;margin: 0 8px;border-radius:0px;opacity:1.0;background: none;position: relative;}
.zy-banner .swiper-pagination span::after {content: '';width:100%;height: 1px;background: #ccc;position: absolute;left: 0;top:5px;}
.zy-banner .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active::after {background: #fff;height: 2px;}
.zy-banner .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1.0;}
.zy-banner .swiper-slide.swiper-slide-active {}
.zy-banner .swiper-slide.swiper-slide-active li .title *{filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;}
.zy-banner .swiper-slide.swiper-slide-active li .title h2 {transition-delay: 0.4s;margin-top:0;}
.zy-banner .swiper-slide.swiper-slide-active li .title h3 {transition-delay: 0.6s;}
.zy-banner .swiper-slide.swiper-slide-active li .title line {transition-delay: 0.7s;}
.zy-banner .swiper-slide.swiper-slide-active li .title h4 {transition-delay: 0.8s;}

.zy-banner-pic div li .title.center {text-align: center;left:50%;margin-left: -400px;}
.zy-banner-pic div li .title.right {left:auto;right:18.5%;text-align: right;}
.zy-banner-pic div li .title.right line{float: right;}
.zy-banner-pic div li .title.none {display: none!important;}


.zy-banner .swiper-button-prev,.zy-banner .swiper-button-next {width: 50px;height: 50px;font-size:40px;color:#888;font-family: "font_family";background: none;}
.zy-banner .swiper-button-prev::before { content: "\e60b";}
.zy-banner .swiper-button-next::after { content: "\e60d";}
.zy-banner .swiper-button-prev:hover,.zy-banner .swiper-button-next:hover {color:#fff;}
.zy-banner .swiper-button-disabled {display: none;}

 



/* 通用 */

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

.pic{text-align: center;}
.pic ul {width:100%;height:100%;display: table;}
.pic li {display: table-cell;vertical-align: middle;}
.pic li img{max-width:100%;max-height:100%;height: auto;display:inline-block;}

.title.center {text-align: center;}
.title.center h3{font-size: 30px;color: #003a5d;font-family: 'Conv_Gotham-Light',Helvetica,Arial;}
.title.center h2 {}
.title.center h2 * {display: inline-block;vertical-align: middle;}
.title.center h2 i {height: 2px;background: #00284d;width:40px;margin:0 10px;}
.title.center h2 strong{font-size: 30px;font-weight: bold;color: #003a5d;}
.title.center.white * {color: #fff;}
.title.center.white h2 i {background: #fff;}

.title {}
.title h2 {position: relative;}
.title h2 * {display: inline-block;vertical-align: middle;}
.title h2 strong{color: #00284d;font-size: 30px;font-weight: bold;} 
.title h2 i{height: 2px;background: #00284d;width:40px;margin:0 10px;} 
.title h3 {color: #00284d;font-size: 30px;font-family: 'Conv_Gotham-Light',Helvetica,Arial;}





/* company profile */
.zy-index-companyprofile {padding: 11% 0;overflow:hidden;}
.zy-index-companyprofile .left {float: left;width: 45%;}
.zy-index-companyprofile .left .pic{}
.zy-index-companyprofile .left .pic img{max-width:100%;height: auto;min-height:540px;max-height: 540px;}
.zy-index-companyprofile .right {float: left;width: 50%;padding-left: 5%;}
.zy-index-companyprofile .right * {display: block;overflow: hidden;}
.zy-index-companyprofile .right .title {position: relative;padding-left: 60px;}
.zy-index-companyprofile .right .title li{position: absolute;left: 0;top:20px;width:50%;padding: 5px 0;background: #fff;}
.zy-index-companyprofile .right .title li h2 {position: relative;}
.zy-index-companyprofile .right .title li h2 * {display: inline-block;vertical-align: middle;}
.zy-index-companyprofile .right .title li h2 strong{color: #00284d;font-size: 30px;font-weight: bold;} 
.zy-index-companyprofile .right .title li h2 i{height: 2px;background: #00284d;width:40px;margin-left:10px;} 
.zy-index-companyprofile .right .title li h3 {color: #00284d;font-size: 28px;font-family: 'Conv_Gotham-Light',Helvetica,Arial;}
.zy-index-companyprofile .right .title line {border: 4px solid #b2bec9;width: 255px;height: 120px;}
.zy-index-companyprofile .right .text {padding: 5.3% 0;font-size: 14px;line-height: 22px;color: #333;text-align: justify;}




/* latest product */
.zy-index-latestproduct {padding:11% 0 9% 0;overflow:hidden;}
.zy-index-latestproduct .list {padding:5% 0 0;width:101%;overflow: hidden;}
.product{text-align: left;overflow: hidden;float:left;width:24%;margin:0 1% 1% 0;}
.product * {display:block;overflow: hidden;}
.product a{background: #fff;}
.product a .pic{background: #e9edf2;text-align: center;padding:5% 0;height: 220px;}
.product a .pic ul {}
.product a .pic ul li{height:200px;}
.product a .text{padding:9% 5% 9% 5%;min-height:85px;}
.product a .text h4{font-size: 16px;line-height: 24px;color: #333;text-overflow:ellipsis;white-space:nowrap;word-break: keep-all;}
.product a .text line {height: 1px;width:30px;background: #ccc;margin: 10px  0;}
.product a .text h6{font-size: 12px;color: #999;line-height: 20px;}
.product a:hover {background: #003a5d;}
.product a:hover .text h4,.product a:hover .text h6{color: #fff;}  
.product a:hover .text line {background: #fff;}
.product a:hover .pic{background: #fff;}




/* new products */
.zy-index-newproducts {padding:11% 0 6% 0;overflow:hidden;}
.zy-index-newproducts .pic{padding:2% 0 0;overflow:hidden;}
.zy-index-newproducts .newproducts {position: relative;}
.nproduct {width:100%;height: 600px;display: table;margin: auto;}
.np-tablcell {display:table-cell;vertical-align: middle;}
.zy-index-newproducts .newproducts a{display: block; background: #fff;width: 60%;height:200px;padding:5% 0;position: relative; margin:auto;-moz-box-shadow:0px 0px 30px #ececec;-webkit-box-shadow:0px 0px 30px #ececec ;box-shadow:0px 0px 30px #ececec;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zy-index-newproducts .newproducts a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zy-index-newproducts .newproducts a .pic{text-align: center;}
.zy-index-newproducts .newproducts a .pic ul {width:100%;}
.zy-index-newproducts .newproducts a .pic li {margin: auto;text-align: center;height: 150px;}
.zy-index-newproducts .newproducts a .pic li img {width:auto;height: auto;max-height: 140px;max-width:60%; display: inline-block;}
.zy-index-newproducts .newproducts a .title{font-size: 14px;padding: 5% 0;}
.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active {}
.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a {width:100%;height:400px;margin:0 auto ;padding: 10% 0;}
.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a .pic{}
.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a .pic ul {}
.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a .pic li {height:340px;}
.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a .pic li img {max-height: 340px;}
.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a .title {font-size: 16px;color: #000;}
.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a::after {content: '';width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px); width:calc(100% - 10px);height:-webkit-calc(100% - 10px);height:-moz-calc(100% - 10px);height:calc(100% - 10px);border: 5px solid #fff;position: absolute;left: 0;top: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a:hover::after {border: 5px solid #003a5d;}
.zy-index-newproducts .swiper-button-next,.zy-index-newproducts .swiper-button-prev {background: none;margin-top:-10px;opacity: 0.4;}
.zy-index-newproducts .swiper-button-next:hover,.zy-index-newproducts .swiper-button-prev:hover {opacity: 1.0;}
.zy-index-newproducts .swiper-button-next:before,.zy-index-newproducts .swiper-button-prev:before {font-size:40px;color:#000;position: absolute;left: 0;top: 0;z-index: 3; font-family: "font_family";}
.zy-index-newproducts .swiper-button-next:before {content: "\e60d";left:0px;}
.zy-index-newproducts .swiper-button-prev:before {content: "\e60b";left:auto;right: 0;}
.zy-index-newproducts .swiper-slide-prev .nproduct a{float: right;margin-right: 10%;}
.zy-index-newproducts .swiper-slide-next .nproduct a{float: left;margin-left: 10%;}


/* new */
.zy-index-new {padding:11% 0 9% 0;overflow:hidden;}
.news {padding:5% 0 0;overflow:hidden;}
.news * {display:block;overflow: hidden;}
.news li {float: left;width:39%;margin-bottom: 10px;margin-left: 10px;}
.news li a{ position: relative;}
.news li a img{width:100%;height: auto;display: block;max-height:251px;min-height: 251px;}
.news li a .text {position: absolute;left: 0;bottom: 0;width:100%;background: rgba(0,0,0,0.5);}
.news li a .text span{position: relative;padding:3% 5%;}
.news li a .text span h4{font-size: 14px;color: #fff;}
.news li a .text span h5{font-size: 12px;color: #bababa;margin-top:5px;}
.news li a .text span h6{font-size: 12px;color: #fff;opacity: 0.4;position: absolute;right:3%;bottom:40%;}
.news li a:hover .text {background:#00284d;}
.news li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.news li.news1 {width:60%;float: left;margin-left:0px;}
.news li.news1 a img{max-height:513px;min-height: 513px;}
.news li.news1 a .text span{padding:1.8% 5%;}
.news li.news1 a .text span h4{font-size: 16px;}
.zy-index-new .more,.zy-index-newproducts .more,.zy-index-latestproduct .more {margin:3% auto auto;}
.zy-index-new .more a,.zy-index-newproducts .more a,.zy-index-latestproduct .more a {margin:auto;}



/* investor */
.zy-index-investor {padding:11% 0 9% 0;overflow:hidden;}
.investor {background: #fff;padding:3% 5%;margin-top:8%;overflow: hidden;}
.investor .left {float: left;width: 43%;position: relative;}
.investor .left::after {content: '';border-right: 1px #dcdcdc solid;position: absolute;right: 0;top: 0;height: 100%;}
.investor .left li {padding: 2% 0;overflow: hidden;}
.investor .left li * {display: inline-block;vertical-align:baseline;}
.investor .left li h2{font-size: 50px;color: #39c176;font-weight: bold;}
.investor .left li h3{font-size: 16px;color: #999;font-weight: bold;padding: 0 20px;}
.investor .left li h4{font-size: 20px;color: #000; }
.investor .left li h5{font-size: 16px;color: #666;}
.investor .left li h6{font-size: 12px;color: #999;line-height: 22px;}
.investor .left li i {width:0;height:0;margin-left:10px;border-width:0px 10px 10px 10px;border-style:solid;border-color:transparent transparent #39c176 transparent;}
.investor .right {float: left;width:52%;padding-left:5%;position: relative;}
.investor .right li {padding-top:10%;overflow: hidden;float: left;width: 25%;text-align: center;}
.investor .right li * {display: block;overflow: hidden;}
.investor .right li h4{font-size: 20px;color: #000;}
.investor .right li h5{font-size: 16px;color: #666;padding-bottom:20px;}