锘緻charset "utf-8";
section { width:1680px; position:relative; z-index:50;}
section img { max-width:100%;}
section>ul { position:relative; z-index:10;}

.index_footer { width:1680px;}

.index_title { width:100%; height:45px; position:relative; z-index:10;}
.index_title h5,.index_title h6 { color:#3e3a39; position:absolute; left:0px;}
.index_title h5 { line-height:22px; font-size:24px; top:0;}
.index_title h6 { line-height:12px; font-size:14px; bottom:0;}
.index_title .more { width:32px; height:32px; border:#595757 2px solid; border-radius:100%; position:absolute; bottom:0; right:0;}
.index_title .more:before { width:22px; height:22px; content:""; background:url(../images/base.png) no-repeat -100px -90px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.index_title .more:hover { background:#53382f; border-color:#53382f;}
.index_title .more:hover:before { background-position:-125px -90px;}

.index_swiper { width:100%; margin-top:-110px; left:50%; transform:translateX(-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 { transition:all 0.8s;}
.index_swiper .swiper-slide .img:hover img { transform:scale(1.05);}
.index_swiper .swiper-pagination { bottom:20px !important;}
.index_swiper .swiper-pagination-bullet { width:16px; height:16px; margin:0 5px !important; background:#fff; border-radius:100%;}
.index_swiper .swiper-pagination-bullet-active { background:#53382f;}
.index_swiper .swiper-button { display:none;}

.index_about { height:540px; padding:130px 0;}
.index_about .list { width:calc(100% - 880px); height:100%; padding-left:880px; position:relative;}
.index_about .list li { width:100%; overflow:hidden;}
.index_about .list .img { width:800px; height:100%; position:absolute; top:0; left:0;}
.index_about .list .img:hover img { transform:scale(1.05);}
.index_about .list .info { height:470px; line-height:24px; font-size:14px;}
.index_about .list .more { width:130px; height:44px; text-align:center; line-height:42px; font-size:14px; position:absolute; bottom:0; left:880px;}
.index_about .list .more a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); border:#595757 1px solid; border-radius:22px;}
.index_about .list .more a:hover { background:#53382f; border-color:#53382f; color:#fff;}

.index_business { height:520px; padding:130px 0;}
.index_business:before { width:1920px; height:100%; content:""; background:#f4f5f9; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;}
.index_business .list { width:100%; height:100%; position:relative; z-index:10;}
.index_business .list .scroll { width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
.index_business .list .auto_list { width:10000%; height:100%;}
.index_business .list li { width:390px; height:100%; margin-right:40px; position:relative;}
.index_business .list li a { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_business .list li p { width:100%; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_business .list li .img { height:100%; z-index:10;}
.index_business .list li .img:before { width:calc(100% - 40px); height:calc(100% - 40px); content:""; border:#fff 20px solid; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.3s; z-index:20;}
.index_business .list li .img:after { width:100%; height:150px; content:""; background:#fff; position:absolute; top:0; left:0; transition:all 0.35s; z-index:25;}
.index_business .list li .img i { width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:15; opacity:0; transition:all 0.3s;}
.index_business .list li .name { height:46px; color:#3e3a39; overflow:visible; top:52px; transition:all 0.35s;}
.index_business .list li .name:after { width:28px; height:28px; content:""; background:url(../images/base.png) no-repeat -50px -90px; position:absolute; bottom:-70px; left:50%; margin-left:-14px; transition:all 0.35s; opacity:0;}
.index_business .list li .name i { width:100%; text-align:center; position:absolute; left:0;}
.index_business .list li .name .txt1 { line-height:22px; font-size:24px; top:0;}
.index_business .list li .name .txt2 { font:14px/12px arial; text-transform:uppercase; bottom:0;}

.index_business .list li:hover .img:before { width:100%; height:100%; border:#fff 0px solid;}
.index_business .list li:hover .img:after { height:0%;}
.index_business .list li:hover .img i { opacity:1;}
.index_business .list li:hover .name { color:#fff; top:204px;}
.index_business .list li:hover .name:after { opacity:1;}

.index_business .list .button { width:36px; height:36px; border:#595757 2px solid; border-radius:100%; position:absolute; bottom:-60px; cursor:pointer;}
.index_business .list .button:hover { background:#53382f; border-color:#53382f;}
.index_business .list .button:before { width:16px; height:14px; content:""; background:url(../images/base.png) no-repeat -80px -90px; position:absolute; top:50%; left:50%; margin:-7px 0 0 -8px;}
.index_business .list .button:hover:before { background-position:-80px -105px;}
.index_business .list .button.auto_list_prev { left:50%; margin-left:-50px;}
.index_business .list .button.auto_list_next { right:50%; margin-right:-50px;}
.index_business .list .button.auto_list_next:before { transform:rotate(180deg);}

.index_news { padding:90px 0 60px;}
.index_news .list { width:calc(100% + 40px); position:relative;}
.index_news .list li { width:calc(100% / 2 - 40px); height:150px; margin:30px 40px 0 0; background:#f4f5f9; position:relative;}
.index_news .list li a { height:100%; color:#3e3a39; display:block; position:relative;}
.index_news .list li p { width:calc(100% - 270px); overflow:hidden; position:absolute; left:250px;}
.index_news .list li .img { width:230px; height:100%; top:0; left:0;}
.index_news .list li .name { height:18px; line-height:18px; font-size:18px; top:25px;}
.index_news .list li .date { height:14px; line-height:14px; font-size:14px; top:58px;}
.index_news .list li .info { max-height:48px; line-height:24px; font-size:14px; bottom:20px;}
.index_news .list li:hover a { background:#53382f; color:#fff;}
.index_news .list li:hover .img img { transform:scale(1.1);}

.index_footer { height:480px; padding-bottom:85px;}
.index_footer:after { height:1px; background:#6b4a3e; bottom:84px; z-index:2;}
.index_footer .nav { width:auto; margin:0; position:absolute; top:285px; left:0;}
.index_footer .copyright { width:auto; height:24px; margin-top:0; line-height:24px; font-size:14px; position:absolute; bottom:30px; left:0;}
.index_footer .ewm { top:130px;}
.index_footer .ewm li { width:180px;}
.index_footer .ewm li .img { width:160px; height:160px;}

@media (max-width:1700px){
section { width:1440px;}

.index_about { height:475px; padding:100px 0;}
.index_about .list { width:calc(100% - 750px); padding-left:750px;}
.index_about .list .img { width:700px;}
.index_about .list .info { height:400px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:16;}
.index_about .list .more { left:750px;}

.index_business { height:440px; padding:100px 0;}
.index_business .list li { width:330px;}
.index_business .list li .img:before { width:calc(100% - 30px);}
.index_business .list li .img:after { height:120px;}
.index_business .list li .name { top:42px;}
.index_business .list li:hover .name { top:170px;}

.index_news { padding:80px 0 30px;}
.index_news .list li { height:140px;}
.index_news .list li p { width:calc(100% - 255px); left:235px;}
.index_news .list li .img { width:215px;}
.index_news .list li .name { top:20px;}
.index_news .list li .date { top:52px;}
.index_news .list li .info { bottom:15px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.index_footer { width:1440px; height:420px;}
.index_footer .message { width:400px; height:98px; top:100px;}
.index_footer .nav { top:220px;}
.index_footer .nav li { padding-left:27px;}
.index_footer .nav li:before { height:13px; left:10px; margin-top:-7px;}
.index_footer .nav li a { font-size:14px;}
.index_footer .link { top:100px; left:540px;}
.index_footer .link:before { left:-70px;}
.index_footer .link:after { right:-70px;}
.index_footer .link .link1 { width:270px; margin-right:35px;}
.index_footer .ewm { top:100px;}
}

@media (max-width:1550px){
section,
.index_footer { width:1200px;}

.index_about { height:385px; padding:80px 0;}
.index_about .list { width:calc(100% - 620px); padding-left:620px;}
.index_about .list .img { width:570px;}
.index_about .list .info { height:324px; -webkit-line-clamp:10;}
.index_about .list .more { left:620px;}

.index_business { height:360px; padding:80px 0;}
.index_business .list li { width:270px;}
.index_business .list li .img:before { width:calc(100% - 24px); height:calc(100% - 30px); border:#fff 15px solid;}
.index_business .list li .img:after { height:90px;}
.index_business .list li .name { height:40px; top:27px;}
.index_business .list li .name:after { bottom:-50px;}
.index_business .list li .name .txt1 { line-height:18px; font-size:20px;}
.index_business .list li .name .txt2 { font:12px/12px arial;}
.index_business .list li:hover .name { top:120px;}
.index_business .list .button { width:30px; height:30px; bottom:-50px;}
.index_business .list .button.auto_list_prev { margin-left:-40px;}
.index_business .list .button.auto_list_next { margin-right:-40px;}

.index_news { padding:60px 0 10px;}
.index_news .list li { height:120px;}
.index_news .list li p { width:calc(100% - 225px); left:205px;}
.index_news .list li .img { width:185px;}
.index_news .list li .name { top:15px;}
.index_news .list li .date { height:12px; line-height:12px; font-size:12px; top:47px;}
.index_news .list li .info { max-height:44px; line-height:22px; font-size:12px; bottom:10px;}

.index_footer { width:1200px; height:380px; padding-bottom:65px;}
.index_footer:after { bottom:64px;}
.index_footer .message { top:80px;}
.index_footer .nav { top:200px;}
.index_footer .nav li:before { height:13px; margin-top:-7px;}
.index_footer .nav li a { font-size:14px;}
.index_footer .link { top:80px; left:480px;}
.index_footer .link:before { left:-40px;}
.index_footer .link:after { right:-40px; display:none;}
.index_footer .link dl { line-height:34px; font-size:14px;}
.index_footer .link .link1 { width:260px; margin-right:20px;}
.index_footer .link .link2 { width:280px;}
.index_footer .ewm { top:80px;}
.index_footer .ewm li { width:170px;}
.index_footer .ewm li .img { width:150px; height:150px;}
.index_footer .copyright { bottom:20px;}
.index_footer .links { bottom:17px;}
}