@charset "utf-8";
.l-head,
.l-head *{
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-head{
    position: fixed;
    z-index: 999;
    width: 100%;
    /*background: rgba(255,255,255,.6);*/
}
.l-head.on{
    background: rgba(255,255,255,.6);
}
.l-head .l-wrap{
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    padding: 1.5vh 0;
}
.l-head .logo{
    display: block;
}
.l-head .l-wrap .nav{
	position: relative;
	top: 11px;
    margin: 0 0 0 auto;
}
.l-head .l-wrap .nav a{
    padding: 0 14px;
    font-size: 16px;
	font-weight: bold;
    color: #313131;
}
.l-head .l-wrap .nav a.active,
.l-head .l-wrap .nav a:hover{
    color: #F0081A;
}
.l-head .l-wrap .nav li:nth-last-child(3) a{
	padding-right: 3px;
}
.l-head .l-wrap .nav li:nth-last-child(2) a{
	padding-left: 3px;
}
.l-bann .swiper-slide img{
    opacity: 0;
    position: relative;
    left: -10%;
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
}
.l-bann .swiper-wrapper.on .swiper-slide.swiper-slide-active img{
    opacity: 1;
    left: 0;
}
.l-bann .butt{
    position: absolute;
    bottom: 4%;
    left: 50%;
    z-index: 999;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-bann .butt.active{
    bottom: 3%;
}
.l-foot{
	position: relative;
	z-index: 999;
    border-top: 1px solid #EAEEF5;
    padding: 13px 0;
	text-align: center;
    background: #F5F7FA;
}
.l-foot *,
.l-foot a{
    font-size: 12px;
    color: #a9a9a9;
}
.l-foot a:hover{
    text-decoration: underline;
}
.l-ce2{
	position:fixed;
	top:50%;
	left:99.7%;
	transform:translate(-100%,-123px);
	z-index:2147483648;
}
#newBridge{
	z-index: 999!important;
}
.l-ce {
	position: relative;
	z-index: 2147483648;
	border:1px solid #E8E8E8;
	text-align:center;
	background:white;
}
.l-ce li {
	border-bottom:1px solid #E8E8E8;
	padding:0 15px;
}
.l-ce li:last-child {
	border-bottom:none;
}
.l-ce a {
	padding:12px 0;
	color:#4b4b4b;
}
.l-ce .l-flex {
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	-webkit-align-items:center;
	align-items:center;
}
.l-ce img {
	display:block;
	width:21px;
	max-height:21px;
	margin:0 12px 0 0;
}
.l-ce span {
	display:inline-block;
	white-space:nowrap;
}
.l-ce2>.wrap{
	-webkit-flex-direction: row;
	flex-direction: row;
}
.l-ce2 .l-ce{
	display: none;
}
.l-ce2 .btn{
	position: relative;
	width: 37px;
	margin: 0 0 0 2px;
	cursor: pointer;
}
.l-ce2 .btn .wrap{
	position: absolute;
	bottom: 0;	
	width: 100%;
	height: 90px;
	background: #F0081A;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.l-ce2 .btn .wrap p{
	display: block;
	position: relative;
	left: -7px;
	width: 100%;
	padding: 2px 0 0;
	color: white;
	-ms-writing-mode:vertical-rl;
	writing-mode:vertical-rl;
}
.l-midd{
}
.l-cont{
    margin-top: 25px;
}
.l-side{
    width: 264px;
}
.l-side>.titl{
    height: 110px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 27px 0 0;
    text-align: center;
    background: url("../img/side-titl-b.png") no-repeat center;
}
.l-side>.titl *{
    color: white;
}
.l-side>.titl h2{
    font-family: Agency FB;
    font-size: 30px;
    color: #bc9e74;
}
.l-side>.titl h1{
    margin: 8px 0 0;
    font-size: 30px;
    color: #fff;
}
.l-side .type{
    padding: 8px 0;
    text-align: center;
    background: #2F2F2F;
}
.l-side .type>li{
    margin: 10px 0;
}
.l-side .type>li>a{
    display: inline-block;
    width: 155px;
    padding: 8px 0;
    font-weight: bold;
    color: white;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-side .type>li:hover>a{
    background: #B79667;
    -webkit-box-shadow: 0px 1px 32px 1px #00000052 inset;
    -moz-box-shadow: 0px 1px 32px 1px #00000052 inset;
    box-shadow: 0px 1px 32px 1px #00000052 inset;
}
.l-side .type>li>a.active{
    background: #B79667;
    -webkit-box-shadow: 0px 1px 32px 1px #00000052 inset;
    -moz-box-shadow: 0px 1px 32px 1px #00000052 inset;
    box-shadow: 0px 1px 32px 1px #00000052 inset;
}
.l-side .type>li>a.active+ul{
    display: block;
}
.l-side .type>li ul{
    display: none;
}
.l-side .type>li li a{
    display: inline-block;
    border-infoom: 1px solid #2F2F2F;
    margin: 5px 0;
    padding: 1px 8px;
    color: white;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-side .type>li li:hover a{
    border-bottom: 1px solid #B79667;
}
.l-side .type>li li a.active{
    border-bottom: 1px solid #B79667;
}
.l-side .ctct{
    padding: 10px 20px 20px;
    color: white;
    background: #2F2F2F;
}
.l-side .ctct .titl{
    text-align: center;
}
.l-side .ctct .titl h1{
    font-size: 16px;
}
.l-side .ctct .titl p{
    margin: -3px 0 0;
    transform: scale(0.65);
    font-family: Arial;
    font-size: 10px;
}
.l-side .ctct .cont p{
    line-height: 28px;
    text-indent: -3em;
    margin-left: 3em;
}
.l-sideR{
    width: 896px;
}
.l-page{
    padding: 70px 0;
}
.l-page .pagination{
	margin-bottom: 30px;
	margin-top: 30px;
}
.l-page .pagination li{
	display: inline-block;
	border: 1px solid #E1E1E1;
	margin-right: 1px;
	padding: 4px 0;
	width: 33px;
	text-align: center;
}
.l-page .pagination li span,
.l-page .pagination li a{
	font-size: 14px;
	text-align: center;
	display: inline-block;
	color: #3B3B3B;
}
.l-page .pagination .active{
	background: #CC0E17;
}
.l-page .pagination .active span{
	color: white;
}
.l-prodS>.titl{
    margin: 0 0 15px;
}
.l-prodS>img{
    max-width: 100%;
    padding: 20px 0;
}
.l-prodS img{
    max-width: 100%;
}
.l-ln{
    margin: 30px 0;
}
.l-ctct .cont h1{
    margin: 0 0 12px;
    font-weight: normal;
    color: #1d1d1d;
}
.l-ctct .cont p{
    line-height: 30px;
}
.l-ctct .qr{
    margin: 0 150px 0 0;
}
.l-map{
    margin: 30px 0 0;
}
.l-midd .abou{
    padding: 25px 0 0;
    background: url("../img/abou-b.png") no-repeat center;
    background-size: cover;
}
.l-midd .abou .cont{
    width: 715px;
}
.l-midd .abou .cont .en{
    font-family: Elephant;
    line-height: 65px;
    font-size: 65px;
    color: #e6e6e7;
}
.l-midd .abou .cont .titl{
    margin: 17px 0;
    line-height: 30px;
    font-size: 30px;
    color: #3c3c3c;
}
.l-midd .abou .cont .desc{
    line-height: 36px;
    color: #787877;
}
.l-midd .abou .cont .l-butt{
    margin: 4.3vh 0 0;
}
@media screen and (min-width: 1441px){
    .l-midd .abou .cont .l-butt{
        margin: 3.8vh 0 0;
    }
}
.l-midd .abou .vide{
    position: relative;
    width: 410px;
    height: 360px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 40px 0 0;
    padding: 16px 0 0;
    text-align: center;
    background: url("../img/abou-vb.png") no-repeat center;
}
.l-midd .abou .vide img{
    position: absolute;
    top: 16px;
    left: 16px;
    cursor: pointer;
}
.l-midd .abou .bott{
    height: 225px;
    -webkit-box-shadow: 0px 1px 12px 1px #e8e8e8;
    -moz-box-shadow: 0px 1px 12px 1px #e8e8e8;
    box-shadow: 0px 1px 12px 1px #e8e8e8;
    margin: 4.5vh 0 0;
	display: flex;
    justify-content: space-evenly;
}
.l-midd .abou .bott .item,
.l-midd .abou .bott .item *{
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-midd .abou .bott .item{
    -webkit-display: flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 225px;
    text-align: center;
}
.l-midd .abou .bott .item:hover{
    top: -12px;
    float: left;
    height: 248px;
    background: #EF3123;
}
.l-midd .abou .bott .item a{
	display: block;
	width: 100%;
}
.l-midd .abou .bott .item>div,
.l-midd .abou .bott .item a>div{
    width: 100%;
    border-right: 1px solid #F5F5F5;
    padding: 9px 0;
}
.l-midd .abou .bott .item:hover>div,
.l-midd .abou .bott .item:hover a>div{
    border-right: 1px solid #EF3123;
}
.l-midd .abou .bott .item:last-child>div,
.l-midd .abou .bott .item:last-child a>div{
    border-right: none;
}
.l-midd .abou .bott .item>div p:nth-child(1),
.l-midd .abou .bott .item a>div p:nth-child(1){
    color: #787878;
}
.l-midd .abou .bott .item:hover>div p:nth-child(1),
.l-midd .abou .bott .item:hover a>div p:nth-child(1){
    color: #fff;
}
.l-midd .abou .bott .item>div span:nth-child(2),
.l-midd .abou .bott .item a>div span:nth-child(2){
    display: inline-block;
    margin: 11px 0;
    font-family: Arial;
    line-height: 60px;
    font-size: 60px;
    font-weight: bold;
    color: #ef3121;
}
.l-midd .abou .bott .item:hover>div span:nth-child(2),
.l-midd .abou .bott .item:hover a>div span:nth-child(2){
    color: white;
}
.l-midd .abou .bott .item>div p:nth-child(3),
.l-midd .abou .bott .item a>div p:nth-child(3){
    color: #b8b8b8;
}
.l-midd .abou .bott .item:hover>div p:nth-child(3),
.l-midd .abou .bott .item:hover a>div p:nth-child(3){
    color: white;
}
.l-midd .tech{
    background: url("../img/tran-b.png") no-repeat center;
    background-size: cover;
}
@media screen and (min-width: 1441px) {
    .l-midd .tech .l-titl{
        margin-bottom: 4vh;
    }
}
.l-midd .tech .cont{
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.l-midd .tech .cont .item{
    position: relative;
    top: 0;
    width: 315px;
    text-align: center;
    transition: .7s;
}
.l-midd .tech .cont .item:hover{
    top: -22px;
}
.l-midd .tech .cont .item .num{
    position: absolute;
    top: 0;
    left: 0;
}
.l-midd .tech .cont .item .num .l-hr{
    width: 0;
    height: 1px;
    margin: 0 0 4px;
    background: #E90500;
    transition: .5s;
}
.l-midd .tech .cont .item:hover .num .l-hr {
    width: 45px;
}
.l-midd .tech .cont .item .num span{
    font-family: Century Gothic;
    line-height: 45px;
    font-size: 45px;
    font-weight: bold;
    color: #e7e5e2;
    transition: .5s;
}
.l-midd .tech .cont .item:hover .num span {
    color: #F80B05;
}
.l-midd .tech .cont .item .pic{
    display: inline-block;
    margin: 27px auto 0 15px;
}
.l-midd .tech .cont .item .l-img{
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #F80B05;
}
.l-midd .tech .cont .item>a>p{
    width: 295px;
    float: right;
}
.l-midd .tech .cont .item>a>p:nth-child(3){
    margin: 23px 0 28px;
    font-size: 16px;
    color: #3f3f3e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.l-midd .tech .cont .item>a>p:nth-child(4){
    line-height: 36px;
    color: #838383;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    text-overflow:ellipsis;
}
.l-midd .tech .l-butt{
    margin-top: 3vh;
}
@media screen and (min-width: 1441px){
    .l-midd .tech .l-butt{
        margin-top: 6vh;
    }
}
.l-midd .syst{
	overflow: hidden;
}
.l-midd .syst .l-wrap2{
	position: relative;
	/* top: 50%; */
	left: 50%;
 	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%); 
	width: 1920px!important;
	height: 1080px!important;
	background: url("/template/home/img/tran2-b.png") no-repeat center;
	background-size: 1920px 1080px;
}
/* .l-midd .syst .cont{
	height: 67vh;
} */
.l-midd .syst .l-titl{
	position: absolute;
	top: 192px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.l-midd .syst .cont .item{
	position: absolute;
	height: 30px;
}
.l-midd .syst .cont .item:nth-child(1){
	top: 345px;
	left: 550px;
}
.l-midd .syst .cont .item:nth-child(2){
	top: 330px;
	left: 799px;
}
.l-midd .syst .cont .item:nth-child(3){
	top: 345px;
	right: 598px;
}
.l-midd .syst .cont .item:nth-child(4){
	bottom: 210px;
	left: 700px;
}
.l-midd .syst .cont .item:last-child{
	top: 545px;
	right: 435px;
}		
.l-midd .syst .cont .item>div{
	position: relative;
}
.l-midd .syst .cont .dot{
	position: relative;
	width: 22px;
	height: 22px;
	cursor: pointer;
}
.l-midd .syst .cont .item:nth-child(4) .dot{
	top: 30px
}
.l-midd .syst .cont .dot span{
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.l-midd .syst .cont .dot span:nth-child(1){
	width: 22px;
	height: 22px;
	background: rgba(220,219,221,.4);
}
.l-midd .syst .cont .dot.on span:nth-child(1){
	width: 10px;
	height: 10px;
}
.l-midd .syst .cont .dot span:nth-child(2){
	width: 13px;
	height: 13px;
	background: #E90500;
}
.l-midd .syst .cont .item .textW{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
.l-midd .syst .cont .item:nth-child(1) .textW,
.l-midd .syst .cont .item:nth-child(2) .textW,
.l-midd .syst .cont .item:nth-child(3) .textW,
.l-midd .syst .cont .item:last-child .textW{
	top: 42px;
	left: 11px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.l-midd .syst .cont .item:nth-child(4) .textW{
	top: 10px;
	left: 11px;
	-webkit-transform: translate(-50%,-100%);
	-moz-transform: translate(-50%,-100%);
	-ms-transform: translate(-50%,-100%);
	-o-transform: translate(-50%,-100%);
	transform: translate(-50%,-100%);
}
.l-midd .syst .cont .text{
	display: none;
	position: relative;
	width: 340px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 22px 22px 15px;
	background: rgba(255,255,255,.85);
}
.l-midd .syst .cont .item:hover .text{
	display: block;
}
.l-midd .syst .cont .text::after{
	content: "";
	display: inline-block;
	opacity: .89;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate(-50%,100%);
	-moz-transform: translate(-50%,100%);
	-ms-transform: translate(-50%,100%);
	-o-transform: translate(-50%,100%);
	transform: translate(-50%,100%);
	width: 30px;
	height: 15px;
	background: url("../img/tran2-i.png") no-repeat center;
}
.l-midd .syst .cont .item:nth-child(1) .text::after,
.l-midd .syst .cont .item:nth-child(2) .text::after,
.l-midd .syst .cont .item:nth-child(3) .text::after,
.l-midd .syst .cont .item:last-child .text::after{
	top: -15px;
	bottom: auto;
	-webkit-transform: translate(-50%) rotate(180deg);
	-moz-transform: translate(-50%) rotate(180deg);
	-ms-transform: translate(-50%) rotate(180deg);
	-o-transform: translate(-50%) rotate(180deg);
	transform: translate(-50%) rotate(180deg);
}
.l-midd .syst .cont .text p:nth-child(1){
	margin: 0 0 6px;
	font-size: 16px;
	color: #202020;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.l-midd .syst .cont .text p:nth-child(2){
	line-height: 30px;
	color: #747474;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
}
.l-midd .syst .cont .text a{
	color: #e90500;
}
.l-midd .syst .cont .item .text a:hover{
	text-decoration: underline;
}
.l-midd .syst .cont .line{
	/*display: none;*/
}
.l-midd .syst .cont .item .line .l-hr{
	width: 0;
	height: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #E72F2B;
}
.l-midd .syst .cont .item:last-child .line .move:nth-child(1) .l-hr{
	background: #E72F2B;
}
.l-midd .syst .cont .item:last-child .line .move:nth-child(2) .l-hr{
	background: #fff;
	opacity: .5;
}
.l-midd .syst .cont .item:last-child .line .move:nth-child(3) .l-hr{
	background: #E72F2B;
}
.l-midd .syst .cont .item:last-child .line .move:nth-child(4) .l-hr{
	background: #ff8a00;
	opacity: .5;
}
/*1组*/
.l-midd .syst .item:last-child .move:nth-child(1) .l-hr:nth-child(1){
	bottom:15px;
	left: 10px;
	width: 3px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.l-midd .syst .item:nth-child(1):hover~.item:last-child .move:nth-child(1) .l-hr:nth-child(1),
.l-midd .syst .item:last-child:hover .move:nth-child(1) .l-hr:nth-child(1){
	height: 235px;
}
.l-midd .syst .item:last-child .move:nth-child(1) .l-hr:nth-child(2){
	bottom: 247px;
	right: 10px;
	height: 3px;
	-webkit-transition: all .3s ease-in-out .3s;
	-moz-transition: all .3s ease-in-out .3s;
	-ms-transition: all .3s ease-in-out .3s;
	-o-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s;
}
.l-midd .syst .item:nth-child(1):hover~.item:last-child .move:nth-child(1) .l-hr:nth-child(2),
.l-midd .syst .item:last-child:hover .move:nth-child(1) .l-hr:nth-child(2){
	width: 915px;
}
.l-midd .syst .item:last-child .move:nth-child(1) .l-hr:nth-child(3){
	top: -230px;
	bottom: auto;
	right: 922px;
	width: 3px;
	-webkit-transition: all .3s ease-in-out .6s;
	-moz-transition: all .3s ease-in-out .6s;
	-ms-transition: all .3s ease-in-out .6s;
	-o-transition: all .3s ease-in-out .6s;
	transition: all .3s ease-in-out .6s;
}
.l-midd .syst .item:nth-child(1):hover~.item:last-child .move:nth-child(1) .l-hr:nth-child(3),
.l-midd .syst .item:last-child:hover .move:nth-child(1) .l-hr:nth-child(3){
	height: 35px;
}
/*2组*/
.l-midd .syst .item:last-child .move:nth-child(2) .l-hr:nth-child(1){
	bottom: 9px;
	right: 17px;
	height: 3px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.l-midd .syst .item:nth-child(2):hover~.item:last-child .move:nth-child(2) .l-hr:nth-child(1),
.l-midd .syst .item:last-child:hover .move:nth-child(2) .l-hr:nth-child(1){
	width: 10px;
}
.l-midd .syst .item:last-child .move:nth-child(2) .l-hr:nth-child(2){
	bottom: 9px;
	right: 27px;
	width: 3px;
	-webkit-transition: all .3s ease-in-out .3s;
	-moz-transition: all .3s ease-in-out .3s;
	-ms-transition: all .3s ease-in-out .3s;
	-o-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s;
} 
.l-midd .syst .item:nth-child(2):hover~.item:last-child .move:nth-child(2) .l-hr:nth-child(2),
.l-midd .syst .item:last-child:hover .move:nth-child(2) .l-hr:nth-child(2){
	height: 252px;
}
.l-midd .syst .item:last-child .move:nth-child(2) .l-hr:nth-child(3){
	bottom: 258px;
	right: 27px;
	height: 3px;
	-webkit-transition: all .3s ease-in-out .6s;
	-moz-transition: all .3s ease-in-out .6s;
	-ms-transition: all .3s ease-in-out .6s;
	-o-transition: all .3s ease-in-out .6s;
	transition: all .3s ease-in-out .6s;
}
.l-midd .syst .item:nth-child(2):hover~.item:last-child .move:nth-child(2) .l-hr:nth-child(3),
.l-midd .syst .item:last-child:hover .move:nth-child(2) .l-hr:nth-child(3){
	width: 650px;
}
.l-midd .syst .item:last-child .move:nth-child(2) .l-hr:nth-child(4){
	top: -242px;
	bottom: auto;
	right: 673px;
	width: 3px;
	-webkit-transition: all .3s ease-in-out .9s;
	-moz-transition: all .3s ease-in-out .9s;
	-ms-transition: all .3s ease-in-out .9s;
	-o-transition: all .3s ease-in-out .9s;
	transition: all .3s ease-in-out .9s;
}
.l-midd .syst .item:nth-child(2):hover~.item:last-child .move:nth-child(2) .l-hr:nth-child(4),
.l-midd .syst .item:last-child:hover .move:nth-child(2) .l-hr:nth-child(4){
	height: 31px;
}
/*3组*/
.l-midd .syst .item:last-child .move:nth-child(3) .l-hr:nth-child(1){
	bottom: 9px;
	left: 17px;
	right: auto;
	height: 3px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.l-midd .syst .item:nth-child(3):hover~.item:last-child .move:nth-child(3) .l-hr:nth-child(1),
.l-midd .syst .item:last-child:hover .move:nth-child(3) .l-hr:nth-child(1){
	width: 13px;
}
.l-midd .syst .item:last-child .move:nth-child(3) .l-hr:nth-child(2){
	bottom: 9px;
	left: 27px;
	right: auto;
	width: 3px;
	-webkit-transition: all .3s ease-in-out .3s;
	-moz-transition: all .3s ease-in-out .3s;
	-ms-transition: all .3s ease-in-out .3s;
	-o-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s;
}
.l-midd .syst .item:nth-child(3):hover~.item:last-child .move:nth-child(3) .l-hr:nth-child(2),
.l-midd .syst .item:last-child:hover .move:nth-child(3) .l-hr:nth-child(2){
	height: 230px;
}
.l-midd .syst .item:last-child .move:nth-child(3) .l-hr:nth-child(3){
	bottom: 236px;
	right: -8px;
	height: 3px;
	-webkit-transition: all .3s ease-in-out .6s;
	-moz-transition: all .3s ease-in-out .6s;
	-ms-transition: all .3s ease-in-out .6s;
	-o-transition: all .3s ease-in-out .6s;
	transition: all .3s ease-in-out .6s;
}
.l-midd .syst .item:nth-child(3):hover~.item:last-child .move:nth-child(3) .l-hr:nth-child(3),
.l-midd .syst .item:last-child:hover .move:nth-child(3) .l-hr:nth-child(3){
	width: 183px;
}
.l-midd .syst .item:last-child .move:nth-child(3) .l-hr:nth-child(4){
	top: -218px;
	bottom: auto;
	right: 172px;
	width: 3px;
	-webkit-transition: all .3s ease-in-out .9s;
	-moz-transition: all .3s ease-in-out .9s;
	-ms-transition: all .3s ease-in-out .9s;
	-o-transition: all .3s ease-in-out .9s;
	transition: all .3s ease-in-out .9s;
}
.l-midd .syst .item:nth-child(3):hover~.item:last-child .move:nth-child(3) .l-hr:nth-child(4),
.l-midd .syst .item:last-child:hover .move:nth-child(3) .l-hr:nth-child(4){
	height: 24px;
}
/*4组*/
.l-midd .syst .item:last-child .move:nth-child(4) .l-hr:nth-child(1){
	top: 16px;
	bottom: auto;
	left: 10px;
	right: auto;
	width: 3px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.l-midd .syst .item:nth-child(4):hover~.item:last-child .move:nth-child(4) .l-hr:nth-child(1),
.l-midd .syst .item:last-child:hover .move:nth-child(4) .l-hr:nth-child(1){
	height: 342px;
}
.l-midd .syst .item:last-child .move:nth-child(4) .l-hr:nth-child(2){
	top: 357px;
	bottom: auto;
	right: 9px;
	height: 3px;
	-webkit-transition: all .3s ease-in-out .3s;
	-moz-transition: all .3s ease-in-out .3s;
	-ms-transition: all .3s ease-in-out .3s;
	-o-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s;
}
.l-midd .syst .item:nth-child(4):hover~.item:last-child .move:nth-child(4) .l-hr:nth-child(2),
.l-midd .syst .item:last-child:hover .move:nth-child(4) .l-hr:nth-child(2){
	width: 767px;
}
.l-midd .syst .item:last-child .move:nth-child(4) .l-hr:nth-child(3){
	bottom: -338px;
	right: 773px;
	z-index: 99;
	width: 3px;
	-webkit-transition: all .3s ease-in-out .6s;
	-moz-transition: all .3s ease-in-out .6s;
	-ms-transition: all .3s ease-in-out .6s;
	-o-transition: all .3s ease-in-out .6s;
	transition: all .3s ease-in-out .6s;
}
.l-midd .syst .item:nth-child(4):hover~.item:last-child .move:nth-child(4) .l-hr:nth-child(3),
.l-midd .syst .item:last-child:hover .move:nth-child(4) .l-hr:nth-child(3){
	height: 17px;
}	
.l-midd .prod2{
    background: url("../img/prod2-b.png") no-repeat center;
    background-size: cover;
}
.l-midd .prod2 .cont{
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.l-midd .prod2 .item{
	padding: 9px 9px 0;
	text-align: center;
	background: #fff;
	-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-midd .prod2 .item:hover{
	background: #E90500;
}
.l-midd .prod2 .item img{
	-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-midd .prod2 .item:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.l-midd .prod2 .item p a{
	display: block;
	width: 265px;
	padding: 20px 0;
	color: #727272;
	-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.l-midd .prod2 .item:hover p a{
	color: white;
}
.l-midd .prod2 .l-butt{
	margin: 10vh 0 0;
	border: 1px solid #BDBCBB;
}
.l-midd .prod2 .l-butt span{
	color: #BDBCBB;
}
.l-midd .fiel{
    background: url("../img/tran3-b.png") no-repeat center;
    background-size: cover;
	overflow: hidden;
}
@media screen and  (min-width: 1441px){
    .l-midd .fiel .l-titl{
        margin-bottom: 5vh;
    }
}
.l-midd .fiel li{
    position: relative;
    width: 33%; 
    height: 248px;
    border: 1px solid #CFD0D1;
    border-bottom: none;
    border-right: none;
}
.l-midd .fiel li:nth-child(3),
.l-midd .fiel li:nth-child(6){
    border-right: 1px solid #CFD0D1;
}
.l-midd .fiel li:nth-child(n+4){
    border-bottom: 1px solid #CFD0D1;
}
.l-midd .fiel li .wrap{
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
}
.l-midd .fiel li:hover .wrap{
    width: 421px;
    height: 272px;
    background: #E90500;
    z-index: 999;
}
.l-midd .fiel li .cont{
    width: 282px;
}
.l-midd .fiel li .titl{
    margin: 23px 0 0;
}
.l-midd .fiel li .titl p{
    font-size: 16px;
    color: #484848;
    transition: .5s;
}
.l-midd .fiel li:hover .titl p{
    color: #fff;
}
.l-midd .fiel li .titl .l-hr{
    width: 53px;
    margin: 20px 0 0;
    background: #D2D2D2;
    transition: .5s;
}
.l-midd .fiel li:hover .titl .l-hr{
    width: 190px;
    background: white;
}
.l-midd .fiel li .l-img{
    width: 74px;
    height: 69px;
    text-align: right;
    vertical-align: bottom;
}
.l-midd .fiel li .l-img img{
    max-width: 74px;
    max-height: 69px;
    vertical-align: bottom;
}
.l-midd .fiel li .cont p:last-child{
    min-height: 72px;
    margin: 17px 0 0;
    line-height: 36px;
    color: #7f7f7f;
    transition: .5s;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
}
.l-midd .fiel li:hover .cont p:last-child{
    color: #fff;
}
.l-midd .news{
    background: url("../img/news-b.png") no-repeat center;
    background-size: cover;
}
.l-midd .news .l-titl{
    padding-bottom: 4vh;
}
@media screen and (min-width: 1441px) {
    .l-midd .news .hd{
        margin: 0 0 6vh;
    }
}
@media screen and (max-width: 1440px){
    .l-midd .news .hd{
        margin: 0 0 5vh;
    }
}
.l-midd .news .hd li{
    display: inline-block;
    cursor: pointer;
}
.l-midd .news .hd li a{
    padding: 8px 24px;
    color: #828282;
}
.l-midd .news .hd li.on a{
    color: #fff;
    background: #E90500;
}
.l-midd .news .hd li span{
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 2px 0 6px;
    background: #E8E8E8;
}
.l-midd .news .hd li:last-child span{
    display: none;
}
.l-midd .news .item ul{
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.l-midd .news .item li{
    position: relative;
    top: 0;
    width: 357px;
    transition: .5s;
}
.l-midd .news .item li:hover{
    top: -20px;
}
.l-midd .news .item li .titl{
    border-bottom: 1px solid #E9E9E9;
    transition: .5s;
}
.l-midd .news .item li:hover .titl{
    border-bottom: 1px solid #E90500;
}
.l-midd .news .item li .titl p{
    font-size: 16px;
    color: #555353;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.l-midd .news .item li .titl span{
    display: inline-block;
    margin: 11px 0 24px;
    font-family: Arial;
    font-size: 15px;
    color: #adadad;
}
.l-midd .news .item li .cont p a{
    min-height: 60px;
    margin: 15px 0 32px;
    line-height: 30px;
    color: #8e8e8e;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
}
@media screen and (max-width: 1440px){
    .l-midd .news .item li .cont p a{
        margin: 15px 0;
    }
}
.l-midd .news .item .l-butt{
    margin: 63px 0 0;
}
@media screen and (max-width: 1440px){
    .l-midd .news .item .l-butt{
        margin: 40px 0 0;
    }
}
.l-midd .join{
    background: url("../img/join-b.png") no-repeat center;
    background-size: cover;
}
.l-midd .join .l{
    width: 392px;
}
.l-midd .join .l .top p{
    line-height: 30px;
    color: #2f2f2f;
}
.l-midd .join .l .top p:nth-child(2){
    margin: 9px 0 -10px;
    font-size: 24px;
    color: #2f2f2f;
}
.l-midd .join .l .top p:nth-child(2) span{
    font-family: Estrangelo Edessa;
    line-height: 140px;
    font-size: 140px;
    color: #ff0c07;
}
.l-midd .join .l .hd{
    margin: 83px 0 0;
}
@media screen and (max-width: 1440px) {
    .l-midd .join .l .hd{
        margin: 15px 0 0;
    }
}
.l-midd .join .l .hd li{
    border-bottom: 1px solid #E5E8EA;
    padding: 23px 33px;
    transition: .5s;
}
@media screen and (max-width: 1440px) {
    .l-midd .join .l .hd li{
        padding: 20.5px 33px;
    }
}
.l-midd .join .l .hd li.on{
    border-bottom: 1px solid #E90500;
}
.l-midd .join .l .hd h5{
    position: relative;
    left: 0;
    margin: 4px 0 0;
    font-size: 18px;
    color: #E90500;
    transition: .5s;
}
.l-midd .join .l .hd li.on h5{
    left: 29px;
}
.l-midd .join .l .hd .l-img{
    width: 31px;
    height: 31px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: white;
    transition: .5s;
}
.l-midd .join .l .hd li.on .l-img{
    background: #E90500;
}
.l-midd .join .l .hd .l-img i{
    margin: 4px 0 0 2px;
    font-size: 18px;
    color: #787878;
    transition: .5s;
}
.l-midd .join .l .hd li.on .l-img i{
    color: #fff;
}
.l-midd .join .bdW{
    border: 1px solid #ECE4E7;
    padding: 6px;
}
.l-midd .ctct{
    position: relative;
    background: url("../img/ctct-b.png") no-repeat center;
    background-size: cover;
}
.l-midd .ctct .info{
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    border-bottom: 1px solid #E3E3E3;
    padding: 0 0 8vh;
}
.l-midd .ctct .info>div{
    -webkit-display: flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.l-midd .ctct .info>div:nth-child(-n+2) img{
    height: 103px;
}
.l-midd .ctct .info>div:nth-child(-n+2) p{
    color: #80807e;
}
.l-midd .ctct .info>div:nth-child(2){
    margin: 0 60px 0 42px;
}
.l-midd .ctct .info>div:nth-child(3){
    position: relative;
    top: -3px;
    text-align: left;
    line-height: 37px;
    font-size: 16px;
    color: #828282;
}
.l-midd .ctct .info>div:nth-child(3) a{
    color: #828282;
}
.l-midd .ctct .info>div:nth-child(3) a:hover{
    text-decoration: underline;
}
.l-midd .ctct .info+img{
    margin: 7vh 0 4.5vh;
}
.l-midd .ctct .link{
    width: 1200px;
	padding: 15px 0;
    text-align: center;
    color: #848484;
}
.l-midd .ctct .link a{
    display: inline-block;
    margin: 0 27px 0 0;
    color: #848484;
}
.l-midd .ctct .link a:hover{
    text-decoration: underline;
}
.l-head2{
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    background: white;
}
.l-head2+*{
    margin: 75px 0 0;
}
.l-head2 .logo{
    display: block;
}
.l-head2 .l-wrap{
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    height: 75px;
}
.l-head2 .l-wrap>div{
    -webkit-align-self: stretch;
    align-self: stretch;
    -webkit-flex: auto;
    flex: auto;
    margin: 0 0 0 30px;
}
.l-head2 .nav{
    height: 100%;
}
.l-head2 .nav>li{
    flex: 1 0 auto;
    position: relative;
}
.l-head2 .nav>li>a{
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    font-size: 16px;
	font-weight: bold;
    color: #888888;
	padding: 23px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-head2 .nav>li:nth-last-child(2)>a{
	margin-left: -10px;
}
.l-head2 .nav>li:nth-last-child(1)>a{
	padding: 24px 0 0;
	font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    color: #F0081A;
}
.l-head2 .nav>li:nth-last-child(1)>a img{
	position: relative;
	top: -1px;
	margin: 0 4px 0 0;
}
.l-head .nav>li:nth-last-child(1)>a{
	padding: 24px 0 0;
	font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    color: #F0081A;
}
.l-head .nav>li:nth-last-child(1)>a img{
	position: relative;
	top: 0px;
	margin: 0 4px 0 0;
}
.l-head2 .nav>li>a:hover,
.l-head2 .nav>li>a.active{
    color: white;
    background: #CC0E17;
}
.l-head2 .nav>li:nth-last-child(-n+3)>a:hover,
.l-head2 .nav>li:nth-last-child(-n+3)>a.active{
    color: #888888;
    background: none;
}
.l-head2 .nav>li:nth-last-child(1)>a:hover,
.l-head2 .nav>li:nth-last-child(1)>a.active{
    color: #F0081A;
}
.l-head2 .nav>li:nth-last-child(5) ul span{
	font-weight: bold;
}
.l-head2 .nav>li>a i{
    margin: 0 0 0 9px;
}
.l-head2 .nav>li:hover>a i{
    margin-top: 2px;
    transform-origin:center center;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.l-head2 .nav>li>ul{
    display: none;
    position: absolute;
    top: 75px;
    left: 0;
    /* width: 230px; */
    background: white;
	-webkit-box-shadow: 0px 1px 12px 1px #dadada;
	-moz-box-shadow: 0px 1px 12px 1px #dadada;
	box-shadow: 0px 1px 12px 1px #dadada;
}
.l-head2 .nav>li.left>ul{
    left: auto;
    right: 0;
}
.l-head2 .nav>li:hover>ul {
    display: block;
}
.l-head2 .nav>li>ul>li{
    position: relative;
}
.l-head2 .nav>li>ul li>a{
    display: block;
    border-bottom: 1px solid #E6E6E6;
    padding: 12px 23px;
    color: #7c7c7c;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-head2 .nav>li>ul li.active>a,
.l-head2 .nav>li>ul li:hover>a{
    border-bottom: 1px solid #CC0E17;
    color: #fff;
    background: #CC0E17;
}
.l-head2 .nav>li.left>ul>li>a>*{
    float: right;
}
.l-head2 .nav>li.left>ul>li>a>*:last-child{
    float: left;
}
.l-head2 .nav>li>ul li>a span{
    width: 90%;
	white-space: nowrap;
}
.l-head2 .nav>li.left>ul li>a span{
    text-align: right;
}
.l-head2 .nav>li>ul li>a i{
    position: relative;
    top: 5px;
}
.l-head2 .nav>li.left>ul li>a i{
    transform-origin:center center;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.l-head2 .nav>li>ul li:last-child>a{
    border-bottom: none;
}
.l-head2 .nav>li>ul>li ul{
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 230px;
    background: white;
}
.l-head2 .nav>li.left>ul>li ul{
    left: -100%;
}
.l-head2 .nav>li>ul>li:hover ul {
    display: block;
}
.l-loca{
    -webkit-align-items: center;
    align-items: center;
    height: 73px;
    border-bottom: 1px solid #F5F4F4;
    margin-bottom: 30px;
}
.l-loca .l,
.l-loca .l a{
    font-size: 12px;
    color: #494949;
}
.l-loca .l a:hover{
    text-decoration: underline;
}
.l-loca .r{
    align-self: stretch;
    margin: 0 0 0 auto;
}
.l-loca .r li{
    height: 100%;
}
.l-loca .r a{
    -webkit-display: flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    height: 100%;
    margin: 0 25px;
    padding: 0 10px;
    color: #494949;
}
.l-loca .r a::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 1px;
    background: #CC0E17;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-loca .r a.active::after,
.l-loca .r a:hover::after{
    width: 100%;
}
.l-loca2{
    margin-bottom: 48px;
    padding: 18px 0;
}
.l-loca2 .l,
.l-loca2 .l a{
    font-size: 12px;
    color: #494949;
}
.l-loca2 .l a:hover{
    text-decoration: underline;
}
.l-prod .l{
    width: 268px;
    border: 1px solid #F1F1F1;
}
.l-prod .l li:not(:last-child){
    border-bottom: 1px solid #F1F1F1;
}
.l-prod .l li a{
    display: block;
    position: relative;
    left: 0;
    padding: 14px 45px;
    color: #808082;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-prod .l li:hover a {
    left: 20px;
    color: #cc0e18;
}
.l-prod .r{
    width: 905px;
}
.l-prod .r .list{
    -webkit-justify-content: start;
    justify-content: start;
}
.l-prod .r .list .item{
    margin: 0 0 28px;
    padding: 10px 10px 0;
    text-align: center;
    background: #F5F5F5;
}
.l-prod .r .list .item:not(:nth-child(3n)){
	margin-right: 25px;
}
.l-prod .r .list .item img{
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-prod .r .list .item:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.l-prod .r .list .item>a{
    display: block;
    width: 265px;
    padding: 19px 0;
    color: #727272;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.l-prod .r .list+.l-page{
    margin: -28px 0 0;
}
.l-abou .abou{
    padding: 0;
    background: none;
}
.l-abou .abou .bott{
    position: relative;
    z-index: 99;
    margin: 0;
    margin-top: -120px;
    margin-bottom: 70px;
	background:#fff;
}
.l-abou .cont{
    padding: 0 0 120px;
}
.l-ctct .map{
    margin: 35px 0 0;
}
.l-ctct .mess{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 0 100px;
}
.l-ctct .mess .titl{
    border-bottom: 1px solid #EFEFEF;
    margin: 15px 0 40px;
    padding: 32px 0;
}
.l-ctct .mess .titl p{
    line-height: 30px;
    font-size: 30px;
    color: #cc0e17;
}
.l-ctct .mess .titl p span{
    position: relative;
    top: 2px;
    font-family: Arial;
    line-height: 36px;
    font-size: 36px;
    font-weight: bold;
    color: #333333;
}
.l-ctct .mess .writ>div {
    margin-bottom:.2rem;
}
.l-ctct .mess .writ input {
    width:100%;
    height:48px;
    border:1px solid #E9E9E9;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 0 0 10px;
}
.l-ctct .mess .l-df>div {
    position:relative;
    margin-right:26px;
}
.l-ctct .mess .l-df>div span {
    position:relative;
    top:3px;
    left:13px;
    color:#CC1515
}
.l-ctct .mess .l-df>div:before {
    content:"";
    position:absolute;
    top:14px;
    left:17px;
    display:inline-block;
    width:19px;
    height:21px;
    background:url("../img/l-mess-i.png") no-repeat center;
}
.l-ctct .mess .l-df>div:nth-child(2):before {
    width:22px;
    height:22px;
    background:url("../img/l-mess-i2.png") no-repeat center;
}
.l-ctct .mess .l-df>div:nth-child(3):before {
    width:17px;
    height:23px;
    background:url("../img/l-mess-i3.png") no-repeat center;
}
.l-ctct .mess .l-df>div:last-child {
    margin-right:0;
}
.l-ctct .mess .l-df input {
    width:378px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 0 0 48px;
}
.l-ctct .mess .writ>div:nth-child(2) {
    position:relative;
}
.l-ctct .mess .writ>div:nth-child(2):before {
    content:"";
    position:absolute;
    top:35px;
    left:17px;
    display:inline-block;
    width:19px;
    height:19px;
    background:url("../img/l-mess-i4.png") no-repeat center;
}
.l-ctct .mess .writ textarea {
    width:100%;
    height:195px;
    border:1px solid #E9E9E9;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:20px 0 0;
    padding:16px 0 0 48px;
    color:#757575;
}
.l-ctct .mess .writ div:last-child input:nth-last-child(2) {
    width:192px;
}
.l-ctct .mess .writ img {
    height:48px;
    margin-left:10px;
    position:relative;
    top:20px;
}
.l-ctct .mess .subm {
    margin:.5rem 0 0;
}
.l-ctct .mess .subm input {
    width:135px;
    height:50px;
    border:none;
    color:white;
    background:#CC0E17;
}
.l-news .list{
    margin-bottom: -54px;
}
.l-news .item{
    position: relative;
    top: 0;
    border-bottom: 1px solid #E9E9E9;
    margin: 0 64px 54px 0;
    padding: 0 0 23px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-news .item:nth-child(3n){
	margin-right: 0;
}
.l-news .item:hover{
    top: -15px;
}
.l-news .item::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 1px;
    background: #E90500;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-news .item:hover::after{
    width: 100%;
}
.l-news .item img{
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
/* .l-news .item:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
} */
.l-news .item p{
    margin: 25px 0 8px;
}
.l-news .item p a{
    display: block;
    width: 357px;
    font-size: 16px;
    color: #555353;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.l-news .item span{
    font-family: Arial;
    font-size: 14px;
    color: #adadad;
}
.l-prodS{
    padding: 0 0 128px;
}
.l-prodS .cont{
    width: 752px;
}
.l-prodS .cont .titl{
    border-bottom: 1px solid #EDEDED;
    margin: 0 0 31px;
    padding: 0 0 25px;
}
.l-prodS .cont .titl span{
    font-size: 16px;
    color: #adadad;
}
.l-prodS .cont .titl p{
    width: 448px;
	margin: 0 0 0 17px;
    font-size: 16px;
    color: #555353;
}
.l-prodS .cont img{
    max-width: 100%;
}
.l-prodS .cont .shar{
    width: 183px;
    height: 85px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 0 0 14px;
    background: url("../img/shar.png") no-repeat center;
}
.l-prodS .cont .shar>p{
	margin: 0 0 12px;
}
.l-prodS .slid{
    width: 350px;
}
.l-prodS .slid.active{
	position: fixed;
	top: 85px;
}
.l-prodS .slid .hd{
    border-bottom: 1px solid #EDEDED;
}
.l-prodS .slid .hd li{
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    padding: 0 0 13px;
    text-align: center;
    color: #494949;
    cursor: pointer;
}
.l-prodS .slid .hd li::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background: #CC0E17;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-prodS .slid .hd li:hover::after{
    width: 100%;
}
.l-prodS .slid .bd li{
    border-bottom: 1px solid #EDEDED;
    padding: 21px 0 18px;
}
.l-prodS .slid .bd .titl{
    margin: 0 0 15px;
}
.l-prodS .slid .bd  .titl span{
    font-size: 16px;
    color: #adadad;
}
.l-prodS .slid .bd .titl p{
    width: 235px;
    font-size: 16px;
    color: #555353;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.l-prodS .slid .bd li:hover .titl p{
    text-decoration: underline;
}
.l-prodS .slid .bd .desc a{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    text-overflow:ellipsis;
    height: 78px;
    line-height: 26px;
    color: #8e8e8e;
}
.l-sx2{
	margin: 20px 0 0;
}
.l-sx2 *{
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-sx2>a{
    display: block;
    width: 23%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0;
    background: #F5F5F5;
}
.l-sx2>a:hover{
    background: #CC0E17;
}
.l-sx2>a:nth-child(2){
    padding-left: 6px;
}
.l-sx2 img{
    position: relative;
    top: 3px;
    margin: 0 20px;
}
.l-sx2>a p{
    width: 90px;
    font-size: 16px;
    color: #555353;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.l-sx2>a:hover p{
    color: #fff;
}
.l-sx2>a:nth-child(1) p{
	text-align: right;
}
.l-jod{
	margin-top: 70px;
	margin-bottom: 70px;
}
.l-jod .list{
	width: 90%;
	border-bottom: 1px solid #DDDDDD;
	margin: 0 auto;
}
.l-jod .list>li{			
	border-top: 1px solid #DDDDDD;
}			
.l-jod .list>li>p{
	height: 42px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 9px 20px 0;
}
.l-jod .list>li:nth-child(even)>p{
	background: #F4F4F4;
}
.l-jod .list>li>p.active{
	background: #CC0E17;
}
.l-jod .list>li>p.active a{
	color: white;
}
.l-jod .list>li>p img{
	position: relative;
	top: 7px;
	height: 10px;
}
.l-jod .list ul{
	display: none;
	padding: 30px 50px;
}	
.l-jod .list ul .l-butt{
	width: 160px;
	border: none;	
	margin: 20px 0 0;
	padding: 7px 0;
	background: #CC0E17;
}
.l-jod .list ul .l-butt span{
	color: white;
}
.l-midd .abou .cont{
	-webkit-transform:translate3d(-50%,0px,0px);
	-moz-transform:translate3d(-50%,0px,0px);
	-ms-transform:translate3d(-50%,0px,0px);
	transform:translate3d(-50%,0px,0px);
	opacity: 0;
	-webkit-transition: all .7s ease-in-out 0s;
	-moz-transition: all .7s ease-in-out 0s;
	-ms-transition: all .7s ease-in-out 0s;
	-o-transition: all .7s ease-in-out 0s;
	transition: all .7s ease-in-out 0s;
}
.l-midd .abou .cont.active{
	-webkit-transform:translate3d(0,0px,0px);
	-moz-transform:translate3d(0,0px,0px);
	-ms-transform:translate3d(0,0px,0px);
	transform:translate3d(0,0px,0px);
	opacity: 1;
}
.l-midd .abou .vide{
	-webkit-transform:translate3d(50%,0px,0px);
	-moz-transform:translate3d(50%,0px,0px);
	-ms-transform:translate3d(50%,0px,0px);
	transform:translate3d(50%,0px,0px);
	opacity: 0;
	-webkit-transition: all .7s ease-in-out 0s;
	-moz-transition: all .7s ease-in-out 0s;
	-ms-transition: all .7s ease-in-out 0s;
	-o-transition: all .7s ease-in-out 0s;
	transition: all .7s ease-in-out 0s;
}
.l-midd .abou .vide.active{
	-webkit-transform:translate3d(0,0px,0px);
	-moz-transform:translate3d(0,0px,0px);
	-ms-transform:translate3d(0,0px,0px);
	transform:translate3d(0,0px,0px);
	opacity: 1;
}
.l-midd .tech .item{
	-webkit-transform:translate3d(50%,0px,0px);
	-moz-transform:translate3d(50%,0px,0px);
	-ms-transform:translate3d(50%,0px,0px);
	transform:translate3d(50%,0px,0px);
	opacity: 0;	
}
.l-midd .tech .item.active{
	-webkit-transform:translate3d(0,0px,0px);
	-moz-transform:translate3d(0,0px,0px);
	-ms-transform:translate3d(0,0px,0px);
	transform:translate3d(0,0px,0px);
	opacity: 1;
}
.l-midd .fiel .l-titl{
	-webkit-transform:translate3d(0,-100%,0px);
	-moz-transform:translate3d(0,-100%,0px);
	-ms-transform:translate3d(0,-100%,0px);
	transform:translate3d(0,-100%,0px);
	opacity: 0;
	-webkit-transition: all .7s ease-in-out 0s;
	-moz-transition: all .7s ease-in-out 0s;
	-ms-transition: all .7s ease-in-out 0s;
	-o-transition: all .7s ease-in-out 0s;
	transition: all .7s ease-in-out 0s;
}
.l-midd .fiel .l-titl.active{
	-webkit-transform:translate3d(0,0px,0px);
	-moz-transform:translate3d(0,0px,0px);
	-ms-transform:translate3d(0,0px,0px);
	transform:translate3d(0,0px,0px);
	opacity: 1;
}
.l-midd .fiel .cont{
	-webkit-transform:translate3d(0,40%,0px);
	-moz-transform:translate3d(0,40%,0px);
	-ms-transform:translate3d(0,40%,0px);
	transform:translate3d(0,40%,0px);
	opacity: 0;
	-webkit-transition: all .7s ease-in-out 0s;
	-moz-transition: all .7s ease-in-out 0s;
	-ms-transition: all .7s ease-in-out 0s;
	-o-transition: all .7s ease-in-out 0s;
	transition: all .7s ease-in-out 0s;
}
.l-midd .fiel .cont.active{
	-webkit-transform:translate3d(0,0px,0px);
	-moz-transform:translate3d(0,0px,0px);
	-ms-transform:translate3d(0,0px,0px);
	transform:translate3d(0,0px,0px);
	opacity: 1;
}
.l-midd .news .bd{
	-webkit-transform:translate3d(0,50%,0px);
	-moz-transform:translate3d(0,50%,0px);
	-ms-transform:translate3d(0,50%,0px);
	transform:translate3d(0,50%,0px);
	opacity: 0;
	-webkit-transition: all .7s ease-in-out 0s;
	-moz-transition: all .7s ease-in-out 0s;
	-ms-transition: all .7s ease-in-out 0s;
	-o-transition: all .7s ease-in-out 0s;
	transition: all .7s ease-in-out 0s;
}
.l-midd .news .bd.active{
	-webkit-transform:translate3d(0,0px,0px);
	-moz-transform:translate3d(0,0px,0px);
	-ms-transform:translate3d(0,0px,0px);
	transform:translate3d(0,0px,0px);
	opacity: 1;
}
.l-midd .join .l{
	-webkit-transform:translate3d(-100%,0,0);
	-moz-transform:translate3d(-100%,0,0);
	-ms-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	opacity: 0;
	-webkit-transition: all .7s ease-in-out 0s;
	-moz-transition: all .7s ease-in-out 0s;
	-ms-transition: all .7s ease-in-out 0s;
	-o-transition: all .7s ease-in-out 0s;
	transition: all .7s ease-in-out 0s;
}
.l-midd .join .l.active{
	-webkit-transform:translate3d(0,0px,0px);
	-moz-transform:translate3d(0,0px,0px);
	-ms-transform:translate3d(0,0px,0px);
	transform:translate3d(0,0px,0px);
	opacity: 1;
}
.l-midd .join .bdW{
	-webkit-transform:translate3d(100%,0,0);
	-moz-transform:translate3d(100%,0,0x);
	-ms-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	opacity: 0;
	-webkit-transition: all .7s ease-in-out 0s;
	-moz-transition: all .7s ease-in-out 0s;
	-ms-transition: all .7s ease-in-out 0s;
	-o-transition: all .7s ease-in-out 0s;
	transition: all .7s ease-in-out 0s;
}
.l-midd .join .bdW.active{
	-webkit-transform:translate3d(0,0px,0px);
	-moz-transform:translate3d(0,0px,0px);
	-ms-transform:translate3d(0,0px,0px);
	transform:translate3d(0,0px,0px);
	opacity: 1;
}
.l-midd .ctct .info>div:nth-child(1),
.l-midd .ctct .info>div:nth-child(2){
	-webkit-transform:translate3d(-100%,0,0);
	-moz-transform:translate3d(-100%,0,0);
	-ms-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	opacity: 0;
	-webkit-transition: all .7s ease-in-out 0s;
	-moz-transition: all .7s ease-in-out 0s;
	-ms-transition: all .7s ease-in-out 0s;
	-o-transition: all .7s ease-in-out 0s;
	transition: all .7s ease-in-out 0s;
}
.l-midd .ctct .info>div:nth-child(3){
	max-width: 892px;
	-webkit-transform:translate3d(50%,0,0);
	-moz-transform:translate3d(50%,0,0x);
	-ms-transform:translate3d(50%,0,0);
	transform:translate3d(50%,0,0);
	opacity: 0;
	-webkit-transition: all .7s ease-in-out 0s;
	-moz-transition: all .7s ease-in-out 0s;
	-ms-transition: all .7s ease-in-out 0s;
	-o-transition: all .7s ease-in-out 0s;
	transition: all .7s ease-in-out 0s;
}
.l-midd .ctct .info>div.active{
	-webkit-transform:translate3d(0,0px,0px);
	-moz-transform:translate3d(0,0px,0px);
	-ms-transform:translate3d(0,0px,0px);
	transform:translate3d(0,0px,0px);
	opacity: 1;
}
.l-mapW{
	margin-bottom: 30px;
	text-align: left;
}
.l-mapW .list{
	padding: 10px 0;
	border-bottom: 1px dotted #CCCCCC;
}
.l-mapW>div:nth-last-child(2){
	border: none;
}
.l-mapW h3{
	margin: 0 0 5px;
}
.l-mapW h3 a{
	font-size: 14px;
}
.l-mapW h3 a:hover{
	text-decoration: underline;
}
.l-mapW .two{
	padding: 0 0 0 10px;
}
.l-mapW .two a{
	display: inline-block;
	padding: 4px 15px 4px 0;
}
.l-mapW .two a:hover{
	text-decoration: underline;
}
.navBott li a{
	padding: 0 20px;
}
.navBott li:hover a{
	text-decoration: underline;
}
.slimScrollBar{
	border-radius: 0;
}