@charset "utf-8";
#header_index { position:fixed; top:0; left:50%; transform:translate(-50%,-100%); transition:all 0.5s; opacity:0;}
#header_index.open { opacity:1; transform:translate(-50%,0);}
header:before { background:rgba(0,0,0,0);}
header .nav { height:40px;}
header .nav>li>a { line-height:40px; color:#3e3a39;}
header .nav>li>a:before { opacity:0; visibility:hidden;}
header .nav>li>a i { height:100%; display:inline-block; position:relative;}
header .nav>li>a i:before { width:0; height:2px; content:""; background:#c30d23; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all 0.15s;}
header .nav>li:hover>a { color:#c30d23;}
header .nav>li:hover>a i:before { width:100%;}
header .nav>li>a.active { color:#c30d23;}
header .nav>li>a.active i:before { width:100%;}
header .nav>li dl { opacity:0; visibility:hidden;}
header .icon li.icon_search i:before { background-position:-50px 0;}
header .icon li.icon_search:hover i:before { background-position:-50px -20px;}
header .icon li.icon_nav i,
header .icon li.icon_nav i:before,
header .icon li.icon_nav i:after { background:#3e3a39;}
header .icon li.icon_nav:hover i,
header .icon li.icon_nav:hover i:before,
header .icon li.icon_nav:hover i:after { background:#c30d23;}
header .search form { background:#c30d23;}
header .search form input[name=wd] { background:#fff;}
header .search form input[name=wd]:focus { color:#c30d23;}
header .search form .submit:after { background-position:-30px 0;}

header.header2 .logo1 { display:none;}
header.header2 .logo2 { display:block;}
header.header2 .nav>li>a { color:#fff;}
header.header2 .nav>li>a i:before { background:#fff;}
header.header2 .icon li.icon_search i:before { background-position:-30px 0;}
header.header2 .icon li.icon_nav i,
header.header2 .icon li.icon_nav i:before,
header.header2 .icon li.icon_nav i:after,
header.header2 .icon li.icon_nav:hover i,
header.header2 .icon li.icon_nav:hover i:before,
header.header2 .icon li.icon_nav:hover i:after { background:#fff;}
header.header2 .search form { background:rgba(0,0,0,0.3);}

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

#index_swiper { background:#1b0801;}
.index_swiper { width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.index_swiper .swiper { height:100%; position:absolute; top:0; left:0; z-index:20;}
.index_swiper .swiper-slide p { color:#fff; text-transform:uppercase; position:absolute; left:0;}
.index_swiper .swiper-slide .img { width:100%; height:auto; top:50%; transform:translateY(-50%);}
.index_swiper .swiper-slide .video { height:124%; top:50%; left:50%; transform:translate(-50%,-50%);}
.index_swiper .swiper-slide .video video { height:100%;}
.index_swiper .swiper-slide .imgs:hover img { transform:scale(1.05);}
.index_swiper .swiper-pagination { width:auto; font:0/0 arial; bottom:20px !important; left:40px; display:flex; align-items:center;}
.index_swiper .swiper-pagination-bullet { width:12px; height:12px; margin:0 10px !important; background:none; border:1px solid #fff; position:relative;}
.index_swiper .swiper-pagination-bullet:before { width:8px; height:8px; content:""; background:#c30d23; border-radius:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:none;}
.index_swiper .swiper-pagination-bullet-active { width:18px; height:18px; border-color:#c30d23;}
.index_swiper .swiper-pagination-bullet-active:before { display:block;}
.index_swiper .swiper-button { width:66px; height:66px; background:none; border:2px solid #fff; border-radius:100%; margin-top:-30px; opacity:0; transition:opacity,transform 0.35s; display:none;}
.index_swiper .swiper-button:hover { border-color:#c30d23;}
.index_swiper .swiper-button:before { width:22px; height:40px; content:""; background:url(../images/base.png) no-repeat -50px -30px; position:absolute; top:50%; left:50%; margin:-20px 0 0 -13px; transition:all 0.2s;}
.index_swiper .swiper-button:hover:before { background-position:-80px -30px;}
.index_swiper .swiper-button-prev { left:40px; transform:translateX(-100%);}
.index_swiper .swiper-button-next { right:40px; transform:translateX(100%);}
.index_swiper .swiper-button-next:before { transform:rotate(180deg); margin-left:-10px;}
.index_swiper:hover .swiper-button { opacity:1; transform:translateX(0);}

.index_swiper .goto_next { padding-top:54px; position:absolute; bottom:20px; left:50%; margin-left:-50px; z-index:30; cursor:pointer; transition:all 0.5s; opacity:0; transform:translateY(50px); z-index:100;}
.index_swiper .goto_next li.text { line-height:1; font-size:12px; color:#fff; position:relative;}
.index_swiper .goto_next li.icon { width:20px; height:40px; border:2px solid #fff; border-radius:13px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_swiper .goto_next li.icon:before { width:10px; height:10px; content:""; background:#fff; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; animation:next_animation 0.75s linear infinite alternate;}
.index_swiper .goto_next.open { opacity:1; transform:translateY(0); transition-delay:100ms;}

@keyframes next_animation {
	0% { transform:translateY(10px);}
	100% { transform:translateY(-10px);}
}

#index_about { background:#fff;}
.index_about { width:calc(100% - 80px); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-top:20px;}

.index_about .info { width:calc(100% - 1240 / 1920 * 100%); height:100%; position:absolute; top:0; left:0;}
.index_about .info li { width:100%; transition:all 0.35s; opacity:0; transform:translateX(-100%);}
.index_about .info li.title { height:130px; margin:calc(190 / 1080 * 100%) 0 40px;}
.index_about .info li.title img { height:100%;}
.index_about .info li.company { line-height:1; font-size:28px; color:#3e3a39; overflow:visible;}
.index_about .info li.ads { margin:10px 0 60px; line-height:1; font-size:48px; color:#c30d23; overflow:visible;}
.index_about .info li.text { width:calc(100% + 300px); max-height:calc(26px * 6); line-height:26px; font-size:16px; color:#3e3a39; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;}
.index_about .info li.more { position:absolute; bottom:0; left:0;}
.index_about .info li.more a { width:140px; height:38px; border:1px solid #3e3a39; border-radius:20px; text-align:center; line-height:38px; color:#3e3a39; display:block;}
.index_about .info li.more i { height:100%; padding-right:15px; display:inline-block; position:relative; transition:padding 0.25s;}
.index_about .info li.more i:before,
.index_about .info li.more i:after { width:0; height:0; content:""; background:#3e3a39; position:absolute; top:50%; right:0;}
.index_about .info li.more i:before { width:11px; height:1px;}
.index_about .info li.more i:after { width:1px; height:11px; right:5px; margin-top:-5px;}
.index_about .info li.more a:hover { background:#c30d23; border-color:#c30d23; color:#fff;}
.index_about .info li.more a:hover i { padding-right:40px;}
.index_about .info li.more a:hover i:before,
.index_about .info li.more a:hover i:after { background:#fff;}

.index_about .list { width:calc(1240 / 1920 * 100%); margin-top:-20px;}
.index_about .list li { width:calc(100% / 2 - 20px); margin:20px 0 0 20px; transition:all 0.35s; opacity:0; transform:translateX(100%);}
.index_about .list li a { float:left; width:100%; overflow:hidden; position:relative;}
.index_about .list li p { width:100%; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_about .list li .img { width:100%; height:100%; top:0;}
.index_about .list li .mask { width:100%; height:0; background:rgba(0,0,0,0.7); bottom:0; z-index:25; transition:all 0.2s;}
.index_about .list li .play { width:56px; height:56px; border:2px solid #fff; border-radius:100%; top:50%; left:50%; transform:translate(-50%,400%); z-index:30; opacity:0; transition:all 0.2s;}
.index_about .list li .play:before { width:30px; height:30px; content:""; background:url(../images/base.png) no-repeat -50px -90px; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px;}
.index_about .list li .name { width:calc(100% - 60px); height:18px; padding:30px; text-align:center; line-height:1; font-size:18px; color:#fff; bottom:-100%; z-index:30; transition:all 0.2s;}
.index_about .list li:nth-child(3) { float:right;}
.index_about .list li:hover .mask { height:100%;}
.index_about .list li:hover .play { opacity:1; transform:translate(-50%,-50%);}
.index_about .list li:hover .name { bottom:0;}

.index_about.open .info li { opacity:1; transform:translateX(0);}
.index_about.open .info li:nth-child(1) { transition-delay:300ms;}
.index_about.open .info li:nth-child(2) { transition-delay:450ms;}
.index_about.open .info li:nth-child(3) { transition-delay:600ms;}
.index_about.open .info li:nth-child(4) { transition-delay:750ms;}
.index_about.open .info li:nth-child(5) { transition-delay:900ms;}
.index_about.open .list li { opacity:1; transform:translateX(0);}
.index_about.open .list li:nth-child(2) { transition-delay:150ms;}
.index_about.open .list li:nth-child(3) { transition-delay:300ms;}

#index_product { background:#c30d23;}
.index_product { width:100%; height:100%; position:absolute; top:0; left:0;}

.index_product .className { width:370px; height:620px; padding-left:50px; position:absolute; top:200px; left:350px; z-index:30; transition:all 0.35s; opacity:0; transform:translateY(100%);}
.index_product .className:before { width:230px; height:230px; content:""; background:#eb7a18; position:absolute; top:-70px; left:-35px;}
.index_product .className:after { width:100%; height:100%; content:""; background:#c30d23 url(../images/bg_product1.jpg) no-repeat; background-size:100%; position:absolute; top:0; left:0;}
.index_product .className li { width:100%; margin-top:20px; line-height:30px; font-size:18px; overflow:visible; position:relative; z-index:10; transition:all 0.35s; opacity:0; transform:translateX(-100px);}
.index_product .className li.title { height:120px; margin:0 0 30px; transform:translateX(100%);}
.index_product .className li.title img { height:100%;}
.index_product .className li a { height:100%; padding-left:15px; color:#fff; display:inline-block; position:relative;}
.index_product .className li a:before { width:8px; height:8px; content:""; background:#fff; border-radius:100%; position:absolute; top:11px; left:0;}
.index_product .className li a:after { width:0; height:1px; content:""; background:#fff; position:absolute; bottom:0; left:15px; transition:all 0.2s;}
.index_product .className li a:hover { color:#fff;}
.index_product .className li a:hover:before { background:#fff;}
.index_product .className li a:hover:after { width:calc(100% - 15px);}
.index_product .className li.more { position:absolute; bottom:100px; left:50px;}
.index_product .className li.more a { width:138px; height:38px; padding:0; border:1px solid #fff; border-radius:20px; text-align:center; line-height:38px; font-size:14px; color:#fff; display:block;}
.index_product .className li.more a:before,
.index_product .className li.more a:after { display:none;}
.index_product .className li.more i { height:100%; padding-right:15px; display:inline-block; position:relative; transition:padding 0.2s;}
.index_product .className li.more i:before,
.index_product .className li.more i:after { width:0; height:0; content:""; background:#fff; position:absolute; top:50%; right:0;}
.index_product .className li.more i:before { width:11px; height:1px;}
.index_product .className li.more i:after { width:1px; height:11px; right:5px; margin-top:-5px;}
.index_product .className li.more a:hover { background:#eb7a18; border-color:#eb7a18; color:#fff;}
.index_product .className li.more a:hover i { padding-right:40px;}
.index_product .className li.more a:hover i:before,
.index_product .className li.more a:hover i:after { background:#fff;}

.index_product .swiper { width:calc(100% - 560px) !important; height:100%; padding-left:560px; position:absolute; top:0; left:0; z-index:20; transition:all 0.4s; opacity:0; transform:scale(0);}
.index_product .swiper:before { width:560px; height:100%; content:""; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:20;}
.index_product .swiper-slide p { color:#fff; position:absolute; left:0;}
.index_product .swiper-slide .bg { width:auto; height:100%;}
.index_product .swiper-slide .bg img { width:auto; height:100%;}
.index_product .swiper-slide .img { width:100%; height:100%; top:0;}
.index_product .swiper-slide .text { padding-top:45px; text-align:right; line-height:28px; bottom:100px; left:auto; right:160px; z-index:30; opacity:0;}
.index_product .swiper-slide .text i { line-height:1; font-size:28px; position:absolute; top:0; right:0;}
.index_product .swiper-slide .img:hover img { transform:scale(1.05);}
.index_product .swiper-slide-active .text { opacity:1;}
.index_product .swiper-pagination { display:none !important;}
.index_product .swiper-pagination-bullet { width:auto; height:16px; margin:0 5px !important; background:none; line-height:1; color:#fff; transition:all 0.8s;}
.index_product .swiper-pagination-bullet-active { font-size:24px;}
.index_product .swiper-button { width:36px; height:36px; background:none; border:2px solid #fff; border-radius:10px; top:auto; bottom:80px; margin:0; transition:all 0.5s; opacity:0; transform:translateY(200%);}
.index_product .swiper-button:hover { border-color:#0045d0;}
.index_product .swiper-button:before { width:14px; height:24px; content:""; background:url(../images/base.png) no-repeat -50px -90px; position:absolute; top:50%; left:50%; margin:-12px 0 0 -8px; transition:all 0.2s;}
.index_product .swiper-button:hover:before { background-position:-70px -90px;}
.index_product .swiper-button-prev { left:auto; right:220px;}
.index_product .swiper-button-next { right:160px;}
.index_product .swiper-button-next:before { transform:rotate(180deg); margin-left:-6px;}

.index_product .icon { width:60px; height:60px; background:#c30d23; position:absolute; bottom:60px; right:0; z-index:30;}
.index_product .icon li { position:absolute;}
.index_product .icon .li1 { width:30px; height:30px; background:#eb7a18; top:-60px; left:-50px;}
.index_product .icon .li2 { width:16px; height:16px; background:#c30d23; top:-30px; left:-80px;}

.index_product.open .className { opacity:1; transform:translateY(0); transition-delay:450ms;}
.index_product.open .className li { opacity:1; transform:translateX(0);}
.index_product.open .className li:nth-child(1) { transition-delay:800ms;}
.index_product.open .className li:nth-child(2) { transition-delay:950ms;}
.index_product.open .className li:nth-child(3) { transition-delay:1100ms;}
.index_product.open .className li:nth-child(4) { transition-delay:1250ms;}
.index_product.open .className li:nth-child(5) { transition-delay:1400ms;}
.index_product.open .className li:nth-child(6) { transition-delay:1550ms;}
.index_product.open .className li:nth-child(7) { transition-delay:1700ms;}
.index_product.open .className li:nth-child(8) { transition-delay:1850ms;}
.index_product.open .className li:nth-child(9) { transition-delay:2000ms;}
.index_product.open .swiper { opacity:1; transform:scale(1);}

#index_news { background:#fff;}
.index_news { width:100%; position:absolute; top:50%; left:0; transform:translateY(-45%);}

.index_news .className { width:100%;}
.index_news .className li { width:100%; text-align:center; transition:all 0.5s; opacity:0; transform:translateY(100%);}
.index_news .className li.title { height:70px;}
.index_news .className li.title img { height:100%;}
.index_news .className li.cn { margin:10px 0 40px; line-height:1; font-size:32px; color:#c30d23;}

.index_news .swiper { float:left; width:calc(100% - 1000px); height:auto; padding:0 500px; overflow:visible; transition:all 0.5s; opacity:0; transform:translateY(100%);}
.index_news .swiper-slide { overflow:visible;}
.index_news .swiper-slide p { width:calc(100% - 160px); overflow:hidden; position:absolute; left:80px; z-index:20;}
.index_news .swiper-slide .bg { margin-left:160px;}
.index_news .swiper-slide .img { height:100%; box-shadow:10px 10px 5px rgba(0,0,0,0.2); top:0; z-index:10;}
.index_news .swiper-slide .img img { min-height:100%; transition:all 0.8s;}
.index_news .swiper-slide .mask { height:60%; background:#fafafa; bottom:0;}
.index_news .swiper-slide .mask span { width:calc(100% - 80px); padding-top:40px; max-height:48px; line-height:24px; font-size:14px; overflow:hidden; position:absolute; top:50%; left:40px; transform:translateY(-50%); margin-top:-10px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.index_news .swiper-slide .mask .name { width:100%; height:20px; line-height:1; font-size:20px; position:absolute; top:0; left:0;}
.index_news .swiper-slide .mask .icon { width:8px; height:8px; background:#898989; border-radius:100%; position:absolute; bottom:26px; right:26px;}
.index_news .swiper-slide .mask .icon:before,
.index_news .swiper-slide .mask .icon:after { width:4px; height:4px; content:""; background:#898989; border-radius:100%; position:absolute; top:50%; transform:translateY(-50%);}
.index_news .swiper-slide .mask .icon:before { left:-8px;}
.index_news .swiper-slide .mask .icon:after { right:-8px;}
.index_news .swiper-slide-active p { width:100% !important; color:#fff; left:0;}
.index_news .swiper-slide-active .bg { margin-left:0;}
.index_news .swiper-slide-active .mask { background:#c30d23;}
.index_news .swiper-slide-active .mask span { padding-top:60px; max-height:52px; line-height:26px; font-size:16px;}
.index_news .swiper-slide-active .mask .name { height:24px; font-size:24px;}
.index_news .swiper-slide-active .mask .icon,
.index_news .swiper-slide-active .mask .icon:before,
.index_news .swiper-slide-active .mask .icon:after { background:#fff;}
.index_news .swiper-pagination { width:auto !important; height:3px !important; font-size:0; left:50% !important; bottom:-40px !important; transform:translateX(-50%); display:flex; align-items:center;}
.index_news .swiper-pagination-bullet { width:60px; height:100%; margin:0 2px !important; background:#cbcbcb; border-radius:0;}
.index_news .swiper-pagination-bullet-active { background:#c30d23;}
.index_news .swiper-button { display:none;}

.index_news .more { width:100%; margin-top:80px; text-align:center; transition:all 0.3s; opacity:0; transform:translateY(200%);}
.index_news .more a { width:148px; height:38px; border:1px solid #3e3a39; border-radius:20px; line-height:38px; font-size:14px; color:#3e3a39; display:inline-block;}
.index_news .more i { height:100%; padding-right:15px; display:inline-block; position:relative; transition:padding 0.2s;}
.index_news .more i:before,
.index_news .more i:after { width:0; height:0; content:""; background:#3e3a39; position:absolute; top:50%; right:0;}
.index_news .more i:before { width:11px; height:1px;}
.index_news .more i:after { width:1px; height:11px; right:5px; margin-top:-5px;}
.index_news .more a:hover { background:#c30d23; border-color:#c30d23; color:#fff;}
.index_news .more a:hover i { padding-right:40px;}
.index_news .more a:hover i:before,
.index_news .more a:hover i:after { background:#fff;}

.index_news.open .className li { opacity:1; transform:translateY(0);}
.index_news.open .className li:nth-child(1) { transition-delay:0ms;}
.index_news.open .className li:nth-child(2) { transition-delay:150ms;}
.index_news.open .className li:nth-child(3) { transition-delay:300ms;}
.index_news.open .swiper { opacity:1; transform:translateY(0); transition-delay:500ms;}
.index_news.open .more { opacity:1; transform:translateY(0); transition-delay:1000ms;}

#index_photo { background:#c30d23;}
.index_photo { width:calc(100% - 80px); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.index_photo .list { width:calc(100% + 10px); margin-top:-10px;}
.index_photo .list li { width:calc(100% / 4 - 10px); margin:10px 10px 0 0; overflow:visible; position:relative; z-index:10; transition:opacity,transform 0.25s; opacity:0;}
.index_photo .list li a { float:left; width:100%; display:block; position:relative; transition:all 0.3s;}
.index_photo .list li p { width:100%; color:#fff; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_photo .list li .img { height:100%; top:0;}
.index_photo .list li .img:before { width:100%; height:100%; content:""; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; z-index:20; transition:all 0.3s;}
.index_photo .list li .mask { height:100%; top:0; z-index:30;}
.index_photo .list li .mask i { padding-right:15px; line-height:1; font-size:14px; color:#fff; position:absolute; bottom:calc(60 / 300 * 100%); left:calc(60 / 450 * 100%); z-index:30;}
.index_photo .list li .mask i:before,
.index_photo .list li .mask i:after { width:9px; height:9px; content:""; background:#fff; position:absolute; top:50%; right:0;}
.index_photo .list li .mask i:before { height:1px;}
.index_photo .list li .mask i:after { width:1px; right:4px; margin-top:-4px;}
.index_photo .list li.title .img:before { background:rgba(0,0,0,0.7);}
.index_photo .list li:hover { z-index:20;}
.index_photo .list li:not(.title):hover a { transform:scale(1.15);}
.index_photo .list li:not(.title):hover .img { box-shadow:0px 0px 12px rgba(0,0,0,0.9);}
.index_photo .list li:not(.title):hover .img:before { background:transparent;}
.index_photo .list li:hover .mask i { color:#c30d23;}
.index_photo .list li:hover .mask i:before,
.index_photo .list li:hover .mask i:after { background:#c30d23;}

.index_photo .list li:nth-child(1),
.index_photo .list li:nth-child(2),
.index_photo .list li:nth-child(3),
.index_photo .list li:nth-child(4) { transform:translate(0,-100%);}
.index_photo .list li:nth-child(5),
.index_photo .list li:nth-child(6) { transform:translate(-100%,0);}
.index_photo .list li:nth-child(7),
.index_photo .list li:nth-child(8) { transform:translate(100%,0);}
.index_photo .list li:nth-child(9),
.index_photo .list li:nth-child(10),
.index_photo .list li:nth-child(11),
.index_photo .list li:nth-child(12) { transform:translate(0,100%);}

.index_photo.open .list li { opacity:1; transform:translate(0,0);}
.index_photo.open .list li:nth-child(1),
.index_photo.open .list li:nth-child(12) { transition-delay:250ms;}
.index_photo.open .list li:nth-child(2),
.index_photo.open .list li:nth-child(11) { transition-delay:300ms;}
.index_photo.open .list li:nth-child(3),
.index_photo.open .list li:nth-child(10) { transition-delay:350ms;}
.index_photo.open .list li:nth-child(4),
.index_photo.open .list li:nth-child(9) { transition-delay:400ms;}

#index_contact { background:#fff;}
.index_contact { width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.index_contact .list { width:calc(100% - 40px); position:absolute; top:calc(120/ 1080 * 100%); left:40px;}
.index_contact .list li { width:calc(100% / 2 - 40px); margin-right:40px; position:relative; z-index:10; transition:opacity,transform 0.3s; opacity:0;}
.index_contact .list li a { float:left; width:100%; display:block; position:relative; transition:all 0.3s;}
.index_contact .list li p { width:100%; color:#fff; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_contact .list li .img { height:100%; top:0;}
.index_contact .list li .img:before { width:100%; height:100%; content:""; position:absolute; top:0; left:0; z-index:20; transition:all 0.3s;}
.index_contact .list li .name { width:auto; line-height:1; font-size:28px; color:#3e3a39; top:65px; left:75px; z-index:30;}
.index_contact .list li:nth-child(2) .name { color:#fff;}
.index_contact .list li .more { width:60%; height:38px; border:1px solid #fff; border-radius:20px; text-align:center; line-height:38px; font-size:14px; color:#fff; bottom:40px; left:50%; transform:translateX(-50%);}
.index_contact .list li .more i { height:100%; padding-right:15px; display:inline-block; position:relative; transition:padding 0.2s;}
.index_contact .list li .more i:before,
.index_contact .list li .more i:after { width:0; height:0; content:""; background:#fff; position:absolute; top:50%; right:0;}
.index_contact .list li .more i:before { width:11px; height:1px;}
.index_contact .list li .more i:after { width:1px; height:11px; right:5px; margin-top:-5px;}
.index_contact .list li:hover .img:before { background:rgba(0,0,0,0.7);}
.index_contact .list li:hover .name { color:#fff;}
.index_contact .list li:hover .more { border-color:#eb7a18; color:#eb7a18;}
.index_contact .list li:hover .more i { padding-right:40px;}
.index_contact .list li:hover .more i:before,
.index_contact .list li:hover .more i:after { background:#eb7a18;}

.index_contact .list li:nth-child(odd) { transform:translateX(-100%);}
.index_contact .list li:nth-child(even) { transform:translateX(100%);}

.index_contact .copyright { width:100%; padding:50px 0; background:#c30d23; position:absolute; bottom:-5px; left:0; transition:all 0.3s; opacity:0; transform:translateY(100%);}
.index_contact .copyright li { width:100%; text-align:center; line-height:24px; color:#fff;}
.index_contact .copyright li.logo { margin-bottom:30px;}
.index_contact .copyright li span { margin:0 10px; display:inline-block;}
.index_contact .copyright li a { color:#fff; display:inline-block;}
.index_contact .copyright li a:hover { color:#eb7a18;}

.index_contact.open .list li { opacity:1; transform:translateX(0);}
.index_contact.open .copyright { opacity:1; transform:translateY(0); transition-delay:350ms;}

@media (max-width:1650px){
.index_product .className { width:350px; height:590px; top:160px;}
.index_product .className li.title { height:108px;}
.index_news .className li.title { height:63px;}
.index_news .swiper { width:calc(100% - 800px); padding:0 400px;}
.index_contact .copyright { padding:40px 0;}
}

@media (max-width:1450px){
.index_about .info li.title { height:117px;}
.index_about .info li.company { font-size:24px;}
.index_about .info li.ads { margin-bottom:40px; font-size:40px;}
.index_product .className { width:330px; height:560px; top:150px; left:300px;}
.index_product .className li.title { height:96px;}
.index_news .className li.title { height:56px;}
.index_photo { margin-top:25px;}
.index_contact .list { top:calc(140/ 1080 * 100%);}
.index_contact .list li .name { font-size:26px; top:50px; left:60px;}
}

@media (max-width:1400px){
.index_about .info li.title { height:104px;}
.index_about .info li.company { font-size:20px;}
.index_about .info li.ads { margin-bottom:30px; font-size:32px;}
.index_product .className { width:275px; height:480px; top:140px;}
.index_product .className:before { width:220px; height:220px; top:-60px; left:-30px;}
.index_product .className li { margin-top:15px; line-height:28px; font-size:16px;}
.index_product .className li.title { height:84px; margin:0 0 20px;}
.index_product .className li.more { bottom:70px;}
.index_news .className li.title { height:49px;}
.index_news .swiper-slide .mask span { padding-top:30px; margin-top:0;}
.index_news .swiper-slide .mask .icon { bottom:10px; right:16px;}
.index_news .swiper-slide-active .mask span { padding-top:40px;}
.index_photo { margin-top:0;}
.index_contact .list { top:calc(120/ 1080 * 100%);}
.index_contact .list li .name { font-size:20px; top:40px; left:50px;}
.index_contact .copyright { padding:30px 0;}
.index_contact .copyright li.logo { margin-bottom:15px;}
}