@charset "utf-8";
/* CSS Document */
body{background-color: #fff;}



/*****/

.colAnli{width: 100%;min-width: 1200px;background-position: center top;background-color: #f7f7f7;border-top: 1px solid #EEE;}
.colAnli > .c-con{ padding-top: 2%; padding-bottom: 3%;}

.banner{ width: 100%;  position: relative; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.swiper1 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:1%; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiper1 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:10px; height:10px; border-radius:5px; box-sizing:border-box; background-color: rgba(255,255,255,0.5); }
.swiper1 .swiper-pagination-bullet-active{width:24px; background-color:rgba(255,255,255,1);}
.swiper1 .swiper-slide{ position:relative; overflow: hidden;}
.swiper1 .swiper-slide > a{ display: block; width: 100%;}
.swiper1 .swiper-slide > a > img{ width:100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box; display: none; } 
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:1.0rem; }
.swiper1 .swiper-slide > a > h3 > p:hover{background-color: rgba(73,7,94,1); color: rgba(255,255,255,1) !important; }
.swiper1 .swiper-slide > a > h3 > p:hover > i{ background-color: rgba(255,255,255,0.2);}


.newsList{ width: 100%; height: auto; }
.newsList > ul > li{ width: 100%; height: auto; padding:16px; background-color:#fff; box-sizing: border-box; box-shadow: 0 0 10px rgba(230,230,230,0); margin-bottom: 10px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; cursor: pointer;}
.newsList > ul > li:hover{ background-color: #FFF;  box-shadow: 0 0 10px rgba(230,230,230,0.8);}
.newsList > ul > li > .nlItem-img{ width: 260px; height: 176px; display: block; float: left; overflow: hidden; }
.newsList > ul > li > .nlItem-img img{ width: 260px; height: 176px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.newsList > ul > li:hover > .nlItem-img img{ transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); }
.newsList > ul > li > .nlItem-right{ width: 858px; height: 176px; float: right; }
.newsList > ul > li > .nlItem-right > h3{ width: 100%; height: 52px; line-height: 52px; font-weight: normal; font-size: 18px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsList > ul > li > .nlItem-right > div{ width: 100%; height: 72px; line-height: 24px; font-size: 14px; text-align: left; font-size: 14px; color: #999; margin-bottom: 8px;}
.newsList > ul > li > .nlItem-right > h4{ width: 100%; height: 44px; text-align: left;  }
.newsList > ul > li > .nlItem-right > h4 > p{ display: inline-block; height: 44px; line-height: 44px; margin-right: 20px; font-size: 14px; color: #999; font-weight: normal; float: left;}
.newsList > ul > li > .nlItem-right > h4 > p:nth-of-type(2){ padding-left:25px; background-image: url(../images/icon-show.png); background-repeat: no-repeat; background-position: left center; }
.pages{ margin-top: 30px;}
.pages > ul{ width: 100%;height: auto; text-align: center; }
.pages > ul > li{ width:auto; display: inline-block; margin:5px 2px;}
.pages > ul > li > a,.pages > ul > li > h3,.pages > ul > li > p{ display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; padding:0 5px; box-sizing: border-box; font-size: 14px; /*border:1px solid #FFF;*/ border-radius: 2px; }
.pages > ul > li > a:hover,.pages > ul > li > a.on{  color: #000 !important; font-weight: 550; }
.pages > ul > li > h3{font-weight: normal;}
.pages > ul > li > h3 span{ font-weight: 550; }
.pages > ul > li > p{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.pages > ul > li > p > input{ width: 40px; height: 20px; line-height: 20px; font-size: 14px;  text-align: center; border:0; border-radius: 2px; border-bottom: 1px solid #999; background-color: transparent;}
.pages > ul > li > p.formSubmit > input{ width: 20px; background-color: #999999; border:0;font-family:"iconfont" !important;  font-size:12px; color: #FFF;}
.newsMain{ width: 752px; height: auto; background-color: #FFF; padding:16px; float: left; }
.nmTitle{ width: 100%; padding-bottom: 10px; box-sizing: border-box; height: auto; border-bottom: 1px solid #e1e1e1; }
.nmTitle > h3{ width: 100%; height: auto; font-size: 24px; font-weight: 550; text-align: left; margin-bottom: 10px; }
.nmTitle > p{ width: 100%; height: auto; line-height: 24px; text-align: left; font-size: 14px; color: #999; }
.nmContent{ width: 100%; height: auto; line-height: 32px; font-size: 16px; text-align: left; color: #666; margin-top: 20px;}
.newsAside{ width: 386px; background-color: #f2f7f3; height: auto; float: right; box-sizing: border-box; padding:16px; }
.newsAsideHeader{ width: 100%; height: 36px; line-height: 36px; overflow: hidden; margin-bottom: 10px;}
.newsAsideHeader > p{ width: auto; display: inline-block; float: left; font-size: 18px; color: #333; height: 36px; line-height: 36px;  }
.newsAsideList{ width: 100%; height: auto; }
.newsAsideList > ul > li{ width: 100%; height: 126px; overflow: hidden; box-sizing: border-box; padding-top: 15px; padding-bottom: 16px; border-bottom: 1px solid #e1e1e1; }
.newsAsideList > ul > li:nth-last-of-type(1){ border-bottom: 0; }
.naItem-img{ width: 140px; height: 96px; display: block; float: left; overflow: hidden; }
.naItem-img img{ width: 140px; height: 96px; }
.naItem-right{ width: 190px; height: 96px; float: right; overflow: hidden; box-sizing: border-box; padding-top: 5px; }
.naItem-right > h3{ width: 100%; height: 48px; line-height: 24px; overflow: hidden; font-weight: normal; font-size: 16px; margin-bottom: 5px; }
.naItem-right > p{ width: 100%; height: 36px; line-height: 36px; font-weight: normal; font-size: 14px; text-align: left; color: #999; }
.helpBanner{ width: 100%; height: auto; position: relative; min-width: 1200px; }
.helpBanner > img{ width: 100%; }
.helpBanner > p{ width: 1180px; height: 100%; position: absolute; left:50%; top:0; margin-left: -590px; }
.helpBanner > p > span{ width:100%; display: block; font-size: 42px; height: 60px; line-height: 60px; text-align: left; position: absolute; left:0; top:50%; margin-top: -30px; }
.helpList{ width: 100%; height: auto; }
.helpList > ul > li{ width: 570px; float: left; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; }
.helpList > ul > li:nth-of-type(2n){ float: right; }
.helpList > ul > li > h3,.helpList > ul > li > p{ width: 570px; height: 30px; overflow: hidden; line-height: 30px; font-size: 16px; color: #333; text-align: left; font-weight: normal; }
.helpList > ul > li > h3{ white-space: nowrap; text-overflow: ellipsis;  box-sizing: border-box; padding-left:40px; position: relative; }
.helpList > ul > li > p{ height: auto; line-height: 24px; color: #999; font-size: 14px; box-sizing: border-box; padding-left:40px; position: relative; margin-top: 5px;}
.helpList > ul > li > p > span,.helpList > ul > li > h3 > span{ width: 30px; height: 30px; display: block; line-height: 30px; text-align: left; position: absolute; left:0; top:0; font-size: 16px; }
.helpList > ul > li > p > span{ top:-3px; }

.workerHeader{ width: 100%;height: auto; line-height: 90px; text-align: left; font-size: 26px; }

.formList{ width: 100%; height: auto; border-top: 1px solid #e1e1e1; padding-top: 10px;}
.formList > ul > li{ width: 100%; box-sizing: border-box; padding-top: 20px; padding-bottom: 15px; border-bottom: 1px solid #e1e1e1 }
.formList > ul > li > h3{ width: 100%; font-weight: normal; font-size: 18px; height: auto; line-height: 38px; color: #333; text-align: left; }
.formList > ul > li > h3 > span{ color: #e37f83; }
.formList > ul > li > .flItem-input{ width: 100%;  height: 30px; overflow: hidden; }
.formList > ul > li > .flItem-input > input{ width: 100%; height: 30px; line-height: 30px; border:0; background-color: transparent; font-size: 16px; text-align: left; }
.formList > ul > li.QTcode,.formList > ul > li.btn{ width: 50%; box-sizing: border-box;padding-right: 216px; position: relative; }
.flItem-Qtcode{ width: 196px; height: 48px; position: absolute; right:0; bottom: 10px; }
.flItem-Qtcode img{ width: 196px; height: 48px; }
.flItem-attr,.flItem-serv{ width: 100%; height: auto; box-sizing: border-box; padding-left: 70px; }
.attrItem,.servItem{ width:40%; height: 36px; line-height: 36px; font-size: 16px; text-align: left; float: left;}
.attrItem > p,.servItem > p{ width: 18px; height: 18px; line-height: 16px; text-align: center; color: #FFF; box-sizing: border-box; float: left; border:1px solid #999; margin-top: 9px; margin-right: 10px; cursor: pointer; }
.attrItem > span,.servItem > span{ display: none; }
.attrItem > p.active,.servItem > p.active{ color: #e37f83; border:1px solid #e37f83; }
.formList > ul > li.btn{ border-bottom: 0; margin-top: 30px; }
.formList > ul > li.btn input{ width: 196px; height: 48px; background-color: #d9484d; padding:0; color: #FFF; font-size: 18px; border:0; }

.f1{ width: 100%; height: auto; }
.f1 > ul > li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 2%;box-sizing: border-box; border:1px solid rgba(232,232,232,0.6); box-shadow: 0 0 10px rgba(200,200,200,0.6); transition: all 0.5s linear; -webkit-transition: all 0.5s linear; cursor: pointer;}
.f1 > ul > li:nth-of-type(3n){ margin-right: 0; }
.f1 > ul > li > .f1Img{  width: 100%; height: 0; padding-top: 68.1%; position: relative; }
.f1 > ul > li > .f1Img > a{ display: block; width: 100%; height: 100%; overflow: hidden; position: absolute; left:0; top:0; }
.f1 > ul > li > .f1Img > a > img{ width: 100%; height: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.f1 > ul > li > .f1Img > p{ width: 100px; height: 36px; line-height: 36px; text-align: center; font-size: 14px;background-color: rgba(0,0,0,0.3);position: absolute; right:20px; top:20px; border-radius: 4px;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.f1 > ul > li > .f1Img > p > a{ color:#FFF !important; }
.f1 > ul > li > .f1Img > p:hover{ background-color: rgba(0,0,0,0.8); }
.f1 > ul > li > .f1About{ width: 100%; box-sizing: border-box; padding:4% 6%; }
.f1 > ul > li > .f1About > h3{ width: 100%; font-size: 18px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; font-weight: normal; }
.f1 > ul > li > .f1About > div{ width: 100%; height: 30px; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.f1 > ul > li > .f1About > div > h4{ width: 100%; height: 30px; line-height: 30px; font-size: 14px;color: #999; font-weight: normal; width:100%; overflow: hidden;}
.f1 > ul > li > .f1About > div > h4 > a{ color: #999; }
.f1 > ul > li > .f1About > div > h5{ height: 30px; line-height: 30px; font-weight: normal; font-size: 14px; color: #999; flex-shrink: 0; margin-left:20px; padding-left:25px; background-image: url(../images/icon-show.png); background-repeat: no-repeat; background-position: left center;}
.f1 > ul > li:hover{ background-color: #EBEBEB; border:1px solid rgba(232,232,232,1); box-shadow: 0 0 10px rgba(200,200,200,1);}
.f1 > ul > li:hover > .f1Img > a > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); }
.f1 > ul > li:hover > .f1About > h3{animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.f1 > ul > li:hover > .f1About > div > h4{animation: fadeInLeft 0.5s ease-in-out; -webkit-animation: fadeInLeft 0.5s ease-in-out;}
.f1 > ul > li:hover > .f1About > div > h5{animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out;}

.colLocation{ width: 100%; min-width: 320px; height: auto;background-color: #224895; }
.colLocation > .c-con{ padding-top: 1%; padding-bottom: 1%; }
.colLocation h3,.colLocation p{ width:100%; font-weight: normal; color: #FFF !important; text-align: left; font-size: 32px;  }
.colLocation p{ font-size: 14px; margin-bottom: 0.5%;}
.colLocation p a{ color: #FFF !important; }

.colFlashTitle{ width: 1360px; height: 100%; position: absolute; left:50%; top:0; margin-left:-680px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; color: #FFF; font-size: 36px; line-height: 1.6;  }

.colFlash{ width:100%; overflow: hidden; position: relative; }
.colFlash img{ width: 100%; }
.locationTab{ width:100%; display: flex; flex-direction: row;flex-wrap: nowrap; justify-content: space-between; align-items: stretch;}
.location{ height: 60px; line-height: 60px; font-size: 14px; flex-shrink: 0; text-align: left; color: #666; margin-right: 3%; }
.location > a{ color: #666; }
.location > a:hover{ color: #163a83; }

.tab{ width:100%; height: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: stretch;}
.tab p{ font-size: 14px; height: 60px; line-height: 60px; cursor: pointer; height: 100%; padding:0 10px; box-sizing: border-box; border-bottom: 2px solid #FFF; margin-left:10px;}
.tab p.active{ border-bottom: 2px solid #f19200; }


.newsDeatil{ width: 100%; box-sizing: border-box; padding:2% 3%; background-color: #FFF; }
.newsDet-header{ width: 100%; height: auto; border-bottom: 1px solid #EEE; padding-bottom: 1.2%;}
.newsDet-header > h3,.newsDet-header > p{ width: 100%; line-height: 1.75; text-align: center; font-size: 24px; }
.newsDet-header > p{ line-height: 2.15; font-size: 14px; margin-top: 0.5%; color: #999; }
.newsDet-about,.newsDet-aside{ width: 100%; height: auto; line-height: 30px; font-size: 14px; text-align: left; padding-top: 2%; }
.newsDet-aside{ padding-top: 0; padding-bottom: 2%; text-align: right; }
.newsDet-back{ width: 100%; padding-top: 3.5%; padding-bottom: 2.5%; text-align: center; font-size: 24px;  }
.newsDet-back > a{ color: #666;  }
.newsDet-about img{display: initial;margin: 0 auto;}

.indexAbout{ width: 100%; display: block; overflow: hidden; box-sizing: border-box; padding-right: 5%; }
.indexAbout > h3{width:100%;font-weight: 550;font-size: 30px;color: #224895;padding-bottom: 1%;margin-bottom: 2%;position:relative;text-align: center;}
.indexAbout > h3::after{content:"";width:40px;height:2px;background-color:#f19200;position:absolute;bottom: 0px;left: 48.5%;}
.indexAbout > div{width: 100%;font-size: 14px;line-height: 30px;height: auto;overflow: hidden;}
.indexAbout > div img{margin:0 auto;}