/**首页**/
#index_header { position:fixed; top:0; left:0; transition:all 0.35s; opacity:0; transform:translateY(-100%);}
#index_header.open { opacity:1; transform:translateY(0);}

section { width:100%; height:100%; overflow:hidden; position:relative; z-index:100;}
section>ul { position:relative; z-index:10;}
section img { max-width:100%;}

.index_swiper { width:100%; left:0;}
.index_swiper .swiper { float:left; width:100%; height:100%; position:relative;}
.index_swiper .swiper-slide p { color:#fff; text-transform:uppercase; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_swiper .swiper-slide .bg { float:left; width:100%; font:0/0 arial; position:relative; z-index:1;}
.index_swiper .swiper-slide .img { width:100%; height:100%; top:0; z-index:10;}
.index_swiper .swiper-slide .img img { transition:all 0.8s;}
.index_swiper .swiper-pagination { width:auto; height:6px; padding:4px; background:rgba(0,0,0,0.4); border-radius:10px; left:50%; bottom:10px; transform:translateX(-50%); display:none;}
.index_swiper .swiper-pagination-bullet { width:6px; height:100%; margin:0 2px !important; background:rgba(255,255,255,0.6); border-radius:100%;}
.index_swiper .swiper-pagination-bullet-active { background:rgba(255,255,255,1);}
.index_swiper .swiper-button { display:none;}

.slides { width:100%; height:100%; background:#fff; font:0/0 Arial;}
.slides .img { width:100%; height:1080px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}
.slides .img ul { width:1000%; height:100%;}
.slides .img ul li { width:10%; height:100%; text-align:center;}
.slides .img ul li img { width:100%;}
.slides .dot { width:100%; height:12px; text-align:center; font:0/0 Arial; position:absolute; bottom:20px; left:0; z-index:20;}
.slides .dot li { float:none !important; width:12px; height:100%; margin:0 5px; background:rgba(222,222,222,0.7); border-radius:100%; display:inline-block; cursor:pointer;}
.slides .dot li.active { background:rgba(215,0,15,0.7);}
.slides .button { width:0; height:0; font:0/0 Arial; position:absolute; top:0; z-index:30; cursor:pointer; transition:all 0.3s; opacity:0; visibility:hidden;}
.slides:hover .button { opacity:1; visibility:visible;}
.slides .button.prev { left:0;}
.slides .button.next { right:0;}

.index_title { width:100%; height:40px; color:#fff; position:relative;}
.index_title h5,
.index_title h6 { position:absolute; left:0; transition:all 0.35s; opacity:0; transform:translateX(-50%);}
.index_title h5 { line-height:20px; font-size:24px; top:0;}
.index_title h6 { line-height:12px; font-size:12px; bottom:0;}
.index_title dl { height:20px; font-size:14px; position:absolute; top:50%; right:0; margin-top:-10px; transition:all 0.5s; opacity:0; transform:translateX(50%);}
.index_title dl dd { float:left; height:100%; padding-left:31px; position:relative;}
.index_title dl dd:before { width:1px; height:13px; content:""; background:#fff; position:absolute; top:50%; left:15px; margin-top:-6px;}
.index_title dl dd:first-child { padding:0;}
.index_title dl dd:first-child:before { display:none;}
.index_title dl dd a { float:left; width:100%; height:100%; color:#fff;}
.index_title dl dd:hover a { color:#ef5900;}

.index_about { background:#e3eff6 url(../images/bg_about.jpg) no-repeat center center; background-size:100%;}
.index_about .info { width:900px; height:410px; background:rgba(255,255,255,0.9); position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 100px; z-index:20; transition:all 0.4s; opacity:0; transform:translate(-50%,0);}
.index_about .info li { position:absolute;}
.index_about .info li.icon { width:120px; height:100%; top:0; left:0;}
.index_about .info li.icon i { background:#ef5900; position:absolute;}
.index_about .info li.icon i.i1 { width:62px; height:62px; top:0; left:0;}
.index_about .info li.icon i.i2 { width:10px; height:10px; top:35px; right:0;}
.index_about .info li.icon i.i3 { width:34px; height:34px; top:55px; left:80px;}
.index_about .info li.icon i.i4 { width:28px; height:28px; top:110px; left:32px;}
.index_about .info li.icon i.i5 { width:12px; height:12px; top:168px; left:69px;}
.index_about .info li.icon i.i6 { width:6px; height:6px; top:191px; left:62px;}
.index_about .info li.txt { width:560px; height:250px; line-height:24px; font-size:14px; color:#898989; top:60px; left:200px;}
.index_about .info li.more { width:110px; height:40px; text-align:center; bottom:40px; left:200px;}
.index_about .info li.more a { width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid #b5b5b6; border-radius:3px; line-height:36px; font-size:14px; position:absolute; top:0; left:0;}
.index_about .info li.more a:hover { border-color:#ef5900;}

.index_about .bottom { width:1270px; height:130px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto 0 auto; z-index:20; transition:all 0.4s; opacity:0; transform:translateY(100%);}
.index_about .bottom:after { width:1920px; height:100%; content:""; background:rgba(255,255,255,0.99); position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:1;}
.index_about .bottom li { height:100%; position:relative; z-index:10; overflow:visible;}
.index_about .bottom li:before { width:1px; height:60px; content:""; background:#dcd5cb; position:absolute; top:0; left:0; z-index:20;}
.index_about .bottom li a { width:100%; height:100%; background:rgba(255,255,255,0.8); position:absolute; top:0; left:0; z-index:10; transition:all 0.5s;}
.index_about .bottom li p { position:absolute;}
.index_about .bottom li .num { height:60px; font:70px/66px "ALTGOT2N"; color:#3e3a39; top:25px; left:35px;}
.index_about .bottom li .num i { width:10px; font:bold 14px/16px "microsoft yahei"; position:absolute; top:0px; right:-15px;}
.index_about .bottom li .txt { font-size:14px; color:#898989; top:85px; left:35px;}
.index_about .bottom li:hover a { transform:translateY(-20px);}
.index_about .bottom li:hover .num { color:#ef5900;}
.index_about .bottom li:nth-child(1):before { display:none;}
.index_about .bottom li:nth-child(1) { width:206px;}
.index_about .bottom li:nth-child(2) { width:146px;}
.index_about .bottom li:nth-child(3) { width:206px;}
.index_about .bottom li:nth-child(4) { width:146px;}
.index_about .bottom li:nth-child(5) { width:221px;}
.index_about .bottom li:nth-child(6) { width:171px;}
.index_about .bottom li:nth-child(7) { width:173px;}

.index_about.open .info { opacity:1; transform:translate(0,0);}
.index_about.open .bottom { transition-delay:0.3s; opacity:1; transform:translateY(0);}

.index_product { background:#000;}
.index_product .menu { width:35%; height:360px; position:absolute; top:50%; left:0; margin-top:-150px; z-index:20; transition:all 0.5s; transform:translateX(-100%);}
.index_product .menu:before { width:100%; height:1080px; content:""; background:rgba(0,0,0,0.7); position:absolute; top:50%; left:0; margin-top:-540px; z-index:1;}
.index_product .menu li { width:100%; height:60px; text-align:center; line-height:60px; font-size:16px; position:relative; z-index:20;}
.index_product .menu li a { float:left; width:100%; height:100%; color:#fff; position:relative;}
.index_product .menu li p { width:150px; height:100%; padding-left:80px; display:inline-block; position:relative;}
.index_product .menu li p:before { width:26px; height:32px; content:""; background:url(../images/base.png) no-repeat -110px 0; position:absolute; top:50%; left:0; margin-top:-16px; display:none;}
.index_product .menu .active { background:#ef5900; position:absolute; top:0; left:0; z-index:10; transition:all 0.3s;}
.index_product .menu .active p:before { display:block;}
.index_product .menu .active:after { width:30px; height:30px; content:""; background:url(../images/base.png) no-repeat -140px 0; position:absolute; top:50%; right:30px; margin-top:-15px;}
.index_product .menu#p01 .active { top:0;}
.index_product .menu#p02 .active { top:60px;}
.index_product .menu#p03 .active { top:120px;}
.index_product .menu#p04 .active { top:180px;}
.index_product .menu#p05 .active { top:240px;}
.index_product .menu#p06 .active { top:300px;}

.index_product .list { width:100%; height:100%; overflow:hidden; position:relative; z-index:10; transition:all 0.5s; transform:scale(0);}
.index_product .list li { width:100%; height:100%; background:#000; position:relative; transition:all 0.5s;}
.index_product .list li p { width:100%; text-align:center; overflow:hidden; position:absolute;}
.index_product .list li .img { height:100%; font:0/0 Arial; top:0; left:0;}
.index_product .list li .img img { min-height:auto; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

.index_product.open .menu { transition-delay:0.5s; transform:translateX(0);}
.index_product.open .list { transform:scale(1);}

.index_news { background:#fff;}
.index_news .index_title { width:calc(1320px - 20px * 2); margin-top:160px; color:#3e3a39;}
.index_news .index_title dl dd:before { background:#595757;}
.index_news .index_title dl dd a { color:#595757;}
.index_news .index_title dl dd:hover a { color:#ef5900;}

.index_news .list { width:1320px; margin-top:10px;}
.index_news .list li { width:400px; margin:30px 20px 0; position:relative; transition:all 0.35s; opacity:0;}
.index_news .list li:after { width:0; height:1px; content:""; background:#ef5900; position:absolute; bottom:0; left:50%; transform:translate(-50%); z-index:20; transition:all 0.25s;}
.index_news .list li p { float:left; width:100%; overflow:hidden; position:relative; z-index:10;}
.index_news .list li .img { height:240px;}
.index_news .list li .img img { min-height:100%;}
.index_news .list li .img:after { width:100%; height:100%; content:""; background:#ef5900; position:absolute; top:0; left:0; z-index:20; transition:all 0.2s; opacity:0;}
.index_news .list li .date { width:55px; height:65px; background:rgba(239,89,0,0.9); color:#fff; position:absolute; top:0; right:15px; z-index:20;}
.index_news .list li .date em,
.index_news .list li .date i { width:100%; text-align:center; position:absolute; left:0;}
.index_news .list li .date em { font:36px/32px "ALTGOT2N"; top:10px;}
.index_news .list li .date i { line-height:12px; font-size:12px; bottom:10px;}
.index_news .list li .name { height:49px; border-bottom:1px solid #e6e6e6; line-height:50px; font-size:16px;}
.index_news .list li:hover .img:after { opacity:0.8;}
.index_news .list li:hover:after { width:100%;}

.index_news .list li:nth-child(1),.index_news .list li:nth-child(2),.index_news .list li:nth-child(3) { transform:translateY(-20%);}
.index_news .list li:nth-child(4),.index_news .list li:nth-child(5),.index_news .list li:nth-child(6) { transform:translateY(20%);}

.index_news.open .index_title h5,.index_news.open .index_title h6 { opacity:1; transform:translateX(0);}
.index_news.open .index_title dl { opacity:1; transform:translateX(0);}
.index_news.open .list li { opacity:1; transform:translateY(0);}
.index_news.open .list li:nth-child(1),.index_news.open .list li:nth-child(4) { transition-delay:0ms;}
.index_news.open .list li:nth-child(2),.index_news.open .list li:nth-child(5) { transition-delay:70ms;}
.index_news.open .list li:nth-child(3),.index_news.open .list li:nth-child(6) { transition-delay:140ms;}

.index_contact { background:#000 url(../images/bg_contact.jpg) no-repeat center center; background-size:100%;}
.index_contact .index_title { width:1200px; margin-top:150px;}

.index_contact .msg_form { width:1200px; height:300px; margin-top:40px; position:relative; transition:all 0.5s; opacity:0; transform:translateX(50%);}
.index_contact .msg_form li { width:calc((100% - 20px) / 2); height:50px; background-color:#fff; position:absolute;}
.index_contact .msg_form li input { width:100%; height:100%; padding-bottom:2px; text-indent:10px; font-size:14px;}
.index_contact .msg_form li textarea { width:calc(100% - 20px); height:calc(100% - 16px); padding:8px 10px; font-size:14px;}
.index_contact .msg_form li input:focus,.index_contact .msg_form li textarea:focus { background:rgba(239,89,0,0.1); color:#000;}
.index_contact .msg_form li.user { top:0; left:0;}
.index_contact .msg_form li.tel { top:0; right:0;}
.index_contact .msg_form li.detail { width:100%; height:160px; top:70px; left:0;}
.index_contact .msg_form li.submit { width:100%; background:#595757; text-align:center; line-height:50px; font-size:16px; color:#fff; bottom:0; left:0;}
.index_contact .msg_form li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

.index_contact .info { width:1190px; height:190px; margin-top:40px; border:5px solid rgba(255,255,255,0.5); position:relative; transition:all 0.5s; opacity:0; transform:translateX(-50%);}
.index_contact .info dl { float:left; height:calc(100% - 32px); max-height:160px; margin:17px 0 15px; line-height:30px; font-size:14px; color:rgba(255,255,255,0.8); overflow:hidden;}
.index_contact .info dl dt { float:left; width:100%; height:30px; margin-bottom:8px; font-size:16px;}
.index_contact .info dl dd { float:left; width:100%; height:30px; font-size:14px;}
.index_contact .info dl a { color:rgba(255,255,255,0.8);}
.index_contact .info dl dt a { color:rgba(255,255,255,1);}
.index_contact .info dl a:hover { color:#ef5900;}
.index_contact .info dl.dl1 { width:160px; margin-left:25px;}
.index_contact .info dl.dl2 { width:180px;}
.index_contact .info dl.dl2 dd { width:50%;}
.index_contact .info dl.dl3 { width:150px; margin-left:40px;}
.index_contact .info dl.dl4 { width:350px;}
.index_contact .info .ewm { width:auto; height:calc(100% - 50px); margin:0; position:absolute; top:25px; right:25px;}
.index_contact .info .ewm dd { width:160px; height:100%; margin-left:20px; position:relative;}
.index_contact .info .ewm dd p { overflow:hidden; position:absolute;}
.index_contact .info .ewm dd .img { width:130px; height:130px; border:5px solid #fff; top:0; right:0;}
.index_contact .info .ewm dd .txt { width:12px; line-height:14px; font-size:12px; top:3px; left:0;}

.index_contact .bottom { width:1200px; height:60px; position:absolute; bottom:0; left:50%; margin-left:-600px; transition:all 0.5s; opacity:0; transform:translateY(100%);}
.index_contact .bottom:before { width:1920px; height:100%; content:""; background:#ef5900; position:absolute; top:0; left:50%; margin-left:-960px;}
.index_contact .bottom li { height:20px; font-size:14px; color:#fff; position:absolute; top:50%; margin-top:-10px; z-index:20;}
.index_contact .bottom li a { color:#fff;}
.index_contact .bottom li a:hover { color:#f6b237;}
.index_contact .bottom li.copyright { left:0;}
.index_contact .bottom li.copyright span { padding:0 8px;}
.index_contact .bottom li.lzdal { right:0;}

.index_contact.open .index_title h5,.index_contact.open .index_title h6 { opacity:1; transform:translateX(0);}
.index_contact.open .index_title dl { opacity:1; transform:translateX(0);}
.index_contact.open .msg_form { opacity:1; transform:translateX(0);}
.index_contact.open .info { opacity:1; transform:translateX(0);}
.index_contact.open .bottom { transition-delay:0.3s; opacity:1; transform:translateY(0);}

@media (max-width:1600px){
.index_about .info { width:720px;}
.index_about .info li.txt { width:470px; left:150px;}
.index_about .info li.more { left:150px;}
.index_about .bottom { height:100px;}
.index_about .bottom li .num { top:15px;}
.index_about .bottom li .txt { top:70px;}

.index_news .index_title { width:calc(1170px - 20px * 2); margin-top:120px;}
.index_news .list { width:1170px; margin-top:0px;}
.index_news .list li { width:350px; margin-top:25px;}
.index_news .list li .img { height:210px;}

.index_contact .index_title { margin-top:95px;}
.index_contact .msg_form { height:280px; margin-top:30px;}
.index_contact .msg_form li.detail { height:140px;}
.index_contact .bottom { height:50px;}
}

@media (max-width:1440px){
.index_about .info { width:650px;}
.index_about .info li.txt { width:390px; left:150px;}
.index_about .info li.more { left:150px;}
.index_about .bottom { height:100px;}
.index_about .bottom li .num { top:15px;}
.index_about .bottom li .txt { top:70px;}

.index_news .index_title { width:calc(1170px - 20px * 2); margin-top:120px;}
.index_news .list { width:1170px; margin-top:0px;}
.index_news .list li { width:350px; margin-top:25px;}
.index_news .list li .img { height:210px;}

.index_contact .index_title { margin-top:95px;}
.index_contact .msg_form { height:280px; margin-top:30px;}
.index_contact .msg_form li.detail { height:140px;}
.index_contact .bottom { height:50px;}
}

@media (max-width:1400px){
header { height:70px;}
header .icon li { width:34px;}
header .icon li a { height:32px;}

.index_about .info { width:610px; transform:translate(-50%,-20px);}
.index_about .info li.txt { width:360px; left:150px;}
.index_about .info li.more { left:150px;}
.index_about .bottom { height:100px;}
.index_about .bottom li .num { top:15px;}
.index_about .bottom li .txt { top:70px;}
.index_about .bottom li:hover a { transform:translateY(-15px);}
.index_about.open .info { transform:translate(-5px,-20px);}

.index_news .index_title { width:calc(1020px - 20px * 2); margin-top:75px;}
.index_news .list { width:1020px; margin-top:0px;}
.index_news .list li { width:300px; margin-top:15px;}
.index_news .list li .img { height:180px;}
.index_news .list li .name { height:39px; line-height:38px;}

.index_contact .index_title { margin-top:75px;}
.index_contact .msg_form { height:180px; margin-top:20px;}
.index_contact .msg_form li { height:40px;}
.index_contact .msg_form li.detail { height:80px; top:50px;}
.index_contact .msg_form li.submit { line-height:38px;}
.index_contact .info { margin-top:25px;}
.index_contact .bottom { height:40px;}
}