@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"΢ÈíÑźÚ"}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢ÈíÑźÚ", SimSun, "ËÎÌå", STXihei, "»ªÎÄϸºÚ", Heiti, "ºÚÌå", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#333;text-decoration:none; outline:none; border:0}
a:hover{color:#bd2a26;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}





.top1{background-image: linear-gradient(90deg, #004ca1,#004ca1,#292929,#292929);}
.contain{ width:96%; margin:0 auto; max-width:1440px;}
.top1 .contain{ background:#292929;display: flex;   justify-content: space-between;   align-items: center; }
.top1 .contain .hy1{background: linear-gradient( -45deg, transparent 25px,#004ca1 0); padding-right:40px; line-height:36px; color:#fff; font-size:14px}
.top1 .contain .hy2{ color:#cecece; font-size:14px;display: flex;    align-items: center;}

.top1 .contain .hy2 div{ border-left:#3f3f3f 1px solid; padding:0 20px; box-sizing:border-box}

.guanzhu ul li{ float:left; margin-left:15px}

.guanzhu ul li a{ display:block;color:#cecece;}



.top2{display: flex;   justify-content: space-between;  }

.logo{ position:relative; top:-5px; }
.logo img{ height:79px; width:auto; }




.header .an{ position:absolute; right:0; top:0px;height:100%; width:50px; display:none; float:right; }
.header .an span{width:30px; height:2px; background-color:#004ca1; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:14px; left:10px;}
.header .an span.a2{top:22px; left:10px;}
.header .an span.a3{top:30px; left:10px;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:22px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:22px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}


.header .nav { width:100%; margin:0 auto;  position:relative }
.header .nav ul>li{ width:auto; margin:0 20px;font-size:15px; float:left; text-align:center;position:relative;  }
.header .nav i{font-size:14px; line-height:100px; text-align:right; position:absolute;height:100px; right:10px; top:0px; display:none; }
.header .nav ul li a.o_lm{line-height:77px; color:#333; padding:0 25px; display:block; position:relative;border-bottom:#fff 3px solid; }
.header .nav ul li:hover a.o_lm{ background:#f4f4f4; border-bottom:#004ca1 3px solid;}
.header .nav ul> li.hover a{background:#f4f4f4; border-bottom:#004ca1 3px solid;}




.header .nav ul ul{ display:block}

.header .nav .e_j{position:absolute; width:auto; left:50%; transform:translateX(-50%);  min-width:140px;  background:#fff; top:80px;  display:none;  z-index:9999999999999; height:auto; border-top:#eeeeee 1px solid; box-sizing:border-box
}


.header .nav .e_j  ul li  a  i{ display:block; width:35px; height:35px; margin:0 auto; position:static; background-image:url(/template/default/images/dhbg.png); background-repeat:no-repeat; background-size:70px auto }




.header .nav .e_j  ul li  a  i.dh1{ background-position:0 0; transition:all 0.6s}
.header .nav .e_j  ul li  a  i.dh2{ background-position:0 -35px; transition:all 0.6s}
.header .nav .e_j  ul li  a  i.dh3{ background-position:0 -70px; transition:all 0.6s}
.header .nav .e_j  ul li  a  i.dh4{ background-position:0 -105px; transition:all 0.6s}
.header .nav .e_j  ul li  a  i.dh5{ background-position:0 -140px; transition:all 0.6s}
.header .nav .e_j  ul li  a  i.dh6{ background-position:0 -175px; transition:all 0.6s}
.header .nav .e_j  ul li  a  i.dh7{ background-position:0 -210px; transition:all 0.6s}
.header .nav .e_j  ul li  a  i.dh8{ background-position:0 -245px; transition:all 0.6s}
.header .nav .e_j  ul li  a  i.dh9{ background-position:0 -280px; transition:all 0.6s}
.header .nav .e_j  ul li  a  i.dh10{ background-position:0 -315px; transition:all 0.6s}
.header .nav .e_j  ul li  a  i.dh11{ background-position:0 -350px; transition:all 0.6s}
.header .nav .e_j  ul li  a  i.dh12{ background-position:0 -385px; transition:all 0.6s}
.header .nav .e_j  ul li  a  i.dh13{ background-position:0 -420px; transition:all 0.6s}



.header .nav .e_j  ul li:hover  a  i.dh1{ background-position:-35px 0; transition:all 0.6s}
.header .nav .e_j  ul li:hover  a  i.dh2{ background-position:-35px -35px; transition:all 0.6s}
.header .nav .e_j  ul li:hover  a  i.dh3{ background-position:-35px -70px; transition:all 0.6s}
.header .nav .e_j  ul li:hover  a  i.dh4{ background-position:-35px -105px; transition:all 0.6s}
.header .nav .e_j  ul li:hover  a  i.dh5{ background-position:-35px -140px; transition:all 0.6s}
.header .nav .e_j  ul li:hover  a  i.dh6{ background-position:-35px -175px; transition:all 0.6s}
.header .nav .e_j  ul li:hover  a  i.dh7{ background-position:-35px -210px; transition:all 0.6s}
.header .nav .e_j  ul li:hover  a  i.dh8{ background-position:-35px -245px; transition:all 0.6s}
.header .nav .e_j  ul li:hover  a  i.dh9{ background-position:-35px -280px; transition:all 0.6s}
.header .nav .e_j  ul li:hover  a  i.dh10{ background-position:-35px -315px; transition:all 0.6s}
.header .nav .e_j  ul li:hover  a  i.dh11{ background-position:-35px -350px; transition:all 0.6s}
.header .nav .e_j  ul li:hover  a  i.dh12{ background-position:-35px -385px; transition:all 0.6s}
.header .nav .e_j  ul li:hover  a  i.dh13{ background-position:-35px -420px; transition:all 0.6s}



.header .nav .e_j  ul li.on  a  i.dh1{ background-position:-35px 0; transition:all 0.6s}
.header .nav .e_j  ul li.on  a  i.dh2{ background-position:-35px -35px; transition:all 0.6s}
.header .nav .e_j  ul li.on  a  i.dh3{ background-position:-35px -70px; transition:all 0.6s}
.header .nav .e_j  ul li.on  a  i.dh4{ background-position:-35px -105px; transition:all 0.6s}
.header .nav .e_j  ul li.on  a  i.dh5{ background-position:-35px -140px; transition:all 0.6s}
.header .nav .e_j  ul li.on  a  i.dh6{ background-position:-35px -175px; transition:all 0.6s}
.header .nav .e_j  ul li.on  a  i.dh7{ background-position:-35px -210px; transition:all 0.6s}
.header .nav .e_j  ul li.on  a  i.dh8{ background-position:-35px -245px; transition:all 0.6s}
.header .nav .e_j  ul li.on  a  i.dh9{ background-position:-35px -280px; transition:all 0.6s}
.header .nav .e_j  ul li.on  a  i.dh10{ background-position:-35px -315px; transition:all 0.6s}
.header .nav .e_j  ul li.on  a  i.dh11{ background-position:-35px -350px; transition:all 0.6s}
.header .nav .e_j  ul li.on  a  i.dh12{ background-position:-35px -385px; transition:all 0.6s}
.header .nav .e_j  ul li.on  a  i.dh13{ background-position:-35px -420px; transition:all 0.6s}












.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j ul li{ display:block; width:100%;   font-weight:normal;  text-transform:none;white-space: nowrap; margin:0;

	text-overflow: ellipsis;
	white-space: nowrap;

	text-overflow: ellipsis; position:relative}
	.header .nav .e_j ul li:after{ content:none;}
.header .nav .e_j  ul li a{display:block; font-size:14px;  color:#333; padding: 0;}
.header .nav .e_j  ul li:hover a{ color:#fff}
.header .nav .e_j  ul li:hover { color:#fff; background-image: linear-gradient(90deg, #004ca1,#b9060a);}
.header .nav .e_j  ul li.on{ color:#fff; background-image: linear-gradient(90deg, #004ca1,#b9060a);}
.header .nav .e_j  ul li.on a{color:#fff}


.header .nav .e_j.cpej  ul li:hover{ background:none}
.header .nav .e_j.cpej  ul li:hover a{ color:#333}
.header .nav .e_j.cpej ul li a:hover{ color:#b9060a; text-decoration:underline}

.header .nav ul> li.hover .e_j a{ border:0; background:none;}
.header .nav .e_j ul{ display: flex;   justify-content: space-between;}
.header .nav .e_j ul li{  border-right:#eeeeee 1px solid; box-sizing:border-box; text-align:left; padding:20px;}
.header .nav .e_j ul li h3{ font-weight:normal; font-size:14px; line-height:40px}
.header .nav .e_j ul li p{ line-height:40px}
.more1 a{ display:block; background-image: linear-gradient(90deg, #004ca1,#b9060a); font-size:14px; line-height:40px; color:#fff; text-align:center }


.nav_search {
	display:block;
	width: 60px;
	height: 80px; text-align:center;
	
	line-height:80px;
	
	

	
}
.nav_search  i{font-size:15px}
.search_rt {
	position:relative;

}
.search {
	width: 240px;
	z-index: 999;
	position:absolute;
	top: 80px;
	right: 0px;
	background: #fff;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
	display: none;
}
.search form {
	position: relative;
	border: 1px solid #004ca1;
}
.search form .btn {
	display: block;
	width: 60px;
	height: 35px;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	
	font-size: 14px;
	cursor: pointer;
	color: #fff;
	outline:none;
	background:#004ca1 url(/template/default/images/sou.png) center no-repeat; background-size:18px auto;
}

.search form .keyword {
	width: calc(100% - 60px) ;
	height: 35px;
	border: none;

	padding: 0 10px;
	font-size: 14px;
	box-sizing:border-box;
	outline:none;
}

.topr{  display: flex;   justify-content: space-between; align-items: center;}

.en{ border-left:#e5e5e5 1px solid; padding-left:20px; line-height:20px; font-size:14px}
.jianju{ height:50px; overflow:hidden; display:none;}

@media only screen and (max-width:1270px){
	
	.header .nav ul>li{ width:auto; margin:0 5px; }
	
	}


@media only screen and (max-width:992px){

.header{ position:fixed;  top:0; width:100%; height:50px; left:0; z-index:999; background:#fff}
.header .an{display:block;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background-color:#fff; top:50px; right:0; margin:0;  overflow:auto;z-index:9; border-top:#eee 1px solid;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%;}

.header .nav ul{ display:block}
.header .nav ul li a.o_lm{ padding:0 0;  display:block;}
.header .nav i{display:block; color:#666;  top:0; right:20px; line-height:50px; height:50px; width:50px}
.header .nav ul li{width:100%; height:auto; text-align:left; font-size:16px; display:block; margin:0; padding:0; box-sizing:border-box;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li:hover  i{ color:#666}
.header .nav ul li i{color:#666}

.header .nav ul li:hover a.o_lm{ background:#f4f4f4; border-bottom:#004ca1 0px solid;}
.header .nav ul li.hover a{background:none; border-bottom:#004ca1 0px solid;}




.header .nav ul li a.o_lm{line-height:50px; padding-left:20px}
.header .nav ul li:hover a.o_lm{ }
.header .nav .y_j{border-bottom:1px solid #f1f1f1;}
.header .nav .e_j{padding:10px 0px; border-bottom:0px solid #666;box-shadow:none; overflow:hidden; border-top:0; background:none; position:inherit; top:auto; left:auto; width:100%; height: auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box; transform:none;}

.header .nav .e_j ul li a{ color:#666; padding:0; font-size:14px; margin:5px 0}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}
.header .nav .e_j ul li{ padding:0}

.header .nav .e_j ul{ display:block; padding:20px; padding-top:0; overflow:hidden}

.header .nav .e_j ul li{ border:0}
.header .nav .e_j ul li h3{ font-weight:bold}
.header .nav .e_j ul li p a{ line-height:25px}

.jianju{ display:block}


.logo{ margin:0px 0; top:0}
.logo img{ height:45px; width:auto}


.top1{ display:none;}

.search_rt{ position:fixed; right:90px}
.search {
	width: 100%;
	z-index: 999;
	position:fixed;
	top: 50px;
	right: 0px;
	background: #fff;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
	display: none;
}

.en{ position:fixed; right:60px}




.header .nav .e_j  ul li  a  i{ display:inline-block; line-height:25px; width:25px; height:25px;  vertical-align:middle; background-size:50px auto }

.header .nav .e_j  ul li  a  i.dh1{ background-position:0 0; }
.header .nav .e_j  ul li  a  i.dh2{ background-position:0 -25px; }
.header .nav .e_j  ul li  a  i.dh3{ background-position:0 -50px;}
.header .nav .e_j  ul li  a  i.dh4{ background-position:0 -75px; }
.header .nav .e_j  ul li  a  i.dh5{ background-position:0 -100px; }
.header .nav .e_j  ul li  a  i.dh6{ background-position:0 -125px; }
.header .nav .e_j  ul li  a  i.dh7{ background-position:0 -150px;}
.header .nav .e_j  ul li  a  i.dh8{ background-position:0 -175px; }
.header .nav .e_j  ul li  a  i.dh9{ background-position:0 -200px; }
.header .nav .e_j  ul li  a  i.dh10{ background-position:0 -225px; }
.header .nav .e_j  ul li  a  i.dh11{ background-position:0 -250px;}
.header .nav .e_j  ul li  a  i.dh12{ background-position:0 -275px;}
.header .nav .e_j  ul li  a  i.dh13{ background-position:0 -300px; }



.header .nav .e_j  ul li:hover  a  i.dh1{ background-position:-25px 0; }
.header .nav .e_j  ul li:hover  a  i.dh2{ background-position:-25px -25px; }
.header .nav .e_j  ul li:hover  a  i.dh3{ background-position:-25px -50px; }
.header .nav .e_j  ul li:hover  a  i.dh4{ background-position:-25px -75px; }
.header .nav .e_j  ul li:hover  a  i.dh5{ background-position:-25px -100px;}
.header .nav .e_j  ul li:hover  a  i.dh6{ background-position:-25px -125px; }
.header .nav .e_j  ul li:hover  a  i.dh7{ background-position:-25px -150px; }
.header .nav .e_j  ul li:hover  a  i.dh8{ background-position:-25px -175px; }
.header .nav .e_j  ul li:hover  a  i.dh9{ background-position:-25px -200px; }
.header .nav .e_j  ul li:hover  a  i.dh10{ background-position:-25px -225px; }
.header .nav .e_j  ul li:hover  a  i.dh11{ background-position:-25px -250px; }
.header .nav .e_j  ul li:hover  a  i.dh12{ background-position:-25px -275px; }
.header .nav .e_j  ul li:hover  a  i.dh13{ background-position:-25px -300px; }






}







.banner {
        width: 100%;
    	height:auto;
		overflow:hidden;
		position:relative;
		box-sizing:border-box;
		background:#000
    
 }
 .banner  .swiper-slide {
		width:100%;height:auto;
		position:relative; overflow:hidden }
		


.banner  .swiper-slide  img{ width:100%; height:auto;	}



.banner   .swiper-pagination-bullet{ width:20px; height:4px; background:#fff; border-radius:0; opacity:0.5}
.banner  .swiper-pagination-bullet-active{ position:relative;background:#fff;overflow:hidden; opacity:1}




.banner .w_z{ width:90%; position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%,-50%);max-width:1000px; text-align:center}
.banner .kuan h2{font-size:60px; color:#fff;  text-align:center; font-weight:bold}
.banner .kuan p{ display:block; margin:25px 0; font-size:20px; line-height:40px; color:#fff; font-weight:lighter; text-align:center}

.banner .kuan span { display:block; width:370px; margin:0 auto;display: flex;   justify-content:center; }
.banner .kuan span a.btn1{ display:block; width:170px; margin:0 auto; margin-top:25px; line-height:50px; text-align:center; background-image: linear-gradient(-90deg, #bd0003,#004da1); color:#fff;  font-size:14px; transition:all 0.6s; }

.banner .kuan span a.btn2{ display:block; width:170px; margin:0 auto; margin-top:25px; line-height:50px; text-align:center; background:url(/template/default/images/kuang.png) center no-repeat; background-size:100% 100%; color:#fff;  font-size:14px; transition:all 0.6s;  }

.banner .kuan span a:hover{ transform:translateY(-10px); transition:all 0.6s;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets{ text-align:center}
 



@media only screen and (max-width:1400px){
.banner .kuan h2{font-size:40px; }
.banner .kuan p{  margin:15px 0; font-size:14px; line-height:30px;}

.banner .kuan span { display:block; width:250px; margin:0 auto;display: flex;   justify-content:center; }
.banner .kuan span a.btn1{ display:block; width:120px;  margin-top:15px; line-height:30px;  font-size:14px;  }

.banner .kuan span a.btn2{ display:block; width:120px;  margin-top:15px; line-height:30px;  font-size:14px;   }

	
}



@media only screen and (max-width:992px){

	.banner .kuan h2{font-size:25px; }
.banner .kuan p{  margin:15px 0; font-size:12px; line-height:25px;}

.banner .kuan span { display:block; width:200px; margin:0 auto;display: flex;   justify-content:center; }
.banner .kuan span a.btn1{ display:block; width:90px;  margin-top:15px; line-height:25px;  font-size:12px;  }

.banner .kuan span a.btn2{ display:block; width:90px; margin-top:15px; line-height:25px;  font-size:12px;   }

	
}


@media only screen and (max-width:600px){
	
	.banner {

    	height:220px;
	
	
    
 }
 .banner  .swiper-slide {
		height:220px;
	 }
		


.banner  .swiper-slide  img{ width:100%; height:100%;object-fit: cover; opacity:0.8	}


	
}



.m1{box-shadow: 0px 0px 10px rgba(195,195,195,0.75); }

.m1 .contain{ display: flex;   justify-content: space-between;    align-items: center; padding:20px 0}
.gjc{display: flex;align-items: center;}
.gjc h3{ font-size:16px; color:#333333; font-weight:normal}
.gjc h3 i{ color:#be0002}
.gjc p a{ padding-left:20px; font-size:14px; color:#666666}
.gjc p a:hover{ color:#be0002; text-decoration:underline}

.sousuo{ border:#eeeeee 1px solid; border-radius:20px; width:380px}

.bd1{ border:0; padding:0 15px; width:280px; outline:none; line-height:40px; height:40px; background:none; box-sizing:border-box;}
.tjsou{ background:#be0002 url(/template/default/images/sou.png) 20px center no-repeat; border:0; width:100px; line-height:40px; height:40px; padding-left:30px; color:#fff; font-size:14px; cursor:pointer; border-radius:20px}



@media only screen and (max-width:992px){
	
	
.m1 .contain{ display:block}
.gjc h3{ font-size:14px; }
.gjc p a{ padding-left:10px; font-size:12px; }
.sousuo{width:100%; margin-top:10px}

.bd1{ width:calc(100% - 100px) }

}









.m2{  padding:80px 0; overflow:hidden}
.guanyu{ width:96%; margin:0 auto; max-width:1440px; display: flex;   justify-content: space-between; }


.gy1{ width:40%}
.gy1 h3{ display:block; font-size:36px; color:#333333; font-weight:bold;}
.gy1 h3 img{ vertical-align:middle; width:30px; height:auto; padding-left:10px}
.gy1 p{ display:block; margin:40px 0; font-size:16px; line-height:34px; color:#666666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:7; overflow:hidden
}
.more a{ display:block; width:102px; height:32px; border-radius:20px; background:#be0002;  display: flex;   justify-content: center;   align-items: center; color:#fff;transition:all 0.6s }
.more a i{ display:block; padding-left:5px}
.more a:hover{ transform:translateY(-10px); transition:all 0.6s}





.gy2{ width:55%;  position:relative; }

.gy2 video{ width:100%;object-fit: cover;}


@media only screen and (max-width:1400px){
	
.gy1 h3{  font-size:30px;}

.gy1 p{ margin:20px 0; font-size:14px; line-height:25px; }


}




@media only screen and (max-width:992px){

.guanyu{ display:block}


.m2{  padding:30px 0; overflow:hidden}

.gy1{ width:100%}

.gy1 h3{  font-size:20px;}

.gy1 p{ margin:10px 0; font-size:12px; line-height:20px; }


.more a{ height:25px; }

.gy2{ width:100%; height:240px; margin-top:20px}
.gy2:after{ content:none}

}


.m3{  padding:80px 0; overflow:hidden}
.bt1 { text-align:center; margin-bottom:30px}

.bt1 h3{ display:block; font-size:36px; color:#333}
.bt1 p{ display:block; padding:10px 0; color:#cfcfcf; font-size:14px}
.bt1 em img{ width:30px; height:auto}

.sypro ul{ display: flex;   justify-content: space-between;  flex-wrap:wrap;}
.sypro ul li{ width:32%; position:relative;background:#f3f4f2;transition:all 0.6s; margin-bottom:3%}

.sypro ul li .diwen{ width:100%; padding-bottom:50%; position:relative; }
.sypro ul li .diwen img{ position:absolute; width:100%; height:100%;object-fit: cover; opacity:0.15; z-index:1}


.sypro ul li .cpnr1{ position:absolute; top:50%; transform:translateY(-50%); left:0; padding-left:40px; box-sizing:border-box; width:38%; height:auto; z-index:3 }

.sypro ul li .cpnr1 h3{ display:block; font-size:25px; color:#333333; font-weight:bold}
.sypro ul li .cpnr1 p{ display:block; margin-bottom:30px; margin-top:10px; font-size:14px; color:#666666}
.sypro ul li .cpnr2{ position:absolute; top:0; right:0; box-sizing:border-box; width:62%; z-index:3; height:100%; }
.sypro ul li .cpnr2 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%;}



.sypro ul li a .cpnr1 span{ display:block; width:102px; height:32px; border-radius:20px; background:#fff; border:#e5e5e5 1px solid;  display: flex;   justify-content: center;   align-items: center; color:#666666;transition:all 0.6s }
.sypro ul li a .cpnr1 span  i{ display:block; padding-left:5px; color:#d2d2d2; }

.sypro ul li:hover  .cpnr1 span  i{ color:#be0002}


.sypro ul li:hover { background-image: linear-gradient(-90deg, #bd0003,#004da1); transition:all 0.6s  }


.sypro ul li:hover .cpnr1 h3{ color:#fff;}
.sypro ul li:hover .cpnr1 p{ color:#fff;}




@media only screen and (max-width:1400px){

.bt1 h3{ display:block; font-size:30px; color:#333}

.sypro ul li .cpnr1{  padding-left:20px; }

.sypro ul li .cpnr1 h3{  font-size:18px; }
.sypro ul li .cpnr1 p{ margin-bottom:20px;  font-size:12px;  }

}



@media only screen and (max-width:992px){

.bt1 h3{ font-size:23px; }

.sypro ul li{ width:49%; }

.sypro ul li .cpnr1{  padding-left:10px; width:50% }
.sypro ul li .cpnr1 h3{  font-size:14px; }
.sypro ul li .cpnr1 p{ margin-bottom:10px; margin-top:5px}


.sypro ul li a .cpnr1 span{ display:none; }
.m3{ padding:20px 0}



.sypro ul li .cpnr2{width:50%; z-index:3; height:100%; }


}





.m4{ padding:60px 0}
.bt2{ width:96%; margin:0 auto; max-width:1440px; display: flex;   justify-content: space-between;  align-items: center; margin-bottom:30px }
.bt21 h3{ display:block; font-size:36px; color:#333333}
.bt21 h3 img{ vertical-align:middle; padding-left:5px; width:30px; height:auto}
.bt21 p{ font-size:14px; color:#ddd; padding-top:10px}
.bt22{ font-size:18px; color:#666666}
.bt22 i{ padding-left:5px}
.bt22 a{color:#666666}



#lib_Tab1{width:100%;margin:0px;padding:0px; }

#lib_Tab1 .lib_Menubox {position:relative; width:96%; margin:0 auto; max-width:1440px}

#lib_Tab1 .lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:relative;top:3px; left:0; height:25px;text-align:center;}
#lib_Tab1 .lib_Menubox li{float:left;display:inline-block;cursor:pointer;width:16.66%;color:#666666; font-size:16px; text-align:center; padding:30px 0; line-height:30px;}
#lib_Tab1 .lib_Menubox li img{ display:block; margin:0 auto;-webkit-filter: grayscale(100%); opacity:0.4; width:80%; height:auto; max-width:70px; height:auto  }
#lib_Tab1 .lib_Menubox li.hover{padding:0px;width:12.5%; background-image: linear-gradient(-90deg, #bd0003,#004da1);padding:30px 0; color:#fff}
#lib_Tab1 .lib_Menubox li.hover img{-webkit-filter: grayscale(0); opacity:1}
#lib_Tab1 .lib_Contentbox{clear:both;margin-top:0px; border-top:none;height:auto; text-align:center;padding-top:0px;}








 .gd1,.gd2,.gd3,.gd4,.gd5,.gd6,.gd7,.gd8  { width:100%; padding-bottom:50px; position:relative  }
 .gd1 .swiper-slide,.gd2 .swiper-slide,.gd3 .swiper-slide,.gd4 .swiper-slide,.gd5 .swiper-slide,.gd6 .swiper-slide,.gd7 .swiper-slide,.gd8 .swiper-slide{position:relative}
 .gd1 .swiper-slide  .aljs,.gd2 .swiper-slide  .aljs,.gd3 .swiper-slide  .aljs,.gd4 .swiper-slide  .aljs,.gd5 .swiper-slide  .aljs,.gd6 .swiper-slide  .aljs,.gd7 .swiper-slide  .aljs,.gd8 .swiper-slide  .aljs{ position:absolute; right:0; background-image: linear-gradient(-90deg, #bd0003,#004da1); width:80%; height:250px; bottom:-100px; display:none;}
 .gd1 .swiper-slide-active .aljs,.gd2 .swiper-slide-active .aljs,.gd3 .swiper-slide-active .aljs,.gd4 .swiper-slide-active .aljs,.gd5 .swiper-slide-active .aljs,.gd6 .swiper-slide-active .aljs,.gd7 .swiper-slide-active .aljs,.gd8 .swiper-slide-active .aljs{ display:block; text-align:left; padding:30px; box-sizing:border-box}
 .gd1 .swiper-slide  i,.gd2 .swiper-slide  i,.gd3 .swiper-slide  i,.gd4 .swiper-slide  i,.gd5 .swiper-slide  i,.gd6 .swiper-slide  i,.gd7 .swiper-slide  i,.gd8 .swiper-slide  i{ display:block; width:100%; padding-bottom:43.5%; position:relative;}
 .gd1 .swiper-slide  i img,.gd2 .swiper-slide  i img,.gd3 .swiper-slide  i img,.gd4 .swiper-slide  i img,.gd5 .swiper-slide  i img,.gd6 .swiper-slide  i img,.gd7 .swiper-slide  i img,.gd8 .swiper-slide  i img{ position:absolute; width:100%; height:100%;object-fit: cover; left:0; top:0}
 

 
 
  .swiper-pagination1.swiper-pagination-bullets,.swiper-pagination2.swiper-pagination-bullets,.swiper-pagination3.swiper-pagination-bullets,.swiper-pagination4.swiper-pagination-bullets,.swiper-pagination5.swiper-pagination-bullets,.swiper-pagination6.swiper-pagination-bullets,.swiper-pagination7.swiper-pagination-bullets,.swiper-pagination8.swiper-pagination-bullets{ width:96%; margin:0 auto; max-width:1440px; text-align:left; font-size:0; margin-top:60px}
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0; border-radius:0; width:60px; height:2px; }
 

 
  .gd1 .swiper-slide .aljs h3,.gd2 .swiper-slide .aljs  h3,.gd3 .swiper-slide  .aljs  h3,.gd4 .swiper-slide  .aljs h3,.gd5 .swiper-slide  .aljs h3,.gd6 .swiper-slide  .aljs h3,.gd7 .swiper-slide  .aljs h3,.gd8 .swiper-slide  .aljs  h3{ display:block; color:#fff; font-size:30px;}


  .gd1 .swiper-slide .aljs p,.gd2 .swiper-slide .aljs  p,.gd3 .swiper-slide  .aljs  p,.gd4 .swiper-slide  .aljs p,.gd5 .swiper-slide  .aljs p,.gd6 .swiper-slide  .aljs p,.gd7 .swiper-slide  .aljs p,.gd8 .swiper-slide  .aljs  p{ display:block; color:#fff; font-size:14px; line-height:24px; margin:15px 0}
  
    .gd1 .swiper-slide .aljs span,.gd2 .swiper-slide .aljs  span,.gd3 .swiper-slide  .aljs  span,.gd4 .swiper-slide  .aljs span,.gd5 .swiper-slide  .aljs span,.gd6 .swiper-slide  .aljs span,.gd7 .swiper-slide  .aljs span,.gd8 .swiper-slide  .aljs  span{ color:#fff; font-size:20px}
	
	
	
	
	
@media only screen and (max-width:1400px){

.bt21 h3{  font-size:30px; }

.bt21 p{ font-size:14px; }
.bt22{ font-size:14px; }

#lib_Tab1 .lib_Menubox li{ font-size:14px; padding:20px 0; line-height:30px;}


  .gd1 .swiper-slide .aljs h3,.gd2 .swiper-slide .aljs  h3,.gd3 .swiper-slide  .aljs  h3,.gd4 .swiper-slide  .aljs h3,.gd5 .swiper-slide  .aljs h3,.gd6 .swiper-slide  .aljs h3,.gd7 .swiper-slide  .aljs h3,.gd8 .swiper-slide  .aljs  h3{ font-size:20px;}


  .gd1 .swiper-slide .aljs p,.gd2 .swiper-slide .aljs  p,.gd3 .swiper-slide  .aljs  p,.gd4 .swiper-slide  .aljs p,.gd5 .swiper-slide  .aljs p,.gd6 .swiper-slide  .aljs p,.gd7 .swiper-slide  .aljs p,.gd8 .swiper-slide  .aljs  p{ font-size:12px; line-height:24px; }

	
	
	}
	
@media only screen and (max-width:992px){

.bt21 h3{  font-size:23px; }

.bt21 p{ font-size:12px; }
.bt22{ font-size:12px; }
.m4{ padding:20px 0}


#lib_Tab1 .lib_Menubox li{width:25%;font-size:12px;  padding:10px 0; line-height:23px;}
#lib_Tab1 .lib_Menubox li img{  width:40%;  }
#lib_Tab1 .lib_Menubox li.hover{padding:0px;width:25%;padding:10px 0;}

  .gd1 .swiper-slide .aljs h3,.gd2 .swiper-slide .aljs  h3,.gd3 .swiper-slide  .aljs  h3,.gd4 .swiper-slide  .aljs h3,.gd5 .swiper-slide  .aljs h3,.gd6 .swiper-slide  .aljs h3,.gd7 .swiper-slide  .aljs h3,.gd8 .swiper-slide  .aljs  h3{ font-size:14px;}


  .gd1 .swiper-slide .aljs p,.gd2 .swiper-slide .aljs  p,.gd3 .swiper-slide  .aljs  p,.gd4 .swiper-slide  .aljs p,.gd5 .swiper-slide  .aljs p,.gd6 .swiper-slide  .aljs p,.gd7 .swiper-slide  .aljs p,.gd8 .swiper-slide  .aljs  p{ display:none;}

	    .gd1 .swiper-slide .aljs span,.gd2 .swiper-slide .aljs  span,.gd3 .swiper-slide  .aljs  span,.gd4 .swiper-slide  .aljs span,.gd5 .swiper-slide  .aljs span,.gd6 .swiper-slide  .aljs span,.gd7 .swiper-slide  .aljs span,.gd8 .swiper-slide  .aljs  span{ display:none;}
	
	
	.gd1 .swiper-slide .aljs, .gd2 .swiper-slide .aljs, .gd3 .swiper-slide .aljs, .gd4 .swiper-slide .aljs, .gd5 .swiper-slide .aljs, .gd6 .swiper-slide .aljs, .gd7 .swiper-slide .aljs, .gd8 .swiper-slide .aljs{ height:auto; bottom:-20px; padding:10px; right:10%; text-align:center }
	
	
	}
	
	
	
	
	
	
		
	
	
	
	.m5{ padding-bottom:50px}
	.xwjz{ width:100%; position:relative}
	
	
	.xinwen{ width:96%; margin:0 auto; max-width:1440px;}
   .xinwen .swiper-slide{ background:#fff}
   
   .xinwen .swiper-slide .xwpic{ display:block; width:100%; padding-bottom:65%; position:relative; overflow:hidden;}
    .xinwen .swiper-slide .xwpic img{ position:absolute; width:100%; height:100%; left:0; top:0;object-fit: cover; transition:all 0.6s}  
	 .xinwen .swiper-slide:hover .xwpic{ width:calc(100% - 10px); margin:0 5px; margin-top:5px;}
	 .xinwen .swiper-slide:hover .xwpic img{ transform:scale(1.1,1.1); transition:all 0.6s}
	
	.xinwen .swiper-slide:hover{background-image: linear-gradient(-90deg, #bd0003,#004da1);}
	
	 .xinwen .swiper-slide .xwzi{ padding:30px; box-sizing:border-box}
	.xinwen .swiper-slide .xwzi h3{ font-size:20px; color:#222; display:block;
text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
	
	
	
.xinwen .swiper-slide .xwzi em{ display:block; width:60px; height:1px; background:#333333; margin-top:10px}
.xinwen .swiper-slide .xwzi  p{ display:block; margin:15px 0; font-size:14px; line-height:25px; color:#666666; height:75px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden
}
.xinwen .swiper-slide .xwzi  span{ color:#999999; font-size:14px}
.xinwen .swiper-slide .xwzi  span:before{ padding-right:5px}
.xinwen .swiper-slide:hover .xwzi h3{ color:#fff}
.xinwen .swiper-slide:hover .xwzi em{ background:#fff}
.xinwen .swiper-slide:hover .xwzi p{ color:#fff}	
.xinwen .swiper-slide:hover .xwzi span{ color:rgba(255,255,255,0.6)}	
	
	
	.xwjz .swiper-button-next{ background:url(/template/default/images/right.png) center no-repeat; width:60px; height:60px; background-size:100% auto;}
		.xwjz .swiper-button-prev{ background:url(/template/default/images/left.png) center no-repeat; width:60px; height:60px; background-size:100% auto;}
		
		
		.m5 .more a{ margin:0 auto; margin-top:30px}
		
		
	
@media only screen and (max-width:1400px){
	
		.xwjz .swiper-button-next{ width:50px; height:50px; }
		.xwjz .swiper-button-prev{ width:50px; height:50px;}
		
	
	
	
	
}
		
		
		
@media only screen and (max-width:992px){
	
		.xwjz .swiper-button-next{ width:30px; height:30px; }
		.xwjz .swiper-button-prev{ width:30px; height:30px;}
		 .xinwen .swiper-slide .xwzi{ padding:15px; box-sizing:border-box}
	
		.xinwen .swiper-slide .xwzi h3{ font-size:14px}

.xinwen .swiper-slide .xwzi  p{ font-size:12px; line-height:20px; color:#666666; height:60px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden
}
	
	.xinwen .swiper-slide .xwzi  span{ font-size:12px}
	
}
				
		
		
		
		
		.foot:before{ content:""; width:100%; display:block; height:5px;background-image: linear-gradient(-90deg, #bd0003,#004da1);}
		.foot{ background:#292929 url(/template/default/images/footbg.png) center   50px no-repeat;}
		
		.foot1{display: flex;   justify-content: space-between; padding-top:50px}
		.foot2 a{color:#999; }
		.foot2 a:hover{color:#fff; }
		.liuyan{  width:500px}
		.liuyan h1{ display:block; color:#fff; font-size:40px; font-weight:bold}
		.liuyan h2{ font-size:14px; color:#999999; font-weight:normal}
		.liuyan ul{ margin-top:30px; overflow:hidden; display: flex;   justify-content: space-between;flex-wrap:wrap; }
		.liuyan ul li{ margin-top:15px; background:rgba(255,255,255,0.1); width:100%}
		
		.liuyan ul li:nth-child(1){ width:48%; }
		.liuyan ul li:nth-child(2){ width:48%; }
	

		.lybd{ background:none; width:100%; padding:0 15px; box-sizing:border-box; outline:none; border:0; line-height:45px; height:45px; color:#999999}
		.lybd2{ background:none; width:100%; padding:0 15px; box-sizing:border-box; outline:none; border:0; line-height:45px; height:100px; color:#999999}
		
		.tjly{ width:100%; height:50px; background-image: linear-gradient(-90deg, #bd0003,#004da1); border:0; outline:none; cursor:pointer; font-size:16px; color:#fff}
		
		
		.kslj{ width:calc(100% - 650px)}
		
		
		.kslj ul{display: flex; flex-wrap:wrap;}
		
		.kslj ul li{ overflow:hidden; width:33.33%; margin-bottom:20px}
		.kslj ul li:nth-child(5){ width:60%}
		
		.kslj ul li h3{ display:block; font-size:18px; color:#fff; font-weight:bold}
		
		.kslj ul li em{ display:block; margin-top:10px; margin-bottom:15px; background:url(/template/default/images/line2.jpg) center no-repeat; background-size:cover; width:20px; height:3px}
		
		.kslj ul li p{ display:block; font-size:14px; color:#999; line-height:30px}
		.kslj ul li p a{ color:#999; display:block}
		
		.kslj ul li p a:hover{ color:#fff}
		
		
		.foot2{ border-top: rgba(255,255,255,0.1) 1px solid; margin-top:30px; font-size:14px; color:#999; text-align:center; padding:15px 0}
		
		
		@media only screen and (max-width:1200px){
			
	.liuyan{  width:400px}
	.kslj{ width:calc(100% - 450px)}
	
	.liuyan h1{ font-size:25px; }
		.liuyan h2{ font-size:12px; }
		.liuyan ul{ margin-top:20px;  }
	}
		
				
		@media only screen and (max-width:992px){
			
	.liuyan{  width:100%}
	.kslj{ width:100%; margin-top:15px}
	.foot1{ display:block;padding-top:20px}
	
		.kslj ul li h3{ display:block; font-size:14px;}
		.kslj ul li p{font-size:12px;  line-height:20px}
		
		.foot2{ margin-top:20px; font-size:12px; padding:10px 0}
			
	
		}
		
		
		
		.nbanner{ width:100%; height:400px; position:relative; overflow:hidden; background-image: linear-gradient(180deg, #bd0003,#004da1);}
		
		.nbanner img{ position:absolute; left:0; top:0; width:100%; height:100%;object-fit: cover; opacity:0.3}
		
		
		.weizhi{ background:#fafafa; line-height:60px; color:#999999; font-size:14px}
		.weizhi a{color:#999999}
		.weizhi a:hover{color:#b80307}
		.weizhi em{ font-style:normal}
		.weizhi em:last-child {color:#b80307}
		
		.nmain{ padding:50px 0; overflow:hidden}
		
		.ndh ul{display: flex; margin-bottom:50px}
		.ndh ul li a{ display:block; font-size:14px; line-height:40px; color:#333333; background:#dcdcdc; padding:0 20px; margin-right:20px; }
		.ndh ul li a:hover{ background-image: linear-gradient(-90deg, #bd0003,#004da1);  color:#fff; }
		.ndh ul li.on a{ background-image: linear-gradient(-90deg, #bd0003,#004da1);  color:#fff;}
		
		
		.tuwen{ display: flex;   justify-content: space-between;flex-wrap:wrap; }
		.nbt{ font-size:36px; color:#333; font-weight:bold}
		.nbt img{ display:block; margin:15px 0}
		
		.tw1{ width:45%; font-size:14px; color:#666; line-height:30px}
		.tw1 h3{ display:block; font-size:18px; color:#333; margin-bottom:10px}
		.tw2{ width:50%; background:#000; position:relative; background:url(/template/default/images/huixian.jpg) center no-repeat; background-size:cover; padding:15px; box-sizing:border-box}
	
		
		
		.tw2 video{ width:100%;object-fit: cover;}
		
		.tw3{ width:100%; font-size:14px; color:#666; line-height:30px; margin-top:40px}
		.tw3 h3{ display:block; font-size:18px; color:#333; margin-bottom:10px}


							
		@media only screen and (max-width:1400px){
		.tw1{ font-size:14px; line-height:25px}
		.tw3{  font-size:14px; line-height:25px; margin-top:20px}
		
		.nbt{ font-size:30px; }
		
			
		}
				
				
				
		@media only screen and (max-width:992px){
			.nbanner{ height:200px}
			
			.weizhi{ line-height:30px; font-size:12px}
		
				.ndh ul li a{ font-size:12px; line-height:30px;padding:0 5px; margin-right:5px; }
				.ndh ul{display: flex; margin-bottom:15px}
				.nmain{ padding:20px 0; overflow:hidden}
				
				.tw1{ width:100%; font-size:12px; line-height:23px}
				.tw2{ width:100%; height:300px; margin:15px 0}
		.tw3{font-size:12px; line-height:23px}
		
		.tw3 h3{ font-size:14px; }
.tw1 h3{ font-size:14px; }
.nbt{ font-size:20px; }

.nbt img{ width:10px; height:auto}		

.tw2:after{ content:none;}
		
		
			}
			
			
	@media only screen and (max-width:768px){
			
					.nbanner{ height:160px}
		
			}
			
			
			
			
		.linian ul{ display: flex;   justify-content: space-between; }	
		
		.linian ul li{ width:31%;position:relative; padding:80px; box-sizing:border-box;}
		.linian ul li:before{ content:""; position:absolute; width:100%; height:100%; background-image: linear-gradient(180deg, #bd0003,#004da1);  left:0px; top:0px; transition:all 0.2s; z-index:0 }
		.linian ul li:after{ content:""; position:absolute; width:calc(100% - 20px); height:calc(100% - 20px); left:10px; top:10px; background:rgba(255,255,255,0.9); transition:all 0.2s; z-index:0}	
		.linian ul li i{ display:block; margin:0 auto; width:140px; height:140px; position:relative; z-index:1; background-position: right center; background-repeat:no-repeat; background-size:200% auto}	
			
		.linian ul li em{ display:block; width:1px; height:30px; background:#014ca1; margin:20px auto; position:relative; z-index:1}	
		
		.linian ul li h3{ display:block;  position:relative; z-index:1; font-size:24px; color:#333; text-align:center; margin-bottom:20px}	
		
		.linian ul li  p{ display:block; color:#666666; font-size:16px; line-height:30px; position:relative; z-index:1; text-align:center;}
		
		.linian ul li:hover{ padding-top:40px; padding-bottom:120px}
		

		.linian ul li:hover:before{ transition:all 0.2s; transform:scaleY(1.1);box-shadow: 0px 0px 30px rgba(183,3,7,0.25); }
        .linian ul li:hover:after{ transition:all 0.2s; transform:scaleY(1.1);border:rgba(255,255,255,0.9) 2px solid; box-sizing:border-box;background:url(/template/default/images/yclogo.png) bottom center no-repeat; background-size:70% auto;  }
		.linian ul li:hover i{ background-position: left center;}
		.linian ul li:hover em{ background:#fff}
		.linian ul li:hover h3{ color:#fff}
		.linian ul li:hover p{ color:#fff}	
			
			
		
			
			
				@media only screen and (max-width:1400px){
			.linian ul li{ padding:50px}
			.linian ul li i{  width:100px; height:100px; }	
			.linian ul li h3{  font-size:20px; }	
		   .linian ul li  p{ font-size:14px; line-height:25px;}
		
		
			}
			
			
			
					
				@media only screen and (max-width:992px){
		.linian ul { display:block}
		.linian ul li{ width:100%; margin-bottom:15px; padding:20px}
		
		.linian ul li i{  width:60px; height:60px; }	
			.linian ul li em{ width:1px; height:15px; margin:10px auto;}	
		
		.linian ul li h3{  font-size:16px; margin-bottom:15px }	
		   .linian ul li  p{ font-size:12px; line-height:23px;}
		   
		   	.linian ul li:hover{ padding-top:20px; padding-bottom:60px}
			
					.linian ul li:after{ content:""; position:absolute; width:calc(100% - 10px); height:calc(100% - 10px); left:5px; top:5px; }	
		
		
			}
				
			
			
			.zuzhi{ text-align:center;}
			
			.zuzhi img{ max-width:100%; height:auto}
			
			
			.tuandui ul{ display: flex;   justify-content: space-between; flex-wrap:wrap;}
			
			
			.tuandui ul li{ background:#e5e5e5; width:49%; margin-bottom:2%; padding:3px; border-radius:100px 5px 5px 100px; transition:all 0.6s; box-sizing:border-box }
			.tuandui ul li:hover{background-image: linear-gradient(-90deg, #bd0003,#004da1);transition:all 0.6s  }
			
			.tuandui ul li a{display: flex;   justify-content: space-between;}
			.tuandui ul li .tdpic{ width:188px; height:188px; border-radius:50%; overflow:hidden}
			.tuandui ul li .tdpic img{ width:100%; height:auto}
			.tuandui ul li .tdjs{ width:calc(100% - 200px); padding:20px 0; box-sizing:border-box}
			
			.tuandui ul li .tdjs h3{ display:block; color:#333; font-size:20px; margin-bottom:5px}
			.tuandui ul li .tdjs h3 em{ font-style:normal; font-weight:normal; font-size:14px; color:#999999; padding-left:5px}
			
			.tuandui ul li .tdjs p{ display:block; color:#999999; font-size:14px; line-height:23px;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; overflow:hidden}

.tuandui ul li:hover .tdjs h3{ color:#fff}
.tuandui ul li:hover .tdjs h3 em{ color:#fff;opacity:0.6}
.tuandui ul li:hover .tdjs p{ color:#fff; opacity:0.6}
			
			
@media only screen and (max-width:1400px){
							
			.tuandui ul{ display:block}
			.tuandui ul li{ width:100%}
		
							
}
			
			
@media only screen and (max-width:992px){
							
	
			.tuandui ul li .tdpic{ width:140px; height:140px; border-radius:50%; overflow:hidden}
	
			.tuandui ul li .tdjs{ width:calc(100% - 150px); padding:10px 0; box-sizing:border-box}
			
				.tuandui ul li .tdjs h3{ font-size:16px; margin-bottom:5px}
			.tuandui ul li .tdjs h3 em{  font-size:12px;}
			
			.tuandui ul li .tdjs p{ font-size:12px; line-height:20px;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; overflow:hidden}
							
}	
	
	
@media only screen and (max-width:414px){
							

			.tuandui ul li .tdpic{ width:100px; height:100px;}
	
			.tuandui ul li .tdjs{ width:calc(100% - 110px);}
			
			.tuandui ul li .tdjs p{
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow:hidden}
							

							
}		
			
	.nbt2{ border-bottom:#edeaef 1px solid; position:relative}
	.nbt2 h3{ display:block; color:#333; font-size:36px; text-align:center; padding-bottom:20px}
	.nbt2:after{ content:""; width:30px; height:3px; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%);background-image: linear-gradient(-90deg, #bd0003,#004da1); z-index:2}
	
.gallery-topp { width:100%; height:auto;}
.gallery-thumbs {height:auto;box-sizing: border-box; position:relative; padding:25px 0}
.gallery-thumbs .swiper-slide {height: 100%; text-align:center; font-size:16px; color:#666; line-height:40px}



.gallery-thumbs:after{content:'';width:100%;height:1px;background:#eeeeee;position:absolute;z-index:10; top:20px; z-index:-1}
	
.gallery-thumbs .swiper-slide:after{content:'';width:12px;height:12px;position:absolute;z-index:20;top:-10px;left:50%;margin-left:-12px; background:#fff; border:#dcdcdc 1px solid; box-sizing:border-box}
	
.gallery-thumbs .swiper-slide-thumb-active:after{ content:'';width:10px;height:10px;position:absolute;z-index:20;top:-9px;left:50%;margin-left:-11px;   box-sizing:border-box;background:#b50107;  border:0}
.gallery-thumbs .swiper-slide-thumb-active:before{ content:'';width:16px;height:16px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-14px; background:#fff; border:#b50107 1px solid; box-sizing:border-box}
		
.gallery-thumbs .swiper-slide-thumb-active{ color:#b50107}
	
	

.time2{ display: flex;   justify-content: space-between; max-width:630px; margin:80px auto; width:100%}
.time2 h4{position:relative;font-size:36px; width:160px; color:#b50107; display:block}
.time2 p{ font-size:16px; color:#666; line-height:30px; display:block; width:calc(100% - 160px)}

.gallery-thumbs .swiper-button-next{ width:22px; line-height:22px; height:22px; background:#fff url(/template/default/images/you.png) center no-repeat; background-size:18px auto; border:#dcdcdc 1px solid; right:0; top:30px}

.gallery-thumbs .swiper-button-prev{ width:22px; line-height:22px; height:22px; background:#fff url(/template/default/images/zuo.png) center no-repeat; background-size:18px auto; border:#dcdcdc 1px solid; left:0; top:30px}


		
@media only screen and (max-width:1400px){

	.nbt2 h3{ font-size:30px; }
	.time2 h4{font-size:30px; }
.time2 p{ font-size:14px; line-height:25px; }

	
}
		
	
@media only screen and (max-width:992px){

.nbt2 h3{ font-size:23px; }
	
.time2{ display:block; margin:20px auto; width:100%}
.time2 h4{ width:100%; font-size:20px}
.time2 p{ font-size:12px; line-height:23px; width:100%}


.gallery-thumbs .swiper-slide { font-size:14px; color:#666; line-height:40px}

}
			
	 .nxw1{ padding-bottom:50px; position:relative}
     .xwxw{ position:relative;height:430px}
 .xwxw ul li{ display: flex;   justify-content: flex-end;  margin-bottom:25px; }

 .xwxw ul li:nth-child(2n){ margin-bottom:0}

    .xwxw ul li .xw01{ position:absolute; width:44%; left:0; top:0; height:100%; overflow:hidden; z-index:0 }	
	  .xwxw ul li:nth-child(1) .xw01{ z-index:2}
		
    .xwxw ul li  .xw01 img{ width:100%; height:100%;object-fit: cover; transition:all 0.6s}	
    .xwxw ul li  .xw01:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
    .xwxw ul li  .xw01 .xw011{ position:absolute; left:0; width:100%; height:auto; padding:15px; box-sizing:border-box; bottom:0;background-image: linear-gradient(-90deg, #bd0003,#004da1);
 display: flex;   justify-content: space-between; z-index:2 }
	
    .xwxw ul li  .xw01 .xw011 p{ font-size:20px; color:#fff; font-weight:bold}
	.xwxw ul li  .xw01 .xw011 i{ font-size:30px; color:#fff}
	
	.xwxw ul li .xw02 { height:200px; width:54%; background:#fff; border:#eeeeee 1px solid; box-sizing:border-box;}
	.xwxw ul li:hover .xw01{ z-index:9; transition:all 0.6s}

	.xwxw ul li .xw02  a{display: flex;   justify-content: space-between;}
	.xwxw ul li .xw02  a i{ display:block; width:39%; height:200px; position:relative; overflow:hidden}
	
	.xwxw ul li .xw02  a i img{width:100%; height:100%; left:0; top:0; position:absolute; object-fit: cover; transition:all 0.6s}
	.xwxw ul li .xw02:hover a i img{ transform:scale(1.1,1.1); transition:all 0.6s}
	
	.xwxw ul li .xw02  a div{ padding:15px 30px; box-sizing:border-box; width:61%}
	.xwxw ul li .xw02  a div h3{ display:block; font-size:20px; color:#222222; margin:10px 0;
text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
	
	.xwxw ul li .xw02  a div span{ display:block; background:#b70004; width:90px; line-height:24px; text-align:center; color:#fff; font-size:14px}
	.xwxw ul li .xw02  a div  em{ display:block; width:60px; height:1px; background:#eaeaea; margin-bottom:10px}
	.xwxw ul li .xw02  a div p{ display:block; font-size:14px; color:#666666; line-height:25px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden
}


	

.nxw1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px; width:40px; height:5px}
.nxw1 .swiper-pagination-bullet-active{background-image: linear-gradient(-90deg, #bd0003,#004da1); }
	
	
	
	.nxw2 ul{display: flex;    flex-wrap:wrap; }
	
	.nxw2 ul li{ background:#fff; width:32%; border:#eeeeee 1px solid; box-sizing:border-box; margin-right:2%; margin-bottom:2%}
	.nxw2 ul li:nth-child(3n){margin-right:0; }

	.nxw2 ul li .xwpic{ display:block; width:100%; padding-bottom: 65%; overflow:hidden; position: relative;}
	.nxw2 ul li .xwpic img{ width:100%; position: absolute; min-height: 100%; height:auto; left:0; transition:all 0.6s; top:0;}  
	.nxw2 ul li:hover .xwpic{ width:calc(100% - 10px); margin:0 5px; margin-top:5px;}.nxw2 ul li .xwpic img
	.nxw2 ul li:hover .xwpic img{ transform:scale(1.1,1.1); transition:all 0.6s}
	.nxw2 ul li:hover{background-image: linear-gradient(-90deg, #bd0003,#004da1);}
	.nxw2 ul li .xwzi{ padding:30px; box-sizing:border-box}
	.nxw2 ul li .xwzi h3{ font-size:20px; color:#222; display:block;
text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
		.nxw2 ul li .xwzi em{ display:block; width:60px; height:1px; background:#333333; margin-top:10px}
	.nxw2 ul li .xwzi  p{ display:block; margin:15px 0; font-size:14px; line-height:25px; color:#666666; height:75px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden
}
	.nxw2 ul li .xwzi  span{ color:#999999; font-size:14px}
	.nxw2 ul li .xwzi  span:before{ padding-right:5px}
	.nxw2 ul li:hover .xwzi h3{ color:#fff}
	.nxw2 ul li:hover .xwzi em{ background:#fff}
	.nxw2 ul li:hover .xwzi p{ color:#fff}	
	.nxw2 ul li:hover .xwzi span{ color:rgba(255,255,255,0.6)}	
	
	
	
.yema{ text-align:center;  margin-top:20px}
.yema ul li{ display:inline-block; margin:5px 0 }
.yema ul li a{ display:block; color:#333; padding:7px 12px; font-size:12px;}
.yema ul li a:hover{ background:#004ca1; color:#fff}
.yema ul li a.on{background:#004ca1; color:#fff}

.yema ul li:last-child a{ background:none;}
.yema ul li:last-child a:hover{ color:#333}

.yema ul li:first-child a{ background:none;}

.yema ul li:first-child a:hover{ color:#333}


@media only screen and (max-width:1440px){
	
	.xwxw ul li .xw01 .xw011 p{ font-size:16px; }
	
	.xwxw ul li .xw02  a div h3{  font-size:16px; }
	.xwxw ul li .xw02  a div span{  font-size:12px; }
	.xwxw ul li .xw02  a div p{  font-size:12px;  line-height:23px;}

	
	.nxw2 ul li .xwzi h3{ font-size:16px }

	.nxw2 ul li .xwzi  p{ margin:10px 0; font-size:12px; line-height:23px;  height:69px;}
	
	.nxw2 ul li .xwzi  span{ font-size:12px}
	
}
	
	
	
@media only screen and (max-width:992px){
	
	
	.xwxw{ display:block; padding-top:240px; height:auto; }	
	
	.xwxw ul { display: flex;   justify-content: space-between; }
	.xwxw ul li{ width:49%; display:block; margin:0}

	.xwxw ul li .xw01{ width:100%; height:240px; margin-bottom:15px;}	
	.xwxw ul li .xw02{ width:100%; height:auto}		
		
	.xwxw ul li .xw01 .xw011 {  padding:10px }
	.xwxw ul li .xw01 .xw011 p{ font-size:14px}


	.xwxw ul li .xw02  a{ display:block}
	.xwxw ul li .xw02  a i{ display:block; width:100%; padding-bottom:67%; height:inherit; overflow:hidden}

	
	.xwxw ul li .xw02  a div{ padding:10px; box-sizing:border-box; width:100%; position:relative}
	.xwxw ul li .xw02  a div h3{  font-size:14px; margin:0 }
	.xwxw ul li .xw02  a div span{ display:block; position:absolute; top:-30px; z-index:2}

	.xwxw ul li .xw02  a div  em{ display:none;}
	.xwxw ul li .xw02  a div p{ display:none}


	
.yema ul li a{  padding:2px 5px; font-size:12px;}
	
}
	
	
	
@media only screen and (max-width:768px){
.nxw2 ul li{ background:#fff; width:100%; border:#eeeeee 1px solid; box-sizing:border-box; margin-right:0; margin-bottom:2%}
	
	.nxw2 ul li .xwzi{ padding:10px; box-sizing:border-box}
	
	.nxw2 ul li .xwzi h3{ font-size:14px }
	
	
}
	
.wzxq{ margin:50px auto; background:#fff; padding:50px; box-sizing:border-box; font-size:16px; color:#333; line-height:30px}

.wzxq img{ margin:0 auto; max-width:100%; height:auto}

.wzbt{ text-align:center; margin-bottom:60px;display: flex;   justify-content: space-between; border-bottom:#e5e5e5 1px solid; padding-bottom:30px }
.wzbt h3{ font-size:30px; color:#333; font-weight:normal}
.wzbt p{ display:block; font-size:14px; color:#999; }
.wzbt p em{ padding-left:20px; font-style:normal}

.nbt3{ text-align:center; margin-top:50px;} 
.nbt3 h3{ display:block; font-size:24px; color:#333;}
.nbt3 em{ display:block; width:60px; height:2px; background:#b80e26; margin:0 auto; margin-top:15px}

.tuijian .xwlb3{ margin-top:30px}

.tiaozhuan{ display: flex;   justify-content: space-between; margin-top:30px}
	
.tjbt { position:relative; margin-bottom:30px}
.tjbt:after{ content:""; width:100%; height:1px; background:#e1e2e4; position:absolute; top:50%; right:0; }
.tjbt h3{ display:block; position:relative; display:inline-block; width:auto; font-size:20px; color:#fff; line-height:45px; padding:0 20px;background-image: linear-gradient(-90deg, #bd0003,#004da1); font-weight:normal; z-index:2}


@media only screen and (max-width:1400px){
.wzxq{ margin:50px auto; padding:30px; font-size:14px;  line-height:25px}


.wzbt{  margin-bottom:40px; padding-bottom:30px }
.wzbt h3{ font-size:23px; }
.wzbt p{  font-size:12px; }

	
}	
	

@media only screen and (max-width:992px){
.wzxq{ margin:20px auto; padding:15px; font-size:12px;  line-height:20px}


.wzbt{  margin-bottom:20px; padding-bottom:10px; display:block }
.wzbt h3{ font-size:16px; }

.tiaozhuan{ display:block}

.tjbt h3{ font-size:16px; line-height:40px}
	
}	
	
	
.jishu{ position:relative; margin-bottom:40px }
.jsnr{ width:calc(100% - 610px); border:#eeeeee 1px solid; box-sizing:border-box; background:#fff; padding:50px; box-sizing:border-box; color:#666666; font-size:14px; line-height:25px; min-height:800px}
.jsnr h3{ display:block; font-size:20px; color:#333; margin-bottom:15px}
.jsnr img{ max-width:100%; height:auto; display:block; margin:0 auto}
.jsbt{ position:absolute; right:0; top:0; width:610px; height:100%;overflow-y:scroll; padding-right:30px; box-sizing:border-box}

.jsbt ul li{ display:block; width:100%;position:relative; margin-bottom:12px; line-height:60px;  background-image:url(/template/default/images/bq.png); background-position:20px center; background-repeat:no-repeat; background-size:22px auto }
.jsbt ul li:after{content:""; position:absolute; width:calc(100% - 10px) ; height:100%; right:0; top:0; z-index:-1; background-color:#eeeeee;}

.jsbt ul li a{ display:block; font-size:16px; color:#666; margin-left:45px; margin-right:10px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; position:relative; z-index:1 }

.jsbt ul li:hover{ background-color:none; background-image:url(/template/default/images/bh.png); background-position:20px center; background-repeat:no-repeat; background-size:22px auto }

.jsbt ul li:hover:after{ content:""; position:absolute;width:calc(100% - 10px) ; height:100%; right:0; top:0; z-index:-1; background-image: linear-gradient(-90deg, #bd0003,#004da1);}

.jsbt ul li:hover a{ color:#fff}
.jsbt ul li:hover:before{ content:""; position:absolute; width: 0;  height: 0;    border-top: 8px solid transparent;    border-right: 10px solid #004a9e;    border-bottom: 8px solid transparent; left:0px; top:50%; transform:translateY(-50%); z-index:999}


.jsbt ul li.hover:before{ content:""; position:absolute; width: 0;  height: 0;    border-top: 8px solid transparent;    border-right: 8px solid #00499e;    border-bottom: 8px solid transparent; left:2px; top:50%; transform:translateY(-50%); z-index:2}

.jsbt ul li.hover:after{ content:""; position:absolute; width:calc(100% - 10px) ; height:100%; right:0; top:0; z-index:-1; background-image: linear-gradient(-90deg, #bd0003,#004da1);}
.jsbt ul li.hover{ background-color:transparent;background-image:url(/template/default/images/bh.png); background-position:20px center; background-repeat:no-repeat; background-size:22px auto }
.jsbt ul li:hover{ background-color:transparent;}

.jsbt ul li.hover a{ color:#fff}


.jsbt::-webkit-scrollbar{width:5px;}
.jsbt::-webkit-scrollbar-track{background-color:#eee;}
.jsbt::-webkit-scrollbar-thumb{background-color:#004ca1;}
.jsbt::-webkit-scrollbar-thumb:hover{background-color:#004ca1;}
.jsbt::-webkit-scrollbar-thumb:active{background-color:#004ca1;}



@media only screen and (max-width:1400px){
	
.jsnr{ width:calc(100% - 410px); padding:30px; }	
.jsbt{  width:400px; }
.jsbt ul li{ line-height:50px}
.jsbt ul li a{  font-size:14px;  }

	
}



@media only screen and (max-width:992px){
	
.jsbt{ position:static; width:100%; height:300px; padding-right:10px; margin-bottom:20px}
.jsnr{ width:100%; padding:15px; font-size:12px; line-height:20px; min-height:inherit}	
.jsbt ul li{ line-height:30px; margin-bottom:5px}
.jsbt ul li a{  font-size:12px;  }


.jsnr h3{ font-size:16px;}

.jsbt ul li.hover:before{ content:none}
.jsbt ul li:hover:before{ content:none}

	
}

.cpcp{ margin-bottom:40px}
.nlf{ float:left; width:280px;}
.nlf h3{ display:block;background-image: linear-gradient(-90deg, #bd0003,#004da1); font-size:20px; line-height:55px; color:#fff; font-weight:normal; padding-left:20px;}
.nrt{ float:right; width:calc(100% - 280px) }
.cplb ul li{ float:left; width:23%; margin-left:2%; margin-bottom:2%}
.cplb ul li i{ display:block; border:#eeeeee 1px solid; box-sizing:border-box}
.cplb ul li i img{ width:100%; height:auto}

.cplb ul li:hover i{box-shadow: 0px 0px 15px rgba(195,195,195,0.55);}

.cplb ul li .cpzi{ padding:15px 5px; box-sizing:border-box; position:relative;transition:all 0.6s}
.cplb ul li .cpzi span{ font-size:12px; color:#999}
.cplb ul li .cpzi p{ font-size:14px; color:#333; padding-top:10px; display:block;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; width:calc(100% - 20px) }

.cplb ul li .cpzi:after{ content:"+"; position:absolute; right:5px; bottom:5px; color:#333; font-weight:bold; font-size:20px}

.cplb ul li:hover .cpzi{ background-image: linear-gradient(-90deg, #bd0003,#004da1); transition:all 0.6s}

.cplb ul li:hover .cpzi p{ color:#fff; padding-left:5px;transition:all 0.6s}
.cplb ul li:hover .cpzi span{ color:#fff;padding-left:5px; transition:all 0.6s}

.cplb ul li:hover .cpzi:after{ color:#fff}





.ej{ overflow:hidden;}

.ej ul{ overflow:hidden; padding:10px 0}
.ej ul li{width:100%; display:block;position:relative;}
.ej ul li a{ font-size:14px; color:#666; line-height:30px; text-decoration:none; display:block; padding-left:20px; 
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}

.ej ul li:after{ content:">";  position:absolute; right:0; top:0px; line-height:30px}

.ej ul li a:hover{ color:#bc2428; text-decoration:underline}
.ej ul li:hover:after{color:#255da8;}


.ej .fl{margin-top:10px; overflow:hidden;border-bottom:#eeeeee 1px solid;}
.ej .fl h4{ font-size:16px; line-height:50px; text-indent:10px; position:relative;  font-weight:normal}
.ej .fl h4 a {font-size:16px; line-height:50px; color:#333; }


.ej .fl h4 i{height:50px; width:50px; font-size:18px; line-height:50px; text-align:center; text-indent:0; display:block; position:absolute; top:0; right:0; font-style:normal}

.ej .fl h4 i:after{ content:"+"; font-weight:bold}
.ej .fl h4.dxl i:after{ content:">"}
.ej .fl h4.on i{color:#004ca1;}
.ej .fl h4.on i:after{ content:"-"}
.ej .fl h4.on.dxl i:after{ content:">"}


.ej .fl ul{display:none;}
.ej .fl em{ font-weight:normal; font-style:normal; font-size:12px; color:#999999; padding-left:10px}




@media only screen and (max-width:992px){
	
	.nlf{ float:none; width:100%; margin-bottom:20px;}
	.nrt{ float:none; width:100%}
	
	.nlf h3{  font-size:16px; line-height:35px; }
	
	.ej .fl h4{ font-size:14px; line-height:40px; text-indent:10px; position:relative;  font-weight:normal}
.ej .fl h4 a {font-size:14px; line-height:40px; color:#333; }
.ej .fl h4 i{height:40px; width:50px; font-size:14px; line-height:40px;}

.cplb ul li{ float:left; width:49%; margin-left:0; margin-right:2%; margin-bottom:2%}

.cplb ul li:nth-child(2n){margin-right:0; border:0}

.cplb ul li i{ display:block; border:#eeeeee 1px solid; box-sizing:border-box}
.cplb ul li i img{ width:100%; height:auto}


.cplb ul li .cpzi:after{ content:"+"; position:absolute; right:5px; bottom:5px; color:#333; font-weight:bold; font-size:20px}

	
}

.xq1{ float:left; width:670px}

.gallery-topp2 { width:500px; height:500px; border:#eee 1px solid; box-sizing:border-box; float:right}
.gallery-topp2 .swiper-slide{ width:100%; height:100%; position:relative; overflow:hidden;  }
.gallery-topp2 .swiper-slide img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:70%; width:auto}



.gallery-thumbs2{height:500px;box-sizing: border-box;padding: 0px 10px;}
.gallery-thumbs2 .swiper-slide {height: 100%; background:#fafafa; border:#fafafa 2px solid; box-sizing:border-box; text-align:center;display: flex;   justify-content: center;    align-items: center; overflow:hidden}
.gallery-thumbs2 .swiper-slide  img{ width:100%; height:auto}
.gallery-thumbs2 .swiper-slide-thumb-active {opacity: 1;border:#b70004 2px solid; }


.xq2{ float:right; width:calc(100% - 700px)}
.xq2 h1{ display:block; font-size:30px; color:#333; font-weight:normal; padding:10px 0}
.xq2 em{ display:block; width:40px; height:5px; background-image: linear-gradient(-90deg, #bd0003,#004da1); }

.xq2 ul{ display: flex;   justify-content: space-between;flex-wrap:wrap;}
.xq2 ul li{ margin-top:40px; width:50%;display: flex;   justify-content: space-between;}
.xq2 ul li i{  display:block; width:20px; }
.xq2 ul li i img{ width:20px; height:auto}
.xq2 ul li  div{width:calc(100% - 30px)}
.xq2 ul li  div h3{ display:block; font-size:18px; color:#333333; font-weight:normal}
.xq2 ul li  div p{ font-size:14px; line-height:30px; color:#666}
.xq2 ul li:last-child{ width:100%}




@media only screen and (max-width:1400px){
	
	.xq1{ float:left; width:570px}

.gallery-topp2 { width:400px; height:400px; border:#eee 1px solid; box-sizing:border-box; float:right}

.gallery-thumbs2{height:400px;box-sizing: border-box;padding: 0px 10px;}
	
	
.xq2{ float:right; width:calc(100% - 600px)}
	
.xq2 h1{  font-size:20px; }	
	
.xq2 ul li  div h3{  font-size:16px; }
.xq2 ul li  div p{ font-size:12px; line-height:23px; }	
}

@media only screen and (max-width:992px){
	
.xq1{ float:none; width:100%}
.xq2{ float:none; width:100%; margin-top:20px}


.gallery-topp2 { width:75%; height:300px; border:#eee 1px solid; box-sizing:border-box; float:right}
.gallery-thumbs2{height:300px;box-sizing: border-box;padding: 0px 10px;}
	

.xq2 ul li{ margin-top:20px; }

}

.xq3{ text-align:center; margin-top:40px}
.xq3 img{ width:40%; max-width:214px; height:auto;transition:all 0.6s}
.xq3 a:hover img{ transform:translateY(-10px); transition:all 0.6s}

.cptj{ margin:40px auto}
.cptj h3{ display:block; font-size:30px; color:#333; font-weight:normal; text-align:center; margin-bottom:20px}



.cptj1  .swiper-slide{ background:#f9f9f9; width:23%}

.cptj1  .swiper-slide i{ display:block; margin:0px 0}

.cptj1  .swiper-slide i img{ width:100%; height:auto}
.cptj1  .swiper-slide .tjwz{ padding:30px 20px; box-sizing:border-box; text-align:center}

.cptj1  .swiper-slide .tjwz p{ font-size:16px; color:#333; padding-bottom:10px }

.cptj1  .swiper-slide .tjwz span{ color:#999999; font-size:14px }

.cptj1  .swiper-slide:hover .tjwz{background-image: linear-gradient(-90deg, #bd0003,#004da1); transition:all 0.6s}

.cptj1  .swiper-slide:hover .tjwz p{ color:#fff}

.cptj1  .swiper-slide:hover .tjwz span{ color:#fff}


@media only screen and (max-width:992px){
	
	.cptj ul li{  width:49%; margin-bottom:2%}
	
	.cptj h3{ font-size:23px}

.cptj ul li .tjwz p{ font-size:14px;  }

.cptj ul li .tjwz span{font-size:12px }

}

.zizhi{ text-align:center}
.zizhi img{ max-width:100%; height:auto}


.rongyu ul { position:relative; margin:0 -10px}

.rongyu ul li{ width:25%; padding:10px; box-sizing:border-box; float:left}

.rongyu ul li .rybg{ width:100%; padding-bottom:74.77%; background:url(/template/default/images/rybg.png) center no-repeat; background-size:100% auto; position:relative}

.rongyu ul li .rybg img{ position:absolute; width:65.2%; height:60%; left:17.5%; top:4%}





@media only screen and (max-width:992px){
	.rongyu ul { position:relative; margin:0 -5px}
	.rongyu ul li{ width:50%; padding:5px; box-sizing:border-box; float:left}

}


#lib_Tab2{width:100%;margin:0px;padding:0px; }

#lib_Tab2 .lib_Menubox {position:relative; width:96%; margin:0 auto; max-width:1440px}

#lib_Tab2 .lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:relative;top:3px; left:0; height:25px;text-align:center;}
#lib_Tab2 .lib_Menubox li{float:left;display:inline-block;cursor:pointer;width:16.66%;color:#333; font-size:16px; text-align:center;  line-height:40px; }
#lib_Tab2 .lib_Menubox li i{ display:block; width:60%; margin:0 auto; height:auto; max-width:70px; position:relative;background:rgba(0,76,161,0.1); border-radius:50%}
#lib_Tab2 .lib_Menubox li i:after{ content:""; position:absolute; background:#004ca1; z-index:1; width:calc(100% - 12px); height:calc(100% - 12px); left:6px; top:6px;border-radius:50% }
#lib_Tab2 .lib_Menubox li img{  width:100%; height:auto; position:relative; z-index:2 }

#lib_Tab2 .lib_Menubox li.hover{width:16.66%;}
#lib_Tab2 .lib_Menubox li.hover i{ background:rgba(184,3,7,0.1)}

#lib_Tab2 .lib_Menubox li.hover i:after{ content:""; position:absolute; background:#b80307; z-index:1; width:calc(100% - 12px); height:calc(100% - 12px); left:6px; top:6px;border-radius:50% }

#lib_Tab2 .lib_Contentbox{clear:both;margin-top:0px; border-top:none;height:auto; text-align:center;padding-top:60px;}











.tab{ width:100%; position:relative; display: flex;   justify-content: space-between; min-height:420px }
.tab-hd { width:430px;  zoom:1;}
.tab-hd li{  width:100%; color:#fff; text-align:center; cursor:pointer; margin-bottom:15px; height:130px; padding:10px; box-sizing:border-box; background:#ebebeb}
.tab-hd li:last-child { margin-bottom:0}
.tab-hd li.active{ background-image: linear-gradient(-90deg, #bd0003,#004da1); }

.tab-hd li.active .slt:after{ content:""; position:absolute; right:-18px; top:50%; transform:translateY(-50%);width: 0;
    height: 0;
    border-left: 10px solid #b70004;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
		 z-index:99
}
.tab-bd li{display:none; padding:0px; border:0px solid #ddd; border-top:0 none;}
.tab-bd li.thisclass{ display:list-item;}



.slt{ display: flex;   justify-content: space-between;   align-items: center; position:relative}
.slt i{ display:block; width:40%; height:110px; overflow:hidden; position:relative}
.slt i img{ width:100%; height:100%;object-fit: cover}
.slt p{ display:block; width:60%; padding:10px 15px; box-sizing:border-box; text-align:left; font-size:14px; line-height:23px; color:#999; height:80px; overflow:hidden}
.slt p em{ display:block; font-size:16px; color:#333; font-style:normal; font-weight:bold; margin-bottom:5px}

.tab-hd li.active .slt p{ color:rgba(255,255,255,0.6)}
.tab-hd li.active .slt p em{ color:#fff}



 .dapic {
				display: none;
				position: absolute;
				top: 0px;
				right:0
			}
.dapic { position:absolute; right:0; top:0; width:calc(100% - 440px); height:100%; background:#fff;box-shadow: 5px 10px 10px rgba(195,195,195,0.55);  display: flex;   justify-content: space-between; z-index:1 }

 .dapic  i{ display:block; width:55%; height:100%;}
.dapic  i img{width:100%; height:100%;object-fit: cover}
 .dapic  .dapicjs{ width:50%; padding:30px; box-sizing:border-box}

 .dapic  .dapicjs h3{ display:block; font-size:24px; color:#333; text-align:left; border-left:#004ca1 6px solid; line-height:30px; padding-left:10px; margin-bottom:20px}

 .dapic  .dapicjs .alxqzi{ display:block;overflow-y:scroll; font-size:14px; color:#666; line-height:25px; height:280px; text-align:left}
 .dapic  .dapicjs .alxqzi::-webkit-scrollbar{width:5px;}
 .dapic  .dapicjs .alxqzi::-webkit-scrollbar-track{background-color:#eee;}
 .dapic  .dapicjs .alxqzi::-webkit-scrollbar-thumb{background-color:#004ca1;}
 .dapic  .dapicjs .alxqzi::-webkit-scrollbar-thumb:hover{background-color:#004ca1;}
 .dapic  .dapicjs .alxqzi::-webkit-scrollbar-thumb:active{background-color:#004ca1;}

 .dapic  .dapicjs .alxqzi em{ font-weight:bold; font-style:normal;  color:#333}

			
		
	






@media only screen and (max-width:1400px){
	#lib_Tab2 .lib_Contentbox{padding-top:40px;}
	
	#lib_Tab2 .lib_Menubox li{ font-size:14px;  }
	
	.tab-hd { width:350px;  zoom:1;}
	
	.slt p{  font-size:12px; }
.slt p em{  font-size:14px; }


.dapic {  width:calc(100% - 380px); }

	 .dapic  .dapicjs{  padding:20px; }

 .dapic  .dapicjs h3{ font-size:20px;  margin-bottom:20px}
 .dapic  .dapicjs .alxqzi{ font-size:12px;  line-height:23px; height:320px;}

}



@media only screen and (max-width:992px){
	
	#lib_Tab2 .lib_Menubox li{ width:25%; font-size:12px}
	
	#lib_Tab2 .lib_Menubox li.hover{width:25%;}
	
	.dapic { position:static; width:100%; display:block; }
	.tab{ display:block;min-height:300px}
	.tab-hd { width:100%; margin-bottom:20px;  height:90px}
	.tab-hd li{  width:32%; margin-right:2%; float:left;  margin-bottom:0px; height:90px; padding:5px; box-sizing:border-box; background:#ebebeb}
	
		.tab-hd li:last-child { margin-right:0}
		
	.slt p{ display:none}
	.slt i{ display:block; width:100%; height:80px; overflow:hidden; position:relative}
	.tab-hd li.active{ background-image: linear-gradient(0deg, #bd0003,#004da1); }

	.tab-hd li.active .slt:after{ content:""; position:absolute; right:0; left:50%; top:auto; bottom:-20px; transform:translateY(0);transform:translateX(-50%);width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid #b70004;
    border-right: 10px solid transparent;
		 z-index:99
}
	
	
	
	
 .dapic  i{ width:100%; height:200px;}

 .dapic  .dapicjs{ width:100%; padding:10px;}

 .dapic  .dapicjs h3{  font-size:16px; margin-bottom:15px}

 .dapic  .dapicjs .alxqzi{  font-size:12px; line-height:20px; height:auto; text-align:left}
 .dapic  .dapicjs .alxqzi::-webkit-scrollbar {
    display: none;
}   

}


.tdlb dl{ position:relative; margin:0 -20px; display: flex;flex-wrap:wrap;}
.tdlb dl dt{ float:left; width:33.33%; padding:0 20px; box-sizing:border-box; margin-bottom:30px; text-align:center}
.tdlb dl dt p{ display:block; font-size:16px; color:#333; font-weight:normal; margin-top:10px}
.tdlb dl dt i{ display:block; width:100%; border:#eeeeee 1px solid; box-sizing:border-box; padding-bottom:76.7%; position:relative}
.tdlb dl dt i img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:calc(100% - 14px); height:calc(100% - 14px) }

.tdlb dl dt:hover i{ border:#b70004 1px solid}





.tanchu {width:100%; height:100%; display:none; position: fixed; top:0; left:0; z-index:99; background:rgba(0,0,0,0.5)}
.tanchu .gb {width:30px; height:30px; position:absolute; top:-5px; right:-5px; cursor:pointer; font-size:30px}





.tcnr{ width:90%; max-width:1440px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:20px; box-sizing:border-box; display: flex;   justify-content: space-between;}

.tab2{ width:63%}
.tab-hd2 {   zoom:1; width:35%; right:20px; bottom:20px; position:absolute; height:220px; display: flex;   justify-content: space-between;  flex-wrap:wrap; }
.tab-hd2 li{width:32%;  color:#fff; text-align:center; cursor:pointer; margin-top:10px; height:100px;  box-sizing:border-box; background:#000; border:#fff 2px solid; box-sizing:border-box}

.tab-hd2 li img{ width:100%; height:100%;object-fit: cover;}

.tab-hd2 li.active{  border:#b70004 2px solid; box-sizing:border-box }


.tab-bd2{ width:100%}
.tab-bd2 li{display:none; padding:0px; border:0px solid #ddd; border-top:0 none; width:100%; padding-bottom:75%; position:relative; overflow:hidden;}
.tab-bd2 li img{ width:100%; height:100%; left:0; top:0;object-fit: cover; position:absolute;}
.tab-bd2 li.thisclass{ display:list-item;}


.tdlb  .dapicjs{ width:33%; font-size:14px; line-height:25px; color:#666; text-align:left; position:absolute; right:2%; top:0}
.tdlb  .dapicjs h3{ display:block; font-size:36px; color:#333333; margin:40px 0}
.tdlb  .dapicjs .sgzi{ display:block;overflow-y:scroll; font-size:14px; color:#666; line-height:25px; height:300px; padding-right:10px; box-sizing:border-box; text-align:left}
.tdlb  .dapicjs .sgzi::-webkit-scrollbar{width:5px;}
.tdlb  .dapicjs .sgzi::-webkit-scrollbar-track{background-color:#eee;}
.tdlb  .dapicjs .sgzi::-webkit-scrollbar-thumb{background-color:#004ca1;}
.tdlb  .dapicjs .sgzi::-webkit-scrollbar-thumb:hover{background-color:#004ca1;}
.tdlb  .dapicjs .sgzi::-webkit-scrollbar-thumb:active{background-color:#004ca1;}



@media only screen and (max-width:1400px){
	
	.tdlb dl dt p{  font-size:14px;}
	.tdlb dl{ margin:0 -10px; }
.tdlb dl dt{  padding:0 10px; box-sizing:border-box; margin-bottom:20px; text-align:center}

.tdlb .dapicjs{ font-size:12px; line-height:23px; }
.tdlb .dapicjs h3{  font-size:25px; margin:20px 0}
.tdlb  .dapicjs .sgzi{  font-size:12px;  line-height:23px; height:260px; text-align:left}

.tab-hd2 {   height:140px; }
.tab-hd2 li{ height:60px;  }



}



@media only screen and (max-width:992px){
	
 .tdlb dl{ position:relative; margin:0 -5px; display: flex;flex-wrap:wrap;}
.tdlb dl dt{ float:left; width:50%; padding:0 5px; box-sizing:border-box; margin-bottom:15px; text-align:center}
	
	
.tcnr{ display:block; padding-bottom:160px;}

.tab2{ width:100%}

.tab-hd2 {   width:90%; right:5%; bottom:20px;  height:120px; }
.tab-hd2 li{width:32%;  color:#fff; text-align:center; cursor:pointer; margin-top:10px; height:50px; }

.tdlb .dapicjs{ width:100%; font-size:12px; line-height:20px; position:static }

.tdlb .dapicjs h3{  font-size:16px; margin:15px 0}

.tdlb  .dapicjs .sgzi{ height:100px}
}

.cptj {
    margin: 40px auto;
    position: relative;
}
.cptj .swiper-button-next{ background:url(/template/default/images/right.png) center no-repeat; width:30px; height:30px; background-size:100% auto;}
.cptj .swiper-button-prev{ background:url(/template/default/images/left.png) center no-repeat; width:30px; height:30px; background-size:100% auto;}