@charset "utf-8";

/* CSS Document */


 
.right-bar{ position:fixed; right:20px; top:30%; z-index:10;}
.right-bar li { position:relative;}
.right-bar li p{ width:0.8rem; height:0.8rem; background:#323f48; margin-bottom:0.05rem; position:relative; cursor:pointer;}
.right-bar li p img{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.right-bar li:nth-child(4) p{ background:#ffd100} 
.po-ri{ position:absolute; width:150px; text-align:center; color:#fff; background:#323f48; left:-200px; opacity:0; transition-duration:.5s; top:0;  line-height:0.8rem; font-size:0.2rem; font-weight:bold;}
.right-bar li:hover .po-ri{ opacity:1; left:-152px;}
.po-ewm{ height:150px;} 
 
 
@keyframes scaleDraw {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0% {
	-webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
	/*开始为原始大小*/
}

100% {
	-webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
}


.slideBox {
    /* width:100%; */
    position: relative;
    margin: 0 auto;
    background: #000;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    overflow: hidden
}

.slideBox .bd li {
    vertical-align: middle;
    position: relative;
}

.slideBox .bd .b-img {
    width: 100%;
    display: block;
    animation: changeScale 1 2.5s;
}

.slideBox .bd .s-img {
    display: none;
}

.slideBox .hd {
    position: absolute;
    width: 100%; left:0;
    bottom: 20px;
    z-index: 2; text-align:center;
}

.slideBox .hd ul {
    zoom: 1;
    color: #fff;
    width: 100%; text-align:center;
}

.slideBox .hd ul li {
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
    transition-duration: .5s;  position:relative; width:12px; height:12px; background:#fff;
}




.slideBox .hd ul li.on {  background:#ffd100;}
 

.banner-txt{ width:100%; position:absolute; top:20%; left:0; color:#fff; z-index:2; padding:0 2.35rem;}
.b-le{ width:48%; padding-top:5%;}
.b-ri{ width:50%;}
.banner-txt h1{font-size:0.48rem; line-height:1.2;text-shadow:3px 2px 3px #333333; }
 
 
.b-le dl dd{ width:24%; float:left; border:1px solid rgba(255,255,255,0.18); padding:0.3rem 0; text-align:center; border-radius:10px; margin-right:5%; margin-top:0.23rem;}
 .b-le dl dd p{ font-size:0.24rem; line-height:1;}
 .home-pro{ background:#f5f5f5; padding:0.65rem 0;}
.in-ti{ text-align:center; margin-bottom:0.2rem;}
.in-ti h1{font-weight:bold; font-size:0.44rem;font-family: "SourceHanSansCN-bold"; line-height:1.2;} 
.in-ti p{ font-size:0.18rem;}
.ps-le{ width:66.5%; height:3rem; background:url(../images/p.png) no-repeat right center #21478b; padding:0.53rem 0.32rem;}
.ps-le h1{ font-size:0.3rem; font-weight:normal; color:#fff; padding-bottom:0.15rem;}
.ps-le form select{ width:31%; float:left; background:#d3dae8; line-height:47px; height:47px; margin-right:2%; border:none; font-size:0.16rem; padding-left:0.15rem;}
.ps-le form button{ border:none; background:#323f48;display: flex;justify-content: center;align-items: center; font-size:0.2rem; color:#afb9bb; width:25%; line-height:47px;}
.ps-ri{ width:31.5%;   }
.pro-li{ position:relative; background:#dedede; width:100%; height:3rem; transition-duration:.5s;}
.pro-li dt{ position: absolute; top:0; left:0; width:100%; height:100%;}
.pro-li dt img{ position:absolute; top:0; bottom:30px; left:0; right:0; margin:auto; max-width:80%; max-height:90%;}
.pro-li dd{ font-size:0.2rem;font-family: "SourceHanSansCN-bold"; text-align:center; position:absolute; bottom:10px; left:0; width:100%; font-weight:bold;}
.pro-li:hover{ border-radius:20px; }
.pro-search{ margin-bottom:0.23rem;}
 
.pro-list .owl-theme .owl-controls .owl-nav [class*=owl-]{ width:39px; height:110px;background:url(../images/pre.png) no-repeat; padding:0; text-indent:9999px !important; position:absolute; left:-60px; overflow:hidden; background-size:contain; top:50%; margin-top:-55px;}
.pro-list .owl-theme .owl-controls .owl-nav .owl-next{ left:auto; right:-60px; transform:rotate(180deg)}
.pro-list .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:url(../images/pre1.png) no-repeat;}
.pro-list .owl-theme .owl-controls{ margin-top:0 !important}
 
.pro-list .owl-theme .owl-controls .owl-dots{ display:none !important;}
.home-scsb{ padding:0.68rem 0;}
.sc-icon{display: flex;justify-content: center;align-items: center; margin-bottom:0.3rem;}
.sc-icon li{ background:#21478b;display: flex;justify-content: center;align-items: center; color:#fff; border-radius:30px; height:44px; padding:0 0.2rem; margin:0 0.05rem;}
.sc-icon li img{ margin-right:0.1rem;}
.zt-list .owl-carousel .item img{ display:block;}
.zt-list .owl-carousel .item h1,.zt-list .owl-carousel .item p{ opacity:0;}
.zt-list .owl-carousel .center .item h1,.zt-list .owl-carousel .center .item p{ opacity:1;}
.zt-list .owl-carousel .item h1{ text-align:center; background:#ffd100; font-size:0.24rem;font-family: "SourceHanSansCN-bold"; font-weight:bold; line-height:1.5;}
.zt-list .owl-carousel .item p{ font-size:0.18rem; color:#21478b; text-align:center; padding-top:0.2rem;}
.zt-list .owl-carousel .owl-dots{ display:none !important}
.zt-list .owl-carousel .owl-prev,.zt-list .owl-carousel .owl-next{width: 16px;
    height:31px;
    background: url(../images/pre2.png) no-repeat !important;
    padding: 0;
    text-indent: 9999px !important;
    position: absolute;
    left: 24%;
    overflow: hidden;
    background-size: contain;
    top: 40%;
    }
.zt-list .owl-carousel .owl-next{ left:auto; right:24%; transform:rotate(180deg)}


.home-about{ padding:0.9rem 0 0.9rem 0; position:relative; background:url(../images/a.jpg) repeat;}
.home-ab-le{ width:36%; overflow:hidden;}
.home-ab-le img,.home-ab-ri ul li img{ width:100%; height:100%; display:block;  transition-duration:.5s;}
.home-ab-le:hover img,.home-ab-ri ul li:hover img{ transform:scale(1.1)}
.home-ab-ri{ width:60%;}
 .home-ab-ri h1{font-family: "SourceHanSansCN-bold"; font-weight:bold; font-size:0.44rem;}
 .home-ab-ri p{ font-size:0.17rem; line-height:1.5; padding:0.1rem 0 0.24rem 0} 
 .home-ab-ri ul li{ width:48%; overflow:hidden; float:left;}
 .home-ab-ri ul li:nth-child(2){ float:right;}
.shu-list{ background:url(../images/bg.png) no-repeat center; padding:0.74rem 0; position:relative; top:-0.5rem}
.shu-list dl{ width:25%; position:relative; float:left; text-align:center;  }
 
.shu-list dl dt{ color:#fff; font-size:0.2rem; line-height:1.3;}
.shu-list dl dd{ font-size:0.20rem;color:#fff;  }
.shu-list dl dt span{ font-size:0.60rem; font-family:"Arial";font-family: "SourceHanSansCN-bold"; font-weight:bold;}
.home-new{ padding:0.2rem 0 0.8rem 0;} 
.new-le{ width:45%;}

 .slideBox1 {
    /* width:100%; */
    position: relative;
    margin: 0 auto;
}

.slideBox1 .bd {
    position: relative;
    height: 100%;
    overflow: hidden
}

.slideBox1 .bd li {
    vertical-align: middle;
    position: relative;
}

.slideBox1 .bd img {
    width: 100%;
    display: block;
}
.slideBox1 .bd li p{ background:#21478b; width:100%; font-size:0.18rem; color:#fff;}
.slideBox1 .bd li p b{ width:70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block; line-height:0.78rem; padding-left:0.25rem;}

.slideBox1 .hd {
    position: absolute;
    width: 100%; right:10px;
    bottom: 0.25rem;
    z-index: 2; text-align:right;
}

.slideBox1 .hd ul {
    zoom: 1;
    color: #fff;
    width: 100%;  
}

.slideBox1 .hd ul li {
    display: inline-block;
    margin: 0 2px;
    cursor: pointer;
    transition-duration: .5s;  position:relative; width:9px; height:9px; background:#fff; border-radius:50%;
}


.slideBox1 .hd ul li.on {  background:#ffd100;}
.new-ri{ width:50%;}
.new-ri li{ position:relative; border-bottom:1px solid #dfdfdf; padding-bottom:0.25rem; margin-bottom:0.25rem;}
.new-ri li:last-child{ border:none;}
.new-ri li h1{ font-size:0.2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.new-ri li span{ position:absolute; right:0; top:0; font-size:0.16rem; color:#777777}
.new-ri li p{ font-size:0.16rem; color:#777;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}



@media only screen and (max-width: 1650px){
	.in-ti p,.pro-li dd,.zt-list .owl-carousel .item p,.new-ri li h1{ font-size:0.22rem;} 
	.ps-le,.pro-li{ height:3.6rem;}
	.home-ab-ri p,.shu-list dl dd{ font-size:0.22rem}
	 
	.new-ri li p,.slideBox1 .bd li p{ font-size:0.2rem}
	.new-ri li{ padding-bottom:0.3rem; margin-bottom:0.3rem;}
 .right-bar li p{ width:0.6rem; height:0.6rem;}
 .right-bar li p img{ width:50%;}
	}

@media only screen and (max-width: 1450px) {
	  
	}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1240px) {}


@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 760px) {
	 
	.slideBox .hd{ bottom:10px;}
	.in-yyyw .owl-theme .owl-dots .owl-dot span{ display:block !important;}
    .slideBox .bd .mobile-banner,
   {
        display: block;
    }
    .slideBox .bd .s-img {
        display: block;
    }
    .slideBox .bd .b-img,.right-bar,.pro-list .owl-theme .owl-controls .owl-nav [class*=owl-],.zt-list .owl-carousel .owl-prev, .zt-list .owl-carousel .owl-next{
        display: none !important
    }
    .slideBox .bd .pc-banner,.rightbar,.r-xt,.ps-ri {
        display: none;
    }
.banner-txt{ left:10px; }
.banner-txt p,.shu-list dl dd,.pro-txt dl,.new-le dl dd span,.new-le dl dd p, .new-ri dd p, .f-menu li p a,.shu-list dl dt,.new-ri li span,.new-ri li p{ font-size:14px;}	
.banner-txt a{ font-size:14px; width:120px; line-height:35px;}
.slideBox .hd{ left:0; text-align:center;}
.banner-txt{ padding:0 10px;}
.b-le dl dd img{ width:16px;}
.home-pro,.home-about,.home-new{ padding:30px 20px;}
.ps-le,.home-ab-le,.home-ab-ri,.new-le,.new-ri{ width:100%; height:auto;}
.ps-le h1{ font-size:20px;}
.ps-le form select{ width:35%;}
.ps-le form button,.zt-list .owl-carousel .item p,.home-ab-ri p{ font-size:15px;}
.pro-li{ height:170px;}
.pro-li dd,.in-ti p,.zt-list .owl-carousel .item h1,.new-ri li h1{ font-size:17px;}
 
.pro-list .owl-theme .owl-controls .owl-dots{ display:block !important}
.in-ti h1,.shu-list dl dt span{ font-size:22px;}
.sc-icon{ display:block;}
.sc-icon li{ width:70%; margin:0 auto 10px;}
.new-le{ margin-bottom:15px;}

 
}

@-webkit-keyframes grow {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(2);
    }
}

@-moz-keyframes grow {
    from {
        -moz-transform: scale(1);
    }
    to {
        -moz-transform: scale(2);
    }
}

@keyframes grow {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.5);
    }
}