@charset "utf-8";
/* CSS Document */
body{ background-color:#FFF; }
.float{ width:768px; left:0; top:0; height:100%; position:fixed; margin-left:-384px; background-color:rgba(0,0,0,0.9); z-index:1200; display:none; }
.float > .f-navlist{ width:100%; position:absolute; left:0; top:0; z-index:1002; display:none;}
.float > .f-navlist > h3{ width:100%; height:48px; line-height:48px; font-size:16px; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.8); color:#333; text-align:center; font-weight:normal; color:#FFF;} 
.float > .f-navlist > h3 > span{ float:left;}
.float > .f-navlist > h3 > span a,.float > .f-navlist > h3 > span a:hover{ color:#FFF;}
.float > .f-navlist > h3 > span:nth-of-type(2){ float:right; }
.float > .f-navlist > h3 > span > i{ font-size:14px;}
.float > .f-navlist > ul{ width:100%; box-sizing:border-box; box-sizing:border-box;}
.float > .f-navlist > ul > li{ width:100%; height:40px; line-height:40px; font-size:12px; overflow:hidden; text-align:left; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.6);}
.float > .f-navlist > ul > li + li{}
.float > .f-navlist > ul > li > a,.float > .f-navlist > ul > li > a:hover{ color:#FFF !important; }
.float > .f-navlist > ul > li > a > i{ color:#FFF; font-size:14px;}
.float > .f-navlist > ul > li:hover{ background-color:#000;}
.float > .f-navlist > ul > li:hover > a,.float > .f-navlist > ul > li > a:hover,.float > .f-navlist > ul > li:hover > a > i,.float > .f-navlist > ul > li:hover > a:hover > i{ color:#FFF !important;}

.search{ width: 100%; min-width: 320px; height: 100px; background-color: rgba(0,0,0,0.5); position: absolute; left:0; top:80px; z-index: 550; display: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;animation: fadeIn 0.5s ease-in-out; -webkit-animation: fadeIn 0.5s ease-in-out; cursor: pointer;}
.sechForm{ width:600px;height: 60px; box-sizing: border-box; border:1px solid #FFF; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-right: 10px; padding-left: 10px;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.sechInput{ width: 100%; height: 30px; background-color: transparent; box-sizing: border-box; padding:0 10px;}
.sechInput input{ color: #FFF; width: 100%; height: 30px; line-height: 30px; font-size: 16px; border:0; background-color: transparent; }
input::-webkit-input-placeholder {
    /* placeholder颜色  */
     color: rgba(255,255,255,0.8);
     
   }
.sechSubmit,.sechBtn{ width: 36px; height: 36px; flex-shrink: 0; }
.sechSubmit > input{ width: 36px; height: 36px; background-image: url(../images/btn-search.png); background-position: center center; background-repeat: no-repeat; background-color: transparent; border:0;}
.sechBtn > img{ width:36px; height: 36px; }
/**/
.header{width:100%;height:auto;box-sizing:border-box;background-color: rgba(255,255,255,0.5);position:fixed;left:0;top:0;z-index:100;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}

.hd-con{ width:100%; height:auto; box-sizing: border-box; padding:0 6.25%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch;}
.logo{ display:block; width:360px; padding-top:10px; padding-bottom:10px; flex-shrink: 0;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.logo img{ width:100%;}
/*导航*/
.navlist{width: 100%;height: 80px;}
.navlist > ul{ width:100%; height:80px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.navlist > ul > li{width: 10%;float: left;height: 80px;position: relative;}
.navlist > ul > li:nth-last-of-type(1){ width: 40px; float: left;  height: 80px; flex-shrink: 0;}
.navlist > ul > li > div{ width: 100%; position: relative; height: 80px;display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.navlist > ul > li > div > a{font-size: 20px;color: #333 !important;}
.navlist > ul > li.active > div > a,.navlist > ul > li:hover > div > a{ color: #bb0327 !important;font-weight: bold;}
.navlist > ul > li > p{ width:120%; height: auto; position: absolute; left:-10%; top:80px; background-color: #FFF; display: none; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; padding:10px 0;}
.navlist > ul > li > p::after{content: ' '; width:0; height:0; border-bottom:16px solid #FFF; border-left:14px solid transparent; border-right:14px solid transparent; position: absolute; top:-16px; left:50%; margin-left:-12px;}
.navlist > ul > li > p > a{ width:100%; height: 32px; line-height: 32px; font-size: 16px; display: block; text-align: center; }
.navlist > ul > li > p > a:hover{ color: #bb0327 !important; font-weight: 550; }
.navlist > ul > li:hover > p{ display: block; }
/*.hd-right > .hdr-tools > .hdrTool-search:hover > .search{ display: block; }*/


.menu{ width:30px; height:30px; cursor:pointer; display:none; align-self: center;}
.menu > h3{ width:30px; height:30px; font-weight:normal; text-align:center; line-height:20px; color: #333; }
.menu > h3 > i{ font-size:20px;}

.header-blank{background-color:transparent;/* height:80px; */}


/*滚动后导航*/
.scrolltop{ background-color:rgba(219,234,241,0.9); border-bottom:1px solid rgba(120,120,120,0.2);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:999;}
.scrolltop > h3.tx{ color:#333;}
body > header.header {z-index:999;}
/*主体*/
.main{   height:auto; }
/****/

/*底部*/
.links{ width:100%; height: auto; padding:1% 0; background-color: #2b8784; min-width: 320px; }
.linksMain{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.linksMain > .linksTitle{ width: 15%; height: 48px; border-radius: 4px; line-height: 46px; box-sizing: border-box; padding:0 16px; color: #FFF; text-align: left; font-size: 32px; color: #FFF; flex-shrink: 0;}
.linksMain > .linksItem{ width:40%; position: relative; z-index: 999; position: relative;}
.linksMain > .linksItem::after{ content: '\e621';  font-family:"iconfont" !important; width:24px; height: 24px; overflow: hidden; line-height: 24px; position: absolute; right:10px; top:50%; margin-top: -12px; }
.linksMain > .linksItem:nth-of-type(2){ z-index: 999;  }
.linksMain > .linksItem:nth-of-type(3){ z-index: 70 }
.linksMain > .linksItem > h3{ width: 100%; height: 48px; border-radius: 0px; line-height: 46px; box-sizing: border-box; padding:0 16px; color: #333; background-color: #FFF;  text-align: left; font-size: 16px; font-weight: normal; }
.linksMain > .linksItem > .linksList{ width: 100%; background-color: #FFF; border-radius:4px 4px 0 0 ; position: absolute; left:0; top:38px; display: none; z-index: 100;}
.linksMain > .linksItem > .linksList > ul > li{ width: 100%; height: 40px; line-height: 40px;  overflow: hidden; box-sizing: border-box; padding:0 15px; text-align: left; font-size: 16px; }
.linksMain > .linksItem:hover > .linksList{ display: block; fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; z-index:510;}
.foot-blank{ height:auto; width:100%; }
.service{box-sizing:border-box; background-color: #333; height: auto; padding:4% 0 2% 0; width:100%; min-width: 320px;}
.service > .c-con{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.servNav{ width: 100%; }
.servNav > ul{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items:flex-start;  }
.servNav > ul > li{ width:12%; height: auto; }
.servNav > ul > li > h3{ width:100%; text-align: left; font-weight: no-repeat; font-weight: normal; font-size: 18px; color: #FFF !important; margin-bottom: 5px; } 
.servNav > ul > li > h3 > a{color: #FFF !important;}
.servNav > ul > li > p{ width: 100%; height: auto; }
.servNav > ul > li > p > a{ display: block; font-size: 14px; width:100%; height: 36px; line-height: 36px; text-align: left; color:rgba(255,255,255,0.5);  }
.QTCode{ width:100px; flex-shrink: 0; margin-left: 20px; }
.QTCode > p{ width: 100%; overflow: hidden; }
.QTCode > p > img{ width: 100%; }
.QTCode > h3{ width:100%; font-size: 14px; color: rgba(255,255,255,1); line-height: 3; text-align: center;font-weight: normal; }
.footer{ box-sizing:border-box; background-color: #333; height: auto; width:100%; min-width: 320px; border-top: 1px solid rgba(255,255,255,0.5);}
.footer > .c-con{ box-sizing: border-box; padding:12px 0;  }
.copyright{ width: 100%; height: auto; line-height: 1.8; font-size: 14px; color:rgba(255,255,255,0.5); box-sizing: border-box; padding:0 20px;}
.copyright a{color:rgba(255,255,255,0.5);}

/*首页*/




/*焦点图*/
.flash{ 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:60px; height:4px; border-radius:0; box-sizing:border-box; background-color: rgba(255,255,255,0.5); }
.swiper1 .swiper-pagination-bullet-active{background-color:#c30505;}
.swiper1 .swiper-slide{ position:relative; overflow: hidden;}
.swiper1 .swiper-slide > a{ display: block; width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.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);}
/*****/
.colHeader{ width: 100%; height: auto; padding:3% 0 1% 0; }
.colHeader > h3{ width: 100%; font-size: 36px; text-align: center; text-transform: uppercase; color: rgba(51,51,51,0.2)}
.colHeader > div{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.colHeader > div > h4{ font-size: 36px; color: rgba(187,3,39,1); flex-shrink: 0; padding:0 40px;}
.colHeader > div > p{ width: 40px; height: 4px; background-color: rgba(187,3,39,1); transform: translateY(5px); -webkit-transform: translateY(5px); }

/*****/
.f2{width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; padding-top: 2%; padding-bottom: 1%;}
.f2Flash{ width: 50%; height: auto; flex-shrink: 0; position: relative;}
.swiper2{ width: 100%; }
.swiper2 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:10px; left:auto; text-align:right; padding-right:10px; box-sizing:border-box; }
.swiper2 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:12px; height:12px; border-radius:50%; box-sizing:border-box; /*border:1px solid #FFF;*/ background-color:rgba(255,255,255,0.5); }
.swiper2 .swiper-pagination-bullet-active{background-color:rgba(255,255,255,1);}
.swiper2 .swiper-slide{ position:relative; overflow: hidden;  position: relative;}
.swiper2 .swiper-slide p{ width: 100%; overflow: hidden; }
.swiper2 .swiper-slide p img{ width:100%;height:424px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper2 .swiper-slide:hover p img{ transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.swiper2 .swiper-slide div{width: 100%;height: auto;box-sizing: border-box;padding:10px;background: rgba(0,0,0,0.5);position: absolute;bottom:0;}
.swiper2 .swiper-slide div h3,.swiper2 .swiper-slide div h4{ width: 100%; height: 32px; line-height: 32px; font-weight: normal; font-size: 18px; box-sizing: border-box; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff !important; }
.swiper2 .swiper-slide div h4{height: 24px;line-height: 24px;font-size: 14px;color: #999 !important;}
.swiper2 .swiper-slide a:hover h3{ color: #bb0327 !important; }
.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{ color:rgba(255,255,255,0.9); background-color:rgba(0,0,0,0.6); border-radius:0%; height:48px; width:40px; line-height:48px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; box-sizing:border-box; top:auto; bottom:0; display: none;} 
.swiper2 .swiper-button-next{ right: 0;}
.swiper2 .swiper-button-next::after{ content: ' '; width:1px; height: 20px; background-color: #FFF; position: absolute; left:0; top:50%; margin-top: -10px; }
.swiper2 .swiper-button-prev{ left:auto; right:40px; }
.swiper2 .swiper-button-prev::after{ content: ' '; width:1px; height: 100%; background-color: #FFF; position: absolute; left:0; top:0; }
.swiper2 .swiper-button-next:hover,.swiper2 .swiper-button-prev:hover{ color:rgba(255,255,255,1) !important; background-color:rgba(0,0,0,0.8); } 
.swiper2 .swiper-button-next i,.swiper2 .swiper-button-prev i{ font-size:1.6rem; }
.news{ width:50%; box-sizing: border-box;  display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.newsTab{ width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; flex-shrink: 0; margin-bottom: 2%;  flex-shrink: 0; padding-left:20px;}
.newsTab > p{ width:32%; height: 40px; line-height: 40px; font-size: 18px; position: relative;  cursor: pointer;  background-color: #f2f2f2; color: #333;}
.newsTab > p.on,.newsTab > p:hover{ font-weight: normal; color: #FFF; background-color: #bb0327; }
.newsTab > p.on > a,.newsTab > p:hover > a,.newsTab > p.on > a:hover{ color: #FFF  !important;display: block;}
/*.newsTab > p.on::after{ content: ' '; width:100%; height: 2px; background-color: #065db4; position: absolute; left:0; bottom:0; }*/
.newsTab > a{ display: none; height: 32px; line-height: 30px; font-size: 14px; padding:0 15px; border:1px solid #DDD; border-radius: 16px; position: absolute; right:0; top:50%; margin-top: -16px; background-color: #FFF; }
.newsTab > a:hover{ border:1px solid #7dc62d; background-color: #ce0314; color: #FFF !important; }
.newsList{ width:100%; flex:1; overflow: hidden; display: none;}
.newsList > ul{ width:100%; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.newsList > ul > li{ width: 100%; flex:1; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; box-sizing: border-box; padding-left:20px; cursor:pointer;}
.newsList > ul > li:hover{ background-color: #f5f5f5; }
.newsList > ul > li >.newsItemLeft{ width:100%; height: auto; overflow: hidden;}
.newsList > ul > li >.newsItemLeft > a > h3,.newsList > ul > li >.newsItemLeft > a > p{ width:100%; height: 36px; line-height: 36px; font-weight: normal; font-size:16px; text-align: left; overflow: hidden; min-width: 0; white-space: nowrap; text-overflow: ellipsis; }
.newsList > ul > li >.newsItemLeft > a > p{ height: 24px; line-height: 24px; font-size:14px; color: #999; }
.newsList > ul > li:hover >.newsItemLeft > a > h3{color: #bb0327;}
.newsList > ul > li >.newsItemDate{ width: 66px; height: 62px; box-sizing: border-box; border:1px solid #e0e0e0; text-align:center; flex-shrink: 0; margin-left: 10px;}
.newsList > ul > li >.newsItemDate > h3{ width:64px; height: 36px; line-height: 36px; font-size: 24px; font-weight: normal; color: #333;  }
.newsList > ul > li >.newsItemDate > p{ width:64px; height: 24px; line-height: 24px; background-color: #e0e0e0; color: #333; }
.newsList > ul > li:hover >.newsItemDate{ border:1px solid #bb0327; }
.newsList > ul > li:hover >.newsItemDate > h3{  color: #bb0327;  }
.newsList > ul > li:hover >.newsItemDate > p{background-color: #bb0327; color: #FFF; }

/*********/
.about{ width:100%; height: 0; padding-top: 34.375%; position: relative;  background-image: url(../images/about.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}
.aboutMain{ width: 100%; height: 100%;/* background-color: rgba(0,0,0,0.5);*/ position: absolute; left:0; top:0;  padding:0;}
.aboutMain > .c-con{ height: 100%; box-sizing: border-box; padding:1% 0 3% 0; display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; /*background-color: #DDD;*/}
.aboutMain .colHeader{ flex-shrink: 0; margin-bottom: 2%; }
.aboutMain .colHeader > h3{ color: #9d999e; }
.aboutMain .colHeader > div > h4{ color: #FFF; }
.aboutMain .colHeader > div > p{ background-color: #FFF; }
.amMain{ width:100%; flex:1; height: 100%; /*background-color: rgba(0,0,0,0.5);*/ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-around; align-items: center; color: #FFF; cursor: pointer;}
.amMain > .amBtn{ display: flex; width:100%; height: auto; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; color: #989ca2;}
.amMain > .amBtn > p{ width:64px; height: 64px; border-radius: 50%;  flex-shrink: 0; margin-right: 10px; background-image: url(../images/icon-play.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%}
.amMain > .amBtn > p:hover{background-color: #989ca2;}
.amBtn > span{ font-size: 22px; text-decoration: underline; color: #FFF !important;}
/*.amMain > .amAbout{ width: 100%; height: auto; color: #FFF;}*/
.amMain > h3{ width:100%; font-weight: normal; font-size: 32px; text-align: left;}
.amMain > div{ width: 100%; height: auto; line-height:30px; font-size: 16px; text-align: left; box-sizing: border-box; padding-right:30%; color:rgba(255,255,255,0.8);}
.amMain > p{ width: 100%; line-height: 24px; height: 24px; text-align: left; font-size: 16px; }
.amMain > p > a{ color: #bb0327 !important; }
/*.amMain:hover > .amBtn{animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}*/
/*.amMain:hover > h3,.amMain:hover > div,.amMain:hover > p{animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}*/
/*****/

.video{ width:100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; left:0; top:0; z-index: 1360; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; display: none;}
.vBox{ width:50%; height: auto;  background-color: #000; border-radius: 10px;  /*padding-top: 28.5%; */position: relative; z-index: 1380; overflow: hidden; display: none;}
.vPlayer{ width:100%; /*height: 100%;*/ /*position: absolute; left:0; top:0;*/ z-index: 1420; box-sizing: border-box; border:5px solid #000;border-radius: 10px; overflow: hidden; }
.vPlayer > h3{ width:100%; font-weight: normal; font-size: 18px; color: #FFF; line-height: 2.5; position: relative;}
.vPlayer > h3 > p{ cursor: pointer; width:20px; height: 20px; color: #FFF; position: absolute; right:10px; top:0px; color: #FFF;}


/*******/
.businessList{ width: 100%; height: auto; margin-top: 2%;}
.businessList > ul > li{width: 32%;float: left;margin-right: 2%;background-color: #f5f5f5;position: relative;margin-bottom: 2%;}
.businessList > ul > li:nth-of-type(3n){ margin-right: 0; }
.businessList > ul > li > a{ display: block; width:100%; }
.businessList > ul > li > a > p{ width:100%; height: 0; padding-top: 66.6667%; position: relative; overflow: hidden; z-index: 100;}
.businessList > ul > li > a > p > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 120; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.businessList > ul > li > a > h3{width:100%;height: 45px;line-height: 45px;box-sizing: border-box;font-weight: normal;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;z-index: 111;bottom: 0;color: #fff;background: rgba(0,0,0,0.5);}
.businessList > ul > li:hover > a > p > img{ transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.businessList > ul > li:hover > a > p{ display: flex; }


.area{ width: 100%; height: auto; margin:0 auto; box-sizing: border-box;background-color: #f5f5f5;padding-bottom: 2%;} }
.leader-list2{ width:100%; height: auto; overflow: hidden; box-sizing: border-box; position: relative; margin-top: 2%;}
.swiper4 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiper4 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiper4 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper4 .swiper-slide{ position:relative;}
.swiper4 .swiper-slide > a{width: 100%; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; position: relative;cursor:auto;}
.swiper4 .swiper-slide > a > p{ width: 100%; margin:0 auto; overflow: hidden; }
.swiper4 .swiper-slide > a > p > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper4 .swiper-slide:hover > a > p > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.swiper4 .swiper-slide > a > h3{width:100%; font-size: 20px; line-height: 3;text-align: center; font-weight: normal; /* margin-bottom: 5px;*/ color: #FFF !important; position: absolute; left:0; bottom:0; background-image: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));}
.leader-list2 .swiper-button-next,.leader-list2 .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:1px solid #e5e5e5; height:66px; width:66px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -20px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 60% 60%;} 
.leader-list2 .swiper-button-next{ right:0; background-image: url(../images/goright.png);  } 
.leader-list2 .swiper-button-prev{ left:0; background-image: url(../images/goleft.png); }

.leader-list3{ width:100%; height: 0; overflow: hidden; box-sizing: border-box; position: relative;  margin-top: 2%;}
.swiper5 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiper5 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiper5 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper5 .swiper-slide{ position:relative;}
.swiper5 .swiper-slide > a{width: 100%; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; position: relative;}
.swiper5 .swiper-slide > a > p{ width: 100%; margin:0 auto; overflow: hidden; }
.swiper5 .swiper-slide > a > p > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper5 .swiper-slide > a > h3{width:100%; font-size: 14px; line-height: 3;text-align: center; font-weight: normal; /* margin-bottom: 5px;*/ color: #FFF !important; position: absolute; left:0; bottom:0; background-image: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));}
.leader-list3 .swiper-button-next,.leader-list3 .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:1px solid #e5e5e5; height:42px; width:42px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -20px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 60% 60%;} 
.leader-list3 .swiper-button-next{ right:10px; background-image: url(../images/goright.png);  } 
.leader-list3 .swiper-button-prev{ left:10px; background-image: url(../images/goleft.png); }

/*******/
.intro{ width:100%; height: 0; padding-top: 28.125%; position: relative;  background-image: url(../images/intro.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; margin-top: 2%; z-index: 100;}
.intro::after{ content: ' ';width: 100%;height: 100%;background-image: url(../images/intro_bg.png); background-repeat: no-repeat; background-position: top center;  background-color: rgba(20,20,20,0.4); position: absolute; left:0; top:0; z-index: 120; }
.introMain{ width: 100%; height: 100%; /*background-color: rgba(0,0,0,0.5);*/ position: absolute; left:0; top:0;  padding:0; z-index: 160; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.leader-list4{ width:1440px; height: auto; overflow: hidden; box-sizing: border-box; padding:0 106px;  position: relative; margin-top: 2%;}
.swiper6 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiper6 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiper6 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper6 .swiper-slide{ position:relative;}
.swiper6 .swiper-slide > a{width: 100%; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; position: relative;}
.swiper6 .swiper-slide > a > p{ width: 36%; margin:0 auto; overflow: hidden; }
.swiper6 .swiper-slide > a > p > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper6 .swiper-slide:hover > a > p > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.swiper6 .swiper-slide > a > h3{width:100%; font-size: 32px; line-height: 3;text-align: center; font-weight: normal; /* margin-bottom: 5px;*/ color: #FFF !important; /*position: absolute; left:0; bottom:0; background-image: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));*/}
.leader-list4 .swiper-button-next,.leader-list4 .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:1px solid #e5e5e5; height:66px; width:66px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -20px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 60% 60%;} 
.leader-list4 .swiper-button-next{ right:0; background-image: url(../images/goright.png);  } 
.leader-list4 .swiper-button-prev{ left:0; background-image: url(../images/goleft.png); }


.leader-list5{ width:100%; height: 0; overflow: hidden; box-sizing: border-box;  position: relative; margin-top: 2%;}
.swiper7 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiper7 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiper7 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper7 .swiper-slide{ position:relative;background-color: rgba(255,255,255,0.01); border-radius: 6px;}
.swiper7 .swiper-slide > a{width: 100%; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; position: relative; }
.swiper7 .swiper-slide > a > p{ width: 30%; margin:0 auto; overflow: hidden; }
.swiper7 .swiper-slide > a > p > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper7 .swiper-slide:hover > a > p > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.swiper7 .swiper-slide > a > h3{width:100%; font-size: 16px; line-height: 3;text-align: center; font-weight: normal; /* margin-bottom: 5px;*/ color: #FFF !important; /*position: absolute; left:0; bottom:0; background-image: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));*/}
.leader-list5 .swiper-button-next,.leader-list5 .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:1px solid #e5e5e5; height:42px; width:42px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -20px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 60% 60%;} 
.leader-list5 .swiper-button-next{ right:10px; background-image: url(../images/goright.png);  } 
.leader-list5 .swiper-button-prev{ left:10px; background-image: url(../images/goleft.png); }


/*******/
.cultureList{ width: 100%; height: auto; margin-top: 2%;}
.cultureList > ul > li{ width: 32%; float: left; margin-right: 2%; background-color: #f5f5f5; }
.cultureList > ul > li:nth-of-type(3n){ margin-right: 0; }
.cultureList > ul > li > a{ display: block; width:100%; }
.cultureList > ul > li > a > .cultureItemImg{ width:100%; height: 0; padding-top: 66.6667%; position: relative; overflow: hidden; z-index: 100;}
.cultureList > ul > li > a > .cultureItemImg > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 120; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.cultureList > ul > li > a > .cultureItemImg > p{ width:100%; height: 100%; background-color: rgba(31,63,62,0.9); position: absolute; left:0; top:0; z-index: 160; display: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;animation: fadeIn 0.5s ease-in-out; -webkit-animation: fadeIn 0.5s ease-in-out;}
.cultureList > ul > li > a > .cultureItemImg > p > span{ display: inline-block; font-size: 18px; line-height: 2.6; width:48%; box-sizing: border-box; border:1px solid rgba(255,255,255,0.6); color: #FFF !important; text-align: center;}
.cultureList > ul > li > a > .cultureItemTitle{ width:100%; height: 60px; line-height: 60px; box-sizing: border-box; font-weight: normal; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:0 5%;}
.cultureList > ul > li:hover > a > .cultureItemImg > img{ transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.cultureList > ul > li:hover > a > .cultureItemImg > p{ display: flex; }
.cultureList > ul > li:hover > a > .cultureItemImg > p > span{animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}

/*****/
.partnerList{ width: 100%; height: auto; }
.partnerList > ul{ width: 100%; height: auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items: center; }
.partnerList > ul > li img{ max-width: 100%; }


/****/
.colFlash{ width:100%; }
.colFlash img{ width: 100%; }
/******/
.location,.caseItemTitle{ width:100%; height: auto; box-sizing: border-box; padding-top: 1.6%; padding-bottom: 2%; border-bottom: 1px solid #dcdcdc; text-align: left;}
.location > p,.caseItemTitle > p{ display: inline-block; font-size: 32px; line-height: 2.625; position: relative; }
.location > p::after,.caseItemTitle > p::after{ content: ' '; width: 60px; height: 4px; background-color: #c30505; position: absolute; left:0; bottom:0; }

/*****/
.gkContent{ width: 100%; height: auto; line-height: 2.25; font-size: 18px; color: #000  !important;; text-align: left; box-sizing: border-box; padding:5% 0;}
.gkContent img{max-width: 100%;margin:25px auto;}
.gkImgs{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; box-sizing: border-box; padding-bottom: 8%;}
.gkImgs > p{ width: 62.5%; overflow: hidden; flex-shrink: 0; margin-right: 10px; cursor: pointer;}
.gkImgs > p > img{ width:100%; transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.gkImgs > div{ width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.gkImgs > div > p{ width:100%; overflow: hidden; cursor: pointer; }
.gkImgs > div > p > img{ width: 100%; transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
/*****/
.aboutImgs,.aboutImgs img{width:100%;}
.aboutImgs{ overflow: hidden;  padding-bottom: 5%; cursor: pointer;}
.aboutImgs img{ transition:all 0.5s linear; -webkit-transition:all 0.5s linear; }
.aboutImgs:hover img,.strategyMain:hover > p > img,.gkImgs > p:hover > img,.gkImgs > div > p:hover > img{ transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); }
.strategy,.union{ width:100%; height: auto; background-color: #f7f8f7; min-width: 320px; }
.strategy{ background-color: #f2f2f2; }
.strategyMain{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; box-sizing: border-box; padding-top: 5%; padding-bottom: 5%; position: relative;}
.strategyMain > p{ width:66.6667%; overflow: hidden; cursor: pointer;}
.strategyMain > p > img{ width:100%; transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.smAbout{ width: 60%; height: 100%; position: absolute; left:0; top:0;  display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;  }
.smAbout > div{ width: 100%; height: auto; box-sizing: border-box; padding:6% 4%; background-color: #FFF;  }
.smAbout > div > h3{ width:100%; font-weight: 550; font-size: 24px; text-align: center; color: #bb0327; }
.smAbout > div > p{ width: 100%; font-size: 16px; text-align: left; line-height: 30px; overflow: hidden; margin-top:2%;text-indent:2em; }

/****/
.casesList{ width:100%; height: auto; padding-bottom: 6%}
.casesList > ul > li{ width: 100%; height:auto; }
.caseItemTitle > p::after{  background-color: #2b8784; }
.casesList > ul > li > .caseItemMain{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;  background-color: #2b8784; margin-top: 3%;}
.casesList > ul > li:nth-of-type(2n) > .caseItemMain{ flex-direction: row-reverse; }
.cimImg{ display:block; width:60%; overflow: hidden; flex-shrink: 0; }
.cimImg img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.cimImg:hover img{ transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.cimAbout{ width:100%; /*height:100%;*/ flex:1; box-sizing: border-box; padding:5% 5% 0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; cursor: pointer;}
.cimAbout > p{ width:90px; }
.cimAbout > p > img{ width:100%; }
.cimAbout > h3{ font-weight: normal; font-size: 32px; text-align: left;  padding-bottom: 5%; position: relative; color: #FFF; }
.cimAbout > h3::after{ content: ' '; width:72px; height: 6px; background-color:rgba(255,255,255,0.5); position: absolute; left:0; bottom:0; }
.cimAboutMemo{ width:100%; height:72px; overflow: hidden; line-height: 24px; text-align: left; font-size: 14px; color: #FFF; box-sizing: border-box; margin-top: 4%;}
.cimAboutOption{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;margin-top: 2%;}
.cimAboutOption > p{ width:40px; flex-shrink: 0; }
.cimAboutOption > p > img{ width: 100%; }
.cimAboutOption > div{ width: 100%; height: auto; color: #FFF; box-sizing: border-box; padding-top: 10px;}
.cimAboutOption > div > h4,.cimAboutOption > div > p{ font-weight: normal; font-size: 16px; width:100%; text-align: left;}
.cimAboutOption > div > p{ margin-top: 5px; }
.cimAbout > .cimAboutLink{ display: inline-block; width:140px; height:40px; border-radius: 30px; background-color: #FFF; color: #333; line-height: 40px; text-align: center; font-size: 16px; margin-top: 5%; transition: all 0.5s linear;-webkit-transition: all 0.5s linear; }
.cimAbout:hover > .cimAboutLink{ box-sizing: border-box; border:1px solid #FFF; background-color: #2b8784; color: #FFF !important; }


/******/
.colNewsTab{ width:100%; height: auto; box-sizing: border-box; padding-top: 1.6%; padding-bottom: 2%; border-bottom: 1px solid #dcdcdc; text-align: left;}
.colNewsTab > p{ display: inline-block; font-size: 32px; line-height: 2.625; position: relative; margin-right: 3%; color: #999; cursor: pointer; color: #999}
.colNewsTab > p::after{ content: ' '; width: 60px; height: 4px; background-color: #c30505; position: absolute; left:0; bottom:0; display: none;}
.colNewsTab > p > a{ color: #999 !important; }
.colNewsTab > p.active{ color: #333 !important; }
.colNewsTab > p.active::after{ display: block; }
.colNewsTab > p.active a{ color: #333 !important; }

.hotNews{ width:100%; min-width: 320px; background-color: #f7f7f7; box-sizing: border-box; padding:4% 0; }
.colHotNews{ width:100%; height: auto; display: none; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items:stretch;}
.chnImg{ width:40%; height: auto; box-sizing: border-box;padding-right: 2%; flex-shrink: 0;}
.chnImg > img{ width: 100%; }
.chnAbout{ width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; position: relative;}
.chnAbout > h3{ width:100%; font-weight: normal; font-size: 36px; text-align: left; }
.chnAbout > div{ width:100%; text-align: left; font-size: 16px; height: 150px; overflow: hidden; line-height: 30px; color: #999; margin-top: 1%;}
.chnAbout > p{ width:100%; height: 24px; line-height: 24px; position: absolute; left:0; bottom:0; box-sizing: border-box; padding-left:30px; background-image: url(../images/icon-calendar.png); background-repeat: no-repeat; background-position: left center; font-size: 16px; text-align: left; color: #999; }

.colNewsLine{ display: none;}
.colNewsList{ width: 100%; }
.colNewsList > ul > li{ width: 100%; box-sizing: border-box; padding:2% 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; cursor: pointer;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.colNewsList > ul > li > .cniDate{ width: 120px; height: 120px;margin-left:5px;border-radius:5px; background-color: #f7f7f7;  flex-shrink: 0; align-self: center; order:1; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; box-sizing: border-box; padding:0 10px;}
.colNewsList > ul > li > .cniDate > h3{ font-size: 32px; font-weight: 550; color: #91827c; width:100%; text-align: left;}
.colNewsList > ul > li > .cniDate > p{ font-weight: 550; font-size: 18px; color: #bb0327; width:100%; text-align: left; }
.colNewsList > ul > li > .cniAbout{ width:100%; height: 142px; box-sizing: border-box; padding:0 3%; overflow: hidden;  display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; order:2;}
.colNewsList > ul > li > .cniAbout > a >h3{ width:100%; font-size: 22px; text-align: left; font-weight: normal; }
.colNewsList > ul > li > .cniAbout > a > div,.colNewsList > ul > li > .cniAbout > p{ width:100%; height: auto; line-height: 24px; text-align: left; color: #999; font-size: 14px; height: 48px; overflow: hidden; }
.colNewsList > ul > li > .cniAbout > a > p{ height: 24px; }
.colNewsList > ul > li > .cniAbout > a > div{ margin-top: 5px; margin-bottom: 5px; }
.colNewsList > ul > li > .cniImg{ order:3; display: block; width: 220px; height: 142px;overflow: hidden; flex-shrink: 0; }
.colNewsList > ul > li > .cniImg > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.colNewsList > ul > li:hover{ background-color: #f7f7f7; }
.colNewsList > ul > li:hover > .cniDate{ background-color: #FFF; }
.colNewsList > ul > li:hover > .cniImg > img{ transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04); }
.newsLoadMore{ display: block; width:100%; height: auto; text-align: center; line-height: 3.5; font-size: 24px; color: #333; background-color: #f7f7f7; margin-top: 3%;}
.newsColBlank{ width: 100%; height: 10px; margin-top: 5%;  }


/*****/
.newsLocation{ width:100%; height: auto; line-height: 36px; box-sizing: border-box; padding-top: 6%; font-size: 16px; text-align: left; border-bottom:1px solid #dcdcdc;}
.newsLocation > span,.newsLocation i{ color: #bb0327 !important; }
.newsLocation i{ font-size: 18px;  }
.newsDet{ width:100%; height: auto; } 
.newsDetHeader{ width:100%; height: auto; padding:3% 0; box-sizing: border-box; border-bottom:1px solid #EEE;}
.newsDetHeader >h3,.newsDetHeader > p{ text-align: center; font-weight: 550; font-size: 30px; }
.newsDetHeader > p{ font-size: 12px; text-align: center; line-height: 2; color: #999; font-weight: normal; margin-top: 10px;}
.newsDetMemo{ width: 100%; height: auto; padding:5% 0 10px 0; box-sizing: border-box; line-height: 2.25; text-align: left; color: #000 !important; font-size: 18px; }
.newsDetMemo img{margin:25px auto;max-width:500px;}
.newsDetMemo table{border:1px solid #000 !important;margin: 0 auto !important;max-width:90% !important;}
.newsDetMemo table,.newsDetMemo table tr th,.newsDetMemo table tr td,.colAboutMemo table,.colAboutMemo table tr th,.colAboutMemo table tr td { border:1px solid #000 !important; }




.detPage{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; border-bottom:1px solid #EEE;}
.detPage > p{ width:48%; height: 60px; line-height: 60px; font-size: 14px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px;}
.detPage > p:nth-of-type(2n){ text-align: right; }
.detPage > p > span,.detPage > p > a{ color: #999; }
.detBack{ width: 100%; height: auto; box-sizing: border-box; padding:3% 0; }
.detBack > a{ display: inline-block; float: right; width:94px; overflow: hidden;}
.detBack > a > img{ width: 94px; }

/****/
.colNewsMain{ width: 100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; }
.cnmAside{ width:300px; background-color: #f7f7f7; flex-shrink: 0; margin-right:4%; }
.cnmMenu{ width:100%; height:auto; position: relative; z-index: 600;}
.cnmMenu > h3{ width:100%; height:75px; line-height: 75px; text-align: left; font-size: 24px; box-sizing: border-box; padding:0 30px; font-weight: 550; color: #FFF; position: absolute; left:0; top:-75px; background-color: #aa0727; z-index: 650;}
.cnmMenu > ul{ width:100%; height: auto; }
.cnmMenu > ul > li{ width:100%; height: auto; box-sizing: border-box; padding:15px 20px 0 20px; }
.cnmMenu > ul > li > a{ display: inline-block; width:100%; background-color: #FFF; height: 50px; line-height: 50px; font-size: 18px; text-align: left; color: #333; box-sizing: border-box; padding:0 10px;}
.cnmMenu > ul > li > a:hover,.cnmMenu > ul > li > a.active{ color: #aa0727; }

.cnmRight{ width: 100%; height:auto; }
.cnmrList{ width:100%; height: auto; }
.cnmrList > ul > li{ width:100%; height:auto; box-sizing: border-box; padding-top: 3%; padding-bottom: 3%; border-bottom: 1px solid #f7f7f7; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; cursor: pointer; align-items: stretch; }
.cnmrList > ul > li > a {display:flex;}
.cnmrList > ul > li > a:hover p,.cnmrList > ul > li > a:hover div {color:#333;}
.cnmrList > ul > li  .cnmrImg{ width:220px; display: block; overflow: hidden; flex-shrink: 0;}
.cnmrList > ul > li  .cnmrImg > img{ width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.cnmrList > ul > li:hover  .cnmrImg > img{ transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04); }
.cnmrList > ul > li  .cnmrAbout{ width:100%; height: 142px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; box-sizing: border-box; padding-left:2%; overflow: hidden;}
.cnmrList > ul > li  .cnmrAbout > h3{ width:100%; font-weight: 550; font-size: 18px; text-align: left; }
.cnmrList > ul > li  .cnmrAbout > p{ width:100%; font-size: 14px; text-align: left; line-height: 30px; margin-top: 6px; margin-bottom: 6px;}
.cnmrList > ul > li  .cnmrAbout > div{ width:100%; font-size: 14px; line-height: 24px; height: 72px; text-align: left; overflow: hidden; }
.pages{ margin-top: 5%; margin-bottom:5%;}
.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: 28px; text-align: center; padding:0 10px; box-sizing: border-box; font-size: 14px; border:1px solid #DDD; border-radius: 2px; }
.pages > ul > li > a:hover,.pages > ul > li > a.on{ background-color: #c60a09; border:1px solid #c60a09;  font-weight: 550; color: #FFF !important; }
.pages > ul > li > h3{font-weight: normal;}
.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: 18px; font-size: 14px;  text-align: center; border:0; border-radius: 2px; background-color: transparent;}
.pages > ul > li > p.formSubmit > input{ width: 48px; background-color: #FFF; border:1px solid #FFF;}


.partner{ width:100%; height: auto; padding:1% 0 3% ;margin-top:3%; position: relative;  background-color:#f5f5f5;}

.swiper8{ height: auto; overflow: hidden; }
.swiper8 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiper8 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px ; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiper8 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper-wrapper{ display: flex; flex-wrap: nowrap; justify-content: center;flex-direction: row; justify-content: space-between; align-items: center; }
.swiper8 .swiper-slide{ position:relative; width:auto;box-sizing: border-box; padding:10px; box-sizing: border-box; border:0px solid #DDD;}
.swiper8 .swiper-slide > a{width: 100%;  width:auto; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; /*padding-top: 16px; padding-bottom: 16px;*/ position: relative; /*display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;*/ }
.swiper8 .swiper-slide > a > p{ width: 100%; margin:0 auto; overflow: hidden; overflow: hidden; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.swiper8 .swiper-slide > a > p > img{ width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; align-self: center;}
.swiper8 .swiper-slide:hover > a > p > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}

.swiper8 .swiper-button-next,.swiper8 .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:1px solid #e5e5e5; height:66px; width:66px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -20px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 60% 60%; display: none;} 
.swiper8 .swiper-button-next{ right:0; background-image: url(../images/goright.png);  } 
.swiper8 .swiper-button-prev{ left:0; background-image: url(../images/goleft.png); }

.swiper9{ height:0; overflow: hidden; }
.swiper9 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiper9 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px ; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiper9 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper-wrapper{ display: flex; flex-wrap: nowrap; justify-content: center;flex-direction: row; justify-content: space-between; align-items: center; }
.swiper9 .swiper-slide{ position:relative; width:auto;box-sizing: border-box; padding:10px; box-sizing: border-box; border:0px solid #DDD;}
.swiper9 .swiper-slide > a{width: 100%;  width:auto; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; /*padding-top: 16px; padding-bottom: 16px;*/ position: relative; /*display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;*/ }
.swiper9 .swiper-slide > a > p{ width: 100%; margin:0 auto; overflow: hidden; overflow: hidden; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.swiper9 .swiper-slide > a > p > img{ width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; align-self: center;}
.swiper9 .swiper-slide:hover > a > p > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}

.swiper9 .swiper-button-next,.swiper9 .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:1px solid #e5e5e5; height:66px; width:66px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -20px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 60% 60%; display: none;} 
.swiper9 .swiper-button-next{ right:0; background-image: url(../images/goright.png);  } 
.swiper9 .swiper-button-prev{ left:0; background-image: url(../images/goleft.png); }

.colBlank{ width:100%; height: 0; padding-top: 4%;  }

/*人才招聘页*/


/****/
.colFlash{ width:100%; }
.colFlash img{ width: 100%; }
/******/
.location{ width:100%; height: auto; box-sizing: border-box; padding-top: 1.6%; padding-bottom: 2%; border-bottom: 1px solid #dcdcdc; text-align: left;}
.location > p{ display: inline-block; font-size: 32px; line-height: 2.625; position: relative; }
.location > p::after{ content: ' '; width: 60px; height: 4px; background-color: #c30505; position: absolute; left:0; bottom:0; }

/*****/
.jobObj{ width:100%; height: auto; margin-top: 3%;margin-bottom: 3%;}
.jobObj > ul > li{ width:48.5%; float: left;  }
.jobObj > ul > li:nth-of-type(2n){ float: right; }
.jobObj > ul > li > a{ display: block; width:100%; box-sizing: border-box; border:1px solid #f2f2f2; overflow: hidden; background-color: #f2f2f2; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.jobObj > ul > li > a > p{ width:100%; height: 0;padding-top: 67.8261%; position: relative; overflow: hidden;}
.jobObj > 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;}
.jobObj > ul > li > a > .jobObjAbout{ width:100%; height: auto; box-sizing: border-box; padding:3%;  }
.jobObj > ul > li > a > .jobObjAbout > h3{ width:100%; height: 36px; font-size: 24px; line-height: 36px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; font-weight: normal; }
.jobObj > ul > li > a > .jobObjAbout > h3 > span{ font-size: 14px; text-transform: capitalize; }
.jobObj > ul > li > a > .jobObjAbout > p{  width:100%; font-size: 16px; line-height: 3; color: #999 !important; }
.jobObj > ul > li > a:hover{ border:1px solid #CCC; background-color: #FFF; }
.jobObj > ul > li > a:hover > p > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); }
.jobObj > ul > li > a:hover > .jobObjAbout > h3{ color: #000 !important; }
.jobObj > ul > li > a:hover > .jobObjAbout > p{  color: #666 !important; }
/*********/
.jobContact{ width:100%; box-sizing: border-box; background-color: #f2f2f2; padding:3%; line-height: 2; font-size: 20px; text-align: left;  margin-top: 3%; margin-bottom: 1%;}
.jobContact > span,.jobContact > a{ color: #2b8784 !important; }
.jobContact > a:hover{ color: rgba(187,3,39,1) !important; }

.jobQTcode{ width: 100%; height: auto; }
.jobQTcode > ul{ width: 100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.jobQTcode > ul > li{ width: 35%; box-sizing: border-box; padding:5%;  }
.jobQTcode > ul > li > p{ width: 100%; height: 0; padding-top: 100%; position: relative; overflow: hidden; }
.jobQTcode > ul > li > p > img{ width: 100%; height: 100%;position: absolute; left:0; top:0; }
.jobQTcode > ul > li > h3{ font-weight: normal; font-size: 20px; text-align: center; color: #333; line-height: 3; }