.slider{
	position:relative
}
.slider img{
	max-width:100%
}

.header{
	display:block;
	width:100%
}
.container{
    width: 100%;
    max-width: 1520px;
    height: 100%;
    margin: 0 auto;
    padding: 0 2vw;
    position: relative;
	box-sizing:border-box;
}
.header .container{
    display:flex;
	align-items: center;
    justify-content: space-between;	
}
.product-container{
	width: 1001px;
    height: 100%;
    margin: 0 auto;
    position: relative
}
.product2-container{
	width: 74%;
    height: 100%;
    margin: 0 auto;
    position: relative
}
.news-container{
	width: 74%;
    height: 100%;
    margin: 0 auto;
    position: relative
}
.logo{
	width:220px
}
.logo img{
	max-width:100%
}
.navbar{
    text-align: right;
}
.navbar ul{}
.navbar ul li {
	float: left;
    position: relative;
}
.navbar ul li a {
	color: #333;
    text-decoration: none;
    padding: 0 1.8vw;
    margin: 0;
    line-height: 72px;
    box-sizing: border-box;
    font-size: 15px;
    display: block;
	text-transform: uppercase;
}
.navbar ul li:hover a,.navbar ul li a:hover {
	color: #df0716;
}
.navbar ul li a.ov{
	background: #df0716;
    color: #fff !important;
    box-shadow: 0 0 10px #c1000d;
}

.title {
	text-align:center;
	margin-bottom:30px
}
.title span {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 3px;
    padding: 5px 20px;
    color: #df0615;
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.news,.video{
	margin:50px 0 30px 0
}
.product{
	margin:50px 0 50px 0
}
.c-product{}
.mian-product{
	float:left;
	width:75%;
	margin-right:3%
}

.w1 li{
	float:left;
	width:31.3333%;
	margin-right:3%;
	margin-bottom:3%
}
.w1 li:nth-child(3n+0){
	margin-right:0;
}
.w2 li{
	float:left;
	width:22.75%;
	margin-right:3%
}
.w2 li:nth-child(4n+0){
	margin-right:0;
}
.product-list li:nth-child(4n+2){animation-delay: 0.1s;}
.product-list li:nth-child(4n+3){animation-delay: 0.2s;}
.product-list li:nth-child(4n+4){animation-delay: 0.3s;}
.product-list li .column{position:relative;display:block;background:#fff;padding:15px;border-radius:0;transition:all .5s;text-align:center;box-shadow: 1px 3px 10px #dfdfdf;}
.product-list li .column:before,
.product-list li .column:after{
	content:'';
	display:block;
	position:absolute;
	top:-2px;
	left:-2px;
	right:-2px;
	bottom:-2px;
	transition:all .5s;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	border-radius:2px;
}
.product-list li .column:before{
	border-top:2px solid #df0716;border-bottom:2px solid #df0716;transform-origin:0 0;-webkit-transform-origin:0 0;transform:scale(0,1);-webkit-transform:scale(0,1);
}
.product-list li .column:after{
	border-left:2px solid #df0716;border-right:2px solid #df0716;transform-origin:100% 0;-webkit-transform-origin:100% 0;transform:scale(1,0);-webkit-transform:scale(1,0);
}
.product-list li:hover .column:before,
.product-list li:hover .column:after{
	border-color:#df0716;
	transform:scale(1);
	-webkit-transform:scale(1);
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.product-list li:hover .column:after{transition-delay:.15s;-webkit-transition-delay:.15s;}
.product-list li .image{position:relative;overflow:hidden;}
.product-list li .image > a{position: absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:10;}
.product-list li .image img{max-width:100%;width:100%;height:auto;transition:all .5s;}
.product-list li:hover .image img{
	-webkit-transform:scale(var(--scale-multiplier,1.05));
	-ms-transform:scale(var(--scale-multiplier,1.05));
	transform:scale(var(--scale-multiplier,1.05));
}
.product-list li .pro-title a{color:#333333;font-size:14px;display:block;background-color:#FAFAFA;text-align:center;padding:10px 0}
.product-list li:hover .pro-title a{color:#df0716;text-decoration:none;}

.product-list2 li{
	float:left;
	margin-right:3%;
	width:48.5%
}
.product-list2 li:nth-child(2n+0){
	margin-right:0;
}
.product-list2 li:nth-child(4n+2){animation-delay: 0.1s;}
.product-list2 li:nth-child(4n+3){animation-delay: 0.2s;}
.product-list2 li:nth-child(4n+4){animation-delay: 0.3s;}
.product-list2 li .column{position:relative;display:block;background:#fff;padding:15px;border-radius:0;transition:all .5s;text-align:center;box-shadow: 1px 3px 10px #dfdfdf;}
.product-list2 li .column:before,
.product-list2 li .column:after{
	content:'';
	display:block;
	position:absolute;
	top:-2px;
	left:-2px;
	right:-2px;
	bottom:-2px;
	transition:all .5s;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	border-radius:2px;
}
.product-list2 li .column:before{
	border-top:2px solid #df0716;border-bottom:2px solid #df0716;transform-origin:0 0;-webkit-transform-origin:0 0;transform:scale(0,1);-webkit-transform:scale(0,1);
}
.product-list2 li .column:after{
	border-left:2px solid #df0716;border-right:2px solid #df0716;transform-origin:100% 0;-webkit-transform-origin:100% 0;transform:scale(1,0);-webkit-transform:scale(1,0);
}
.product-list2 li:hover .column:before,
.product-list2 li:hover .column:after{
	border-color:#df0716;
	transform:scale(1);
	-webkit-transform:scale(1);
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.product-list2 li:hover .column:after{transition-delay:.15s;-webkit-transition-delay:.15s;}
.product-list2 li .image{position:relative;overflow:hidden;}
.product-list2 li .image > a{position: absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:10;}
.product-list2 li .image img{max-width:100%;width:100%;height:auto;transition:all .5s;}
.product-list2 li:hover .image img{
	-webkit-transform:scale(var(--scale-multiplier,1.05));
	-ms-transform:scale(var(--scale-multiplier,1.05));
	transform:scale(var(--scale-multiplier,1.05));
}
.product-list2 li h4 { position:absolute;background:rgba(0,0,0,0.6);color:#FFF;left:0;right:0; bottom:-50px; text-align:center; opacity:0;filter:alpha(opacity=0);-moz-opacity:0; z-index:-1; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; padding:10px 0}
.product-list2 li:hover h4{filter:alpha(opacity=100);-moz-opacity:1;opacity:1; bottom:0px; z-index:22;}

.product-search{
	padding-bottom:25px;
	width:80%;
	margin:0 auto
}
#search-box{
	display:flex;
	align-items: center;
    justify-content: space-between;	
}
#search-box select{
	width: 180px;
	height: 36px;
	border: 1px solid #bbb;
	border-radius: 4px;
	margin:0 15px;
	padding-left:7px;
}
.search-text {
	flex:1;
    height: 36px;
    text-indent: 7px;
    font-size: 14px;
    border: 1px solid #bbb;
	box-sizing: border-box;
    vertical-align: top;
    outline: none;
    border-radius: 4px;
	
}
.search-inner {
    position: relative;
    cursor: pointer;
    vertical-align: top;
	width: 90px;
}
.search-btn {
	width: 100%;
    height: 36px;
	color:#FFF;
    border: none;
    outline: none;
    background: #df0716;
    border-radius: 4px;
	cursor:pointer;
}

.top-product{
	padding-bottom:25px
}
.product-banner{
	float:left;
	width:49.5%;
	margin-right:0.5%;
	padding-right:11px;
}
.product-banner img{
	max-width:100%
}
.main-pro{
	float:right;
	width:49.5%;
	margin-left:0.5%;
	position:relative;
	font-size:13px;
	line-height:160%;
	padding-left:11px;
}
.p-txt{
	position:absolute;
	left:0;
	bottom:30px;
	padding:25px 40px 0 40px;
	background:url(../images/bg2.png) no-repeat left center;
	width:100%;
	height:127px;
	color:#FFF
}
.p-txt h3{
	font-weight:normal;
	font-size:18px;
	padding-bottom:7px
}
.main-pro img{
	max-width:100%
}

.product-box{display:flex;border:1px solid #DDDDDD}
.show-pic{width:50%}
.show-list-box{width:100%;margin:10px auto;position:relative}
.prev{position:absolute;z-index:5;left:0px;top:25px;cursor:pointer;width:50px;height:50px}
.next{position:absolute;z-index:5;right:0px;top:25px;cursor:pointer;width:50px;height:50px}

.show-pic-list{overflow:hidden;width:535px;height:130px;margin:0 auto;position:relative}
.show-pic-list ul{position:absolute;z-index:4;left:0;top:0;}
.show-pic-list ul li{float:left;font-size:14px;border:1px solid #DDD;margin:0 3px; box-sizing:border-box}
.show-pic-list ul li a{float:left;width:100px}
.cur{border:1px solid #FF0000 !important}

.product-right{flex:1;padding-left:4%}
.product-right h4{font-size:20px;color:#333;padding-bottom:20px;padding-top:20px; font-weight:500;border-bottom:1px solid #DDDDDD}
.product-right p{line-height:220%;font-size:16px;padding-top:10px;}
#DefaultPic{text-align:center;display:flex;justify-content:center;align-items:center;position:relative;}
#DefaultPic img{max-width:100%}

.product-desc{padding-top:20px;color:#333;padding-bottom:20px;}
.product-desc h4{font-size:20px;text-align:center;padding:5px 12px;font-weight:500;}
.product-desc p{padding-top:20px;font-size:16px;line-height:220%}

.product-footer{margin-top:30px;line-height:200%;font-size:14px;}
.product-footer a{color:#005AAB}
.product-footer a:hover{text-decoration:underline}

.video-list{}
.video-list ul{ padding:0 ; margin:0 -15px;}

.video-list ul li{ width:25%; height:auto; float:left; overflow:hidden; padding:0 15px;}
.video-list ul li p{ line-height:24px;  text-align:center; margin:10px 0; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-list ul li img{width:100%; height:auto; }
.video-list ul li .Img{width:100%; height:auto; overflow:hidden; position:relative;}
.video-list ul li a .Img .colorBg{background:url(../images/play.svg) center center no-repeat;  background-color: rgba(0,0, 0, 0.3); background-size:40px 40px; width:100%; height:100%; position:absolute; top:0; left:0;transition: all .3s;}
.video-list ul li a:hover .Img .colorBg{background:url(../images/play.svg) center center no-repeat;  background-color: rgba(0,0, 0, 0.4); background-size:40px 40px; width:100%; height:100%; position:absolute; top:0; left:0;transition: all .3s;}
.video-list ul li a .Img img{
	-webkit-transform: translateZ(0)  scale(1);
    -moz-transform: translateZ(0)  scale(1);
    -ms-transform: translateZ(0)  scale(1);
    -o-transform: translateZ(0)  scale(1);
    transform: translateZ(0)  scale(1);
	-webkit-transition: all 0.8s; 
	-moz-transition: all 0.8s;
	 transition: all 0.8s;
}
.video-list ul li a:hover .Img img{
	-webkit-transform: translateZ(0)  scale(1.05);
    -moz-transform: translateZ(0)  scale(1.05);
    -ms-transform: translateZ(0)  scale(1.05);
    -o-transform: translateZ(0)  scale(1.05);
    transform: translateZ(0)  scale(1.05);
	-webkit-transition: all 0.8s; 
	-moz-transition: all 0.8s;
	 transition: all 0.8s;
}

.news-box{}
.news-pic{float:left;width:35%;padding-right:20px;}
.news-pic img{max-width:100%}
.news-title{font-size:22px;padding-top:10px;}
.news-pic p{padding-top:3px;padding-bottom:3px;line-height:23px;color:#666}

.news-list{float:left;width:43%;padding:0 15px}
.news-list ul li{ padding-bottom:15px}
.news-list ul li a{
	font-size:22px
}
.news-list ul li span{
	display:block;
	font-size:14px;
	color:#666
}
.ad-pic{
	width: 22%;
    float: left;
}
.ad-pic img{max-width:100%}


.path{
	border-bottom: 1px solid #F0F0F0;
}
.location{
	float:left;
	height:50px;
	line-height:50px;
}
.location ul li{
	float:left
}
.location ul li.home{
	background:url(../images/home.png) no-repeat left center;
	padding-left:35px
}
.location ul li::after {
    content: '/';
    display: block;
    width: 30px;
	float:right;
	text-align:center;
	color:#999
}
.location ul li:last-child::after {
    content: '';
}
.quick{
	height: 100%;
	float:right
}
.quick ul li{
	float:left;
	height:50px;
	line-height:50px;
}
.quick ul li a{
	padding: 0 20px;
    border-bottom: 2px solid transparent;
    display: inline-block;
    font-size: 14px;
    color: #666;
    text-decoration: none;
}
.quick ul li a:hover{
    border-bottom: 2px solid #CCCCCC;
	background-color:#F9F9F9;
}
.quick ul li a.qov{
	border-bottom: 2px solid #CCCCCC !important;
	background-color:#F9F9F9;
}

.main{
	padding:50px 0 70px 0;
	position:relative;
}
.main-content{
	min-height:450px;
	font-size:14px;
	line-height:200%
}
.main-content img{
	max-width:100%
}

.nlist{}
.nlist li{
	padding:10px 0;
	display:flex;
	align-items:center;
	border-bottom:1px dotted #DBD4CD
}
.ndate{
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	width:80px;
	height:80px;
	background-color:#F4F4F4;
	text-align:center;
	margin:0 20px
}
.ndate em{
	display:block;
	font-style:normal;
	font-size:32px;
	line-height:100%;
	font-weight:bold;
}
.ndate span{
	font-size:14px;
	white-space:nowrap
}
.ncontent{
	flex:1;
	margin-left:10px
}
.ncontent h3{
	font-size:22px;
	padding-bottom:5px
}
.ncontent span{
	font-size:14px;
	color:#999
}
.article-detail h3{text-align:center;font-size:26px;font-weight:bold;padding:30px 0 10px 0}
.article-detail em{display:block;font-size:16px;text-align:center;color:#999}
.article-detail .desc{line-height:180%;font-size:16px;padding:30px 0 0 0}
.article-detail .desc p{
	margin:auto;
	padding:inherit
}
.article-detail .desc img{max-width:100%}

.jobs-con{
	padding-bottom:20px
}
.jobs-list{}
.jobs-list ul li{margin-bottom:10px}
.jobs-head{padding:0 110px 0 20px;background-color:#F5F5F5;height:54px;line-height:54px;cursor:pointer;position:relative}
.active .jobs-head{background-color:#df0716}
.active .jobs-head .list-l{color:#FFFFFF}
.active .jobs-head .list-r{color:#FFFFFF}
.jobs-head .list-l{float:left;font-size:18px;color:#333333}
.jobs-head .list-r{float:right;font-size:16px;color:#666666}
.jobs-head em{
	position:absolute;
    right:0px;
    top:0;
    width:54px;
    height:54px;
	background:url(../images/btn_06.png) center no-repeat;
	background-size:100%
}
.active .jobs-head em{
	background:url(../images/btn_06_h.png) center no-repeat;
	background-size:100%
}
.jobs-deta{display:none;padding:10px 20px;box-shadow:0 0 10px rgba(0,0,0,0.1);font-size:14px;background-color:#FFFFFF}

.contact-us{
	float:left;
	width:40%;
	padding-top:20px;
	padding-left:30px
}
.contact-title{
	text-align:left
}
.contact-title h4{
	font-size:24px
}
.contact-us dl{
	padding-top:20px
}
.main-map{
	float:left;
	width:60%;
	height:400px;
}
#mapContainer{width:100%;height:100%;border:#ccc solid 1px;font-size:12px}

.v{
	padding: 20px 30px;
}
.vt{
	text-align: center;
    margin: 20px 0;
    font-size: 24px;
    font-weight: 500;
}
.vc {
	text-align:center;
	width:100%;
	height:480px
}
.vc video {
	max-height:100%;
	max-width:100%;
}
.footer{
	position:relative;
	background:url(../images/fbg2.jpg) no-repeat center bottom;
    padding: 3vw 0 0;
}
.footer-widgets{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;	
	font-size:16px;
}
.footer-col{
	padding:0 10px;
	box-sizing:border-box
}
.footer-col:last-child{
	width:200px;
}
.widget-title{font-size:16px;margin-bottom:15px;font-weight:bold;position:relative;color:#FFF;padding-bottom:15px;word-spacing:5px;letter-spacing:1.5px}
.widget-title:before{border-bottom:1px solid rgba(255,255,255,.1);width:60px;content:"";position:absolute;left:0;bottom:0}
.widget-title:after{border-bottom:3px solid #FFF;border-bottom-color:#FFF;width:20px;content:"";position:absolute;left:0;bottom:-.5px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.footer-col:hover .widget-title:after{width:60px}

.footer-col ul li{
	display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all .3s ease-in-out;
    position: relative;
	color:#FFF;
	font-size:14px
}
.footer-col ul li a{
	color:#FFF;
	font-size:14px !important
}
.footer-col ul li a:hover{
	text-decoration:underline
}
.contact{
	padding-right:1.5em
}
.qrcode{
	width:100%
}
.qrcode img{
	max-width:100%
}
.copyright{
	text-align:center;
	padding:20px 0;
	border-top:1px solid #eaeaea;
	margin-top:20px;
	font-size:12px;
	color:#FFF
}
.copyright a{
	color:#FFF;
	font-style:italic;
	text-decoration:underline
}

.project__card {
    position: relative;
    will-change: transform;
    transition: box-shadow .5s ease;
    box-shadow: 0 10px 30px transparent;
}
.project__card.hover-in {
  transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
  transition: transform .5s ease-out, -webkit-transform .5s ease-out;
 }
.project__card.hover-out {
  transition: -webkit-transform .5s ease-in;
  transition: transform .5s ease-in;
  transition: transform .5s ease-in, -webkit-transform .5s ease-in;
 }
.project:hover .project__card { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); }
.project:hover .project__image:after {opacity: 1; }

.pagination{text-align:center;margin-top:10px}
.pagination ul li.pc{display:none}
.pagination ul li.wap{display:inline-block}
.pagination ul {
	display: inline-block;
	padding: 0;
	margin: 2% auto;
	font-size: 14px;
}
.pagination ul li {
	float:none;
	display: inline;
	list-style: none;
	width:auto;
	margin:auto
}
.pagination ul li a,.pagination ul li span {
	color: black;
	display: inline;
	padding: 5px 8px;
	margin-left: -1px;
	border:1px solid #e1e2e3;
	text-decoration: none;
	width:auto
}
.pagination ul li span {
	color: #666;
}
.pagination ul li a:hover{
	background: #005AAB;
	color: #FFFFFF;
}
.pagination ul li.current span{
	font-weight: bold;
	background: #005AAB;
	color: #FFFFFF;
}

@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1440px) {}