@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: #10377c;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 #444;width: 240px;height: 40px;line-height: 40px;text-align: center;color: #444;font-size: 14px;}
.more a:hover{background: #10377C;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: 16px;color: #999;font-family: 'Conv_Gotham-Light',Helvetica,Arial;}
.title.center h2 {font-size: 20px;color: #444;font-weight: bold;}
.title.center h2 * {display: inline-block;vertical-align: middle;}
.title.center h2 i {height: 1px;background: #ccc;width:30px;margin:0 20px;}
.title.center h2 strong{font-size: 30px;font-weight: bold;}
.title.center.white * {color: #fff;}
.title.center.white h2 i {background: #fff;}

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





/* company profile */
.zy-index-companyprofile {padding: 5% 0;overflow:hidden;}
.zy-index-companyprofile .left { margin:5% 0 0;float: left;width: 100%; background:url(../images/wh_bg.jpg) no-repeat;height: auto;display: block;max-height:370px;min-height: 370px;}
.zy-index-companyprofile .left .right {float: right;width: 33%;}
.zy-index-companyprofile .left .right * {display: block;overflow: hidden;}
.zy-index-companyprofile .left .right .text {padding: 4.3% 0;font-size: 14px;line-height: 22px;color: #333;text-align: justify;}
.zy-index-companyprofile .left .right .text  h2 strong{color: #fff;font-size: 20px;font-weight: bold; text-align:center; padding-bottom:10px;} 
.zy-index-companyprofile .left .right .text p {width:90%; margin:0 5%; font-size: 14px;line-height: 25px;color: #fff;text-indent:2em;}
.zy-index-companyprofile .left .right .gd { margin-left:20px;width:80px; padding-bottom:5px; border-bottom:#FFF solid 2px;}
.zy-index-companyprofile .left .right .gd a{font-size: 16px;color: #fff;}

/* liuyan */
.zy-index-liuyan {padding: 5% 0;overflow:hidden;}
.zy-index-liuyan .left {float: left;width: 60%;}
.zy-index-liuyan .left * {display: block;overflow: hidden;}
.zy-index-liuyan .left .text {width:70%; margin:0 15%;font-size: 14px;line-height: 22px;color: #333;text-align: justify;}
.zy-index-liuyan .left .text  h2 strong{color: #666;font-size: 20px;font-weight: bold; text-align:center; padding-bottom:10px;}
.zy-index-liuyan .left .liuy { width:60%; margin:0 20%; float:left;}
.login-cen{width: 100%;box-sizing: border-box; margin:12px 0; font-size:16px; font-weight:600;}
.login-center{width: 100%;box-sizing: border-box; margin:20px 0;border-bottom: 1px solid #cccccc;}
.login-center-img{width: 40px;height: 20px;float: left;margin-top: 5px; font-size:16px;}
.login-center-img>img{width: 100%;}
.login-center-input{float: left;width:85%;height: 30px;position: relative;}
.login-center-input input{z-index: 2;transition: all 0.5s;background:#F5F5F5;padding-left: 10px;color: #333333;width: 100%;height: 30px;border: 0;box-sizing: border-box;outline: none;position: relative;}
.login-center-input input:focus{border: 1px solid dodgerblue;}
.login-center1{width: 48%;box-sizing: border-box; margin-bottom:20px; float:left;border-bottom: 1px solid #cccccc;}
.login-center-input1{float: right;width:75%;height: 30px;position: relative;}
.login-center-input1 input{z-index: 2;transition: all 0.5s;padding-left: 10px;color: #333333;width: 100%;height: 30px;border: 0;background:#F5F5F5;box-sizing: border-box;outline: none;position: relative;}
.login-center-input1 input:focus{border: 1px solid dodgerblue;}
.login-center-img1{width: 40pxheight: 20px;float: left;margin-top: 5px; font-size:16px;}
.login-center-img1>img{width: 80px;height: 30px;}
.login-center-input-text{background: white;padding: 0 5px;position: absolute;z-index: 0;opacity: 0;height: 20px;top: 50%;margin-top: -10px;font-size: 14px;left: 5px;color: dodgerblue;line-height: 20px;transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: all 0.5s;	/* Opera */}
.login-center-input input:focus~.login-center-input-text{top: 0;z-index: 3;opacity: 1;margin-top: -15px;}
.login.active{-webkit-animation: login-small 0.8s ; animation: login-small 0.8s ;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
.login-center2{width: 100%;box-sizing: border-box; margin:20px 0;}
.login-button{cursor: pointer;width: 250px;text-align: center;height: 40px;line-height: 40px; border: #999 solid 1px; margin: 0 auto;margin-top: 20px;color: white; color:#666; background:#FFF;}
.zy-index-liuyan .right {float: right;width: 40%;}
.zy-index-liuyan .right * {display: block;overflow: hidden;}
.zy-index-liuyan .right .text {width:70%; margin:0 15%;font-size: 14px;line-height: 30px;color: #333;text-align: justify;}
.zy-index-liuyan .right .text  h2 strong{color: #666;font-size: 20px;font-weight: bold; text-align:center; padding-bottom:10px;}


/* latest product */
.zy-index-products-list {margin:0;width:100%;clear: both;}
.zy-index-products-list a {display: block;width:90%; margin:0 5%; border:#CCC solid 1px;}
.zy-index-products-list a ul {height: 275px;}
.zy-index-products-list a ul li {}
.zy-index-products-list a ul img {max-height: 275px;max-width: 100%;}
.zy-index-products-list a h6 {font-size: 14px;padding: 10px 0;text-align: center;display: block; height:50; line-height:25px;}
.zy-index-products-list a h6 i{border:#666 solid 1px; width:24px; height:24px; border-radius:12px; display:block; margin:0 auto;}
.zy-index-products-list a:hover h6{color: #666; border-bottom:#10377C solid 4px;}
.zy-index-products-list .slick-prev:before,.zy-products-list .slick-next:before {color: #000;}
.zy-index-products-list .slick-prev {left: 0px;}
.zy-index-products-list .slick-next {right:0px;}


/* 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{ text-align: center; height: 220px;}
.product a .pic ul {}
.product a .pic ul li{max-height: 100%; max-width: 100%;}
.product a .text{padding:5%;min-height:30px;}
.product a .text h4{font-size: 16px;line-height: 24px;color: #333;text-overflow:ellipsis;white-space:nowrap;word-break: keep-all; text-align:center;}
.product a:hover {}
.product a:hover .text h4,.product a:hover .text h6{color: #666;}  
.product a:hover .pic{background: #fff;}



/* new products */
.zy-index-newproducts { width:700px;padding:0;overflow:hidden;}
.zy-index-newproducts .pic{padding:2% 0 0;overflow:hidden;}
.zy-index-newproducts .newproducts {position: relative;}
.nproduct {width:100%;height: 500px;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:5% 0;overflow:hidden;}
.news {padding:5% 0 0;overflow:hidden;}
.news * {display:block;overflow: hidden;}
.news li {float: left;width:48%; margin:10px 1%;}
.news li a{ position: relative;}
.news li a img{width:100%;height: auto;display: block;max-height:385px;min-height: 385px;}
.news li a .text {position: absolute;left: 0;bottom: 0;width:100%;background: rgba(16,55,124,0.7);}
.news li a .text span{position: relative;padding:3% 5%;}
.news li a .text span h4{font-size: 16px;color: #fff; text-align:center;}
.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:#10377C;}
.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 {float: left;width:98%; margin:10px 1%;}
.news li.news1 a img{max-height:600px;min-height: 600px;}
.news li.news1 a .text span{padding:1.8% 5%;}
.news li.news1 a .text span h4{font-size: 16px;}
.zy-index-new .more {margin:3% auto auto;}
.zy-index-new .more a {margin:auto;}


/* tuijian */
.zy-tuijian {padding:5% 0;overflow:hidden;}
.tuijian {padding:5% 0 0;overflow:hidden;}
.tuijian .tjl {float: left;width:32%; background:#FFF; padding:2%;}
.tuijian .tjl a .text {width:100%; height:40px;}
.tuijian .tjl a .text h4{font-size: 16px;color: #444; font-size:18px; font-weight:600; line-height:40px;}
.tuijian .tjl a .text h5{font-size: 14px;color: #666; line-height:40px;}
.tuijian .tjl a img {width:100%;height: auto;max-height:225px;min-height: 225px;}
.tuijian .tjr {float:right;width:63%;}


/* kt */
.zy-index-kt {padding:5% 0;overflow:hidden;}
.kt {padding:5% 0 0;overflow:hidden;}
.kt * {display:block;overflow: hidden;}
.kt li {float: left;width:48%; margin:10px 1%;}
.kt li a{ position: relative;}
.kt li a img{width:100%;height: auto;display: block;max-height:386px;max-height:386px;}
.kt li a .text {position: absolute;left: 0;bottom: 20px; margin-left:20px;width:100px;}
.kt li a .text span{position: relative;padding:3% 0%; border-bottom:#FFF solid 2px;}
.kt li a .text span h4{font-size: 16px;color: #fff;}
.kt 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);}
.kt li.kt1 {float: left;width:38.5%; margin:10px 1%;}
.kt li.kt1 a img{max-height:386px;max-height:386px;}
.kt li.kt1 a .text span{padding:1.8% 5%;}
.kt li.kt1 a .text span h4{font-size: 16px; padding-bottom:5px;}
.kt li.kt2 {float: left;width:57.5%; margin:10px 1%;}
.kt li.kt2 a img{max-height:386px;max-height:386px;}
.kt li.kt2 a .text span{padding:1.8% 5%;}
.kt li.kt2 a .text span h4{font-size: 16px; padding-bottom:5px;}
.kt li.kt3 {float: left;width:98%; margin:10px 1%;}
.kt li.kt3 a img{max-height:480px;min-height: 480px;}
.kt li.kt3 a .text span{padding:1.8% 5%;}
.kt li.kt3 a .text span h4{font-size: 16px; padding-bottom:5px;}




/* 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;}