﻿/*=== index ===*/
section { padding:60px 0px 70px 0px; }

.ind_notice { width: 100%; background: url(../images/notice_bg.jpg) no-repeat center top; }
.notice_active { width:1240px; height: 72px; overflow: hidden; position: relative; margin: 0px auto;}
.notice_active ul { width:980px; padding-left:260px}
.notice_active ul li{ width:950px; padding-right: 130px; position: relative; line-height: 72px; overflow: hidden; font-size: 18px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  }
.notice_active ul li a{ color: #333; font-size: 18px; }
.notice_active ul li a:hover { color: #dc0000; }
.notice_active ul li span{ font-size: 14px; color: #999; position: absolute; right: 0px; top: 0; width: 80px; display: block; }

.ind_title {position: relative; height:80px; line-height:80px;display:block; margin-bottom:40px; width:100%; text-align:center; font-style:italic; overflow:hidden}
.ind_title span.eng { font-size: 80px; color: #f5f5f5; text-transform: uppercase; display: block; text-align: center; font-weight: bold; }
.ind_title span.eng2 { font-size: 80px; color: #eaeaea; text-transform: uppercase; display: block; text-align: center; font-weight: bold; }
.ind_title span.title { width: 100%; height:80px; line-height:80px; position: absolute; z-index: 10px; font-size: 42px; font-weight: bold; color: #333; display: block; text-align: center; background: url(../images/title_bg.png) no-repeat center center; top:0px; }
.ind_title span em { color:#dc0000; font-size:38px; font-weight:bold; font-style:inherit;}

.ind_npic{ width: 670px; height: 470px; position: relative; overflow: hidden; }
.ind_npic .swiper-container{ width:100%;height:100%;}
.ind_npic .swiper-slide{display: block; position: relative; width: 100%; padding:0; overflow: hidden; }
.ind_npic .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind_npic .swiper-slide .title { width:670px; height:98px; background: url(../images/ind_n_bg.png) no-repeat left bottom; position: absolute; left: 0px; bottom: 0px; padding: 38px 0px 0px 120px; color: #fff; text-align: left; }
.ind_npic .swiper-slide span.date { font-size: 14px; height: 78px; display: block; width: 98px; position: absolute; top: 20px; left: 0px; line-height: 36px; text-align: center; }
.ind_npic .swiper-slide span.date b { display: block; font-size: 50px; font-weight: normal; }
.ind_npic .swiper-slide p.name{ width: 94%; height: 24px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; font-weight: bold; }
.ind_npic .swiper-slide p.txt{ width: 96%; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ind_npic .swiper-container .swiper-pagination,.ind_npic .swiper-container .swiper-pagination-bullet { bottom: 110px;border-radius: 5px; text-align:right;align-items:right;justify-content:right; padding-right:20px }
.ind_npic .swiper-pagination{line-height:100%; padding:0px;display: flex; align-items: center; justify-content: center ; text-align:right; z-index:10;}
.ind_npic .swiper-pagination-bullet{opacity: 1; width:40px; height:8px; background: #fff; display:block;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px 0 0;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.ind_npic .swiper-pagination-bullet-active{background: #d70000; width:60px}

.ind_nlist { width:520px }
.ind_nlist .tab_UL{ height: 28px; margin: 0px 0px 20px 0px; width: 100%; }
.ind_nlist .tab_UL li { float: left; background: url(../images/ind_n_x.png) no-repeat right center; padding-right: 40px; margin-right: 35px }
.ind_nlist .tab_UL li:last-child { background:none; padding:0px; margin:0}
.ind_nlist .tab_UL li a { color: #333; display: block; height:28px; line-height:28px; width:110px; font-size:24px; cursor: pointer;}
.ind_nlist .tab_UL li.curr a{ color: #dc0000 }

.ind_nlist_nr ul li { width: auto; padding: 0px 0px 0px 100px; position: relative; height: 95px; margin-bottom: 16px; border-bottom: #e1e1e1 1px solid; }
.ind_nlist_nr ul li span.date { position: absolute; width: 84px; height: 76px; border: #c6c6c6 1px dashed; display: block; left: 0px; text-align: center; display: block; color: #333; font-size: 14px }
.ind_nlist_nr ul li span.date em { display: block; font-size: 45px; line-height: 55px; height: 50px }
.ind_nlist_nr ul li p.title { width: 100%; height: 30px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 30px; margin-bottom: 5px; }
.ind_nlist_nr ul li p.txt { font-size: 14px; color: #999999; line-height: 20px; height: 40px; overflow: hidden; }
.ind_nlist_nr ul li:hover span.date { color: #bd1a2d; border: #bd1a2d 1px dashed }
.ind_nlist_nr ul li:hover p.title { color: #d70000 }
.ind_nlist_nr ul li:last-child { margin-bottom: 0; border-bottom: 0; height: 78px; }

.ind_news { width:640px;}
.ind_news .tab_UL{ height: 28px; margin: 0px 0px 20px 0px; width: 100%; }
.ind_news .tab_UL li { float: left; background: url(../images/ind_n_x.png) no-repeat right center; padding-right: 35px; margin-right: 25px; }
.ind_news .tab_UL li:last-child { background:none; padding:0px; margin:0}
.ind_news .tab_UL li a { color: #333; display: block; height:28px; line-height:28px; width:110px; font-size:24px; cursor: pointer;}
.ind_news .tab_UL li.curr a{ color: #dc0000 }

.ind_news_list ul li{ line-height: 40px; position: relative; background: url(../images/ind_icon.png) no-repeat 0px center; padding: 0px 50px 0px 24px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ind_news_list ul li a { font-size:18px}
.ind_news_list ul li span { position:absolute; font-size:16px; color:#999; right:0px; top:1px}

.ind_party_pic{ width:550px; height:420px; position: relative; overflow: hidden; }
.ind_party_pic .swiper-container{ width: 100%; height: 100%; }
.ind_party_pic .swiper-slide{ display: block; position: relative; width: 100%; padding: 0; overflow: hidden; height: 375px; }
.ind_party_pic .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind_party_pic .swiper-slide .title { width: 550px; height: 30px; background: url(../images/party_bg.png) repeat-x left bottom; position: absolute; left: 0px; bottom: 0px; padding: 45px; color: #fff; text-align: center; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ind_party_pic .swiper-container .swiper-pagination,.ind_party_pic .swiper-container .swiper-pagination-bullet {bottom: 10px; border-radius:5px; text-align:center; align-items:center; justify-content:center; }
.ind_party_pic .swiper-pagination{line-height:100%; padding:0px;display: flex; align-items: center; justify-content: center ; text-align:center; z-index:10; padding-left:20px;}
.ind_party_pic .swiper-pagination-bullet{opacity: 1; width:40px; height:8px; background: #d1d1d1; display:block;}
.ind_party_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px 0 0;}
.ind_party_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.ind_party_pic .swiper-pagination-bullet-active{background: #d70000; width:60px}

.ind_Industry { height: 710px; margin: 0px auto; position: relative; width: 1240px; }
.ind_Industry .tab_UL{ height:176px; width:128px;background:url(../images/pic_tab.png) no-repeat  right top; position:absolute; right:0px; top:0}
.ind_Industry .tab_UL li { width: 128px; margin-top: 24px; height: 26px; line-height: 20px; display: block; }
.ind_Industry .tab_UL li a { color: #333; display: block; height:26px; line-height:26px;100%; font-size:24px; font-weight:bold; cursor: pointer;}
.ind_Industry .tab_UL li.curr a{ color: #dc0000; background:url(../images/pic_tab_hover.png) no-repeat right center; }

.ind_Industry_list .intro { position:absolute; top:20px; width:450px; right:220px;}
.ind_Industry_list .intro p.name { background:url(../images/ind_icon2.png) no-repeat left center; height:40px; line-height:40px; font-size:30px; padding-left:20px; color:#333; margin-bottom:15px}
.ind_Industry_list .intro p.text { font-size:16px; color:#666; line-height:30px; height:90px; overflow:hidden;}

.ind_Industry_list ul { position:relative; width:1240px; margin:0px; padding:0}
.ind_Industry_list ul li { position:absolute; background:#333}
.ind_Industry_list ul li img {opacity:0.7; filter:Alpha(opacity=70);}
.ind_Industry_list ul li:hover img {opacity:1.0; filter:Alpha(opacity=100);}
.ind_Industry_list ul li.pos1 {left:0; top:0}
.ind_Industry_list ul li.pos2 {left:5px; top:220px;}
.ind_Industry_list ul li.pos3 {left:-510px; top:225px;}
.ind_Industry_list ul li.pos4 {left:415px; top:-15px;}
.ind_Industry_list ul li.pos5 {left:420px; top:-15px;}
.ind_Industry_list ul li.pos6 {left:930px; top:220px;}
.ind_Industry_list ul li.css_1 { width: 510px; height: 460px;overflow: hidden; text-align: center; font-size: 16px; position: relative }
.ind_Industry_list ul li.css_1 img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; width: 100%; height: 100%; margin: 0; }
.ind_Industry_list ul li.css_1:hover img{ -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); width: 100%; height: 100%; }
.ind_Industry_list ul li.css_2 { width:410px; height:240px;overflow: hidden; text-align: center; font-size: 16px; position: relative }
.ind_Industry_list ul li.css_2 img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; width: 100%; height: 100%; margin: 0; }
.ind_Industry_list ul li.css_2:hover img{ -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); width: 100%; height: 100%; }
.ind_Industry_list ul li p { width: 100%; padding:15px 0px; color: #fff; font-size: 18px; text-align: center; display: block; position: absolute;top:45%; left: 0px;}
.ind_Industry_list ul li.more { width:310px; height:240px; display:block; background:url(../images/pic_more.png) no-repeat; text-indent:-9999px; cursor:pointer }
.ind_Industry_list ul li.more:hover { background-position:0px -240px}
.ind_Industry_list ul li.more a { display:block; height:100%}

.ind_about { width:618px;}
.ind_about p { margin-bottom:10px;}
.ind_about hr { width:100px; height:2px; background-color:#ddd; border:none; display:block; margin:40px 0px 30px 0px; text-align:left}
.ind_about p.text { line-height:35px; font-size:18px; color:#666; height:170px; overflow:hidden}

.ind_ablist { margin-top:60px }
.ind_ablist li { float: left; display: block; width: auto; background: url(../images/about_x.png) no-repeat right center; padding: 0px 50px 0px 20px; text-align: center; position: relative; margin-right: 30px; }
.ind_ablist li p.numb { color: #dc0000; font-size: 28px; font-weight: bold; display: block; line-height: 30px; width: 100%; margin-bottom: 5px; }
.ind_ablist li p.name { font-size: 14px; color: #888; display: block; line-height: 20px; width: 100% }
.ind_ablist li p sup { color: #666; font-size: 14px; top: -15px; left: 5px }
.ind_ablist li:last-child { background: none; margin-right: 0px; padding-right: 0px; }

.ind_abpic { width:590px;}
.ind_abpic img { margin-left:20px; float:left}

