@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:14px; 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;}
/**/


.header{ width:100%; height:auto; box-sizing:border-box; background-color:rgba(255,255,255,1); position:fixed; left:0; top:0;  z-index:100;  transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
.hd-con{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch; }
.logo{ display:block; width:460px; padding-top:20px; padding-bottom:20px; }
.logo img{ width:100%;}
.hd-right{ flex:1; box-sizing: border-box; text-align: right; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:flex-end; align-items:stretch; position: relative; }
.hd-right > .search{width: 170px;height: 100%;text-align: center;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;position: relative;}
.hd-right > .search > a{ width:100%;text-align: center;display: inline-block;line-height: 2;display: none;}
.hd-right > .search > a > i{ font-size: 18px; }
.hd-right > .search > form> p{border: 1px solid #ed1f24;width: 170px;height: 36px;background-color: rgba(255,255,255,0.8);position: absolute;right:0;top: 32px;overflow: hidden;z-index: 600;/* display: none; */}
.hd-right > .search > form> p > input{box-sizing: border-box; border:0; padding:0 10px; color: #333; height: 36px; line-height: 36px; position: absolute;background-color: transparent;}
.hd-right > .search > form> p > input.text{width:80%; box-sizing: border-box; border:0; padding:0 10px; color: #333; height: 36px; line-height: 36px; position: absolute; left:0; top:0; background-color: transparent;}
.hd-right > .search > form> p > input.submit{right:0}

.hd-right > .search:hover > form> p{display: block;}


.hd-right > .nav{flex:1; box-sizing: border-box; padding:0 2% 0 1%;}
.hd-right > .nav > ul{ width:100%; height: 100%;  display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: stretch; }
.hd-right > .nav > ul > li{ flex:1;  text-align: center; font-size: 18px; position: relative; flex-direction: column; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; }
.hd-right > .nav > ul > li > a{ width:100%; height: 100px; line-height: 100px; display: block; text-align: center;  box-sizing: border-box; border-bottom: 1px solid transparent;}
.hd-right > .nav > ul > li > p{width: 200%;height: auto;position: absolute;left: -50%;margin-left:0px;top:100px;box-sizing: border-box;background-color: #09357A;display: none;color:#fff;}
.hd-right > .nav > ul > li > p > a{ width: 100%; height: 30px; line-height: 30px; display: block; font-size: 16px; text-align: center; box-sizing: border-box; position: relative;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*.hd-right > .nav > ul > li > p > a::after{ content: ' '; width:4px; height: 4px; border-radius: 50%; background-color: #fff; position: absolute; left:10px; top:50%; margin-top: -2px; }*/
.hd-right > .nav > ul > li > p > a:hover{ color: #333 !important; background-color: #e9e9e9 }
.hd-right > .nav > ul > li.on > a,.hd-right > .nav > ul > li:hover > a{border-bottom:2px solid #ed1f24; color: #ed1f24 !important;}
.hd-right > .nav > ul > li:hover > p{ display: block; animation: fadeInDown 0.2s ease-in-out; -webkit-animation: fadeInDown 0.2s ease-in-out;}

.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: #e51f1a; }
.menu > h3 > i{ font-size:20px;}

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


/*滚动后导航*/
.scrolltop{ background-color:rgba(255,255,255,1); border-bottom:1px solid rgba(120,120,120,1);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:510;}
.scrolltop > h3.tx{ color:#333;}
/*主体*/
.main{   height:auto; }
/*底部*/
.foot-blank{ height:auto; width:100%; }
.footer{ box-sizing:border-box; background-color: #09367a; height: auto; padding-top: 3%; padding-bottom:3%;}
.footer > .c-con{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:flex-start; box-sizing: border-box;}
.footerLeft{ flex:1; height: auto; box-sizing: border-box; padding-right:10%; }
.footerLeft > header{ width: 100%;  }
.footerLeft > header img{ width: 460px; }
.online{ width:100%; height: auto;  padding-top: 1%; padding-bottom:1%; text-align: left; }
.contact,.footNav{ font-size: 14px; line-height: 24px; color: #FFF; }
.footNav > a,.footNav > a:hover{ color: #FFF !important; }
.copyright{ width:100%; height: auto; line-height: 24px; color: #FFF; font-size: 14px; text-align: left;}
.copyright a{color:#fff}
.footerEwm{width: 210px;color: #fff;text-align: left;font-size: 14px;line-height: 24px;}
.footerEwm > p{ width: 100%; overflow: hidden; }
.footerEwm > p img{ width: 100%; }
.footerEwm > h3{ width:100%; line-height: 2.4; font-weight: normal; font-size: 14px; text-align: center; color: #FFF;}






/*首页*/
/*焦点图*/
.flash{ width:100%; position: relative; }
.swiper1 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; 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:5px; border-radius:0%; box-sizing:border-box; /*border:1px solid #FFF;*/ background-color: #FFF; }
.swiper1 .swiper-pagination-bullet-active{background-color:#e51f1a;}
.swiper1 .swiper-slide{ position:relative; overflow: hidden;}
.swiper1 .swiper-slide 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; }

/*****/
.f1{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; padding-top: 2%; padding-bottom:2%; }
.news{ width:60%; box-sizing: border-box; padding-right:2%; text-align: left; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start;}
.newsHeader{ width: 100%;font-size: 18px; font-weight: bold; line-height: 2.4;  border-bottom: 1px solid #f0eeef;}
.newsHeader > span{ text-transform: uppercase; }
.newsHeader > a{float:right;font-size:14px;}

.newsHot{ width: 100%; height: auto; }
.newsHot > h3{ width: 100%; height: 44px; line-height: 44px; font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newsHot > h3 > span{ display: inline-block; font-size: 14px; float: right; padding-left:20px; }
.newsHot > div{ width: 100%; height: 44px; line-height: 22px; overflow: hidden; color: #666; font-size: 14px;}
.newsHot > p{ width:100%; height: 24px;line-height: 24px; text-align: right; font-size: 14px; }
.newsHot > p > a{ color: #e5201a !important;  }
.newsList{ width: 100%; height: auto; }
.newsList > ul > li{ width: 100%; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; text-align: left;}
.newsList > ul > li > span{ display: inline-block; float: right; padding-left:20px; color: #999; }
.about{ width: 40%; }

.swiper6{ width: 100%; }
.swiper6 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiper6 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:10px; height:10px; border-radius:50%; box-sizing:border-box; /*border:1px solid #FFF;*/ background-color: rgba(255,255,255,0.6); display: none;}
.swiper6 .swiper-pagination-bullet-active{background-color:rgba(255,255,255,1);}
.swiper6 .swiper-slide{ position:relative; overflow: hidden; background-color: #f2f2f2;}
.swiper6 .swiper-slide p{ width: 100%; overflow: hidden;max-height: 277px;}
.swiper6 .swiper-slide p img{ width:100%;max-height: 277px;}
.swiper6 .swiper-slide h3{ width: 100%; height: 40px; line-height: 40px; font-weight: normal; font-size: 14px; box-sizing: border-box; padding:0 50px 0 10px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333 !important;position: absolute;bottom: 0;background: rgba(255,255,255,0.6);}
.swiper6 .swiper-slide h3 a{ color: #333 !important; }
.swiper6 .swiper-slide h4{ width: 40px; height: 40px; line-height: 40px; text-align: center; font-weight: normal; font-size: 14px; position: absolute; right:0; bottom:0;}
.swiper6 .swiper-slide h4 > span{ color: #F00; }
.swiper6 .swiper-button-next,.swiper2 .swiper-button-prev{ color:rgba(0,0,0,0.5);border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-40px; box-sizing:border-box; } 
.swiper6 .swiper-button-next{ right: 0; display:none;}
.swiper6 .swiper-button-prev{ left:0; display:none;}
.swiper6 .swiper-button-next:hover,.swiper2 .swiper-button-prev:hover{ color:rgba(0,0,0,0.8) !important; background-color:rgba(255,255,255,1); } 
.swiper6 .swiper-button-next i,.swiper2 .swiper-button-prev i{ font-size:1.6rem; }

/*.about > ul > li{ width: 50%; float: left;padding-bottom:1px}
.about > ul > li > a{ width: 100%; display: block; height: 0; padding-top: 64%; position: relative; overflow: hidden; }
.about > ul > li > a > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.about > ul > li > a > .aboutItem{ width: 100%; height: 100%; box-sizing: border-box; padding:10%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; position: absolute; left:0;top:0;}
.about > ul > li > a > .aboutItem > .aboutItem-title{ width: 100%;  }
.about > ul > li > a > .aboutItem > .aboutItem-title > h3,.about > ul > li > a > .aboutItem > .aboutItem-title > p{ width: 100%; font-size: 20px; color: #fff !important; line-height: 1.6; }
.about > ul > li > a > .aboutItem > .aboutItem-title > p{ font-size: 14px; text-transform: uppercase; }
.about > ul > li > a > .aboutItem > .aboutItem-link{ width: 100%; line-height: 24px; height: 24px; color: #fff !important; text-align: left;}
.about > ul > li:nth-of-type(4n)  > a > .aboutItem > .aboutItem-link{text-align: right;}
.about > ul > li:nth-of-type(4n)  > a > .aboutItem > .aboutItem-title{text-align: right;}*/
/*****/
.leader-list{ width:100%; height: auto; overflow: hidden; padding-bottom: 2%; }
.swiper2{ padding-bottom:30px; }
.swiper2 .swiper-pagination {right:0;padding-top:2%;padding-bottom:0;bottom:0;left:auto;text-align:center;padding-right:10px;box-sizing:border-box;display: none;}
.swiper2 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box; /*border:1px solid #FFF;*/ background-color: #d0d0d0; color: #999; }
.swiper2 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper2 .swiper-slide{ position:relative;}
.swiper2 .swiper-slide > a{ display: block; width: 100%; color: #FFF !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper2 .swiper-slide > a > img{ width: 100%; height: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{color:rgba(0,0,0,0.5);/*background-color:rgba(0,0,0,1);*/border-radius:0%;height:30px;width:30px;line-height:30px;text-align:center;background-image:url(none);cursor:pointer;top: 40%;margin-top:0;box-sizing:border-box;} 
.swiper2 .swiper-button-next{} 
.swiper2 .swiper-button-prev{}
.swiper2 .swiper-button-next:hover,.swiper2 .swiper-button-prev:hover{ color:#2aa5ed !important; } 
.swiper2 .swiper-button-next i,.swiper2 .swiper-button-prev i{font-size: 35px;color: #007aff;font-weight: bold;}

.leader-list2{ width:100%; height: 0; overflow: hidden; padding-bottom: 0; }
.swiper3{ padding-bottom:30px; }
.swiper3 .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; }
.swiper3 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box; /*border:1px solid #FFF;*/ background-color: #d0d0d0; color: #999; }
.swiper3 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper3 .swiper-slide{ position:relative;}
.swiper3 .swiper-slide > a{ display: block; width: 100%; color: #FFF !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper3 .swiper-slide > a > img{ width: 100%; height: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper3 .swiper-button-next,.swiper3 .swiper-button-prev{ color:rgba(0,0,0,0.5); /*background-color:rgba(0,0,0,1);*/ border-radius:0%; height:30px; width:30px; line-height:30px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; bottom:0; box-sizing:border-box; display: none;  } 
.swiper3 .swiper-button-next{ right:50%; margin-right:-70px;  } 
.swiper3 .swiper-button-prev{ left:50%; margin-left:-80px;  }
.swiper3 .swiper-button-next:hover,.swiper3 .swiper-button-prev:hover{ color:#2aa5ed !important; } 
.swiper3 .swiper-button-next i,.swiper3 .swiper-button-prev i{ font-size:14px; }

/***新闻***/
.colflash,.colflash img{ width: 100%; }
.ftop{ border-bottom:1px solid #e7e7e7; }
.ftop > .c-con{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.ftopMenu{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
.ftopMenu > a{ display: inline-block; padding:0 20px; height: auto; line-height: 4; font-size: 15px; box-sizing: border-box; border-bottom:1px solid #FFF;}
.ftopMenu > a.on,.ftopMenu > a:hover{ color: #333 !important; border-bottom:1px solid #b41414; }
.location{line-height:45px;}
.location,.location i{ font-size: 15px; }

.cols{ width:100%; min-width: 320px; background-color: #fafafa; height: auto;}
.cols .c-con{ display: block; box-sizing: border-box; padding-right: 320px; position: relative; }
.colMain{  /*flex:1;*/ width:100%; height: auto; min-height: 75vh;padding-right:20px; border-right:1px solid #e7e7e7; padding-top: 30px; box-sizing: border-box; padding-bottom:5%; /*margin-right:2.5%;*/}
.colNewsHot{ width:100%; height: auto; box-sizing: border-box; padding-bottom:3%; border-bottom:1px solid #EEE; display: flex; flex-direction: row; flex-flow: nowrap; justify-content: flex-start; align-items: stretch; }
.colNewsHot-img{ width: 248px; display: block; overflow: hidden; flex-shrink: 0; }
.colNewsHot-img img{ width: 100%; }
.colNewsHot-about{ width:100%; box-sizing: border-box; padding-left:3%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.colNewsHot-about > h3{width:100%; font-weight: normal; font-size: 18px; height: 32px;line-height: 32px; overflow: hidden; }
.colNewsHot-about > h4{width:100%; font-weight: normal; font-size: 14px; height: 22px; line-height: 22px; color: #999;}
.colNewsHot-about > div{width:100%; font-weight: normal; font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; color: #999;}
.colNewsHot-about > p{width:100%; font-weight: normal;font-size: 14px; height: 22px; line-height: 22px;}
.colNewsHot-about > p a,.colNewsHot-about > p a:hover{ color: #F00 !important;  }
.colNewsList{ width:100%; height: auto; margin-top: 2%; }
.colNewsList > ul > li{ width: 100%; height: 32px; line-height: 32px; overflow: hidden; box-sizing: border-box; padding-left:12px; font-size: 15px; position: relative; text-align: left;}
.colNewsList > ul > li:nth-of-type(5n){ margin-bottom:3%; }
.colNewsList > ul > li::after{ content: ' '; width: 4px; height: 4px; border-radius: 50%; border-radius: 50%; background-color: #999; position: absolute; left:0; top:50%; margin-top: -2px; }
.colNewsList > ul > li > span{ display: inline-block; padding-left:20px; color: #999; font-size: 14px; float: right; }
.page{ width: 100%;    background: #ddd;font-size: 14px; }
.page > a{ width: auto; padding:5px 10px; box-sizing: border-box; margin:5px 0px; display: inline-block; position: relative; font-size: 14px; }
.page > a::after{ content: ' '; width: 12px; height: 1px; background-color: transparent; position: absolute; left:50%; bottom:0; margin-left:-6px; }
.page > a.on::after,.page > a:hover::after{background-color: #ba1414; color: #ba1414 !important;}

.page li{ width: auto; padding:5px 10px; box-sizing: border-box; margin:5px 0px; display: inline-block; position: relative; font-size: 14px; }
.page li::after{ content: ' '; width: 12px; height: 1px; background-color: transparent; position: absolute; left:50%; bottom:0; margin-left:-6px; }
.page li.thisclass::after,.page li:hover::after{background-color: #ba1414; color: #ba1414 !important;}
.page table{line-height:45px;}
/*****/
.colFencai{ width:100%; font-size: 15px; line-height: 3; text-align: left;  margin-top: 10px; margin-bottom:5px;}
.honor-list{ width:100%; box-sizing: border-box; height: auto; overflow: hidden; position: relative;}
.swiper4{ width:100%; position: relative; padding-bottom:30px;}
.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; }
.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{ }
.swiper4 .swiper-slide > a{ display: block; width: 100%; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper4 .swiper-slide > a > p{ width:100%; overflow: hidden; }
.swiper4 .swiper-slide > a > p > img{ width: 100%; height: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper4 .swiper-slide > a > h3{ width: 100%; padding:0; box-sizing: border-box; line-height: 20px; height: 40px; overflow: hidden; font-weight: normal; font-size: 14px; text-align: left; display: block; margin-top: 10px;}
.swiper4 .swiper-button-next,.swiper4 .swiper-button-prev{ color:rgba(0,0,0,0.5); border-radius:0%; height:30px; width:30px; line-height:30px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; bottom:0; box-sizing:border-box; display: none;  } 
.swiper4 .swiper-button-next{ right:50%; margin-right:-70px;  } 
.swiper4 .swiper-button-prev{ left:50%; margin-left:-80px;  }
.swiper4 .swiper-button-next:hover,.swiper4 .swiper-button-prev:hover{ color:#2aa5ed !important; } 
.swiper4 .swiper-button-next i,.swiper4 .swiper-button-prev i{ font-size:14px; }

.honor-list2{ width:100%; height: 0; box-sizing: border-box;  overflow: hidden; padding-bottom: 0;  position: relative;}
.swiper5{ width:100%; position: relative;}
.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; }
.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{ }
.swiper5 .swiper-slide > a{ display: block; width: 100%; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper5 .swiper-slide > a > p{ width:100%; overflow: hidden; }
.swiper5 .swiper-slide > a > p > img{ width: 100%; height: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper5 .swiper-slide > a > h3{ width: 100%; padding:0; box-sizing: border-box; line-height: 20px; height: 20px; overflow: hidden; font-weight: normal; font-size: 14px; text-align: left; display: block; margin-top:10px}
.swiper5 .swiper-button-next,.swiper5 .swiper-button-prev{ color:rgba(0,0,0,0.5); border-radius:0%; height:30px; width:30px; line-height:30px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; bottom:0; box-sizing:border-box; display: none;  } 
.swiper5 .swiper-button-next{ right:50%; margin-right:-70px;  } 
.swiper5 .swiper-button-prev{ left:50%; margin-left:-80px;  }
.swiper5 .swiper-button-next:hover,.swiper5 .swiper-button-prev:hover{ color:#2aa5ed !important; } 
.swiper5 .swiper-button-next i,.swiper5 .swiper-button-prev i{ font-size:14px; }

/*****/
.union,.union > img{ width:100%; }

/*****/
.colAbout{ width: 100%; }
.colAbout > header{ width: 100%; }
.colAbout > header > h3,.colAbout > header > p{ width: 100%; font-weight: normal; font-size: 28px;text-align: left; }
.colAbout > header > p{ font-size: 18px; text-transform: uppercase; color: #999; line-height: 2; }

.detCanshu{width: 100%;margin:0 auto;height: 40px;line-height: 40px;overflow: hidden;text-align: center;margin-top: 1%;font-size: 16px;border-top: 1px solid #ccc;}
.colAbout img{margin: 0 auto;max-width: 859px;}


.colAbout > section{ width: 100%; line-height: 40px; font-size: 18px; text-align: left; color: #666; margin-top: 3%; margin-bottom: 3%; text-indent: 2em;}
.colAbout > section p,.colAbout > section span{font-size: 18px !important;line-height: 40px !important;font-family:"宋体","微软雅黑";}
.colAbout-img{ width: 100%; }

.colAbout-img > p > img{ width: 100%; }


/*****/
.colAside{ width: 300px;  height: auto; padding-top: 30px; box-sizing: border-box; position: absolute; right:0; top:0;}
.colAside-ads,.colAside-ads > ul > li{ width: 100%; }
.colAside-ads > ul > li{ margin-bottom:10px; }
.colAside-ads > ul > li > a{ display: block; width: 100%; height: auto; position: relative; }
.colAside-ads > ul > li > a > img{ width:100%; }
.colAside-ads > ul > li > a > div{ width: 100%; height: 100%; position: absolute; left:0; top:0; box-sizing: border-box; padding:10%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; color: #FFF; }
.colAside-ads > ul > li > a > div > h3{ width:100%; font-weight: normal; font-size: 18px; margin-bottom: 5%;}
.colAside-ads > ul > li > a > div > p{ width:100%; font-weight: normal; font-size: 14px; line-height: 1.8; }

.colAside-ads > ul > li:nth-of-type(2n) > a > div{ color: #333 !important; }
.colAside-ads > ul > li:nth-of-type(2) > a > div{ box-sizing: border-box; padding-left:45%; }
.colAside-topic{ width: 100%; }
.colAside-topic > ul > li,.colAside-topic > ul > li > a,.colAside-topic > ul > li > a > p{display: block; overflow: hidden; width: 100%; }
.colAside-topic > ul > li{ margin-bottom: 10px; }
.colAside-topic > ul > li > a > p > img{ width: 100%; }
.colAside-topic > ul > li > a > h3{ width: 100%; height: 36px; font-size: 14px; text-align: left; line-height: 36px; overflow: hidden; font-weight: normal; }

/*****/
.colContact{ width: 100%; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; padding-top:3%; padding-bottom: 3%; border-bottom: 1px solid #F5F5F5; box-sizing: border-box; }
.colContact-map{ width: 60%; overflow: hidden; }
.colContact-map img{ width: 100%; }
.colContact-about{ width:40%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; }
.colContact-about > h3,.colContact-about > h4,.colContact-about > div{ width: 100%; font-size: 14px; line-height: 22px; height: auto; text-align: left;}
.colContact-about > h3{ font-weight: bold; color: #1d2088; font-size: 18px; }
.colContact-about > h4{ margin-top: 2%; margin-bottom:1%; }
.colCompany{ width: 100%; text-align: left; margin-top: 1%; padding-bottom: 3%;}
.colCompany > header{ width:100%; font-weight: bold; color: #1d2088; font-size: 18px; line-height: 3; }
.colCompany > div{ width:100%; background-image: url(../images/unionCompany.png);background-position: right bottom; background-repeat: no-repeat; background-size: 16%; padding-top: 2%;}
.colCompany > div > ul > li{ width: 32%; float: left; margin-right: 2%; margin-bottom:3%; }
.colCompany > div > ul > li:nth-of-type(3n){ margin-right: 0; }
.colCompany > div > ul > li > h3,.colCompany > div > ul > li > p{ width:100%; font-size: 15px; font-weight: normal; text-align: left;}
.colCompany > div > ul > li > p{ font-size: 14px; height: auto; line-height: 20px; margin-top: 5px; }

/*****/
.colgroup{ width: 100%; min-width: 320px; background-color: #fafafa; }
.groupAbout{ width: 100%; box-sizing: border-box; padding-top: 3%; padding-bottom:3%; text-align: left; }
.groupAbout > header{line-height: 2;width:100%;font-weight: bold;font-size: 24px;}
.groupAbout > div{ width:100%; font-size: 14px; line-height: 2; }
.group_bg{padding: 33px;color: #fff;min-height: 441px;background-image: url(../images/jtcp_bg.jpg);background-repeat: no-repeat;background-position: left top;background-size: 100% 100%;}
.groupType{ width:100%; box-sizing: border-box; padding:3% 5%; background-color: #FFF; }
.groupType > ul > li{ width: 15%; height: 0; padding-top: 15%; margin-right:2%; float: left; position: relative;}
.groupType > ul > li > a{ display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; background-image: url(../images/groupItem.png); background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 15px; box-sizing: border-box; padding:0 20px; color: #333 !important;}
.groupType > ul > li:nth-of-type(6n){ margin-right:0; }
.groupList,.groupList > ul > li,.groupList > ul > li > a{ display: block; width: 100%; }
.groupList > ul > li > a{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; box-sizing: border-box; padding-top: 3%; padding-bottom:3%;  border-bottom:1px solid #EEE;}
.groupList > ul > li:nth-of-type(2n) > a{ display: flex; flex-direction: row; }
.groupList > ul > li > a > .glImg{ width:45%; overflow: hidden; }
.groupList > ul > li > a > .glImg img{ width:100%; }
.groupList > ul > li > a > .glAbout{ width: 55%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; text-align: left; box-sizing: border-box; padding-right:3%;}
.groupList > ul > li:nth-of-type(2n) > a > .glAbout{  padding-left:3%; padding-right:0;}
.groupList > ul > li > a > .glAbout > h3{ width:100%; font-weight: bold; font-size: 24px; color: #1d2088 !important; }
.groupList > ul > li > a > .glAbout > div{  width:100%; font-size: 15px; line-height: 32px; height: 128px; overflow: hidden; color: #666 !important; margin-top: 5%;}



/*****/
.honorCol{ width:100%; padding-top: 2%; padding-bottom:2%; } 
.honorCol > header{ width: 100px; font-size: 15px; text-align: left; line-height: 2; }
.honorF1List{ width: 100%; height: auto; }
.honorF1List > ul > li{ width: 32%; overflow: hidden; float: left; margin-top: 2%; margin-right:2%;}
.honorF1List > ul > li img{ width: 100%; }
.honorF1List > ul > li:nth-of-type(3n){ margin-right: 0; }
.honorF1Link{display: block; width: 100%; height: auto; line-height: 3; border:1px solid #e5e5e5; text-align: center; box-sizing: border-box; background-color: #FFF; font-size: 14px; margin-top: 3%; }
.zhengshu{ width: 100%; overflow: hidden; margin-top: 2%; }
.zhengshu img{ width: 100%; }