/*鏈嶅姟椤圭洰*/
.sever_inbox{width: 100%; height:190px; position:relative;}
.sever_inconten{width: 1400px; height:160px; box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 15px; margin:0px auto; position:relative; margin-top:-140px; background-color:#fff; z-index:99;display: none;}
.sever_inconten ul{width: 100%;}
.sever_inli {width: 16.5%; float:left; margin-top:25px; text-align:center; height:110px; position:relative;}
.sever_inli:before{content: ''; position:absolute; right:0px; top:0px; height:110px; width:1px; background-color:#999;}
.sever_inconten ul li:nth-child(6):before{background-color:#fff;}
.sever_inli_img{width: 100%; text-align:center; margin-top:15px;}
.sever_inli_img img{width: 53px; transform:scale(1); transition: transform 0.3s ease-out;}
.sever_inli_img:hover img{ transform:scale(1.1);}
.sever_inli h3{ font-size:18px; text-align:center; font-weight:normal; color:#333; line-height:40px; transform: translate(0px, 0px); transition: transform 0.3s ease-out;}

.sever_inli:hover h3 {color: #e30611;  transform: translate(0px, 3px);}
.sever_inli p{ font-size:14px; text-align:center; color:#999; transform: translate(0px, 0px); transition: transform 0.3s ease-out;display: none;}
.sever_inli:hover p{transform: translate(0px, 5px);}
/*鍏充簬鎴戜滑*/
.about_box{width: 100%; height:inherit; overflow:hidden;}
.about_left{width: 50%; float: left; padding: 150px 0px; background: url(../images/about_lfbg.jpg) no-repeat center center; background-size: cover;}
.about_left_co{width: 332px; height:348px; float:right;}
.about_left_co img{width: 100%;}
.about_right{width: 50%; float: right; padding: 150px 0px; background: url(../images/about_rffbg.jpg) no-repeat center center; background-size: cover;}
.about_right_co{width: 500px; height:348px; float:left; background-color:#fff; padding-left:50px; padding-right:30px;}
.about_right h2 {font-size: 26px; color: #333; font-weight: normal; line-height: 55px; margin-top:45px;}
.about_right .line {width: 80px; height: 3px; display: block; background-color: #e30611; margin-top: 10px; }
.about_right p {font-size: 14px; color: #666; line-height: 35px; text-align: left; margin-top: 20px;  }
.about_right .about_linkcs1 { width: 130px; height: 44px; background-color: #e30611; font-size: 16px; color: #fff; line-height: 44px; text-align: center; margin-top: 25px; display: block; transform: translate(0px, 0px); transition: transform 0.3s ease-out;}
.about_right .about_linkcs1:hover{background-color: #666060; transform: translate(5px, 0px);}

.details_area{display:block; width: 100%; margin-top: 84px;}
.details_con{ display:block; width: 100%; margin: 0px auto; height: 170px;}
.detail_list{ display:block; height: 170px;}
.detail_list li{ display:inline-block; float: left; height: 100%; width: 32%; text-align: center; margin-right:2%; position: relative; overflow: hidden;}
.detail_list li a{ display:block; height: 100%; width: 100%;}
.detail_list li a:after{ display:block; content: ""; height: 100%; width: 100%; background:rgba(188,4,4,0.7); position: absolute; left: 0px; top: 0px; z-index: 2; opacity: 0; transition: opacity 0.3s ease-out;}
.detail_list li p{ display:block; float: left; font-size: 26px; height: 40px; text-align: center; position: absolute; left: 50%; top: 50%; margin-top: -20px; z-index: 3; color: #fff; border-bottom: 1px solid rgba(255,255,255,0); transform: translate(-50%,0); padding-bottom: 3px; transition: border-bottom 0.3s ease-out;font-family: 'microsoft yahei';padding-bottom: 5px;-webkit-transition: width 1s linear;}
.detail_list li p:after{
	content: ' ';
	width: 0;
	height: 2px;
	background: #fff;
	bottom: -2px;
	left: 0;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.2s linear;
}
.detail_list li img{ display:block; height:100%;; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; transform:scale(1); transition: transform 0.3s ease-out;}
.detail_list li.last{ margin-right:0px;}
.detail_list li a:hover:after{opacity:1;}
.detail_list li a:hover p:after{
	opacity: 1;
	left: 0;
	width: 100%;
}
.detail_list li a:hover img{ transform:scale(1.024);}
/*椤圭洰灞曠ず*/
.xiangmu_box{width: 100%; background:#fff; padding: 0px 0px 30px 0px; text-align: center;}
.xiangmu_list{ display:block; width: 100%; height: inherit; margin-top: 20px;overflow: hidden;}
.xiangmu_list li{margin-top: 20px; margin-bottom: 20px; display:inline-block; float: left; height: inherit; text-align: center;  position: relative; overflow: hidden;width: 32%; margin-right:2%;}
.xiangmu_list .lastli{margin-right: 0;}
.xiangmu_list li img{ display:block; width: 100%; transform:scale(1); transition: transform 0.3s ease-out;}
.xiangmu_list li a:hover img{ transform:scale(1.024);}
.xiangmu_list li h3{font-size: 20px;  height: 40px; text-align: left;line-height: 40px;color: #333;margin-top: 15px; font-weight:normal;}
.xiangmu_list li a:hover h3{ color:#e30611;}
.xiangmu_list li p{ font-size:14px; color:#999; text-align:left; line-height:26px;}
.xm_morebox{text-transform: uppercase; text-align:left; margin-top:15px;}
.xm_morebox a{ color:#333; font-size:14px;}
.xm_morebox a:hover{text-decoration:underline;}
.xm_morebox a span{color:#bd2526; margin-right:5px;}
/*鍚堜綔浼欎即*/
.hzhb_box{width: 100%; background: url(../images/in_hbbg.jpg) no-repeat center center;background-size: cover; padding: 90px 0px 90px 0px; text-align: center;}
.in_tih4{ font-size:60px; color:#fff; opacity:0.3;text-transform: uppercase;}
.hzhb_cont{width: 100%; padding-top:50px;}
.hzhb_cont img{width: 100%;}
/*浜у搧涓庢湇鍔?/
.product_box{width: 100%; background: url(../images/product_bg.jpg) no-repeat center center;background-size: cover; padding: 90px 0px 150px 0px; text-align: center;}
.in_tics1 {font-size: 32px; font-weight: normal; line-height: 55px; margin: 0px auto; text-align:center;}
.font_wight{ color: #fff;}
.font_black{ color: #333;}
.linecs1 {width: 80px; height: 3px; display: block; margin: 0px auto; margin-top: 10px; }
.li_red{ background-color: #e30611;}
.li_wig{ background-color: #fff;}
.product_box ul{width: 100%; margin: 0px auto; height: inherit; padding: 120px 0px 220px 0px;}
.product_box ul li{width: 32%; margin-right:2%; float: left; text-align: center; transform: translate(0px, 0px); transition: transform 0.3s ease-out;}
.product_box ul li:nth-child(3){margin-right:0px}
.product_box ul li:hover{transform: translate(0px, -5px);}
.product_box ul li a {width: 100%; display:block; position:relative;}
.product_box ul li a img {width: 100%;}
.product_box ul li h3{font-size: 22px;font-weight: normal; text-align: center; color: #fff; position:absolute; z-index:99; left:0px; bottom:0px; width:100%; text-align:center; line-height:60px; background:rgba(0,0,0,0.7);}
.product_box ul li a:hover h3{color: #ff0000;}
.product_box ul li p{font-size: 18px; text-align: center; color: #fff; display:none;}
.product_box ul li a:hover p{color: #ff0000;}


/*鏂伴椈璧勮*/
.news_box{width: 100%; background: #fff; padding: 20px 0px 0px 0px; text-align: center; height: 700px; overflow: hidden;}
.title_box{width: 1400px; margin:0px auto; height:36px; padding:30px 0px;}
.title_box h2{ font-size:30px; float:left; color:#333; font-weight:normal;}
.title_box span{ font-size:18px; float:left; color:#999; margin-left:8px; text-transform:uppercase; line-height:46px;}
.title_box .morecs1{float:right; width:90px; height:32px; line-height:32px; font-size:14px; background-color:#bd2526; color:#fff;}
.title_box .morecs1:hover{background-color:#940a0b;}
.news_con {width: 100%; overflow: hidden; padding-top: 30px;}
.news_left{width: 42%;  float: left; padding:30px; background-color:#fbfbfb;}
.news_left a{width: 100%; position: relative; }
.news_left img{width: 100%; transform:scale(1); transition: transform 0.3s ease-out;height: 457px;}
.news_left:hover img{ transform:scale(1.024);}
.news_left .news_tics1{width: 100%; padding: 15px 0px; }
.news_left .news_tics1 span{width: 100%;  font-size: 20px; color: #666; text-align:left; display:block; line-height: 40px;}
.news_left .news_tics1 h3{ font-size: 26px; color: #333; line-height: 40px; text-align:left; font-weight:normal;}
.news_left .news_tics1 p{ font-size: 18px; color: #999; line-height: 30px; text-align:left; margin-top:10px;}
.resp_area .slide_area{display:block; width: 100%; height: 100%; overflow: hidden;position: relative;}
.resp_area .slide_list{display:block; width: 100%;position: relative;height: 457px;}
.resp_area .slide_list li{ display:inline-block; width: 100%;height: 457px; float: left;overflow: hidden;position: relative;opacity: 0;transition: 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;position: absolute;left: 0;top: 0;}
.resp_area .slide_list li.active{
	opacity: 1;
}
.news_lf_ti{background: rgba(0,0,0,0.7);position: absolute;left: 0;bottom: 0px; height: 50px;line-height: 50px; color: #ffffff; font-size: 16px; width: 95%; text-align: left;padding-left: 5%;}
.newslide-tab{
	position: absolute;
	right: 10%;
	bottom: 20px;
}
.newslide-tab .li{
	float: left;
	margin-left: 8px;
	width: 20px;
	height: 6px;
	background: #fff;
	transition: width 0.3s linear;
	-moz-transition: width 0.3s linear;
	-ms-transition: width 0.3s linear;
	-o-transition: width 0.3s linear;
	-webkit-transition: width 0.3s linear;
	cursor: pointer;
}
.newslide-tab .li.active{
	width: 20px;
	background: #e30611;
}

.news_more{width: 100%; height:40px; overflow:hidden; margin-top:34px;}
.news_more a{float:left; width:90px; height:32px; line-height:32px; font-size:14px; background-color:#bd2526; color:#fff;}
.news_right{width: 49%;  float: right; }
.news_right li{width: 100%; height: 106px; overflow: hidden; border-bottom: #dfdfdf 1px solid; padding: 32px 0px;}
.news_right li a{ display:block; height:40px; overflow:hidden;}
.news_right li:hover{ background-color:#fbfbfb;}
.news_right li span{width: 100px; float: right; font-size: 18px; text-align: left; color: #999;transform: translate(0px, 0px); transition: transform 0.3s ease-out;}
.news_right li:hover span {transform: translate(10px, 0px);}
.news_right li span b{width: 100%; font-size: 18px; display: block;}
.news_right li p{padding-left: 20px; float: left; font-size: 20px; color: #333; transform: translate(0px, 0px); transition: transform 0.3s ease-out;}
.news_right li:hover p {color: #e30611;  transform: translate(-5px, 0px);}
.news_deson{width: auto; padding-left:40px; font-size: 18px; color:#999; text-align:left; }
.news_imglist{ display:block; width: 100%; height: 282px; margin-top: 30px;}
.news_imglist li{ display:inline-block; float: left; height: 100%; width: 32%; text-align: center; margin-right:2%; position: relative; overflow: hidden;}
.news_imglist li a{ display:block; height: 100%; width: 100%;}
.news_imglist li a:after{ display:block; content: ""; height: 100%; width: 100%; background:rgba(188,4,4,0.7); position: absolute; left: 0px; top: 0px; z-index: 2; opacity: 0; transition: opacity 0.3s ease-out;}
.news_imglist li p{ display:block; float: left; font-size: 26px; height: 40px; text-align: center; position: absolute; left: 50%; top: 50%; margin-top: -20px; z-index: 3; color: #fff; border-bottom: 1px solid rgba(255,255,255,0); transform: translate(-50%,0); padding-bottom: 3px; transition: border-bottom 0.3s ease-out;font-family: 'microsoft yahei';padding-bottom: 5px;-webkit-transition: width 1s linear;}
.news_imglist li p:after{content: ' '; width: 0; height: 2px; background: #fff; bottom: -2px; left: 0; position: absolute; opacity: 0; -webkit-transition: all 0.2s linear;}
.news_imglist li img{ display:block; height:100%;; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; transform:scale(1); transition: transform 0.3s ease-out;}
.news_imglist li.last{ margin-right:0px;}
.news_imglist li a:hover:after{opacity:1;}
.news_imglist li a:hover p:after{
	opacity: 1;
	left: 0;
	width: 100%;
}
.news_imglist li a:hover img{ transform:scale(1.024);}

@keyframes a_arrow_r {
	0%{ opacity: 0; right: 71px;}
	100%{opacity: 1; right: 51px;}
}



/*棣栭〉banner*/
.develop_area{ display:block; width: 100%;margin: 0px auto; position: relative;}
.develop_con{
	width: 1240px;
	margin: 0 auto;
}
.develop_area .develop_details{ display:block; width: 750px; position: absolute; left: 15%; top: 20%;z-index: 1;}
.develop_area .develop_details .tit{ display:block; color: #fff; width: 750px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:50px; margin-bottom: 20px;font-family: 'microsoft yahei'; font-weight: normal;}
.develop_area .develop_details span{width: 150px; height:4px; background-color:#fff; display: block ;  }
.develop_area .develop_details .txt{ display:block; color: #fff; width: 850px; text-overflow: ellipsis; overflow: hidden; font-size:20px; margin-bottom: 40px;font-family: 'microsoft yahei'; margin-top:15px;line-height: 35px; text-align: justify;}
.develop_area .develop_details .icon_arrow_r{ display:block; width: 38px; height: 16px; background: url(../img/index/icon_arrow_r_dark.png) no-repeat 0 0; margin-left: 3px;background-size: 100% 100%;}
.develop_area .develop_details .linkcs1{ display:block; width: 160px; height: 50px; line-height: 50px; color: #fff; font-size: 20px; text-align: center; margin-left: 3px; border: none; border-radius: 0px; background: none;  transform: translate(0px, 0px); transition: transform 0.3s ease-out; background-color:#b40202;}
.develop_area .develop_details .linkcs1:hover{ transform: translate(5px, 0px);}
.develop_area .develop_details .linkcs1:hover{  border: none; background: rgba(188,4,4,0.8);}
.develop_area .slide_area{ display:block; width: 100%; height: 100%; overflow: hidden;position: relative;}
.develop_area .slide_list{ display:block; width: 100%;position: relative;height: 900px;}
.develop_area .slide_list li{ display:inline-block; width: 100%;height: 1040px; float: left;overflow: hidden;position: relative;opacity: 0;transition: 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;position: absolute;left: 0;top: 0;}
.develop_area .slide_list li.active{
	opacity: 1;
}

.develop_area .slide_list .li1{
	background: url(../images/bn1.jpg) no-repeat top;background-size: cover;
}
.develop_area .slide_list .li2{
	background: url(../images/bn2.jpg) no-repeat top;background-size: cover;
}
.develop_area .slide_list .li3{
	background: url(../images/bn1.jpg) no-repeat top;background-size: cover;
}

@keyframes offset {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 384;
  }
}

.video1 {
    width: 2560px;
    height: 780px;
    position: absolute;
    top: 0;
    left: 50%;
	margin-left: -1280px;
	z-index: 1;
}

.slide-tab{
	position: absolute;
	right: 49%;
	bottom: 70px;
}
.slide-tab .li{
	float: left;
	margin-left: 8px;
	width: 60px;
	height: 6px;
	background: #fff;
	transition: width 0.3s linear;
	-moz-transition: width 0.3s linear;
	-ms-transition: width 0.3s linear;
	-o-transition: width 0.3s linear;
	-webkit-transition: width 0.3s linear;
	cursor: pointer;
}
.slide-tab .li.active{
	width: 60px;
	background: #e30611;
}


.block-link {
    display: block;
    height: 100%;
    width: 100%;
}





@media screen and (max-width: 375px ) {
	.descript_area .txt{ padding: 48px 20px 24px; }
	.descript_area .txt span.pc{ display:none;}
}