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




/*===========in-about===========*/
.newWeb-in-ab{
	width:100%;
	margin: 5% auto;
	overflow: hidden;
	background:
	url(../images/new-image/in-ab-bg.jpg) no-repeat;
}


.newWeb-in-ab .in-ab-left{
	width: 55%;
	float: left;
	padding: 2% 8% 0;
}


.newWeb-in-ab .in-ab-left .title{
	color: #000000;
	font-size: 48px;
	line-height: 1.3;
	font-weight: bold;
	width: 100%;
	float: left;
	margin-top: 3%;
}
.newWeb-in-ab .in-ab-left .title span{
    color: #f6ab00;
}
.newWeb-in-ab .in-ab-left .text{
    width: 100%;
    margin: auto;
    overflow: hidden;
    float: left;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 3%;
}
.newWeb-in-ab .in-ab-left .text p{text-indent: 0; line-height: 2em;}
.newWeb-in-ab .in-ab-left .line{
    width: 50px;
    height: 1px;
    background: #000;
    float: left;
    margin-bottom: 50px;
    margin-top: 20px;
}
.newWeb-in-ab .in-ab-left .line::after{content:'';display: block;width: 22px;height: 1px;background: #000;margin-top: 10px;}
.newWeb-in-ab .in-ab-left .list{
    width: 100%;
    margin: 4% auto 6%;
    overflow: hidden;
    float: left;
}
.newWeb-in-ab .in-ab-left .list li{
	border-left: 1px solid #d5d5d5;width:33.33%;
	float: left;
	list-style: none;
	list-style-position: outside;
}

.newWeb-in-ab .in-ab-left .list li:nth-child(1){ border-left:0}

.newWeb-in-ab .in-ab-left .list li .number{
        font-size: 48px;
    text-align: center;
    color: #333333;
    line-height: 1;
    font-weight: bold;
}
.newWeb-in-ab .in-ab-left .list li .number span{
	
font-size: 14px;
}
.newWeb-in-ab .in-ab-left .list li .short-text{
    margin: auto;
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
}

.newWeb-in-ab .in-ab-left .btn{
	width: 200px;
	height: 55px;
	background: #f6ab00;
	color: #fff;
	padding: 0;
	line-height: 55px;
	border-radius: 0;
	float: left;
}




.newWeb-in-ab .in-ab-right{
	width: 45%;
	float: right;
	position: relative;
}


.newWeb-in-ab .in-ab-right .list{width:100%; background:#077fc4; color: #fff; height: 150px;    display: flex;align-items: center;border-radius: 70px 0 0 0;}
.newWeb-in-ab .in-ab-right .list li{width:33.33%;  padding-left:5%; float: left;}
.newWeb-in-ab .in-ab-right .list li .ico{ float: left;}
.newWeb-in-ab .in-ab-right .list li .ico img{ width:88%}
.newWeb-in-ab .in-ab-right .list li .text{ float: left; font-size: 20px; margin-left: 8%; margin-top: 5%}
.newWeb-in-ab .in-ab-right .list li .text span{text-transform:uppercase; display: block; opacity: 0.3; font-size: 14px;}
.newWeb-in-ab .in-ab-right .list li .text a{color:#fff;}


.newWeb-in-ab .in-ab-right .pic{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.newWeb-in-ab .in-ab-right .pic img{width:100%}





/*<1440*/
@media screen and (max-width:1440px) 
{
	.newWeb-in-ab .in-ab-left{    padding: 2% 5% 0;}
}

/*<992*/
@media screen and (max-width:992px) 
{
	.newWeb-in-ab .in-ab-left{width:100%}
	.newWeb-in-ab .in-ab-right{width:100%;padding: 2% 5% 0;}
	.newWeb-in-ab .in-ab-left .title{font-size:32px}
	.newWeb-in-ab .in-ab-left .list li .number{font-size:26px}
}












.w-1600{width:1600px; margin: auto; overflow: hidden; }

.newWeb-in-news{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #ececec;
	padding: 5% 0;
}


.newWeb-in-news .title {
        text-align: center;
        color: #000;
        font-size: 48px;
        font-weight: bold;
        letter-spacing: 2px;
        margin-bottom: 4%;
    }

.newWeb-in-news .title span {
        color: #f6ab00;
    }


.newWeb-in-news .title{
	width:100%;
	margin: auto;
	overflow: hidden;	
}
.newWeb-in-news .title .bt{
	font-size: 24px;
	color: #000;
	width:calc(100% - 200px);
	margin: auto;
	float: left;
}

.newWeb-in-news .title .bt span{display: block; font-size: 32px; color: #333;}

.newWeb-in-news .title .more{
	border: 1px solid #626262;
	width:180px;
	height: 50px;
	line-height: 50px;
	color: #666666;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	margin-top: 3%;
}
.newWeb-in-news .title .more span{
	color:#3b7cff;
}

.newWeb-in-news .content{
    width: 100%;
    margin: auto;
    margin-top: 3%;
    overflow: hidden;
}
.newWeb-in-news .content-left{
    float: left;
    width: 66%;
    margin: auto;
    overflow: hidden;
    background: #fff;
}
.newWeb-in-news .content-left .pic{width:53%; float: left;overflow: hidden;height: 348px;}
.newWeb-in-news .content-left .pic img{width:100%}
.newWeb-in-news .content-left .list{
    width: 43%;
    float: left;
    margin: auto;
    overflow: hidden;
    margin-left: 2%;
}
.newWeb-in-news .content-left .list li{
	width:100%;
	margin: auto;
	overflow: hidden;
	border-bottom: 1px solid #ececec;
	padding: 16px 0;
}
.newWeb-in-news .content-left .list li .date{
	width:100%;
	color: #767676;
	font-size: 14px;
	margin-bottom: 1px;
}
.newWeb-in-news .content-left .list li .bt{
	font-size:18px;
	width:100%;
	margin: auto;
	overflow: hidden;
	color: #111111;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.newWeb-in-news .content .gupiao{
    width: 32.5%;
    float: right;
    margin: auto;
    overflow: hidden;
    background: url(../images/new-image/in-gu.jpg);
    height: 338px;
    color: #fff;
    padding: 2%;
        background-size:100%;
        transition: all 0.3s;
        opacity:1
}

.newWeb-in-news .content .gupiao:hover{
        transition: all 0.3s;
        background-size:105%;
        opacity:0.9
}
.newWeb-in-news .content .gupiao-title{
    width: 100%;
    margin: auto;
    overflow: auto;
    font-size: 16px;
}
.newWeb-in-news .content .gupiao-title span{
    display: block;
    color: rgba(255,255,255,0.6);
}
.newWeb-in-news .content .gupiao .list{
    width: 100%;
    margin: 10% auto 4%;
    overflow: hidden;
}
.newWeb-in-news .content .gupiao .list li{
    width: 50%;
    float: left;
    font-size: 42px;
}
.newWeb-in-news .content .gupiao .list li span{
    display: block;
    font-size: 16px;
    color: rgba(255,255,255,0.6);
}
.newWeb-in-news .content .gupiao .more{font-size:15px}





/*<1680*/
@media screen and (max-width:1680px) 
{
	.w-1600{width:94%;}
}




/*<992*/
@media screen and (max-width:992px) 
{
	.newWeb-in-news .content-left{width:100%}
	.newWeb-in-news .content-left .pic{display:none;}
	.newWeb-in-news .content-left .list{width:96%}
	.newWeb-in-news .content .gupiao{width:100%; background-size: cover; margin-top:4%}
	.newWeb-in-news .title{font-size:32px}
}













/*===========pro-detail================*/



.newWeb-pro-detail{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(../images/new-image/pro-detail-bg.jpg);
	padding: 4% 0
}


.newWeb-pro-detail .nav-tabs>li{width:25%;text-align: center;}

.newWeb-pro-detail .nav-tabs>li>a{background:#fff;font-size: 18px;border-radius: 0px;height: 110px;line-height: 110px;padding: 0; border-bottom: 0; border: 0;display: flex;
    align-items: center;
    justify-content: center;}
.newWeb-pro-detail .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ background:url(../images/new-image/pro-detail-line.jpg) no-repeat bottom #0782c8;  color: #fff;border-bottom: none;}

.newWeb-pro-detail .nav-tabs>li svg path{fill:#0782c8;}
.newWeb-pro-detail .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus svg path{fill:#fff}
.newWeb-pro-detail .nav-tabs>li>a:hover{border:none;}

.newWeb-pro-detail .nav-tabs>.active svg path{fill: #fff;}



.newWeb-pro-detail .bt{
    width: 100%;
    margin: 4%auto;
    overflow: hidden;
}
.newWeb-pro-detail .bt .title{
    width: 52%;
    float: left;
}
.newWeb-pro-detail .bt .title-1{
    width: 150px;
    height: 40px;
    background: #0782c8;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 8px;
    margin-top: 4%;
}
.newWeb-pro-detail .bt .title-2{
    font-size: 36px;
    width: 100%;
    margin: 5% 0 2%;
}
.newWeb-pro-detail .bt .title-3{
    font-size: 18px;
    color: #999;
}
.newWeb-pro-detail .bt .line{
	width:100%;
	height:1px;
	background: #dadada;
	margin-top: 5%;
}
.newWeb-pro-detail .bt .tp{
    width: 45%;
    float: right;
}
.newWeb-pro-detail .bt .tp img{
    width: 100%;
}



.newWeb-pro-detail .text{}
.newWeb-pro-detail .text p{
    font-size: 18px;
    line-height: 42px;
    text-indent: 0;
}


/*<992*/
@media screen and (max-width:992px) 
{
	.newWeb-pro-detail .bt .title{width: 100%;}
	.newWeb-pro-detail .bt .tp{width: 100%;margin-top:4%;}
	.newWeb-pro-detail .bt .title-1{ font-size: 16px;width:120px}
	.newWeb-pro-detail .bt .title-2{ font-size: 26px;margin:5% 0 0 0}
	.newWeb-pro-detail .bt .title-3{ font-size: 14px;}
}








/*===========partner================*/

.newWeb-partner{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding: 3% 0;
}

.newWeb-partner li{
	width:23%;
	float: left;
	margin: 1%;
	background: #f6f6f6;
	text-align: center;
	padding: 0% 0;
}

.newWeb-partner li img{width:100%; max-width:221px;}



/*<992*/
@media screen and (max-width:992px) 
{
	.newWeb-partner li{width:48%;}
}










/*===========rcln================*/

.newWeb-rcln{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding: 0 0 4%;
	background:url(../images/new-image/rcln-ico2.jpg) no-repeat center bottom
}


.newWeb-rcln-left{
	width: 55%;
	float: left;
	padding: 3% 8% 0;
}

.newWeb-rcln-left .title{
	background: url(../images/new-image/rcln-ico.jpg) no-repeat left top;
	width:100%;
	margin: auto;
	overflow: hidden;
	font-size: 42px;
	padding-top: 5%;
}

.newWeb-rcln-left .title::after{
	content:'';
	display:block;
	width:45px;
	height:4px;
	background:#077fc4;
	margin-top:4%;
	margin-bottom:2%
}


.newWeb-rcln-left .text{
    width: 100%;
    margin: auto;
    overflow: hidden;
    margin-top: 3%;
    font-size: 17px;
    line-height: 38px;
}

.newWeb-rcln-right{
	width: 45%;
	float: right;
	position: relative;
}
.newWeb-rcln-right img{width:100%}

/*<1920*/
@media screen and (min-width:1920px) 
{
	.newWeb-rcln{width:1903px;}
}

/*<1440*/
@media screen and (max-width:1440px) 
{
	.newWeb-rcln-right{margin-top:4%}
}

/*<992*/
@media screen and (max-width:992px) 
{
	.newWeb-rcln-left{width:100%}
	.newWeb-rcln-right{width:100%}
	.newWeb-pro-detail .nav-tabs>li>a{font-size:10px;height: 60px;}
}








/*===========ywbk================*/

.newWeb-ywbk{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 4%
}



.newWeb-ywbk ul{
	width:100%;
	margin: auto;
	overflow: hidden;
	border-top:1px solid #efefef;
	border-left:1px solid #efefef;
}


.newWeb-ywbk ul li{
	width:
	calc((100% - 0px)/3);
	float: left;
	margin: auto;
	overflow: hidden;
	border-bottom:1px solid #efefef;
	border-right:1px solid #efefef;
	position: relative;
}

.newWeb-ywbk ul li .title{
	position: absolute;
	z-index: 9;
	width:100%;
	text-align: center;
	top: 25%;
	font-size: 32px;
}
.newWeb-ywbk ul li .text{
	width: 80%;
	left: 10%;
	top: 41%;
	position: absolute;
	z-index: 9;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	color:#999;
	}
.newWeb-ywbk ul li .more{
	bottom: 30%;
	text-align: center;
	position: absolute;
	z-index: 9;
	width: 140px;
	height: 45px;
	margin: auto;
	background: #0782c8;
	color: #fff;
	border-radius: 50px;
	line-height: 45px;
	font-size: 16px;
	left: 50%;
	margin-left: -70px;
	}
.newWeb-ywbk ul li .more span::after{
	content:'>';
	display: inline-block;margin-left:10px;
}


.newWeb-ywbk ul li .pic{ position: relative}
.newWeb-ywbk ul li .pic img{ opacity: 0;transition: all 0.3s;}


.newWeb-ywbk ul li:hover .pic img{ opacity:1;transition: all 0.3s;}
.newWeb-ywbk ul li:hover .title{color:#fff}
.newWeb-ywbk ul li:hover .text{color:#fff}



/*<992*/
@media screen and (max-width:992px) 
{
	.newWeb-ywbk ul li {width:	calc((100% - 0px)/2);}
	.newWeb-ywbk ul li .title{font-size:24px;}
}























/*<1800*/
@media screen and (max-width:1799px) 
{}

/*<1700*/
@media screen and (max-width:1699px) 
{}

/*<1600*/
@media screen and (max-width:1599px) 
{}

/*<1500*/
@media screen and (max-width:1499px) 
{}



/*<1500*/
@media screen and (max-width:1599px) 
{
	.w-1500{width:86%;}

	
}
/*<1450*/
@media screen and (max-width:1449px) 
{
	
	
}


/*<1400*/
@media screen and (max-width:1460px) 
{
	
}


/*<1380*/
@media screen and (max-width:1379px) 
{
	
	
}


/*<1366*/
@media screen and (max-width:1365px) 
{
	
	

}


/*<1300*/
@media screen and (max-width:1299px) 
{
	
	
}

/*<1280*/
@media screen and (max-width:1280px) 
{
	
	
}


/*<1200*/
@media screen and (max-width:1199px) 
{	
	
}


/*<1100*/
@media screen and (max-width:1100px) 
{
	
}



/*<1000*/
@media screen and (max-width:999px) 
{
	
}

/*<960*/
@media screen and (max-width:959px) 
{
	

}



/*<900*/
@media screen and (max-width:899px) 
{
	
}


/*<850*/
@media screen and (max-width:850px) 
{
	
}

/*<760*/
@media screen and (max-width:760px) 
{

	
}

/*<620*/
@media screen and (max-width:620px) 
{
	
}