/*====================================INDEX===========*/

.in-topbar{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #099464; 
	font-size: 16px; 
	color: #fff;
}

.in-topbar .in-topbar-left{
	float: left;
}
.in-topbar .in-topbar-left ul{
	padding: 0 20px;
	width: auto;
	overflow: hidden;
	margin-bottom: 0;
	background: #007652;
}
.in-topbar .in-topbar-left ul li{
	float: left;
	list-style: none;
	padding: 10px;
	font-size: 14px;
}

.in-topbar .in-topbar-left ul li:hover{color:#fff697}

.in-topbar .in-topbar-right{
	float: right;
	padding-top: 5px;
}
.in-topbar .in-topbar-right img{ background:#13b382; width:35px; height: 35px; border-radius: 50%;}
.in-topbar2{
	width:96%;
	max-width: 1700px;
	margin: auto;
	justify-content: space-between;
	position: relative;
	padding: 1% 0 0;
	    display: flex;
}





.top-search-box{
	position: relative;
	right: 0;
	z-index: 9999;
	width: auto;
	font-size: 16px;
	display: flex;
	align-items: center;
	width: auto;
	justify-content: space-between;
}

.top-search-box .top-search{
    height: 37px;
    float: left;
    width: 37px;
    margin-right: 20px;
	line-height: 37px;
}
.top-search-box .top-language{
    width: 37px!important;
    height: 37px;
    line-height: 37px;
    float: left;
    color: #fff;
    background: #0068c9;
    border-radius: 50%;
    text-align: center;
}






/*--------1440---------*/
@media (max-width: 1440px) {
	
}
/*--------1240---------*/
@media (max-width: 1240px) {
}
/*--------991---------*/
@media (max-width: 991px) {
	.top-search-box{display:none;}
}




























/*===========in-about===========*/
.in-about{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/in-ab-bg.jpg) no-repeat bottom center;
	background-size: cover;
	padding: 6% 0 5%;
}


.in-about .info{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.in-about .info .title1{
	color: #0a57ca;
	font-size: 24px;
	line-height: 1.5;
	margin-top: 1%;
	text-transform: uppercase;
	font-weight: bold;
}

.in-about .info .title2{
	color: #232323;
	font-size: 42px;
	line-height: 1;
	font-weight: bold;
	margin-top: 1%;
}

.in-about .info .info-text{
	font-size: 16px;
	width: 100%;
	float: left;
	line-height: 2;
	text-align:	justify;
	margin-top: 3%;
	color: #636363;
	margin-bottom: 3%;
}
.in-about .info .info-text p{width: 73%;margin: 5px 0;}




.about-list{
    width: 100%;
    max-width: 600px;
    margin-right: 10%;
    margin-top: 0%;
}

.about-list-50{width: 40.666667%;}
.about-list-20{width: 17.666667%;}
.about-list-70{width: 58.33333333%;}

.about-list ul{width:100%;margin: auto; overflow:hidden;padding-left: 0;}

.about-list ul li{
    list-style: none;
    padding-left: 0%;
	float: left;
}

.about-list ul li .ico{}
.about-list ul li .title{
    color: #222;
    font-size: 16px;
    margin: 25px 0 8px 0;
	transition: all 0.3s;
}
.about-list ul li .title span{
    font-size: 44px;
    line-height: 1;
}
.about-list ul li .text{
    font-size: 13px;
    color: #222;
	transition: all 0.4s;
}


.about-list ul li:nth-child(1){padding-left: 0;}

.about-list ul li::after{
	content:
	'';
	width: 1px;
	height: 100px;
	background: #dedede;
	display: inline-block;
	margin-top: -100px;
	margin-left: -60px;
}

.about-list ul li:hover .title{transform:translateY(-5px);/**上移元素**/transition: all 0.3s;}
.about-list ul li:hover .text{transform:translateY(-10px);/**上移元素**/transition: all 0.4s;}

.in-about .more{
	color: #fff;
	border: 1px solid #2b67f1;
	width: 180px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 15px;
	display: flex;
	justify-items: center;
	justify-content: center;
	transition: all 0.3s;
	border-radius: 8px;
	background: #2b67f1;
	margin-top: 2%;
}
.in-about .more span{
	font-size:20px;
	color: #fff;
	margin-left: 10px;
	line-height: 50px;
	transition: all 0.3s;
}

.in-about .more:hover{
	background: #0d30d6;
	color: #fff;
	transition: all 0.3s;
	border: 1px solid #0d30d6
}
.in-about .more:hover span{color:#fff;transform:translateX(5px);transition: all 0.3s;}






@media (min-width: 1920px) {
	
}

/*--------1440---------*/
@media (max-width: 1440px) {
	.in-about{background: url(style/images/in-ab-bg.jpg) no-repeat bottom right;}
	
	.in-about .info .info-text p{width:64%; font-size:16px}
	.in-about .info .title2{font-size: 38px;}
	.in-about .info .info-text{font-size: 17px;}
	.in-about .list{max-width: 400px;}
	.in-about .list li{font-size: 24px;}
}


/*--------991---------*/
@media (max-width: 991px) {
	.in-about{padding: 8% 0 8%;background: url(style/images/in-ab-bg.jpg) no-repeat bottom center;}
	.in-about .info .title1{font-size: 20px;}
	.in-about .info .title2{font-size: 26px;}
	.in-about .info .info-text{font-size: 16px;line-height: 1.75;}
	.in-about .info .info-text p{width: 100%;}
	.in-about .list li{font-size: 20px;}
	.in-about .list { max-width: 70%;}
	.in-about .list li a img{max-width:100px;}	
	.about-list-50{ width: 35.666667%;}
	.about-list-20{ width: 27.666667%;}
	.about-list ul li::after{    margin-left: -40px;}
	.about-list ul li .title span{font-size: 25px;}
}






















/*===========in-sfq===========*/
.in-sfq-title{
	width:100%;
	margin:
	auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.in-sfq-title .bt{
	width:100%;
	margin:3% auto;
	overflow: hidden;
	font-size: 42px;
    line-height: 1.5;
    color: #222;
    font-weight: bold;
}
.in-sfq-title .bt .bt1{
	color: #0a57ca;
    font-size: 24px;
    line-height: 1.5;
    margin-top: 1%;
    text-transform: uppercase;
    font-weight: bold;
}
.in-sfq-title .bt .bt2{
	color: #232323;
    font-size: 42px;
    line-height: 1;
    font-weight: bold;
    margin-top: 1%;
}

.in-sfq-title .more{
	color: #2b67f1;
    border: 1px solid #2b67f1;
    width: 180px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    display: flex;
    justify-items: center;
    justify-content: center;
    transition: all 0.3s;
    border-radius: 8px;
    margin-top: 2%;
}
.in-sfq-title .more span{
    color: #2b67f1;
    margin-left: 10px;
    line-height: 50px;
    transition: all 0.3s;
}

.in-sfq-title .more:hover{
	background: #0d30d6;
	color: #fff;
	transition: all 0.3s;
	border: 1px solid #0d30d6
}
.in-sfq-title .more:hover span{color:#fff;transform:translateX(5px);transition: all 0.3s;}





.in-sfq{
	width: 100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/in-sfq-bg.jpg) no-repeat center;
	background-size: cover;
	padding-bottom: 6%;
	padding-top: 3%;
}
.in-sfq-sj{
	width:100%;
	margin: auto;
	overflow: hidden;
	display: none;
	    background: url(style/images/in-sfq-bg.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 6%;
    padding-top: 3%;
}
.in-sfq-sj .container{    padding-right: 5px;    padding-left: 5px;}
.in-sfq-sj .container h6{font-size:20px; font-weight: bold;}


/*--------1440---------*/
@media (max-width: 1440px) {
	
	.in-sfq-title .bt .bt2{font-size: 38px;}
}

/*--------991---------*/
@media (max-width: 991px) {
	.in-sfq{background: #f0f7fe;padding-bottom: 0%;}
	.in-sfq-sj{display:block;}
	.in-sfq-sj .feature{text-align: center;}
	.in-sfq-title .bt .bt1{font-size: 20px;}
	.in-sfq-title .bt .bt2{font-size: 26px;}
}














/*===========in-kcxfz===========*/
.in-kcxfz{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/in-kcxfz-bg.jpg) no-repeat center;
	background-size: cover;
	padding: 6% 0;
}


.in-kcxfz-info{
    width: 38%;
    float: left;
}
.in-kcxfz-info .title1{
	color: #0a57ca;
	font-size: 24px;
	line-height: 1.5;
	margin-top: 5%;
	text-transform: uppercase;
	font-weight: bold;
}
.in-kcxfz-info .title2{
	color: #232323;
	font-size: 42px;
	line-height: 1;
	font-weight: bold;
	margin-top: 4%;
	margin-bottom: 4%;
}
.in-kcxfz-info .title3{
	color: #232323;
    font-size: 20px;
    line-height: 1.5;
    margin-top: 1%;
    text-transform: uppercase;
    font-weight: bold;
}
.in-kcxfz-info .text{
	color: #979797;
	font-size: 15px;
	line-height: 1.5;
	margin-top: 8%;
}
.in-kcxfz-info .more{
	color: #fff;
	border: 1px solid #2b67f1;
	width: 165px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 15px;
	display: flex;
	justify-items: center;
	justify-content: center;
	transition: all 0.3s;
	border-radius: 50px;
	background: #2b67f1;
	margin-top: 17%;
}
.in-kcxfz-info .more span{
	font-size:16px;
	color: #fff;
	margin-left: 10px;
	line-height: 50px;
	transition: all 0.3s;
}

.in-kcxfz-info .more:hover{
	background: #0d30d6;
	color: #fff;
	transition: all 0.3s;
	border: 1px solid #0d30d6
}
.in-kcxfz-info .more:hover span{color:#fff;transform:translateX(5px);transition: all 0.3s;}

.in-kcxfz-pic{
    width: 55%;
    float: right;
    text-align: right;
}
.in-kcxfz-pic img{
    width: 100%;
    max-width: 876px;
    border-radius: 15px;
}






/*--------1440---------*/
@media (max-width: 1440px) {
	
	.in-kcxfz-info .title2{font-size: 38px;}
}

/*--------991---------*/
@media (max-width: 991px) {
	.in-kcxfz-info .title1{font-size: 20px;}
	.in-kcxfz-info .title2{font-size: 26px;margin-top: 1%;}
	
	.in-kcxfz-info{width:100%;}
	.in-kcxfz-pic{display: none;}
	.in-kcxfz-info .title3{font-size: 16px;}
	.in-kcxfz-info .more{margin-top: 8%;}
}













/*===========in-news===========*/
.in-news{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/in-news-bg.jpg) no-repeat;
	background-size: cover;
	padding: 5% 0;
}

.in-news-title1{
	color: #0a57ca;
	font-size: 24px;
	line-height: 1.5;
	text-transform: uppercase;
	font-weight: bold;
}
.in-news-title2{
	color: #232323;
	font-size: 42px;
	line-height: 1;
	font-weight: bold;
	margin-top: 1%;
	margin-bottom: 1%;
}


.in-news-list{
	width:100%;
	margin: 4% auto 1%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	transition: all 0.3s;
}

.in-news-list .sublist{
	width: 32%;
	float: left;
	overflow: hidden;
	background:	url(style/images/in-news-sub-bg.jpg) no-repeat top right #fff;
	height: 320px;
	position: relative;
	box-shadow: 0px 4px 4px rgb(0 0 0 / 6%);
	margin: 0;
	transition: all 0.3s;
}

.in-news-list .sublist .sublist-left{
	width:25%;
	float: left;
}
.in-news-list .sublist .sublist-left .fl{text-align: center;font-size: 16px;color: #222; font-weight:bold;padding-top: 60%;}
.in-news-list .sublist .sublist-left .fl img{display: block;margin: auto;margin-bottom: 10%;transition: all 0.3s;}
.in-news-list .sublist .sublist-left .more{
	position: absolute;
	height: 45px;
	bottom: 0;
	border-top: 1px solid #f3f3f3;
	border-right: 1px solid #fff;
	width:25%;
	text-align: center;
	line-height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:12px;
	color:#9c9b9b;
}
.in-news-list .sublist .sublist-left .more img{margin-right:10px;transition: all 0.3s;}
.in-news-list .sublist .sublist-left .more:hover img{ margin-right: 5px;transition: all 0.3s;}


.in-news-list .sublist .sublist-right{
	width:75%;
	float: right;
	position: relative;
	height: 100%;
}


.in-news-list .sublist .sublist-right .slick-nav-container{
	width:100%;
	margin: auto;
	overflow: hidden;
	border-top: 1px solid #f3f3f3;
	position: absolute;
	bottom: 0;
	height: 45px;
}
.in-news-list .sublist .sublist-right .slick-nav-container .slick-nav{
	height:45px;
	justify-content: flex-end;
	padding-right: 7%;
}
.in-news-list .sublist .sublist-right .slick.slick-initialized{
	border-left: 1px solid #f3f3f3;
	height: 100%;
}


.in-news-list .sublist .sublist-right .wrapper{height:100%}


.in-news-list .sublist .sublist-right .slick-wrapper{height:100%}

.in-news-list .sublist .sublist-right .slick-nav-container .slick-nav .slick-dots{display:none!important;}

.in-news-list .sublist .sublist-right .slick .item{padding:25px!important;}
.in-news-list .sublist .sublist-right .slick .item .date{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: 4%;}
.in-news-list .sublist .sublist-right .slick .item .date .date-number{
	color: #232323;
	font-size: 36px;
	line-height: 1;
	font-weight: bold;
}
.in-news-list .sublist .sublist-right .slick .item .date .date-en{
	font-size: 14px;
	text-transform: uppercase;
	color: #222;
	font-weight: bold;
	margin-left: 5px;
}
.in-news-list .sublist .sublist-right .slick .item .bt{
	color: #232323;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    margin-top: 7%;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 52px;
}
.in-news-list .sublist .sublist-right .slick .item .bt a{color:#232323}
.in-news-list .sublist .sublist-right .slick .item .bt a:hover{color:#0a57ca}
.in-news-list .sublist .sublist-right .slick .item .text{
	color: #707070;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 7%;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 42px;
}
.in-news-list .sublist .sublist-right .slick .item .views{
	color:#b6b6b6;
	font-size: 12px;
	background: url(style/images/more-ico.png) no-repeat left center;
	padding-left: 20px;
	margin-top: 5%;
}



.in-news-list .sublist:hover{ background-size:90%;transition: all 0.3s;}
.in-news-list .sublist:hover .sublist-left .fl img{transform:translateY(-5px);transition: all 0.3s;}




/*--------1440---------*/
@media (max-width: 1440px) {
	
	.in-news-title2{font-size: 38px;}
}

/*--------991---------*/
@media (max-width: 991px) {
	.in-news-title1{font-size: 20px;}
	.in-news-title2{font-size: 26px;}
	
	.in-news-list{display:block;}
	.in-news-list .sublist{width:100%;margin-bottom: 4%;}
}











/*===========in-tzzgx===========*/	
.in-tzzgx{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/in-tzzgx-bg.jpg) no-repeat center;
	background-size: cover;
	padding: 6% 0;
	color: #fff;
}

.in-tzzgx .bt1{
    font-size: 32px;
}
.in-tzzgx .bt2{
    font-size: 20px;
    margin-top: 2%;
}
.in-tzzgx .bt3{
    margin-top: 5%;
    font-size: 16px;
}
.in-tzzgx .bt3 a{color:#fff;}
.in-tzzgx .bt3 span{margin-left:10px;transition: all 0.3s;}

.in-tzzgx .bt3:hover span{margin-left:15px;transition: all 0.3s;}



/*--------991---------*/
@media (max-width: 991px) {
	.in-tzzgx .bt1{font-size: 24px;}
	.in-tzzgx .bt2{font-size: 18px;}
}





























































/*===========bottom===========*/	

.yhhg-footer{color:#020202;background: #f9f9f9;}


.bottom-link{
	width:100%;
	margin: auto;
	overflow: hidden;
	color: #fff;
	padding: 20px 0;
	border-bottom: 1px solid rgba(255,255,255,0.2)
}

.bottom-link .title{
	font-size: 17px;
	font-weight: bold;
	width: 150px;
	float: left;
}
.bottom-link .list{
	
display: flex;
	
width: calc(100% - 250px);
	
position: absolute;
	
left: 100px;
}
.bottom-link .list li{
	
list-style: none;
	
list-style-position: outside;
	
margin: 0 2%;
	
font-size: 16px;
}


.bottom-footer1{
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding-top: 2%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 4%;
} 

.bottom-footer1 .footer-info{
	width: 36%;
	float: left;
	text-align: left;
	list-style: none;
	list-style-position: outside;
	font-size: 15px;
	line-height: 2.25;
	color: #193050;
}


.bottom-footer1 .footer-info .info1{
    width: 100%;
    float: left;
    margin-top: 3%;
}

.bottom-logo{margin-bottom: 8%;}

.bottom-footer1 .footer-info .info1 li{line-height: 3.2;font-size: 17px;color: #949494;}
.bottom-footer1 .footer-info .info1 li span{font-size: 18px;line-height: 1.5;font-weight: bold; color: #3c3d3f;}
.bottom-footer1 .footer-info .info1 li img{margin-right:15px}
.bottom-footer1 .footer-left{
    width: 55%;
    display: flex;
    justify-content: space-between;
}
.bottom-footer1 .footer-left ul{
    text-align: center;
}
.bottom-footer1 .footer-left ul li{
    list-style: none;
    font-size: 15px;
    line-height: 2.1;
    color: #8c8e92;
}
.bottom-footer1 .footer-left ul li span{
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 3.5;
    color: #000000;
}


.bottom-footer1 .footer-info .info2{
    width: 47%;
    float: right;
    margin: auto;
    overflow: hidden;
    border-left: 1px solid rgba(255,255,255,0.1);
    border-right: 1px solid rgba(255,255,255,0.1);
    padding-left: 5%;
	margin-top: 60px;
}
.bottom-footer1 .footer-info .info2 li{ line-height: 2}
.bottom-footer1 .footer-info .info2 li span{font-size:18px; font-weight: bold;  line-height: 1.5; color: #3c3d3f;}


.bottom-footer1 .footer-left .link{
    width: 260px;
    float: right;
    height: 55px;
    line-height: 55px;
    text-align: center;
    BORDER-BOTTOM:  rgba(255,255,255,0.3) 1px solid;
    BORDER-LEFT:  rgba(255,255,255,0.3) 1px solid;
    BORDER-TOP: rgba(255,255,255,0.3) 1px solid;
    BORDER-RIGHT:  rgba(255,255,255,0.3) 1px solid;
    margin: 3% 0;
}

.footer_sel {
    LINE-HEIGHT: 49px;
    HEIGHT: 51px;
	width:300px;
    margin: auto;
    COLOR: #fff;
    font-size: 16px;
    text-align: left;
    background: url(style/images/bottom-ico-link.png)no-repeat left 20px #950012;
    padding-left: 30px;
    margin-bottom: 7px;
}






.bottom-footer2{
	width:100%;
	margin: auto;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	font-size: 17px;
	padding-bottom: 20px;
	color: #959595;
}
.bottom-footer2 img{margin-right:3%}

.bottom-footer2 .bf-left{
    width: calc(100% - 150px);
    text-align: left;
    float: left;
} 

.bottom-footer2 .bf-right{
    width: 150px;
    float: right;
    text-align: right;
} 

.bottom-footer2 a{color:#fff;}








.bottom-footer3{
	width:100%;
	margin: auto;
	overflow: hidden;
	border-top: 1px solid #e9e9e9;
	padding-top: 2%;
	padding-bottom: 2%;
}

.bottom-footer3 .list{
    width: calc(100% - 210px);
    margin: auto;
    overflow: hidden;
    float: left;
    color: #959595;
    font-size: 17px;
}
.bottom-footer3 .list a{color: #959595;}


.bottom-footer3 .ico{
	float: right;
	width:210px;
	color: #959595;
	font-size: 18px;
}
.bottom-footer3 .ico a{color: #959595;}


.bottom-font{font-size: 28px!important;font-weight: bold;letter-spacing:-2px;line-height: 1!important;color: #0a57ca!important;}
.bottom-height{ margin-top:10px!important;}


#scrollUp .btn::after{
	content:
	'TOP';
	display: block;
	font-size: 15px;
	margin-top: 10px;
}
#scrollUp .btn::before{
	content:
	'TOP';
	width: 80px;
	text-align: center;
	margin: auto;
	font-size: 22px;
	margin-top: 6px;
	display: block;
}
#scrollUp .btn-icon i{display:none;}







/*--------1440---------*/

@media (max-width: 1440px) {
	.bottom-footer1 .footer-right ul{padding-left:5px;}
	.bottom-footer1 .footer-right ul li span{font-size:16px;}
	
	
	.bottom-footer1 .footer-left ul li span{font-size:18px;}
	.bottom-footer1 .footer-info .info2{width:50%;}
	.bottom-footer1 .footer-info .info2 li span{font-size:16px;}
	
	.bottom-logo img{width:70%}
}

@media (max-width: 1200px) {
	.bottom-footer1{display:block;}
	.bottom-footer1 .footer-info{width:100%;margin-bottom: 2%; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 2%}
	.bottom-footer1 .footer-right{width:100%; }
	.bottom-footer1 .footer-left{width:100%; }
	.bottom-logo img{width:auto}
	
}

@media (max-width: 991px) {
	
	
	
	
#scrollUp .btn::after{
	content:'';
	display: none;
}
#scrollUp .btn::before{
	content:'TOP';
	display: none;
}
#scrollUp .btn-icon i{display:block;}
	
	.bottom-logo img{width:40%}
	
	.bottom-footer1{display: block;}
	.bottom-footer1 .footer-info{width:100%}
	.bottom-footer1 .footer-code{width:100%;display: flex;justify-content: space-evenly;margin-top: 3%;}
	.bottom-footer1 .footer-right{display: none;}
	.bottom-footer1 .footer-right .list{display:none}
	.bottom-footer1 .footer-info .info1{width:100%;margin-top: 0%;}
	.bottom-footer1 .footer-info .info2{width:100%;padding-left: 0%;border-left: none;border-right: none;border-top: 1px solid rgba(255,255,255,0.1);margin-top: 10px;}
	.bottom-footer1 .footer-left{display:none;}
	.bottom-footer3 .list{width:100%;    font-size: 15px;}
	.bottom-footer3 .ico{width:100%;    font-size: 15px;}
	
	.bottom-logo { margin-bottom: 1%;}
	.bottom-footer1 .footer-info .info1 li{font-size:16px;line-height: 2.5;}
	.bottom-font{font-size:16px!important}
	.bottom-footer2{font-size:16px;}
	.bottom-footer2 img{display:block;}
}


















/*===========public===========*/

.w-1920{width:100%; max-width:1920px; margin: auto;}
.w-1600{width:100%; max-width:1600px; margin: auto;}
.w-1500{width:100%; max-width:1500px; margin: auto;}
.w-1470{width:100%; max-width:1470px; margin: auto;}
.w-1400{width:100%; max-width:1400px; margin: auto;}
.w-1350{width:100%; max-width:1350px; margin: auto;}
.w-1200{width:100%; max-width:1200px; margin: auto;}


.font-blue{color:#036fb3}



@media (max-width: 1680px) {
	.w-1600{width:92%;}
}


@media (max-width: 1580px) {
	.w-1500{width:92%;}
}


@media (max-width: 1480px) {
	.w-1400{width:92%;}
}


@media (max-width: 1380px) {
	.w-1350{width:96%;}
	.w-1500{width:92%;}
}

@media (max-width: 1280px) {
	.w-1200{width:92%;}
}





.nei-top{width:100%; margin: auto; overflow: hidden; position: relative;}

.nei-top .tp{position: relative;z-index: 0;width: 100%;}
.nei-top .tp img{max-width: none;width: 100%;}

.nei-top .about-top-text{color:#fff;position: absolute;overflow: hidden;text-align: center;z-index: 99;top: 30%;width:100%}
.nei-top .about-top-text .line{width: 60px;height: 4px;background: #fff;display: block;overflow: hidden;margin: 2% auto;}
.nei-top .about-top-text h1{font-size: 72px;text-transform: uppercase; font-weight:bold;color: #fff;line-height: 1.25;}
.nei-top .about-top-text h2{font-size: 40px;text-transform: uppercase;margin: auto;letter-spacing: 1px;color: #fff;line-height: 1;}
.nei-top .about-top-text h3{font-size: 45px;width: 100%;color: #fff;line-height: 1;font-weight: bold;text-transform: uppercase;}





/*nei-top-menu*/

.nei-top-menu-box{width:100%;  background:url(../images/nei-top-menu-bg.jpg)repeat-x; height: 88px; position: relative;z-index: 9;    box-shadow: 1px 1px 13px rgb(0 0 0 / 10%);}

.nei-top-menu{width:100%; height: 88px; overflow: hidden; background: url(../images/nei-top-menu-bg.jpg); }
.nei-top-menu .submenu{width:auto;text-align: center;float: left;}
.nei-top-menu .submenu li{float:left;  width:auto;text-align: center;margin: 0px 30px 0 0;list-style: none;}
.z-dh{float: right;line-height: 88px;color: #4a4a4a;font-size: 1.125em;margin-right: 10px;text-transform: uppercase;}
.z-dh img{ margin-right:10px;margin-left: 10px;}



.nei-top .tp img{width:100%}


/*button*/
.button27 {
	color: rgba(0,0,0,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
}
.button27:hover{color: #9c0e00;
}
.button27 a{
	text-decoration: none;
	display: block;
	font-size: 18px;
	width: auto;
	text-align: center;
	float: right;
	line-height: 88px;
	color: #646464;
	margin: 0 15px;
}
.button27 a:hover{color: #cb0536;}

.button27::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translate(-100%, -600%) rotate(30deg);
	transform: translate(-100%, -600%)  rotate(30deg);
	background-color: #cb0536;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button27:hover::before{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);	
}



/*--------1440---------*/

@media (max-width: 1440px) {
	.nei-top .about-top-text h2{ font-size:35px}
}

/*--------1024---------*/

@media (max-width: 1024px) {
	.nei-top .about-top-text h2{ margin: 20px 0 15px;font-size:30px}
	.nei-top .about-top-text h3{}
	
}






/*--------991---------*/
@media (max-width: 991px) {
	.nei-top-menu-box{height:50px;}
	.nei-top-menu{height:50px;}
	.nei-top-menu .submenu{display:none}
	.nei-top-menu .submenu li{width:90px;}
	.nei-top-menu .sim-button{line-height: 50px; font-size:14px; }
	
	.nei-top .about-top-text h2{}
	.nei-top .about-top-text h1{display:none}
	.nei-top .about-top-text .line{display:none}
	
	.z-dh{line-height:50px; float: left;    font-size: 12px;}
}











/*--------nei-title---------*/

.nei-title{
	width: 100%;
    margin: 5% auto;
    overflow: hidden;
    font-size: 50px;
    font-weight: bold;
    color: #202020;
    line-height: 1;
    background: url(style/images/nei-title.jpg) no-repeat left bottom;
    padding-bottom: 14px;
    padding-left: 15px;
}
.nei-title span{display:block;font-size: 42px;font-weight: bold;text-transform: uppercase;margin-bottom: 1%; color: #ebebeb}
.nei-title img{ margin-left: 20px;}



/*--------1440---------*/
@media (max-width: 1440px) {
	.nei-title{font-size:42px;}
	.nei-title span{font-size:42px;}
}



/*--------991---------*/
@media (max-width: 991px) {
	.nei-title{font-size:24px;}
	.nei-title span{font-size:24px;}
}




/*--------nei-title2---------*/

.nei-title2{
	width: 100%;
    margin: 5% auto;
    overflow: hidden;
    font-size: 40px;
    font-weight: bold;
    color: #202020;
    line-height: 1;
}


.nei-title2 .more{
	float: right;
	font-size:15px;
	color: #505050;
	margin-top: 15px;
}
.nei-title2 .more span{ margin-left: 10px;transition: all 0.3s;}
.nei-title2 .more:hover span{margin-left: 15px;transition: all 0.3s;}

/*--------991---------*/
@media (max-width: 991px) {
	.nei-title2{font-size:24px;}
	.nei-title2 .more{	margin-top: 5px;}
}





/*--------about---------*/
.about{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #f9f9fa;
	padding: 5% 0;
}



/*--------991---------*/
@media (max-width: 991px) {
	
}













/*--------关于我们---------*/
.about{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/ab-bg.jpg) no-repeat bottom center;
}


.about .title{
	color: #171717;
	font-size: 42px;
	font-weight: bold;
	line-height: 1;
}
.about .title span{
	font-size: 28px;
	display: block;
	text-transform: uppercase;
	line-height: 2;
}



.about .ab-content{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top: 3%;
}

.about .ab-content .ab-left{
	width: 38%;
	float:
	left;
}

.about .ab-content .ab-left .pic{width:100%}
.about .ab-content .ab-left .pic img{width:100%}


.about .ab-content .ab-left .list{
    margin-top: 12%;
}
.about .ab-content .ab-left .list li{
    width: calc((100% - 3px)/3);
    float: left;
    text-align: center;
    border-left: 1px solid #e7e7e7;
    font-size: 18px;
    list-style: none;
}
.about .ab-content .ab-left .list li:nth-child(1){border-left:none;}
.about .ab-content .ab-left .list li .text1{
    color: #333;
    line-height: 1;
    font-size: 14px;
}
.about .ab-content .ab-left .list li .text1 span{font-size: 42px;color: #333;}
.about .ab-content .ab-left .list .text2{margin-top: 10px;font-size: 14px;color: #333;}

.about .ab-content .ab-right{
	width: 54%;
	float: right;
	border-top: 3px solid #d4e1fa;
}
.about .ab-content .ab-right .text{
    margin: 6% 0 9%;
}
.about .ab-content .ab-right .text p{
	color: #5f5f5f;
	font-size: 17px;
	text-indent: 2em;
	margin: 10px 0;
	line-height: 2;
	text-align:justify
}
.about .ab-content .ab-right .ab-more{
	width:180px;
	height: 60px;
	background-image: linear-gradient(90deg,rgba(13,59,176,1) 0,rgba(1,123,208,1) 90%);
	text-align: center;
	color:#fff;
	line-height: 60px;
	border-radius: 25px 0 0 0;
	font-size: 18px;
	transition: all 0.3s;
}
.about .ab-content .ab-right .ab-more:hover{width:200px;transition: all 0.3s;}
.about .ab-content .ab-right .ab-more a{color:#fff;}





/*--------1440---------*/
@media (max-width: 1440px) {
	.about .ab-content .ab-left .list li .text1 span{font-size:38px;}
	.about .ab-content .ab-right .text p{font-size:16px;line-height: 1.75;}
}



/*--------991---------*/
@media (max-width: 991px) {
	.about .title{font-size:26px;}
	.about .title span{font-size:26px;}
	.about .ab-content .ab-left{width:100%;}
	.about .ab-content .ab-left .list{margin-top:5%;}
	.about .ab-content .ab-right{width:100%; margin-top:5%}
	.about .ab-content .ab-left .list li .text1 span{font-size:30px;}
	.about .ab-content .ab-right .ab-more{font-size:16px;}
}
















/*--------基地---------*/
.ab-base{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #e5e9f1;
	padding: 7% 0;
}

.ab-base .base-content{
	width:100%;
	margin: auto;
	overflow: hidden;
	position: relative;
}

.ab-base .base-content .pic{
    position: relative;
    z-index: 1;
    float: left;
}
.ab-base .base-content .pic img{
    border-radius: 20px;
}
.ab-base .base-content .info{
    z-index: 9999;
    width: 61%;
    display: flex;
    position: absolute;
    right: 0;
}
.ab-base .base-content .info .base-info-left{}
.ab-base .base-content .info .base-info-right{
    background: #2664cc;
    color: #fff;
    border-radius: 0 20px 20px 0;
    padding: 13% 13% 10% 2%;
}
.ab-base .base-content .info .base-info-right .title{
    border-bottom: 1px dashed #93b2e6;
    padding-bottom: 4%;
    margin-bottom: 5%;
}
.ab-base .base-content .info .base-info-right .title .title1{
    font-size: 32px;
    text-transform: uppercase;
}
.ab-base .base-content .info .base-info-right .title .title2{
    font-size: 32px;
    line-height: 1;
    margin: 4% 0;
}
.ab-base .base-content .info .base-info-right .title .title3{
    font-size: 15px;
    color: #a5b7db;
	background: url(style/images/ab-base-ico.png) no-repeat left center;
	padding-left: 25px;
}
.ab-base .base-content .info .base-info-right .text{
    font-size: 17px;
    line-height: 1.85;
}


/*--------1440---------*/
@media (max-width: 1440px) {
	.ab-base .base-content .info .base-info-right{padding: 13% 11% 10% 1%;}
	.ab-base .base-content .info .base-info-right .text{font-size: 15px;}
}



/*--------991---------*/
@media (max-width: 991px) {
	.ab-base .base-content .info{position:relative; width:100%}
	.ab-base .base-content .pic{width:100%}
	.ab-base .base-content .pic img{width:100%; border-radius: 20px 20px 0 0}
	.ab-base .base-content .info .base-info-left{display:none}
	.ab-base .base-content .info .base-info-right{width:100%;    border-radius: 0 0 20px 20px;   padding: 10% 5% 10% 5%;}
	.ab-base .base-content .info .base-info-right .title .title1{font-size:26px;}
	.ab-base .base-content .info .base-info-right .title .title2{font-size:26px;}
}













/*--------荣誉---------*/
.ab-honor{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/ab-honor-bg.jpg) no-repeat right center;
	background-size: cover;
	padding: 5% 0;
}

.ab-honor .honor-content{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.ab-honor .honor-content .honor-info{
	width:50%;
	float: left;
	color: #fff;
}
.ab-honor .honor-content .honor-info .title1{
    font-size: 50px;
}
.ab-honor .honor-content .honor-info .title2{
    font-size: 52px;
    line-height: 1.25;
    margin: 5% 0 2%;
}
.ab-honor .honor-content .honor-info .title2 span{
    display: block;
}
.ab-honor .honor-content .honor-info .title3{}
.ab-honor .honor-content .honor-info .title4{
    margin-top: 4%;
}
.ab-honor .honor-content .honor-info .honor-more{
    width: 145px;
    height: 50px;
    text-align: center;
    background: #196ccf;
    border-radius: 50px;
    line-height: 50px;
    font-size: 16px;
    margin-top: 8%;
	transition: all 0.3s;
	color: #fff;
}

.ab-honor .honor-content .honor-info .honor-more a{ color:#fff;}
.ab-honor .honor-content .honor-info .honor-more:hover{width: 175px;transition: all 0.3s;}



.ab-honor .honor-content .honor-list{
	width:50%;
	float: right;
}







.ab-honor .honor-content .honor-list .slick .item{
	background: #fff;
    padding: 100px 0 0;
    border-radius: 10px 10px 0 0;
}

.ab-honor .honor-content .honor-list .post-title{background: #3f60cc; color: #fff; font-size: 16px; padding: 10px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
line-height: 3;}

.ab-honor .honor-content .honor-list .post-title a{ color:#fff;}
.ab-honor .honor-content .honor-list .item.post figure{margin-bottom:80px; margin-left: 35px; margin-right: 35px;}



/*--------1440---------*/
@media (max-width: 1440px) {
	.ab-honor .honor-content .honor-info .title2{font-size:38px;}
	.ab-honor .honor-content .honor-info{width: 37%;margin-top: 5%;}
	.ab-honor .honor-content .honor-list{width:55%;}
}



/*--------991---------*/
@media (max-width: 991px) {
	.ab-honor .honor-content .honor-info{width:100%}
	.ab-honor .honor-content .honor-info .title1{font-size:26px}
	.ab-honor .honor-content .honor-info .title2{font-size:26px}
	.ab-honor .honor-content .honor-info .title4{margin-top:0}
	
	.ab-honor .honor-content .honor-list{width:100%; margin-top: 5%;}
	.ab-honor .honor-content .honor-list .slick .item{padding: 50px 0 0;}
	.ab-honor .honor-content .honor-list .item.post figure{margin-bottom: 40px; margin-left: 15px;margin-right: 15px;}
}











/*--------时间轴---------*/
.fzlc{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding: 5% 0
}

.fzlc .title{
	color: #171717;
	font-size: 42px;
	font-weight: bold;
	line-height: 1;
}
.fzlc .title span{
	font-size: 28px;
	display: block;
	text-transform: uppercase;
	line-height: 2;
}

.fzlc .content{
	width:100%;
	margin: auto;
	overflow: hidden;
}


.fzlc .content .fzlc-left{
    width: calc(100% - 130px);
    float: left;
    display: flex;
    margin-top: 5%;
}

.fzlc .content .fzlc-left .fzlc-pic{
}
.fzlc .content .fzlc-left .fzlc-pic img{}
.fzlc .content .fzlc-left .fzlc-list{
	background: #f6f6f6;
	padding: 4% 5% 4%;
	overflow: hidden;
}
.fzlc .content .fzlc-left .fzlc-list .nr{
    width: 100%;
    height: 400px;
    overflow-y: auto;
}

.fzlc .content .fzlc-left .fzlc-list .nr::-webkit-scrollbar {
    width: 8px;
}

.fzlc .content .fzlc-left .fzlc-list .nr::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #1355cf;
}

.fzlc .content .fzlc-left .fzlc-list .nr::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #e3e3e3;
}






.fzlc .content .fzlc-left .fzlc-list .nr ul{
    width: 100%;
}
.fzlc .content .fzlc-left .fzlc-list .nr ul li{
    list-style: none;
    border-bottom: 1px solid #e9e9e9;
    padding: 5% 5% 4% 0;
    color: #333;
}
.fzlc .content .fzlc-left .fzlc-list .nr ul li .bt{
    font-size: 22px;
    font-weight: bold;
}
.fzlc .content .fzlc-left .fzlc-list .nr ul li .text{
    font-size: 16px;
}

.fzlc .content .fzlc-time{
	width:130px;
	float:
	right;
	background: url(style/images/fzlc-line.png) right repeat-y;
}


.fzlc .content .fzlc-time ul{
    height: 600px;
    overflow-y: auto;
    padding-right: inherit;
}
.fzlc .content .fzlc-time ul li{
	list-style: none;
	margin: 144% 0;
	color: #acacac;
	font-size: 19px;
	font-weight: bold;
	text-align: right;
}
.fzlc .content .fzlc-time ul li::after{
	content:
	'';
	display: inline-block;
	width:10px;
	height: 10px;
	background: #ccc;
	border-radius: 50%;
	position: relative;
	right: 3px;
	margin-left: 15px;
}


.font-active{
    font-size: 24px!important;
    color: #1355cf!important;
}

.fzlc .content .fzlc-time ul::-webkit-scrollbar {
  width: 0;
}







/*--------fzlc-sj---------*/
.fzlc-sj{
	width:100%;
	margin:8% auto;
	overflow: hidden;
	display: none;
}
.fzlc-sj .title{
	color: #171717;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
}
.fzlc-sj .title span{
	font-size: 26px;
	display: block;
	text-transform: uppercase;
	line-height: 2;
}

.fzlc-sj .nr{
    width: 100%;
	margin: 5% auto;
	overflow: hidden;
    height: 500px;
    overflow-y: auto;
}



.fzlc-sj .nr::-webkit-scrollbar {
    width: 8px;
}

.fzlc-sj .nr::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #1355cf;
}

.fzlc-sj .nr::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #e3e3e3;
}


.fzlc-sj .nr ul{
    width: 100%;
	padding-left: 0px;
}
.fzlc-sj .nr ul li{
    list-style: none;
    border-bottom: 1px solid #e9e9e9;
    padding: 5% 5% 4% 0;
    color: #333;
}
.fzlc-sj .nr ul li .bt{
    font-size: 18px;
    font-weight: bold;
}
.fzlc-sj .nr ul li .text{
    font-size: 15px;
}

/*--------991---------*/
@media (max-width: 991px) {
	
	.fzlc{display:none;}
	.fzlc-sj{display:block;}
	
	
}





/*--------图片列表---------*/

.tplist-tt{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #f8f8f8;
	position: relative;
}
.tplist-tt .pic{
	width:53%;
	float: left;
	    overflow: hidden;
    padding-bottom: 35%;
    position: relative;
    margin: auto;
    background: #fff;
}
.tplist-tt .pic img{
	    width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.3s;
    opacity: 1;
}
.tplist-tt .info{
	width: 47%;
	padding: 5% 5% 0 5%;
	position: absolute;
	right: 0;
	height: 90%;
}
.tplist-tt .info .title{
	width:100%;
    font-size: 23px;
    color: #222;
    line-height: 1.5;
    font-weight: bold;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tplist-tt .info .title a{
	color:#222;
}
.tplist-tt .info .title a:hover{
	color:#0a57ca;
}
.tplist-tt .info .date{
    color: #757575;
    font-size: 16px;
    margin: 5% 0;
    font-style: italic;
}
.tplist-tt .info .text{
    color: #757575;
    font-size: 16px;
    line-height: 1.75;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tplist-tt .info .more{
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    color: #a8a8a8;
    font-style: italic;
    font-size: 12px;
}
.tplist-tt .info .more span{ margin-left:10px;transition: all 0.3s;}
.tplist-tt .info .more:hover span{margin-left:15px;transition: all 0.3s;}
.tplist{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top: 5%;
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
	border-top: 1px solid #dcdcdc;
}



.tplist li{
    list-style: none;
    width: calc((100% - 3px)/3);
    padding: 2%;
    border-left: 1px solid #dcdcdc;
    overflow: hidden;
}
.tplist li:nth-child(1){border-left: none;}
.tplist li:nth-child(4){border-left: none;}
.tplist li:nth-child(7){border-left: none;}
.tplist li:nth-child(10){border-left: none;}
.tplist li:nth-child(13){border-left: none;}

.tplist li .pic{
	overflow: hidden;
	padding-bottom: 71%;
	position: relative;
	width: 100%;
	float: right;
	margin: auto;
	background: #fff;
}
.tplist li .pic img{
	width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.3s;
    opacity: 1;
}

.tplist li .info{
	font-size: 20px;
	color: #333;
	width: 100%;
	margin: 0;
	padding: 5% 0 0;
	float: left;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.tplist li .info .date{
    font-size: 12px;
	color: #757575;
	font-style: italic;
}
.tplist li .info .title{
	width:100%;
	font-size: 15px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 42px;
	line-height: 1.5;
	white-space:
	normal;
}
.tplist li .info .title a{ color:#222;}
.tplist li .info .title a:hover{ color:#0a57ca;}

.tplist li .info .more{
    text-transform: uppercase;
    color: #a8a8a8;
    font-style: italic;
    font-size: 12px;
    margin-top: 4%;
}

.tplist li .info .more span{margin-left:10px;transition: all 0.3s;}
.tplist li:hover .info .more span{margin-left:15px;transition: all 0.3s;}


.tplist li .info .line{
	width:100%;
	height: 1px;
	background: #dededc;
	margin-top: 5%;
	transition: all 0.6s;
}
.tplist li:hover .line{width:20%;transition: all 0.6s;}
.tplist li .info .title a{color: #333;}

.tplist li:hover .pic img { opacity: 0.75; transition: all 0.3s;}
.tplist li:hover .title a{color:#333}



/*--------1440---------*/
@media (max-width: 1440px) {
	
}


/*--------991---------*/
@media (max-width: 991px) {
	
	.tplist-tt .pic{width:100%;    padding-bottom: 45%;}
	.tplist-tt .info{width:100%; position: relative; float: left; height: 100%;padding: 5% 5% 5% 5%;}
	.tplist-tt .info .title{font-size:18px;}
	.tplist-tt .info .date{font-size:12px; margin:2% 0;}
	.tplist-tt .info .text{font-size:15px;}
	
	.tplist li{    
		margin-right: 0px;
    	width: calc((100% - 0px)/2);
	}
	
	
	
.tplist li:nth-child(1){border-left: none;}
.tplist li:nth-child(3){border-left: none;}
.tplist li:nth-child(5){border-left: none;}
.tplist li:nth-child(7){border-left: none;}
.tplist li:nth-child(13){border-left: none;}
	
	.tplist li:nth-child(odd) { border-left: none;}
	.tplist li:nth-child(even) { margin-right: 0px; border-left: 1px solid #dcdcdc;}
	.tplist li .title{font-size:16px; line-height: 1.5}
	.tplist-tt .info .more{ position:relative;}
}


















/*===========安全环保===========*/
.anquanlist{
	width:100%;
	margin: auto;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.anquanlist li{
    list-style: none;
    width: calc(96%/3);
    padding: 3%;
    border: 1px solid #eeeeee;
    overflow: hidden;
    margin-bottom: 2%;
    margin-left: 2%;
}

.anquanlist li .title{
    font-size: 24px;
    width: 100%;
    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: #222;
    line-height: 1.5;
}
.anquanlist li .title a{color:#222}
.anquanlist li .line{
    width: 15%;
    height: 5px;
    background: #0060c3;
    margin: 8% 0;
	transition: all 0.3s;
}
.anquanlist li .info{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 8%;
    float: left;
}
.anquanlist li .info .date{
    color: #7f7f7f;
    font-size: 13px;
}
.anquanlist li .info .more{
    color: #7f7f7f;
    font-size: 14px;
}
.anquanlist li .info .more span{margin-left:5px;transition: all 0.3s;}



.anquanlist li:hover{ background:#0060c3}
.anquanlist li:hover .title{color:#fff}
.anquanlist li:hover .title a{color:#fff}
.anquanlist li:hover .line{background:#fff; width:25%;transition: all 0.3s;}
.anquanlist li:hover .info .date{color:#fff;}
.anquanlist li:hover .info .more a{color:#fff}
.anquanlist li:hover .info .more span{margin-left:10px;transition: all 0.3s;}


.anquanlist li:nth-child(1){margin-left:0}
.anquanlist li:nth-child(4){margin-left:0}
.anquanlist li:nth-child(7){margin-left:0}
.anquanlist li:nth-child(10){margin-left:0}



/*--------1440---------*/
@media (max-width: 1440px) {
	.anquanlist li .title{ font-size: 20px;}
}

/*--------991---------*/
@media (max-width: 991px) {
	.anquanlist li{width: calc(98%/2); margin-left:0}
	.anquanlist li .title{ font-size: 16px;}
	.anquanlist{    justify-content: space-between;}
}




/*===========公告===========*/
.news-gg{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #f6f6f6;
	padding: 5%;
}

.news-gg li{
    width: 100%;
    margin: auto;
    overflow: hidden;
    background: #fff;
    box-shadow: 2px 2px 8px rgb(0 0 0 / 10%);
    margin-bottom: 2%;
    list-style: none;
    padding: 3% 5%;
}
.news-gg li .title{
    width: calc(90% - 150px);
    float: left;
    font-size: 18px;
    color: #4c4c4c;
	display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;  overflow: hidden;
}
.news-gg li .title a{color: #4c4c4c;}
.news-gg li .date{
    width: 150px;
    float: right;
    color: #8e8e8e;
    font-size: 18px;
}
.news-gg li .date span{
    float: right;
	transition: all 0.3s;
}

.news-gg li:hover .date span{transform:translateX(-8px);/**左移元素**/transition: all 0.3s;}
.news-gg li:hover{box-shadow: 2px 2px 8px rgb(0 103 188 / 10%);}
.news-gg li:hover .title a{color:#006ac3}








/*--------991---------*/
@media (max-width: 991px) {
	.news-gg li .title{width:100%;}
	.news-gg li .date{ float: left; font-size:12px; width:100px;}
	.news-gg li .date span{display:none;}
}








/*===========tzzgx1===========*/
.tzzgx1{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #f7f8fa;
	padding: 2% 0 5%;
}
.tzzgx1 .list{
    width: 100%;
    margin: auto;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
}
.tzzgx1 .list li{
    background: #fff;
    width: 23%;
    list-style: none;
    padding: 4% 4% 10%;
    border-bottom: 10px solid #2b67f1;
	margin-left: 3%;
}
.tzzgx1 .list li:nth-child(1){margin-left:0}
.tzzgx1 .list li .date{
    color: #2b67f1;
    font-size: 16px;
}
.tzzgx1 .list li .title{
    font-size: 20px;
    font-weight: bold;
    color: #222;
    margin: 5% 0 32%;
}
.tzzgx1 .list li .more{ color: #2b67f1; font-size:16px}
.tzzgx1 .list li .more a { color: #2b67f1;}
.tzzgx1 .list li .more img{margin-right:10px}
.tzzgx1 .list li:hover{ box-shadow: 2px 4px 6px rgb(0 0 0 / 20%);}

/*--------991---------*/
@media (max-width: 991px) {
	.tzzgx1 .list{flex-wrap:wrap;}
	.tzzgx1 .list li{width:48%}
	.tzzgx1 .list li .date{font-size: 12px;}
	.tzzgx1 .list li .title{font-size: 18px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
}








/*===========tzzgx2===========*/
.tzzgx2{
	width:100%;
	margin:auto;
	overflow: hidden;
	padding: 2% 0 5%;
}

.tzzgx2 .list{
	width: 100%;
	margin: auto;
	overflow: hidden;
}
.tzzgx2 .list li{
	width: 100%;
	margin: auto;
	list-style: none;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2%;
}
.tzzgx2 .list li .info{
    width: calc(90% - 50px);
    float: left;
}
.tzzgx2 .list li .info .date{
    color: #8e8e8e;
    font-size: 16px;
    margin-bottom: 8px;
}
.tzzgx2 .list li .info .title{
    font-size: 21px;
    width: 100%;
    color: #333;
    font-weight: bold;
}
.tzzgx2 .list li .info .title a{color:#333}
.tzzgx2 .list li .info .title svg{ width:18px; fill:#555555; margin-right:10px;transition: all 0.3s;}
.tzzgx2 .list li .arrow{
    width: 50px;
    float: right;
	transition: all 0.3s;
}
.tzzgx2 .list li .arrow svg{ width:25px; fill:#555555}

.tzzgx2 .list li:hover .info .title svg{fill:#1d5ae7; margin-right:15px}
.tzzgx2 .list li:hover .info .title a{color:#1d5ae7}
.tzzgx2 .list li:hover .arrow{margin-right:10px;transition: all 0.3s;}
.tzzgx2 .list li:hover .arrow svg{fill:#1d5ae7}

.tzzgx2 .more2{
	width:150px; 
	height: 60px; 
	background: #2b67f1; 
	color: #fff; 
	text-align: center; 
	line-height: 60px; 
	border-radius: 50px;
	margin: auto; 
	margin-top:4%; 
	font-size: 16px;
	transition: all 0.3s;
}
.tzzgx2 .more2:hover{ 
	width:160px;
	transition: all 0.3s;
}
.tzzgx2 .more2 a{ color:#fff;}




/*--------991---------*/
@media (max-width: 991px) {
	.tzzgx2 .list li .info .date{font-size: 14px;}
	.tzzgx2 .list li .info .title{width:100%; font-size: 16px;display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;  overflow: hidden;}
	.tzzgx2 .list li .arrow{display:none}
	.tzzgx2 .list li .info{width:100%;}
	.tzzgx2 .more2{	height: 45px;line-height: 45px;  }
}














/*===========tzzgx3===========*/
.tzzgx3{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/tzzgx3-bg.jpg) no-repeat center bottom;
	background-size: cover;
	padding-bottom: 5%;
}
.tzzgx3 .list{
	width:100%;
	margin: auto;
	overflow: hidden;
	height: 560px;
	position: relative;
	font-size: 16px;
}


.tzzgx3 .list .list-left{
	width:55%; 
	float: left;
	position: relative;
	height: 100%;
}

.tzzgx3 .list .list-left .list-left1{
	position: relative;
	background: url(style/images/tzzgx3-1.jpg) no-repeat bottom center;
	height: 100%;
	width: 50%;
	float: left;
	border-radius: 15px 0 0 15px;
	background-size:cover;
}
.tzzgx3 .list .list-left .list-left1:hover{transition: all 0.3s;  opacity:0.8}

.tzzgx3 .list .list-left .list-left1 .text{
    position: absolute;
    bottom: 10%;
    width: 80%;
    left: 10%;
    color: #fff;
}
.tzzgx3 .list .list-left .list-left1 .text span{
    display: block;
}

.tzzgx3 .list .list-left .list-left1 .text a{color:#fff}
.tzzgx3 .list .list-left .list-left1 .text a:hover{ opacity:0.8}

.tzzgx3 .list .list-left .list-left2{
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
}
.tzzgx3 .list .list-left .list-left2 .list-left2-1{
    width: 100%;
    position: relative;
    height: 50%;
    background: #5a7aea;
    color: #fff;
}
.tzzgx3 .list .list-left .list-left2 .list-left2-1 .text{
    position: absolute;
    bottom: 40%;
    width: 80%;
    left: 10%;
    color: #fff;
}
.tzzgx3 .list .list-left .list-left2 .list-left2-1 .text a{color:#fff}
.tzzgx3 .list .list-left .list-left2 .list-left2-1 .text a:hover{ opacity:0.8}
.tzzgx3 .list .list-left .list-left2 .list-left2-1 .text span{
    display: block;
}
.tzzgx3 .list .list-left .list-left2 .list-left2-2{
    width: 100%;
    position: relative;
    height: 50%;
    background: #e2e7f8;
    color: #2c2c2c;
}

.tzzgx3 .list .list-left .list-left2 .list-left2-2 .text{
    position: absolute;
    bottom: 40%;
    width: 80%;
    left: 10%;
}
.tzzgx3 .list .list-left .list-left2 .list-left2-2 .text a{color: #2c2c2c;}
.tzzgx3 .list .list-left .list-left2 .list-left2-2 .text a:hover{ opacity:0.8}
.tzzgx3 .list .list-left .list-left2 .list-left2-2 .text span{
    display: block;
}



.tzzgx3 .list .list-right{
	width:45%; 
	float: left;
	position: relative;
	height: 100%;
}

.tzzgx3 .list .list-right .list-right1{
    width: 100%;
    position: relative;
    height: 50%;
    background: url(style/images/tzzgx3-2.jpg) no-repeat bottom center;
    border-radius: 0 15px 0 0;
	background-size:cover;
	transition: all 0.3s;
}

.tzzgx3 .list .list-right .list-right1:hover{transition: all 0.3s;  opacity:0.8}

.tzzgx3 .list .list-right .list-right1 .text{
    position: absolute;
    bottom: 10%;
    width: 80%;
    left: 10%;
    color: #fff;
}
.tzzgx3 .list .list-right .list-right1 .text a{color:#fff}
.tzzgx3 .list .list-right .list-right1 .text a:hover{ opacity:0.8}
.tzzgx3 .list .list-right .list-right1 .text span{
    display: block;
}


.tzzgx3 .list .list-right .list-right2{
    width: 100%;
    position: relative;
    height: 50%;
}
.tzzgx3 .list .list-right .list-right2 .list-right2-1{
    width: 50%;
    position: relative;
    height: 100%;
    float: left;
    background: #5977e8;
    color: #fff;
}


.tzzgx3 .list .list-right .list-right2 .list-right2-1 .text{
    position: absolute;
    bottom: 40%;
    width: 80%;
    left: 10%;
    color: #fff;
}
.tzzgx3 .list .list-right .list-right2 .list-right2-1 .text a{color:#fff}
.tzzgx3 .list .list-right .list-right2 .list-right2-1 .text a:hover{opacity:0.8}
.tzzgx3 .list .list-right .list-right2 .list-right2-1 .text span{
    display: block;
}


.tzzgx3 .list .list-right .list-right2 .list-right2-2{
    width: 50%;
    position: relative;
    height: 100%;
    float: left;
    background: url(style/images/tzzgx3-3.jpg) no-repeat bottom center;
    border-radius: 0 0 15px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 0.3s;
	background-size:cover;
}

.tzzgx3 .list .list-right .list-right2 .list-right2-2:hover{transition: all 0.3s;  opacity:0.8}

.tzzgx3 .list .list-right .list-right2 .list-right2-2 .text{color: #222;}
.tzzgx3 .list .list-right .list-right2 .list-right2-2 .text a{color: #222;}
.tzzgx3 .list .list-right .list-right2 .list-right2-2 .text a:hover{ opacity:0.8}
.tzzgx3 .list .list-right .list-right2 .list-right2-2 .text span{display: block;}
.tzzgx3 .list .list-right .list-right2 .list-right2-2 .text span svg{width: 70px; fill:#222;}



.tzzgx3-sj{display:none; }
.tzzgx3-sj li{list-style: none;padding: 1% 0;}
.tzzgx3-sj li .title{
    width: calc(96% - 80px);
    font-size: 16px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tzzgx3-sj li .date{
    color: #8e8e8e;
    font-size: 12px;
    margin-bottom: 2px;
    width: 72px;
    float: right;
    }


/*--------991---------*/
@media (max-width: 991px) {
	.tzzgx3 .list{display: none;}
	.tzzgx3-sj{display:block;}
}














/*===========tzzgx-gp===========*/
.tzzgx-gp{
	width: 100%;
	margin:7% auto 5%;
	overflow: hidden;
	background: url(style/images/tzzgx-gp.jpg) no-repeat right center #0b1952;
	background-size: cover;
	padding: 7%;
}

.tzzgx-gp .info{
	width:100%;
	max-width: 360px;
	color: #fff;
}
.tzzgx-gp .info .title{
    font-size: 26px;
    line-height: 1.25;
}
.tzzgx-gp .info .title span{
    display: block;
    font-size: 33px;
}
.tzzgx-gp .info .number1{
    font-size: 32px;
    line-height: 1;
    margin: 5% 0;
}
.tzzgx-gp .info .number1 span{
    font-size: 88px;
}
.tzzgx-gp .info .number2{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 5% 0;
    font-size: 18px;
}
.tzzgx-gp .info .number2 li{
    list-style: none;
}
.tzzgx-gp .info .text{
    font-size: 14px;
    margin-top: 7%;
}


/*--------991---------*/
@media (max-width: 991px) {
	.tzzgx-gp .info .title{ font-size: 16px;}
	.tzzgx-gp .info .title span{font-size: 20px;}
	.tzzgx-gp .info .number1{ font-size: 19px;}	
	.tzzgx-gp .info .number1 span{font-size: 40px;}
}














/*===========tzzgx4===========*/
.tzzgx4{
	width:100%;
	margin:5% auto 0;
	overflow: hidden;
	background: url(style/images/tzzgx4-bg.jpg) no-repeat center bottom;
	background-size: cover;
	padding: 5% 0;
}


.tzzgx4-title{
	width:100%;
	margin: auto;
	overflow: hidden;
	display: flex;
    align-items: center;
}

.tzzgx4-title .title-t{	font-size: 34px; font-weight: bold; line-height: 1.5; color: #333;}
.tzzgx4-title .title-t span{
	font-size:30px;
	font-weight: bold;
	line-height: 1;
	color: #2b67f1;
	margin-right: 20px;
	display: block;
}

.tab-content{
    width: 100%;
    margin: auto;
    overflow: hidden;
    background: #fff;
    padding: 1.5%;
	margin-top: 3%;
}

.tzzgx4-pic{
    width: 47%;
    float: left;    overflow: hidden;
    padding-bottom: 30%;
    position: relative;
    margin: auto;
    background: #fff;
}

.tzzgx4-pic img{
	width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.3s;
    opacity: 1;
}



.tzzgx4-list{
	width: 48%;
	margin: auto;
	overflow: hidden;
	margin-top: auto;
	float: right;
	margin-right: 3%;
}

.tzzgx4-list ul{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-left: 0;
}

.tzzgx4-list ul li{
	width: 100%;
	margin: auto;
	overflow: hidden;
	margin-left: 2%;
	float: left;
	
	padding:2% 2% 3%;
	margin-top: 1%;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.tzzgx4-list ul li .ico{
    width: 50px;
    float: left;
}
.tzzgx4-list ul li .info{
    width: calc(96% - 100px);
    float: left;
}
.tzzgx4-list ul li .info .title{
    font-size: 19px;
    color: #333;
    font-weight: bold;
	display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 94%;
}
.tzzgx4-list ul li .info .title a{color:#333;}
.tzzgx4-list ul li .info .date{
    color: #b9b9b9;
    margin-top: 1%;
}
.tzzgx4-list ul li .more{
    width: 50px;
    float: right;
}
.tzzgx4-list ul li .more svg{width:50px; fill:#ccc}

.tzzgx4-list ul li:hover .more svg{fill:#2b67f1}




.tzzgx4 .nav-tabs-lined.nav-tabs-lined-bottom  { display:flex; justify-content: flex-end;    border-bottom: 1px solid rgba(0, 0, 0, 0);}
.tzzgx4 .nav-tabs-lined:not(.flex-center) > li{ 
    border: 1px solid #dddddd;
    border-radius: 50px;
    width: 150px;
    text-align: center;}
.tzzgx4 .row{ margin-top:-40px;}

.tzzgx4 .nav-tabs-lined.nav-tabs-lined-bottom > li > a{
	padding-bottom: 0;
    line-height: 40px;
}

.tzzgx4 .nav-tabs-lined.nav-tabs-lined-bottom > li.active{background: #2b67f1; }
.tzzgx4 .nav-tabs-lined.nav-tabs-lined-bottom > li.active > a{color: #fff;}

.tzzgx4 .nav-tabs-lined.nav-tabs-lined-bottom > li.active > a:after{ border-bottom:none;}





/*--------991---------*/
@media (max-width: 991px) {
	
	.tzzgx4{display:none}
	.tzzgx4 .row{margin-top:10px}
	.tzzgx4-title .title-t{font-size:24px;}
	.tzzgx4-title .title-t span{font-size:18px; font-weight: normal;}
	.tzzgx4-pic{display:none;}
	.tzzgx4-list{width:100%}
	.tzzgx4-list ul li .info .title{font-weight: normal; font-size: 18px; line-height: 1}
	.tzzgx4-list ul li .info .date{margin-top:0}
	
	
	
	.tzzgx4 .nav-tabs-lined.nav-tabs-lined-bottom{    justify-content: center;}
	.tzzgx4 .nav-tabs-lined.nav-tabs-lined-bottom > li > a{    padding: 10px;    line-height: 30px; border:none!important;}
	.tzzgx4 .nav-tabs-lined:not(.flex-center) > li{margin-bottom:0;}
}








/*===========tzzgx4-sj===========*/
.tzzgx4-sj{
	width:100%;
	margin:5% auto 0;
	overflow: hidden;
	background: url(style/images/tzzgx4-bg.jpg) no-repeat center bottom;
	background-size: cover;
	padding: 5% 0;
	display: none;
}

.tzzgx4-sj .title{
	font-size: 24px; font-weight: bold; line-height: 1.5; color: #333;
}

.tzzgx4-sj .title span{
	float: right;
	background: #2b67f1;
	color: #fff;
	border: 1px solid #dddddd;
    border-radius: 50px;
    text-align: center;
	font-size:15px;
	font-weight: normal;
	padding: 10px 25px;
}


.tzzgx4-sj-list{
	width: 100%;
	margin: 5% auto;
	overflow: hidden;
	float: right;
	background: #fff;
}

.tzzgx4-sj-list ul{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-left: 0;
}

.tzzgx4-sj-list ul li{
	width: 100%;
	margin: auto;
	overflow: hidden;
	float: left;
	padding:2% 2% 3%;
	margin-top: 1%;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.tzzgx4-sj-list ul li .ico{
    width: 50px;
    float: left;
}
.tzzgx4-sj-list ul li .info{
    width: calc(96% - 100px);
    float: left;
}
.tzzgx4-sj-list ul li .info .title{
    font-size: 18px;
    color: #333;
    font-weight: normal;
	display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 94%;
}
.tzzgx4-sj-list ul li .info .title a{color:#333;}
.tzzgx4-sj-list ul li .info .date{
    color: #b9b9b9;
    margin-top: 0;
}
.tzzgx4-sj-list ul li .more{
    width: 50px;
    float: right;
}
.tzzgx4-sj-list ul li .more svg{width:50px; fill:#ccc}

.tzzgx4-sj-list ul li:hover .more svg{fill:#2b67f1}



/*--------991---------*/
@media (max-width: 991px) {
	.tzzgx4-sj{display:block;}
}
















/*===========message===========*/
.message{width:100%; margin: auto; overflow: hidden;margin-bottom: 5%;}

.input-bt{margin-bottom:10px; margin-top: 20px;font-size: 15px;}
.input-bt span{margin-right:10px; }

.message-btn{ width:300px; height: 80px; background: #205ec4; text-align: center; color: #fff; margin: auto; border-radius: 0; margin-top: 3%;}



















/*===========contact===========*/
.contact-map{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 3%;
}

.contact-map .contact-map-right{
	width:55%;
	float:right;
}
.contact-map .contact-map-left{
	width:45%;
	float: left;
	text-align: left;
	border: 1px solid #0056b7;
	color: #fff;
	font-size: 14px;
	background: url(style/images/contact-bg.jpg) no-repeat center;
	background-size: cover;
	padding: 7% 4% 4% 10%;
	height: 600px;
}

.contact-map .contact-map-left li{
	width: 100%;
	float: left;
	color: #fff;
	list-style: none;
}

.map{width: 100%; height: 600px;  position: relative}

.contact-font1{font-size: 16px;}
.contact-font2{font-size: 30px;font-weight: bold;margin: 10% 0;}
.contact-font3{font-size: 20px;line-height: 2;}




@media (max-width: 1440px) {
	.contact-map .contact-map-left{padding: 10% 4% 4% 5%;}
}

@media (max-width: 991px) {
	
	.contact-map .contact-map-right{width:100%}
	.contact-map .contact-map-left{width:100%;height: auto;}
	.map{height: 300px; }
	.contact-font1{font-size: 14px;}
	.contact-font2{font-size: 20px;margin: 4% 0;}
	.contact-font3{font-size: 15px;}
	.contact-map .contact-map-left{padding: 10% 4% ;}

}



















/*===========pro===========*/
.pro{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #f1f3f9;
}


.pro-tt{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #fff;
	padding: 6%;
}

.pro-tt .info{
    width: calc(88% - 430px);
    float: left;
	margin-top: 3%;
}
.pro-tt .info .bt{
    font-size: 38px;
    color: #272727;
    line-height: 1;
}
.pro-tt .info .text1{
    color: #989898;
    font-size: 17px;
    margin: 5% 0;
    line-height: 1.75;
    text-align: justify;
}
.pro-tt .info .text2{
    color: #272727;
    font-size: 15px;
    font-weight: bold;
}
.pro-tt .info .text2 li{
    display: inline-block;
    margin-right: 5%;
	background: url(style/images/pro-tt-ico.png) no-repeat left center;
	padding-left: 30px;
}


.pro-tt .info .pro-tt-more{
	width:180px; 
	height: 60px; 
	background: #2b67f1; 
	color: #fff; 
	text-align: center; 
	line-height: 60px; 
	border-radius: 50px;
	margin-top:8%; 
	font-size: 16px;
	transition: all 0.3s;
}
.pro-tt .info .pro-tt-more:hover{ 
	width:190px;
	transition: all 0.3s;
}
.pro-tt .info .pro-tt-more a{ color:#fff;}

.pro-tt .pic{
    width: 430px;
    height: 430px;
    float: right;
    text-align: center;
    background-image: linear-gradient(-179deg,rgba(255,2255,255,.9) 0,rgba(0,0,0,0.2) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro-tt .pic img{}



.pro-list{
	width:100%;
	margin: 4% auto;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.pro-list li{
    background: #fff;
    width: 30%;
    list-style: none;
    padding-top: 2%;
    margin-bottom: 3%;
    margin-left: 5%;
}
.pro-list li:nth-child(1){margin-left:0}
.pro-list li:nth-child(4){margin-left:0}
.pro-list li:nth-child(7){margin-left:0}
.pro-list li .bt1{
    width: 80%;
    margin: auto;
    display: flex;
    align-items: center;
}
.pro-list li .bt1 .line{
    width: 70%;
    float: left;
    background: #7f82b7;
    height: 3px;
	transition: all 0.3s;
}
.pro-list li .bt1 .text{
    width: 30%;
    float: right;
    text-align: right;
    color: #7f82b7;
    font-size: 16px;
}
.pro-list li .pic{
    width: 80%;
    margin: 10% auto;
    text-align: center;
}
.pro-list li .pic img{
    max-width: 150px;
    width: 80%;
}
.pro-list li .text{
    width: 80%;
    margin: auto;
    color: #393939;
    font-size: 16px;
}
.pro-list li .title{
    width: 80%;
    margin: auto;
    font-size: 26px;
    color: #393939;
    font-weight: bold;
    line-height: 1.5;
}
.pro-list li .title a{color: #393939;}
.pro-list li .more{
    width: 70px;
    height: 70px;
    background: #0046bb;
    color: #fff;
    text-align: center;
    line-height: 70px;
    font-size: 28px;
    float: right;
	transition: all 0.3s;
}

.pro-list li .more:hover{font-size: 32px;transition: all 0.3s; background: #2b67f1;}
.pro-list li:hover .bt1 .line{width:10%;transition: all 0.3s;}










@media (max-width: 991px) {
	.pro-tt .info{width:100%}
	.pro-tt .pic{width:300px; height: 300px; float: none; margin: auto;}
	.pro-tt .pic img{width:40%}
	
	.pro-tt .info .bt{font-size:24px;}
	.pro-tt .info .text1{font-size: 16px;line-height: 1.5;}
	.pro-tt .info .text2 li{width:100%}
	.pro-tt .info .pro-tt-more{width: 130px;    height: 40px;line-height: 40px; margin:8% auto;}

	.pro-list li{width:100%; margin-left:0}
	.pro-list li .pic img{width: 40%;}
	.pro-list li .title{font-size:20px}
	.pro-list li .more{width:50px; height:50px; line-height:50px}
}

















































/*fenye*/
.fanye{width: 100%;float: left;margin-top: 2%;margin-bottom: 4%;text-align: center;font-size: 0.875em;}
.fanye-box{float: none;text-align: center;line-height: 45px;margin: auto;}
.fanye-Previous{width: 98px;float:left;background: #fff;border: 1px solid #ccc;height: 45px;color: #666666;margin-right: 5px;}
.fanye-Next{width: 98px;float:left;background: #fff;height: 45px;color: #414040;margin-left: 5px;border: 1px solid #ccc;}
.fanye-Number{width: 45px;float:left;color: #414040;margin: 0 5px;background: #fff;border: 1px solid #ccc;}
.fanye-Number-current{width: 45px;float:left;color: #fff;background: #003680;margin: 0 5px;}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #066ae6;
    border-color: #066ae6;
    cursor: default;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 14px 22px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #414040;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 5px;
}

.pagination>li{
   display: inline-block;
}