@charset "utf-8";
/* CSS Document */
body{ }
.container{ height:100%;  box-sizing: border-box; overflow: hidden;}
.header{ width:100%; box-sizing: border-box; padding:15px 20px; position: relative;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; z-index: 1200; background-color:#1b3271; display: none;animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.header > .logo{ display: block; width: 160px; }
.header > .logo > img{ width: 100%; }
.btnMenu,.search{ width:24px; z-index: 1000;}
.btnMenu{ width: 80px;  background-color: rgba(255,255,255,0.01);}
.btnMenu > img,.search > img{ width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.search{  margin-left: 56px; }
.search > img:nth-of-type(1){ display: block; }
.search > img:nth-of-type(2){ display: none; }
.sechActive > img:nth-of-type(2){ display: block; }
.sechActive > img:nth-of-type(1){ display: none; }




.main{ width: 100%;  height: auto;  overflow: hidden;}
.banner{ width: 100%; overflow: hidden; position: relative; }
.banner > img{ width: 100%; }
.banner > div{ width: 100%; height: 100%; position: absolute; left:0; top:0; box-sizing: border-box; padding:5%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; }
.banner > div > h3,.banner > div > p{ width: 100%; color: rgba(255,255,255,0.8); text-transform: uppercase; line-height: 1.6; }
.banner > div > h3{ font-family: 'Impact'; font-weight: bold; font-size: 50px; }
.banner > div > p{ font-size: 32px; }
.colDJHot{ width: 100%; box-sizing: border-box; padding:4% 4% 0 4%; }
.djHotTab{ width: 100%; box-sizing: border-box; text-align: left; }
.djHotTab > p{ display: inline-block; font-size: 30px; line-height:2.2;color: #333; cursor: pointer; background-color: #f5f5f5; width:25%; float: left; text-align: center; }
.djHotTab > p.active{ background-color: rgba(201,4,0,1); color:#FFF; }
.djHotMain{ width: 100%; box-sizing: border-box; position: relative; margin-top: 4%;}

.djHotMain > .djHotItem{ width: 100%; display: none; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; position: relative; z-index: 360; box-sizing: border-box; }
.djhi-left{ width: 100%; display: block ;animation: fadeInLeft 0.5s ease-in-out; -webkit-animation: fadeInLeft 0.5s ease-in-out;}
.djhi-header{ width: 100%; font-weight: 550; color: #ededed; font-size: 90px; text-transform: uppercase; text-align: left; flex-shrink: 0; margin-bottom: 8%; }
.djhi-about{ width: 100%; flex: 1; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start; }
.djhi-about > h4,.djhi-about > h3,.djhi-about > div,.djhi-about > p{ width: 100%; font-weight: normal; font-size: 32px; line-height: 1.8; text-align: left;}
.djhi-about > h4{ color: #c90400; order:1; font-size: 26px;}
.djhi-about > h3{ order:2; }
.djhi-about > div{ font-size: 24px; line-height: 2;margin-top: 3%; margin-bottom: 3%; color: #999; order:3;}
.djhi-about > p{ font-size: 24px; text-align: left; order:4;}
.djhi-about > p > a{ display: inline-block; padding:0 5%; line-height: 2.5; background-color: rgba(201,4,9,1); color: #FFF !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.djhi-about > p > a:hover{ background-color: rgba(201,4,9,0.8) }
.djhi-img{ width: 48%; overflow: hidden; display: block; flex-shrink: 0;animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out;}
.djhi-img > img{ width: 100%; }
.colDJList{ width: 100%; box-sizing: border-box; margin-top: 4%; }
.colDJList > ul > li{ width: 100%; box-sizing: border-box; padding: 4%; display: block; background-color: #f9f9f9;}
.colDJList > ul > li + li{ margin-top: 4%; }

.djItem-about{ width: 100%; box-sizing: border-box; padding:4%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start;}
.djItem-about > h3,.djItem-about > p,.djItem-about > h4{ width: 100%; font-weight: normal; line-height: 1.6; text-align: left; font-size: 32px;}
.djItem-about > p{ height: auto; height: auto; overflow: hidden; line-height: 1.67; font-size: 24px; color: #999; margin-top: 3%; margin-bottom: 3%;}
.djItem-about > h4{ height: auto; line-height: 1.67; color: #999; font-size: 24px; margin-top: 5px; display: none; }
.djItem-about > h4 > i{ font-size: 26px; }




.pages{ width: 100%; text-align: center; padding-bottom: 6%; }
.pages > ul > li{ display: inline-block; margin:0 5px; padding:0 10px; height: 30px; line-height: 30px; line-height: 30px;color: #333; margin-top: 10px; font-size: 16px; }
.pages > ul > li a:hover,.pages li.active{ background-color: #00a0e9; color: #FFF !important; }
.djPages li:hover,.djPages li.active{background-color: rgba(201,4,0,1);}

.footer{ width: 100%; box-sizing: border-box; padding:10px; background-color: #f2f1f9; display: none;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.footer section,.footer aside{ width: 100%; font-size: 14px; line-height: 24px; text-align: center; color: #333;}
.footer section{ color: #999; }
.float{ position: fixed; width: 200px; left:0; top:0; z-index: 1600; height: 100%; background-color: #1b3271;  display: none; box-sizing: border-box; padding:20px; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; animation: fadeInLeft 0.5s ease-in-out; -webkit-animation: fadeInLeft 0.5s ease-in-out;}
.float .close{ display: inline-block; background-color: rgba(255,255,255,0.01); color: rgba(255,255,255,0.8) !important; width: 100%; text-align: left; z-index: 1000; height: 50px; background-image: url(../images/btn-close.png); background-repeat: no-repeat; background-position: left center; background-size: 32px auto;}
.float .close > i{ font-size: 24px; display: inline-block; display: none;}
.menu,.menu > ul{ width: 100%;  }
.menu > ul{ margin-top: 8%; }
.menu > ul > li{ width: 100%; }
.menu > ul > li > a{display: flex; padding-top: 6%; padding-bottom: 6%; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; color: rgba(255,255,255,0.4);transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.menu > ul > li > a:hover{ color: #FFF !important; }
.menu > ul > li > div{ width: 100%; display: none; }
.menu > ul > li > div > a{display: flex; width: 100%; height: auto; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center;  color: rgba(255,255,255,0.4); }
.menu > ul > li > div > a > p{ margin-right: 6%;width:0; overflow: hidden; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; display: none;animation: fadeInLeft 0.5s ease-in-out; -webkit-animation: fadeInLeft 0.5s ease-in-out;}
.menu > ul > li  > div > a > h3{ font-weight: normal; font-size: 12px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; line-height: 2;animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out; }
/*.menu > ul > li:hover > a,*/.menu > ul > li.active > a{ color: rgba(255,255,255,1) !important; background-color: rgba(25,79,165,1); }
.menu > ul > li > div > a:hover,.menu > ul > li > div > a.active{ color: rgba(255,255,255,1) !important;  }
.menu > ul > li > div > a:hover > p,.menu > ul > li > div > a.active > p{ width:auto; display: block;}
.menu > ul > li.active > a > h3{ animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out;}
.menu > ul > li.active > div{ display: block; }

.online{ width: 100%; }
.online > .QRcode{ width: 100%; color: #FFF }
.online > .QRcode > p{ width: 30%;margin:0 auto; overflow: hidden; }
.online > .QRcode > p > img{ width: 100%; }
.online > .QRcode > h3{ font-weight: 550; line-height: 3; text-transform: uppercase; font-size: 12px;text-align: center; text-decoration: underline; }
.online > .olCopyright{ width: 100%; line-height: 1.6; font-size: 12px; color: rgba(255,255,255,0.4); text-align: center; margin-top: 3%;}

.box{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; left:0; top:0; z-index: 1120; display: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.box .header{ position: fixed; background-color: transparent;justify-content: flex-end; }
.box .menu{ position: absolute; margin-top: -1.4%; top:50%; right: 6%; }
.searchForm{ width: 60%; padding:10px 0 10px 10px; box-sizing: border-box; border-bottom:1px solid #FFF; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: stretch; animation: fadeIn 0.5s ease-in-out; -webkit-animation: fadeIn 0.5s ease-in-out; }
.searchForm > form > p:nth-of-type(1){ width: 100%; height: 30px; animation: fadeInLeft 0.5s ease-in-out; -webkit-animation: fadeInLeft 0.5s ease-in-out;}
.searchForm > form > p:nth-of-type(1) > input{ width: 100%; height: 30px; border:0; color: #FFF; background-color: transparent; font-size: 14px; }
.searchForm > form > p:nth-of-type(2){ width:80px; height: 30px; flex-shrink: 0; animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out;}
.searchForm > form > p:nth-of-type(2) > input{ width: 100%; height: 30px; border:0; background-color: transparent; color: #FFF; font-size: 14px; }
.colDown{  width: 90%; background-color:#FFF; box-sizing: border-box; margin:0 auto; padding:2% 4%;}
.downList{ width:100%; margin-bottom: 5%; }
.downList > ul > li{ width: 100%; display: block; padding-top:2%; padding-bottom: 2%; border-bottom: 1px solid #f3f3f3;}
.downList > ul > li > a,.downList > ul > li > span{ display: block; font-size: 32px; line-height: 1.67; text-align: left; }
.downList > ul > li > span{ font-size: 24px; color: #999; }
/*******/
.busiHotTab > p{ width: 22%; }
.busiHotTab > p:nth-of-type(4){ width: 34%; }
.newsHotTab > p.active,.busiHotTab > p.active{ background-color: rgba(25,79,165,1); }
.busiHotTab > p > a{ color: #333 !important; }
.busiHotTab > p.active > a{ color: #FFF !important; }
.djhi-about > h4.newsHotDate{ color: rgba(25,79,165,1);}
.djhi-about > p > a.newsHotMore{ background-color: rgba(25,79,165,1); }
.djhi-about > p > a.newsHotMore:hover{ background-color: rgba(25,79,165,0.8); }
.busiMain,.busiMain > .busiItem{ width:100%; box-sizing: border-box; padding-bottom: 3%;}
.busiMain > .busiItem > .bi-header{ width: 100%; box-sizing: border-box; padding-top:4%; padding-bottom:4%; }
.busiMain > .busiItem > .bi-header > h3,.busiMain > .busiItem > .bi-header > p{ width: 100%; font-weight: 550; font-size: 42px; text-align: left; text-transform: uppercase; color: #ededed; box-sizing: border-box; padding-left:3%;}
.busiMain > .busiItem > .bi-header > h3{animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; font-size: 60px; }
.busiMain > .busiItem > .bi-header > p{ color: #666; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.busiMain > .busiItem > .bi-about,.servMain,.jobAside{ width: 100%; box-sizing: border-box; padding:0 3%; /*background-color: #f9f9f9;*/ }
.busiMain > .busiItem > .bi-about > section{ width:100%; height: auto;  }
.biAboutF1{ width: 100%; display: block; }
.biAboutF1 > .baF1-img{ width: 100%; overflow: hidden; animation: fadeInLeft 0.5s ease-in-out; -webkit-animation: fadeInLeft 0.5s ease-in-out;}
.biAboutF1 > .baF1-img > img{ width: 100%; }
.biAboutF1 > .baF1-right{ width: 100%; box-sizing: border-box; font-size: 16px; height: auto; line-height: 32px; overflow: hidden;  text-align: left; animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out; padding:4%; background-color: #f9f9f9; }
.baF2-img{ width: 100%; overflow: hidden; animation: fadeInLeft 0.5s ease-in-out; -webkit-animation: fadeInLeft 0.5s ease-in-out;}
.baF2-img > img{ width: 100%; }
.baF2-right{ width: 100%; padding:3%;  background-color: #f9f9f9; box-sizing: border-box; line-height: 1.67; font-size: 24px; text-align: left;animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out;}

.biAboutF3{ width: 100%; display: block; }
.biAboutF3 > .baF3-img{ width: 100%; position: relative;animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out;}
.servSearch{ width:100%;  overflow: hidden;}
.servSearch > img{ width: 100%; }
.biAboutF3 > .baF3-img > div{ width: 27.5%; position: absolute; left:3%; bottom: -8.5%; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.biAboutF3 > .baF3-img > div > img{ width: 100%; }
.biAboutF3 > .baF3-right{ width: 100%; box-sizing: border-box; padding:4%; font-size: 24px; height: auto; line-height: 1.67; overflow: hidden;  text-align: left; animation: fadeInLeft 0.5s ease-in-out; -webkit-animation: fadeInLeft 0.5s ease-in-out; background-color: #f9f9f9; margin-top: 8%;}

.biAboutF4{ width: 100%; display: block; }
.biAboutF4 > .baF4-img{ width: 100%;position: relative; animation: fadeInLeft 0.5s ease-in-out; -webkit-animation: fadeInLeft 0.5s ease-in-out;}
.biAboutF3 > .baF3-img > p{ width:100%;  overflow: hidden;}
.biAboutF3 > .baF3-img > p > img,.biAboutF4 > .baF4-img > p > img{ width: 100%; }
.biAboutF4 > .baF4-img > div{ width: 27.5%; position: absolute; right:3%; bottom: -8.5%; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; }
.biAboutF4 > .baF4-img > div > img{ width: 100%;}
.biAboutF4 > .baF4-right{ width: 100%; box-sizing: border-box; padding:4%; font-size: 24px; height: auto; line-height: 32px; overflow: hidden;  text-align: left; animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out; background-color: #f9f9f9; margin-top: 8%; }
/********/
.servSearch{ width:100%;  overflow: hidden; position: relative;}
.servSearch > img{ width: 100%; }
.servSearch > .servSearchMain,.servQA-header{ width: 100%; height: 100%; position: absolute; left:0; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-self: center; box-sizing: border-box; padding:7% 3%; }
.servSearch > .servSearchMain > h3,.servQA-header > h3{ font-weight: 550;  display: inline-block; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-self: center; /**/ }
.servSearch > .servSearchMain > h3 > p,.servQA-header > h3 > p{ font-size: 30px; line-height: 2; position: relative; border-bottom: 1px solid #CCC; position: relative;}
.servSearch > .servSearchMain > h3 > p::after,.servQA-header > h3 > p::after{ content: ' '; width: 30%; height: 2px; background-color: #194fa5; position: absolute; left:50%; bottom:-2px; margin-left:-15%; }
.servSearch > .servSearchMain > p{ font-size: 24px; line-height: 2; text-transform: uppercase; color: #666; }
.servQA-header > p{ width: 100%; text-align: center; line-height: 2; text-transform: uppercase; color: #999; font-size: 24px; margin-top: 0.6%; }
.servQA{ width: 100%; margin-bottom: 5%; }
.servQA > .servQA-header{ position: initial; }
.qaMain{ width: 100%; box-sizing: border-box; padding:30px 10px 30px 30px; background-color: #ccdaea; display: block;  }
.qaList{ width: 100%; box-sizing: border-box; padding:3%; background-color: #FFF; height: auto; }
.qaList > ul > li{ width: 100%; margin-bottom: 2%; }
.qaList > ul > li > .qaItem-title{ width: 100%; line-height: 1.5; font-size: 28px; text-align: left; margin-bottom: 20px;}
.qaList > ul > li > .qaItem-title > i{ color: #1593d3; font-size: 28px; }
.qaList > ul > li > .qaItem-answer{ width: 100%; box-sizing: border-box; border:1px solid #dcdcdc; background-color: #f7f7f7; padding:3%; line-height: 1.67; font-size: 24px; text-align: left; position: relative;}
.qaList > ul > li > .qaItem-answer::before{ content: ' '; width:0; height: 0; position: absolute; left:10px; top:-14px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid #dcdcdc;}
.qaList > ul > li > .qaItem-answer::after{ content: ' '; width:0; height: 0; position: absolute; left:10px; top:-13px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid #f7f7f7;}
.qaLoadMore{ width: 100%; display: block; box-sizing: border-box; background-color: #f7f7f7; border:1px solid #dcdcdc; font-size: 26px; text-align: center; line-height: 3; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.qaLoadMore:hover{ background-color: #1b3271; border:1px solid #1b3271;  color: #FFF !important;}
.qaIcon{ width: 200px; overflow: hidden; margin-left:-10px; align-self: flex-end; flex-shrink: 0; }
.qaIcon > img{ width:100%; }
.servOnline{ width:100%; }
.servOnline::after{ content: ' '; display: block; clear: both; }
.servOnline > ul > li{ width: 50%; float: left; overflow: hidden;  background-color: #84ca2e;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.servOnline > ul > li:nth-of-type(2){background-color: #a78f7e}
.servOnline > ul > li > .soItem-img{ width: 100%; height: 0; padding-top: 70%; position: relative; overflow: hidden; }
.servOnline > ul > li > .soItem-img > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.servOnline > ul > li > .soItem-about{ width: 100%; box-sizing: border-box; padding:5%; color: #FFF; text-align: left; position: relative;}
.servOnline > ul > li > .soItem-about > h3{ width: 100%; line-height: 1.67; height: auto; font-size: 28px; font-weight: normal; overflow: hidden; }
.servOnline > ul > li > .soItem-about > section{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start; }
.servOnline > ul > li > .soItem-about  > section > div{ width: 100%;  }

.servOnline > ul > li > .soItem-about  > section > div > p,.servOnline > ul > li > .soItem-about  > section > div > h4{ width: 100%; line-height: 1.67; height: auto; font-size: 28px; font-weight: normal; overflow: hidden; }
.servOnline > ul > li > .soItem-about  > section > div > h4{ font-size: 28px;  }
.servOnline > ul > li > .soItem-about  > section > div > p{ font-size: 24px; }

.servOnline > ul > li > .soItem-about > section > p{ width:140px; flex-shrink: 0; margin-left:5%;}
.servOnline > ul > li > .soItem-about > section > p > a{ width: 100%; height: 48px; line-height: 48px; display: block; font-size: 24px; background-color: #FFF; border-radius: 2px; color: #333 !important; text-align: center;}
.servOnline > ul > li:hover > .soItem-img > img{ transform: scale(1.05); -webkit-transform: scale(1.05); }
.servOnline > ul > li:hover{  background-color:#1b3271;}
/*******/
.banner > div.bannerJob{ height: auto; display: block; padding:12% 4%;}
.banner > div.bannerJob > a{ width: 200px; flex-shrink: 0;}
.banner > div.bannerJob > div{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; color: #FFF; margin-top: 2%;}
.banner > div.bannerJob > div > p{font-size: 32px; flex-shrink: 0; margin-right: 5%; color: #FFF;}
.banner > div.bannerJob > div > h3{ font-family: 'Impact'; font-weight: bold; font-size: 50px; color: rgba(255,255,255,0.6); text-transform: uppercase;}


.jobAside{  display: block; padding:0;}
.jobOnline{ width: 100%; display: block; box-sizing: border-box; padding:8% 4%; }
.jobOnline > p{ width: 36%; overflow: hidden; margin:0 auto; }
.jobOnline > p > img{ width: 100%; }
.jobOnline > h3{ width: 100%; font-weight: normal; font-size: 26px; line-height: 1.67; text-align: center; color: #333; margin-top: 5%; }
.jobTool{ width:100%; box-sizing: border-box; padding:4%; background-color: #eef6f9;}
.jobTool > ul > li{ width: 47.5%; float: left; margin-left:0; height: 0; padding-top: 32%; position: relative;}
.jobTool > ul > li:nth-of-type(2n){ float: right; }
.jobTool > ul > li > a{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; box-sizing: border-box; width: 100%; height: 100%; box-sizing: border-box;  border-radius: 4px; background-color: #97c355;  color: #FFF !important;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; position: absolute; left:0; top:0;}
.jobTool > ul > li:nth-of-type(2) > a{ background-color: #1a82d2; }
.jobTool > ul > li > a > p{ width: 100px; margin:0 auto; box-sizing: border-box; padding:0 10px;}
.jobTool > ul > li > a > p img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.jobTool > ul > li > a > h3{ font-weight: normal; font-size: 32px; margin-top: 3%;}
.jobTool > ul > li > a:hover{ border-radius: 12px; transform: translateY(-10px); -webkit-transform: translateY(-10px);}
.jobTool > ul > li > a:hover > p img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.jobTool > ul > li > a:hover > h3{ font-weight: 550; }
/*******/
.joinAbout,.joinActive{ width: 100%; box-sizing: border-box; }
.JAMain{ width: 100%; height: auto; box-sizing: border-box; display: block; }
.JAMain > .JAAbout{ width: 100%; display: block; box-sizing: border-box; padding:5%; background-image: url(../images/emp-47.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }
.JAMain > .JAAbout > h3{ width: 100%; text-align: left; color: #5581fd; font-weight: 550; font-size: 42px; }
.JAMain > .JAAbout > div{ width: 100%; font-size: 26px; line-height: 2; margin-top: 3%; }
.JAMain > .JAItem{ width: 100%; flex-shrink: 0;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; cursor: pointer; box-sizing: border-box; padding:3% 3% 0 3%;}
.JAMain > .JAItem > .JAItemImg{ width: 100%; height: 0; padding-top: 66.7%; border-radius: 20px 0 0 0; position: relative; overflow: hidden; }
.JAMain > .JAItem > .JAItemImg img{ width: 100%; height: 100%; position: absolute; left:0;top:0;  transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.JAMain > .JAItem > .JAItemAbout{ width: 100%;box-sizing: border-box; padding:6% 4%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; background-image: url(../images/icon-logo2.png); background-repeat: no-repeat; background-position: right bottom; background-size: 40% auto; background-color: #f9f9f9;}
.JAMain > .JAItem > .JAItemAbout > h3{ font-weight: 550; font-size: 30px; height: auto; line-height: 1.6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align: left; }
.JAMain > .JAItem > .JAItemAbout > h3 > a{ color: #194fa5 !important;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.JAMain > .JAItem > .JAItemAbout > div{ width: 100%; height: auto; line-height: 2; text-align: left; font-size: 24px; overflow: hidden; margin-top: 3%; }
.JAMain > .JAItem:hover{ background-color: #194fa5; }
.JAMain > .JAItem:hover > .JAItemImg img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); }
.JAMain > .JAItem:hover > .JAItemAbout,.JAMain > .JAItem:hover > .JAItemAbout > h3 > a{ color: #FFF !important; }
.JAActive-header{ width: 100%; padding-top: 2%; padding-bottom: 2%; text-align: center; font-size: 36px; color: #194fa5; margin-top: 10%; margin-bottom: 2%; }
.joinActive{ background-color: #f2f2f2; background-image: url(none); padding: 3%; }
.joinFlash{ width:100%; position: relative; overflow: hidden; }
.swiper2{ width: 100% !important; padding-bottom: 40px;}
.swiper2 .swiper-pagination {/*left:50%;*/ display:inline-block;  padding-top:2%; padding-bottom:10px; bottom:0; text-align:center; padding-right:10px; box-sizing:border-box; width:100%; /*margin-left:-600px;*/ }
.swiper2 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:10px; height:10px; border-radius:5px; box-sizing:border-box; border:0px solid rgba(255,255,255,0.6); background-color: rgba(255,255,255,1); position: relative;}
.swiper2 .swiper-pagination-bullet-active{width:20px; background-color:rgba(85,129,253,1); border:0px solid rgba(255,255,255,1);}
.swiper2 .swiper-slide{ position:relative; overflow: hidden; width: 100%; color: #FFF !important;  display: block;}
.swiper2 .swiper-slide > p{ width:100%; overflow: hidden; height: 0; padding-top: 30%; flex-shrink: 0; position: relative; }
.swiper2 .swiper-slide > p img{width: 100%; height: 100%; position: absolute; left:0; top:0; }
.swiper2 .swiper-slide > div{ width:100%;  background-color: #194fa5; box-sizing: border-box; padding:4%; display: block;}
.swiper2 .swiper-slide > div > h3,.swiper2 .swiper-slide > div > p{ width: 100%; font-weight: normal; font-size: 42px; text-align: left; line-height: 1.6;}
.swiper2 .swiper-slide > div > h3 > a{ color: #FFF !important; }
.swiper2 .swiper-slide > div > p{ font-size: 24px; line-height: 36px; height: 72px; overflow: hidden;}
.swiper2 .swiper-button-next,.swiper2 .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; } 
.swiper2 .swiper-button-next:hover,.swiper2 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiper2 .swiper-button-next i,.swiper2 .swiper-button-prev i{ font-size:1.0rem; }
/*******/
.spiritList{ width: 100%; height: auto; }
.spiritList > ul > li{ float: left; width: 23.5%; margin-right: 2%; position: relative; }
.spiritList > ul > li:nth-of-type(4n){ margin-right: 0; }
.spiritList > ul > li > div{ width: 100%; height: 100%; box-sizing: border-box; padding:12%; position: absolute; left:0; top:0;background-image: url(../images/cultureItem.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;animation: spin 8s infinite linear; -webkit-animation: spin 8s infinite linear; display: none; }
.spiritList > ul > li > div > img{ width: 100%; opacity: 0;  }
.spiritList > ul > li > p{ width: 100%; box-sizing: border-box; padding:12%;  position: relative;}
/*.spiritList > ul > li > p::before{ content: ' '; width:0; height: 0; position: absolute; left:50%; margin-left:-10px; bottom:0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid #93edfc; display: none;}
.spiritList > ul > li > p::after{ content: ' '; width:0; height: 0; position: absolute; left:50%; margin-left:-10px; bottom:-1px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid #eaeffc; display: none;}*/
.spiritList > ul > li.active > div{ display: block; }
.spiritList > ul > li.active > p::before,.spiritList > ul > li.active > p::after{ display: block; }
.spiritList > ul > li > p > img{ width: 100%; }
.spiritList > ul > li > h3{ display: none;}
.spiritAbout{ width: 100%; box-sizing: border-box; padding:3%; border:1px solid #93edfc; background-color: #eaeffc; line-height: 2; font-size: 24px; text-align: center; border-radius: 8px; }
.spiritList > ul > li > h3 > span,.spiritAbout > span{ font-weight: 550; }

.cultureList{ width: 100%; }
.cultureList > ul > li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 1%; margin-top: 1%; }
.cultureList > ul > li:nth-of-type(3n){ margin-right: 0; }
.cultureList > ul > li > a{ display: block; width: 100%; background-color: #FFF; box-sizing: border-box; border:1px solid #EEE; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.cultureList > ul > li > a > p{ width: 100%; height: 0; padding-top: 53%; position: relative; overflow: hidden; }
.cultureList > ul > li > a > p img{ width: 100%; height: 100%; position: absolute; left:0; top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.cultureList > ul > li > a > div{ width: 100%; height:auto; padding:3%; display: block; box-sizing: border-box; }
.cultureList > ul > li > a > div > h3{ width: 100%; font-weight: normal; font-size: 26px; line-height: 1.67; text-align: left; overflow: hidden; height: auto; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.cultureList > ul > li > a > div > p{ font-size: 24px; width: auto; height: auto; line-height: 1.67; color: #999; text-align: left; overflow: hidden; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.cultureList > ul > li > a:hover{  background-color: #194fa5; color: #FFF !important;}
.cultureList > ul > li > a:hover > p img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); }
.cultureList > ul > li > a:hover > div > p{ color: rgba(255,255,255,0.8); }
/******/
.aboutHistory{ width: 100%; padding-top: 8%; padding-bottom: 8%; padding-left:4%; padding-right: 4%; box-sizing: border-box; }
.aboutHistory > header{ width: 100%; padding-bottom: 12%; position: relative;}
.aboutHistory > header > p{ width: 32px; overflow: hidden; position: absolute; left:120px; top:0; transform: translateX(-14px); -webkit-transform: translateX(-14px); }
.aboutHistory > header > p img{ width: 100%; }
.aboutHistory > header::after{content: ''; width: 1px; height:100%; border-right:1px dashed #333; position: absolute; left: 120px; top:20px; }
.aboutHistory > ul > li{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; position: relative; cursor: pointer; padding-bottom: 8%;}
.aboutHistory > ul > li::after{ content: ''; width: 1px; height:100%; border-right:1px dashed #333; position: absolute; left: 120px; top:0; }
/*.aboutHistory > ul > li + li{ padding-top: 8%; }*/
.aboutHistory > ul > li:hover{ background-color: rgba(255,255,255,0.6); }
.aboutHistory > ul > li > .histDate{ width: 120px; flex-shrink: 0;  border-bottom: 1px dashed transparent;box-sizing: border-box; font-size: 36px; text-align: right; font-weight: 550; font-family:'Impact'; color: #b1b1b2; margin-right: 30px; padding-right: 30px;  position: relative; }
.aboutHistory > ul > li > .histDate > p{ content:''; width:24px; height: 24px;  border-radius: 50%; position: absolute; right:-12px; top:50%; margin-top: -12px; z-index: 1210;  background-color: #aab8d7; transform: translateX(2px); transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.aboutHistory > ul > li > .histDate > p::before{ content:''; width:12px; height: 12px;  border-radius: 50%; position: absolute; left:50%; top:50%; margin-top: -6px; margin-left:-8px; z-index: 1230; background-color: #194fa5; transform: translateX(2px);}
.aboutHistory > ul > li:hover > .histDate > p{ width:36px; height: 36px; background-color: #cad5e8; transform: translateX(2px);right:-18px; margin-top: -18px;}
.aboutHistory > ul > li > .histRight{ width: 100%; box-sizing: border-box;  padding-bottom: 1.5%; /*border-bottom: 1px dashed #999;*/ font-size: 24px; line-height: 1.78; text-align: left; }
.aboutHistory > footer{ width: 100%; padding-bottom: 12%; position: relative;}
.aboutHistory > footer > p{ width: 60px; overflow: hidden; position: absolute; left:106px; top:0; transform: translateX(-14px); -webkit-transform: translateX(-14px); }
.aboutHistory > footer > p img{ width: 100%; }
/*****/
.aboutMain,.contactMain{ background-size: 100% auto; background-repeat: no-repeat; background-position:center top; }
.aboutMain > .banner > img,.contactMain > .banner > img{ opacity: 0; }
.aboutCol{ width: 100%; height: auto; margin-top: 10%;  }
.aboutF1,.aboutF4{ width:100%; position: relative;background-color: #FFF;  }
.aboutF1 > img{ width: 100%; }
.aboutF1 > section{ width: 100%; height: 100%; position: absolute; left:0; top:0;  display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; box-sizing: border-box; padding-top: 3.5%; }
.aboutF1 > section > h3{ font-weight: normal; font-size: 32px; line-height: 3; text-align: center; }
.aboutF1 > section > p{ width: 40px; height: 4px; background-color: #e8410d; }
.aboutF1 > section > div{ width: 100%; font-size: 26px; line-height: 2; text-align: center; margin-top: 3%; }
.aboutF2{ width: 100%; background-color: #FFF;}
.aboutF2 > ul > li{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.aboutF2 > ul > li:nth-of-type(2n){ flex-direction: row-reverse; }
.aboutF2 > ul > li > p{ width:50%; overflow: hidden; }
.aboutF2 > ul > li > p img{ width: 100%; }
.aboutF2 > ul > li > div{ width: 100%; box-sizing:  border-box; padding:4%; font-size: 24px; line-height: 2; align-self: center; background-color: #f8f8f8; }
.aboutF3,.aboutF3r-top{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }
.aboutF3{ padding-top: 5%; position: relative; background-color: #FFF;}
.aboutF3 > .aboutF3-left{ width: 42%; overflow: hidden; flex-shrink: 0;}
.aboutF3 > .aboutF3-left img{ width: 100%; }
.aboutF3 > .aboutF3-right{ width: 100%;display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.aboutF3r-top > p{ width: 50%; overflow: hidden;  }
.aboutF3r-top > p img{ width: 100%; }
.aboutF3r-btm{ width: 60%; overflow: hidden; position: absolute; right:0; bottom:0; box-sizing: border-box; padding-top:0;  box-sizing: border-box; padding-right: 10%;}
.aboutF3r-btm img{ width: 100%; }
.aboutF4{ box-sizing: border-box; padding:4%; text-align: center; font-size: 24px; line-height: 2; text-align: left; background-color: #FFF;}
.aboutF5{ width:100%; background-color: #4f3f92; box-sizing: border-box; padding-left: 6.4%; }
.aboutF5 > .aboutF5Main{ width: 100%; height: auto; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }
.aboutF5-img{ width: 55.6%; flex-shrink: 0; transform: translateY(10%); -webkit-transform: translateY(10%);}
.aboutF5-img img{ width: 100%; }
.aboutF5-about{ width: 100%; color: #FFF; box-sizing: border-box; padding-right: 3%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; }
.aboutF5-about > h3{ width: 100%;  }
.aboutF5-about > h3 > img{ width: 36%;  }
.aboutF5-about > div{ width: 100%;  font-size: 24px; line-height: 2; height: auto; margin-top: 4%; }
.aboutF6{ width: 100%;box-sizing: border-box; padding-top:10%; padding-bottom: 10%; background-image: url(../images/emp-41.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; background-color: #FFF; }
.aboutF6-honor{ width:80%; margin:0 auto; }
.aboutF6-honor > ul > li{ width:32%; float: left; overflow: hidden; margin-right: 2%; }
.aboutF6-honor > ul > li img{ width: 100%; }
.aboutF6-honor > ul > li:nth-of-type(3n){ margin-right: 0; }
/*****/
.contactMain{ background-image: url(none);}
.contactCol{ margin-top: 0; padding-left:5%;box-sizing: border-box; padding-bottom: 5%; }
.colContact{ width: 100%; background-color: #FFF;  }
.contactHeader{ width: 100%;  text-align: center; box-sizing: border-box; color: #333;}
.contactHeader > p{ display: inline-block; line-height: 3; font-size: 32px;  border-bottom:1px solid #d1d1d1; position: relative;}
.contactHeader > p::after{ content: ' '; width: 30%; height: 1px; background-color: #194fa5; position: absolute; left:50%; bottom:0; margin-left: -15%; }
.contactList{ width: 100%; }
.contactList > .contactLeft,.contactList > .contactRight{ width: 50%; float: left; height: auto; padding-top: 3%; padding-bottom: 6%; padding-left:5%; padding-right: 3%; box-sizing: border-box;}
.contactList > .contactLeft{animation: fadeInLeft 0.5s ease-in-out; -webkit-animation: fadeInLeft 0.5s ease-in-out;}
.contactList > .contactRight{ padding-left:0; padding-right:0; animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out;}
.contactList > .contactLeft > h3,.contactList > .contactRight > h3{ width: 100%; font-weight: normal; font-size: 26px; text-align: left; line-height: 1.3; margin-bottom: 3%;}
.contactList > .contactLeft > p,.contactList > .contactRight > h4{ font-weight: normal; width: 100%; font-size: 30px; line-height: 2.5; text-align: left; color: #999;}
.contactList > .contactLeft > p > i,.contactList > .contactRight > h4 > i{ font-size: 36px;  }
.contactList > .contactRight > p{ width:36%; box-sizing: border-box; padding:2%; border:1px solid #EEE; overflow: hidden; margin-top: 10px;}
.contactList > .contactRight > p img{ width: 100%; }
.map{ width: 100%; overflow: hidden; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.map img{ width: 100%; }
.colNotic{ display: none; margin-top: 0; }



.container{ display: block; padding-left:0; }	
	
	.header{display: flex;}
	.footer{ display: block; }
	.banner > div > h3{  font-size: 36px; }
	.djHotMain > .djHotItem{ flex-direction: column;}
	.djhi-img,.djhi-left{ width: 100%; padding:0;}
	.djhi-about{ display: block; box-sizing: border-box; padding:3% 0; }
	/*.djhi-about > h3,.djhi-about > div{ height: auto; max-height: none; }*/
	/*.djhi-about > h3{ font-size:16px; }*/
	.djHotMain > .djHotItem{ padding-right: 0; }
	
	.djItem-about{ display: block; padding:0 0; }
	.djItem-about > h4{ display: block; }
	.resultForm{  padding:0 2% 0 2%; }
	.colDown{ width: 100%; }
	.downList > ul > li{ display: block;}
	.downList > ul > li > a,.downList > ul > li > span{ display: block; width:100%; text-align: left; margin-left:0;}
	.biAboutF1 > .baF1-right,.baF2-right,.biAboutF3 > .baF3-right,.biAboutF4 > .baF4-right{ font-size: 24px; line-height: 1.67; }
	.servQA{ }
	.qaMain{ display: block; padding:20px; position: relative; }
	.qaList{ width: 100%; }
	.qaIcon{ width: 100px; overflow: hidden; margin-left:0; position: absolute; right:0; top:-120px; }

	.servOnline > ul > li{ width: 100%; }

	
	
	/*.joinAbout,.joinActive{ background-image: url(none); padding:2%; }*/
	.joinActive{ background-color: #f2f2f2; background-image: url(none); padding-top: 3%;padding-bottom: 3%; }
	

	/*.swiper2 .swiper-slide{ display: block;}*/
	/*.swiper2 .swiper-slide > p,.swiper2 .swiper-slide > div{ width:100%;}
	.swiper2 .swiper-slide > div > h3{ width: 100%; height: 30px;line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; }
	.swiper2 .swiper-slide > div > p{ width:100%; line-height: 24px; font-size: 14px; height: 48px; max-height: 48px;overflow: hidden; min-height: 48px; }*/
	.cultureList > ul > li{ width: 100%; margin-right: 0; }
	/*.cultureList > ul > li > a > div > h3,.cultureList > ul > li > a > div > p,.qaLoadMore{ font-size: 12px; }*/
	/*.cultureList > ul > li > a > div{ display: block; padding:10px;}*/
	/*.cultureList > ul > li > a > div > h3,.cultureList > ul > li > a > div > p{ width: 100%; height: auto; line-height: 24px; text-align: left; }*/
	.spiritList > ul > li{width:100%; float: none; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; position: relative; }
	.spiritList > ul > li > div{ width: 30%; height: 0; padding-top: 30%; padding-right: 0; padding-left: 0;padding-bottom: 0; position: absolute; left:0; top:0;}
	.spiritList > ul > li > div > img{ width:100%; height: 100%; position: absolute; left:0; top:0; }
	.spiritList > ul > li > p{ width: 30%; box-sizing: border-box; padding:4%; overflow: hidden;}
	.spiritList > ul > li:hover > p,.spiritList > ul > li.active > p{ background-position: center center; background-size: 100% 100%; }
	.spiritList > ul > li > p > img{ width: 100%; }
	.spiritList > ul > li > h3{ width:70%;box-sizing: border-box; font-weight: normal; font-size: 26px; padding-left: 3%; padding-right: 2%; line-height: 2; display: block; align-self: center; text-align: left;}

	.aboutHistory > header{ padding-bottom: 60;}
	.aboutHistory{ background-image: url(none); }
	.histMain{ background-color: #FFF; }/*
	.aboutHistory > ul > li + li{ padding-top: 2.5%; }
	.aboutHistory > ul > li > .histDate{ padding-bottom: 2.2%;}*/
	.aboutMain,.contactMain{ background-image: url(none); }
	.aboutMain > .banner > img,.contactMain > .banner > img{ opacity: 1; }
	.aboutCol{ padding-top: 0; margin-top: 0; width:100%; }
	.aboutF1 > img{ display: none; }
	.aboutF1 > section{position: initial; box-sizing: border-box; padding:12% 2%; background-image: url(../images/emp-30.png); background-position: center bottom; background-repeat: no-repeat; justify-content: center; background-size: 100% auto;}
	.aboutF2 > ul > li{ display: block; }
	.aboutF2 > ul > li > p,.aboutF2 > ul > li > div{ width: 100%;}
	.aboutF3{display: block; margin-top: 0;}
	.aboutF3 > .aboutF3-left,.aboutF3 > .aboutF3-right{ width: 100%;}
	.aboutF3r-btm{ position: initial; width: 100%; box-sizing: border-box; padding:3%; margin-top: -6.5%; z-index: 300; }
	.aboutF5{ padding-left:0; }
	.aboutF5 > .aboutF5Main{ display: block; }
	.aboutF5-img,.aboutF5-about{ width: 100%;}
	.aboutF5-img{ transform: translateY(0); -webkit-transform: translateY(0);}
	.aboutF5-about{ box-sizing: border-box; padding:3%; }
	.aboutF6{ padding-top:3%;}
	.aboutF6-honor{ width: 96%;}
	.aboutF6-honor > ul > li{ width: 48.5%;margin-right: 0; margin-top: 3%; }
	.aboutF6-honor > ul > li:nth-of-type(2n){ float: right; }
	.aboutF6-honor > ul > li:nth-of-type(1),.aboutF6-honor > ul > li:nth-of-type(2){ margin-top: 0 }
	.contactCol{ padding-right:0; padding-left:0;}
	.contactList > .contactLeft,.contactList > .contactRight{ width:100%; padding:5% 3%; }
	.contactList > .contactRight > p{ margin:0 auto; }
	.contactList > .contactRight > h4{ width: 100%; text-align: center; margin-bottom: 10px; }
	.menu > ul > li > a{ font-size: 14px; }
	.contactBg{ background-image: url(none); background-color: #fff; }



.warterSup-title{width: 100%; margin:0 auto; background-color: #5387db; box-sizing: border-box; padding:10px; line-height: 1.6; font-size: 14px; text-align: left; color: #FFF;}
.warterSup-list{ width: 100%; margin:0 auto; box-sizing: border-box; padding-bottom: 10%; }
.warterSup-list > ul > li{ width: 100%; box-sizing: border-box; background-color: #FFF; }
.warterSup-list > ul > li > a{ display: block; width: 100%; box-sizing: border-box; margin-top: 2.5%;}
.warterSup-list > ul > li > a:hover{ color: #333 !important; }
.warterSup-list > ul > li > a > h3{ width: 100%; height: auto; line-height: 3; font-size: 14px; box-sizing: border-box; padding:0 2.5%; color: #FFF; text-align: left;background-color: #194fa5; }
.warterSup-list > ul > li > a > .wsItem-about{ width: 100%; display: block; margin-top: 2.5%; }
.warterSup-list > ul > li > a > .wsItem-about > div{ width: 100%; box-sizing: border-box; padding-top: 10px; font-size: 14px; line-height: 2; text-align: left; overflow: hidden; position: relative;}
.warterSup-list > ul > li > a > .wsItem-about > p{ width: 100%; overflow: hidden; }
.warterSup-list > ul > li > a > .wsItem-about > p >img{ width: 100%; }


.yewuList{ width: 100%; height: auto; margin:0 auto; padding-top: 3%; padding-bottom: 6%; box-sizing: border-box; }
.yewuList > ul > li{ width: 48%; float: left; position: relative; margin-top:3%;}
.yewuList > ul > li:nth-of-type(2n){ float: right;}
.yewuList > ul > li > a{ display: block; width: 100%; height: 0; padding-top: 166.6667%; position: relative; }
.yewuList > ul > li > a > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 180; }
/*.yewuList > ul > li > a::after{ content: ' '; width: 100%; height: 100%; }*/
.yewuList > ul > li > .yewuItemAbout{ display: block; width: 100%; height: 100%; background-color: rgba(83,135,219,0.8); position: absolute; left:0; top:0; z-index: 200; box-sizing: border-box; padding:7%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.yewuList > ul > li > .yewuItemAbout > div{ width: 100%; height: 100%; box-sizing: border-box; border:1px solid #FFF; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.yewuList > ul > li > .yewuItemAbout > div > p{ width: 40%; margin:0 auto; }
.yewuList > ul > li > .yewuItemAbout > div > h5{ width: 35px; margin:10% auto; }
.yewuList > ul > li > .yewuItemAbout > div > p img,.yewuList > ul > li > .yewuItemAbout > div > h5 > img{ width: 100%; }
.yewuList > ul > li > .yewuItemAbout > div > h3{ font-weight: 550; font-size: 16px; line-height: 2; }
.yewuList > ul > li > .yewuItemAbout > div > h3 > a{ color: #FFF !important; }
.yewuList > ul > li > .yewuItemAbout > div > h4{ line-height: 2; font-weight: normal; font-size: 14px; color: #FFF; }
.yewuList > ul > li:hover > .yewuItemAbout{ display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,0.2);}


.newsarticle{ width: 100%; box-sizing: border-box; padding:5% 9% 5% 8%; }
.newsarticle > h1,.newsarticle > p{width: 100%;line-height: 2;font-weight: normal;font-size: 23px;text-align: left;}
.newsarticle > p{font-size: 15px;text-transform: uppercase;}
.colarticle{flex: 1;line-height: 30px !important;font-size: 12px;box-sizing: border-box;text-align: left;}
.colarticle p,.colarticle span{line-height: 40px !important;font-family: "微软雅黑","宋体" !important;text-indent:2em !important;font-size: 16px !important;}
.colarticle span{text-indent:0em !important;}
.colarticle img{max-width:100%;margin: 1% auto;}
.colarticle table{border:1px solid #000 !important;margin: 0 auto !important;width:90% !important;}
.colarticle table,.article_list table tr th,.article_list table tr td { border:1px solid #000 !important; }



.warterSup-title{width: 100%; margin:0 auto; background-color: #5387db; box-sizing: border-box; padding:10px; line-height: 1.6; font-size: 14px; text-align: left; color: #FFF;}
.warterSup-list{ width: 100%; margin:0 auto; box-sizing: border-box; padding-bottom: 10%; }
.warterSup-list > ul > li{ width: 100%; box-sizing: border-box; padding-top: 3%; background-color: #FFF; }
/*.warterSup-list > ul > li > a{ display: block; width: 100%; box-sizing: border-box; margin-top: 2.5%;}
.warterSup-list > ul > li > a:hover{ color: #333 !important; }*/
.warterSup-list > ul > li > h3{ width: 100%; height: 48px; line-height: 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; box-sizing: border-box; padding:0 2.5%; color: #FFF; text-align: left;background-color: #194fa5; }
.warterSup-list > ul > li > .wsItem-about{ width: 100%; display: block; margin-top: 2.5%; }
.warterSup-list > ul > li > .wsItem-about > div{ width: 100%; box-sizing: border-box; padding-top: 10px; font-size: 14px; line-height: 2; text-align: left; overflow: hidden; position: relative;}
.warterSup-list > ul > li > .wsItem-about > p{ width: 100%; overflow: hidden; }
.warterSup-list > ul > li > .wsItem-about > p >img{ width: 100%; }

/********/
.wslMode{ width:100%; }
.wslMode-item{ width: 100%; background-color: #f4f5f7; box-sizing: border-box; padding:3%; position: relative; height: auto; margin-bottom: 3%; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;}
.wslModeItem-about{ width: 100%; overflow: hidden; height: 316px; box-sizing: border-box; padding-right: 3%; font-size: 14px; line-height:26px;  }
.wslModeItem-img{ width: 272px; height: 316px; overflow: hidden; flex-shrink: 0; }
.wslModeItem-img img{ width: 272px; }


.wslMode-img{ width: 100%; overflow: hidden; }
.wslMode-img > p{ width: 49%; float: left; overflow: hidden; }
.wslMode-img > p > img{ width: 100%; }
.wslMode-img > p:nth-of-type(2n){ float: right; }

.wslHeader{ width: 100%; position: relative; z-index: 200;}
.wslHeader::after{ content: ' '; width: 100%; height: 10px; background-color: #f9f9f9; position: absolute; right:0; top:50%; margin-top: -5px; z-index: 220; }
.wslHeader h3,.wslHeader p{ display: block; font-weight: 550; color: #1b3271; line-height: 1.4; width:220px; background-color: #FFF; position: relative; z-index: 320; font-size: 20px; position: relative; z-index: 240;}
.wslHeader p{ text-transform: uppercase; font-size: 14px; font-weight: normal;}

.wslContent{width: 100%; box-sizing: border-box; padding:2% 0; line-height: 28px; text-align: left; font-size: 14px; color: #666;}
.advList{ width: 100%; }
.advList > .advItem{ width: 100%; background-color: #194fa5; position: relative; padding-left:48px; float: left; margin-bottom: 2%; box-sizing: border-box;}
.advList > .advItem > .advItemTitle{ width: 48px; height: 100%; position: absolute; left:0; top:0; }
.advList > .advItem > .advItemTitle > p{ width: 48px; height: 48px; line-height: 48px; font-size: 24px; text-align: center;text-transform: uppercase; color: #FFF; position: absolute; left:0; top:50%; margin-top: -30px; }
.advList > .advItem > .advItemRight{ width: 100%; box-sizing: border-box; padding:5%; line-height: 26px; text-align: left; font-size: 14px; background-color: #f4f5f7; }

.wslHonor{width: 100%; box-sizing: border-box; height: auto; padding: 3%; background-color: #f4f5f7; position: relative; z-index: 180;}
.wslHonor::after{ content: ' '; width: 100%; height: 50%; background-color: #194da1; position: absolute;left:0; bottom:0; z-index: 200; }
.wslHonor > .wslHonorItem{ display: block; width: 44%; float: left; margin-right: 2%;  position: relative; z-index: 220; padding-bottom: 10px;}
.wslHonor > .wslHonorItem:nth-of-type(3n){ margin-right: 0; }
.wslHonor > .wslHonorItem:nth-of-type(1),.wslHonor > .wslHonorItem:nth-of-type(2){ width: 26%; }
.wslHonor > .wslHonorItem > p{ width: 100%; height: 0; padding-top: 75%; position: relative;  }
.wslHonor > .wslHonorItem > p > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; box-shadow: 0 0 6px rgba(0,0,0,0.13); box-sizing: border-box; border:1px solid rgba(0,0,0,0.13);  }
.wslHonor > .wslHonorItem:nth-of-type(1) > p,.wslHonor > .wslHonorItem:nth-of-type(2) > p{padding-top: 127%;}
.wslHonor > .wslHonorItem > h4{ width: 100%; height: 40px; margin-top: 10px; font-weight: normal; font-size: 14px; box-sizing: border-box; padding:0 16px; line-height: 20px; overflow: hidden; text-align: center; color: #FFF !important;}



.wslAbout{ width: 100%; box-sizing: border-box; padding:3%; line-height: 26px; text-align: left; font-size: 14px; color: #666;}
.wslTitle{ width: 100%;height: 40px; line-height: 40px; font-size: 18px; font-weight: 550; color: #194fa5; 
	text-align: center; margin-top: 10px; margin-bottom: 3%;}
.hotCheck{ width: 100%; height: auto; padding-bottom: 20px;}
.hotCheck > .hotCheckItem{ display: block; width: 44%; float: left; margin-right: 2%; padding-bottom: 10px; background-color: #f4f5f7;}
.hotCheck > .hotCheckItem:nth-of-type(3n){ margin-right: 0; }
.hotCheck > .hotCheckItem:nth-of-type(1){width: 24%; }
.hotCheck > .hotCheckItem:nth-of-type(2){ width: 28%; }
.hotCheck > .hotCheckItem > p{ width: 100%; height: 0; padding-top: 75%; position: relative; }
.hotCheck > .hotCheckItem > p > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.hotCheck > .hotCheckItem:nth-of-type(1) > p{padding-top: 137.8%;}
.hotCheck > .hotCheckItem:nth-of-type(2) > p{padding-top: 118%;}
.hotCheck > .hotCheckItem > h4{ width: 100%; height: 40px; font-weight: normal; font-size: 14px; box-sizing: border-box; padding:0 16px; line-height: 20px; overflow: hidden; text-align: center; margin-top: 10px;}


.dayCheck{ width: 100%; height: auto; padding-bottom: 20px;}
.dayCheck > .dayCheckItem{ display: block; width: 30%; float: left; margin-right: 2%; padding-bottom: 10px; background-color: #f4f5f7;}
.dayCheck > .dayCheckItem:nth-of-type(4n){ margin-right: 0; }
.dayCheck > .dayCheckItem:nth-of-type(1),.dayCheck > .dayCheckItem:nth-of-type(4){ width: 17%; }
.dayCheck > .dayCheckItem > p{ width: 100%; height: 0; padding-top: 75%; position: relative; }
.dayCheck > .dayCheckItem > p > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.dayCheck > .dayCheckItem:nth-of-type(1) > p,.dayCheck > .dayCheckItem:nth-of-type(4) > p{padding-top: 132%;}
.dayCheck > .dayCheckItem > h4{ width: 100%; height: 40px; font-weight: normal; font-size: 14px; box-sizing: border-box; padding:0 16px; line-height: 20px; overflow: hidden; text-align: center; margin-top: 10px;}

.regular{ width: 100%; height: auto; padding-bottom: 20px;}
.regular > .regularItem{ display: block; width: 31%; float: left; margin-right: 3.5%; padding-bottom: 10px; background-color: #f4f5f7;}
.regular > .regularItem:nth-of-type(3n){ margin-right: 0; }
/*.regular > .regularItem > a{ display: block; overflow: hidden; }*/
.regular > .regularItem > p{ width: 100%; height: 0; padding-top: 75%; position: relative; }
.regular > .regularItem > p > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.regular > .regularItem > h4{ width: 100%; height: 40px; font-weight: normal; font-size: 14px; box-sizing: border-box; padding:0 16px; line-height: 20px; overflow: hidden; text-align: center; margin-top: 10px;}

.daily{ width: 100%; height: auto; padding-bottom: 20px;}
.daily > .dailyItem{ display: block; width: 18.4%; float: left; margin-right: 2%; background-color: #f4f5f7; padding-bottom: 10px;}
.daily > .dailyItem:nth-of-type(5n){ margin-right: 0; }
/*.daily > .dailyItem > a{ display: block; overflow: hidden; }*/
.daily > .dailyItem > p{ width: 100%; height: 0; padding-top: 134.41%; position: relative; }
.daily > .dailyItem > p > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.daily > .dailyItem > h4{ width: 100%; height: 40px; margin-top: 10px; font-weight: normal; font-size: 14px; box-sizing: border-box; padding:0 16px; line-height: 20px; overflow: hidden; text-align: center;}


.wslDang,.wslTuan{ width: 100%; box-sizing: border-box; padding-bottom:20px;}
.wslDang > .wslDangItem,.wslTuan > .wslTuanItem{ width: 32%; float: left; overflow: hidden; margin-right: 2%;}
.wslDang > .wslDangItem:nth-of-type(3n),.wslTuan > .wslTuanItem:nth-of-type(3n){ margin-right: 0; }
.wslDang > .wslDangItem > a,.wslTuan > .wslTuanItem > a{ display: block; width: 100%; height: 0; padding-top:55.25%; position: relative; overflow: hidden;  }
.wslTuan > .wslTuanItem > a{ padding-top: 66.3%; }
.wslDang > .wslDangItem > a > img,.wslTuan > .wslTuanItem > a > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }

.wslSafe{ width: 100%; box-sizing: border-box; padding-left:10%; padding-right: 10%;}
.wslSafe > .wslSafeItem{ width: 48%; float: left; overflow: hidden; margin:0 1%;}
/*.wslSafe > .wslSafeItem:nth-of-type(3n),.wslTuan > .wslTuanItem:nth-of-type(3n){ margin-right: 0; }*/
.wslSafe > .wslSafeItem > a{ display: block; width: 100%; height: 0; padding-top:57.778%; position: relative; overflow: hidden;  }
.wslSafe > .wslSafeItem > a > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }

.drill{ width: 100%; position: relative; background-color: #f4f5f7; }
.drill > .drillImg{ width: 56.73%; overflow: hidden; float: left; }
.drill > .drillImg > p{ width: 50%; float: left; overflow: hidden; box-sizing: border-box; border-right: 1px solid #FFF; }
.drill > .drillImg > p > a{ display: block; width: 100%; height: 0; padding-top: 107.097%; position: relative; overflow: hidden; }
.drill > .drillImg > p > a > img{ width: 100%; height: 100%;position: absolute; left:0; top:0; }
.drill > .drillAbout{ width: 43.27%; float: right; box-sizing: border-box; padding:4%; }
.drill > .drillAbout > p{ width: 100%; height: auto; line-height: 24px; text-align: left; font-size: 14px; max-height: 96px; }

.qualificat{ width: 100%; position: relative;}
.qualificat .qualificatBg{ width: 100%; overflow: hidden; }
.qualificat .qualificatBg img{ width: 100%; }
.qualificat .qualificatList{ width: 100%; height: 100%; box-sizing: border-box; padding:4% 10%; position: absolute; left:0; top:0;}
.qualificat .qualificatList .qlItem{ width:48%; float: left; overflow: hidden;  }
.qualificat .qualificatList .qlItem:nth-of-type(2n){ float: right; }
.qualificat .qualificatList .qlItem img{ width: 100%; }

/********/
.hjAbout{ width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; margin:0 auto; box-sizing: border-box; padding:0 10px;}
/*.hjAboutImg1,.hjAboutImg2{ width:460px; height: 270px; float: left; overflow: hidden; }*/
.hjAboutImg2{ margin-top: 3%;}
/*.hjAboutImg1 img,.hjAboutImg2 img{ width:460px; height: 270px;}
.hjAboutImg2,.hjAboutImg2 img{ width: 180px; }*/
.hjTeam{ width: 100%; overflow: hidden; }
.hjTeam img{ width: 100%; }
.hjMachine{ width: 100%; height: auto; }
.hjMachine .hjMachineItem{ display: block; width: 25%; float: left; overflow: hidden; }
.hjMachine .hjMachineItem p{ width: 72%; margin:0 auto; overflow: hidden; }
.hjMachine .hjMachineItem p img{ width: 100%; }
.hjMachine .hjMachineItem h4{ width: 100%; font-size: 14px; text-align: center; font-weight: normal; line-height: 60px; overflow: hidden; height: 60px; white-space: nowrap; text-overflow:ellipsis; box-sizing: border-box; padding:0 20px;}
.hjAbility{ width: 100%; position: relative; overflow: hidden; }
.hjAbility img{ width: 100%; }
.hjAbility .hjAbilityAbout{ width: 100%; height: 100%; position: absolute; left:0; top:0; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.hjAbility .hjAbilityAbout p{ width: 100%; height: 72px; line-height: 24px; font-size: 14px; text-align: left; overflow: hidden; box-sizing: border-box; padding:0 5%; color: #FFF; }
.hjHonor{ width: 100%; box-sizing: border-box; padding:3%; height: auto; background-color: #f4f5f7;}
.hjHonor .hjHonorItem{ width: 20%; float: left; box-sizing: border-box; padding:0 2%;}
.hjHonor .hjHonorItem img{ width: 100%; }

.hjCom{ width: 100%; height: auto; box-sizing: border-box; border:0px solid #FFF; }
.hjCom .hjComItem{ width: 100%; height: auto; border-bottom: 1px solid #FFF; position: relative; /*padding-left:48px;*/ box-sizing: border-box; font-size: 16px; display: flex; flex-direction: row;flex-wrap: nowrap; justify-content: space-between; align-items: stretch; background-color: #dee6f7;}
.hjComItem-header{ width: 48px; /*height: 100%;*/ background-color: #dee6f7; flex-shrink: 0; /* position: absolute; left:0; top:0;*/ display:flex; flex-direction:row; flex-wrap: nowrap; justify-content: center; align-items: center; position: relative;}
.hjComItem-header > p{ width: 20px; line-height: 24px; font-size: 14px; /*position: absolute; left:50%; top:50%; margin-left: -10px;*/  text-align: center;}
.hjComItem-right{ width: 100%;  height: auto;background-color: #DDD; box-sizing: border-box; border-left:1px solid #FFF;}
.hjComItem-right .hjComItemRight-line{ width: 100%; height: auto;  position: relative; border-bottom: 1px solid #FFF; padding-left:120px; box-sizing: border-box;}
.hjComItem-right .hjComItemRight-line:nth-last-of-type(1){ border-bottom: 0; }
.hjComIrl-title{ width: 120px; height: 100%; background-color: #e9eef8; position: absolute; left:0; top:0; }
.hjComIrl-title > p{ width: 100%; height: 24px;  line-height: 24px; font-size: 14px; position: absolute; left:0; top:50%; margin-top: -12px; text-align: center; }
.hjComIrl-about{ width: 100%; height: auto; box-sizing: border-box; padding:4%; line-height: 24px; text-align: left; font-size: 14px; border-left:1px solid #FFF; background-color: #f4f5f7 }

/*******/



.yewuList{ width: 100%; height: auto; margin:0 auto; padding-top: 3%; padding-bottom: 6%; box-sizing: border-box; }
.yewuList > ul > li{ width: 48%; float: left; position: relative; margin-top:3%;}
.yewuList > ul > li:nth-of-type(2n){ float: right;}
.yewuList > ul > li > a{ display: block; width: 100%; height: 0; padding-top: 166.6667%; position: relative; }
.yewuList > ul > li > a > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 180; }
/*.yewuList > ul > li > a::after{ content: ' '; width: 100%; height: 100%; }*/
.yewuList > ul > li > .yewuItemAbout{ display: block; width: 100%; height: 100%; background-color: rgba(83,135,219,0.8); position: absolute; left:0; top:0; z-index: 200; box-sizing: border-box; padding:7%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.yewuList > ul > li > .yewuItemAbout > div{ width: 100%; height: 100%; box-sizing: border-box; border:1px solid #FFF; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.yewuList > ul > li > .yewuItemAbout > div > p{ width: 40%; margin:0 auto; }
.yewuList > ul > li > .yewuItemAbout > div > h5{ width: 35px; margin:10% auto; }
.yewuList > ul > li > .yewuItemAbout > div > p img,.yewuList > ul > li > .yewuItemAbout > div > h5 > img{ width: 100%; }
.yewuList > ul > li > .yewuItemAbout > div > h3{ font-weight: 550; font-size: 16px; line-height: 2; }
.yewuList > ul > li > .yewuItemAbout > div > h3 > a{ color: #FFF !important; }
.yewuList > ul > li > .yewuItemAbout > div > h4{ line-height: 2; font-weight: normal; font-size: 14px; color: #FFF; }
.yewuList > ul > li:hover > .yewuItemAbout{ display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,0.2);}



.ygtd-list{width: 96%;margin:0 auto;margin-top: 30px;padding:0 2%;}
.ygtd-list ul li{width:100%;height: 180px;background-color:#5883b4;border-radius:5px;position:relative;background-image: url(../images/ygtd_01.png);background-position: bottom right;background-repeat: no-repeat;background-size: 25%;margin-bottom: 5%;}
.ygtd-list ul li h3{font-size: 2rem;color:#fff;line-height: 5rem;font-weight:normal;position: relative;padding: 5%;}
.ygtd-list ul li p{position:absolute;bottom:28px;left:20px;}
.ygtd-list ul li p img{width: 80%;}
.ygtd-list ul li:nth-of-type(2){background-color: #b75bc8;background-image: url(../images/ygtd_02.png);}
.ygtd-list ul li:nth-of-type(3){background-color: #416bbf;background-image: url(../images/ygtd_03.png);}
.ygtd-list ul li:nth-of-type(4){background-color: #4f3f92;background-image: url(../images/ygtd_04.png);}
.ygtd-list ul li:nth-of-type(5){background-color: #58b3b4;background-image: url(../images/ygtd_05.png);}
.ygtd-list ul li:nth-of-type(6){background-color: #19c0d1;background-image: url(../images/ygtd_06.png);}
.ygtd-list ul li:nth-of-type(7){background-color: #27cda3;background-image: url(../images/ygtd_07.png);}
.ygtd-list ul li:nth-of-type(8){background-color: #d74d5d;background-image: url(../images/ygtd_08.png);}