@charset "utf-8";
/* CSS Document */

body { font-size:14px; font-family:"Microsoft Yahei"; color:#333; background:#fff; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-family:"Microsoft Yahei"; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#003674; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; /* word-break:break-all; word-wrap:break-word;*/ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1400px; margin:0px auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}



/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#999; }
textarea::-webkit-input-placeholder { color:#999; }
input::-webkit-input-speech-button { display: none; }


@font-face {
  font-family: "iconfont";
  src: url('../n-font/iconfont.eot'); /* IE9*/
  src: url('../n-font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../n-font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../n-font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../n-font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}


/**index**/
.zjHead{ background:#fff; width:100%; height:85px; position:relative; z-index:99; border-bottom:5px #dc3c3a solid;}
.zjHead-logo{ width:470px; position:absolute; left:50%; top:0; margin-left:-235px;}

.zjBanner{ position:relative; overflow:hidden;}
.zjBanner li{ position:relative; opacity: 0!important;}
.zjBanner li.swiper-slide-active{ opacity: 1!important;}
.zjBanner li img{ width:100%; display:block;}
.zjBanner li video{ width:100%; display:block; max-height: 780px;}
.zjBanner li .iboxt{ width:100%; text-align:center; position:absolute; left:0; top:50%; margin-top:-63px; color:#fff; z-index:2; line-height:1; font-size:30px; text-shadow: 0 3px 7px rgba(0,0,0,.35); transition:0.8s ease-in-out 0.5s; transform:translateX(150px); opacity:0;}
.zjBanner li .iboxt .cn-t{ font-weight:bold; padding:15px 0;}
.zjBanner li .iboxt .en-c{ max-width:53%; line-height:36px; display:inline-block;    word-break: keep-all;}
.zjBanner li.swiper-slide-active .iboxt{ transform:translateX(0); opacity:1;}
.zjBanner .swiper-pagination{ bottom:55px !important; font-size:0;}
.zjBanner .swiper-pagination-bullet{ background:#fff; width:16px; height:16px; margin:0 7px !important;  opacity:1;}
.zjBanner .swiper-pagination-bullet-active{ background:#dc3c3a;}


.zjIntrod{ /*background-image:url(../n-images/Introd-Bg.jpg);*/position: relative; background-position:center; background-size:100%; background-repeat: no-repeat}
.zjIntrod .zjIntrod-word{
  width:50%; padding:65px 40px 0px 12%;
  position: absolute;
  left: 0;
  top: 0;
  max-height: 100%;
  overflow: auto;
}
.zjIntrod-word .tit{ font-size:30px; font-weight:bold; color:#dc3c3a; line-height:1; position:relative; padding-bottom:17px;}
.zjIntrod-word .tit .en{ color:#6d6d6d; font-weight:normal;}
.zjIntrod-word .tit:before{ content:''; background:#0583c5; width:54px; height:4px; position:absolute; left:0; bottom:0;}
.zjIntrod-word .en-tit{ font-size:28px; color:#6d6d6d; line-height:1; margin-top:10px;}
.zjIntrod-word .cn-txt{ line-height:36px; text-align:justify; margin-top:15px;}
.zjIntrod-word .en-txt{ line-height:36px; /*text-align:justify; */margin-top:15px;}
.zjIntrod-word .list{ margin-top:20px;}
.zjIntrod-word .list li{ background:url(../n-images/arrow.png) no-repeat left center; font-weight:bold; line-height:20px; padding:9px 0 9px 26px;}
.zjIntrod-word .list li label{ font-size:16px; font-weight:normal; padding-left:10px;}



.zjFeatures{ position:relative;}
.zjFeatures .zjEnvir-title{ display:none;width:100%; position:absolute; left:0; top:35px; z-index:2; padding:0;}
.zjFeatures .zjEnvir-title .cn{ color:#fff; text-shadow:0 3px 7px rgba(0,0,0,.35);}
.zjFeatures .zjEnvir-title .cn:before{ background:#fff;}
.zjFeatures .zjEnvir-title .en{ color:#fff; text-shadow:0 3px 7px rgba(0,0,0,.35);}
.zjFeatures-list li{ /*background:url(https://www.jpgkids.com/zaoj/n-images/Features-Bg.jpg) repeat;*/ background-size: cover;background-repeat: no-repeat; width:20%; /*min-height:554px; */position:relative; float:left;}
.zjFeatures-list li:nth-child(n+2){  border-left: 1px solid #ffffff; }
.zjFeatures-list li .word{opacity: 0; width:100%; text-align:center; color:#fff; line-height:30px; text-shadow:0 3px 7px rgba(0,0,0,.35); font-size:18px; position:absolute; left:0; top:150px; z-index:2;}
.zjFeatures-list li .word .icon{ /*background:#fff;*/border: 1px solid #ffffff; width:120px; height:120px; position:relative; display:inline-block; border-radius:50%; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.35); -moz-box-shadow: 0 3px 7px rgba(0,0,0,.35); box-shadow: 0 3px 7px rgba(0,0,0,.35);}
.zjFeatures-list li .word .icon .img-show{ display:none;}
.zjFeatures-list li .word .cn{ font-size:24px; font-weight:bold; margin-top:25px;}
.zjFeatures-list li .word .te{
  font-size: 14px;
  opacity: 0;
  text-align: left;
  line-height: 36px;
  transition:all 0.3s;
  padding: 0 12px;
}
.zjFeatures-list li:hover .word{text-shadow:none;color: #ffffff;opacity: 1;}
.zjFeatures-list li:hover .word .te{opacity: 1;}
.zjFeatures-list li .figure{ background-position:center; background-size:cover; width:100%; height:0; position:absolute; left:0; top:50%; z-index:1; transition:all 0.4s;}
.zjFeatures-list li:hover .figure{ height:100%; top:0;}
.zjFeatures-list li:hover .icon .img-hide{ display:none;}
.zjFeatures-list li:hover .word .icon .img-show{ display:block;}
.nw_tex{
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.48);
  /*  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.5)));*/
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.6),rgba(255, 255, 255, 0.8));
}
.nw_tex img{vertical-align: middle;    }
.nw_tex .tex_te{
  color: #dc3c3a;
  vertical-align: top;
  display: inline-block;
  text-align: left;
  padding-top: 32px;
}
.nw_tex .tex_te p{height: 38px;}
.nw_tex .tex_te .cn{ font-size:22px; font-weight:bold; margin-top:25px;}
.nw_tex .tex_te .te{
  font-size: 16px;
  opacity: 0;
  line-height: 24px;
  transition:all 0.3s;
}
.nw_tex .tex_te .cn .x_t{font-weight: normal;    font-size: 20px;
  display: inline-block;
  padding: 0 10px;}


.m-zjFeatures-list{ overflow:hidden; display:none;}
.m-zjFeatures-list .swiper-pagination{ bottom:15px !important; font-size:0;}
.m-zjFeatures-list .swiper-pagination-bullet{ background:#fff; width:8px; height:8px; margin:0 4px !important;  opacity:1;}
.m-zjFeatures-list .swiper-pagination-bullet-active{ background:#dc3c3a;}

.zjEarly{ background-image:url(../n-images/Early-Bg.jpg); background-position:center; background-size:cover;}
.zjEarly .zjIntrod-word{ padding:65px 6% 70px 6%;
  width: 50%;
}
.zjEarly .zjIntrod-word .list li{ font-size:18px; font-weight:bold; padding:14px 0 14px 26px;}



.zjEnvir-title{ text-align:center; padding:55px 0 20px 0;}
.zjEnvir-title .cn{ font-size:30px; font-weight:bold; color:#dc3c3a; line-height:1; position:relative; padding-bottom:15px;}
.zjEnvir-title .cn:before{ content:''; background:#0583c5; width:54px; height:4px; position:absolute; left:50%; margin-left:-27px; bottom:0;}
.zjEnvir-title .en{ font-size:30px; color:#6b6b6b; line-height:1; margin-top:10px;}

.zjEarly-list{ position:relative; overflow:hidden; padding-bottom:80px;}
.zjEarly-list a{ display:block; overflow:hidden; position:relative;}
.zjEarly-list a img{ width:100%; display:block; transition:all 0.3s;}
.zjEarly-list a .tit{ background:rgba(220,60,58,.8); width:100%; line-height:53px; text-align:center; position:absolute; left:0; bottom:0; color:#fff; font-size:18px; transition:all 0.4s; z-index:2; opacity:0;}
.zjEarly-list a .tit .iconfont{ font-size:26px; display:inline-block; vertical-align:top; margin-right:10px;}
.zjEarly-list a:hover img{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.zjEarly-list a:hover .tit{ opacity:1;}
.zjEarly-list .swiper-button-next, .zjEarly-list .swiper-button-prev{ width:auto; height:auto; font-size:43px; color:#dc3c3a; line-height:1; top:auto; margin-top:auto; bottom:0;}
.zjEarly-list .swiper-button-next{ right:calc(50% - 140px);}
.zjEarly-list .swiper-button-prev{ left:calc(50% - 140px);}
.zjEarly-list .swiper-pagination{ width:100%; text-align:center; line-height:43px; font-size:18px; color:#545454; font-style:italic; bottom:0;}
.zjEarly-list .swiper-pagination .swiper-pagination-current{ font-size:30px; color:#dc3c3a;}


.zjFooter{ background-image:url(../n-images/FooterBg.jpg); background-position:center; background-size:cover; padding:47px 0 123px 0; text-align:center; margin-top:65px;}
.zjFooter-links{ margin-top:15px;text-align: left; display:inline-block;  }
.zjFooter-links .li{ line-height:49px;     padding: 5px 15px; vertical-align:top;

}
.zjFooter-links .li .icon{ margin-right:5px;}

.zjFooter-copy{ background:#dc3c3a; font-size:16px; color:#fff; padding:25px 0; text-align:center;}

.zjFooter_li{
  width: 50%;
  display: inline-block;
  text-align: center;
}