/*common*/
@media (min-width: 1440px){
	.container {
	    width: 1440px;
	}
}

ul, li {
    list-style-type: none;
    padding:0;
}

.container, .container-fluid{
	padding:0;
}

.flex{
	display: flex;
	align-items: center;
}
.padding-5{
	padding:0 5px;
}
.padding-10{
	padding:0 10px;
}



.main-content{
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
}
.main-content::-webkit-scrollbar{
    width:0px;
}


.tit{
	margin-bottom:50px;
	position: relative;
	z-index: 11;
}

.tit p{
	font-size: 18px;
	text-align: center;
	margin: 20px 0;
}
.tit h4{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 20px;
	color:#055f99;
}
.tit h5{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
}



@media (max-width: 991px) {
	.tit{
		margin-bottom: 30px;
	}
	.tit p{
		font-size: 14px;
	}
	.tit h4{
		font-size: 24px;
	}
	.tit h5{
		font-size: 16px;
	}
	
}
@media (max-width: 767px) {
	.tit{
		margin-bottom: 20px;
	}
	.tit p{
		font-size: 12px;
	}
	.tit h4{
		font-size: 20px;
	}
	.tit h5{
		font-size: 14px;
	}
	
}



.id_box{
	/* margin-top:80px; */
	padding:80px 0;
	position: relative;
}
.id_box::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	opacity: 0.5;
}
.id_box .container{
	padding: 0 10px;
	z-index: 99;
	position: relative;
}

.id_box .nav-tabs{
	width: 100%;
	justify-content: space-around;
	margin: -10px 0 20px;
	border: none;
}
.id_box .nav-tabs>li>a{
	background: #fff;
	color: #000;
	font-size: 16px;
	line-height: 45px;
	padding:0 30px ;
	border-radius: 0;
	border: none;
}
.id_box .nav-tabs>li.active>a{
	background: #055f99;
	color: #fff;
}
.id_box .nav-tabs>li:hover>a{
	background: #055f99;
	color: #fff;
	border: none;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	border: none;
}

.id_box .tab-pane .col-md-8{
	padding: 0 15px 0 0;
	height: 450px;
}
.id_box .tab-pane .col-md-8 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.id_box .tab-pane .col-md-4{
	padding: 15px;
	background: #fff;
	height: 450px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.id_box .tab-pane .col-md-4 h5{
	font-size: 20px;
	font-weight: bold;
	color: #055f99;
	margin: 0 0 30px 0;
}
.id_box .tab-pane .col-md-4 p{
	font-size: 14px;
	margin: 0 0 30px 0;
}
.id_box .tab-pane .col-md-4 .btn{
	font-size: 16px;
	font-weight: bold;
	color: #055f99;
	border: 1px solid #055f99;
	padding: 8px 30px;
	background: #fff;
	border-radius:0;
}
.id_box .tab-pane .col-md-4 .btn:hover{
	color: #fff;
	background: #055f99;
}

@media (max-width: 991px) {
	.id_box .nav-tabs>li>a{
		font-size: 14px;
		line-height: 40px;
		padding:0 20px ;
	}
	.id_box .tab-pane .col-md-8{
		padding: 0;
		height: 400px;
	}
	.id_box .tab-pane .col-md-4{
		height: auto;
	}
	.id_box .tab-pane .col-md-4 h5{
		font-size: 18px;
		margin: 0 0 20px 0;
	}
	.id_box .tab-pane .col-md-4 p{
		font-size: 12px;
		margin: 0 0 20px 0;
	}
	.id_box .tab-pane .col-md-4 .btn{
		font-size: 14px;
		padding: 5px 20px;
		width: 30%;
	}
}
@media (max-width: 767px) {
	.id_box {
		padding:20px 0;
	}
	.id_box .nav-tabs>li>a{
		font-size: 12px;
		line-height: 35px;
		padding:0 15px ;
	}
	.id_box .tab-pane .col-md-8{
		height: 350px;
	}
	.id_box .tab-pane .col-md-4 h5{
		font-size: 16px;
		margin: 0 0 15px 0;
	}
	.id_box .tab-pane .col-md-4 p{
		margin: 0 0 15px 0;
	}
	.id_box .tab-pane .col-md-4 .btn{
		font-size: 12px;
		padding: 5px 15px;
	}
}

@media (max-width: 500px) {
	.id_box .nav-tabs>li>a{
		padding:0 10px ;
	}
}







/*header*/
#header{
	position: relative;
}


#header .header-top{
	justify-content: space-between;
	width: 100%;
	height: 102px;
	padding:0 15px;
}




#header .logo-left img{
	width: 500px;
}
#header .logo-right{
	text-align: right;
}
#header .logo-right-tel{
	background: url(../../images/tel.png) no-repeat left center;
    padding-left: 34px;
    background-size: 30px;
    text-align: left;
}
#header .logo-right .lang{
	display: flex;
}
#header .logo-right .lang .lang-item a{
	font-size: 14px;
	color:#424242;
	margin-right: 10px;
}
#header .logo-right .lang .lang-item span{
	display: inline-block;
	margin-right: 8px;
	background: #055f99;
	color:#fff;
	padding:0 2px;
}
#header .logo-right .tel{
	color: #424242;
    font-size: 14px;
    line-height: 24px;
}




.header-bot{
	background: #055f99;
}
#navbar{
	display: block;
	max-width: 1170px;
	margin:0 auto;
}

#navbar .navbar{
	border:none;
	min-height: 40px;
	margin-bottom: 0;
}
#navbar .nav{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#navbar .nav>li{
	width: 16.66%;
    text-align: center;
}
#navbar .nav>li a{
	color: #fff;
    text-decoration: none;
    font-size: 15px;
    line-height: 50px;
    display: block;
    padding: 0 ;
}
#navbar .nav>li:hover a{
	background: #033d62;
	color: #fff;
    /* // text-decoration: underline; */
}

#header .navbtn{
	display: none;
}
#navbar .nav > li:hover .dropdown-menu{
    display: block;
}
#navbar .dropdown-menu{
	min-width:100%;
	border:none;
	padding:0;
}
#navbar .dropdown-menu li{
	text-align:center;
}
#navbar .dropdown-menu li a{
	background:#055f99;
}
#navbar .dropdown-menu>li:hover a{
	background:#fff;
	text-align:center;
	color:#055f99;
}



@media (max-width: 1199px) {
	#header .logo-left img{
		width: 500px;
	}
}
@media (max-width: 991px) {
	.main-content{
		padding-top: 60px;
	}
	#header .header-top{
		display: none;
	}
	.header-bot{
		background: #fff;
	}
	#header{
		position: fixed;
		top:0;
		left: 0;
		width: 100vw;
		z-index: 996;
		padding:0 10px;
		background: #fff;
    	box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
	}
	#header .navbtn{
		display: block;
	}
	#header .navbtn>div{
		height: 60px;
		justify-content: space-between;
	}
	#header .navbtn .menu{
		width: 30px;
	}
	#header .navbtn .logo-m{
		/* // width: 120px; */
		height:50px;
	}
	#header .navbtn .lang-m a{
		display: block;
		border-radius: 50%;
	    font-size: 12px;
	    line-height: 24px;
	    text-align: center;
	    width: 24px;
	    border: 1px solid #055f99;
	    color: #055f99;
	}
	#header #navbar{
		display: none;
		position: absolute;
		width: 100vw;
		top:60px;
		left: 0;
		background: #fff;
		padding:0 15px;
		border-top:1px solid #e7e7e7;
    	box-shadow: 0 3px 5px 0 rgba(0,0,0,.15);
	}
	#header #navbar .nav {
		flex-direction: column;
		width: 100%;
		margin:0;
	}
	#navbar .nav>li{
		width: 100%;
	    text-align: left;
	}
	#navbar .nav>li a{
		border:none;
		line-height: 40px;
		color:#164e5d;
	}
	#navbar .nav>li.active a{
		color: #000;
	    text-decoration: none;
	    border-bottom: none;
	}
	#navbar .nav>li>a:hover{
	    text-decoration: none;
	    border-bottom: none;
	    background: transparent;
	    color:#055f99;
	}
	#navbar .nav > li:hover .dropdown-menu{
	    display: none;
	}

}
@media (max-width: 500px){
	.main-content{
		padding-top: 50px;
	}
	#header .navbtn>div{
		height: 50px;
	}
	#header .navbtn .menu{
		width: 26px;
	}
	#header #navbar{
		top:50px;
	}
	#header .navbtn .logo-m{
		/* // width: 100px; */
		height:40px;
	}
}




	


/*banner*/
#banner{
	margin-top: 0;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}
#banner .carousel-inner,#banner .carousel-inner>.item,#banner_slide{
	width: 100%;
	height: 100%;
}
#banner .carousel-inner>.item>a>img, #banner .carousel-inner>.item>img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#banner .carousel-inner .banner-img{
	display: block;
}
#banner .carousel-inner .banner-img-{
	display: none;
}
#banner .carousel-control {
	background: rgba(0,0,0,0.2);
	width: 82px;
	height: 82px;
	top:50%;
	transform: translateY(-50%);
	justify-content: center;
}
#banner .carousel-control:hover{
	background: rgba(0,0,0,0.4);
}
#banner .carousel-control .glyphicon{
	font-size: 36px;
}

#banner .carousel-indicators{
	bottom: 5px;
}
#banner .carousel-indicators li{
	width: 16px;
	height: 16px;
	border-radius: 8px;
	border:none;
	background: rgba(0,0,0,0);
	margin:0 5px;
	position: relative;
}
#banner .carousel-indicators li::before{
	content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#banner .carousel-indicators li.active{
	background: rgba(0,0,0,0.21);
}

@media (max-width: 991px){
	#banner{
		height: auto;
	}
	#banner .carousel-control{
		width: 50px;
		height: 50px;
	}
	#banner .carousel-indicators li{
		margin:0;
	}
}
@media (max-width: 767px){
	#banner .carousel-inner .banner-img{
		display: none;
	}
	#banner .carousel-inner .banner-img-{
		display: block;
	}
	#banner .carousel-indicators{
		margin-bottom: 0;
		bottom: 0;
	}
}








/*pro_center*/

#pro_center{
	position: relative;
}
#pro_center::before{
	background: url(../../images/bg/bg_2.jpg) no-repeat;
	background-size: cover;
}
#pro_center .pro_center{
	position: relative;
	display: flex;
	justify-content: space-between;
	z-index: 99;
}
#pro_center .pro_center_left{
	width: 50%;
	margin-right: 10px;
}
#pro_center .pro_center_right{
	width: 50%;
	margin-left: 10px;
}
#pro_center .pro_item{
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
#pro_center .pro_item img{
	width: 100%;
}
#pro_center .pro_item:hover img{
	transform: scale(1.05);
	transition: all 1s;
}
#pro_center .pro_item_des{
	position: absolute;
	left: 30px;
	bottom: 50px;
}
#pro_center .pro_item:hover .pro_item_des{
	bottom: 80px;
	transition: all 1s;
}
#pro_center .pro_item_des h5{
	font-size: 24px;
	font-weight: bold;
	color:#fff;
}





.nav-swiper{
	padding-bottom: 0 !important;
	width: auto !important;
	margin: 0 !important;
}
.nav-swiper ul{
	width: 100% !important;
	flex-wrap: nowrap !important;
}
.nav-swiper li{
	width: auto;
}
.nav-swiper li a{
	margin: 0 !important;
}

@media (max-width: 1199px){
	#pro_center .pro_item_des{
		bottom: 30px;
	}
	#pro_center .pro_item:hover .pro_item_des{
		bottom: 60px;
	}
	#pro_center .pro_item_des h5{
		font-size: 20px;
	}
}
@media (max-width: 991px){
	#pro_center .pro_item_des{
		bottom: 20px;
	}
	#pro_center .pro_item:hover .pro_item_des{
		bottom: 50px;
	}
	#pro_center .pro_item_des h5{
		font-size: 18px;
	}
	
	.nav-swiper{
		margin: 30px 10px 0 !important;
		width: 100% !important;
	}
	.nav-swiper ul{
		margin: 0 !important;
	}
	.nav-swiper li{
		margin: 0 0 30px !important;
		position: relative;
	}
	.nav-swiper li.active::after{
		content: '';
		position: absolute;
		left: 50%;
		transform: translateX(-10px);
		bottom: -10px;
		width: 20px;
	    border-left: 10px solid transparent !important;
	    border-top: 10px solid #055f99 !important;
	    border-right: 10px solid transparent !important;
	}
}
@media (max-width: 767px){
	
	#pro_center .tab-content .swiper-slide p{
		font-size: 12px;
	}
}
@media (max-width: 675px){
	.nav-swiper ul{
		justify-content: flex-start !important;
	}
	#pro_center .pro_center{
		display: block;
	}
	#pro_center .pro_center_left,#pro_center .pro_center_right{
		width: 100%;
		margin: 0;
	}
}











/*aboutus*/
#aboutus::before{
	background: url(../../images/bg/bg_7.jpg) no-repeat;
	background-size: cover;
}

#aboutus .about_item{
	margin: 90px 0 0;
	background: url(../../images/bg/bg_ab.jpg) no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
}
#aboutus .about-left{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 50%;
}
#aboutus .about-left .p2{
	font-size: 50px;
	font-weight: bold;
	color:#fff;
	letter-spacing: 3px;
    text-align: center;
}
#aboutus .about-left p{
	font-size: 24px;
	font-weight: bold;
    color: #fff;
    margin: 30px 0 0;
    text-align: center;
    padding: 0 15px;
}

#aboutus .about-right{
	width: 50%;
	padding: 15px;
}
#aboutus .about-right video{
	width: 100%;
}

#aboutus .about-right img{
	width: 100%;
	margin-top: -90px;
}




@media (max-width: 1439px){
	#aboutus .about-left .p2{
   		font-size: 40px;
	}
	#aboutus .about-left p{
   		font-size: 20px;
   		margin-top: 20px;
	}
}
@media (max-width: 991px){
	#aboutus .about-left .p2{
   		font-size: 32px;
	}
	#aboutus .about-left p{
   		font-size: 16px;
   		margin-top: 10px;
	}
	#aboutus .about-right{
		margin-top: 0;
		text-align: left;
	}
	#aboutus .about-right video{
		width: 100%;
		max-width: 100%;
	}
	
}
@media (max-width: 767px){
	#aboutus .about_item{
		margin: 50px 0 0;
		flex-direction: column-reverse;
		align-items: center;
	}
	#aboutus .about-right,#aboutus .about-left{
		width: 75%;
	}
	#aboutus .about-left .p2{
   		font-size: 28px;
	}
	#aboutus .about-left p{
   		font-size: 14px;
   		margin-bottom: 30px;
	}
	#aboutus .about-right img{
		margin-top: -50px;
	}

}














/*plat*/
#plat::before{
	background: url(../../images/bg/bg_3.jpg) no-repeat;
	background-size: cover;
}
#plat .plat_swiper{
	/* width: 65%; */
	
}
#plat .swiper-slide{
	transition: 300ms;
	transform: scale(0.8);
	background: #fff;
   	opacity: 0.6;
   	z-index: 33;
}
#plat .plat_swiper .swiper-slide-img img{
	width: 100%;
}
#plat .plat_swiper .swiper-slide-txt{
	padding: 0 10px;
}
#plat .plat_swiper .swiper-slide-txt h4{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 ;
	line-height: 80px;
}
#plat .plat_tips{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding: 0 15px;
	margin: 28px 0;
	line-height: 24px;
}
#plat .swiper-slide-active,.swiper-slide-duplicate-active{
   	transform: scale(1);
   	opacity: 1;
   	z-index: 44;
}
@media (max-width: 991px){
	#plat .plat_swiper .swiper-slide-txt h4{
		font-size: 18px;
	}
	#plat .plat_swiper .swiper-slide-txt p{
		font-size: 14px;
	}
	#plat .plat_tips{
		font-size: 14px;
	}
}
@media (max-width: 550px){
	#plat .plat_swiper .swiper-slide-txt h4{
		font-size: 16px;
	}
	#plat .plat_swiper .swiper-slide-txt p{
		font-size: 12px;
	}
}







/*scheme*/
#scheme::before{
	background: url(../../images/bg/bg_4.jpg) no-repeat;
	background-size: cover;
}
#scheme .container{
	display: flex;
	align-items: center;
}
#scheme .scheme_cont{
	width: 100%;
}
#scheme .scheme_cont .col-xs-6{
	padding: 0 10px;
}
#scheme .scheme_cont .scheme_item{
	/* height: 300px; */
	background: #fff;
	margin-bottom: 15px;
}
#scheme .scheme_cont .scheme_item .scheme_item_txt{
	height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

#scheme .scheme_cont .scheme_item .scheme_item_img{
	width:100%;
	overflow:hidden;
	position:relative;
	height: 200px;
}
#scheme .scheme_cont .scheme_item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#scheme .scheme_cont .scheme_item p{
	padding: 0 15px;
}
#scheme .scheme_cont .scheme_item .ab-p1{
	font-size: 22px;
	color: #333;
    font-weight: normal;
    margin: 0 0 14px 0;
    display: inline-block;
    width: 100%;
    text-align:center;
    z-index: 11;
}
#scheme .scheme_cont .scheme_item .ab-p2{
	width: 100%;
    position: relative;
    z-index: 11;
	margin: 0;
}
#scheme .scheme_cont .scheme_item .ab-p2::after{
	height: 3px;
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    top: 0;
    content: '';
    width: 70px;
    background: #f0a52e;
    z-index: 11;
}
#scheme .scheme_cont .scheme_item .ab-p3{
	margin: 0 0 10px;
    font-size: 18px;
    color: #909292;
    text-align:center;
    z-index: 11;
}
#scheme .scheme_cont .scheme_item .ab-p4{
	font-weight: bold;
    font-size: 120px;
    line-height: 150px;
    color: #efefef;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 10;
}
#scheme .scheme_cont .scheme_item:hover{
	background:#f0a52e;
	transition: all 0.5s ease;
}
#scheme .scheme_cont .scheme_item:hover img{
	transform: scale(1.05) rotate(-1deg);
	transition: all 1s ease;
}
#scheme .scheme_cont .scheme_item:hover .ab-p1,#scheme .scheme_cont .scheme_item:hover .ab-p3{
	color:#fff;
	/* transition: all 1s ease; */
}
#scheme .scheme_cont .scheme_item:hover .ab-p2::after{
	background: #fff;
}
#scheme .scheme_cont .scheme_item:hover .ab-p4{
	display: none;
}
@media (max-width: 1439px){
	#scheme .scheme_cont .scheme_item .scheme_item_img{
		height: 150px;
	}
	#scheme .scheme_cont .scheme_item .scheme_item_txt{
		height: 150px;
	}
}
@media (max-width: 991px){
	#scheme .container{
		display: block;
	}
	#scheme .container .common-text{
		width: 100%;
		min-height: auto;
	}
	#scheme .container .common-tit{
	    font-size: 16px;
	}
}
@media (max-width: 767px){
 	#scheme .scheme_cont .scheme_item .ab-p1{
 		font-size: 20px;
 	}
 	#scheme .scheme_cont .scheme_item .ab-p2::after{
 		height: 2px;
 		width: 50px;
 	}
 	#scheme .scheme_cont .scheme_item .ab-p3{
 		font-size: 16px;
 	}
 	#scheme .scheme_cont .scheme_item .ab-p4{
 		font-size: 100px;
 	}

}
@media (max-width: 500px){
	#scheme .scheme_cont .scheme_item .scheme_item_img{
		height: 120px;
	}
	#scheme .scheme_cont .scheme_item .scheme_item_txt{
		height: 120px;
	}
	#scheme .scheme_cont .scheme_item .ab-p4{
		line-height: 120px;
 		font-size: 80px;
	}
	#scheme .scheme_cont .scheme_item .ab-p1{
 		font-size: 18px;
 		margin: 0 0 5px 0;
 	}
 	#scheme .scheme_cont .scheme_item .ab-p3{
 		font-size: 14px;
 	}
}






/*cooperate*/
#cooperate::before{
	background: url(../../images/bg/bg_6.jpg) no-repeat;
	background-size: cover;
}
#cooperate .col-md-3{
	padding: 0;
	height: 460px;
    overflow: hidden;
}
#cooperate .col-md-3 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#cooperate .col-md-9{
	padding: 0;
}
#cooperate .tab-pane li{
	padding: 0 0 20px 20px;
    float: left;
    width: 25%;
}
#cooperate .tab-pane li>div{
	display: block;
	height: 100px;
	line-height: 100px;
	text-align: center;
    background: #fff;
    overflow: hidden;
    /* pointer-events: none; */
}
#cooperate .tab-pane li>div img{
	display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
}
#cooperate .cooperate-top{
	height: 300px;
	margin: 0 10px 20px;
    overflow: hidden;
}
#cooperate .cooperate-top img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#cooperate .cooperate-bot li{
	padding: 0 10px 20px;
}
#cooperate img:hover{
	transform: scale(1.1);
	transition: all 2s;
}

@media (max-width: 991px){
	#cooperate .col-md-3{
		height: 350px;
		margin: 0 10px 20px;
	}
	#cooperate .tab-pane li{
		padding: 0 10px 20px;
	}
	#cooperate .cooperate-top{
		height: 220px;
	}

}
@media (max-width: 500px){
	#cooperate .tab-pane li>div{
		height: 80px;
		line-height: 80px;
	}
}
@media (max-width: 360px){
	#cooperate .tab-pane li>div{
		height: 50px;
		line-height: 50px;
	}
}






/*case*/
#case::before{
	background: url(../../images/bg/bg_5.jpg) no-repeat;
	background-size: cover;
}
.case_swiper {
	width: 100%;
	margin-top: 20px !important;
}
.case_swiper .swiper-slide{
	opacity: 0.4;
}
.case_swiper .swiper-slide-thumb-active {
	opacity: 1;
}
.case_swiper .swiper-slide-img{
	height: 175px;
}
.case_swiper .swiper-slide-img img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.case_swiper_l .swiper-button-next{
	background:#055f99;
	bottom:auto;
	top:50%;
	transform: translateY(-50%);
	right:0;
	width:50px;
	margin-top: 0;
}
.case_swiper_l .swiper-button-prev{
	background:#055f99;
	bottom:auto;
	top:50%;
	transform: translateY(-50%);
	left:0;
	right:auto;
	width:50px;
	margin-top: 0;
}
.case_swiper_l .swiper-button-next::after,.case_swiper_l .swiper-button-prev::after{
	font-size:24px;
	font-weight:bold;
	color:#fff;
}

.case_swiper_l .swiper-slide .col-md-8{
	padding: 0 15px 0 0;
	height: 550px;
}
.case_swiper_l .swiper-slide .col-md-8 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.case_swiper_l .swiper-slide .col-md-4{
	padding: 15px;
	background: #fff;
	height: 550px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.case_swiper_l .swiper-slide .col-md-4 h5{
	font-size: 24px;
	font-weight: bold;
	color: #055f99;
	margin: 0 0 30px 0;
	line-height:30px;
}
.case_swiper_l .swiper-slide .col-md-4 p{
	font-size: 16px;
	margin: 0 0 30px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	line-height:30px;
}
.case_swiper_l .swiper-slide .col-md-4 .btn{
	font-size: 16px;
	font-weight: bold;
	color: #055f99;
	border: 1px solid #055f99;
	padding: 8px 30px;
	background: #fff;
	border-radius:0;
}
.case_swiper_l .swiper-slide .col-md-4 .btn:hover{
	color: #fff;
	background: #055f99;
}


@media (max-width: 991px){
	.case_swiper_l .swiper-slide .col-md-8{
		padding: 0;
		height: 400px;
	}
	.case_swiper_l .swiper-slide .col-md-4{
		height: auto;
	}
	.case_swiper_l .swiper-slide .col-md-4 h5{
		font-size: 18px;
		margin: 0 0 20px 0;
		line-height:30px;
	}
	.case_swiper_l .swiper-slide .col-md-4 p{
		font-size: 12px;
		margin: 0 0 20px 0;
	}
	.case_swiper_l .swiper-slide .col-md-4 .btn{
		font-size: 14px;
		padding: 5px 20px;
		width: 30%;
	}
	.case_swiper_l .swiper-button-prev,.case_swiper_l .swiper-button-next{
		width: 45px;
	}
}

@media (max-width: 767px){
	.case_swiper_l .swiper-slide .col-md-8{
		height: 350px;
	}
	.case_swiper_l .swiper-slide .col-md-4 h5{
		font-size: 16px;
		margin: 0 0 15px 0;
		line-height:30px;
	}
	.case_swiper_l .swiper-slide .col-md-4 p{
		margin: 0 0 15px 0;
	}
	.case_swiper_l .swiper-slide .col-md-4 .btn{
		font-size: 12px;
		padding: 5px 15px;
	}
	
	.case_swiper_l .swiper-button-prev,.case_swiper_l .swiper-button-next{
		width: 35px;
	}
	.case_swiper_l .swiper-button-next::after,.case_swiper_l .swiper-button-prev::after{
		font-size: 20px;
	}
}
@media (max-width: 500px){
	.case_swiper_l .swiper-slide .col-md-8{
		height: 300px;
	}
	.case_swiper_l .swiper-button-next::after,.case_swiper_l .swiper-button-prev::after{
		font-size: 18px;
	}
	.case_swiper_l .swiper-button-prev,.case_swiper_l .swiper-button-next{
		width: 25px;
	}
}










/*video_show*/
#video_show::before{
	background: url(../../images/bg/bg_8.jpg) no-repeat;
	background-size: cover;
}
#video_show .videoSwiper{
	padding: 0 0 100px;
}
#video_show .videoSwiper video{
	width: 100%;
}
#video_show .videoSwiper .swiper-pagination{
	bottom: 0;
}
#video_show .videoSwiper .swiper-pagination-bullet {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    opacity: 1;
    background:#e3e3e3;
    border-radius: 5px;
    margin: 0 66px;
}
#video_show .videoSwiper .swiper-pagination:before {
    content: "";
    height: 8px;
    background: #e3e3e3;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -4px;
    z-index: -1;
}
#video_show .videoSwiper .swiper-pagination-bullet-active, #video_show .videoSwiper .swiper-pagination-bullet:hover {
    background: #055f99;
}


@media (max-width: 991px){
	#video_show .videoSwiper .swiper-pagination-bullet{
    	margin: 0 40px;
	}
}
@media (max-width: 767px){
	#video_show .videoSwiper{
		padding: 0 0 50px;
	}
	#video_show .videoSwiper .swiper-pagination-bullet{
		width: 36px;
	    height: 36px;
	    line-height: 36px;
	    font-size: 20px;
    	margin: 0 20px;
	}
}
@media (max-width: 500px){
	#video_show .videoSwiper .swiper-pagination-bullet{
    	margin: 0 15px;
	}
}
@media (max-width: 360px){
	#video_show .videoSwiper .swiper-pagination-bullet{
    	margin: 0 10px;
	}
}








/*news-index*/

#news_center{
	/* margin-bottom: 80px; */
}
#news_center::before{
	background: url(../../images/bg/bg_9.jpg) no-repeat;
	background-size: cover;
}
#news_center .news_index{
	display: flex;
}
#news_center .news_index_left,#news_center .news_index_right{
	flex: 1;
}
#news_center .news_index_left>div{
	height: 100%;
}
#news_center .news_index_left>div>a{
	display: block;
	position: relative;
}
#news_center .news_index_left .news_index_img{
	height: 485px;
	overflow: hidden;
}
#news_center .news_index_left .news_index_img img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
#news_center .news_index_left .news_index_img img:hover{
	transform: scale(1.1);
	transition: all 2s;
}
#news_center .news_index_left .news_index_des{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
}
#news_center .news_index_left .news_index_des h3{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 80px;
	background: rgba(0,0,0,0.6);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 15px;
	margin: 0;
	color: #fff;
}
#news_center .news_index .news_index_item{
	margin-bottom:15px;
	padding: 0 10px;
}
#news_center .news_index .news_index_item>a{
	display:flex;
	background:#fff;
	box-shadow: 0px 0px 3px #aaa;
}
#news_center .news_index .news_index_item:hover .news_index_date{
	background:#055f99;
	transition: all 2s;
}
#news_center .news_index_item .news_index_date{
	margin:15px;
	width:80px;
	height:80px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border-radius:5px;
	background:#aaa;
}

#news_center .news_index_item .news_index_date h2{
	text-align:center;
	margin:0 0 10px 0;
	color:#fff;
	font-size: 24px;
	width:80px;
}
#news_center .news_index_item .news_index_date h5{
	text-align:center;
	margin:0;
	color:#fff;
	font-size: 16px;
}
#news_center .news_index_item .news_index_txt{
	flex:1;
	height:110px;
	padding:0 15px 0 0;
	width: 0;
}
#news_center .news_index_item .news_index_txt h3{
	font-size:18px;
	font-weight:bold;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:20px 0 12px;
	line-height:1;
	text-align:left;
	color: #777;
}
#news_center .news_index_item .news_index_txt p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin:0;
	text-align:left;
	color: #777;
}
	
#news_center .news_index .news_index_item:hover .news_index_txt h3,#news_center .news_index .news_index_item:hover .news_index_txt p{
	color:#055f99;
	transition: all 2s;
}
#news_center .btn_more{
	text-align:center;
}
#news_center .btn_more .btn{
	padding: 5px 40px;
    font-size: 16px;
    border-radius:0;
    color:#555;
	border-color: #555;
	background:transparent;
	margin-top:20px;
}
#news_center .btn_more .btn:hover{
	color:#fff;
	background:#055f99;
	border-color: #055f99;
}
@media (max-width: 991px){
	#news_center .news_index{
		flex-direction: column;
	}
	#news_center .news_index_left{
		padding: 0 10px;
		margin-bottom: 15px;
	}
	#news_center .news_index_left .news_index_des h3{
		font-size: 20px;
	}
	#news_center .news_index_left .news_index_img{
		height: 350px;
	}
	#news_center .news_index_item .news_index_txt h3{
		font-size:16px;
		line-height:18px;
	}
	#news_center .news_index_item .news_index_date h2{
		font-size: 28px;
	}
}
@media (max-width: 767px){
	#news_center .btn_more .btn{
		font-size: 14px;
	}
	#news_center .news_index_left .news_index_img{
		height: 300px;
	}
	#news_center .news_index_item .news_index_date h2{
		font-size: 24px;
	}
	#news_center .news_index_left .news_index_des h3{
		font-size: 18px;
		line-height: 60px;
	}
}


















/*FOOTER*/
#footer{
	padding:0 0 10px;
}
#footer .f-top{
	background: #2e373d;
	padding:30px 0;
}
#footer .f-b{
	color: #b1b1b2;
    text-align: center;
    font-size: 14px;
}
#footer .f-b img{
	width: 150px;
}
#footer .f-b.navlist a{
	display: inline-block;
	padding:0 30px 0 0;
}
#footer .f-b.navlist a span{
	color:#b1b7b7;
}
#footer .f-top .f-b-h5{
	margin:28px 0 10px;
	font-size: 14px;
	color:#b1b7b7;
}
#footer .f-top .f-b.f-b-w a{
	position: relative;
}
#footer .f-top .f-b.f-b-w a span{
	font-size: 12px;
}
#footer .f-top .f-b.f-b-w a:after{
	content: '';
	position: absolute;
	right: 15px;
	top:50%;
	transform: translateY(-50%);
	width: 1px;
	height: 14px;
	background: #b1b7b7;
}
#footer .f-top .f-b.f-b-w a:last-of-type:after{
	width: 0;
}
#footer .f-t-r h5{
	color:#fff;
	font-size: 14px;
}
#footer .f-t-r p{
	color:#fff;
	font-size: 12px;
}
#footer .f-d{
	text-align: center;
	margin-top: 8px;
	font-size: 10px;
}
@media (max-width: 1199px){
	#footer .f-top{
		padding:25px 0;
	}
	#footer .f-b img{
		width: 100px;
	}
	#footer .f-b.navlist{
		display: block;
		text-align: left;
		border-bottom: 1px dotted #b1b7b7;
		padding:0 0 25px;
	}
	#footer .f-b.navlist .footer-logo{
		display: block;
		margin-bottom: 25px;
	}
	#footer .f-top .f-b-h5{
		margin:25px 0 10px;
	}
	#footer .f-t-r h5{
		margin-top: 25px;
	}
}







/*common*/
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.sign-content {
    width: 100%;
    margin:0 auto;
    overflow: hidden;
}
.sign-nav {
    width: 100%;
    height: 80px;
    background-color: #f5f5f5;
    border-bottom: 2px solid #055f99;
    padding:0 30px;
    line-height: 80px;
    justify-content:space-between;
}
.sign-nav h2 {
    width: 200px;
    font-size: 24px;
    font-weight:bold;
    line-height: 78px;
    margin: 0px;
    padding-left:15px;
    color:#055f99;
    position: relative;
}
.sign-nav h2:after{
	content:'';
	width:5px;
	height:1em;
	position:absolute;
	left:0;
	top:40px;
	transform:translateY(-50%);
	background:#055f99;
}
.sign-nav .sign-nav-sm{
	display:none;
}
.sign-nav>ul {
    justify-content:flex-end;
    flex:1;
    margin:0;
}
.sign-nav>ul li {
    font-size: 16px;
    font-weight:bold;
    cursor: pointer;
    padding:0 30px;
    height: 78px;
    line-height: 78px;
}
.sign-nav>ul .on {
    border-left: 2px solid #055f99;
    border-right: 2px solid #055f99;
    border-top: 2px solid #055f99;
    background: #fff;
    color: #055f99;
    height: 80px;
    line-height: 78px;
    box-sizing: border-box;
    margin-top: 2px;
}

.sign-body ul {
    width: 100%;
    padding-top: 22px;
    display: none;
}
.sign-body ul .about_video{
	text-align:center;
}
.sign-body ul .about_video video{
	width:680px;
}
@media (max-width: 991px){
	.sign-nav{
		height: 60px;
	}
	.sign-nav h2{
		font-size: 20px;
	    line-height: 58px;
	}
	.sign-nav h2:after{
		top:30px;
	}
	.sign-nav>ul li{
		font-size:14px;
		padding:0 20px;
    	height: 58px;
    	line-height: 58px;
	}
	.sign-nav>ul .on{
		height: 60px;
    	line-height: 58px;
	}
}
@media (max-width: 767px){
	.sign-nav>ul{
		display:none;
	}
	.sign-nav .sign-nav-sm{
		display:block;
		z-index:99;
	}
}







.newsInfo,.caseInfo{
	padding-bottom:80px;
}

.html-img img{
	width:100%;
}
.d-img{
	text-align:center;
	overflow:hidden;
}

.html-h1{
	font-size: 30px;
	font-weight:bold;
	color:#333;
	margin:40px 0 ;
	letter-spacing: 1px;
	padding:0 15px;
	text-align:center;
	line-height:1.5;
}
.html-h3{
	font-size: 24px;
	font-weight:bold;
	color:#333;
	margin:20px 0;
	letter-spacing: 1px;
	text-align:left;
}
.html-h5{
	text-align: center;
}
.html-bold{
	font-weight:bold;
}
.html-p{
	font-size: 16px;
	color:#666;
	margin: 0 auto 25px;
    line-height: 1.5;
    padding: 0 15px;
    max-width: 900px;
    text-align: justify;
}
.info-cont p{
	font-size: 16px;
	color:#666;
	margin: 0 auto 25px;
    line-height: 1.5;
    padding: 0 15px;
    max-width: 900px;
    text-align: justify;
}
.info-cont p img{
	width:100% !important;
	height:auto !important;
	/* max-width:900px; */
}
.newsInfo .newsInfo-nav{
	padding: 0 15px;
}
.newsInfo .newsInfo-nav p{
	display: flex;
	align-items: center;
}

@media (max-width: 767px){
	.html-h1{
		font-size: 20px;
		margin: 20px 0;
	}
	.html-h3{
		font-size: 20px;
	}
	.html-p{
		font-size: 14px;
	}
	
	.newsInfo{
		padding-left:15px;
		padding-right:15px;
	}
	.info-cont p{
		font-size: 14px;
	}
	.newsInfo .newsInfo-nav p a,.newsInfo .newsInfo-nav p{
		font-size: 14px;
	}
}
@media (max-width: 500px){
	.html-h5{
		font-size: 12px;
		line-height: 30px;
	}
	.html-h3{
		font-size: 16px;
	}

	.info-cont p{
		font-size: 12px;
	}
	.newsInfo .newsInfo-nav p{
		font-size: 12px;
	}
	.newsInfo .newsInfo-nav p a{
		font-size: 12px;
		display: inline-block;
		line-height: 20px;
		white-space: nowrap;
		max-width: 250px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}


/*about-html*/
#about_html{
	padding-bottom: 80px;
}
#about_html .about_html img{
	width: 100%;
	box-shadow: 0 2px 5px #f5f5f5;
}
#about_html .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    background:#f5f5f5;
}

#about_html .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
}
#about_html .swiper-slide img{
   	width: 100%;
    height: 100%;
    object-fit: cover;
}


#about_html .ab_images{
	text-align:center;
}
#about_html .ab_images img{
	margin:0 auto 15px;
}
#about_html .ab_dev .thumbnail{
	margin:0 0 30px;
}
#about_html .ab_dev .caption h4{
	font-size:16px;
	text-align:center;
}







/*contact-html*/
#contact_html{
	padding:0 0 60px;
}
#contact_html .contact_html-img img{
	width: 100%;
}
#contact_html .html-h1{
	padding:0 10px;
}
#contact_html .row{
	padding:0 15px;
}
#contact_html .con-l h4{
	color:#333;
	line-height: 1.3;
	font-size: 20px;
	margin-bottom: 25px;
}
#contact_html .con-l p{
	padding-left:42px;
	font-size: 16px;
}
#contact_html .con-l .contact-item1{
	border-bottom: 1px dashed #dedede;
    padding-bottom: 25px;
    margin-bottom: 20px;
}
#contact_html .con-l .contact-item1 h4{
	padding-left:36px;
	border-left: 6px solid #055f99;
}
#contact_html .con-l .contact-item2 .glyphicon{
	border: 1px solid #055f99;
    border-radius: 50%;
    padding: 5px;
    display: inline-block;
    margin-right: 10px;
    color:#055f99;
}
#contact_html .con-r{
	margin-top:60px;
}
#contact_html .con-r iframe{
	width: 100%;
}


@media (max-width: 480px) {
	#contact_html .con-l h4{
		font-size: 16px;
		margin-bottom: 15px;
	}
	#contact_html .con-l p{
		font-size: 14px;
	}
}





/*news-html+caselist2*/
.list_common{
	padding-bottom: 60px;
}
.list_common .news_html img,.list_common .caselist2 img{
	width: 100%;
	box-shadow: 0 2px 5px #f5f5f5;
}
.list_common .swiper {
    width: 100%;
    height: 560px;
    margin-left: auto;
    margin-right: auto;
}

.list_common .swiper-slide {
    text-align: center;
    background: #fff;
    height: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.list_common .swiper .swiper-button-prev,.list_common .swiper .swiper-button-next{
	top:auto;
	bottom:0;
	z-index:11;
}
.list_common .swiper .swiper-button-prev:after,.list_common .swiper .swiper-button-next:after{
	font-size:30px;
}

.list_common .swiper-slide{
	margin-bottom: 20px;
}
.list_common .swiper-slide a{
	display: block;
	padding:15px;
	background: #f5f5f5;
}

.list_common .swiper-slide .zl-item-txt h4{
	color:#333;
	font-size: 16px;
	font-weight: bold;
	line-height:40px;
	text-align:left;
}
.list_common .swiper-slide .zl-item-txt h5{
	color:#333;
	font-size: 14px;
	margin: 0 0 10px;
	text-align:left;
}
.list_common .swiper-slide:hover .zl-item-txt h4,.list_common .swiper-slide:hover .zl-item-txt h5{
	color:#055f99;
}
.list_common .swiper-slide .zl-item-txt p{
	font-size: 14px;
	line-height: 1.5;
	overflow: hidden;
	margin-bottom: 15px;
	text-align:left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.list_common .swiper-slide .zl-item-des{
	font-size: 14px;
	color:#333;
	text-align: right;
	border-top:1px solid #ddd;
	padding-top: 15px;
}
.list_common .swiper-slide:hover .zl-item-des{
	color:#055f99;
	border-top:1px solid #055f99;
}




/*product-html*/
#product_html{
	padding-bottom: 60px;
}
#product_html .product_html img{
	width: 100%;
}
#product_html .sign-content{
	background: #f5f5f5;
}
#product_html .container {
	/* background: #f5f5f5; */
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
}

.pro_cont {
	margin: 0 auto;
	width:100%;
	padding: 20px 0 0;
}

.pro_cont h2 {
	font-size: 24px;
	color: #333;
	line-height: 1;
	font-weight: 400;
	padding-bottom: 10px;
	padding-left: 10px;
}

.pro_cont .category {
	width: 100%;
	overflow: hidden;
	position: relative;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.pro_cont .category:after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 1px;
	background-color: #e0e0e0;
	z-index: 2;
}

.pro_cont .category:before {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 1px;
	background-color: #e0e0e0;
	z-index: 2;
}

.pro_cont .category a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.pro_cont .category .prev {
	display: none;
	position: absolute;
	top: 0;
	width: 59px;
	height: 100%;
	box-shadow: 0 0 3px #c6c6c7;
	background: #fff;
	text-align: center;
	font-size: 0;
	left: 0;
	border-right: 1px solid #e1e3e6;
}

.pro_cont .category .prev span {
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 14px;
	background-repeat: no-repeat;
	background-image: url(../../images/arrow.svg);
	background-position: 96.77% 25%;
	background-size: initial;
}

.pro_cont .category .next span {
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 14px;
	background-repeat: no-repeat;
	background-image: url(../../images/arrow.svg);
	background-position: 61.29% 25%;
	background-size: initial;
}

.pro_cont .category .next {
	position: absolute;
	top: 0;
	width: 59px;
	height: 100%;
	box-shadow: 0 0 3px #c6c6c7;
	background: #fff;
	text-align: center;
	font-size: 0;
	right: 0;
	border-left: 1px solid #e1e3e6;
}
.pro_cont .category ul{
	margin:0;
	display:flex;
	justify-content:center;
}
.pro_cont .category ul li {
	display: table-cell;
	white-space: nowrap;
	font-size: 14px;
	text-align: center;
	border-bottom: 3px solid transparent;
	cursor: pointer;
	position: relative;
	padding: 18px 25px;
}

.pro_cont .category ul li.active {
	border-bottom-color: #055f99;
	color: #055f99;
}

.pro_cont .cont {
	display: none;
}

.pro_cont .cont.active {
	display: block;
}





.pro_cont .cont .swiper {
    width: 100%;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
}

.pro_cont .cont .swiper-slide {
    text-align: center;
    background: #fff;
    height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-shadow: 3px 3px 5px #ccc;
}
.pro_cont .cont .swiper-slide p{
	font-size:14px;
	margin:0;
	line-height:50px;
}
.pro_cont .cont .swiper-slide>a{
	width: 100%;
}
.pro_cont .cont .swiper-slide:hover p{
	color: #055f99;
}
.pro_cont .cont .swiper-slide:hover img{
	transform: scale(1.05);
	transition: all 1s ease;
}
.pro_cont .cont .swiper .swiper-button-prev,.pro_cont .cont .swiper .swiper-button-next{
	top:auto;
	bottom:0;
	z-index:11;
}
.pro_cont .cont .swiper .swiper-button-prev:after,.pro_cont .cont .swiper .swiper-button-next:after{
	font-size:30px;
}




/* proInfo */

.proInfo{
	background: #f5f5f5;
	margin-bottom: 80px;
}

.proInfo .proInfo_top{
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 30px;
}
.proInfo .proInfo_img{
	width: 50%;
	padding-right: 15px;
}
.proInfo .proInfo_img img{
	width: 100%;
}
.proInfo .proInfo_des{
	width: 50%;
	padding: 0 15px 15px;
}
.proInfo .proInfo_des .html-h1{
	text-align: left;
}
.proInfo .proInfo_des .html-h5{
	text-align: left;
	margin: 0 0 20px;
}
.proInfo .proInfo_des .des_xh,.proInfo .proInfo_des .des_td{
	align-items: flex-start;
	margin: 0 0 20px;
}
.proInfo .proInfo_des .des_xh .html-bold,.proInfo .proInfo_des .des_td .html-bold{
	margin: 0;
}
.proInfo .proInfo_des .des-left{
	width: 50px;
}
.proInfo .proInfo_des .des-right{
	flex: 1;
}
.proInfo .proInfo_des .des-right .html-h5{
	margin: 0;
}
.proInfo .proInfo_des .des_btn .btn{
	padding: 10px 30px;
	font-size: 18px;
	font-weight: bold;
}
.proInfo .proInfo_des .des_btn .btn:nth-of-type(odd){
	margin-right: 30px;
}
.proInfo .proInfo_bot{
	margin-top: 30px;
	background: #fff;
}
.proInfo .proInfo_bot .html-h1{
	margin: 0;
	padding: 20px 0;
	font-size: 24px;
}







/*pro-html*/
#pro_html{
	padding-bottom: 60px;
}
#pro_html .pro_html-img img{
	width: 100%;
	/*box-shadow: 0 2px 5px #f5f5f5;*/
}
#pro_html .html-h1{
	text-align: center;
}
#pro_html .row{
	margin:0;
}
#pro_html .row img{
	width: 100%;
	border:1px solid rgb(78, 95, 112);
	border-radius: 50%;
}
#pro_html .row .col-xs-6{
	padding:0 30px;
}
#pro_html .row p{
	font-size: 14px;
    color: #323232;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
	#pro_html .row .col-xs-6{
		padding:0 60px;
	}
}
@media (max-width: 500px) {
	#pro_html .row .col-xs-6{
		padding:0 20px;
	}
	#pro_html .row p{
		font-size: 12px;
	}
}
@media (max-width: 300px) {
	#pro_html .row .col-xs-6{
		padding:0 10px;
	}
}





/* artlist */
#artlist{
	background: #f5f5f5;
}
#artlist .artlist-item{
	background: #fff;
	padding: 20px;
	box-shadow: 3px 3px 5px #ccc;
	margin-bottom: 20px;
}
#artlist .artlist-item .artlistitem-left{
	width: 200px;
}
#artlist .artlist-item .artlistitem-left img{
	width: 100%;
}
#artlist .artlist-item .artlistitem-right{
	flex: 1;
	padding-left: 30px;
}
#artlist .artlist-item .artlistitem-right h5{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px;
}
#artlist .artlist-item .artlistitem-right p{
	margin: 0 0 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
#artlist .artlist-item .artlistitem-right p .btn{
	font-size: 16px;
	padding: 10px 30px;
}

#artlist .artlist-item:hover{
	background: #055f99;
}
#artlist .artlist-item:hover .artlistitem-right h5{
	color: #fff;
}
#artlist .artlist-item:hover .artlistitem-right p{
	color: #fff;
}







/* caselist */
#caselist{
	background: #f5f5f5;
	margin-bottom: 80px;
}
#caselist .cont{
	padding-bottom: 20px;
}



/* enviroSwiper */
.enviro_item{
	margin: 0 0 30px;
	background: #055f99;
}
.enviro_item h3{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1;
	margin: 0;
	padding: 40px 0 0;
	text-align: center;
	color:#fff;
}
.enviro_item .swiper{
	padding: 40px 0 80px;
}
.enviro_item .swiper-slide{
	width: 450px;
	height: 300px;
}
.enviro_item .swiper-slide img{
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.enviro_item .swiper-pagination{
	bottom:30px ;
}
.enviro_item .swiper-pagination .swiper-pagination-bullet{
	opacity: 0.5;
}
.enviro_item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #fff;
	opacity: 0.8;
}

@media (max-width: 767px){
	.enviro_item h3{
		font-size: 18px;
	}
	.enviro_item .swiper-slide{
		width: 300px;
    	height: 200px;
	}
}
@media (max-width: 500px){
	.enviro_item .swiper-slide{
		width: 210px;
    	height: 140px;
	}
}