@charset "UTF-8";


.ny-banner {
	width:100%;
	height:820px;
	position:relative;
	transition:all ease .5s;
}
.ny-banner.production2 {
	height:800px;
}
.ny-banner .img {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	left:0;
	top:0;
}
.ny-banner .img img {
	max-width:initial;
	width:auto;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
.ny-banner .boxs {
	position:relative;
	max-width:1600px;
	height:100%;
	z-index:2;
	margin:auto;
	color:#fff;
}
.ny-banner .boxs.n1 {
	padding-top:340px;
	letter-spacing:2px;
	transition:all ease .5s;
}
.ny-banner .boxs.n1 .t1 {
	font-size:48px;
	font-weight:bold;
	line-height:72px;
}
.ny-banner .boxs.n1 .t2 {
	font-size:22px;
	line-height:44px;
}
.ny-banner .boxs.n1 .t3 {
	width:52px;
	height:52px;
	border-radius:50%;
	border:1px solid #fff;
	position:relative;
	margin-top:59px;
}
.ny-banner .boxs.n1 .t3 span {
	position: absolute;
    display: block;
    width: 52px;
    height: 52px;
    margin: 0 auto;
    background: url(../images/icon2.png) no-repeat center center;
    cursor: pointer;
    animation: downico 1.5s ease-out infinite;
}
.net-one{padding-top: 243px; height: 800px;background:url(../images/neo-bg.jpg) no-repeat center;background-size: cover;}
.neo-tit{font-size: 18px;color: white;line-height: 26px;}
.neo-tit1{font-size: 48px;color: white;font-weight: lighter;margin-top: 10px;}
.neo-tit2{font-size: 48px;color: white;}
.net-one .in1_btn.head-btn{bottom: -102px;}
.net-two{padding: 70px 0 90px;}
.net-tit{font-size: 40px;color: #333;line-height: 56px;text-align: center;}
.net-dec{font-size: 16px;color: #888888;line-height: 35px;text-align: center;}
.net-two ul{margin-top: 50px;}
.net-two li{width: 25%;float: left;position: relative;}
.net-two li::after{position: absolute;content: '';width: 1px;height: 98px;background: #e5e5e5;right: 0;bottom: 0;}
.net-two li:last-child::after{display: none;}
.new-icon{width: 90px;height: 90px;margin: 0 auto;}
.new-icon img{display: block;width: 100%;}
.new-tit{font-size: 18px;color: #666;text-align: center;line-height: 30px;margin-top: 18px;}
.net-more{overflow: hidden;box-shadow: 0 0 30px rgba(12,108,201,0.3);background: url(../images/brf-more.png) no-repeat center; position: relative;z-index: 3; display: block;width: 260px;height: 50px;line-height: 50px;text-align: center;color: white;font-size: 16px;border-radius: 30px;margin:0px auto 0;}
.net-two  .net-more{margin-top: 67px;}
.net-more span{position: relative;z-index: 3;transition: all .5s;overflow: hidden;display: block;width: 100%;height: 100%;}
.net-more span i{position: relative;z-index: 4;font-style: normal;}
.net-more span::after{ position: absolute;content: '';height: 0%;left: 50%;top: 50%;width: 150%; z-index: -1;background: #3080e8; -webkit-transition: all 0.75s ease 0s;-o-transition: all 0.75s ease 0s;transition: all 0.75s ease 0s;    transform: translateX(-50%) translateY(-50%) rotate(-25deg);}
.net-more:hover span::after{height: 450%;}
.net-three{padding: 72px 0;background: url(../images/nee-bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}
.net-three .net-tit{color: white;}
.net-three .net-dec{color: rgba(255,255,255,0.6);}
.net-three ul{margin-top: 45px;padding: 0 160px 0 140px;}
.net-three li{transition: all .5s; padding-top: 28px; float: left;margin-bottom: 20px;padding-bottom: 34px; margin-left: 20px;width: 280px;height: 120px;background: rgba(255,255,255,0.2);border-radius: 5px;}
.nee-num{font-size: 72px;color: rgba(255,255,255,0.1);text-align: center;font-family: 'roboto';line-height: 54px;}
.nee-tit{font-size: 18px;text-align: center;color: white;margin-top: -15px;line-height: 18px;}
.net-three li:hover{transform: translateY(-10px);}
.net-four{padding: 70px 0 80px;}
.net-four .net-dec{line-height: 30px;margin-top: 11px;}
.net-four ul{margin-top: 90px;position: relative;overflow: hidden;}
.net-four ul::after{position: absolute;content: '';width: 100%;height: 1px;background: url(../images/net-after.jpg) repeat-x ;left: 0;top: 50%;margin-top: -.5px;}
.net-four li{width: 25%;float: left;border-right: solid 1px #dcdcdc;padding-bottom: 40px;}
.nef-icon{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;margin: 0 auto;padding: 11px 7.5px; background: url(../images/nef-icon.png) no-repeat center;width: 75px;height: 82px;background-size: cover;}
.nef-icon img{display: block;width:60px;height: 60px;}
.nef-tit{font-size: 18px;color: #666;line-height: 30px;text-align: center;margin-top: 8px;}
.net-four li:nth-child(4n){border-right: none;}
.net-four li.nef-li{padding-bottom: 0;padding-top: 40px;}
.net-two li:hover .new-icon{-webkit-animation: doudong 1s ease;animation: doudong 1s ease;}
.net-four li:hover .nef-icon{-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing;}
.net-five{padding: 75px 0 80px;background: #279ee2;}
.net-five .net-tit{color: white;}
.net-five .net-dec{color: white; line-height: 30px;margin-top: 25px;}
.net-five ul{height: 225px;position: relative; width: 900px;margin: 60px auto 40px;border-radius: 5px;overflow: hidden;}
.net-five ul::after{position: absolute;content: '';width: 100%;height: 1px;top: 112.5px;left: 0;background:rgba(255,255,255,0.2);}
.net-five li{padding: 26px 0px 16px 70px; background: rgba(255,255,255,0.2);border-right: solid 1px rgba(255,255,255,0.2); width: 300px;float: left;height: 112.5px;}
.net-five li:nth-child(3n){border-right: none;}
.nev-icon{width: 60px;height: 60px;float: left;overflow: hidden;}
.nev-icon img{display: block;width: 100%;height: 100%;}
.net-five li h3{font-size: 18px;color: white;line-height: 60px;margin-left: 70px;}
.net-five li:hover .nev-icon{-webkit-animation: doudong 1s ease;animation: doudong 1s ease;}
.nev-more{display:block;overflow: hidden;box-shadow: 0 0 30px rgba(12,108,201,0.3);margin: 0 auto; position: relative;z-index: 3;width: 260px;height: 50px;line-height: 46px;text-align: center;color: #fff;font-size: 16px;border-radius: 30px;}
.nev-more span{position: relative;z-index: 3;display: block;width: 100%;height: 100%;border: solid 2px rgba(255,255,255,0.9);border-radius: 30px;}
.nev-more span i{font-style: normal;}
.nev-more:hover{color: white;}
.nev-more span::after{content: ""; position: absolute;height: 0%; left: 50%;top: 50%;width: 150%; z-index: -1; background: #3080e8;-webkit-transition: all 0.75s ease 0s;-o-transition: all 0.75s ease 0s;transition: all 0.75s ease 0s;    transform: translateX(-50%) translateY(-50%) rotate(-25deg);}
.nev-more:hover span::after{height: 450%;}
.net-six{padding: 72px 0 64px;}
.net-six .net-dec{margin-top: 8px;}
.net-six ul{margin-top: 60px;margin-left: -16.5px;}
.net-six li{position: relative;float: left; width: 389px;height: 200px;margin-left: 16.5px;margin-bottom: 16px; border-radius: 3px;overflow: hidden;}
.nex-pic{width: 100%;height: 100%;overflow: hidden;}
.nex-pic img{display: block;width: 100%;height: 100%;}
.nex-font{position: absolute;padding: 52px 0; width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.6);}
.nex-icon{transition: all .5s; width: 60px;height: 60px;margin: 0 auto;overflow: hidden;}
.nex-icon img{display: block;width: 100%;height: 100%;}
.net-six li h3{font-size: 18px;color: white;line-height: 30px;text-align: center;margin-top: 6px;}
.net-six li:hover .nex-icon{-webkit-animation: doudong 1s ease;animation: doudong 1s ease;}
.net-seven{padding: 73px 0 80px;background: #23253a;}
.net-seven .net-tit{color: white;}
.net-seven .net-dec{color: rgba(255,255,255,0.8);margin-top: 4px;}
.nen-more{background: url(../images/brf-more.png) no-repeat center;background-size: cover;font-size: 18px;line-height: 50px;}
.nen-more span{border: none;}
.brx-dec span{color: #279ee2;}
@-webkit-keyframes doudong {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); 
  }
  20% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); 
  }
  40% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); 
  }
  60% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px); 
  }
  80% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); 
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes doudong {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); 
  }
  20% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); 
  }
  40% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); 
  }
  60% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px); 
  }
  80% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); 
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
.index-main {
    width: 1200px;
    margin: 0 auto;
}
.design {
	width:100%;
	padding-top:60px;
}
.design .title {
	font-size:36px;
	line-height:1;
	font-weight:bold;
	color:#fff;
	text-align:center;
	color:#222;
}
.design .txt {
	font-size:14px;
	line-height:24px;
	color:#222;
	text-align:center;
	max-width:950px;
	margin:23px auto 0;
}
.design .list {
	width:100%;
	display:table;
	margin-top:52px;
}
.design .list li {
	width:calc(20% - 2px);
	float:left;
	position:relative;
	margin:2px 1px 0;
}
.design .list li a {
	display:block;
}
.design .list li .img {
	width:100%;
	overflow:hidden;
}
.design .list li .img img {
	width:100%;
	transition:all ease .8s;
}
.design .list li .tbox {
	width:100%;
	position:absolute;
	z-index:2;
	left:0;
	bottom:0;
	height:80px;
	background:rgba(39, 158, 226, 0.66);
	text-align:center;
	padding:13px 0;
	transition:all ease .5s;
	overflow:hidden;
}
.design .list li .tbox .icon {
	width:54px;
	height:54px;
	display:inline-block;
	margin-right:10px;
}
.design .list li .tbox .icon img {
	display:inline-block;
	margin:auto;
}
.design .list li .tbox .t1 {
	font-size:18px;
	line-height:24px;
	height:24px;
	color:#fff;
	font-weight:bold;
	display:inline-block;
}
.design .list li .tbox .t2 {
	font-size:14px;
	line-height:24px;
	color:#fff;
	text-align:center;
	padding:0 15%;
	display:none;
	animation: fadeInRight .6s ease-out;
	-webkit-animation: fadeInRight .6s ease-out;
}
.design .list li:hover .img img {
	transform:scale(1.1);
}
.design .list li:hover .tbox {
	width:100%;
	position:absolute;
	z-index:2;
	left:0;
	bottom:0;
	height:150px;
	background:rgba(39, 158, 226, 0.57);
	text-align:center;
	padding:20px 0;
}
.design .list li:hover .tbox .icon {
	width:100%;
	height:54px;
	margin-right:0;
	margin-bottom:18px;
	display:block;
}
.design .list li:hover .tbox .t1 {
	font-size:18px;
	line-height:24px;
	height:24px;
	color:#fff;
	font-weight:bold;
	margin-bottom:12px;
	display:block;
	animation: fadeInLeft .5s ease-out;
	-webkit-animation:fadeInLeft .5s ease-out;
}
.design .list li:hover .tbox .t2 {
	font-size:14px;
	line-height:24px;
	color:#fff;
	text-align:center;
	padding:0 15%;
	display:block;
}

.list2{background: #fafafa;padding-top:88px;height: 754px;}
.list2 .tit{height:104px;overflow: hidden;text-align: center;position: relative;}
.list2 .tit h4{height:59px;line-height: 59px;font-size:36px;color: #333333;font-weight: normal;}
.list2 .tit h4 em {display:inline-block;margin-right:33px;}
.list2 .tit span {font-size:18px;color:#666;height:33px;line-height:33px;}
.bianj{width:1200px;margin:0 auto;}
.bianj li {float:left;width:33%;text-align: center;height: 290px;position: relative;}
.bianj li:after{width:1px;height: 220px;background: #e8e8e8;content: "";display: block;position: absolute;right:0;top:40px;}
.bianj li:nth-child(3n):after{display:none}
.bianj li img{margin-top:30px;}
.bianj li:nth-child(1) img{background: url(../images/fb_ico1_bj.png) no-repeat }
.bianj li:nth-child(2) img{background: url(../images/fb_ico2_bj.png) no-repeat ;}
.bianj li:nth-child(3) img{background: url(../images/fb_ico3_bj.png) no-repeat ;}
.bianj li:nth-child(4) img{background: url(../images/fb_ico4_bj.png) no-repeat ;}
.bianj li:nth-child(5) img{background: url(../images/fb_ico5_bj.png) no-repeat ;}
.bianj li:nth-child(6) img{background: url(../images/fb_ico5_bj-06.png) no-repeat ;}
.bianj li h4{height:40px;line-height:40px;margin-top:16px;font-size:22px;color: #4c4c4c;font-weight: bold;}
.bianj li p {font-size:14px;color: #666;line-height: 24px;padding-top:13px;}
.bianj li.on{background: #fff;box-shadow: 0 0 35px #deecf7}
.bianj li.on h4{color: #007ee6}
.bianj li.on img{background:url(../images/fb_ico_hv.png) no-repeat;}

  
    .ly {
        margin-top: 60px; margin-bottom:50px;
    }
    
    .sixth-content {
        margin: 0 60px 70px 60px;
    }
    
    .sixth-content .list {
        line-height: 1.5;
        position: relative;
        width: 345px;
        height: 135px;
        border: solid 1px #ddd;
        padding: 40px 15px 0 15px;
        box-sizing: border-box;
        float: left;
        margin-top: 58px;
        margin-right: 22px;
    }
    
    .sixth-content .list .name {
        border-style: solid;
        border-width: 1px;
        width: 118px;
        height: 36px;
        border-radius: 20px;
        background-color: #fff;
        font-size: 20px;
        line-height: 36px;
        text-align: center;
        position: absolute;
        top: -19px;
        left: 110px;
        margin: 0 auto;
    }
    
    .sixth-content .list .txt {
        font-size: 15px;
        color: #5f5d5d;
        text-align: center;
    }
    .content1 {
    width: 1200px;
    margin: 0 auto;
    font-family: 微软雅黑;
}
     .second-title {
        text-align: center;
    }
    
    .second-title .small {
        font-size: 20px;
        color: #5f5d5d;
        margin-bottom: 8px;
    }
    
    .second-title .main {
        font-size: 32px;
        color: #333;
        margin-top: 5px;
    }