@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"思源黑体 CN Regular","微软雅黑" }
*{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:#e40012;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;}


table{border-collapse: separate;
    border-spacing: 2px;border-spacing: 0;
    border-collapse: collapse;
}




.header{ position:fixed; top:0;width:100%; left:0; top:0; background:#fff; z-index:9; padding:0 2%; box-sizing:border-box; display: flex;   justify-content: space-between;   align-items: center; height:100px; z-index:999  }
.contain{ width:94%; margin:50px auto; max-width:1420px}
.contain2{ width:94%; margin:0px auto; max-width:1420px}
.logo img{ height:40px; 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:#e40012; 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 40px;font-size:20px; float:left; text-align:center;position:relative; font-weight:normal   }
.header .nav i{font-size:18px; line-height:100px; text-align:right; position:absolute;height:100px; right:10px; top:0px; display:none; }
.header .nav ul li a{line-height:100px; color:#333; display:block; position:relative;  box-sizing:border-box; font-weight:bold}
.header .nav ul li:hover:after{ content:""; position:absolute; bottom:0px; left:0; width:100%; height:3px; background:#e40012}
.header .nav ul>li.hover:after{ content:""; position:absolute; bottom:0px; left:0; width:100%; height:3px; background:#e40012}
.header .nav ul li a img{ width:25px; height:auto; vertical-align:middle; padding-right:5px;}
.header .nav ul ul{ display:block}
.header .nav .e_j{position:absolute; width:auto; left:50%; transform:translateX(-50%);  min-width:100%;  background:#fff;box-shadow: 0px 10px 10px rgba(0,0,0,0.25); top:100px;  display:none;  z-index:9999999999999; height:auto; 
}

.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j ul li{ display:block; width:100%;   font-weight:normal; height:auto; 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 a{display:block; margin:5px 0; font-size:16px; line-height:35px; color:#333; padding: 0; border:0; padding:0 15px; text-align:left; font-weight:normal }
.header .nav .e_j  ul li:hover a{ color:#fff; background:#e40012}

.header .nav .e_j  ul li:hover:after{ content:none;}




.topyou{ display: flex;    align-items: center; font-size:20px; color:#666 }
.topyou i{ color:#e40012; font-size:20px}

.nav_search {
	display:block;
	width: 60px;
	height: 80px; text-align:center;
	line-height:80px;
}
.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 #e40012;
}
.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:#e40012 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;
}



.lang{
 
    text-align: center;
    display: inline-block;
    position: relative;
	border-radius:10px;
	font-size:16px;
	margin-left:15px;
	line-height:35px;
	
}
.lang:hover{
    cursor: pointer;
   
}
.lang i{ color:#e40012; padding-right:5px}


.lang_container{
    display: none;
    width: 80px;
    /*height: 158px;*/
    position: absolute;
    left: 0px;
    top:35px;
    background-color:#fff;
	border:#e40012 1px solid; box-sizing:border-box;
    z-index: 999;
	color:#333;
	line-height:25px;
	padding:10px;
	font-size:14px
	
}

.lang:hover .lang_container{
    display: block;
    z-index: 999;
}



.jianju{ height:50px; overflow:hidden; display:none;}


.sjlang{ display:none;}


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

.header .nav ul>li{  margin:0 30px; }
	
}


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

.header .nav ul>li{  margin:0 20px; font-size:16px }
	
}


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

.logo img{ height:30px; width:auto; }
.header .nav ul>li{  margin:0 10px; font-size:16px }	
	
}



@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{ padding-left:20px; box-sizing:border-box; line-height:60px}
.header .nav i{display:block; color:#666;  top:0; right:20px; line-height:60px; height:60px; width:50px}
.header .nav ul li{width:100%; height:auto; float:none; 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; font-size:14px}

.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 .san{position:inherit; width:100%; left:auto;     height:auto; }	

.header .nav .e_j i{display:block; color:#666;  top:0; right:0px; line-height:40px; height:40px; width:50px}

.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}

.header .nav .e_j  ul li:hover a{ color:#1968b6; background:#fff}
.header .nav .e_j .san.n{display:block !important;}


.jianju{ display:block}



.logo img{ height:30px; width:auto}

.topyou{ margin-right:60px}


.search {
	width: 100%;
	top: 50px;
	left:0;
	position:fixed;

}
}







.banner {width: 100%;  height:100vh;overflow:hidden;position:relative;	box-sizing:border-box; font-size:0; background:#000}


.banner  .swiper-slide {width:100%;height:100%; position:relative; overflow:hidden }

.banner  .swiper-slide .kuan{ position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%,-50%);width:94%;  max-width:1420px;}
.banner  .swiper-slide .w_z h3{ display:block; font-size:45px; color:#fff; margin-bottom:30px }

.banner  .swiper-slide .w_z span a{  font-size:16px; color:#fff; border-bottom:#fff 1px solid; display:inline-block;
padding-bottom: 5px; }


.banner  .swiper-slide .tpbj{ width:100%; height:100%; position:relative;}
.banner  .swiper-slide .tpbj img{ position:absolute; width:100%; height:100%;object-fit: cover; opacity:0.5}

.banner  .swiper-pagination-bullet{ width:9px; height:9px; opacity:1; background:#fff;  }
.banner  .swiper-pagination-bullet-active{ width:42px; background:#e40012; border-radius:5px }


@media only screen and (max-width:1400px){
.banner  .swiper-slide .w_z h3{ display:block; font-size:30px; color:#fff; margin-bottom:30px }
.banner  .swiper-slide .w_z span a{  font-size:14px;  }


}

@media only screen and (max-width:992px){
.banner { height:350px;}
.banner  .swiper-slide .w_z h3{  font-size:20px; }

	
}

.sy1{ background:url(/template/default/images/hui.jpg) repeat-y; overflow:hidden; background-size:57% 10px; position:relative; padding:90px 0;}


.guanyu{ width:94%; margin:0px auto; max-width:1420px;  }
.guanyu .gyzi{ width:40%; margin:auto 0}
.guanyu .gyzi h3{ display:block;     font-size: 42px;        color: #333; position:relative; }
.guanyu .gyzi  h2{ font-weight:normal; display:block; font-style:normal;    font-size: 18px;       text-transform: uppercase; color:#666}
.guanyu .gyzi p{ font-size:18px; line-height:40px;text-align: justify; color:#666; display:block; margin:35px 0; max-height:240px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow:hidden}

.gypic{ position:absolute; right:10%; width:40%; height:calc(100% - 180px) ; top:90px;}
.gypic img{width:100%; height:100%;object-fit: cover; border-radius:15px}


.shuzi ul{display: flex;   justify-content: space-between; margin:20px 0 }
.shuzi ul li{ text-align:center}
.shuzi ul li h1{ font-size:60px; color:#e40012;}
.shuzi ul li h1 em{ display:inline-block; font-weight:normal; font-style:normal; font-size:24px; color:#666}
.shuzi ul li span{ font-size:24px; color:#333}



@media only screen and (max-width:1400px){
.guanyu .gyzi h3{   font-size: 30px; }
.guanyu .gyzi  h2{ font-size: 14px;}
.guanyu .gyzi p{ font-size:14px; line-height:25px; margin:20px 0; max-height:150px;}

.shuzi ul li h1{ font-size:45px;}
.shuzi ul li h1 em{  font-size:16px; }
.shuzi ul li span{ font-size:18px; }
	
}

@media only screen and (max-width:992px){
	
.sy1{padding:30px 0; background-size:100% 80%; background-repeat:no-repeat}

.guanyu .gyzi{ width:100%; margin:auto 0}	
	
.gypic{ position:inherit; width:90%; margin:0 auto; height:auto; top:inherit; right:0}	

.shuzi ul li h1{ font-size:30px;}
.shuzi ul li h1 em{  font-size:12px; }
.shuzi ul li span{ font-size:16px; }


	
	
}

.sy2{ background:url(/template/default/images/bg1.jpg) center no-repeat; background-size:cover; overflow:hidden; padding:90px 0}
.bt1{  margin-bottom:40px; position:relative; text-align:center}
.bt1 h1{ color:#333333; font-size:42px}
.bt1 em{ display:block; width:19px; height:4px; background:#e40012; margin:10px auto;}
.bt1 span{ font-size:20px; color:#333;text-transform:uppercase  }

.swiper1{ width:94%; margin:0 auto; max-width:1300px; margin-bottom:50px}
.swiper2{ width:94%; margin:0 auto; max-width:1600px;  }

.swiper1 .swiper-slide { background:#fff; text-align:center; line-height:58px;  position:relative; cursor:pointer; font-size:20px }
.swiper1 .selected {color: #fff;background-image: linear-gradient(50deg, #e40012,#ab000e);}


#lib_Tab2{width:100%; height:auot;margin:0px;padding:0px;margin-bottom:0px;  position:relative}
#lib_Tab2 .lib_Menubox{ position:relative; width:94%; margin:0 auto; max-width:1300px; margin-bottom:30px}
#lib_Tab2 .lib_Menubox ul{margin:0px;padding:0px;list-style:none;  width:100%; text-align:center; z-index:9}
#lib_Tab2 .lib_Menubox li{ display:inline-block;cursor:pointer;width:auto;color:#666666;  font-size:20px; height:58px; line-height:58px; text-align:center;  box-sizing:border-box; padding:0 20px}
#lib_Tab2 .lib_Menubox li.hover{padding:0px;color: #fff;background-image: linear-gradient(50deg, #e40012,#ab000e);  box-sizing:border-box; color:#fff;padding:0 20px}
#lib_Tab2 .lib_Contentbox{clear:both;margin-top:0px; border-top:none;height:auto; width:94%; margin:0 auto; max-width:1600px; position:relative }









.pro1{ width:94%; margin:0 auto; max-width:1420px; padding:20px; box-sizing:border-box}
.pro2{ width:94%; margin:0 auto; max-width:1420px;padding:20px; box-sizing:border-box}
.pro3{ width:94%; margin:0 auto; max-width:1420px;padding:20px; box-sizing:border-box}
.pro4{ width:94%; margin:0 auto; max-width:1420px;padding:20px; box-sizing:border-box}
.pro5{ width:94%; margin:0 auto; max-width:1420px;padding:20px; box-sizing:border-box}




.sy01 .swiper-button-next{ background:url(/template/default/images/r.png) center no-repeat; background-size:60px auto; width:60px; height:60px;  }
.sy01 .swiper-button-prev{ background:url(/template/default/images/l.png) center no-repeat; background-size:60px auto; width:60px; height:60px;  }
	
.sy02 .swiper-button-next{ background:url(/template/default/images/r.png) center no-repeat; background-size:60px auto; width:60px; height:60px;  }
.sy02 .swiper-button-prev{ background:url(/template/default/images/l.png) center no-repeat; background-size:60px auto; width:60px; height:60px;  }
		
.sy03 .swiper-button-next{ background:url(/template/default/images/r.png) center no-repeat; background-size:60px auto; width:60px; height:60px;  }
.sy03 .swiper-button-prev{ background:url(/template/default/images/l.png) center no-repeat; background-size:60px auto; width:60px; height:60px;  }


.sy04 .swiper-button-next{ background:url(/template/default/images/r.png) center no-repeat; background-size:60px auto; width:60px; height:60px;  }
.sy04 .swiper-button-prev{ background:url(/template/default/images/l.png) center no-repeat; background-size:60px auto; width:60px; height:60px;  }

.sy05 .swiper-button-next{ background:url(/template/default/images/r.png) center no-repeat; background-size:60px auto; width:60px; height:60px;  }
.sy05 .swiper-button-prev{ background:url(/template/default/images/l.png) center no-repeat; background-size:60px auto; width:60px; height:60px;  }



	
	
#lib_Tab2 .swiper-slide { background:#fff; border-radius:5px; box-shadow: 0px 0px 10px rgba(0,0,0,0.25); padding:20px; box-sizing:border-box; text-align:center;}
#lib_Tab2 .swiper-slide i{ display:block; width:100%; padding-bottom:100%; position:relative}
#lib_Tab2 .swiper-slide i img{ position:absolute; max-width:100%; max-height:100%;object-fit: cover; left:50%; top:50%; transform:translate(-50%,-50%)}
#lib_Tab2 .swiper-slide h3{ display:block; font-size:20px; color:#333}
#lib_Tab2 .swiper-slide span{ display:block; font-size:14px; color:#333; line-height:25px; margin:15px 0}
#lib_Tab2 .swiper-slide em{ display:block; background-image: linear-gradient(50deg, #e40012,#ab000e); width:34px; line-height:34px; text-align:center; color:#fff; margin:0 auto; border-radius:50px}
#lib_Tab2 .swiper-slide:hover{ border:#e40012 1px solid; box-sizing:border-box}



@media only screen and (max-width:1400px){
#lib_Tab2 .swiper-slide h3{  font-size:18px;}


#lib_Tab2 .lib_Menubox{ margin-bottom:20px}
#lib_Tab2 .lib_Menubox li{ font-size:16px; height:40px; line-height:40px; }

	
}

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

.sy2{ padding:30px 0}
.bt1{  margin-bottom:20px;}
.bt1 h1{font-size:30px}

.bt1 span{ font-size:14px;  }
#lib_Tab2 .lib_Menubox li { font-size:14px}



.sy01 .swiper-button-next{ background:url(/template/default/images/r.png) center no-repeat; background-size:30px auto; width:30px; height:30px;  }
.sy01 .swiper-button-prev{ background:url(/template/default/images/l.png) center no-repeat; background-size:30px auto; width:30px; height:30px;  }
	
.sy02 .swiper-button-next{ background:url(/template/default/images/r.png) center no-repeat; background-size:30px auto; width:30px; height:30px;  }
.sy02 .swiper-button-prev{ background:url(/template/default/images/l.png) center no-repeat; background-size:30px auto; width:30px; height:30px;  }
		
.sy03 .swiper-button-next{ background:url(/template/default/images/r.png) center no-repeat; background-size:30px auto; width:30px; height:30px;  }
.sy03 .swiper-button-prev{ background:url(/template/default/images/l.png) center no-repeat; background-size:30px auto; width:30px; height:30px;  }


.sy04 .swiper-button-next{ background:url(/template/default/images/r.png) center no-repeat; background-size:30px auto; width:30px; height:30px;  }
.sy04 .swiper-button-prev{ background:url(/template/default/images/l.png) center no-repeat; background-size:30px auto; width:30px; height:30px;  }

.sy05 .swiper-button-next{ background:url(/template/default/images/r.png) center no-repeat; background-size:30px auto; width:30px; height:30px;  }
.sy05 .swiper-button-prev{ background:url(/template/default/images/l.png) center no-repeat; background-size:30px auto; width:30px; height:30px;  }


#lib_Tab2 .swiper-slide {  padding:10px 0; box-sizing:border-box; text-align:center;}
#lib_Tab2 .swiper-slide h3{ display:block; font-size:16px; line-height:25px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; margin-top:10px;}
#lib_Tab2 .swiper-slide span{ display:block; font-size:12px; line-height:20px; margin:10px}



.pro1{ width:100%; }
.pro2{ width:100%; }
.pro3{ width:100%;}
.pro4{ width:100%;}
.pro5{ width:100%; }

#lib_Tab2 .lib_Menubox{ margin-bottom:0px}



}

.sy3{ position:relative}

#lib_Tab1{width:100%; height:675px;margin:0px;padding:0px;margin-bottom:0px;  position:relative}
#lib_Tab1 .lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; top:115px; right:0; width:410px; text-align:center; z-index:9}
#lib_Tab1 .lib_Menubox li{display:flex;cursor:pointer;width:auto;color:#666666;  justify-content:flex-start; align-items:center; font-size:26px; height:88px;  padding-left:80px; box-sizing:border-box; margin-top:20px}
#lib_Tab1 .lib_Menubox li img{  width:50px; height:auto; vertical-align:middle; padding-right:10px}
#lib_Tab1 .lib_Menubox li.hover{padding:0px;background-image: linear-gradient(-90deg, #ab000e,#e40012);  padding-left:80px;  height:88px; box-sizing:border-box; color:#fff}
#lib_Tab1 .lib_Contentbox{clear:both;margin-top:0px; border-top:none;height:auto; width:calc(100% - 380px) }
.bh{ display:none;}
#lib_Tab1 .lib_Menubox li.hover .bh{ display:block}
#lib_Tab1 .lib_Menubox li.hover .bq{ display:none;}



.fangan{ position:relative; width:100%; height:675px; overflow:hidden}

.fangan img{ height:100%; width:100%; left:0; top:0; object-fit: cover; position:absolute}

.fa01{ position:absolute; width:90%; height:80%; max-width:330px; left:5%; top:10%; background:rgba(0,0,0,0.7); padding:25px; box-sizing:border-box; z-index:99}
.fa01 h1{ display:block; font-size:24px; color:#fff; border-bottom:#e40012 2px solid; font-weight:normal; padding-bottom:15px; margin-bottom:15px;}
.fa01 h2{ font-size:18px; color:#fff; text-transform:uppercase; font-weight:normal; margin:10px 0; line-height:30px;text-align: justify;}
.more{ position:absolute; bottom:10%; border-bottom:#e40012 1px solid}
.more a{ color:#e40012; font-size:14px;}


.bt2{ position:absolute; right:0}
.bt2 h3{ font-size:42px;color:#333;display:flex;align-items:center;}
.bt2 h3 em{  width:19px; background:#0a64a6; height:4px; margin-left:10px; display:block }
.bt2 span{ font-size:20px; color:#333}




@media only screen and (max-width:1400px){
	
#lib_Tab1{ height:500px;}	
.fangan{  height:500px;}
#lib_Tab1 .lib_Menubox li{font-size:20px; height:50px;  padding-left:40px; box-sizing:border-box; margin-top:20px}
	
#lib_Tab1 .lib_Menubox ul{ width:340px;}

#lib_Tab1 .lib_Menubox li img{  width:30px; height:auto; vertical-align:middle; padding-right:10px}
#lib_Tab1 .lib_Menubox li.hover{padding-left:40px;  height:50px;}
#lib_Tab1 .lib_Contentbox{width:calc(100% - 320px) }	
	
}


@media only screen and (max-width:992px){
.bt2{ position:inherit}
.bt2 h3{ font-size:30px;}
.bt2 span{ font-size:14px; }

#lib_Tab1 .lib_Menubox ul{ position:relative; top:0; display:flex; width:100%;flex-wrap:wrap; margin-bottom:20px;justify-content:center}	
#lib_Tab1 .lib_Menubox li{ width:auto; display:inline-block; padding:0 15px; font-size:14px; display:flex;  }

#lib_Tab1 .lib_Menubox li.hover{ padding:0 15px; height:50px; display:inline-block; display:flex; }


#lib_Tab1{ height:auto;}	
.fangan{  height:300px;}

#lib_Tab1 .lib_Contentbox{width:100% }


.fa01 h1{ font-size:20px}
.fa01 h2{ font-size:14px; line-height:25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden
}

}









.sy4{ background:url(/template/default/images/bg2.jpg) center no-repeat; background-size:cover; overflow:hidden; padding-top:50px}

.sy4 .bt1 h1{ color:#fff}




.swiper3{width:94%; margin:0 auto; max-width:1300px; font-size:20px; color:#fff; margin-bottom:50px}
.swiper3 .swiper-slide{ text-align:center; line-height:50px; font-weight:normal}
.swiper3 .swiper-slide img{ display:block; width:70px; height:auto; border:#fff 2px solid; box-sizing:border-box; border-radius:50px; margin:0 auto}
.swiper3 .selected { text-decoration:underline}

			
			
			.swiper4 {
				width: 100%;
			}
			.swiper4 .swiper-slide {
				height: calc(100vh - 50px);
				background-color: #ffffff;
				
				text-align: center;
				box-sizing: border-box !important;
				overflow-x: hidden !important;
			}


.cjal{display: flex;   justify-content: space-between;  flex-wrap:wrap;}
.alpic{ width:66%;  position:relative}
.alpic img{ width:100%; height:100%;object-fit: cover; position:absolute; left:0; top:0}
.alzi{ width:34%; padding:60px; box-sizing:border-box; text-align:center; position:relative; }
.alzi h1{ width:auto; border-bottom:#e40012 3px solid; font-size:24px; color:#333; display:inline-block}
.alzi h2{ display:block; font-size:18px; color:#666; line-height:32px; font-weight:normal; margin:25px 0; min-height:298px; overflow:hidden}
.alzi  .more{ left:50%; transform:translateX(-50%)}


@media only screen and (max-width:1440px){
	
	.swiper3{ margin-bottom:30px}
	.alzi{  padding:20px;  }
	
	.swiper3{ font-size:18px}
	
	.swiper3 .swiper-slide img{ width:60px}
	
	.alzi h2{  font-size:14px; line-height:25px; font-weight:normal; margin:25px 0; min-height:298px; overflow:hidden}
	
}



@media only screen and (max-width:992px){
.cjal{ display:block}
.alpic{ width:100%; height:auto; max-height:300px}
.alpic img{ position:inherit; width:100%; height:auto; }	

.alzi{ width:100%; padding-bottom:50px}
.alzi h1{ font-size:20px; }
.alzi h2{ font-size:14px; line-height:25px; max-height:150px;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; overflow:hidden; min-height:inherit}
.swiper3{ font-size:14px}
.swiper3 .swiper-slide img{ width:40px}

.sy4{ padding:20px 0}
}










.news{ position:relative;display: flex;   justify-content: space-between;}


.new1{ width:43%; overflow:hidden}
.new1  img{ width:100%; height:100%; object-fit: cover;transition:all 0.6s; }
.new1  a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}



.new2{ width:53%;}
.new2 ul li{ border-bottom:#cbd0d4 1px  dotted; padding-bottom:18px; margin-bottom:18px;transition:all 0.6s }
.new2 ul li a{display: flex;   justify-content: space-between; }
.new2 ul li .date{ font-size:16px; color:#333333; font-family:Impact,Arial, Helvetica, sans-serif; border-right:#dddddd 1px solid; padding-right:30px; text-align:center}
.new2 ul li .date span{ display:block; font-size:30px; font-weight:bold; color:#e40012; padding-bottom:10px}

 
 .new2 ul li  h3{ display:block;  text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-size:18px; color:#333;  display:block; margin-bottom:10px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
 
 .new2 ul li .date2{ width:calc(100% - 100px) }

 .new2 ul li:hover h3 { color:#e40012}
 .new2 ul li  p{ display:block; font-size:14px; color:#666; line-height:25px; max-height:50px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}
 .new2 ul li:hover{ transform:scale(1.05,1.05); transition:all 0.6s}
.new2 ul li:last-child{ margin-bottom:0}





@media only screen and (max-width:1400px){
.new2 ul li  h3{  font-size:16px; }
 .new2 ul li  p{  font-size:12px;  line-height:20px; max-height:40px;}

	
}




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


.news{ display:block}
.new1{ width:100%; margin-bottom:15px}
.new2{ width:100%}

.new2 ul li .date{ font-size:12px; padding-right:8px }
.new2 ul li .date span{ font-size:35px;}
 .new2 ul li .date2{ width:calc(100% - 60px) }
  .new2 ul li .fenge{ display:none;}
 

}





.foot{ background:#333333;}
.foot1{ width:94%; margin:0 auto; max-width:1420px; padding:50px 0; display: flex;   justify-content: space-between; flex-wrap:wrap; color:#fff}

.dlink{ width:calc(100% - 450px) }
.dlink ul{display: flex;   justify-content: space-between;flex-wrap:wrap;}
.dlink ul li{ position:relative; padding-left:25px;}
.dlink ul li:before{ content:""; position:absolute; left:0; top:10px; width:14px; height:3px; background:#e40012}
.dlink ul li p a{ display:block;  color:#fff; font-size:14px; line-height:32px}
.dlink ul li p  a:hover{ text-decoration:underline; color:#fff}



.dphone{ font-size:31px; color:#fff; font-weight:bold; margin:10px 0}
.dizhi{ font-size:14px; line-height:25px; margin-bottom:10px}

.dbt{ font-size:18px;  margin-bottom:15px; color:#fff}



.dlx{ width:250px;}
.dwx img{ width:90px; display:block; height:auto}

.dlogo img{ height:40px; width:auto}

.links{ border-top:#484848 1px solid; border-bottom:#484848 1px solid;width:94%; margin:0px auto; max-width:1420px; padding:10px 0; color:#fff;display: flex; align-items: center;flex-wrap:wrap;}
.links h3{ font-size:18px; font-weight:normal}
.links a{ font-size:14px; color:#eee; font-size:14px; padding-right:20px;}
.links a:hover{ color:#fff; text-decoration:underline}





.foot2{ width:94%; margin:0px auto; max-width:1440px; color:#fff;  font-size:14px;display: flex;   justify-content: space-between; overflow:hidden; padding:20px 0}

.foot2 a{ color:#fff}




@media only screen and (max-width:1400px){
	
	
	
.dlink{ width:calc(100% - 320px) }
	
}


@media only screen and (max-width:992px){
	
.dlink{ display:none;}	

.dlx{ width:100%}

.foot1{  padding:20px 0; }

.dphone{ font-size:25px; }

.foot2{ display:block}

	
}


.crumbs_top {
	background: #f5f5f5;
	line-height: 70px;
}
.crumbs_top li {
	float: left;
	padding: 0 30px;
}
.crumbs_top li.hover, .crumbs_top li:hover {
	background: #e40012;
}
.crumbs_top li.hover a, .crumbs_top li:hover a {
	color: #fff;
}
.crumbs_top {
	line-height: 60px;
}
.crumbs_top li {
	font-size: 16px;
}
.main {
	width: 768px;
}
.main {
	width: 1200px;
	margin: 0 auto;
	max-width: 94%;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}
.main::after {
	content: "";
	display: block;
	clear: both;
}
.main::-webkit-scrollbar {
width:8px;
height:8px;
}
 @media (max-width: 1230px) {
.main {
	width: 992px;
}
}

.business_list {
	padding-top:15px;
	padding-bottom:15px;
}
.business_list li {
	padding:40px 0;
}
.business_list .pic {
	width:39%;
	float:left;
	height:364px;
	overflow:hidden;
}
.business_list .pic img {
	width:100%;
	height:100%;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	display:block;
	object-fit:cover;
}
.business_list .pic img:hover {
	transform:scale(1.1);-webkit-transform:scale(1.1);  -moz-transform:scale(1.1); 
}
.business_list .about {
	float:right;
	width:100%;
}
.business_list .about p {
	color:#5f5f5f;
	font-size:16px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	overflow:hidden;
	line-height:40px;
}
.business_list .about img {
	max-width:100%;
}

.inner_crumbs {
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    padding: 0 35px;
    color: #545454;
    box-shadow: 0px 0px 10px rgba(0,0,0,.25);
    position: relative;
    z-index: 9;
    background: #fff url(/template/default/images/crumbs_icon.png) no-repeat center left 15px;
}


.news_box {
	padding: 50px 0;
}
.news_box li {
	position: relative;
	height: 210px;
	padding-bottom: 5px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ddd;
}
.news_box li .pic {
	display: block;
	position: absolute;
	width: 240px;
	height: 166px;
	left: 0;
	overflow: hidden;
	top: 0;
}
.news_box li .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.news_box li .pic img:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}
.news_box li .text {
	margin-left: 280px;
}
.news_box li .text h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 20px;
}
.news_box li .text span {
	font-size: 14px;
	color: #999;
	display: block;
	margin: 15px 0;
}
.news_box li .text .view {
	background: url(/template/default/images/view.png) no-repeat left;
	background-size: auto 15px;
	padding-left: 30px;
}
.news_box li .text P {
	color: #666666;
	font-size: 16px;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

 @media (max-width: 800px) {
.news_box {
	padding: 30px 0;
}
.news_box li {
	position: relative;
	height: auto;
	padding-bottom: 0px;
	margin-bottom: 20px;
}
.news_box li .pic {
	width: 100%;
	position: static;
	height: 240px;
}
.news_box li .text {
	width: 100%;
	margin: 20px 0;
}
.news_box li .text span {
	font-size: 12px;
}
.news_box li .text h2 {
	font-size: 18px;
}
.news_box li .text P {
	color: #666666;
	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{ display:block; 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}



.tiaozhuan{ display: flex;   justify-content: space-between; margin-top:30px}


@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}


	
}	
/*新闻详情页结束*/


.hui{ background:#f2f2f2; padding:50px 0;}
.nmain{ width:96%; margin:0px auto; max-width:1200px; }
.hdlb ul{ position:relative; margin:0 -20px;  display: flex; flex-wrap:wrap}
.hdlb ul li{ width:33.33%; float:left; padding:0 20px; box-sizing:border-box; margin-bottom:30px;}

.hdlb ul li i{ display:block; width:100%; padding-bottom:57%; position:relative; overflow:hidden}
.hdlb ul li i img{ width:100%; height:100%; position:absolute; left:0; top:0;object-fit: cover; transition:all 0.6s}
.hdlb ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}

.hdlb ul li .lbzi{  padding:20px; box-sizing:border-box}
.hdlb ul li .lbzi h3{ display:block; font-size:16px; color:#222; line-height:25px; text-align:center;}
.hdlb ul li a{ display:block; background:#fff; height:100%;}

.hdlb ul li .lbzi p{ display:block; margin:15px 0; font-size:14px; color:#444; line-height:23px; max-height:46px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden
}
.hdlb ul li .lbzi span{ display:block; font-size:12px; color:#576b95}

.hdlb ul li:hover .lbzi h3{ color:#e40012}
.hdlb ul li:hover a{box-shadow: 0px 0px 10px rgba(195,195,195,0.55);}

@media only screen and (max-width:992px){
	
.hui{  padding:20px 0;}

.hdlb ul{  margin:0; display:block}
.hdlb ul li{ float:none;width:100%; padding:0; margin-bottom:15px;}
.hdlb ul li a{  display: flex;   justify-content: space-between;   align-items: center; border-radius:5px; overflow:hidden; padding:15px; box-sizing:border-box }
	
.hdlb ul li i{ display:block; width:40%; padding-bottom:23%; position:relative; overflow:hidden}
.hdlb ul li i img{ width:100%; height:100%; position:absolute; left:0; top:0;object-fit: cover; transition:all 0.6s}
.hdlb ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}

.hdlb ul li .lbzi{ width:60%;  padding:0px; padding-left:15px; box-sizing:border-box}	

.hdlb ul li .lbzi h3{  font-size:14px; line-height:20px;}
.hdlb ul li .lbzi p{margin:5px 0; font-size:12px; line-height:20px; max-height:40px;}
}
@media only screen and (max-width:600px){
	
.hdlb ul li .lbzi p{ display:none;}
.hdlb ul li .lbzi h3{ margin-bottom:10px}

.hdlb ul li a{   padding:10px; }
	
}

/*搜索页面*/
.web_position {
	line-height: 60px;
	font-size: 14px;
	color: #969696
}
.web_position {
	line-height: 60px;
	font-size: 14px;
	color: #969696
}
.in_tit {
	padding: 55px 0 45px;
	text-align: center;
}
.in_tit h3 {
	font-size: 30px;
	color: #e40012;
	position: relative;
	padding-bottom: 5px;
	font-weight: bold;
}

/*产品列表页*/
.nbanner{ width:100%; height:auto; position:relative; background:#000; font-size:0; overflow:hidden; }
.nbanner img{ width:100%; height:auto; opacity:0.8 }

.nbanner .wzmc{ position:absolute; left:50%; top:50%; height:auto; transform:translate(-50%,-50%); z-index:2; margin-top:50px }
.nbanner .wzmc h3{ display:block; font-size:40px; color:#fff;  text-align:center;letter-spacing:3px; font-weight:normal; padding-bottom:10px}
.nbanner .wzmc em{ width:60px; display:block; margin:5px auto; height:2px;text-align:center; background:#fff; overflow:hidden; position:relative}
.nbanner .wzmc span{ font-size:18px; color:#fff; text-transform:uppercase; text-align:center; display:block;}

.nbanner .weizhi{ position:absolute; width:100%; left:0; z-index:9;text-align:right; font-size:14px; color:#fff; bottom:15px; height:auto}
.nbanner .weizhi p{ display:block; width:96%; max-width:1400px; margin:0 auto}
.nbanner .weizhi p a{ color:#fff}
 
@media only screen and (max-width:1270px){
.nbanner{ width:100%; height:300px; }
.nbanner img{ position:absolute; height:100%; width:auto; top:0; left:50%; transform:translateX(-50%);}
.nbanner .wzmc h3{font-size:20px; padding-bottom:0}
.nbanner .wzmc span{ font-size:14px;}

}


@media only screen and (max-width:992px){
.nbanner{ width:100%; height:160px; }
.nbanner .wzmc{ margin-top:0 }

}




.ncplb{ width:94%; margin:0px auto; max-width:1420px; }
.ncplb ul{ position:relative; margin:0 -20px; display: flex;   flex-wrap:wrap;  }
		
.ncplb ul li{ float:left; width:25%; padding:0 20px; margin-bottom:40px; box-sizing:border-box}
.ncplb ul li a{ display:block;}

.ncplb ul li a { background:#fff; border-radius:5px; box-shadow: 0px 0px 10px rgba(0,0,0,0.25); padding:20px; box-sizing:border-box; text-align:center;}
.ncplb ul li a i{ display:block; width:100%; padding-bottom:100%; position:relative}
.ncplb ul li a i img{ position:absolute; max-width:100%; max-height:100%;object-fit: cover; left:50%; top:50%; transform:translate(-50%,-50%)}
.ncplb ul li a h3{ display:block; font-size:20px; color:#333;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
.ncplb ul li a span{ display:block; font-size:14px; color:#333; line-height:25px; margin:15px 0; max-height:75px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}
.ncplb ul li a em{ display:block; background-image: linear-gradient(50deg, #e40012,#ab000e); width:34px; line-height:34px; text-align:center; color:#fff; margin:0 auto; border-radius:50px}
.ncplb ul li a:hover{ border:#e40012 1px solid; box-sizing:border-box}




.ndh{ width:94%; margin:30px auto; max-width:1420px;}
.ndh ul{  display: flex;   justify-content: space-between;   }
.ndh ul li{ width:50%; text-align:center; margin:10px}
.ndh ul li a{ display:block; background:#f7f7f7; color:#333; font-size:16px; padding:20px 0}
.ndh ul li a:hover{ background:#bd2a26; color:#fff}
.ndh ul li.on a{background:#bd2a26; color:#fff}

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


.ncplb ul li{ float:left; width:33.33%; padding:0 10px; margin-bottom:20px;}

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


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


.ncplb ul li{ float:left; width:50%; padding:0 10px; margin-bottom:20px;}
.ndh ul{  display: flex;   justify-content:center;  flex-wrap:wrap; }
.ndh ul li{ width:auto; text-align:center; margin:5px}
.ndh ul li a{ padding:10px 20px;}

}


 
@media only screen and (max-width:640px){
	
	.ndh ul li a{  font-size:14px; }
	
}
/*产品列表页结束*/

.xiaocms-page{ padding:15px 0; text-align: center; font-size:12px;}
.xiaocms-page span { display: inline-block; height: 22px; padding: 0 10px; line-height: 22px; background: #e40012; border: 1px solid #e40012; color: #fff; text-align: center; margin-left: 1px;}
.xiaocms-page a { display: inline-block; height: 22px; line-height: 22px; background: #fff; border: 1px solid #e40012; text-align: center; color: #333; padding: 0 10px; margin-left: 1px; font-size:12px;}