@charset "utf-8";


.container {position: relative; width: 100%;height: 580px;overflow:hidden;}
.container .slider {position: absolute;top: 0;left: 0;width: 500%;height: 100%;animation: animate 20s linear infinite;}
.container .slider .slide {position: relative;width: 20%;height: 100%;float: left;}
.container .slider .slide.slide1 {background: url(/mimg/img1.jpg) no-repeat center center;background-position: center;}
.container .slider .slide.slide2 {background: url(/mimg/img2.jpg) no-repeat center center;background-position: center;}
.container .slider .slide.slide3 {background: url(/mimg/img3.jpg) no-repeat center center;}

.vis_txt_wrap{position:absolute;  width:100%; bottom:40px;height: 85px;}
.vis_txt_wrap .maxwidth{background: #ffffffdd; height:85px; max-width:1200px; padding:0;}
.vis_txt_ll{ float:left; height:85px; line-height:85px; background:#0052a0; width:230px; font-size:25px ; font-weight:bold; color:#fff;text-align:center;}
.vis_txt_l{ height:85px; width: 100px; float:left; line-height:85px; text-align:center; font-size:25px; color:#232323; width:240px;}
.vis_txt_l span{ height: 25px; text-align:center; width:100%; border-right:1px solid #858585; font-weight:bold; margin: 30px 0;line-height: 25px;display:inline-block; float:left; vertical-align:middle; }
.vis_txt_r{ float:left; width: calc( 100% - 890px ); height:85px;padding: 22px 0; padding-left: 30px;}
.vis_txt1{ font-size:15px; color:#232323; font-weight:bold;}
.vis_txt2{ font-size:14px; color:#666666;}
.vis_txt_rr{width:420px;float:right; height:85px;}
.vis_txt_rr ul li{ transition: 1s;float:left; background:#fff; border-radius:8px; border:1px solid #ccc; width: 180px; margin: 23px 10px;  text-align:center; padding: 8px 0;}
.vis_txt_rr ul li:hover{background:#e5e5e5;transform: scale(1.2);}
.vis_txt_rr ul li a{font-size:15px; color:#232323; font-weight:bold;}
.vis_txt_rr ul li img{margin-left:30px;}

.bbs_wrap{ padding:40px 0; overflow:hidden;}
.bbs{ border:1px solid #ccc;  float:left;  width:49%; padding:20px;}
.bbs_wrap .bbs:last-child{margin-left:2%;}

.bbs_header{ overflow:hidden; margin-bottom:20px;}
.bbs_tit{ float:left; width:auto; color:#232323;font-size:25px;font-weight:bold;}
.bbs_more{ float:right; width:auto; color:#232323; font-size:25px;}
.bbs_ul li {margin: 3px;position: relative;overflow: hidden; font-size:17px;color:#232323;}
.bbs_ul li span {width: auto;display: block;float: right;color:#555555;}
.bbs_ul li:before {content: " ";width: 8px;height: 8px;top: 10px;left: 0px;border-radius:50%;background: #0052a0; position: absolute;}
.bbs_ul li a { width: calc( 100% - 83px );padding-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 21px;float: left;}
.bbs_ul li a:hover{color:#0052a0;}

.icon_wrap{ padding-bottom:40px; }
.icon_wrap li{ float:left; width: calc( 100% / 5 ); text-align:center; color:#555555; font-size:17px; font-weight:bold;}
.icon_wrap li a{ color:#555555;}

.icon{ width:104px; height:104px; margin: 0 auto; margin-bottom: 20px; line-height:104px; transition: 1s; border-radius:50% }
.icon:hover{transform: scale(1.2);}
.icon1{ background:#f9756f; }
.icon2{ background:#f5be00; }
.icon3{ background:#68b71b; }
.icon4{ background:#3caf9d; }
.icon5{ background:#0052a0; }
.icon6{ background:#9550a9; }
.icon1:hover{background:#ea4740}
.icon2:hover{background:#f1a301}
.icon31:hover{background:#4d9a00}
.icon4:hover{background:#00938d}
.icon5:hover{background:#004485}
.icon6:hover{background:#78288b}

.gallbanner_wrap{background:#f5f5f5; padding:40px 0; }

.gall_wrap{ width:720px; float:left;}
.gall_tit_l{ clear:both; overflow:hidden; margin-bottom:20px;}
.gall_tit1{ float:left; width:auto; color:#232323;font-size:25px;font-weight:bold;}
.gall_tit2{ float:left; color:#fff; background:#1d9fd2; padding: 0px 6px; border-radius:50px;margin-top: 15px;}
.gall_more{ float:right; width:auto; color:#232323; font-size:30px; padding-right: 30px;}
.gall_list_main li {float:left; width:25%; padding: 8px;}

.gall_img{ transition: 1s;}
.gall_img:hover{transform: scale(1.2);}

.banner2_wrap{ width: calc( 100% - 750px ); float:right;  }

.banner_1{  transition: 1s; position:relative; padding:25px;  float:left; width: calc( 50% - 8px ); height: 240px; margin-right: 16px; background:url(/mimg/banner_bg_1) no-repeat right bottom ; background-color:#f5be00;}
.banner_2{  transition: 1s; position:relative; padding:25px; float:left; width: calc( 50% - 8px ); height: 240px; background:url(/mimg/banner_bg_2) no-repeat right bottom ; background-color:#1d9fd2;}

.banner_1:hover, .banner_2:hover{transform: scale(1.2);}
.banner_1:hover{ background-color:#f1a301; }
.banner_2:hover{ background-color:#0784b4; }

.banner_tit1{ font-size:22px; color:#fff; font-weight:bold;}
.banner_tit2{ font-size:17px; color:#fff; }
.banner2_img{ position:absolute; bottom:25px; left:25px; }

@keyframes animate {
	0% {left: 0;}
	20% {left: 0;}
	25% {left: -100%;}
	45% {left: -100%;}
	50% {left: -200%;}
	70% {left: -200%;}
	75% {left: -300%;}
	95% {left: -300%;}
	100% {left: -300%;}
}

@media (max-width: 1200px) {
	.gall_wrap{ width:100%; margin-bottom:20px;}
	.gall_list li{width: 25%; text-align:center;}
	.gall_img{ width:164px; display:inline-block;}
	.banner2_wrap{ width:100%;}
	.banner_1, .banner_2{ height: 160px; }
}


@media (max-width: 1100px) {
	.vis_txt_r{ width:calc( 100% - 470px ) }
	.vis_txt_rr{ width:calc( 100% - 230px );}
	.vis_txt_wrap{width: 690px; left: calc( 50% - 345px ) ;}
	.vis_txt_wrap, .vis_txt_wrap .maxwidth{ height:170px;}
	.vis_txt_ll{height:170px; line-height: 170px;}
	.vis_txt_rr ul { text-align:center;}
	.vis_txt_rr ul li{ float:none; display:inline-block;}
}


@media (max-width: 1000px) {
	.icon_wrap li{ width: calc( 100% / 3 ); margin-bottom: 20px; }
}

@media (max-width: 850px) {
	.gall_list_main li{width: 50%;  margin-bottom:20px;}
}

@media (max-width: 720px) {
	.bbs{  width:100%; margin-bottom:20px; }
	.bbs_wrap .bbs:last-child{margin-left:0;}
	.slider{display:none;}
	.vis_txt_l, .vis_txt_r{ width:50%;}
	.vis_txt_r{ padding-left:0;}
	.vis_txt1, .vis_txt2{ text-align:center;}
	.vis_txt_wrap{position:relative;top:0; left:0; margin-top: 80px; width:100%;}
	.vis_txt_ll{ width:100%; height: 85px; line-height:85px;}
	.vis_txt_wrap, .vis_txt_wrap .maxwidth{ height: auto;}
	.container{ height: 330px;}
	.vis_txt_rr{ width:100%; height:50px;}
	.vis_txt_rr ul li{     margin: 10px 10px; }
} 

@media (max-width: 560px) {
	.icon_wrap li{ width: calc( 100% / 2 ); }
}


@media (max-width: 520px) {
	.banner_1, .banner_2{ width:100%; margin:0; margin-bottom: 20px; }
}

@media (max-width: 450px) {
	.gall_list_main li{width: 100%;  }
}


@media (max-width: 430px) {
	.vis_txt_l{ height: 40px; line-height:40px;}
	.vis_txt_l, .vis_txt_r{ width:100%;}
	.vis_txt_l span{ border-right:0;}
	.vis_txt_rr ul li{ display:block;  margin: 10px auto;}
	.vis_txt_rr{ height: 100px;}
}