@charset "utf-8"; /* CSS Document */
.page-one {
    padding: .85rem 0 1.3rem;
    background: url(/en/zxsy/images/comp_bj.png) no-repeat;
    background-size: cover;
}

.title-cn {
    position: relative;
    text-align: left;
    font-size: .46rem;
    color: #000;
    font-weight: bold;
    z-index: 10;
    font-style: italic;
    padding-bottom:.2rem;
}
.title-cn:after {
content:"";
position:absolute;
background:url(/en/zxsy/images/line-nav.png) no-repeat;
background-size:.5rem;
bottom:0;
left:0;
width:.5rem;
height:.06rem;
}
.page-one-c{
    position:relative;
}
.page-one-comleft{
    width: 55.9%;
   padding:.3rem .5rem .5rem .5rem;
   border-radius:8px;
   background: #fff;
   margin-top:.98rem;
   position:relative;
   z-index: 2;

}
.page-one-comleft::before{
    content: "";
    position: absolute;
    width: 0.72rem;
    height: 0.64rem;
    top:-.32rem;
    left:.5rem;
    background: url(/en/zxsy/images/c-syh.png) no-repeat;
    background-size: .72rem;
}
.page-one-comleft p{
    font-size:.16rem;
    line-height: 1.625;
    color: #000;
    padding-top: .3rem;
}
.page-one-comright{
    width: 57.63%;
    position:absolute;
    right:0;
    
}
.page-one-comright img{
    width:100%;
    height: auto;

}

.tow-right-title span{color:#33404c}
.po-top{
    margin-bottom: .45rem;
}
.pi-left{
    width: 48.6%;
}
.img-slick {
    margin: 0;
    width: 100%;
    background: #f5f6f7;
}

.container {
    width: 14.7rem;
}

.img-slick a.img-hide {
    display: block;
    position: relative;
    padding-top: 71.4%;
    
}

.img-slick .slick-slide {
    padding-bottom: 0rem;
}

.img-s-cont i {
    position: absolute;
    bottom: .8rem;
    right: .2rem;
    color: #454545;
    font-size: .14rem;
    font-weight: 400;
    font-family: "Georgia";
}

.img-s-cont i font {
    font-size: .42rem;
    font-weight: 400;
}

.img-s-cont {
    font-size: .24rem;
    padding: .5rem .5rem 0 .5rem;
    font-weight: bold;
    color: #000;
    width:51.4%;
}

.img-s-cont p.one-right-abs {
    color: #000;
    font-size: .16rem;
    margin: .2rem 0 .3rem 0;
    font-weight: 400;
    line-height: 1.625;
    height: .78rem;
}

.img-slick a.img-hide img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.img-s-cont p.one-time{
    font-size:.16rem;
    font-weight: 400;
    margin-top:.3rem;

}

.img-slick a:before {
    /* display: block; */
    /* content: ""; */
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background-size: 100% 100%;
}

.img-slick a.img-hide span {
    position: absolute;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    left: 0;
    right: 0;
    bottom: 15px;
    z-index: 20;
    padding: 0 25px;
    padding-right: 100px;
}

.img-slick .slick-dots {
    bottom: .45rem;
    width: auto;
    left: auto;
    right: .15rem;
}

.img-slick .slick-dots li,.img-slick .slick-dots li button {
    width: .27rem;
    height: .27rem;
}

.img-slick .slick-dots li button {
    background: #fff;
    opacity: 1;
    background: url(/en/zxsy/images/new-dot1.png) no-repeat;
    background-size: 100%;
}

.img-slick .slick-dots li.slick-active {
    width: .27rem;
}

.img-slick .slick-dots li.slick-active button {
    width: .27rem;
    opacity: 1;
    background: url(/en/zxsy/images/new-dot.png) no-repeat;
    background-size: 100%;
}

.img-slick .img-s-cont a {
    transition: all .5s;
}

.img-slick .img-s-cont a:hover {
    color: #1066fb;
}




.s1-lb-tit li {
    float: left;
    margin-right: 1rem;
    line-height: .46rem;
    font-weight: bold;

}

.s1-lb-tit li a {
    font-size: .32rem;
    color: #000;
    padding-bottom: .15rem;
}

.s1-lb-tit li.on a {
   
    color: #1066fb;
   
}

.sec2-list {
margin-top:20px;
}

.one-left {
    float: left;
    width: 48.6%;
}

.tabs-more {
    padding-right: 40px;
    border: 1px solid #1066fb;
    font-size: .18rem;
    color: #1066fb;
    background: url(/en/zxsy/images/more.png) 1.2rem center no-repeat;
    line-height: .44rem;
    padding: 0 .54rem 0 .24rem;
    display: inline-block;
    margin-top: .2rem;
    transition: all .5s;
    float: left;
    background-size: .21rem;
}
.more-link{overflow:hidden;width:100%;text-align: center;}
.more-link-sm{display:none;}
.tabs-more-center{
    margin: .3rem auto;
    float: none;
    }
.tabs-more:hover{background: url(/en/zxsy/images/more-white.png) 1.2rem center no-repeat #1066fb;color:#fff;}



.s1-lb-tit {
    margin: .3rem 0 .4rem;
    display: flex;
    justify-content: left;
}



.page-tow {
  position:relative;
  background:url(/en/zxsy/images/our_bj.png) no-repeat;
  background-size: cover;
  padding:.8rem 0;
  color:#fff;
}


.title-top span {
    font-size: 32px;
    color: #fff;
}

.title-top a {
    float: right;
    background: url(/en/zxsy/images/more.png) right center no-repeat;
    padding-right: 38px;
    color: #fff;
}

.title-top {
    margin-bottom: 60px;
    line-height: 45px;
}

.tow-center-p {
    font-size: .18rem;
    color: #fff;
    line-height: .3rem;
    height: .6rem;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: .4rem;
}

.tow-more {
  
color: #fff;
  
margin-top: .8rem;
  
border: 1px solid #fff;
  
background: url(/en/zxsy/images/more-white.png) no-repeat 1.2rem center;
  
background-size: .21rem;
}
.tow-right-title{
    font-size:.46rem;
    color: #fff;
    margin-bottom: .2rem;
    text-align: center;
}
.tow-right-title:after{
    width: 0;
}
.page-tow-cont{
    padding:0 .85rem;
    text-align: center;
}
.pt-top{
    margin-top: .45rem;
}
.pt-top p{
    font-size: 0.3rem;
    line-height: 0.42rem;
   
}
.pt-bot{
    margin-top: .3rem;
    font-size: .22rem;
    line-height: 2;
}
.our-shu{
    display:block;
    margin: 0 auto;
    width:1.31rem;
}

.page-three{
	background:url(/en/zxsy/images/new_bj.png) no-repeat center 0;
	background-size:cover;
	padding:.8rem 0 .8rem;
	position: relative;
	
	}
	
	
	
	.media-slick{padding:.6rem 0 .6rem;}
.media-slick a{display:block;margin: 0 .2rem;}
.media-cot .pic{position:relative;padding-top: 63.6%;transform: scale(1,1);overflow:hidden;}
.media-cot .pic img{position:absolute;width:100%;height:100%;top:0;left:0;transition: 0.5s all;}
.media-cot .pic .mask{position:absolute;left:0;right:0;bottom:0;padding-top:40%;}
.media-bot{padding: .25rem;background:#fff;transition: 0.5s all;position: absolute;bottom: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(216, 62, 57, 0.8) 100%);right: 0;left: 0;}
.media-bot2{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(10, 89, 48, 0.8) 100%);}
.media-bot3{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(17, 125, 214, 0.8) 100%);}
.media-bot4{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(88, 127, 9, 0.8) 100%);}
.med-title{font-size: .22rem;color: #fff;font-weight:bold;}

.med-time{font-size:16px;color:#999;line-height: 32px;}
.med-t-l img{vertical-align:middle;margin-right:10px;display: inline-block;}


.media-slick .slick-slide {
    /* margin: 0 20px; */
}

.media-slick {
    margin: 0 -15px;
}
.po-bott{
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
  /* margin-top:.47rem; */
}
.po-bott li{
    width:31.4%;
    margin-bottom: .2rem;
}
.po-bott li .im-pic{
position: relative;
padding-top: 66.4%;
overflow:hidden;
}
.po-bott li .im-pic img{
    position: absolute;
    width:100%;
    height: 100%;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: 0.5s all;
    transform: scale(1, 1);
}
.po-bott li .im-pic img:hover{
    transform: scale(1.05, 1.05);
}


.po-bott li .img-s-cont{
    padding:.3rem 0;
    width:100%;
}
.po-bott li .img-s-cont .one-lam{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.po-bott li .img-s-cont .one-time{
 
    margin-top:0;
   
}
.po-bott li .img-s-cont a:hover{
    color:#1066fb;
}
.img-s-cont .one-lam span{
    display: inline-block;
    border:1px solid #e60012;
    border-radius:5px;
    padding:.05rem .08rem;
    font-size:.16rem;
    font-weight: 400;
    color:#e60012;
}
.img-s-cont .one-lam span a{
    color:#e60012;
    display: block;
}
 .img-s-cont .one-lam span:hover{
    background:#e60012;
}
.img-s-cont .one-lam span:hover a{
    color:#fff;
}


.page-four {
    background: url(/en/zxsy/images/deve_bj.png) no-repeat center 0;
    background-size: cover;
    padding: .3rem 0;
}

.page-four .title-cn span{color:#f2f5f9;}
.phase-cont{padding:1rem 0;position: relative;background:url(/en/zxsy/images/f-line.png) repeat-x left center;
    }

.more-link-f{width:auto;}
.four-sjc{
 margin-bottom:0;
}
.four-sjc .slick-prev{
    background:url(/en/zxsy/images/fou-arr.png) no-repeat;
    background-size:.1rem;
   
    left:-.7rem;
}
.four-sjc .slick-next{
    background:url(/en/zxsy/images/fou-arr.png) no-repeat;
    background-size:.1rem;
   
    right:-.7rem;
}
.four-1{
    color:#000;
    position: relative;
    padding:1rem 0;
    top: .9rem;
    margin:0 .15rem
}
.four-2{ top: -.9rem;}
.four-3{ top: .9rem;}
.four-4{ top: -.9rem;}
.four-5{ top: .9rem;}
.four-6{ top: -.9rem;}
.four-7{ top: .9rem;}
.four-8{ top: -.9rem;}
.four-9{ top: .9rem;}
.four-10{ top: -.9rem;}


.four-sjc .slick-current .four-1:before{
    background:#e60012;
}
.four-sjc .slick-dots{
    display: flex;
    justify-content: space-between;
    top: 45%;
    /* transform: translateY(-50%); */
}


.four-sjc .slick-dots li,.four-sjc .slick-dots li button {
    width: .3rem;
    height: .3rem;
}

.four-sjc .slick-dots li button {
    border-radius:50%;
    background:#fff;
    border:.07rem solid #fff;
    box-shadow: 0 0 7px #5e84dd;
    opacity: 1;
   
}

.four-sjc .slick-dots li.slick-active {
    /* background:#e60012; */
}

.four-sjc .slick-dots li.slick-active button {
    background:#e60012;
}

.four-1:before{
    width: .3rem;
    height: .3rem;
   /* content: "";*/
    border-radius:50%;
    background:#fff;
    border:.07rem solid #fff;
    box-shadow: 0 0 7px #5e84dd;
    opacity: 1;
    position:absolute;
    top:.6rem;
    left:.2rem;
}
.four-2:before,.four-4:before,.four-6:before,.four-8:before,.four-10:before{
    top:auto;
    bottom:.6rem;
}

.four-bdc{
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}
.four-bdc .four-bottom-dot {
    margin-bottom:0;
}
.four-bdc .four-bottom-dot .four-cir{
    width: .4rem;
    height: .4rem;
    position: relative;
    margin:0 .2rem;
}
.four-bdc .four-bottom-dot .tow-na{
    width: .3rem;
    height: .3rem;
    border-radius:50%;
    background:#fff;
    border:.07rem solid #fff;
    box-shadow: 0 0 7px #5e84dd;
    font-size:0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.four-bdc .four-bottom-dot .slick-current .tow-na{
    background:#e60012;
}
.fou-year{
    font-size: .36rem;
    font-style: italic;
    font-weight: bold;
}
.fou-cont{
    font-size: .16rem;
    line-height: 1.625;
}

@media( max-width: 1679px){
    .four-sjc .slick-prev{
        left:-.3rem;
    }
    .four-sjc .slick-next{
        right:-.3rem;
    }
}

@media( max-width: 1479px){}

@media( max-width: 1279px){
	.xt-top font img,.xt-top span img{width:.5rem;}
    .four-sjc .slick-prev, .four-sjc .slick-next{
        background-size:.15rem;
    }
	}

@media( max-width: 1180px){}
@media( max-width: 1024px){}
@media( max-width: 991px){
    .phase-cont .container{
        padding:0 .9rem;
    }
    .four-sjc .slick-prev{
        left:.3rem;
         width: .5rem;
        height: .5rem;
        background-size: 0.15rem;
        border: 2px solid #1066fb;
        border-radius: .5rem;
        background-position: center center;
        transform: translateY(-50%);
        margin-top: 0;
        top: 50%;
        background: url(/en/zxsy/images/fou-arr.png) no-repeat center #fff;
    }
    .four-sjc .slick-next{
        right:.3rem;
         width: .5rem;
        height: .5rem;
        background-size: 0.15rem;
        border: 2px solid #1066fb;
        border-radius: .5rem;
        background-position: center center;
        transform: translateY(-50%);
        margin-top: 0;
        top: 50%;
        background: url(/en/zxsy/images/fou-arr.png) no-repeat center #fff;
    }
	
	.page-one{padding-bottom:.5rem; }
    .page-one-comleft,.page-one-comright{width: 100%;float:none;}
    .page-one-comright{position:relative;margin-top:.3rem;}
     .tabs-more {float:none;margin:.3rem auto;background-position-x: 1.5rem !important;}
	
    .search-a{top:.16rem;}
	.one-left,.one-right{width:100%;float:none !important;}
	.container{width: 100% !important;}
	.pha-left{width:100%;float:none;}
	.pha-right li{width:49%;margin-left:0;margin-right:2%;margin-top:2%;margin-bottom:0}
	.pha-right li:nth-child(2n){margin-right:0;}
	.more-link-sm{display:block;}
	.more-link-d{display:none;}
	.tow-slick-top{width:100%;float:none;}
	.tow-more{margin-top:.5rem;}
	.page-tow:before,.page-tow:after{width:100%;height: 5.5rem;top: .7rem;}
	.page-tow:after{background: #303b47;bottom: 0;top: auto;}
	.tow-back-bottom{width:100%;float:none;margin-top: .8rem;}
	.page-tow {/* background: #303b47; */padding-bottom: .5rem;margin-top:0;}
	
	.page-three{margin-top:0;}
	
	.page-tow .tow-right-title span{color:#e4e9f0;}
	.page-five:before{top:25%;}
	.page-three{padding:.8rem 0 .5rem;}
	.footer-b-left{float:none!important;width:100%;text-align:center;}
	.footer-b-right{float:none !important;margin:0 auto .3rem;}
		.footer-b-right ul{display:flex;justify-content: center;}
	.footer-b-right.head-icon li:nth-child(2), .footer-b-right.head-icon li:nth-child(3){display:block;}
	.footer-do p{text-align:center;}
	.head-icon2 ul li .h-ewm{width:106px;height:114px;left:50%;margin-left:-53px;}
	.head-icon2 ul li .h-ewm img{width:90px;height:90px;margin-top:7px;}
	.slick-current a{font-weight:bold;}
	.tow-slick-bottom a{color:#ccc;}
	
	.s1-lb-tit li a,.s1-lb-tit li.on a,.img-s-cont,.tow-slick-bottom .slick-current a{font-size:.34rem;}
    .pt-top p{font-size:.32rem;}
	.news-ul-tt,.news-ul-p,.news-ul li a,.tow-center-p,.tow-left-p,
    .tow-slick-bottom a,.med-title,.pha-le-bot,.page-one-comleft p,.pt-bot,.img-s-cont p.one-right-abs{font-size:.3rem;}
	.pha-right li .pha-le-bot,.foot-b-contact p,.footer-do p,.img-s-cont .one-lam span,.img-s-cont p.one-time,.fou-cont{font-size:.28rem;}
	.head-icon ul li a{width:.65rem;height:.65rem;}
	.foot-b-contact p{line-height:.56rem;}
    .img-s-cont p.one-right-abs{height:1.45rem;}
	.news-ul-p{height:1.02rem;line-height:.55rem;}
	.img-s-cont p,.news-ul-time span.news-lm,.news-ul-time span.news-lt,.tabs-more{font-size:.24rem;}
	.tabs-more{    background-position-x: 1.3rem;padding-top:.06rem;padding-bottom:.06rem;}
	.tow-left-p,.tow-center-p{line-height:.6rem;-webkit-line-clamp: 2;margin-top:.2rem;}
	.more-link-f .tabs-more{margin-top:0;}
	}
@media( max-width: 800px){
	.s1-lb-tit li a,.s1-lb-tit li.on a,.img-s-cont,.tow-slick-bottom .slick-current a{font-size:.26rem;}
	.news-ul-tt,.news-ul-p,.news-ul li a,.tow-center-p,.tow-left-p,
    .tow-slick-bottom a,.med-title,.pha-le-bot,.page-one-comleft p,.pt-bot,.img-s-cont p.one-right-abs{font-size: .24rem;}
    .pt-top p{font-size:.22rem;}
	.pha-right li .pha-le-bot,.foot-b-contact p,.footer-do p,.img-s-cont .one-lam span,.img-s-cont p.one-time,.fou-cont{font-size:.22rem;}
	.head-icon ul li a{width:.5rem;height:.5rem;}
	.foot-b-contact p{line-height:.56rem;}
	.news-ul-p{height: 1rem;line-height: .43rem;}
	.img-s-cont p,.news-ul-time span.news-lm,.news-ul-time span.news-lt,.tabs-more{font-size:.19rem;}
	.tabs-more{    background-position-x: 1.3rem;}
	.tow-left-p,.tow-center-p{line-height: .47rem;-webkit-line-clamp: 2;margin-top:.2rem;}
	}	
	
@media( max-width: 768px){
    .tabs-more {background-position-x: 1.3rem !important;}
    .s1-lb-tit li{margin-right:.4rem;}
    .img-s-cont p.one-right-abs{height:1.25rem;}

}
@media( max-width: 660px){
    .pi-left,.img-s-cont{width:100%;float:none;}
    .po-bott li{width:100%;}
    .s1-lb-tit li{margin-right:.3rem;}
}
@media( max-width: 420px){
	
    .s1-lb-tit li a,.s1-lb-tit li.on a,.img-s-cont,.tow-slick-bottom .slick-current a{font-size:.34rem;}
    .pt-top p{font-size:.32rem;}
	.news-ul-tt,.news-ul-p,.news-ul li a,.tow-center-p,.tow-left-p,
    .tow-slick-bottom a,.med-title,.pha-le-bot,.page-one-comleft p,.pt-bot,.img-s-cont p.one-right-abs{font-size:.25rem;}
	.pha-right li .pha-le-bot,.foot-b-contact p,.footer-do p,.img-s-cont .one-lam span,.img-s-cont p.one-time,.fou-cont{font-size:.28rem;}
	.head-icon ul li a{width:.65rem;height:.65rem;}
	.foot-b-contact p{line-height:.56rem;}
    .img-s-cont p.one-right-abs{height:auto;}
	.news-ul-p{height:1.02rem;line-height:.55rem;}
	.img-s-cont p,.news-ul-time span.news-lm,.news-ul-time span.news-lt,.tabs-more{font-size:.24rem;}
	.tabs-more{    background-position-x: 1.5rem !important;}
	.tow-left-p,.tow-center-p{line-height:.6rem;-webkit-line-clamp: 2;margin-top:.2rem;}
	 .four-sjc .slick-prev, .four-sjc .slick-next{
        background-size:.2rem;
    }
	}

    @media( max-width: 410px){
        .four-1{top:1.2rem;padding:1.26rem 0;}
        .four-2{ top: -1.2rem;}
.four-3{ top:1.2rem;}
.four-4{top: -1.2rem;}
.four-5{top:1.2rem;}
.four-6{ top: -1.2rem;}
.four-7{ top:1.2rem;}
.four-8{ top: -1.2rem;}
.four-9{ top:1.2rem;}
.four-10{ top:-1.2rem;}
.four-2:before, .four-4:before, .four-6:before, .four-8:before, .four-10:before{bottom:-.85rem;top:auto !important;}
.four-1:before{top:.85rem;}
.title-cn{font-size:.4rem;}

    }