/* 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;text-align: right;}
.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: #3380D8;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: #3380D8;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: #3380D8;width:40px;margin:0 10px;}
.title.center h2 strong{font-size: 30px;font-weight: bold;color: #3380D8;}
.title.center.white * {color: #fff;}
.title.center.white h2 i {background: #fff;}

.title {}
.title h2 {position: relative;text-align: center;}
.title h2 * {display: inline-block;vertical-align: middle;}
.title h2 strong{color: #186ce8;font-size: 32px;} 
.title h2 i{height: 2px;background: #3380D8;width:40px;margin:0 10px;} 
.title h3 {color: #313237;font-size: 14px;font-family: 'Conv_Gotham-Light',Helvetica,Arial;text-align: center;margin-bottom: 15px;position: relative;}
.title .line{width: 57px;height: 1px;background: #4286f3;display: block;margin: 36px auto 54px auto;}
.title.white .line{background: #fff;}
.title.white h3,.title.white h2 strong{color: #fff;}

/* company profile */
.zy-index-companyprofile {padding: 8% 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:266px;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: #3380D8;font-size: 30px;font-weight: bold;} 
.zy-index-companyprofile .right .title li h2 i{height: 2px;background: #3380D8;width:40px;margin-left:10px;} 
.zy-index-companyprofile .right .title li h3 {color: #3380D8;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:0.5% 0;font-size: 14px;line-height: 32px;color: #333;text-align: justify;}




/* latest product */





.product.index{max-height: 340px;}

.zy-index-latestproduct {padding:8% 0 9% 0;overflow:hidden;}
.zy-index-latestproduct .list {width:99%;overflow: hidden;padding:10px;}
.product{text-align: left;overflow: hidden;float:left;width:30%;margin:0 2% 2% 0;box-shadow: 0 5px 10px #ececec;}
.product:hover{box-shadow: 0 2px 15px #3380D8;}
.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:2% 5% 7% 5%;min-height:120px;}
.product a .text h4{font-size: 20px;line-height: 24px;color: #3380D8;text-overflow:ellipsis;white-space:nowrap;word-break: keep-all;text-align: center;}
.product a .text line {height: 1px;width:30px;background: #ccc;margin: 10px  0;}
.product a .text h6{font-size: 16px;color: #323338;line-height: 32px;margin-top: 20px;font-family: "Microsoft YaHei";    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.product a:hover {background: #3380D8;}
.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;}
/* 2020-08-04 */
.product .pro_icon{height: 142px;}
.product .pro_icon img{box-shadow: 0 0 20px rgba(244,244,244,0.9);display: block;margin: 25px auto 5px auto;border-radius: 50%;width: 100px;height: 100px;}
.list .product:last-child,.list .product.last{width: 62%;margin-right: 0;}
.list .product:last-child a .text{padding: 1% 15% 7% 15%;}

.product2{text-align: left;overflow: hidden;float:left;width:24%;margin:0 1% 1% 0;}
.product2 a .text h6{height:70px;}


/* new products */
.zy-index-newproducts {padding:8% 0 6% 0;overflow:hidden;}
.zy-index-newproducts .title .line{width: 57px;height: 1px;background: #4286f3;display: block;margin: 36px auto 26px auto;}
.zy-index-newproducts .pic{padding:0;margin:0;overflow:hidden;position: relative;}
.zy-index-newproducts .newproducts {position: relative;}
.nproduct {width:100%;height: 250px;display: table;margin: auto;}
.np-tablcell {display:table-cell;vertical-align: middle;}
.zy-index-newproducts .newproducts a{display: block;width: 60%;padding:5% 0;position: relative; margin:auto;-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: 270px;max-width:100%; 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 a {width:100%;margin:0 auto;}
.zy-index-newproducts .newproducts .swiper-slide a .pic{}
.zy-index-newproducts .newproducts .swiper-slide a .pic ul {}
.zy-index-newproducts .newproducts .swiper-slide a .pic li {}
.zy-index-newproducts .newproducts .swiper-slide a .pic li img {max-height: 270px;}
.zy-index-newproducts .newproducts .swiper-slide a .title {font-size: 16px;color: #000;text-align: left;text-indent: 2em;}
/* 2020-8-4 */
.zy-index-newproducts .swiper-pagination{bottom: 0;left: 50%;transform: translateX(-50%);}
.zy-index-newproducts .swiper-pagination-bullet-active{width: 70px;border-radius: 8px;background: #3380D8;}



/* .zy-index-newproducts .newproducts .swiper-slide 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 a:hover::after {}
.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;}
.zy-index-newproducts .swiper-slide-next .nproduct a{float: left;}


/* new */
.zy-index-new {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:#3380D8;}
.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:8% 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;}
/* 优势 2020-8-4*/
.zy_list li img{margin-bottom: 50px;cursor: pointer;
	transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;}
.zy_list li .imgbox:hover img{transform:rotateY(180deg)}	
.zy_list li{float: left;width: 25%;text-align: center;font-size: 16px;color: #fff;}

/* 合作品牌 */
.coo_brand{padding: 8% 0 9% 0;overflow: hidden;}
.coo_content li{width: 16%;margin-right:5%;float: left;}
.coo_content li:last-child{margin-right: 0;}
.coo_content li img{width: 100%;}
/* 云登录 */
.cloud_login{padding: 8% 0 9% 0;overflow: hidden;}
.cloud_dj{background: #f8f8f8;overflow: hidden;min-height: 375px;}
.cloud_dj .left{width: 20%;padding: 0 5%;float: left;background: #3380D8;display: table;min-height: 375px;}
.cloud_dj .left>div{display: table-cell;vertical-align: middle;}
.cloud_dj .left p{font-size: 16px;color: #fff;text-align: center;padding-bottom: 20px;border-bottom: 1px solid rgba(255,2552,255,0.5);}
.cloud_dj .left h5{font-size: 25px;text-align: center;color: #fff;margin-top: 20px;}
.cloud_dj .right{font-size: 18px;color: #606060;width: 65%;float: right;}
.cloud_dj .right ul{overflow: hidden;width: 100%;margin-top: 15px;}
.cloud_dj .right ul li{width: 40%;margin-right: 8%;float: left;margin-bottom: 5px;}
.cloud_dj .right b{color: #fe0000;}
.cloud_dj .right input{width: 100%;height: 35px;border: 1px solid #dedede;border-radius: 4px;text-indent: 1em;}
.cloud_dj .right input:focus{outline: none; border: 1px solid #3380D8;}
.cloud_dj .right label{font-size: 16px;color: #606060;padding: 12px 0;display: block;}
.cloud_dj .right .button{text-indent:0px;margin-top: 28px;width: 150px;height: 36px;line-height: 36px;text-align: center;background: #3380D8;border-radius: 4px;color: #fff;}

.cloud_con{background: #f8f8f8;overflow: hidden;margin-bottom: 50px;}
.cloud_con ul li:first-child{min-height: 462px;background: #f8f8f8;}
.cloud_con ul li{width: 24.85%;float: left;min-height: 230px;text-align: center;margin-right: 0.15%;margin-bottom: 0.15%;margin-top: 0.15%;background: #fff;}
.cloud_con ul li:first-child>img:hover{transform: rotate(-360deg);}
.cloud_con ul li:nth-child(n+2):hover img{transform: rotate(-360deg);}
.cloud_con ul li img{transition: all 0.5s; display: block;margin: 0 auto;max-width: 52px;max-width: 52px;margin-bottom: 27px;margin-top: 50px;}
.cloud_con ul li h5{font-size: 20px;color: #535353;margin-bottom: 8px;}
.cloud_con ul li h5 p{font-size: 12px;}
.cloud_con ul li:first-child h5{color: #176be8;}
.cloud_con ul li a.pakd{display: block;background: #333333;margin: 0 auto;width: 80%;height: 65px;line-height: 65px;margin-bottom: 20px;border-radius: 4px;font-size: 22px;color: #fff;}

.cloud_con ul li:first-child span{vertical-align: middle;}
.cloud_con ul li:first-child .line{width: 2px;height: 48px;display: block;margin: 0 auto;background: #6c6c6c;margin-top: 20px;margin-bottom: 40px;}
.cloud_con ul li:first-child span img{display: inline-block;margin: 0;width: 25px;height: 25px;margin-right: 3%;}