<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**首页**/
#header_index { position:fixed; transition:all .5s; opacity:0; transform:translateY(-100%);}
#header_index.open { opacity:1; transform:translateY(0);}

#fixed_index { width:20px; position:fixed; top:50%; right:20px; z-index:2000; transform:translateY(-50%);}
#fixed_index .list { float:left; width:100%;}
#fixed_index li { width:14px; height:14px; margin:5px 2px; border:#766b67 1px solid; border-radius:100%; cursor:pointer; transition:all .3s; opacity:0; transform:translateX(100%);}
#fixed_index li:before { width:calc(100% - 4px); height:calc(100% - 4px); content:""; background:#766b67; border-radius:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#fixed_index li.active { width:18px; height:18px; margin:5px 0px; border-color:#d1cecc;}
#fixed_index li.active:before { background:#d1cecc;}

#fixed_index.open li { opacity:1; transform:translateX(0);}
#fixed_index.open li:nth-child(1) { transition-delay:400ms;}
#fixed_index.open li:nth-child(2) { transition-delay:460ms;}
#fixed_index.open li:nth-child(3) { transition-delay:520ms;}
#fixed_index.open li:nth-child(4) { transition-delay:580ms;}
#fixed_index.open li:nth-child(5) { transition-delay:640ms;}
#fixed_index.open li:nth-child(6) { transition-delay:700ms;}
#fixed_index.open li:nth-child(7) { transition-delay:760ms;}
#fixed_index.open li:nth-child(8) { transition-delay:820ms;}
#fixed_index.open li:nth-child(9) { transition-delay:880ms;}

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

#index_swiper { background:#1b0801;}
.index_swiper { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.index_swiper .bg { float:left; width:100%; font:0/0 arial; position:relative; z-index:1;}
.index_swiper .bg img { width:100%; opacity:0;}
.index_swiper .swiper { position:absolute; top:0; left:0;}
.index_swiper .swiper-slide p { color:#fff; text-transform:uppercase; position:absolute; left:0;}
.index_swiper .swiper-slide .img { width:100%; height:100%; top:0;}
.index_swiper .swiper-slide .img img { min-height:100%; transition:all 0.8s;}
.index_swiper .swiper-slide .imgs:hover img { transform:scale(1.05);}
.index_swiper .swiper-pagination { bottom:15px !important; display:none;}
.index_swiper .swiper-pagination-bullet { width:16px; height:16px; margin:0 5px !important; background:rgba(255,255,255,0.5); border-radius:100%;}
.index_swiper .swiper-pagination-bullet-active { background:rgba(255,255,255,1);}
.index_swiper .swiper-button { display:none;}

.index_swiper .goNext { width:100px; text-align:center; color:#fff; position:absolute; bottom:20px; left:50%; margin-left:-50px; z-index:30; cursor:pointer; transition:all .5s; opacity:0; transform:translateY(50px); z-index:100;}
.index_swiper .goNext li { float:none !important; height:20px; padding-top:55px; display:inline-block; position:relative;}
.index_swiper .goNext li i { width:26px; height:44px; border:#fff 2px solid; border-radius:15px; position:absolute; top:0; right:0; bottom:0; left:0; margin:0 auto auto auto;}
.index_swiper .goNext li i:before { width:12px; height:12px; content:""; background:#fff; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; animation:swiperGoNext 1s linear infinite alternate;}
.index_swiper .goNext.open { opacity:1; transform:translateY(0); transition-delay:1100ms;}

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

.index_title { width:100%; height:52px; margin-bottom:30px; position:relative; z-index:10;}
.index_title h5,.index_title h6 { width:100%; text-align:center; color:#fff; position:absolute; left:0; transition:all 0.5s; opacity:0;}
.index_title h5 { line-height:30px; font-size:34px; top:0; transform:translateX(-50px);}
.index_title h6 { line-height:12px; font-size:12px; bottom:0; transform:translateX(50px);}

#index_about { background:#c22d27 url(../images/bg_about.jpg) no-repeat; background-size:cover;}
.index_about { width:1300px; position:relative; top:50%; transform:translateY(-50%); margin-top:40px; overflow:hidden;}

.index_about .info { width:100%; height:400px; position:relative;}
.index_about .info li.text { width:610px; height:200px; line-height:28px; font-size:14px; color:#fff; position:absolute; top:0; left:0; transition:all 0.35s; opacity:0; transform:translateY(100px);}

.index_about .info li.img { width:660px; height:100%; position:absolute; top:0; right:0; transition:all 0.35s; opacity:0; transform:translateY(-100px);}
.index_about .info li.img img { transition:all 0.8s;}
.index_about .info li.img:hover img { transform:scale(1.05);}

.index_about .info li.more { width:110px; height:40px; position:absolute; top:260px; left:0; transition:all 0.35s; opacity:0; transform:translateX(-100px);}
.index_about .info li.more a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); border:#f5e4dc 1px solid; border-radius:5px; text-align:center; line-height:38px; font-size:14px; color:#f5e4dc;}
.index_about .info li.more a:hover { background:#f5e4dc; color:#c22d27;}

.index_about .list { width:130%; height:130px; padding-top:80px; margin-left:-35px; position:relative;}
.index_about .list:before { width:0; height:1px; content:""; background:#cd5d5e; position:absolute; top:40px; left:50%; transform:translateX(-50%); transition:all 0.5s;}
.index_about .list li { width:200px; height:100%; margin-right:91px; position:relative; transition:all 0.35s; opacity:0; transform:translateY(100%);}
.index_about .list li a { width:100%; height:100%; display:block; position:relative;}
.index_about .list li p { width:100%; position:absolute;}
.index_about .list li .icon { width:74px; height:74px; border:#f5e4dc 3px solid; border-radius:100%; top:0; left:50%; transform:translateX(-50%);}
.index_about .list li .icon:before { width:44px; height:44px; content:""; background:url(../images/base.png) no-repeat -50px 0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.index_about .list li .text { height:34px; bottom:0; left:0;}
.index_about .list li .text i { width:100%; height:34px; text-align:center; color:#fef9f6; position:absolute; left:0;}
.index_about .list li .text i:nth-child(1) { height:16px; line-height:16px; font-size:16px; top:0;}
.index_about .list li .text i:nth-child(2) { height:12px; line-height:12px; font-size:12px; text-transform:uppercase; bottom:0;}
.index_about .list li:hover .icon { background:#f5e4dc;}

.index_about .list li.li9 .icon:before { background-position:-50px 0;}
.index_about .list li.li9:hover .icon:before { background-position:-50px -45px;}
.index_about .list li.li10 .icon:before { background-position:-95px 0;}
.index_about .list li.li10:hover .icon:before { background-position:-95px -45px;}
.index_about .list li.li11 .icon:before { background-position:-140px 0;}
.index_about .list li.li11:hover .icon:before { background-position:-140px -45px;}
.index_about .list li.li12 .icon:before { background-position:-185px 0;}
.index_about .list li.li12:hover .icon:before { background-position:-185px -45px;}
.index_about .list li.li13 .icon:before { background-position:-230px 0;}
.index_about .list li.li13:hover .icon:before { background-position:-230px -45px;}

.index_about.open .index_title h5,.index_about.open .index_title h6 { opacity:1; transform:translateX(0);}
.index_about.open .info li.text { opacity:1; transform:translateY(0); transition-delay:250ms;}
.index_about.open .info li.img { opacity:1; transform:translateY(0); transition-delay:250ms;}
.index_about.open .info li.more { opacity:1; transform:translateX(0); transition-delay:450ms;}
.index_about.open .list:before { width:100%; transition-delay:750ms;}
.index_about.open .list li { opacity:1; transform:translateY(0);}
.index_about.open .list li:nth-child(1) { transition-delay:900ms;}
.index_about.open .list li:nth-child(2) { transition-delay:1050ms;}
.index_about.open .list li:nth-child(3) { transition-delay:1200ms;}
.index_about.open .list li:nth-child(4) { transition-delay:1350ms;}
.index_about.open .list li:nth-child(5) { transition-delay:1500ms;}

#index_team { background:#090a0d url(../images/bg_team.jpg) no-repeat center 0; background-size:cover;}
.index_team { width:1580px; position:relative; top:50%; transform:translateY(-50%); margin-top:40px;}

.index_team .index_title h5,.index_team .index_title h6 { text-align:left;}

.index_team .list { width:100%; height:630px; position:relative; transition:all 0.35s; opacity:0; transform:translateY(100px);}
.index_team .list li { height:100%; overflow:visible; position:absolute; top:0; z-index:10;}
.index_team .list li p { position:absolute;}
.index_team .list li.bg { width:100%; height:100%; left:0; z-index:1;}
.index_team .list li.bg img { width:100%;}
.index_team .list li dl { width:530px; height:290px; background:rgba(255,255,255,0.9); border-radius:5px; position:absolute; transition:all 0.35s; transform:translateX(-50px); opacity:0; visibility:hidden;}
.index_team .list li dl a { width:100%; height:100%; display:block; position:relative;}
.index_team .list li dl dd { overflow:hidden; position:absolute;}
.index_team .list li dl .img { width:180px; height:calc(100% - 40px); border-radius:5px; top:20px; left:20px;}
.index_team .list li dl .name { width:calc(100% - 180px - 60px); height:20px; font-size:18px; color:#333333; top:25px; right:20px;}
.index_team .list li dl .text { width:calc(100% - 180px - 60px); height:180px; line-height:30px; font-size:14px; color:#595757; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; top:60px; right:20px;}
.index_team .list li dl .more { width:16px; height:5px; bottom:20px; right:20px;}
.index_team .list li dl .more:before { width:100%; height:100%; content:""; background:url(../images/base.png) no-repeat -20px -45px; position:absolute; top:0; left:0; transition:all 0.35s;}
.index_team .list li dl:hover .name { color:#c22d27;}
.index_team .list li dl:hover .more:before { background-position:0 -45px;}
.index_team .list li.li19 { width:160px; top:130px; left:160px;}
.index_team .list li.li19 dl { top:180px; left:10px;}
.index_team .list li.li18 { width:230px; top:110px; left:330px;}
.index_team .list li.li18 dl { top:160px; left:0;}
.index_team .list li.li15 { width:240px; top:90px; left:560px;}
.index_team .list li.li15 dl { top:180px; left:0;}
.index_team .list li.li36 { width:220px; top:100px; left:800px;}
.index_team .list li.li36 dl { top:180px; right:20px; transform:translateX(50px);}
.index_team .list li.li35 { width:245px; top:110px; left:1020px;}
.index_team .list li.li35 dl { top:190px; right:0; transform:translateX(50px);}
.index_team .list li.li37 { width:225px; top:130px; left:1265px;}
.index_team .list li.li37 dl { top:160px; right:10px; transform:translateX(50px);}
.index_team .list li.li38 { width:250px; top:80px; left:640px;}
.index_team .list li.li38 dl { top:165px; left:250px;}
.index_team .list li.li15:hover,
.index_team .list li.li38:hover,
.index_team .list li.li18:hover,
.index_team .list li.li19:hover,
.index_team .list li.li35:hover,
.index_team .list li.li36:hover,
.index_team .list li.li37:hover { z-index:20;}
.index_team .list li:hover dl { transform:translateX(0); opacity:1; visibility:visible;}

.index_team.open .index_title h5,.index_team.open .index_title h6 { opacity:1; transform:translateX(0);}
.index_team.open .list { opacity:1; transform:translateY(0); transition-delay:250ms;}

#index_product { background:#fff url(../images/bg_product.jpg) no-repeat center 0; background-size:cover;}
.index_product { width:1300px; position:relative; top:50%; transform:translateY(-50%); margin-top:30px;}

.index_product .index_title h5,.index_product .index_title h6 { color:#333;}

.index_product .className { width:100%; height:42px; margin:-10px 0 30px; text-align:center; position:relative; z-index:20; transition:all 0.45s; opacity:0; transform:translateX(200px);}
.index_product .className li { float:none; width:146px; height:100%; margin:0 4px; text-align:center; display:inline-block;}
.index_product .className li a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); border:#0a0204 1px solid; border-radius:5px; line-height:40px; font-size:16px; font-weight:bold; color:#333;}
.index_product .className li:hover a { background:#f5e4dc; border-color:#f5e4dc; color:#c22d27;}

.index_product .swiper { width:100%; height:580px; position:relative; transition:all 0.45s; opacity:0; transform:translateX(-200px);}
.index_product .swiper-slide p { color:#fff; text-transform:uppercase; position:absolute; left:0;}
.index_product .swiper-slide .img { width:100%; height:100%; top:0;}
.index_product .swiper-slide .img img { min-height:100%; transition:all 0.8s;}
.index_product .swiper-slide .img:hover img { transform:scale(1.05);}
.index_product .swiper-pagination { bottom:15px !important; display:none;}
.index_product .swiper-pagination-bullet { width:16px; height:16px; margin:0 5px !important; background:rgba(255,255,255,0.5); border-radius:100%;}
.index_product .swiper-pagination-bullet-active { background:rgba(255,255,255,1);}
.index_product .swiper-button { width:66px; height:66px; background:#fff; border-radius:100%;}
.index_product .swiper-button:before { width:19px; height:35px; content:""; background:url(../images/base.png) no-repeat 0 -55px; position:absolute; top:50%; left:50%; margin:-17px 0 0 0;}
.index_product .swiper-button-prev { left:-33px;}
.index_product .swiper-button-next { right:-33px;}
.index_product .swiper-button-next:before { transform:rotate(180deg); margin-left:-19px;}
.index_product .swiper-button:hover { background:#c22d27;}
.index_product .swiper-button:hover:before { background-position:-25px -55px;}

.index_product.open .index_title h5,.index_product.open .index_title h6 { opacity:1; transform:translateX(0);}
.index_product.open .className { opacity:1; transform:translateX(0); transition-delay:350ms;}
.index_product.open .swiper { opacity:1; transform:translateX(0); transition-delay:350ms;}

#index_news { background:#1b232a url(../images/bg_news.jpg) no-repeat center 0; background-size:cover;}
.index_news { width:1300px; overflow-x:hidden; position:relative; top:50%; transform:translateY(-50%); margin-top:30px;}

.index_news .index_title { width:1300px;}
.index_news .className { width:1300px; height:42px; margin:-10px 0 30px; text-align:center; position:relative; z-index:20; transition:all 0.45s; opacity:0; transform:translateY(100%);}
.index_news .className li { float:none; width:146px; height:100%; margin:0 4px; text-align:center; display:inline-block;}
.index_news .className li a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); border:#fff 1px solid; border-radius:5px; line-height:40px; font-size:16px; font-weight:bold; color:#fff;}
.index_news .className li:hover a { background:#f5e4dc; border-color:#f5e4dc; color:#c22d27;}

.index_news .swiper { float:left; width:1320px; height:544px; background:none; overflow:visible;}
.index_news .swiper-slide { overflow:visible; background:none;}
.index_news .swiper-pagination { width:auto !important; left:50% !important; bottom:-10px !important; transform:translateX(-50%); margin-left:-10px; transition:all 0.5s; opacity:0;}
.index_news .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px !important; background:#fff; border-radius:100%;}
.index_news .swiper-pagination-bullet-active { background:#c22d27;}
.index_news .swiper-button { width:30px; height:30px; background:none; top:auto; bottom:-30px; transform:translateX(-10px); transition:all 0.5s; opacity:0;}
.index_news .swiper-button:before { width:15px; height:27px; content:""; background:url(../images/base.png) no-repeat 0 -90px; position:absolute; top:50%; left:50%; margin:-13px 0 0 -7px;}
.index_news .swiper-button-prev { left:50%; margin-left:-60px;}
.index_news .swiper-button-next { right:50%; margin-right:-60px;}
.index_news .swiper-button-next:before { transform:rotate(180deg);}
.index_news .swiper-button:hover:before { background-position:-20px -90px;}

.index_news .list { width:105%;}
.index_news .list li { width:310px; height:500px; margin-right:20px; position:relative; transition:all 0.5s; opacity:0; transform:translateY(150px);}
.index_news .list li a { float:left; width:100%; height:100%; background:#fff; position:relative;}
.index_news .list li a:before { width:calc(100% - 20px); height:1px; content:""; background:#e6e6e6; position:absolute; top:300px; left:10px;}
.index_news .list li p { float:left; width:calc(100% - 40px); margin:0 20px; overflow:hidden; position:relative;}
.index_news .list li .img { width:100%; height:200px; margin:0;}
.index_news .list li .img img { min-height:100%;}
.index_news .list li .name { height:20px; margin-top:30px; line-height:20px; font-size:18px; color:#3e3a39;}
.index_news .list li .date { height:20px; margin-top:10px; line-height:20px; font-size:14px; color:#898989;}
.index_news .list li .info { height:144px; margin-top:40px; line-height:24px; font-size:14px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;}

.index_news .list li:hover a { background:#c22d27;}
.index_news .list li:hover p { color:#fff;}
.index_news .list li:hover .img img { transform:scale(1.08);}

.index_news.open .index_title h5,.index_news.open .index_title h6 { opacity:1; transform:translateX(0);}
.index_news.open .className { opacity:1; transform:translateY(0); transition-delay:350ms;}
.index_news.open .swiper-pagination { bottom:10px !important; opacity:1; transition-delay:800ms;}
.index_news.open .swiper-button { bottom:0; opacity:1; transition-delay:800ms;}
.index_news.open .list li { opacity:1; transform:translateY(0);}
.index_news.open .list li:nth-child(1) { transition-delay:450ms;}
.index_news.open .list li:nth-child(2) { transition-delay:550ms;}
.index_news.open .list li:nth-child(3) { transition-delay:650ms;}
.index_news.open .list li:nth-child(4) { transition-delay:750ms;}

#index_photo { background:#fff url(../images/bg_photo.jpg) no-repeat center 0; background-size:cover;}
.index_photo { width:1300px; height:calc(630px + 82px); position:relative; top:50%; transform:translateY(-50%); margin-top:20px;}

.index_photo .imglist { width:0; height:630px; position:absolute; bottom:0; left:0;}
.index_photo .imglist li { width:350px; height:310px; overflow:visible; position:absolute; z-index:10; transition:opacity,transform 0.5s; opacity:0; transform:translateY(100px);}
.index_photo .imglist li a { width:100%; height:100%; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.3s;}
.index_photo .imglist li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_photo .imglist li .img { height:100%; background-color:transparent; top:0; z-index:10;}
.index_photo .imglist li .img img { min-height:100%;}
.index_photo .imglist li .name { width:calc(100% - 30px;) height:40px; padding:0 15px; line-height:40px; font-size:16px; color:#fff; bottom:0; z-index:20;}
.index_photo .imglist li:nth-child(1) { top:0; left:0;}
.index_photo .imglist li:nth-child(2) { top:0; left:360px;}
.index_photo .imglist li:nth-child(3) { bottom:0; left:590px;}
.index_photo .imglist li:nth-child(4) { bottom:0; left:950px;}
.index_photo .imglist li:hover { z-index:20;}
.index_photo .imglist li:hover a { width:400px; height:354px;}
.index_photo .imglist li:hover .name { background:#c22d27; color:#fff;}

.index_photo .biglist { width:0; height:630px; position:absolute; bottom:0; right:0;}
.index_photo .biglist li { width:580px; height:310px; overflow:visible; position:absolute; z-index:10; transition:opacity,transform 0.5s; opacity:0; transform:translateY(100px);}
.index_photo .biglist li a { width:100%; height:100%; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.3s;}
.index_photo .biglist li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_photo .biglist li .img { height:100%; background-color:transparent; top:0; z-index:10;}
.index_photo .biglist li .img img { min-height:100%;}
.index_photo .biglist li .name { width:calc(100% - 30px;) height:40px; padding:0 15px; line-height:40px; font-size:16px; color:#fff; bottom:0; z-index:20;}
.index_photo .biglist li:nth-child(1) { top:0; right:0;}
.index_photo .biglist li:nth-child(2) { bottom:0; right:720px;}
.index_photo .biglist li:hover { z-index:20;}
.index_photo .biglist li:hover a { width:662px; height:354px;}
.index_photo .biglist li:hover .name { background:#c22d27; color:#fff;}

.index_photo.open .index_title h5,.index_photo.open .index_title h6 { opacity:1; transform:translateX(0);}
.index_photo.open .imglist li,
.index_photo.open .biglist li { opacity:1; transform:translateY(0);}
.index_photo.open .imglist li:nth-child(1) { transition-delay:250ms;}
.index_photo.open .imglist li:nth-child(2) { transition-delay:350ms;}
.index_photo.open .biglist li:nth-child(1) { transition-delay:450ms;}
.index_photo.open .biglist li:nth-child(2) { transition-delay:550ms;}
.index_photo.open .imglist li:nth-child(3) { transition-delay:650ms;}
.index_photo.open .imglist li:nth-child(4) { transition-delay:750ms;}

#index_contact { background:#292525 url(../images/bg_contact.jpg) no-repeat center 0; background-size:cover;}
.index_contact { width:1300px; position:relative; top:50%; transform:translateY(-50%); margin-top:20px;}

.index_contact .msg_form { width:calc(100% - 40px); height:300px; background:#fff; border:rgba(0,0,0,0.75) 20px solid; border-bottom:0; border-radius:5px 5px 0 0; position:relative; transition:all 0.5s; opacity:0; transform:translateY(150px);}
.index_contact .msg_form li { width:calc((100% - 120px) / 2); height:50px; background-color:#fff; position:absolute;}
.index_contact .msg_form li input { width:calc(100% - 2px); height:calc(100% - 3px); padding-bottom:1px; border:#c7c7c7 1px solid; border-radius:5px; text-indent:10px; font-size:14px;}
.index_contact .msg_form li textarea { width:calc(100% - 20px); height:calc(100% - 18px); padding:8px 9px; border:#c7c7c7 1px solid; border-radius:5px; font-size:14px;}
.index_contact .msg_form li input:focus,
.index_contact .msg_form li textarea:focus { border-color:#c22d27; color:#000;}
.index_contact .msg_form li.user { top:30px; left:50px;}
.index_contact .msg_form li.tel { top:30px; right:50px;}
.index_contact .msg_form li.detail { width:calc(100% - 100px); height:120px; top:100px; left:50px;}
.index_contact .msg_form li.submit { width:170px; background:#c22d27; border-radius:5px; text-align:center; line-height:50px; font-size:16px; color:#fff; bottom:10px; right:50px;}
.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 .contact { width:calc(100% - 140px); min-height:220px; padding:0 50px; background:#fff; border:rgba(0,0,0,0.75) 20px solid; border-top:0; border-radius:0 0 5px 5px; position:relative; z-index:10; transition:all 0.5s; opacity:0; transform:translateY(150px);}
.index_contact .contact li { width:100%; position:relative; z-index:10;}
.index_contact .contact li.className { width:100%; height:30px; line-height:28px; font-size:22px; font-weight:bold; transition:all 0.5s;}
.index_contact .contact li.className:after { width:100%; height:1px; content:""; background:#e5e5e5; position:absolute; bottom:10px; left:0; z-index:1;}
.index_contact .contact li.className p { height:100%; padding-right:10px; background:#fff; position:absolute; top:0; left:0; z-index:10;}
.index_contact .contact li.text { margin:10px 0 20px; line-height:30px; font-size:14px; transition:all 0.5s; opacity:0; transform:translateX(-100px);}

.index_contact .contact li.ewm { width:auto; position:absolute; top:50px; right:50px; z-index:20; transition:all 0.5s; opacity:0; transform:translateX(100px);}
.index_contact .contact li.ewm p { float:left; width:120px; margin-left:20px; position:relative;}
.index_contact .contact li.ewm span { float:left; width:100%; text-align:center; overflow:hidden;}
.index_contact .contact li.ewm .img { height:120px;}
.index_contact .contact li.ewm .img.mb { width:108px; height:108px; border:#fff 6px solid;}
.index_contact .contact li.ewm .txt { height:14px; margin-top:10px; line-height:14px;}

#index_contact .copyright { width:1300px; height:40px; position:absolute; bottom:-40px; left:50%; transform:translateX(-50%); transition:all 0.5s;}
#index_contact .copyright:before { width:1000%; height:100%; content:""; background:#111012; position:absolute; top:0; left:50%; transform:translateX(-50%);}
#index_contact .copyright p { float:left; height:100%; line-height:40px; font-size:12px; color:#898989; position:relative; z-index:10;}
#index_contact .copyright p span { margin:0 8px; display:inline-block;}
#index_contact .copyright a { color:#898989;}
#index_contact .copyright a:hover { color:#fff;}
#index_contact .copyright p:nth-child(2) { position:absolute; top:0; right:0;}

.index_contact.open .index_title h5,.index_contact.open .index_title h6 { opacity:1; transform:translateX(0);}
.index_contact.open .msg_form { opacity:1; transform:translateY(0);}
.index_contact.open .contact { opacity:1; transform:translateY(0);}
.index_contact.open .contact li.text { opacity:1; transform:translateX(0); transition-delay:350ms;}
.index_contact.open .contact li.ewm { opacity:1; transform:translateX(0); transition-delay:350ms;}
#index_contact .copyright.open { bottom:0; transition-delay:600ms;}

@media (max-width:1600px){
.index_title { margin-bottom:20px;}
.index_swiper .goNext { bottom:25px;}

.index_about { margin-top:35px;}
.index_about .info { height:370px;}
.index_about .info li.text { width:650px; height:200px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7;}
.index_about .info li.img { width:620px;}
.index_about .info li.more { top:240px;}

.index_team { width:1380px; margin-top:30px;}
.index_team .list { height:550px;}
.index_team .list li dl { width:480px; height:255px;}
.index_team .list li dl .img { width:155px;}
.index_team .list li dl .name { width:calc(100% - 155px - 60px);}
.index_team .list li dl .text { width:calc(100% - 155px - 60px); height:156px; line-height:26px; top:60px;}
.index_team .list li.li14 { width:215px; top:75px; left:0;}
.index_team .list li.li14 dl { top:155px; left:210px;}
.index_team .list li.li15 { width:235px; top:30px; left:215px;}
.index_team .list li.li15 dl { top:165px; left:220px;}
.index_team .list li.li16 { width:250px; top:0px; left:450px;}
.index_team .list li.li16 dl { top:185px; left:220px;}
.index_team .list li.li17 { width:225px; top:20px; left:700px;}
.index_team .list li.li17 dl { top:165px; left:200px;}
.index_team .list li.li18 { width:245px; top:30px; left:925px;}
.index_team .list li.li18 dl { top:155px; right:220px;}
.index_team .list li.li19 { width:210px; top:80px; left:1170px;}
.index_team .list li.li19 dl { top:155px; right:180px;}

.index_product .className { display:none;}
.index_news .className { display:none;}

.index_photo { height:calc(630px + 0px); margin-top:40px;}
.index_photo .index_title { display:none;}

.index_contact { margin-top:10px;}
.index_contact .msg_form { height:260px;}
.index_contact .msg_form li.detail { height:80px;}
}

@media (max-width:1400px){
.index_title { margin-bottom:10px;}
.index_swiper .goNext { bottom:30px;}

.index_about { width:1200px; margin-top:35px;}
.index_about .info { height:330px;}
.index_about .info li.text { width:610px;}
.index_about .info li.img { width:550px;}
.index_about .info li.more { top:230px;}
.index_about .list { height:120px; padding-top:30px; margin-left:-35px;}
.index_about .list:before { top:15px;}
.index_about .list li { margin-right:66px;}
.index_about .list li .icon { width:64px; height:64px;}

.index_team { width:1180px; margin-top:30px;}
.index_team .list { height:470px;}
.index_team .list li dl { width:450px; height:220px;}
.index_team .list li dl .img { width:130px;}
.index_team .list li dl .name { width:calc(100% - 130px - 60px); top:18px;}
.index_team .list li dl .text { width:calc(100% - 130px - 60px); height:132px; line-height:22px; top:50px;}
.index_team .list li.li14 { width:185px; top:60px; left:0;}
.index_team .list li.li14 dl { top:135px; left:175px;}
.index_team .list li.li15 { width:200px; top:20px; left:185px;}
.index_team .list li.li15 dl { top:145px; left:185px;}
.index_team .list li.li16 { width:210px; top:0px; left:385px;}
.index_team .list li.li16 dl { top:155px; left:195px;}
.index_team .list li.li17 { width:195px; top:15px; left:595px;}
.index_team .list li.li17 dl { top:140px; left:180px;}
.index_team .list li.li18 { width:210px; top:25px; left:790px;}
.index_team .list li.li18 dl { top:135px; right:190px;}
.index_team .list li.li19 { width:180px; top:60px; left:1000px;}
.index_team .list li.li19 dl { top:145px; right:145px;}

.index_product { width:1200px; margin-top:35px;}
.index_product .index_title { display:none;}
.index_product .swiper { height:530px;}

.index_news { width:1200px; margin-top:30px;}
.index_news .index_title { width:1200px;}
.index_news .swiper { width:1220px; height:460px;}
.index_news .swiper-pagination { display:none;}
.index_news .swiper-button { display:none;}
.index_news .list li { width:285px; height:460px;}
.index_news .list li a:before { top:285px;}
.index_news .list li .name { margin-top:20px;}
.index_news .list li .info { margin-top:30px;}

.index_photo { width:1200px; height:calc(510px + 0px); margin-top:35px;}
.index_photo .imglist { height:510px;}
.index_photo .imglist li { width:330px; height:250px;}
.index_photo .imglist li:nth-child(1) { top:0; left:0;}
.index_photo .imglist li:nth-child(2) { top:0; left:340px;}
.index_photo .imglist li:nth-child(3) { bottom:0; left:530px;}
.index_photo .imglist li:nth-child(4) { bottom:0; left:870px;}
.index_photo .imglist li:hover a { width:350px; height:310px;}
.index_photo .biglist { height:510px;}
.index_photo .biglist li { width:520px; height:250px;}
.index_photo .biglist li:nth-child(1) { top:0; right:0;}
.index_photo .biglist li:nth-child(2) { bottom:0; right:680px;}
.index_photo .biglist li:hover a { width:580px; height:310px;}

.index_contact { width:1200px; margin-top:15px;}
.index_contact .index_title { display:none;}
.index_contact .msg_form { height:240px;}
.index_contact .msg_form li { height:40px;}
.index_contact .msg_form li.detail { height:80px; top:90px;}
.index_contact .msg_form li.submit { width:140px; line-height:40px;}

#index_contact .copyright { width:1200px;}
}</pre></body></html>