/*=== index ===*/
section { padding: 55px 0px 60px 0px; }

.bg1 { background:#f7f7f7}
.bg2 { background:url(../images/red_bg.jpg) no-repeat center top}

.ind_title { background: url(../images/ind_tbg.png) no-repeat center center; position: relative; height: 30px; line-height: 30px; color: #0083d6; font-size: 30px; font-weight: bold; display: block; margin-bottom: 30px; text-align:center }
.ind_title2 { background: url(../images/ind_tbg.jpg) repeat-x left bottom; position: relative; height: 40px; display: block; margin-bottom: 15px }
.ind_title2 span.name { font-size: 20px; font-weight: bold; color: #0083d6; display: block; height: 40px; line-height: 26px; padding: 0px 8px; text-align: center; border-bottom: #0083d6 4px solid; float: left; }
.ind_title2 span.more { position:absolute; right:0px; top:5px; font-size:14px}


.ind_npic{ width: 610px; height: 400px; 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: 610px; height: 110px; background: url(../images/ind_nbg.png) repeat; position: absolute; left: 0px; bottom: 0px; padding: 25px 0px 0px 135px; color: #fff; text-align: left; }
.ind_npic .swiper-slide span.date { font-size: 14px; height: 70px; display: block; width: 85px; background: url(../images/date_x.png) no-repeat center right; position: absolute; top: 25px; left: 24px; line-height: 40px }
.ind_npic .swiper-slide span.date b { display:block; font-size:50px;}
.ind_npic .swiper-slide p.name{ width: 94%; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; }
.ind_npic .swiper-slide p.txt{ width: 98%; height: 40px; line-height: 20px; overflow: hidden; font-size: 14px; }
.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: 640px }
.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: 25px; margin-right: 20px }
.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: #d7000a }

.ind_nlist_nr ul li { width: auto; padding: 0px 0px 0px 100px; position: relative; height: 108px; margin-bottom: 22px; border-bottom: #e1e1e1 1px solid; }
.ind_nlist_nr ul li span.date {position: absolute; width:86px; height:84px; 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:50px; line-height:60px; height:55px}
.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: #d70000; border:#d70000 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: 85px; }

.ind_news { width: 295px; }
.ind_news li{ line-height: 35px; position: relative; background: url(../images/ind_icon.png) no-repeat 0px center; padding: 0px 50px 0px 10px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ind_news li span { position:absolute; font-size:14px; color:#999; right:0px; top:1px}

/*图片不间断滚动*/
.ind_pic { width:1278px; height:220px; overflow:hidden; margin:0px auto}
.ind_pic table td a { width: 300px; height: 220px; float: left; overflow: hidden; text-align: center; font-size: 16px; background: #fff; position: relative; margin: 0px 13px; position:relative; }
.ind_pic table td a img {width:100%;height:100%;display:block;-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; }
.ind_pic table td a:hover img{-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.ind_pic table td a p { width: 100%; padding: 12px 0px; position: absolute; display: block; left: 0px; bottom: 0; background: url(../images/pic.png) repeat; color: #fff; }
.ind_pic table td a:hover p { background: #dc3f14 }


.layout { TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 1278px; OVERFLOW: hidden; border-top: 0; }
.homebtm { POSITION: relative; HEIGHT: 220px; PADDING: 0; }
.homebtm LI { POSITION: relative; TEXT-ALIGN: center; WIDTH:300px; DISPLAY: inline; FLOAT: left; }
.homebtm LI .pic { DISPLAY: block; HEIGHT: 88px; OVERFLOW: hidden; }
.mainCont { width: 1278px!important; height: 220px; overflow: hidden; }
.mainCont UL { WIDTH: 1278px; WORD-WRAP: normal; margin: 0px; padding: 0px; list-style: none }
.mainCont ul li { width: 300px; height: 220px; float: left; overflow: hidden; text-align: center; font-size: 16px; background: #fff; position: relative; margin: 0px 13px; }
.mainCont ul li img {width: 100%; height:100%;display: block; -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; }
.mainCont ul li:hover img{-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.mainCont ul li p { width: 100%; padding: 12px 0px; position: absolute; display: block; left: 0px; bottom: 0; background: url(../images/pic.png) repeat; color: #fff; }
.mainCont ul li:hover p { background: #dc3f14 }
.leftBtn,.rightBtn{ width: 30px; height: 30px; position: absolute; cursor: pointer; overflow: hidden; z-index: 2; top: 275px }
.leftBtn { background: url(../images/index_prev.png) no-repeat center center #0048aa; left: -2px; }
.leftBtn:hover {background: url(../images/index_prev.png) no-repeat center center #dc3f14; }
.rightBtn {background: url(../images/index_next.png) no-repeat center center #0048aa; left:36px; }
.rightBtn:hover {background: url(../images/index_next.png) no-repeat center center #dc3f14; }


.team_swiper{position: relative; display: block !important;}
.team_swiper .swiper-slide{ text-align: center; padding: 20px; height: 350px; margin: 0px; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms; z-index: 10; background: #fff; box-shadow:0px 3px 3px #ddd}
#swiper-button-prev{ transition: 0.6s; z-index: 9999; opacity: 1; width:30px; height:48px; background: url(../images/prev.png) no-repeat; left:0px; top:180px }
#swiper-button-next{transition: 0.6s; z-index:9999; opacity: 1; width:30px; height:48px; background:url(../images/next.png) no-repeat; right:0; top:180px}
#swiper-button-prev:hover ,#swiper-button-next:hover { background-position:-30px 0px}
.team_swiper .swiper-slide:hover a { color: #d7000a; }

.team{ display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; position: relative; width:1280px; margin:0px auto }
.team a{ display: block; width: 100%; height: 100%; position: relative; }
.team .pic{ display: block; width:145px; padding: 0; overflow: hidden; border-radius: 50%; height:145px;margin: 0px auto 10px auto; }
.team .pic img{width: 100%; height: 100%; object-fit: cover;}
.team p { margin:5px 0px; display: block }
.team p.txt { line-height: 24px; font-size: 14px; height: 45px; overflow: hidden; text-align: left; color: #666 }
.team p.more { padding-top:10px}
.team p.more span { width: 120px; height: 40px; text-align: center; line-height: 36px; display: block; margin: 0px auto; background: #fff; border-radius: 30px; color: #0083d6; font-size: 16px; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms; border: #0083d6 1px solid; }
.team a:hover p.more span  { background: #d7000a; border:#d7000a 1px solid; width: 150px; color: #fff; }

.ind_pic ul{ margin-left:-24px;}
.ind_pic ul li.css_1 {width:368px; height:436px; float: left; margin:10px 0px 0px 17px; overflow: hidden;text-align: center; font-size:16px; position:relative}
.ind_pic 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_pic 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_pic ul li.css_2 { width:280px; height:204px; float: left; margin:10px 0px 17px 24px;overflow: hidden;text-align: center; font-size:16px; position:relative}
.ind_pic 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_pic 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_pic ul li p { width: 100%; padding: 15px 0px; color: #fff; font-size: 16px; text-align: center; display: block; position: absolute; bottom: 0px; left: 0px; background: url(../images/pic.png) repeat; }
.ind_pic ul li:hover p { background: #bb0008 }
