@charset "utf-8";
@font-face {
	font-family: "siyuan";
	src: url('../font/SourceHanSansCN-Normal.ttf');
	src: url('../font/SourceHanSansCN-Light-2.otf') format('otf');
}
@font-face {
	font-family: "sfu";
	src: url('../font/SFUDinEngschrift.TTF');
}
/*----------------------------------------------------------------------------------------------------------------*/
/*滚动条样式*/
::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0.2);}
::-webkit-scrollbar {width:5px;height:5px;}
::-webkit-scrollbar-thumb {background-color:#134aab;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background-color:#15305f;}
html,
body {
	height: 100%;
	/*overflow: hidden;*/
	background: #fff;
	font-family: "Helvetica Neue",Helvetica,tahoma,arial,"Hiragino Sans GB", "siyuan", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp";
}

.header {
	width: 100%; height: 80px;
	box-shadow: none;
	position: fixed;
	z-index: 5;
	top: 0; left: 0;
	-webkit-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}
.header .wrapper{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.header .logo{
	width: 190px;
	height: 100%;
	float: left;
	padding: 0;
	margin-left: 20px;
}
.header a{
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 0 10px;
	height: 74px;
	line-height: 90px;
	-webkit-transition: line-height .5s ease-in-out .6s;
	transition: line-height .5s ease-in-out .6s;
}
.header .logo a{
	padding: 0; margin: 9px 0 0 0;
	overflow: hidden;
	line-height: 0;
	height: 100%;
	max-height: 90px;
	width: 100%;
	-webkit-transition: max-height 2s ease-in-out 0;
	transition: max-height 2s ease-in-out 0;
}
.header .logo img{
	width: 100%;
}
.header ul{
	float: right;
	margin: 0;
	height: 100%;
	margin-right: 20px;
}
.header ul li{
	float: left;
	font-size: 22px;
	height: 100%;
	margin: 0 20px;
	box-sizing: border-box;
}
.header ul li .line{
	width: 70px;
	height: 6px;
	margin: 0 auto;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.header ul.right{
	left: auto;
	right: 0;
}
.header ul.right li{
	margin: 0 10px;
}
.header ul.right li:hover .line{
	background-color: #fff;
}
.header ul li.active .line{
	background-color: #ef4842;
}
.home-sany-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	position: absolute;
	top: 0;
}
.banner_text_box{
	position: relative;
	text-align: center;
	height: calc(100% - 190px);
	z-index: 999;
}

.ewb-fade {
	opacity: 0;
	filter: alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.current .ewb-fade {
	opacity: 1;
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.item_text{
	position: absolute;
	top: -50%;
	left:80px;

}
.item_text i.red{
	color: #d22133;
	font-style: normal;
}
p.jj_text{
	position: absolute;
	top: 259px;
	left: 80px;
}
.current .item_text{
	color: #fff;
	font-weight: bold;
	font-size:48px;
	letter-spacing: 5px;
	font-family: siyuan;
	text-align: left;
	transition: all 1s ease;
	top:50%;
	margin-top: -180px;
	transition-delay: 0.3s;
}
.current p.jj_text{
	transition: all 1s ease;
	transition-delay: 0.7s;
	font-size: 28px;
	font-weight: 100;
	color: #fff;
	font-family: siyuan;
	padding-top: 20px;
	top: 50%;
	margin-top: -45px;

}
.header-black{
	background: #15305f;
	height: 80px;
}
.header-black ul li.active .line{
	background-color: #d22133;
}
.header-black a{
	height: 54px;
	line-height: 60px;
}
.header-black .logo a{
	/*max-height: 29px;*/
	-webkit-transition: max-height 1s ease-in-out 0;
	transition: max-height 1s ease-in-out 0;
}


#page,
.page {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.page h1{
	font-size: 36px;
	text-align: center;
	font-weight: 300;
	font-family: "Helvetica Neue",Helvetica,tahoma,arial,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp";
	padding: 80px 0 0;
	position: relative;
	z-index: 500;
}
#page.animate {
	-webkit-transition: -webkit-transform 1s ease;
	   -moz-transition: -moz-transform 1s ease;
	    -ms-transition: -ms-transform 1s ease;
	     -o-transition: -o-transform 1s ease;
	        transition: transform 1s ease;
}
.page.absolute {
	position: absolute;
	display: none;
	top: 0;
}
#page-indicator {
	position: absolute;
	z-index: 100;
	right: 60px;
	top: 42%;
	width: 20px;
}
#page-indicator li {
	margin: 3px 0;
	*overflow: hidden;
}
#page-indicator li a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 6px 5px;
	text-decoration: none;
}
#page-indicator li.current a {
	padding: 4px 5px;
}
#page-indicator .dot {
	display: block;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	margin: auto;
	background-color: #aaa;
}
#page-indicator li.current .dot {
	width: 9px;
	height: 9px;
	border: 1px solid #aaa;
	background-color: transparent;
}
#page-indicator .text {
	position: absolute;
	right: 24px;
	top: 0px;
	white-space: nowrap;
	color: #aaa;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .3s linear;
	   -moz-transition: opacity .3s linear;
	    -ms-transition: opacity .3s linear;
	     -o-transition: opacity .3s linear;
	        transition: opacity .3s linear;
}
#page-indicator li a:hover .text,
#page-indicator li a:focus .text {
	opacity: 1;
	filter: alpha(opacity=100);
}
#pageDrawer{
	width: 26px;
	height: 120px;
	position: fixed;
	top: 43%;
	left: 100%;
	margin-left: -26px;
	z-index: 10;
}
#pageDrawer a{
	display: block;
	padding: 18px 8px;
	border-radius: 5px 0 0 5px;
	font-weight: bold;
}
.page-banner{
	position: absolute;
	width: 960px; height: 380px;
	top: 50%; left: 50%;
	margin-top: -190px;
	margin-left: -480px;
}
.p-banner{
	position: absolute;
	top: 50%; left: 50%;
}


.inner_box{
	position: absolute;
	width: calc(100% - 300px);
	bottom: 0;
	z-index: 998;
	margin: 0 150px;
}
.inner_list_1{
	position: absolute;
	display: block;
	bottom: -200px;

}
.current .inner_list_1{
	position: absolute;
	display: block;
	bottom: 30px;
	left: 0;
	width: 30%;
	height: 160px;
	border-radius: 8px;
	background-color: #ebecf0;
	transition: all 1s ease;
	transition-delay: 0.6s;
}
.inner_list_2{
	position: absolute;
	display: block;
	bottom: -200px;

}
.current .inner_list_2{
	position: absolute;
	display: block;
	bottom: 30px;
	left: 35%;
	width: 30%;
	height: 160px;
	border-radius: 8px;
	background-color: #ebecf0;
	transition: all 1s ease;
	transition-delay: 0.8s;
}

.inner_list_3{
	position: absolute;
	display: block;
	bottom: -200px;

}
.current .inner_list_3{
	position: absolute;
	display: block;
	bottom: 30px;
	right: 0;
	width: 30%;
	height: 160px;
	border-radius: 8px;
	background-color: #ebecf0;
	transition: all 1s ease;
	transition-delay: 1s;
}

.inner_js{
	position: relative;
	width: calc(100% - 150px);
	padding: 20px 0 0 60px;
	z-index: 1;
}
.inner_js h3{
	color: #333;
	font-family: siyuan;
	font-size: 30px;
	font-weight: bold;
}
.inner_js p{
	color: #666;
	font-family: siyuan;
	font-size: 16px;
	padding-top: 10px;
	line-height: 24px;
}
.inner_icon{
	position: relative;
	display: block;
	width: 54px;
	height: 54px;
	margin: 53px 30px 0 0;
	z-index: 1;
}
.i_icon_1{
	background: url("../images/img1.png") no-repeat;
}
.i_icon_2{
	background: url("../images/img3.png") no-repeat;
}
.i_icon_3{
	background: url("../images/img5.png") no-repeat;
}

.inner_btn{ position:relative; overflow:hidden;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}

.inner_btn .btnbg-x{  position:absolute; background: url("../images/bg1.jpg") left top; left:50%; width:0; top:0px; bottom:0px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;  }
.inner_btn:hover .btnbg-x{ width:100%; left:0px; }
.inner_btn:hover h3,.inner_btn:hover p{	color: #fff;transition: all 0.5s ease;}
.inner_btn:hover .i_icon_1{background: url("../images/img2.png") no-repeat; transition: all 0.5s ease;}
.inner_btn:hover .i_icon_2{background: url("../images/img4.png") no-repeat; transition: all 0.5s ease;}
.inner_btn:hover .i_icon_3{background: url("../images/img6.png") no-repeat; transition: all 0.5s ease;}

.inner_title{
	position: absolute;
	left: -200px;
}
.current .inner_title{
	position: absolute;
	top: 180px;
	left: 0;
	transition: all 1s ease;
	transition-delay: 0.8s;
	font-family: siyuan;
	font-weight: bold;
	font-size: 36px;
	color: #333;
}
.xhx{
	display: block;
	width:70px ;
	height: 3px;
	background-color: #d22133;
}
.more_icon{
	display: inline-block;
	width: 32px;
	height: 15px;
	background: url("../images/arrow.png") no-repeat;
	margin-left: 10px;
}
.more{
	position: absolute;
	right: -200px;
}
.current .more{
	position: absolute;
	top: 190px;
	right: 0px;
	transition: all 1s ease;
	transition-delay: 0.8s;
	width: 130px;
	height: 48px;
	background-color: #d22133;
	color: #fff;
	font-size: 18px;
	line-height: 48px;
	padding-left: 10px;
}
.current .more:before {content: '';position: absolute;top: -15px;left: -15px;bottom: -15px;right: -15px;background: inherit;z-index: -1;opacity: 0.5;
	-webkit-transform: scale3d(.6, .4, 1);transform: scale3d(.6, .4, 1); display:none\9;}
.current .more:hover {text-decoration:none;background:#9b1515;-webkit-transition: background-color .1s .3s, color .1s .3s;transition: background-color .1s .3s, color .1s .3s;-webkit-animation: anim-moema-1 .3s forwards;animation: anim-moema-1 .3s forwards}
.current .more:hover:before {-webkit-animation: anim-moema-2 .3s .3s forwards;animation: anim-moema-2 .3s .3s forwards;}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform:scale3d(.8, .8, 1);
		transform:scale3d(.8, .8, 1)
	}
	85% {
		-webkit-transform:scale3d(1.1, 1.1, 1);
		transform:scale3d(1.1, 1.1, 1)
	}
	100% {
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform:scale3d(.8, .8, 1);
		transform:scale3d(.8, .8, 1)
	}
	85% {
		-webkit-transform:scale3d(1.1, 1.1, 1);
		transform:scale3d(1.1, 1.1, 1)
	}
	100% {
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity:0;
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
}
@keyframes anim-moema-2 {
	to {
		opacity:0;
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
}
.about_jj{
	position: absolute;
	left: -200px;
	top: 300px;
}
.current .about_jj{
	position: absolute;
	left: 0;
	color: #444;
	font-size: 24px;
	line-height: 40px;
	transition: all 1s ease;
	transition-delay: 1s;
	font-family: siyuan;
}

.numCount{
	width: 100%;
	position: absolute;
	top: 450px;
	left: -2000px;
}
.current .numCount{
	position: absolute;
	left: 0;
	transition: all 1s ease;
	transition-delay: 1.5s;
}
.numCount li{ float: left; width: 20%; text-align: center;}
.numCount li .item{ margin: 0 10px;}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:54px; color:#d22133; font-family: sfu;}
.numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;color:#d22133;}
.numCount li .numU sup{vertical-align: top; }
.numCount li .numU sub{vertical-align:baseline;}
.indc{font-size: 16px;font-weight: bold;font-family: siyuan;color:#333;}

.picScroll-left{ width:100%;  overflow:hidden; position:absolute; bottom:-50%;left: 0; }
.current .picScroll-left{
	position: absolute;
	bottom: 50%;
	margin-bottom: -320px;
	transition: all 1s ease;
	transition-delay: 1s;
}
.picScroll-left .hd{ overflow:hidden;  height:30px;  padding:0 10px; position: relative;
	text-align: center; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{  width:30px; height:30px; display: inline-block; margin-right:10px;   overflow:hidden;
	cursor:pointer; background:url("../images/pre.png") no-repeat;vertical-align: middle;}
.picScroll-left .hd .next{ background:url("../images/next.png") no-repeat }
.picScroll-left .hd .prevStop{ background:url("../images/prestop.png") no-repeat; }
.picScroll-left .hd .nextStop{ background:url("../images/nextstop.png") no-repeat; }
.picScroll-left .hd ul{ display:inline-block;overflow:hidden;  zoom:1;vertical-align: middle;}
.picScroll-left .hd ul li{ float:left;  width:14px; height:14px;border-radius: 7px; overflow:hidden; margin-right:20px; text-indent:-999px; cursor:pointer; background-color: rgba(255,255,255,0.5); }
.picScroll-left .hd ul li.on{ background-color:#d22133 }
.picScroll-left .bd{ padding:10px;
	height: 430px;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1;
	width: 100%; }
.picScroll-left .bd ul li{
	position: relative;
	width: calc(25% - 40px); margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic a{
	display: block;
	position: relative;
	width: 100%;
	height: 350px;
}
.picScroll-left .bd ul li .pic .xmimg{ width:100%; height:350px; display:block; border:10px solid rgba(1,11,33,0.9);box-sizing: border-box;position: absolute;
	top: 0;left: 0;}
.picScroll-left .bd ul li .pic img{ height:350px;object-fit: cover; image-rendering: -webkit-optimize-contrast; }
.picScroll-left .bd ul li:hover .pic a{height: 400px;transition: all 0.5s ease }
.picScroll-left .bd ul li:hover .pic .xmimg{border:10px solid rgba(196,2,21,0.9);transition: all 0.5s ease;height: 400px; }
.picScroll-left .bd ul li:hover .pic img{height: 400px;}
.picScroll-left .bd ul li .title{
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: 60px;
	background-color: rgba(1,11,33,0.9);
}
.picScroll-left .bd ul li .title a{
	color: #fff;
	line-height: 60px;
	font-size: 24px;
	font-family: siyuan;
}

.picScroll-left .bd ul li:hover .title{
	background-color: rgba(196,2,21,0.9);
	transition: all 0.5s ease;
}
.pageState{
	display: none;
}

.news_box{
	width: 100%;
}
.news_box{
	position: absolute;
	bottom: -50%;
	left: 0;
}
.current .news_box{
	position: absolute;
	bottom: 50%;
	margin-bottom: -300px;
	transition: all 1s ease;
	transition-delay: 1s;
}
.news_list{
	display: block;
	width:30%;
	margin-right: 5%;
}
.news_list:last-child{
	margin-right: 0;
}
.news_img{
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.news_img img{
	width: 100%;
	height: 300px;
	image-rendering: -webkit-optimize-contrast;
	object-fit: cover;
	transition: all 0.6s ease;

}
.news_title_box{
	height: 36px;
	margin-bottom: 20px;
}
.news_title{
	font-family: siyuan;
	font-size: 24px;
	color: #333;
	font-weight: bold;
}
.news_time{
	font-family: siyuan;
	font-size: 24px;
	color: #333;
	font-weight: bold;
}
.b_title{
	display: block;
	width: 100%;
	height: 36px;
	font-size: 20px;
	font-weight: bold;
	font-family: siyuan;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.b_text{
	font-family: siyuan;
	font-size: 16px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}
.b_con{
	padding: 10px;
	color: #333;
	transition: all 1s ease;
}
.news_list:hover span,.news_list:hover{
	text-decoration: none;
}
.news_list:hover .b_con{
	background-color: #d22133;
	color: #fff;
}
.news_list:hover .news_img img{
	-webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

#page-5 {
	background: url(../images/p5.jpg) center center no-repeat;
}
.xxy{
	position: absolute;
	top: -200px;

}
.current .xxy{
	position: absolute;
	top: 130px;
	left: 50%;
	margin-left: -241px;
	font-size: 36px;
	color: #fff;
	font-family: siyuan;
	letter-spacing: 3px;
	font-weight: bold;
	transition: all 1s ease;
}

.imore{
	position: absolute;
	top: -200px;
}
.current .imore{
	position: absolute;
	top: 210px;
	left: 50%;
	margin-left: -100px;
	display:block;
	width:200px;
	height:48px;
	background-color: #d22133;
	color:#fff;
	text-align:center;
	font-size:18px;
	line-height:48px;
	border-radius: 2px;
	transition: all 1s ease;
	transition-delay: 0.5s;
	cursor: pointer;
}
.current .imore::after{
	content:"";
	display:block;
	width:0;
	height:48px;
	background-color:#0394ef;
	margin-top:-48px;
	transition:all .6s ease 0s
}
.current .imore:hover::after{
	width:200px;
	height:48px
}
.current .imore:hover{
	color:#fff;
	text-decoration: none;
}
.footerleft{
	position: absolute;
	bottom: 200px;
	left: -50%;
}
.current .footerleft{
	position: absolute;
	left: 0;
	transition: all 1s ease;
	transition-delay: 1s;
}
.footerleft h2 {
	font-size: 24px;
	font-weight: 500;
	font-family: siyuan;
	color: #fff;
	padding-bottom: 10px;
}

.footerleft ul {
	float: left;
	margin: 10px 60px 0 0;
}
.footerleft ul li {
	color: #8591aa;
	line-height: 54px;
	font-size: 18px;
	font-family: siyuan;
}

.footerleft ul li a {
	color: #8591aa;
	transition: 0.3s;
}
.footerleft ul li a:hover {
	color: #d22133;
	text-decoration: none;
}
.footerright{
	position: absolute;
	bottom: 190px;
	right: -50%;
}
.current .footerright{
	position: absolute;
	right: 0;
	transition: all 1s ease;
	transition-delay: 1s;
}
.footerright ul {
	margin-bottom: 20px;
	color:#fff;
}
.footerright ul li h2{
	display: inline-block;
	font-size: 28px;
	font-family: siyuan;
	vertical-align: middle;

}
.footerright ul li{
	position: relative;
	width: 180px;
	text-align: center;
}
.footerright ul li span {
	line-height: 54px;
	font-size: 20px;
	font-family: siyuan;
}
.phone2{
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url("../images/phone2.png") no-repeat;
	vertical-align: middle;
	margin-right: 10px;
}
.bg-red{
	position: absolute;
	width: 160px;
	height: 10px;
	bottom: 15px;
	left: 10px;
	/*background-color: #d22133;*/
	z-index: -1;
}
.footer{
	position: absolute;
	bottom: -50px;
	left: 0;
}
.current .footer{
	position: absolute;
	bottom: 0px;
	height: 64px;
	width: 100%;
	background-color: rgba(8,10,17,0.5);
	box-sizing: border-box;
	padding: 0 20px;
	transition: all 1s ease;
	transition-delay: 1.5s;
	color: #8591aa;
	line-height:60px;
	font-size: 18px;
	font-family: siyuan;
	z-index: 999;

}

.link{
	color: #8591aa;
	cursor: pointer;
}
.link:hover{
	color: #d22133;
	text-decoration: none;
	transition: 0.5s;
}
.language{
	margin-right: 10px;
	margin-top: 30px;
	transition: all .5s ease-in-out .4s;
}
.language_con{
	background: url("../images/arrow2.png")right 10px no-repeat;
	font-size: 16px;
	padding-right: 10px;
}

.language_con a{
	height: 30px;
	line-height: 30px;
	transition: all 1s ease;
}

.language_con a.en {
	display: none;
}
.language_con:hover a.en{
	display: block;
}
.header-black .language{
	margin-top: 15px;

}

/*about.html*/
.about_top{
	width: 100%;
	height: 600px;
	background: url("../images/about-bg.jpg") center no-repeat;
}
.anli_bg{
    background: url("../images/anli-bg.jpg") center no-repeat;
}
.product_bg{
    background: url("../images/product-bg.jpg") center no-repeat;
}
.rongyu_bg{
    background: url("../images/rongyu-bg.jpg") center no-repeat;
}
.news_bg{
    background: url("../images/news-bg.jpg") center no-repeat;
}
.zhaopin_bg{
    background: url("../images/zhaopin-bg.jpg") center no-repeat;
}
.contact_bg{
    background: url("../images/contact-bg.jpg") center no-repeat;
}
.about_top_title{
	font-size: 48px;
	font-family: siyuan;
	color: #fff;
	padding-top: 200px;
}
.about_top_en{
	font-size: 40px;
	font-family: siyuan;
	color: rgba(255,255,255,0.5);
}
.about_top_text{
	width: 1400px;
	margin: 0 auto;
	text-align: right;
}
.crumbs{
	height: 70px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}
.container{
	position: relative;
	width: 1400px;
	margin: 0 auto;
}
.about_list{
	height: 70px;
	line-height: 70px;
}
.about_list ul li{
	float: left;
	padding: 0 10px;
	margin-right: 10px;
	transition: all 1s ease;
}
.about_list ul li:hover,.about_list ul li.active{
	background-color: #d22133;
	padding: 0 30px;
}
.about_list ul li:hover a,.about_list ul li.active a{
	color: #fff;
	text-decoration: none;
}
.about_list ul li a{
	color: #333;
	font-size: 16px;
}
.wzbox{
	font-size: 16px;
	line-height: 70px;
}
.wzbox a.active {
	color: #d22133 ! important;
}


.about_con{
	padding: 50px 0;
}
.about_jj_box{
	height: 500px;
}
.about_img{
	width: 50%;
	height: 100%;
	background: url("../images/p7.jpg") bottom right 40% no-repeat;
	background-size: auto 800px;
}
.about_jj_con{
	width: 50%;
	height: 100%;
	background-color: rgba(15,148,206,0.8);;
	box-sizing: border-box;
	padding: 50px;
}
.about_jj_con h2 {
	display: inline-block;
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
	color: #fff;
	font-family: siyuan;
	text-align: center;
}

.jj_title_img{
	display: inline-block;
	width: 65px;
	height: 64px;
	background: url("../images/k1.png") no-repeat;
	margin-bottom: -4px

}
.jj_con{
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	margin-top: 40px;
}

.about_bg{
	background-color: rgba(102,102,102,0.1);
}
.about_bg2{
	background-color: transparent;
}
.about_bg .about_jj_con h2,.about_bg .jj_con{
	color: #333;
}
.about_js_img{
	width: 50%;
    height: 100%;
	position: relative;
	text-align: center;
}
.about_js_img img{
	height: 400px;
	padding-top: 50px;
	object-fit: cover;
}

#particles-js {
	position: relative;
	z-index: 0;
}

canvas {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.qygl_con h2{
	font-size: 20px;
	font-weight: bold;
	font-family: siyuan;
	padding-bottom: 10px;
}
.qygl_text{
	color: #666;
	line-height: 28px;
	font-size: 16px;
}
.scx_box{
	font-size: 0;-webkit-text-size-adjust: none;
}
.scx_box ul li{
	position: relative;
	display: inline-block;
	width: calc(25% - 60px);
	height: 200px;
	cursor: pointer;
	transition:all .6s ease;
	margin:30px;
}
.scx_box ul li .scx_img{
	display: block;
	width: 100%;
	height: 200px;
	overflow: hidden;
}
.scx_box ul li img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	image-rendering: -webkit-optimize-contrast;
	transition:all 1s ease;
}
.scx_box ul li .scx_border{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	transition:all 1s ease;
	z-index: 999;
	box-shadow: 2px 2px 8px #ccc
}
.scx_box ul li .scx_name{
	display: block;
	width: 100%;
	height: 48px;
	background-color:rgba(1,11,33,0.8) ;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	line-height: 48px;
	font-size: 16px;
	text-align: center;
	transition:all 1s ease
}

.scx_box ul li:hover .scx_name{
	background-color:rgba(196,2,21,0.8);
}
.scx_box ul li:hover img{
	transform: scale(1.5,1.5);
}

.zs_box{
    margin-bottom: 50px;
}
.whbox {
	width: 350px;
	height: 400px;
	border: 1px solid #ddd;
	border-radius: 10px;
	position: relative;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	padding: 10px 0 30px;
	transition: all .5s;
	margin: 0 40px;
}

.whbox:hover {
	background-color: #1f2a66;
}
.whbox>i {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-size: 20px 20px;
	opacity: 0;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
.whbox .img {
	width: 100%;
	height: 222px;
	position: relative;
	background: url(../images/zuan1.png) bottom no-repeat;
	-webkit-transition: .5s;
	transition: .5s;
}
.whbox:hover .img {
	background-image: url(../images/zuan1h.png);
}
.whbox .img .quan {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 114px;
	height: 113px;
	-webkit-transition: 2s;
	transition: 2s;
	background: url(../images/hex1.png) center no-repeat;
	margin-left: -57px;
	margin-top: -57px;
}
.whbox:hover .img .quan {
	background-image: url(../images/hex1h.png);
	-webkit-transform: rotate(330deg);
	transform: rotate(330deg);
}
.whbox .img .hx {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(../images/wh3.png) center no-repeat;
	transition: all .6s;
}
.whbox:hover .img .hx {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background: url(../images/wh3h.png) center no-repeat;
}

.whbox .txt {
	position: relative;
	z-index: 1;
}
.whbox .txt p::after {
	content: '';
	display: block;
	width: 38px;
	height: 2px;
	background-color: #d22133;
	margin: 26px auto 20px;
	-webkit-transition: .5s;
	transition: .5s;
}

.whbox:hover .txt p,
.whbox:hover .txt span {
	color: #fff;
}

.whbox:hover .txt p::after {
	background-color: #fff;
}
.color_zhu {
	color: #d22133;
}
.f24{
	font-size: 24px;
}
.color_666 {
	color: #666;
}
.f18 {
	font-size: 18px;
}

/*anli*/
.bg_main{ background:#d22133;}
.w-simgtext ul,.w-simgtext li{ list-style:none; margin:0; padding:0;}
.w-simgtext li{margin-bottom: 25px;}
.w-simgtext a{ display:block;text-decoration:none;}
.w-simgtext a:hover{ text-decoration:none;}
.w-simgtext h3{ margin: 0;line-height: 1.5; font-weight: normal;}
.w-simgtext p{margin-bottom: 0; font-size: 16px;}

.w-simgtext1 li{ float: left; width: calc(25% - 60px); *width:24.99%; margin: 30px; }
.w-simgtext1 li .item{position:relative; width:100%;  height: 227px; margin: 0 auto; text-align: center;}
.w-simgtext1 li .sigt1{position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; }
.w-simgtext1 li .sigt1 .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;overflow: hidden;border-radius:0; -webkit-border-radius: 0;border:3px solid #999;}
.w-simgtext1 li .sigt1 .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:10px; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; }
:root .w-simgtext1 li .sigt1 .sigt_text{ top:50%;}
.w-simgtext1 li .sigt1 .s_img img{max-width: 100%; max-height: 100px; margin-bottom: 5px;object-fit: cover;}
.w-simgtext1 li .sigt1 h3{ font-size: 18px; color:#333; }
.w-simgtext1 li .sigt1 p{font-size: 16px; color: #aaa; }
.w-simgtext1 li .sigt2{position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; color:#fff; }
.w-simgtext1 li .sigt2 .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;opacity:0;border-radius: 0; -webkit-border-radius: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: scale(1.2); -webkit-transform: scale(1.2); transition: all 0.5s; -webkit-transition: all 0.5s; }
.w-simgtext1 li .sigt2 .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:10px; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%); margin-top: 35px;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s; -webkit-transition: all 0.5s; }
:root .w-simgtext1 li .sigt2 .sigt_text{ top:50%;}
.w-simgtext1 li .sigt2 h3{ position: relative; font-size: 24px; margin-bottom: 10px; padding-bottom: 5px;}

.w-simgtext1 li a:hover .sigt1 .sigt_text{margin-top: 35px;}
.w-simgtext1 li a:hover .sigt2 .bg{transform: scale(1); -webkit-transform: scale(1);opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.w-simgtext1 li a:hover .sigt2 .sigt_text{ margin-top: 0;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.anli_img_box{
	width: 1000px;
	margin: 0 auto;
}
.anli_img_box h2{
	font-family: siyuan;
	font-size: 24px;
	color: #333;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
}
.anli_img_box img{
	width: 1000px;
	margin-bottom: 20px;
}


/*product*/
.all_pro{
	margin-top: 20px;
}
.pro_list{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.pro_list h3{
	font-size: 24px;
}

.pro_list ul li{
	display: inline-block;
	background: url(../images/pro-c.png) 3px no-repeat;
	padding-left: 20px;
	margin-right: 40px;
	margin-top: 20px;
}
.pro_left_box{
	margin-left: 30px;
	display: flex;
	align-items: center;
	height: 150px;
	width: 1100px;

}
.pro_left_box_list ul li a{
	font-size: 16px;
}
.pro_img{
	width: 225px;
	height: 150px;
	overflow: hidden;

}
.pro_img img{
	width: 225px;
	height: 150px;
	object-fit: cover;
	image-rendering: -webkit-optimize-contrast;
	transition: all 1s ease;
}
.pro_img:hover img{
	transform: scale(1.5,1.5);
}
.w-simgtext1 li .sigt1 .s_img.ry_img img{max-height: 160px !important; margin-bottom: 0;}

.pro_detail_list{
	border-bottom: 1px solid #ddd;
	padding: 30px;
	box-sizing: border-box;
}
.pro_detail_list:last-child{
	border-bottom: 0;
}
.pdetail_title{
	font-weight: bold;
	font-family: siyuan;
	font-size: 18px;
	color: #333;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.pdetail_title img{
	padding-right: 10px;
	width: 24px;
}
.pro_detail_list p.td_text{
	font-size: 16px;
	font-family: siyuan;
	color: #666;
	line-height: 30px;
}
.ggpz_img{
	position: relative;
	text-align: center;
	margin-top:30px;
}
.ggpz_img img{
 	width: 1000px;
}
/*news*/
.news_list_box{
	border-bottom: 1px solid #e2e2e2;
	padding: 30px;
	box-sizing: border-box;
	transition: all 0.6s ease;
	cursor: pointer;

}
.news_list_box:hover{
	background-color: #f2f2f2;
}
.news_left_img{
	width: 300px;
	height: 200px;
	overflow: hidden;
}
.news_left_img img{
	width: 300px;
	height: 200px;
	object-fit: cover;
	image-rendering: -webkit-optimize-contrast;
	transition: all 1s ease;

}
.news_left_img:hover img{
	transform: scale(1.5,1.5);
}
.news_con{
	margin-left: 30px;
	width: calc(100% - 330px);
	height: 200px;
	padding: 20px 0;
	box-sizing: border-box;
}
.news_con h2{
	font-size: 18px;
	font-family: siyuan;
	color: #333;
	font-weight: bold;
}
.news_con p{
	font-size: 14px;
	color: #bbb;
	line-height: 30px;
}
.news_con span{
	display: block;
	color: #666;
	font-size: 14px;
	font-family: siyuan;
	line-height: 24px;
	padding-top: 10px;
	text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}

.xq_btn{
	display:block;
	width:120px;
	height:32px;
	background-color: #fff;
	border: 1px solid #d22133;
	color:#d22133;
	text-align:center;
	font-size:14px;
	line-height:32px;
	border-radius: 2px;
	transition: all 0.6s ease;
	cursor: pointer;
	margin-top: 20px;
}
.xq_btn::after{
	content:"";
	display:block;
	width:0;
	height:32px;
	background-color:#d22133;
	margin-top:-32px;
	transition:all .6s ease 0s
}
.xq_btn:hover::after{
	width:120px;
	height:32px
}
.xq_btn:hover{
	color:#fff;
	text-decoration: none;
	transition:all .6s ease 0s
}
.news_detail_tt {
	margin: 0 auto;
	width: 57%;
	line-height: 36px;
	text-align: center;
	font-size: 24px;
	color: #333;
}
.news_other_s {
	position: relative;
	text-align: center;
	margin-top: 20px;
	padding-top: 13px;
	border-top: 1px solid #e3e3e3;
	line-height: 24px;
	color: #999;
}
.news_info_mid {
	display: block;
	padding: 0 0 13px 0;
	line-height: 64px;
	color: #b3b3b3;
}
.news_info_mid i {
	font-style: normal;
	font-size: 14px;
}

.news_read {
	margin-left: 36px;
}
.news_toback {
	margin-left: 36px;
}
.news_toback a {
	cursor: pointer;
}
.news_content p {
	font-size: 16px;
	color: #333;
	text-indent: 30px;
	line-height: 32px;
	padding: 5px 0;
}
.toback {
	display: block;
	width: 120px;
	height: 32px;
	border: 1px solid #ccc;
	color: #666;
	text-align: center;
	line-height: 32px;
	margin: 0 auto;
	cursor: pointer;
}
.news_content img{
	display: block;
	margin: 20px auto;
}


/*zhaopin*/
.n_top_title {
	font-size: 36px;
	color: #333;
	font-weight: 300;
	text-align: center;
}
.resources_box{
	margin-top: 30px;
}
.resources_box ul li{
	padding: 30px;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	transition:all .6s ease 0s
}
.resources_box ul li:hover{
	background-color: #f2f2f2;
}
.r_times{
	float: left;
	width: 100px;
	text-align: center;
	border-radius: 2px;
	color: #fff;
	margin-right: 40px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
}
.r_times span{
	display: block;
	height: 40px;
	background: #d22133;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-family: siyuan;
}
.r_times strong{
	font-size: 36px;
	display: block;
	height: 60px;
	background-color: #fff;
	color: #000;
	line-height: 60px;
	font-family: siyuan;
}

.r_content{
	float: left;
	width: 1180px;
}
.r_content a{
	color: #333;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	font-family: siyuan;
}
.r_content a:hover{
	color: #d22133
}
.r_con_list{
	padding: 8px 0;
}
.r_con_list span{
	display: inline-block;
	color: #666;
	padding-right: 30px;
	font-size: 16px;
}
.r_content p{
	font-size: 16px;
	line-height: 28px;
	color: #999;
	text-align: justify;
	text-justify: inter-ideograph;
}
/*contact*/
.contact_list{
	padding: 50px 0;
	font-size: 0;
	-webkit-text-size-adjust: none;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}
.contact_list:last-child{
	border-bottom: 0;
}
.company_name{
	font-size: 24px;
	color: #333;
	position: relative;
	text-align: center;
	font-weight: bold;
	padding-bottom: 50px;
	font-family: siyuan;


}
.contact_list ul li{
	display: inline-block;
	width: 25%;
	position: relative;
	text-align: center;
	margin: 20px 0;

}
.contact_list ul li p{
	font-size: 18px;
	padding: 20px 0 10px 0;
	font-weight: bold;
}
.contact_list ul li span{
	font-size: 18px;
	font-weight: bold;
}


.news_pages{
    margin-top: 50px;
    position: relative;
    text-align: center;
}
.news_pages a{
    display: inline-block;
    margin: 0 3px 6px;
    padding: 0 10px;
    text-decoration: none;
    color: #666;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
}
.news_pages span{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    font-weight: 700;
    color: #666;
    margin: 0 3px 6px;
    padding: 0 10px;
    font-size: 12px;
}


.r_content_detail .fb_tit{
	clear:both;
	font-size:24px;
	font-weight:bold;
}
.r_content_detail .fb_time{
	color:#999;
	font-size:14px;
}
.r_detail_box{
    margin-top: 20px;
}
.r_detail_box h3{
    font-size: 20px;
    padding-bottom: 10px;
}
.r_detail_box p{
    line-height: 28px;
    color: #999;
	font-size:16px;
}


/*loading*/
.loading{
  height: 100px;
  text-align: center;
  margin-top: 250px;
}

.circle {
  margin: 20px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  display: inline-block;
  transform: scale(0);
  animation: bulge 2s infinite ease-in-out;
}

.circle::after {
  position: absolute;
  display: inline-block;
  content: '';
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: inherit;
  top: 0;
  left: 0;
  z-index: -1;
  transform: scale(1);
  animation: blow 2s infinite ease-in-out;
}

.circle:nth-child(1) {
  background-color: #3FA9D8;
  animation-delay: 0s;
}

.circle:nth-child(2) {
  background-color: #F2AE43;
  animation-delay: .25s;
}

.circle:nth-child(3) {
  background-color: #8FC0A5;
  animation-delay: .50s;
}

@keyframes bulge {
  50% {
    transform: scale(1);
  }
}


@keyframes blow {
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.5;
  }
  90% {
    opacity: 0;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}