@charset "utf-8";
section { width:1400px; position:relative; z-index:10;}
section>ul { position:relative; z-index:10;}
section img { max-width:100%;}

.footer_index { width:1400px;}
.footer_index .nav dl { width:145px;}
.footer_index #fixed_right { margin-right:-760px;}

.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 { min-height:100%; transition:all 0.8s;}
.index_swiper .swiper-slide-active .img img { animation:swiper_active 6s ease;}
.index_swiper .swiper-slide .video { width:100%; height:100%; top:0; z-index:10;}
.index_swiper .swiper-slide .video:before { width:100%; height:100%; content:""; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:15;}
.index_swiper .swiper-slide .video video { width:100%; position:absolute; top:50%; left:0; transform:translatey(-50%); z-index:10;}
.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;}
@keyframes swiper_active {
	0% { transform:scale(1.15);}
	20% { transform:scale(1.15);}
	100% { transform:scale(1);}
}

.index_title { width:100%; height:40px; margin-bottom:25px; position:relative; z-index:20;}
.index_title h5 { line-height:32px; font-size:36px; color:#005bac; position:absolute; top:0; left:0;}
.index_title .more { width:118px; height:38px; border:#c9caca 1px solid; border-radius:20px; text-align:center; line-height:38px; font-size:12px; color:#9fa0a0; position:absolute; top:0; right:0;}
.index_title .more:hover { border-color:#005bac; color:#005bac;}

.index_gonggao { width:500px; height:280px; position:fixed; top:50%; right:-440px; transform:translatey(-50%); z-index:200; transition:all 0.35s;}
.index_gonggao .classname { width:60px; height:100%; background:#ff3c00; border-radius:30px 0 0 30px; position:absolute; top:0; left:0;}
.index_gonggao .classname li { width:30px; position:absolute; left:50%; margin-left:-15px;}
.index_gonggao .classname .button { height:30px; top:15px;}
.index_gonggao .classname .button:before { width:18px; height:20px; content:""; background:url(/uploads/image/simages/base.png) no-repeat -50px -40px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(0deg);}
.index_gonggao .classname .text { text-align:center; line-height:26px; font-size:22px; font-weight:bold; color:#fff; top:50%; transform:translatey(-50%);}

.index_gonggao .list { width:calc(100% - 60px - 40px); height:100%; padding:0 20px; background:#f9f9f9; position:absolute; top:0; right:0;}
.index_gonggao .list li { width:100%; height:95px; margin-top:40px; position:relative;}
.index_gonggao .list li:first-child { margin-top:25px;}
.index_gonggao .list li a { height:100%; display:block;}
.index_gonggao .list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_gonggao .list li .name { height:16px; line-height:16px; font-size:16px; color:#3e3a39; top:0;}
.index_gonggao .list li .date { height:14px; line-height:14px; font-size:14px; color:#898989; top:30px;}
.index_gonggao .list li .info { height:44px; line-height:22px; font-size:14px; color:#595757; bottom:-4px;}
.index_gonggao .list li:hover .name { color:#005bac;}

.index_gonggao.open { right:0;}
.index_gonggao.open .classname .button:before { transform:translate(-50%,-50%) rotate(180deg);}

.index_toutiao { padding:56px 0;}
.index_toutiao:before { width:1920px; height:100%; content:""; background:#005bac; position:absolute; top:0; left:50%; transform:translatex(-50%);}

.index_toutiao .scroll { width:100%; height:50px; overflow:hidden;}
.index_toutiao .scroll .auto_list { width:100%; height:100%;}
.index_toutiao .scroll li { width:100%; height:100%; text-align:center; line-height:48px; font-size:36px;}
.index_toutiao .scroll li a { max-width:100%; height:100%; color:#fff; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.index_toutiao .scroll li a:after { width:0%; height:1px; content:""; background:#fff; position:absolute; bottom:0; left:50%; transform:translatex(-50%); transition:all 0.2s;}
.index_toutiao .scroll li a:hover:after { width:100%;}

.index_news { height:480px; padding-bottom:80px;}
.index_news:before { width:1920px; height:100%; content:""; background:#005bac; position:absolute; top:0; left:50%; transform:translatex(-50%);}

.index_news .swiper { width:720px; height:480px; position:absolute; top:0; left:0;}
.index_news .swiper-slide a { height:100%; display:block;}
.index_news .swiper-slide p { width:100%; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_news .swiper .img { height:100%; top:0; z-index:10;}
.index_news .swiper .img img { min-height:100%;}
.index_news .swiper .name { width:calc(100% - 100px); height:50px; padding:0 80px 0 20px; background:rgba(0,0,0,0.7); line-height:50px; font-size:16px; color:#fff; bottom:0;}
.index_news .swiper-pagination { width:auto; top:auto; bottom:20px; left:auto; right:20px; z-index:30;}
.index_news .swiper-pagination-bullet { width:10px; height:10px; margin:0 0 0 5px !important; background:rgba(255,255,255,0.8); border-radius:100%; font:0/0 arial;}
.index_news .swiper-pagination-bullet-active { background:#005bac;}
.index_news .swiper-button { display:none;}

.index_news .classname { width:calc(100% - 720px - 30px); height:58px; background:#0068c4; border-bottom:#ff3c00 2px solid; position:absolute; top:0; right:0;}
.index_news .classname li { height:100%;}
.index_news .classname li a { height:100%; padding:0 25px; line-height:58px; font-size:20px; color:#fff; display:block;}
.index_news .classname li a.active { background:#ff3c00;}

.index_news .list { width:calc(100% - 720px - 30px); height:420px; overflow:hidden; position:absolute; top:60px; right:0;}
.index_news .list li { width:100%; height:20px; margin-top:22px; line-height:20px; font-size:16px; position:relative;}
.index_news .list li a { height:100%; padding-left:15px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; position:relative;}
.index_news .list li a:before { width:6px; height:6px; content:""; background:#fff; border-radius:100%; position:absolute; top:50%; left:0; transform:translatey(-50%);}
.index_news .list li span { float:right; margin-left:10px; font-size:14px;}
.index_news .list li:hover a { color:#ff3c00;}
.index_news .list li:hover a:before { background:#ff3c00;}

.index_product { padding-top:80px;}
.index_product .list { width:calc(100%   25px); margin-top:-20px; position:relative; z-index:10;}
.index_product .list li { width:calc(100% / 3 - 25px); margin:20px 25px 0 0; background:#00ac4f; position:relative;}
.index_product .list li p { width:100%; color:#fff; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_product .list li a { height:100%; color:#fff; display:block; position:relative;}
.index_product .list li .bg { float:left; font:0/0 arial; position:relative; z-index:1;}
.index_product .list li .img { height:100%; top:0; z-index:15;}
.index_product .list li .name { width:auto; line-height:38px; font-size:28px; white-space:normal; top:40px; left:40px;}
.index_product .list li .product { width:calc(100% - 60px); line-height:20px; font-size:14px; top:95px; left:40px;}
.index_product .list li .product a { float:left; height:100%; margin:10px 20px 0 0;}
.index_product .list li .product a:hover { color:#ff3c00;}
.index_product .list li .more { width:auto; height:20px; line-height:20px; font-size:14px; top:220px; left:40px;}
.index_product .list li .more a:before { width:0%; height:1px; content:""; background:#fff; position:absolute; bottom:0; left:0; transition:all 0.2s;}
.index_product .list li .more a:hover:before { width:100%;}

.index_product .list li .tousu { width:calc(100% - 80px); left:40px;}
.index_product .list li .tousu.phone { line-height:32px; font-size:36px; top:140px;}
.index_product .list li .tousu.phone span { float:left; margin:16px 0 0 0; line-height:16px; font-size:16px;}
.index_product .list li .tousu input { width:calc(100% - 4px); height:calc(100% - 5px); padding-bottom:1px; border:#fff 2px solid; border-radius:10px; text-indent:10px; color:#fff;}
.index_product .list li .tousu textarea { width:calc(100% - 24px); height:calc(100% - 22px); padding:9px 10px; border:#fff 2px solid; border-radius:10px; color:#fff;}
.index_product .list li .tousu.user { height:50px; top:230px;}
.index_product .list li .tousu.tel { height:50px; top:300px;}
.index_product .list li .tousu.detail { height:150px; bottom:120px;}
.index_product .list li .tousu.submit { width:180px; height:50px; background:#006b31; border-radius:25px; text-align:center; line-height:50px; font-size:16px; color:#fff; bottom:40px; left:50%; transform:translatex(-50%);}
.index_product .list li .tousu.submit:hover { background:#005bac;}
.index_product .list li .tousu.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.2); border:0; top:0; left:0; z-index:30; display:none;}

@media (max-width:1600px){
section { width:1200px;}
.index_news .swiper { width:650px;}
.index_news .swiper .img { width:720px; left:50%; transform:translatex(-50%);}
.index_news .classname { width:calc(100% - 650px - 30px);}
.index_news .classname li a { padding:0 20px;}
.index_news .list { width:calc(100% - 650px - 30px);}

.index_product .list li .product { top:85px;}
.index_product .list li .more { top:225px;}
.index_product .list li .tousu.phone { line-height:28px; font-size:32px; top:138px;}
.index_product .list li .tousu.phone span { margin-top:12px;}
.index_product .list li .tousu.user { top:205px;}
.index_product .list li .tousu.tel { top:270px;}
.index_product .list li .tousu.detail { height:90px;}

.footer_index { width:1200px;}
.footer_index .nav dl { width:120px;}
footer .ewm li { margin-left:20px;}
.footer_index #fixed_right { margin-right:-660px;}
}