@charset "utf-8";

/*--------------------------------------------------------------------------通用样式--------------------------------------------------------------------------*/
.hoverable { position: relative; overflow:hidden; z-index: 0; transition: all 0.3s ease; }
.hoverable:hover { transform:translateY(-5px);  }
.anim { transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: -1; }
.anim:before {  position: relative; content: ""; display: block; margin-top: 100%; }
.anim:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.hoverable .anim { animation: anim-out .75s; }
.hoverable .anim:after { animation: anim-out-pseudo .75s; }
.hoverable .anim, .hoverable .anim:after { animation-iteration-count: infinite; animation-duration: 1.3s; }
@keyframes anim-in { 0%{width:0}100%{width:100%}}
@keyframes anim-in-pseudo { 0%{background:rgba(0,0,0,0.25)}100%{background:transparent} }
@keyframes anim-out { 0%{width:0}100%{width:100%} }
@keyframes anim-out-pseudo { 0%{background:rgba(0,0,0,0.25)}100%{background:transparent} }
.white-more, .blue-more  { display: inline-block; box-sizing: border-box; font-size: 16px; color:#fff; padding:15px 30px; border:2px solid #fff; position: relative;  transition: all 0.3s ease;}
.white-more i , .blue-more i { display: inline-block; font-size: 17px; line-height: 140%; margin-left:80px; }
.white-more:hover { background: #005bac; border:2px solid #005bac; }
.blue-more {  position: relative;  background: #005bac; border:2px solid #005bac; transition: all 0.3s ease; }
.blue-more:hover { transform:translateY(-5px);  }
.iboxbg { background-position: center center; background-size:cover; background-repeat: no-repeat;}
.hdiv { width:100%; height: 80px; }
.mhdiv { width:100%; height:64px; display: none; }
.mask { width:100%; height:100%; overflow:hidden; cursor:pointer; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:999;}
.pc-cc { display: block; } 
.m-cc { display: none; }

.sp-pn { position: absolute; top: 50%; margin-top:-30px; z-index: 9;  cursor: pointer; width:60px; height: 60px; background:rgba(255,255,255,0.8); text-align: center;  color:#009fe8;   transition: all .3s ease; }
.focus-prev  {left: 0; }
.focus-next {right: 0; }
.sp-pn i {display:inline-block; line-height:60px; font-size: 20px;  }
.sp-pn:hover { background: #005bac; }
.sp-pn:hover i{color:#fff;}
.sp-focus.swiper-pagination { width:100%; position: absolute; text-align: right; left: auto; right:3%; bottom:6%;  }
.sp-focus.swiper-pagination .swiper-pagination-bullet { width:10px; height: 10px; border-radius: 0!important; background:#fff; opacity: 0.5; margin:0 10px!important; }
.sp-focus.swiper-pagination .swiper-pagination-bullet-active { background:#fff;  opacity: 1;  }

.sp-bot.swiper-pagination { width:100%; bottom:0!important; }
.sp-bot .swiper-pagination-bullet { width:10px; height: 10px; background:rgba(255,255,255,0.5); opacity: 1!important; margin:0 10px!important; border-radius:0!important;   }
.sp-bot .swiper-pagination-bullet-active { width:40px; background:rgba(255,255,255,1); }

.sp-bot-blue .swiper-pagination-bullet { background:#ccc!important; }
.sp-bot-blue .swiper-pagination-bullet-active { background:#005bac!important; }



/*--------------------------------------------------------------------------导航--------------------------------------------------------------------------*/

.header { width:100%; background:none; position: fixed; top:0; z-index: 99; box-sizing: content-box;  /* border-bottom:1px solid rgba(255,255,255,0.1); */ transition: all 0.3s ease; }
.header::after { width:100%; height: 100%; content: ""; left: 0; top: 0; opacity: 0.5; position: absolute; background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: -1;}
.header .hlogo .hlbox { display: table; height: 80px; color:#fff; }
.header .hlogo .hlbox img { max-height: 40px; margin-right:20px; }
.header .hlogo .hlbox .txt span { font-size: 17px;  }
.header .hlogo .hlbox .white {display: block; }
.header .hlogo .hlbox .blue { display: none;}
.commenu, .commenu ul, .commenu ul li, .commenu ul li a, .commenu .menu-button {  display:inline-block; position:relative; box-sizing:border-box; }
.commenu .menu-button { display:none; }
.commenu>ul>li {  margin:0 30px; }
.commenu>ul>li:last-child {  margin:0 0 0 30px; }
.commenu>ul>li> a span { display: inline-block; line-height: 80px; font-size:17px; color:#fff; position: relative; }
.commenu>ul>li> a i { display:inline-block; font-size:17px; color:#fff; margin-right:10px;  }
.commenu>ul>li> a span::after { content: " ";  position: absolute; left: 0; bottom: 0; width:0;  height: 2px; background: #fff;  z-index: 2; transition: all 0.3s ease; }
.commenu>ul>li> a:hover span::after { width: 100%; }
.commenu>ul>li.has-sub > a i { display: inline-block; font-size: 12px; color:#ccc; margin:0 0 0 10px;  }
.commenu ul li ul { width: 300px;  background:#005bac; position:absolute; left:0; top:120%; visibility: hidden; opacity: 0; transition: all 0.3s ease; }
.commenu ul li:hover>ul {  visibility: visible; opacity: 1; top:100%; }
.commenu ul li ul li { float:left; width: 100%; line-height: 180%; border-bottom:1px solid rgba(255,255,255,0.1); }
.commenu ul li ul li a { width:100%; padding:10px 20px 10px 30px; font-size:16px; color:#fff; }
.commenu ul li ul li a i { display: inline-block; font-size: 14px; }
.commenu ul li ul li a:hover { background: #333; }
.commenu ul li ul li ul { left:100%; visibility: hidden; opacity: 0; }
.commenu ul li ul li:hover ul { top:0; }

.header.active { background: #fff; border:0; box-shadow: 0 0 20px rgba(0,0,0,.1); /* backdrop-filter: blur(20px); */ }
.header.active::after { opacity: 0; }
.header.active .hlbox { color:#333; }
.header.active .hlogo .hlbox .white {display: none;}
.header.active .hlogo .hlbox .blue { display: block;}
.header.active .commenu>ul>li> a span { color:#333; text-transform: uppercase; }
.header.active .commenu>ul>li> a i { color:#ccc;  }
.header.active .commenu>ul>li> a span::after { background: #005bac; }

@media all and (max-width:980px) {
	
	::-webkit-scrollbar{width: 6px;height: 6px; }
	
	.header .hbox { width: 100%; height: 60px; }
	.header .hlogo, .header .hmenu { float:none;}
	.header .hlogo { position: absolute; left:0.32rem; top:0; z-index: 1;  }
	.header .hlogo .hlbox { height: 60px; }
	.header .hlogo .hlbox img { max-height: 16px;}
	.header .hlogo .hlbox .txt span { font-size: 0.46rem; font-weight: bold; }
	
	.header .hmenu { width: 60px; height: 60px; float: right; position:fixed; top:0; right:0; z-index: 9; }
	.commenu {width:100%; }
	.commenu ul.menubox {  width:calc(100% - 60px)!important; height: 100vh; overflow-y:scroll; position: fixed; left:-100%; z-index: 999;  /*display:none;*/ visibility: hidden; opacity: 0; transition: all 0.3s ease; }
	.commenu ul.menubox.open { left:0; opacity: 1;  visibility: visible; }
	.commenu ul { width:100%!important;  background: #333;  }
	.commenu ul li { float:none!important; width:100%!important; line-height:normal; border-bottom: 1px solid rgba(255,255,255,0.1); margin:0; padding:0 0.64rem; }
	.commenu>ul>li { margin: 0; }
	.commenu>ul>li> a span { line-height: 1.4rem; font-size: 0.38rem; }
	.commenu>ul>li> a i { display: inline-block; font-size: 0.42rem; line-height:1.4rem; }
	
	.header.active .commenu>ul>li> a span { color:#fff; }
	.header.active .commenu>ul>li> a i { color:#fff;  }
	.header.active .commenu>ul>li> a span::after { background: #fff; }
	
	.commenu .menu-button { display:block; width:60px; height: 60px; float:right; }
	.hamburger-menu{width:60px;height:60px; display: flex; align-items:center; justify-content: center; }
	.hamburger-menu div {width:24px; height:2px; border-radius:2px; background:#fff; position:relative;z-index:1001; transition: all 0.3s ease;}
	.hamburger-menu div:before,.hamburger-menu div:after{content:''; position:absolute; width:inherit; height:inherit; background:#fff; border-radius:2px; transition: all 0.3s ease;}
	.hamburger-menu div:before{transform:translateY(-8px); }
	.hamburger-menu div:after{transform:translateY(8px); }
	.menu-opened .hamburger-menu div{ background: transparent;}
	.menu-opened .hamburger-menu div:before{ transform: translateY(0) rotate(-45deg);}
	.menu-opened .hamburger-menu div:after{ transform: translateY(0) rotate(45deg);}
		
	.header.active .hamburger-menu div { background: #333; }
	.header.active .menu-opened .hamburger-menu div{ background: transparent;}
	.header.active .hamburger-menu div:before, .header.active .hamburger-menu div:after { background: #333; }
}


/*--------------------------------------------------------------------------首页--------------------------------------------------------------------------*/

.ibg { width:100%; }
.iban-swp { height:100%; }
.iban-swp .picbox {  width: 100%;  overflow: hidden; }
.iban-swp .bg { width: 100%; height:100vh; position: relative; display: table;  background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s; }
/*.iban-swp .bg:before { width:100%; height: 100%; content: ""; left: 0; top: 0; opacity: 0.3; position: absolute; background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: -1;}*/
.iban-swp .bg .mid { display: table-cell; vertical-align: middle; }
.iban-swp .bg .txt { width: 50%; color:#fff;  }
.iban-swp .bg .txt h2 { font-size: 30px; }
.iban-swp .bg .txt h3 { font-size: 60px; margin:40px 0; font-weight: normal; }
.iban-swp .bg .txt .info p { font-size:24px; font-weight: bold; }
/* .iban-swp .sp-pn { position: absolute; top: 50%; z-index: 9; margin-top:-30px; cursor: pointer; width:60px; height: 60px; background:rgba(0,0,0,0.5); text-align: center;  color:#fff; 
transition: all 0.3s ease-in-out; display: none; }
.iban-swp .sp-pn:hover { background: #0b8bff; }
.iban-swp .iban-prev  {left: 40px; }
.iban-swp .iban-next { right: 40px; }
.iban-swp .sp-pn i {display:inline-block; line-height:60px; font-size: 20px; } */
.iban-swp .sp-bot.swiper-pagination { bottom:30px!important; }

.itit { margin-bottom:70px; }
.itit h3 { font-size: 36px; margin-bottom: 15px; }

.ibuss .swp-ibuss { padding-bottom: 70px; }
.ibuss .swiper-slide { width:20%!important; position: relative; }
.ibuss .swiper-slide .itembox {  position: relative; overflow: hidden;  }
.ibuss .swiper-slide .itembox::after { content: '';  position: absolute;	z-index: 99; width: 200%; height: 200%; background: linear-gradient(90deg, rgba(255,255,255,0) 40%, rgba(255,255,255,0.5), rgba(255,255,255,0) 60%) ;
	background-repeat: no-repeat; transform-origin: left top; transform: rotate(30deg);	transition: all 0.5s ease; opacity: 1; left:-100%; 	top:-100%;}
.ibuss .swiper-slide .itembox:hover::after { opacity: 1; left:200%;}
.ibuss .swiper-slide .itembox { box-sizing: border-box; width:calc(100% - 42px); margin-left:40px; }
.ibuss .swiper-slide.swiper-slide-active { transition: all 0.3s ease; width:40%!important;  }
.ibuss .swiper-slide.swiper-slide-active .itembox { width:100%; margin-left:0;  }
.ibuss .itembox { height: 480px; background-position: center center; background-size:auto 100%; background-repeat: no-repeat; position: relative; z-index: 1; transition: all 0.5s ease; }
.ibuss .itembox::before { content: ""; width:100%; height: 50%; left: 0; bottom: 0; opacity: 0.5; position: absolute; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 2; }
.ibuss .swiper-slide:hover .itembox { background-size: auto 110%; }
.ibuss .itembox .txt { box-sizing: border-box; width:100%; position: absolute; left:0; bottom:0; z-index: 9; color:#fff; padding:40px 60px 40px 40px; }
.ibuss .itembox .txt h2 { font-size: 17px; font-weight: normal; }
.ibuss .itembox .txt p { height:0; opacity: 0; transition: all 0.3s ease; }
.ibuss .itembox .txt i { display: inline-block; line-height: 160%; font-size: 20px; position: absolute; right:20px; bottom:40px; transform: rotate(-45deg); }
.ibuss .swiper-slide.swiper-slide-active .itembox h2 { font-size:24px; font-weight: bold; }
.ibuss .swiper-slide.swiper-slide-active p { height:64px; opacity: 1; margin:20px 0 0; }
.ibuss .sp-pn { margin-top:-60px; }
.ibuss .ibuss-prev { left:0; }
.ibuss .ibuss-next { right:0; }

.iabo { background-image: url(../images/iabobg.jpg);  background-attachment: fixed; box-sizing: border-box; overflow: hidden; height: 760px; }
.iabo .iabo-l { box-sizing: border-box; width: 50%!important;  }
.iabo .iabo-l .tit h2 { font-size: 36px; margin:20px 0 40px; }
.iabo .iabo-l .info p { margin:10px 0; }
.iabo .iabo-l .more { margin:50px 0 0; }
.iabo .iabo-l .inum { margin:60px 0 0; }
.iabo .iabo-l .inum ul li em { display: inline-block; font-size: 48px;  margin-bottom: 10px; }
.iabo .iabo-r { box-sizing: border-box; width: 40%!important; height: 100%;  left:60%!important; top:32%!important; }
.iabo .iabo-r .icobox a { display: inline-block; box-sizing: border-box; width: 32%; padding:20px 0 20px 40px; }
.iabo .iabo-r .icobox a .item { width:100%; height: 100%; color:#fff; border:2px solid #fff; transition: all 0.3s ease; }
.iabo .iabo-r .icobox a:hover .item { background: #005bac; border:2px solid #005bac;  }
.iabo .iabo-r .icobox .more { margin:60px 0 0; }

.inews { background-image: url(../images/inewsbg.jpg); background-position: bottom;  background-size:cover; background-repeat: no-repeat; }
.inewslist .pic { width:calc(50% - 40px); overflow: hidden; }
.inewslist .pic a { display: block; overflow: hidden; position: relative; color:#fff; z-index: 1; }
.inewslist .pic a:before { content: ""; width: 100%; height: 30%; left: 0;  bottom: 0; opacity: 0.5;  transition: all 0.3s; position: absolute; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));  z-index: 2;}
.inewslist .pic a h1 { display: inline-block; width:76%; position: absolute; left:4%; bottom:6%; z-index: 9;  font-size: 17px; font-weight: normal; }
.inewslist .pic a h1 em { display: block; font-weight: normal; line-height: 200%; } 
.inewslist .pic a img { width: 100%; height: 100%; object-fit: cover;  transition: all 0.5s ease; }
.inewslist .pic a:hover img {  transform:scale(1.1);  }
.inewslist .list { width:50%; }
.inewslist .list ul li { background: #fff; padding: 15px 30px; line-height: 200%; margin:20px 0 0; position: relative; }
.inewslist .list ul li::after { content: " ";  position: absolute; top: 0;  left: 0; width:2px;  height: 0; background: #005bac;  z-index: 2; transition: all 0.3s ease;}
.inewslist .list ul li:hover::after { height: 100%; }
.inewslist .list ul li .img { max-width: 200px; overflow: hidden; }
.inewslist .list ul li .img img { width: 100%; height: 100%; object-fit: cover;  transition: all 0.5s ease; }
.inewslist .list ul li:hover .img img { transform:scale(1.1);  }
.inewslist .list ul li .txt .info { width:calc(100% - 120px); }
.inewslist .list ul li .txt .info h2 { font-weight: normal; font-size: 17px;  }
.inewslist .list ul li .txt .info p { font-size: 15px; color:#999; }
.inewslist .list ul li .txt .date { color: #999; }
.inewslist .list ul li:first-child { padding:0 0 0 30px; margin:0 0 40px 0; }
.inewslist .list ul li:first-child .txt .info { width: calc(100% - 230px); padding-bottom: 20px; }
.inewslist .list ul li:first-child .txt .info h2 { margin:0 0 10px; font-size: 17px; }
.inewslist .list ul li:first-child .txt .info em { display: inline-block; color: #999; margin:10px 0 0; }
.inewslist .sp-focus.swiper-pagination { width:16%; }
.inews .more { margin:60px 0 0; }

.ivideo { overflow: hidden; }
.ivideo .pic { background: #000; height: 480px; position: relative; z-index: 1;}
.ivideo .pic img { opacity: 0.7;}
.ivideo .pic span { width:60px; height: 60px; line-height: 60px; border-radius: 50%; overflow: hidden; border:2px solid #fff; color:#fff; text-align: center; position: absolute; top:calc(50% - 30px); left:calc(50% - 30px); z-index: 9;  }
.ivideo .pic span i { font-size: 24px; }

.ivdbg { position:absolute; z-index:2; top:0; width:100%; height:100%; opacity: 0.2;}
.ivdbg .vd { width: 100%;}

.footer { width:100%; background-color: #2e2e2e; background-image: url(../images/ifootbg.jpg); padding:80px 0 0; font-size: 15px; }
.footer p { font-size: 15px; }
.footer a { color:#999; font-size: 15px; }
.footer a:hover { color:#fff; }
.footer .cc { padding-bottom: 60px; }
.footer .flogo { width:14%; }
.footer .flogo img { max-height: 40px; }
.footer .fleft { width:60%; }
.footer .fleft ul li { width:78%; }
.footer .fleft ul li h3, .footer .qrcode h3 { font-size: 17px; margin-bottom: 25px; }
.footer .fleft ul li h3 span, .footer .qrcode h3 span { display: inline-block; padding-bottom:25px; position: relative; }
.footer .fleft ul li h3 span::after, .footer .qrcode h3 span::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:100%;  height: 2px; background: #005bac;  z-index: 2; transition: all 0.3s ease;}
.footer .fleft ul li a { display: inline-block; width: 50%; margin:5px 0; line-height: 200%; }
.footer .fleft ul li:last-child { width:22%; }
.footer .fleft ul li:last-child a { width: 100%;  }
.footer .fright { width:26%; }
.footer .gpcode { box-sizing: border-box; padding:10px 30px 20px; background: rgba(0,0,0,0.1); }
.footer .gpcode h3 { font-size: 17px; }
.footer .gpcode h3, .footer .gpcode h5 { height: 50px; line-height: 50px; }
.footer .gpcode span { font-size: 17px; }
.footer .qrcode { margin:40px 0 0; }
.footer .qrcode img { max-width: 120px; }
.footer .qrcode p { margin:10px 0 0; }
.footer .qrcode ul { padding:5px 0 0; }
.footer .cpr .cc { padding:30px 0; border-top:1px solid rgba(255,255,255,0.1); }
.footer .cpr .fr { text-align: right; }
.footer .cpr .fr em { display: inline-block; margin:0 10px; }

.gotop { position: fixed;  right : 40px; bottom : 40px; z-index: 9; width: 60px; height: 60px; line-height: 60px;  border-radius: 60px; text-align: center;  background: #005bac; color: #fff; cursor: pointer; }
.gotop i { font-size: 24px; }

/*--------------------------------------------------------------------------内页--------------------------------------------------------------------------*/

.cbanner { width:100%; height: 400px;  position: relative; z-index: 1;  overflow: hidden;}
.cbanner::after { width:100%; height: 50%; content: ""; left: 0; bottom: 0; opacity: 0.5; position: absolute; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 2;  }
.cbanner .txt { text-transform: uppercase; position: relative; z-index: 9; }
.cbanner .txt  h1 { font-size: 36px; margin:0 0 20px;  }

.cmenu { background: #f9f9f9;   }
.cmenu a { float: left; display: inline-block; height: 80px; line-height: 80px;  font-size: 17px;  color:#333;  margin-right:80px; position: relative; }
.cmenu a::after { content: " ";  position: absolute;  left: 0; bottom: 0;   width:0;  height: 2px; background: #005bac;  z-index: 2; transition: all 0.3s ease; }
.cmenu a:hover::after , .cmenu a.active::after   { width:100%;   }

.ctit { margin-bottom:60px; font-size: 36px; }

.cabo .cabo-l { box-sizing: border-box; width: calc(50% - 60px);}
.cabo .cabo-l .tit em { font-size: 24px; text-transform: uppercase; }
.cabo .cabo-l .tit h2 { font-size: 36px; margin:10px 0 40px; }
.cabo .cabo-l .info p { margin:10px 0; }
.cabo .cabo-l .cnum { margin:60px 0 0; }
.cabo .cabo-l .cnum ul li em { display: inline-block; font-size: 48px;  margin-bottom: 10px; color:#333; }
.cabo .cabo-r { box-sizing: border-box; width: calc(50% - 60px); }
.cabo .cabo-r .album .swiper-slide:before { content: ""; width:100%; height:30%;  left: 0; bottom: 0; opacity: 0.5; transition: all 0.3s; position: absolute; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 2;}
.cabo .cabo-r .album img { width: 100%; }
.cabo .cabo-r .album {  position: relative; overflow: hidden;  }
.cabo .cabo-r .album::after { content: '';  position: absolute;	z-index: 99; width: 200%; height: 200%; background: linear-gradient(90deg, rgba(255,255,255,0) 40%, rgba(255,255,255,0.5), rgba(255,255,255,0) 60%) ;
	background-repeat: no-repeat; transform-origin: left top; transform: rotate(30deg);	transition: all 0.5s ease; opacity: 1; left:-100%; 	top:-100%;}
.cabo .cabo-r .album:hover::after { opacity: 1; left:200%;}

.chor { background-image: url(../images/chorbg.jpg); }
.chor .hd ul li { display: inline-block; box-sizing: border-box; font-size: 17px; background: #fff; color:#333; padding:15px 60px;  position: relative; margin:0 20px; cursor: pointer;}
.chor .hd ul li:hover , .chor .hd ul li.on { background: #005bac; color: #fff;  }
.chor .list .swp-hor { box-sizing: border-box;  margin:20px 0 0; padding:6% 5.5% 3% 0;  margin-left:0%; }
.chor .list .swiper-slide {  align-items: center;	 transform: scale(0.8); transition: all 0.3s ease; }
.chor .list .swiper-slide-active,.chor .list .swiper-slide-duplicate-active { transform: scale(1.2); }
.chor .list .swiper-slide p { margin:20px 0 0; transform: scale(1.2); }
.chor .list .swiper-slide-active p,.chor .list .swiper-slide-duplicate-active p { transform: scale(0.8); }
.chor .list .swiper-slide.swiper-slide-prev { margin-right:4%; }
.chor .list .swiper-slide.swiper-slide-next { margin-left:4%; }


.chor .list .swiper-slide .imgs{    height: 300px; background: #fff;}
.chor .list .swiper-slide .imgs img{  object-fit: contain;}
.cdev { background-image: url(../images/cdevbg.jpg); background-position: bottom; }
.cdev .view .swiper-slide { box-sizing: border-box; overflow: hidden;  }
.cdev .view .swiper-slide h3 { font-size: 64px; font-weight: normal; margin-bottom: 40px; }
.cdev .view .swiper-slide ul li { margin:20px 0; }
.cdev .view .swiper-slide ul li em { display: inline-block; margin-right: 10px; }
.cdev .preview { padding: 60px 0 0; margin:40px 0 0; position: relative; z-index: 1; }
.cdev .preview::after { content: " ";  position: absolute;  left: 0; top: 50%;  width:100%;  height: 1px; background: rgba(255,255,255,0.3);  z-index: 2;  }
.cdev .preview .swiper-slide { box-sizing: border-box;  cursor: pointer;  }
.cdev .preview .swiper-slide span { display: inline-block; width: 100%; height: 100%; font-size: 36px; font-weight: 300; color:rgba(255,255,255,0.3);  padding:40px 0 0; background:url(../images/ico-snav.png) center top no-repeat;}
.cdev .preview .swiper-slide span::before { content: " ";  position: absolute;  left: 0; top: 0;  width:100%;  height: 100%;   z-index: 2; }
.cdev .preview .swiper-slide.swiper-slide-thumb-active span  {  color:rgba(255,255,255,1); font-weight: 400; background:url(../images/ico-snavh.png) center top no-repeat; }
.cdev .sp-pn { border-radius: 60px; background:#fff; color:#005bac; }
.cdev .sp-pn:hover{background:#005bac;}
.ccul { background: #f9f9f9;}
/* .accordionBox { width: 100%;  height: 600px;  position: relative; overflow: hidden; }
.accordionBox ul { height: 600px; overflow: hidden; }
.accordionBox ul li {  width: calc(25% - 30px); height: 600px; margin-right:40px;  position: relative; overflow: hidden; float: left; transition: all 0.3s ease; }
.accordionBox ul li.on { width:calc(50% - 30px); }
.accordionBox ul li:nth-child(3n) { margin-right: 0;}
.accordionBox ul li .img {  width: 100%; height: 100%; object-fit: cover; overflow: hidden; }
.accordionBox ul li .img img {  width: 100%; height: 100%; object-fit: cover;  }
.accordionBox ul li .txt { box-sizing: border-box; width: 100%;  position: absolute; left:0; bottom:0; z-index: 9; color:#fff; padding:40px 60px 40px 40px; }
.accordionBox ul li .txt h2 { font-size: 36px;  }
.accordionBox ul li .txt .info {box-sizing: border-box; padding-right: 40px; height: 420px; overflow-y:scroll; height:0; opacity: 0; transition: all 0.3s ease;  }
.accordionBox ul li .txt .info::-webkit-scrollbar{width: 4px;height: 4px;background-color: #ccc;}
.accordionBox ul li .txt .info table tr td { border-bottom: 1px solid rgba(255,255,255,0.5); padding:15px 0; }
.accordionBox ul li .txt .info table tr td:first-child {  vertical-align: top;  }
.accordionBox ul li .txt .info table tr td span { font-size: 17px;  font-weight: bold; }
.accordionBox ul li.on .txt .info { height:420px; opacity: 1; margin:40px 0 0; } */
.accordionBox { width: 100%;  height: 600px;  position: relative; overflow: hidden; }
.accordionBox ul { height: 600px; overflow: hidden; }
.accordionBox ul li { flex:4; height: 600px; margin-right:40px;  position: relative; overflow: hidden; float: left; transition: all 0.3s ease; }
.accordionBox ul li.on { flex:8; }
.accordionBox ul li .img {  width: 100%; height: 100%; object-fit: cover; overflow: hidden; }
.accordionBox ul li .img img {  width: 100%; height: 100%; object-fit: cover;  }
.accordionBox ul li .txt { box-sizing: border-box; width: 100%;  position: absolute; left:0; bottom:0; z-index: 9; color:#fff; padding:40px 60px 40px 40px; }
.accordionBox ul li .txt h2 { font-size: 36px;  }
.accordionBox ul li .txt .info {box-sizing: border-box; padding-right: 40px; height: 420px; overflow-y:scroll; height:0; opacity: 0; transition: all 0.3s ease;  }
.accordionBox ul li .txt .info::-webkit-scrollbar{width: 4px;height: 4px;background-color: #ccc;}
.accordionBox ul li .txt .info table tr td { border-bottom: 1px solid rgba(255,255,255,0.5); padding:15px 0; }
.accordionBox ul li .txt .info table tr td:first-child {  vertical-align: top;  }
.accordionBox ul li .txt .info table tr td span { font-size: 17px;  font-weight: bold; }
.accordionBox ul li.on .txt .info { height:420px; opacity: 1; margin:40px 0 0; }

.cpar { background-image: url(../images/inewsbg.jpg); background-position: bottom; }
.cpar .list { position:relative; }
.cpar .list .swp-par { padding: 0 0 60px 0; height: 240px;}
.cpar .list .swp-par .swiper-slide { text-align: center; height:100px; }
.cpar .list .swp-par .swiper-slide .img { box-sizing: border-box; background: #fff; padding:20px 40px; height: 100px; line-height: 60px; }
.cpar .list .swp-par .swiper-slide .img img {  max-height: 100%; vertical-align: middle; }

.cbuss .cbuss-top { width: 56%;  position: absolute; z-index: 9; right:5%; top:34%; }

.cbuss .swp-buss1 .swiper-slide { cursor: pointer; }
.cbuss .swp-buss1 .itembox { height: 480px; position: relative; transition: all 0.5s ease; }
.cbuss .swp-buss1 .itembox::after {  width:100%; height: 50%; content: ""; left: 0; bottom: 0; opacity: 0.6; position: absolute; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 2; }
.cbuss .swp-buss1 .itembox:hover .imgs img { transform:scale(1.08);  }
.cbuss .swp-buss1 .itembox .txt { box-sizing: border-box; width:100%; position: absolute; left:0; bottom:0; z-index: 9; color:#fff; padding:0 40px; }
.cbuss .swp-buss1 .itembox .txt h2 span { display: inline-block; font-size: 17px; font-weight: normal; position: relative; padding-bottom: 30px; }
.cbuss .swp-buss1 .itembox .txt h2 span::after { content: " ";  position: absolute;  left: 0; bottom: 0;   width:0;  height: 2px; background: #fff;  z-index: 2; transition: all 0.3s ease;  }
.cbuss .swp-buss1 .swiper-slide.swiper-slide-active .itembox .txt h2 span::after, .cbuss .swp-buss1 .swiper-slide:hover .itembox h2 span::after { width:100%; }
.cbuss .swp-buss1 .swiper-slide.swiper-slide-active .itembox h2 span, .cbuss .swp-buss1 .swiper-slide:hover .itembox h2 span { font-size:24px; font-weight: bold; }

.cbuss .tabbox { position: absolute; top:72%; left:5%; }
.cbuss .tabbox .sp-bot-buss1.swiper-pagination { width:auto!important; position: static!important; text-align: left!important; }
.cbuss .tabbox .sp-bot .swiper-pagination-bullet { margin:0 20px 0 0!important; }

.cbuss .cbuss-bot { width: 100%;  }
.cbuss .swp-buss2 .itembox { height:100vh;}
.cbuss .swp-buss2 .itembox .bg {  width: 100%; height: 100vh; object-fit: cover; object-position: center center; background: #000;   position: relative; z-index: 1; overflow: hidden; }
.cbuss .swp-buss2 .itembox .bg img { opacity: 0.3; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: all 0.5s ease-in-out;}

.cbuss .swp-buss2  .ctit { width:30%; position: absolute; top:30%; left:5%; z-index:99; }
.cbuss .swp-buss2  .ctit h2 { margin-bottom: 30px; }
.cbuss .swp-buss2  .more { margin:40px 0 0; }

.cnewslist .cnews-l { width:72%; }
.cnewslist .cnews-l ul li { background: #f9f9f9; margin-bottom: 40px; }
.cnewslist .cnews-l ul li:last-child { margin-bottom: 0;}
.cnewslist .cnews-l ul li .pic { flex: 4; }
.cnewslist .cnews-l ul li .info { flex: 8; box-sizing: border-box; padding:4%; position: relative; }
.cnewslist .cnews-l ul li .info h2 { font-size: 17px; }
.cnewslist .cnews-l ul li .info h2 span { display: inline-block; padding-bottom:10px; position: relative; z-index: 1; }
.cnewslist .cnews-l ul li .info h2 span::after { content: " ";  position: absolute;  left: 0; bottom: 0;  width:0;  height: 2px; background: #005bac;  z-index: 2; transition: all 0.3s ease;  }
.cnewslist .cnews-l ul li .info .desc { color:#888;  margin:5% 0; }
.cnewslist .cnews-l ul li .info .cate em { display: inline-block; margin:0 10px; }
.cnewslist .cnews-l ul li .info .cate i { font-size: 17px;}
.cnewslist .cnews-l ul li:hover .pic img { transform:scale(1.08);  }
.cnewslist .cnews-l ul li:hover .info h2 span::after { width:100%; }

.cnewslist .cnews-l ul li:first-child { margin-bottom: 60px; }
.cnewslist .cnews-l ul li:first-child .pic { flex:8; max-height: 480px; }
.cnewslist .cnews-l ul li:first-child .info { flex:4; background: url(../images/cnewstbg.png) center bottom no-repeat #005bac; background-size: contain;  position: relative; padding:8% 4% 0; }
.cnewslist .cnews-l ul li:first-child .info h2 { color:#fff; }
.cnewslist .cnews-l ul li:first-child .info h2 span::after { background: #fff; }
.cnewslist .cnews-l ul li:first-child .info .desc {  margin:10% 0 20%; }
.cnewslist .cnews-l ul li:first-child .info .desc p {  color:rgba(255,255,255,0.5); }
.cnewslist .cnews-l ul li:first-child .info .cate span { color:rgba(255,255,255,0.5);}
.cnewslist .cnews-l ul li:first-child .info .cate span.ca { position: absolute; top:8%; left:10%;  }
.cnewslist .cnews-l ul li:first-child .info .cate em { display: none; }
.cnewslist .cnews-l ul li:first-child .info .cate i { color:#fff; }

.cnewslist .cnews-r { width:24%; }
.cnewslist .cnews-r .item { margin-bottom: 40px; }
.cnewslist .cnews-r .item:last-child { margin-bottom:0; }
.cnewslist .cnews-r .item .tit { box-sizing: border-box; width:100%; height: 70px; line-height: 70px; background: url(../images/cnewstit.png) center bottom no-repeat #005bac;  background-size: contain; padding:0 30px; }
.cnewslist .cnews-r .item .tit span { font-size: 24px; font-weight: bold; }
.cnewslist .cnews-r .item ul li:hover h3 { color:#005bac; }

.cnewslist .cnews-r .item.item-video  .tit {  margin-bottom: 30px; }
.cnewslist .cnews-r .item.item-video ul li { margin-bottom: 20px; } 
.cnewslist .cnews-r .item.item-video ul li:last-child { margin-bottom: 0;}
.cnewslist .cnews-r .item.item-video .pic { background: #000; height: 240px; position: relative; z-index: 1;}
.cnewslist .cnews-r .item.item-video .pic img { opacity: 0.7;}
.cnewslist .cnews-r .item.item-video .pic span { width:60px; height: 60px; line-height: 60px; border-radius: 50%; overflow: hidden;  border:2px solid #fff; color:#fff; text-align: center; position: absolute; top:calc(50% - 30px); left:calc(50% - 30px); z-index: 2;  }
.cnewslist .cnews-r .item.item-video .pic span i { font-size: 24px; }
.cnewslist .cnews-r .item.item-video .date { margin:10px 0; }

.cnewslist .cnews-r .item.item-news ul { box-sizing: border-box; background: #f9f9f9; padding:30px; }
.cnewslist .cnews-r .item.item-news ul li { border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; }
.cnewslist .cnews-r .item.item-news ul li:last-child { margin-bottom: 0; }
.cnewslist .cnews-r .item.item-news ul li h3 { margin:10px 0 0; }

.cnewslist .cn-detail .tit h2 { font-size:30px; }
.cnewslist .cn-detail .tit p {  margin:30px 0 0; padding:0 0 15px;  border-bottom: 1px solid #eee; }
.cnewslist .cn-detail .tit p span { margin-right: 30px;}
.cnewslist .cn-detail .tit p i { display: inline-block; color:#005bac; margin-right: 10px; font-size: 20px; vertical-align: bottom; }
.cnewslist .cn-detail .detail { padding:40px 0; }
.cnewslist .cn-detail .detail strong { color:#333; }
.cnewslist .cn-detail .sec { padding:30px 0 0;  border-top: 1px solid #eee; }
.cnewslist .cn-detail .sec p { box-sizing: border-box; margin:20px 0 0; background: #f9f9f9; padding-right: 30px; }
.cnewslist .cn-detail .sec span { display: inline-block; background: #005bac; width:120px; line-height: 50px; text-align: center; margin-right: 30px;  }
.cnewslist .cn-detail .sec p a:hover { color:#005bac; }

.csust { background-image: url(../images/csustbg.jpg); position: relative; z-index: 1; }
.csust::after { width:100%; height: 50%; content: ""; left: 0; bottom: 0; opacity: 0.5; position: absolute; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 1;  }
.csust .ww { position: relative; z-index: 9; }
.csust .csust-l { box-sizing: border-box; width: 50%;}
.csust .csust-l .tit { margin-bottom:40px; }
.csust .csust-l .tit p { font-size: 36px; font-weight: bold; line-height: 180%; }
.csust .csust-l .info p { margin:10px 0; }
.csust .csust-l .more { margin:50px 0 0; }
.csust .csust-r { box-sizing: border-box; width: 40%; height: 100%;}
.csust .csust-r .icobox a { display: inline-block; box-sizing: border-box; width: 32%; padding:20px 0 20px 40px; }
.csust .csust-r .icobox a .item { width:100%; height: 100%; color:#fff; border:2px solid #fff; transition: all 0.3s ease; }
.csust .csust-r .icobox a:hover .item { background: #005bac; border:2px solid #005bac;  }
.csust .csust-r .icobox .more { margin:60px 0 0; }

.csust-album .hd ul li { display: inline-block; box-sizing: border-box; font-size: 17px; background: #fff; color:#333; padding:15px 60px; border:2px solid #eee;  position: relative; margin:0 20px; cursor: pointer;}
.csust-album .hd ul li:hover , .csust-album .hd ul li.on { background: #005bac; color: #fff; border:2px solid #005bac; }
.csust-album .list .swp-csust { padding:70px 0; }
.csust-album .list a:before { content: ""; width:100%; height:30%;  left: 0; bottom: 0; opacity: 0.5; transition: all 0.3s; position: absolute; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 2;}
.csust-album .list .txt { box-sizing: border-box; padding:30px; position: absolute; bottom:0; z-index: 9;  }
.csust-album .list .txt p { font-size: 17px;  }

.csust-news { background: #f9f9f9; }
.csust-news .swp-csust-news { padding:0 0 70px 0;}
.csust-news .info::after { content: " ";  position: absolute; left: 0; bottom: 0; width:0; height: 2px; background: #005bac;  z-index: 2; transition: all .3s ease; }

.csust-news .info .pic img { width: 100%; height:100%; object-fit: cover;  }
.csust-news .info .txt { padding:30px; background: #fff; }
.csust-news .info .txt h2 {  color:#333; margin:10px 0; line-height: 180%; height: 60px; font-size: 17px; font-weight: normal;  }
.csust-news .info .txt p { color: #888;  height: 60px; }
.csust-news .info:hover::after { width:100%; }
.csust-news .info:hover .pic img { transform:scale(1.08);  }
.csust-news .more { margin:60px 0 0; }

.cbcareer { height: 600px; }
.cbcareer .txt h1 { font-size: 60px; }
.cbcareer .txt .videobtn span {display: inline-block; width:60px; height: 60px; line-height: 60px; border-radius: 50%; overflow: hidden;  border:2px solid #fff; color:#fff; text-align: center;   }
.cbcareer .txt .videobtn span i { font-size: 24px; }

.cnavbox { position: relative; z-index: 9; margin-top:-60px; }
.cnavbox ul li { box-sizing: border-box; width: calc(33.3% - 27px); height: 120px; background: #fff; overflow: hidden; }
.cnavbox ul li .img { flex:4; }
.cnavbox ul li .img i {  font-size: 60px; line-height: 120px; vertical-align: middle;  }
.cnavbox ul li .txt { flex:8; padding:20px 0; }
.cnavbox ul li .txt h5 { font-size: 24px; }
.cnavbox ul li .txt p { font-size: 17px; text-transform: uppercase; padding-right:30px; }
.cnavbox ul li .txt p i { font-size: 17px; }
.cnavbox ul li:hover { background: #005bac; transform:translateY(-5px);  }
.cnavbox ul li:hover i , .cnavbox ul li:hover h5 ,  .cnavbox ul li:hover span { color:#fff; }

.career-life { padding:150px 0 120px; background: #f9f9f9; margin-top:-60px; position: relative; }
.career-life .list a:before { content: ""; width:100%; height:30%;  left: 0; bottom: 0; opacity: 0.5; transition: all 0.3s; position: absolute; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 2;}
.career-life .list .txt { box-sizing: border-box; width:100%; padding:30px; position: absolute; bottom:0; z-index: 9;  }
.career-life .list .txt p { font-size: 17px;  }
.career-life .more { margin:60px 0 0; position: relative; z-index: 9; }
.career-life .sptxt { width: 100%; position: absolute; z-index: 1; bottom:-4.2%; color:rgba(0,0,0,0.05); font-size: 10.6vw; text-transform: uppercase; font-weight: 600; }

.career-care ul li { flex: 1; height: 520px; color:#fff; margin-right: 20px; overflow: hidden; position: relative; transition: all 0.3s ease; }
.career-care ul li.on { flex: 7; }
.career-care ul li:last-child { margin-right: 0; }
.career-care ul li .tit { height: 100%; background: #005bac; position: relative; text-align: center;  }
.career-care ul li .tit::after { content: ""; width:100%; height:50%;  left: 0; bottom: 0; opacity: 0.5; transition: all 0.3s; position: absolute; background: linear-gradient(to top, rgba(255,255,255,0.2), rgba(0,0,0,0)); z-index: 2; } 
.career-care ul li:nth-child(2n) .tit { background: #008081; }
.career-care ul li:nth-child(3n) .tit { background: #ff6c37; }
.career-care ul li:nth-child(4n) .tit { background: #319a6e; }
.career-care ul li:nth-child(5n) .tit { background: #ce5c5c; }
.career-care ul li:nth-child(6n) .tit { background: #005bac; }
.career-care ul li:nth-child(7n) .tit { background: #008081; }
.career-care ul li:nth-child(8n) .tit { background: #ff6c37; }
.career-care ul li:nth-child(9n) .tit { background: #319a6e; }
.career-care ul li .tit .ht { width:60px; font-size: 24px; font-weight: bold; text-align: center; margin:0 auto; }
.career-care ul li .tit .ht img { max-width: 60px; margin:20px 0; }
.career-care ul li .tit .ht span {  display: inline-block; width:24px; line-height: 120%; }
.career-care ul li .info { width: 0; height: 100%; opacity: 0; transition: all 0.3s ease;  }
.career-care ul li .info::after { content: ""; width:100%; height:50%;  left: 0; bottom: 0; opacity: 0.5; transition: all 0.3s; position: absolute; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 2; } 
.career-care ul li .info .txt { box-sizing: border-box; width:100%; position: absolute; left:0; bottom:0; z-index: 9; color:#fff; padding:40px; }
.career-care ul li .info .txt h3 { font-size: 24px; }
.career-care ul li .info .txt p {  margin:20px 0 0; transition: all 0.3s ease; }
.career-care ul li .info .imgs { max-height: 520px; }
.career-care ul li.on .tit { display: none; }
.career-care ul li.on .info { width:100%; opacity: 1; }

.socbox { background: #f9f9f9; }
.socbox .socbox-l {  box-sizing: border-box;  width:32%;  background: url(../images/societybg.png) center bottom no-repeat #005bac; background-size: contain;  position: relative; padding:100px 6%;  }
.socbox .socbox-l .ctit { margin-bottom: 50px;}
.socbox .socbox-l .ctit h2 { margin-bottom: 30px; }
.socbox .socbox-l .sp-bot.swiper-pagination { box-sizing: border-box; text-align: left!important; position: relative; }
.socbox .socbox-l .sp-bot .swiper-pagination-bullet { margin: 0 20px 0 0!important; }
.socbox .socbox-l .more { margin:60px 0 0; }

.socbox .socbox-r { width:68%; box-sizing: border-box; padding:100px 0 100px 80px;  }
.socbox .socbox-r .info::after { content: " ";  position: absolute; left: 0; bottom: 0; width:0; height: 2px; background: #005bac;  z-index: 2; transition: all .3s ease; }
.socbox .socbox-r .info .pic {  overflow: hidden; height: 260px; }
.socbox .socbox-r .info .pic img { width: 100%; height:100%; object-fit: cover;  }
.socbox .socbox-r .info .txt { padding:30px; background: #fff; }
.socbox .socbox-r .info .txt h2 {  color:#333; margin:10px 0; line-height: 180%; height: 60px; font-size: 17px; font-weight: normal;  }
.socbox .socbox-r .info .txt p { color: #888;  height: 60px; }
.socbox .socbox-r .info:hover::after { width:100%; }
.socbox .socbox-r .info:hover .pic img { transform:scale(1.08);  }
.socbox .socbox-r .more { margin:60px 0 0; }
.socbox .socbox-r .sp-pn { margin-top:-60px; }
.socbox .socbox-r .career-prev { left:0; display: none; }
.socbox .socbox-r .career-next { right:60px; }

.swp-grow { text-align: center; }
.swp-grow .swiper-wrapper { display:inline-block; }
.swp-grow .swiper-slide { display: inline-block; width:auto!important; display: inline-block; padding:0 40px;  cursor: pointer; }
.swp-grow .swiper-slide span { display: inline-block; position: relative; padding-bottom: 20px; }
.swp-grow .swiper-slide span::after {  content: " ";  position: absolute; left: 0; bottom: 0; width:0; height: 2px; background: #005bac;  z-index: 2; transition: all .3s ease;}
.swp-grow .swiper-slide.swiper-slide-thumb-active , .swp-grow .swiper-slide:hover { font-size: 24px; color:#333; font-weight: bold; }
.swp-grow .swiper-slide.swiper-slide-thumb-active span::after, .swp-grow .swiper-slide:hover span::after { width: 100%;}
.swp-grow-info { padding:60px 0 0; }
.swp-grow-info .item .imgs { max-height: 480px; position: relative; z-index: 1; }
.swp-grow-info .item .txt { box-sizing: border-box; width: 46%; padding:2% 3%; background: #005bac; position: relative;  z-index: 9; margin:-4% 4% 0; }
.swp-grow-info .item .txt p i { display: inline-block; font-size: 20px; color:rgba(255,255,255,0.3); margin-bottom: 20px; }

.career-join { background-image: url(../images/joinbg.jpg); }
.career-join .ctit h2 { margin-bottom: 10px; }
.career-join .more a { margin:0 20px; }

.ccontbox { background: #f9f9f9; margin: 80px 0 40px; }
.ccontbox .ccont-l, .ccontbox .ccont-r { box-sizing: border-box; width: 50%; }
.ccontbox .ccont-l { padding:0 4%; }
.ccontbox .ccont-l .tit em { font-size: 24px; text-transform: uppercase; }
.ccontbox .ccont-l .tit h2 { font-size: 36px; margin:10px 0 30px; }

.ccontlist .item { box-sizing: border-box; flex: 30%; background: #f9f9f9; padding:1.5% 2.5%;  border-left: 2px solid #005bac; margin: 40px 40px 0 0; }
.ccontlist .item:nth-child(3n) { margin-right: 0;}
.ccontlist .item h5 { font-size: 24px; margin-bottom: 20px; }
.ccontlist .item p { line-height: 40px; }
.ccontlist .item p i { display: inline-block; font-size: 20px; color: #005bac; vertical-align: top; margin-right: 15px; }

.csupp { background-image: url(../images/suppbg.jpg); margin:80px 0 0; }
.csupp .ctit h2 { margin-bottom: 10px; }

.fancybox-slide { padding:40px;}
.fancybox-infobar { font-size:16px!important; min-width:60px!important; height: 60px!important;  padding:10px 20px!important;  }
.fancybox-is-open .fancybox-bg { background:rgba(0,0,0,0.75)!important; opacity: 1!important;}
.fancybox-close-small { padding:0!important; color:#999!important; opacity: 1!important; right:30px!important; top:20px!important;}
.fancybox-close-small:hover { color:#005bac!important;}
.fancybox-video, .fancybox-iframe { background:none!important;}
.fancybox-iframe { border-radius: 0!important; }
.fancybox-slide--iframe .fancybox-content { max-width: 60%; max-height: 60%; margin: 0; background:none!important; }
.fancybox-caption__body { font-size:17px; }
.fancybox-button { width:50px!important; height: 50px!important;   }
.fancybox-navigation .fancybox-button { width:50px!important; height: 50px!important; line-height: 50px!important;  padding:0!important; text-align: center; }
.fancybox-navigation .fancybox-button i { font-size: 20px!important;  }
.fancybox-navigation .fancybox-button--arrow_left, .fancybox-navigation .fancybox-button--arrow_right {  padding:0!important; }
.fancybox-thumbs__list a::before { border: 4px solid #005bac; }




@media only screen and (max-width:1440px){
	.ww {  width:92%;  margin: 0 auto; }
	.commenu>ul>li { margin: 0 20px; }
	.iabo .iabo-r { left:56%!important; }
	.footer .qrcode img { max-width: 100px; }
	.cbuss .swp-buss2  .ctit { left:4%; }
}


/*--------------------------------------------------------------------------移动端--------------------------------------------------------------------------*/

@media only screen and (max-width:980px){
	
	/*--------------------------------------------------------------------------通用--------------------------------------------------------------------------*/
	
	.pc-cc { display: none; }
	.m-cc { display: block; }	
		
	.fancybox-slide { padding:15px;}
	.fancybox-slide--iframe .fancybox-content { max-width: 90%; max-height: 80%; }
	.fancybox-close-small { right:15px!important; top:10px!important;}
	.fancybox-button { width:36px; height: 36px;}

	.imore {  font-size: 0.38rem; padding-bottom: 0.12rem; }
	.imore i { font-size: 0.42rem; line-height: 180%; margin-left:0.36rem; }

	table, input, select, textarea { font-size:0.38rem; }
	.layui-form-label { font-size:0.38rem;}
	.layui-form-item { margin-bottom:0.36rem; }
	
	html, body,a, p, li { font-size:0.38rem; line-height: 180%; }
	.ww { width: calc(100% - 0.72rem); margin: 0 auto; }
	.p100, .p120, .p80 { padding:0.72rem 0; }
	
	.commenu>ul>li { margin: 0; }
	
	.hdiv { height: 60px; }
	
	.gotop { width: 50px; height: 50px; line-height: 50px; border-radius: 50px; right:0.36rem; bottom:0.36rem; }
	.gotop i { font-size: 0.48rem;}
	
	.white-more, .blue-more { font-size: 0.38rem; padding:0.24rem 0.48rem;}
	.white-more i, .blue-more i { font-size: 0.42rem; margin-left:1rem; }
	
	.sp-bot .swiper-pagination-bullet { width:8px; height: 8px; margin: 0 5px!important; }
	.sp-bot .swiper-pagination-bullet-active { width:30px; }
	
	.iban-swp .bg .txt { width: 100%; }
	.iban-swp .bg .txt h2 { font-size: 0.48rem;}
	.iban-swp .bg .txt h3 { font-size: 0.84rem; margin:0; }
	.iban-swp .bg .txt .info p { font-size: 0.42rem; }
	.iban-swp .sp-bot.swiper-pagination { bottom:0.36rem!important; }
	
	.itit { margin-bottom: 0.48rem;}
	.itit h3 { font-size: 0.56rem; margin-bottom: 0.24rem;}
	
	.ibuss .swp-ibuss { padding-bottom: 0.96rem; }
	.ibuss .swiper-slide  { width: 100%!important;}
	.ibuss .swiper-slide.swiper-slide-active { width: 100%!important;}
	.ibuss .swiper-slide.swiper-slide-active .itembox h2 { font-size: 0.48rem; }
	.ibuss .swiper-slide.swiper-slide-active p { margin:0.36rem 0 0; height: 2rem; -webkit-line-clamp: 3; }
	.ibuss .itembox .txt { padding:0.36rem; }
	.ibuss .itembox .txt i { display: none; }
	
	.iabo { height: auto;}
	.iabo .iabo-l , .iabo .iabo-r { float: none; width: 100%!important; height: auto!important; position: static!important; }
	.iabo .iabo-l .tit h2 { font-size: 0.56rem; margin:0 0 0.36rem 0; }
	.iabo .iabo-l .more { margin:0.48rem 0 0; }
	
	.iabo .iabo-l .inum { margin:0.48rem 0 0;}
	.iabo .iabo-l .inum ul li  { width:50%; padding:0.36rem 0; }
	.iabo .iabo-l .inum ul li em { font-size:0.72rem;}
	
	.iabo .iabo-r .icobox a { padding:0.24rem; }
	.iabo .iabo-r .icobox a .item img { width:50%; }
	
	.inewslist .pic , .inewslist .list {  float:none;  width:100%!important;  height:auto!important;  }
	.inewslist .pic a { height:auto!important; }
	.inewslist .pic a h1 { font-size:0.42rem;  }
	.inewslist .swiper-pagination { display:none; }
	.inewslist .sp-pn { width:40px; height:40px;  margin-top: -20px; }
	.inewslist .sp-pn i { line-height:40px; font-size:0.42rem; }
	.inewslist .list ul li:first-child { padding:0.36rem; margin:0; }
	.inewslist .list ul li:first-child .txt .info { float:none;  width: 100%; padding-bottom: 0; }
	.inewslist .list ul li .img { display:none; }
	.inewslist .list ul li { margin:0.36rem 0 0;  padding:0.36rem; }
	.inewslist .list ul li .txt .info { width: calc(100% -  2.4rem);  }
	.inewslist .list ul li .txt .info h2 { font-size: 0.4rem; }
	.inewslist .list ul li .txt .info p { font-size: 0.38rem;  }
	.inewslist .list ul li:first-child .txt .info h2 { font-size: 0.4rem; }
	.inews .more { margin:0.48rem 0 0; }
	
	.ivideo .pic { height: 6rem;}
	.ivideo .pic span { width: 50px; height: 50px; line-height: 50px; }
	.ivideo .pic span i { font-size: 0.42rem; }
	
	.footer { padding:0.72rem 0 0; }
	.footer .cc { padding-bottom: 0.72rem; }
	.footer .flogo , .footer .fleft , .footer .fright { float: none; width: 100%; margin:0.48rem 0 0; }
	.footer .flogo img { max-height: 0.8rem; }
	.footer .fleft ul li { width: 100%; }
	.footer .fleft ul li:last-child { width: 100%; margin:0.36rem 0 0; }
	.footer .fleft ul li:last-child a { width: 50%;}
	.footer .fleft ul li a { width:100%; margin:0.12rem 0; }
	.footer .fleft ul li h3, .footer .qrcode h3 { font-size: 0.4rem; margin-bottom: 0.36rem; }
	.footer .fleft ul li h3 span, .footer .qrcode h3 span { padding-bottom:0.36rem; }
	.footer .gpcode { padding:0.36rem; }
	.footer .gpcode h3, .footer .gpcode h5 { height: auto; line-height: 200%;}
	.footer .gpcode h3, .footer .gpcode span { font-size: 0.4rem; }
	.footer .qrcode { margin:0.36rem 0 0; }
	.footer .qrcode img { max-width: 110px; }
	.footer .cpr .cc { padding:0.36rem 0; }
	.footer .cpr .cc .fr { margin:0.24rem 0 0; }
	
	.cbanner { height: 180px; background-position: center top;}
	.cbanner .txt { padding:0 0.36rem; }
	.cbanner .txt h1 { font-size:0.56rem; margin:0 0 0.12rem; }
	
	.cmenu a { height:50px; line-height: 50px; padding:0 0.36rem; font-size: 0.38rem; margin:0; }
	
	.cabo .cabo-l , .cabo .cabo-r { float: none; width: 100%; }
	.cabo .cabo-l .tit em { font-size: 0.48rem;}
	.cabo .cabo-l .tit h2 { font-size: 0.56rem; margin:0 0 0.36rem; }
	.cabo .cabo-l .cnum { margin:0.48rem 0 0;}
	.cabo .cabo-l .cnum ul li  { width:50%; padding:0.36rem 0; }
	.cabo .cabo-l .cnum ul li em { font-size:0.72rem;}
	.cabo .cabo-r { margin:0.36rem 0 0; }
	
	.sp-focus.swiper-pagination .swiper-pagination-bullet { width:8px; height: 8px; margin:0 5px!important; }
	
	.ctit { margin-bottom: 0.48rem;}
	.ctit h2 { font-size: 0.56rem; margin-bottom: 0.24rem;}
	
	.chor .list .swp-hor { padding: 6% 5.5% 3% 0; margin:0.64rem 0 0; }
	.chor .hd ul li { font-size: 0.38rem; padding:0.24rem 0.48rem; margin:0 0.18rem; }
	.chor .list .swiper-slide p { margin:0.36rem 0 0; font-size: 0.38rem; }
	.chor .list .swiper-slide-active p, .chor .list .swiper-slide-duplicate-active p { margin:0; }
	
	.sp-pn { width:50px; height: 50px; }
	.sp-pn i { line-height: 50px;  }
	
	.cdev .sp-pn { display: none; }
	.cdev .view .swiper-slide h3 { font-size: 0.72rem; margin-bottom: 0.48rem; }
	.cdev .view .swiper-slide ul li { margin:0.18rem 0; }
	.cdev .preview { margin:0; padding:0.9rem 0 0; }
	.cdev .preview .swiper-slide span { font-size: 0.48rem; padding:0.72rem 0 0; }
	
	.accordionBox { overflow: auto; height: auto; }
	.accordionBox ul {  display: block; overflow: auto; height: auto!important; }
	.accordionBox ul li { float: none; margin:0!important; flex: 100%!important; height: auto!important; background: #fff; margin-bottom:0.48rem!important; }
	.accordionBox ul li:last-child { margin-bottom:0!important;  }
	.accordionBox ul li .txt { padding:0.36rem; position: relative!important; color:#333; }
	.accordionBox ul li .txt h2 { font-size: 0.56rem; }
	.accordionBox ul li .txt .info table tr td span { font-size: 0.42rem;}
	.accordionBox ul li .txt .info { height: 4rem!important;  padding-right: 0.36rem; opacity: 1!important;  margin:0.36rem 0 0!important; }
	.accordionBox ul li .txt .info table tr td {  border-bottom: 1px solid #eee; padding:0.24rem; }
	
	.cpar .list .swp-par { padding: 0 0 0.72rem 0;  height: 4.8rem;}
	.cpar .list .swp-par .swiper-slide { height:2rem; }
	.cpar .list .swp-par .swiper-slide .img { padding:0.36rem; height:2rem; line-height: 1.28rem; }
	
	.cbuss { margin-bottom: 0.72rem;}
	.cbuss .cbuss-top .box-l, .cbuss .cbuss-top .box-r { float: none; width: 100%; }
	.cbuss .cbuss-top .box-l .midb { height: auto; }
	.cbuss .cbuss-top .box-l .midb .ctit { margin-bottom:0.48rem; }
	.cbuss .cbuss-top .box-l .midb .ctit h2 { margin-bottom:0.24rem; }
	.cbuss .swp-buss1 .itembox { height: 6rem; }
	
	.cbuss .swp-buss1 .itembox .txt { padding:0 0.36rem; }
	.cbuss .swp-buss1 .itembox .txt h2 span { padding-bottom:0.36rem; font-size: 0.4rem; }
	.cbuss .swp-buss1 .swiper-slide.swiper-slide-thumb-active .itembox h2 span, .cbuss .swp-buss1 .swiper-slide:hover .itembox h2 span { font-size: 0.48rem; }
	
	.cbuss-top .box-r { margin:0.48rem 0 0; }
	.cbuss .swp-buss2 .itembox .bg { height:60vh; overflow: hidden; }
	.cbuss .swp-buss2 .itembox .bg img { height: 100%; }
	.cbuss .swp-buss2 .bussinfo .infobox { padding:0.32rem; margin-top: -0.64rem; }
	.cbuss .swp-buss2 .bussinfo .infobox>div { float:none; width:100%; }
	.cbuss .swp-buss2 .bussinfo .infobox .infobox-l h5 { font-size: 0.56rem; margin-bottom: 0.38rem; }
	.cbuss .swp-buss2 .bussinfo .infobox .infobox-l h5 span { padding-bottom: 0.24rem; }
	.cbuss .swp-buss2 .bussinfo .infobox .infobox-l .more { margin:0.48rem 0 0; }
	.cbuss .swp-buss2 .bussinfo .infobox .infobox-r { margin:0.48rem 0 0; }
	
	.cnewslist .cnews-l, .cnewslist .cnews-r  { float: none; width: 100%; }
	.cnewslist .cnews-r { display: none; }

	.cnewslist .cnews-l ul li { display: block; margin-bottom: 0.48rem; }
	.cnewslist .cnews-l ul li .pic, .cnewslist .cnews-l ul li .info { width: 100%; flex:1;}
	.cnewslist .cnews-l ul li .info h2 { font-size: 0.4rem;}
	.cnewslist .cnews-l ul li .info h2 span { display: inline-block; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
	.cnewslist .cnews-l ul li:first-child { margin-bottom: 0.48rem ;}
	.cnewslist .cnews-l ul li:first-child .info .cate span.ca { top:0.36rem; left:0.36rem; }
	.cnewslist .cnews-l ul li:first-child .pic { max-height: 6rem; }
	.cnewslist .cnews-l ul li:first-child .info { padding:0.72rem 0.36rem 0.36rem; }
	.cnewslist .cnews-l ul li:first-child .info h2 {  margin:0.36rem 0; }
	.cnewslist .cnews-l ul li:first-child .info .desc { display: none; }
	.cnewslist .cnews-l ul li:first-child .info { flex: 7;}
	
	.cnewslist .cn-detail .tit h2 { font-size: 0.56rem; }
	.cnewslist .cn-detail .tit p { margin:0.36rem 0 0; padding:0 0 0.36rem; }
	.cnewslist .cn-detail .tit p i { font-size: 0.42rem; }
	.cnewslist .cn-detail .detail { padding:0.48rem 0 ; }
	
	.cnewslist .cn-detail .sec { padding:0.24rem 0 0; }
	.cnewslist .cn-detail .sec p { margin:0.36rem 0; padding-right: 0.36rem; }
	.cnewslist .cn-detail .sec p:last-child { margin:0.36rem 0 0; }
	.cnewslist .cn-detail .sec span { width:2rem; margin-right: 0.36rem; }
	
	.csust .csust-l, .csust .csust-r { float: none; width: 100%; height: auto!important; }
	.csust .csust-l .tit { margin-bottom: 0.36rem;}
	.csust .csust-l .tit p { font-size: 0.56rem; }
	.csust .csust-l .more { margin:0.48rem 0 0; }
	
	.csust .csust-r { margin:0.48rem 0 0; }
	.csust .csust-r .icobox a { padding:0.24rem; }
	.csust .csust-r .icobox a .item img { width:50%; }
	
	.csust-album .list .swp-csust { padding:0.48rem 0 0.96rem; }
	.csust-album .hd ul li { font-size: 0.38rem; padding:0.18rem 0.42rem; margin:0 0.18rem; }
	.csust-album .list .txt { padding:0.36rem; }
	.csust-album .list .txt p { font-size: 0.4rem; }
	.csust-news .swp-csust-news { padding:0 0 0.96rem; }
	.csust-news .info em { padding: 10px 20px;}
	.csust-news .info .txt { padding:0.38rem; }
	.csust-news .info .txt h2 { font-size:0.42rem;  height: auto; margin:5px 0;  }
	.csust-news .info .txt p { line-height:180%;  min-height: auto;  }
	.csust-news .more { margin:0.48rem 0 0;  }
	
	.cbcareer { height: 6rem; }
	.cbcareer .txt h1 { font-size: 0.84rem; }
	.cbcareer .txt .videobtn span { width: 50px; height: 50px; line-height: 50px; }
	.cbcareer .txt .videobtn span  i { font-size: 0.42rem; }
	
	.cnavbox { margin-top: -0.64rem; }
	.cnavbox ul li { width:100%; height: 2rem; margin-bottom: 0.36rem; }
	.cnavbox ul li .img { flex: 3; }
	.cnavbox ul li .img i { font-size: 1rem; line-height: 2rem; }
	.cnavbox ul li .txt { padding:0.24rem 0 0; }
	.cnavbox ul li .txt h5 { font-size: 0.48rem; }
	.cnavbox ul li .txt p { font-size: 0.38rem; padding-right: 0.36rem; }
	.cnavbox ul li .txt p i { font-size: 0.42rem; }
	
	.career-life { margin-top: -6.64rem; padding:6.8rem 0 1.2rem; }
	.career-life .list .txt { padding:0.32rem; }
	.career-life .list .txt p { font-size: 0.4rem; }
	.career-life .more { margin:0.48rem 0 0;  }
	.career-life .sptxt { bottom:0; }
	
	.carelist { overflow: auto; height: auto; }
	.career-care ul {  display: block; overflow: auto; height: auto!important; }
	.career-care ul li { float: none; margin:0!important; flex: 100%!important; height: auto!important; background: #fff; margin-bottom:0.36rem!important; }
	.career-care ul li:last-child { margin-bottom:0!important;  }
	.career-care ul li .tit { padding:0 0.36rem; }
	.career-care ul li .tit .ht { width:auto; text-align: left;  font-size: 0.42rem; line-height: 1.4rem;  }
	.career-care ul li .tit .ht::after { content: ""; display: block; height: 0; clear: both; }
	.career-care ul li .tit .ht span { float: left;  width:auto; line-height: 1.4rem; }
	.career-care ul li .tit .ht img {  float: left; display: inline-block;  max-width: 1.2rem; margin: 0.1rem 0.36rem 0 0;  }
	.career-care ul li .info { height: 0;}
	.career-care ul li.on .info { height: 100%;}
	.career-care ul li .info .txt { padding:0.36rem; }
	.career-care ul li .info .txt h3{ font-size: 0.48rem; }
	.career-care ul li .info .txt p { margin:0.36rem 0 0; }
	
	.socbox .socbox-l, .socbox .socbox-r { float: none; width: 100%; height: auto!important; }
	.socbox .socbox-l , .socbox .socbox-r { padding:0.72rem 0.36rem; }
	.socbox .socbox-l .ctit { margin-bottom: 0.48rem; }
	.socbox .socbox-l .ctit h2 { margin-bottom: 0.24rem; }
	.socbox .socbox-l .more {  margin:0.48rem 0 0; }
	.socbox .socbox-r .info em { padding: 10px 20px;}
	.socbox .socbox-r .info .txt { padding:0.38rem; }
	.socbox .socbox-r .info .txt h2 { font-size:0.42rem;  height: auto; margin:5px 0;  }
	.socbox .socbox-r .info .txt p { line-height:180%;  min-height: auto;  }
	.socbox .socbox-r .career-prev { left:0; display: block; }
	.socbox .socbox-r .career-next { right:0; }
	
	.swp-grow .swiper-slide { padding:0.12rem 0.36rem; }
	.swp-grow .swiper-slide span { padding-bottom: 0.24rem; }
	.swp-grow .swiper-slide.swiper-slide-thumb-active, .swp-grow .swiper-slide:hover { font-size: 0.48rem; }
	
	.swp-grow-info { padding:0.48rem 0 0; }
	.swp-grow-info .item .txt { position: relative; width: 100%; padding:0.36rem; margin:0; }
	.swp-grow-info .item .txt p i { font-size: 0.48rem; margin-bottom: 0.36rem; }
	
	.career-join .more a { margin:0 0.24rem;}
	
	.ccontbox { margin:0.72rem 0 0.12rem; }
	.ccontbox .ccont-l, .ccontbox .ccont-r { float: none;  width:100%; height: auto!important; }
	.ccontbox .ccont-l { padding:0.36rem; }
	.ccontbox .ccont-l .tit em { font-size: 0.48rem; }
	.ccontbox .ccont-l .tit h2 { font-size: 0.56rem; margin:0 0 0.24rem;  }
	
	.ccontlist .item { flex: 100%; padding: 0.36rem; margin:0.36rem 0 0 0; }
	.ccontlist .item h5 { font-size: 0.48rem; margin-bottom: 0.12rem;}
	.ccontlist .item p { line-height: 200%;}
	.ccontlist .item p i { font-size: 0.42rem; margin-right: 0.36rem;}
	
	.csupp { margin:0.48rem 0 0; }

}