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


.w1200{ max-width:1200px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}


html{
	font-size: calc(100vw/19.2);
}





.banner .swiper-slide{ overflow: hidden;}
.banner .swiper-slide img{ transition: all 7s; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 7s; -moz-transition: all 7s; -ms-transition: all 7s; -o-transition: all 7s; }
.banner .swiper-slide.swiper-slide-active img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.banner .swiper-button-next,.banner  .swiper-button-prev{ width: 50px; height: 50px; background-size: 50px 50px; margin: 0; margin-top: -25px;}
.banner .swiper-button-next{ right: 80px; background-image: url(../images/1index2_05.png);}
.banner .swiper-button-prev{ left: 80px; background-image: url(../images/1index2_03.png);}
.banner .swiper-button-next:after,.banner  .swiper-button-prev:after{ display:none;}


.common-clumb-box {
	position: relative;
}
.main01_tab{ margin:0 auto; display:block; width:100%;} 
.common-clumb {
	font-size: 0;
	padding-top: 20px;
	overflow: hidden;
}
.common-clumb .clumb-box {
	width: auto;
}
.common-clumb a {
	display: inline-block;
	vertical-align: top;
 *display: inline;
 *zoom: 1; background:#eeeeee;
	color: #000000;
	font-size: 18px; margin-right:20px;
	text-align: center;
	padding: 10px 20px;
	width: auto;
	position: relative;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
	transition: all ease .3s;
}
.common-clumb a:hover, .common-clumb a.cur {
	color: #ffffff; background:#f5971b
}
.common-clumb-box .sub-btn {
	width: 44px;
	height: 38px;
	cursor: pointer;
	position: absolute;
	z-index: 3;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0;
}
.common-clumb-box .sub-btn:before {
	display: block;
	content: "";
	width: 14px;
	height: 14px;
	border-left: 2px solid #666666;
	border-bottom: 2px solid #666666;
}
.common-clumb-box .sub-btn:hover:before {
	border-color: #f15103;
}
.common-clumb-box .sub-btn.sub-prev {
	left: 0;
}

.common-clumb-box .sub-btn.sub-prev:before {
	transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	margin: 18px 0 0 17px;
}
.common-clumb-box .sub-btn.sub-next {
	right: 0;
}
.common-clumb-box .sub-btn.sub-next:before {
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	margin: 18px 0 0 8px;
}

.banner{ position:relative;}
.ban_btn { position:absolute; bottom:0; left:0; width:100%; bottom:70px;}
.ban_btn .comWidth{ position:relative;}
.ban_btn .swiper-button-next{ background-image:url(../images/index2_05.png); background-repeat:no-repeat; width:70px; height:66px; background-size:100% auto; right:auto; left:90px; top:auto; bottom:0;}

.ban_btn .swiper-button-prev{ left:0; background-image:url(../images/index2_03.png); background-repeat:no-repeat; width:70px; height:66px; background-size:100% 100%; top:auto; bottom:0;}


.main01 { padding:80px 0}

.title_le {align-items: flex-end; position:relative;}
.title_le span{ font-size:48px; color:rgba(0,0,0,.1); white-space:nowrap; position:absolute; left:0; top:-40px;}
.title_le b{ font-size:48px; color:#000000; font-weight:normal; display:inline-block; line-height:1; margin-right:20px;}
.title_le p{ font-size:14px; color:#919191;}
.titleindex>a{ font-size:18px; color:#004b99;}

.main01_tab{ padding:55px 0;}
.main1box li{ transition:all .3s; width:31.33%; margin:1%; background:#eeeeee;}
.main1box li .img{ height:410px;}
.main1box li .img img{ width:100%; height:auto;}
.main1box li:hover{ background:#004b99; box-shadow:0 0 10px rgba(0,0,0,.1)}
.main1box li:hover .txt{ color:#fff;}
.main1box ul{justify-content: flex-start;}

.main1box .txt{transition:all .3s; text-align:center; padding:15px 10px; font-size:18px;}
.one-line {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.two-line {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cover{ overflow:hidden;}
.cover img{ width:100%; height:100%; object-fit:cover;}
.trans3{transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}


.scale{ overflow:hidden;}
.scale img{transition:all 1s; -webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
.scale:hover img{ transform:scale(1.02,1.02); -webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);-ms-transform:scale(1.02,1.02);-o-transform:scale(1.02,1.02);}

.bacover{ background-size:cover; background-position:center; background-repeat:no-repeat;}

.main02{ background-image:url(../images/index2_09.png); background-size:cover; background-position:center; padding:60px 0}
.main2le,.main2ri{ width:47%;}
.main2le h1{ font-size:20px; font-weight:normal; color:#000000;}
.main2le b{ font-size:42px; color:#000;font-weight:normal; display:block; margin-bottom:30px; margin-top:10px;}

.main2ri{ border-radius:15px; overflow:hidden;}
.main2lebox{ position:relative; margin-bottom:60px; padding-left:30px;}
.main2lebox p{ font-size:16px; color:#666666; line-height:2;}
.main2lebox:before{ content:""; display:block; position:absolute; left:0; top:0; width:5px; height:80px; background:#f5971b; border-radius:100px;}
.main2a a{ color:#fff; font-size:16px; display:inline-block; padding:0 40px; line-height:40px; background:#f5971b; border-radius:5px;}
.main2a{ text-align:right;}


.main03{ padding:100px 0;}
.main3tab{ padding:65px 0 50px; text-align:center;}
.main3tab a{ display:inline-block; line-height:40px; transition:all .3s; cursor:pointer; padding:0 30px; background:#eeeeee; color:#333; margin:0 15px;}
.main3tab a.on{ background:#004b99; color:#fff;}

.main3li li{ transition:all .3s; width:31.33%; margin:1%; background:#eeeeee;}
.main3li li .img{ height:4rem; max-height:346px;}
.main3li li .txt{ text-align:center; padding:10px 15px; font-size:18px; color:#000000;}
.main3li li:hover{ background:#004b99; box-shadow:0 0 10px rgba(0,0,0,.1)}
.main3li li:hover .txt{ color:#fff;}
.main3li ul{justify-content: flex-start;}


.main5{ padding:100px 0; background-image:url(../images/index2_11.jpg); background-size:cover; background-position:center; background-repeat:no-repeat;}

.main5box{ margin-top:50px;}
.main5le{ width:43%;}
.main5le .img{ height:300px; margin-bottom:20px;}
.main5le h3 a{ font-size:20px; color:#000000; font-weight:normal; font-weight:bold;}
.main5le p{ font-size:16px; color:#626262; margin:10px 0;}
.main5le span{ color:#9f9f9f; font-size:14px;}
.main5ri{ width:53%;}
.main5le:hover h3 a{ color:#004b99;}

.main5ri li{ transition:all .5s; padding:25px; border-bottom:1px solid #dcdcdc;}
.main5ri li .litop{ margin-bottom:10px;}
.main5ri li .litop a{ font-weight:bold; font-size:18px; color:#000000; width:calc(100% - 90px);}
.main5ri li .litop span{ font-size:14px; color:#9f9f9f; width:80px;}
.main5ri li p{ font-size:16px; color:#626262; transition:all .5s;}
.main5ri li:hover{ background:#004b99}
.main5ri li:hover .litop a{ color:#fff;}
.main5ri li:hover .litop span{ color:#fff;}
.main5ri li:hover p{ color:#fff;}

.main04{ background-position:center; background-size:cover; background-repeat:no-repeat; background-image:url(../images/bacyoushi.jpg); padding:80px 0; overflow:hidden;}
.comwiri{ width:40%;}
.comwimi{ width:60%; text-align:right; position:relative;}
.comwimi .comwile{ position:absolute; left:0; bottom:20px; width:320px;}

.main4ribox{ box-sizing:border-box; position:relative; width:245px; height:415px; border:10px solid #0769ce; margin:0 auto; padding-top:175px;}
.main4ribox .titleindex{ width:420px; text-align:center; white-space:nowrap; position:absolute; color:#fff; top:100px; left:50%; transform:translateX(-50%);}
.main4ribox .titleindex b{ color:#fff;}
.main4ribox .titleindex span{ color:rgba(255,255,255,.1)}
.main4ribox .titleindex p{}
.biaoyu{ width:90%; text-align:center; background:#0769ce; color:#fff; font-size:16px; margin:0 auto; padding:10px; box-sizing:border-box;}
.telmain4{ width:90%; margin:0 auto; box-sizing:border-box; padding-left:35px; background-image:url(../images/tels_10.png); background-repeat:no-repeat; background-position:left center; color:#fff; margin-top:20px;}
.telmain4 b{ font-size:24px; color:#f5971b;}

.comwimi li{ padding-right:90px; background-position:right center; background-repeat:no-repeat; margin-bottom:60px;}
.comwimi li b{ font-size:24px; color:#004b99; display:block; margin-bottom:5px;}
.comwimi li p{ font-size:18px; color:#000000;}
.comwimi li:first-child{ background-image:url(../images/num_03.png);}
.comwimi li:nth-child(2){ background-image:url(../images/num_07.png); margin-right:40px;}
.comwimi li:nth-child(3){ background-image:url(../images/num_11.png); margin-right:80px;}
.comwimi li:nth-child(4){ background-image:url(../images/num_15.png); margin-right:120px;}

.comwile img{ width:3.2rem; max-width:320px;}

.comwimi .comwile img{ float:left;}

.main44{ background-image:url(../images/bacyoushi.jpg);  background-size:cover; background-position:center; padding:60px 0 40px;}
.main44 li b{ position:relative; font-size:18px; color:#333; display:block; padding-left:30px; margin-bottom:10px;}
.main44 li p{ font-size:14px; color:#999}
.main44 .titleindex{ margin-bottom:40px;}
.main44 li{ margin-bottom:15px; }

.main44 li b:before{ content:"1"; display:block; width:25px; height:25px; line-height:25px; text-align:center; color:#fff; background:#0769ce; position:absolute; left:0; top:50%; margin-top:-12px;}
.main44 li:nth-child(2) b:before{content:"2"; }
.main44 li:nth-child(3) b:before{content:"3"; }
.main44 li:nth-child(4) b:before{content:"4"; }


.wap{ display:none;}

	
	
	/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	white-space:nowrap;
}

.str_wrap.str_active {
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}


@media screen and (max-width:1480px){
    .main1box li .img{ height:5.6rem;}
}

@media screen and (max-width:1280px){
	 .ban_btn .swiper-button-next,.ban_btn .swiper-button-prev{ width:50px; height:60px; background-size:50px auto;}
	 .ban_btn .swiper-button-prev{ left:20px;}
	 .ban_btn{ bottom:30px;}
	 .title_le b,.title_le span{ font-size:34px;}
	 .titleindex>a{ font-size:14px;}
	 .common-clumb a{ font-size:16px;}
	 .main01_tab{ padding:30px 0;}
	 .main2le b{ font-size:30px;}
	 .main2lebox p{ font-size:14px;}
	 .main3tab{ padding:40px 0 30px;}
	 .main03{ padding:80px 0 40px;}
	 .title_le span{ top:-30px;}
	}







@media screen and (max-width:992px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .ban_btn .swiper-button-next,.ban_btn .swiper-button-prev{ width:30px; height:40px; background-size:30px auto;}
	 .ban_btn .swiper-button-prev{ left:20px;}
	 .ban_btn{ bottom:0;}
	 .banner .swiper-slide{ height:11rem}
	 
	 .main44 li b{ font-size:16px;}
	 .title_le b, .title_le span{ font-size:24px;}
	 
	 .main01{ padding:40px 0;}
	 .title_le span{ top:-20px;}
	 .title_le p{ width:100%; margin-top:5px;}
	 .common-clumb{ padding:0;}
	 .common-clumb-box .sub-btn{ display:none;}
	 .common-clumb a{ margin-right:10px;}
	 .main1box li{ width:48%; margin:1%; margin-bottom:3%;}
	 .main1box .txt{ font-size:14px; padding:10px;}
	 .main1box .txt a{ font-size:14px;}
	 .common-clumb a{ padding:5px 15px; font-size:14px;}
	 .main02{ padding:40px 0;}
	 .main2le, .main2ri{ width:100%;}
	 .main2le b{ font-size:20px;}
	 .main2le h1{ font-size:16px;}
	 .main2lebox{ padding-left:20px; margin-bottom:20px;}
	 .main2a a{ font-size:14px; padding:0 20px;}
	 .main2ri{ margin-top:20px;}
	 .main03{ padding:40px 0;}
	 .main3tab{ padding:30px 0;}
	 .main3tab a{ margin:0 5px; line-height:35px;}
	 .main3li li{ width:48%; margin:1%; margin-bottom:3%;}
	 .main3li li .img{ height:6rem;}
	 .main3li li .txt{ font-size:14px;}
	 .main5{ padding:40px 0;}
	 .title_le{ margin-bottom:10px;}
	 .main5box{ margin-top:30px;}
	 .main5le,.main5ri{ width:100%;}
	 .main5le .img{ height:8rem; margin-bottom:10px;}
	 .main5le h3 a{ font-size:14px;}
	 .main5le p{ font-size:14px; margin:5px 0}
	 .main5le span{ font-size:12px;}
	 .main5ri li{ padding:15px 0;}
	 .main5ri li .litop{ margin-bottom:5px;}
	 .main5ri li p{ font-size:14px;}
	 .main5ri li .litop a{ font-size:14px;}
	 .main5ri li .litop span{ font-size:12px;}
	 
	.ban_btn .swiper-button-next{ left:60px;}
    .main1box li .img{ height:8rem;}
	}