@charset "utf-8";
html,body { padding:0; margin:0; }
* { margin:0; padding:0; font-family:Arial,Helvetica,Verdana,'Microsoft YaHei'; border:0; outline:medium; text-shadow:none; text-decoration:none; }
body { overflow-x: hidden; line-height:0; color:#333; position:relative;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0); }
input { vertical-align:middle; }
textarea { resize:none; }
div { box-sizing:border-box; line-height:1; }
ul { list-style:none; margin:0; }
p { margin:0; }
img {	image-rendering:-moz-crisp-edges;	image-rendering:-o-crisp-edges;	image-rendering:-webkit-optimize-contrast;	image-rendering: crisp-edges;	-ms-interpolation-mode:nearest-neighbor; }
a,a:link,a:active,a:visited,a:hover { color:inherit; text-decoration:none; transition:.36s all linear; }
a:hover { color:#0162b3; }i,em { font-style:normal; }
::-webkit-input-placeholder { color:#999999; }
:-moz-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; }
:-ms-input-placeholder { color:#999999; }

/*修改滚动条*/
::-webkit-scrollbar { width:6px; height:5px; }
::-webkit-scrollbar-track { box-shadow:inset 0 0 6px transparent; background:#ddd; }
::-webkit-scrollbar-thumb { background:#0162b3; }

/*禁止选中*/
/* .not-select{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none; } */

/*图片比例控制*/
.imgbox { width:100%; overflow:hidden; position:relative; }
.imgbox:after { content:''; display:block; padding-top:75%; }
.imgbox img { max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:.36s all linear; }
.imgbox img:hover { transform:translate(-50%,-50%) scale(1.1); transition:.36s all linear; }

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4807920 */
  src: url('//at.alicdn.com/t/c/font_4807920_t0e0d54pb2b.woff2?t=1753769590465') format('woff2'),
       url('//at.alicdn.com/t/c/font_4807920_t0e0d54pb2b.woff?t=1753769590465') format('woff'),
       url('//at.alicdn.com/t/c/font_4807920_t0e0d54pb2b.ttf?t=1753769590465') format('truetype');
}

.ali-icon {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.typebox::-webkit-scrollbar { height:1px; }
.top-video { display:none; background: #000; }
html { font-size:12px; }
body.nav-open { overflow-y: hidden; }
@media(min-width:768px) {
	html { font-size:14px; }
}
@media(min-width:1200px) {
	html { font-size:16px; }
}
@media(min-width:1700px) {
	.container { width:1530px; max-width:1530px; margin:0 auto; }
}

.page-a { margin:15px 0; }
.prev_next { color:#666666; line-height: 2; margin-top:25px; }
.prev_next .page-a { display: flex; }
.prev_next .page-a a { flex:1; width:50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media(min-width:992px) {
	.prev_next { margin-top: 0px; }
}

@-webkit-keyframes showLogo {
	0% {
		opacity: 0
	}

	40% {
		opacity: .7
	}

	50% {
		opacity: 1;
		border-radius: 18rem;
		width: 50vw;
		height: 50vw
	}

	to {
		opacity: 1;
		width: 0;
		height: 0
	}
}

@keyframes showLogo {
	0% {
		opacity: 0
	}

	40% {
		opacity: .7
	}

	50% {
		opacity: 1;
		border-radius: 18rem;
		width: 50vw;
		height: 50vw
	}

	to {
		opacity: 1;
		width: 0;
		height: 0
	}
}

@-webkit-keyframes closeVideo {
	0% {
		transform: translateY(100%)
	}

	40% {
		transform: translate(0) scale(3);
		border-radius: 0
	}

	53%,54% {
		width: 100vw;
		height: 100vw;
		border-radius: 100vw;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%) scale(3)
	}

	to {
		width: 0;
		height: 0;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%) scale(2)
	}
}

@keyframes closeVideo {
	0% {
		transform: translateY(100%)
	}

	40% {
		transform: translate(0) scale(3);
		border-radius: 0
	}

	53%,54% {
		width: 100vw;
		height: 100vw;
		border-radius: 100vw;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%) scale(3)
	}

	to {
		width: 0;
		height: 0;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%) scale(2)
	}
}
.video-close_bg,.video-close_bg2 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(100%);
	overflow: hidden
}
.video-close_bg {
	background-color: #00437a;
	-webkit-animation: closeVideo 2.5s cubic-bezier(0,.5,.8,.5);
	animation: closeVideo 2.5s cubic-bezier(0,.5,.8,.5)
}
.video-close_bg2 {
	background-color: #0162b3;
	-webkit-animation: closeVideo 2s cubic-bezier(0,.5,.8,.5) .5s;
	animation: closeVideo 2s cubic-bezier(0,.5,.8,.5) .5s
}
.video-close_logo {	
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 50vw;
	height: 50vw;
	-webkit-animation: showLogo 1.5s linear 1s;
	animation: showLogo 1.5s linear 1s
}

.beginflash { display: none; position: fixed; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; background: #000; z-index: 99999; }
.beginflash-player { width: 100%; height: 100%; position: relative; }
.beginflash-player-box { position: relative; width: 100%; height: 100%; margin: 0 auto; overflow: hidden; }
.beginflash-player-box video { min-width: 100%; min-height: 100%; max-height:100%; max-width:100%; width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.video-close { width: 7rem; height: 2.75rem; position: absolute; z-index: 3; cursor: pointer; top: 3rem; right: 3rem; }
.video-close .svg-icon { width: 7rem; height: 2.75rem; position: absolute; left: 0; top: 0; }
.video-close .svg-icon:last-child { display: none; }
.video-close:hover .svg-icon { display: none; }
.video-close:hover .svg-icon:last-child { display: block; }
.play-button { position: fixed; color:#fff; background: none; width: 4rem; height:4rem; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .5s; opacity: .8; }
.play-button i { font-size: 4rem; }
.play-button:hover { color:#0162b3; }


.header { height:5rem; background:#fff; display: flex; align-items: center; position:fixed;  top:0; left:0;right:0; z-index:99999; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); transition:.36s all linear; }
.header.hide { opacity:0; transform:translateY(-100%); }
.header.show { opacity:1; transform:translateY(0); transition:.36s all linear; }
.header.onmove { background:#fff; box-shadow:0 10px 15px -10px rgba(100,100,100,0.3); transition:.36s all linear; }
.header.onmove .logo img { filter:none; }
.header.onmove .nav .slide { color:#333; }
.header.onmove .nav .slide.active a { border-color:#0162b3; }
.header.onmove .tel .telbox { background:#0162b3; }
.nofixed .header {position:relative; box-shadow: 0 0 5px 0 #eee; }
.header .logo { padding-left:15px; }
.header .logo img { height:35px; }
/* .header .logo img { filter: brightness(1000%); } */
.header .logo h1 { color:#fff; font-size:1.83rem; font-weight:bold; margin:0; margin-left:5px; white-space: nowrap; }
.header .nav { display: none; color:#333; }
.header .nav .slide { position:relative; flex:0 0 auto; text-align:center; }
.header .nav .slide a { display:block; position: relative; }
.header .subnav {display:none; position:absolute; bottom:0; left:50%; line-height: 35px; transform:translate(-50%,100%); }
.header .subnav a { position: relative; color:#666; background:#fff; border:1px solid #eee; border-bottom:0; border-top:0; }
.header .subnav .nav-item:first-child a { border-top-left-radius:10px; border-top-right-radius:10px; padding-top: 10px!important; border-top:1px solid #eee; }
.header .subnav .nav-item:last-child a { border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding-bottom: 10px!important; border:1px solid #eee; border-top:none; }
.header .subnav .nav-item:first-child a:before { content:''; display: block; position: absolute; z-index: 2; left:50%; top:0; width:12px; height:6px; transform:translate(-50%,-100%); border-width:7px 8px; border-style:solid; border-color:transparent transparent #fff transparent; }
.header .tel { color: #333; }
.header .tel .telbox { padding:5px 15px; background:rgba(255,255,255,.2); border-radius:500px; white-space:nowrap; display:flex; align-items: center; justify-content: space-around; }
.header .tel .share-icons { display: none; }
.header .tel .share-icons img { transform:translate(-50%,25%); }
@media(max-width:991px) {
	.header .logo {padding:10px 15px; }
}
@media(min-width:768px) {
	.header .logo img { height:40px; }
	.header .nav .slide>a {line-height: 5rem; }
}
@media(min-width:992px) {
	.header .logo { flex:0 0 18%; max-width:18%; margin-left: 2%; }
	.header .nav { flex:0 0 60%; max-width:60%; padding: 0 2%; justify-content: center; }
	.header .nav .slide>a { padding:0 15px; border-top:4px solid transparent; }
	.header .nav .slide a:hover { color:#0162b3; transition:.15s all linear; }
	.header .nav .slide.active>a { color: #0162b3; position:relative; }
	.header .nav .slide.active>a:after { content: ""; display: block; width: .25rem; height: .25rem; background-color: #0162b3; border-radius: 50%; position: absolute; left: 50%; bottom: 1.4rem; transform: translate(-50%);}
	.header .nav .slide .subnav { color:#666; border-radius:10px; font-size:15px; padding:10px 0; }
	.header .nav .slide .subnav a { display:block; line-height: 40px; min-width:100%; padding:0 25px; white-space: nowrap; }
	.header .nav .slide:hover .subnav { display:block; }
	.header .nav .slide .subnav a:hover { color:#0162b3; transition:.15s all linear; }
	.header .tel { flex:0 0 17%; max-width:17%; margin-right:2%; }
	.header .tel b { font-size:1.3125rem; font-weight:bold; }
}
@media(min-width:1200px) {
	.header .logo img { height:45px; }
	.header .nav { display: flex; }
	.header .nav .slide>a { padding:0 20px; }
	.header .tel .share-icons { display: block; }
	.header .tel .telbox { padding:8px 20px; }
}
@media(min-width:1400px) {
	.header .logo { margin-left: 4.5%; }
	.header .logo img { height:50px; }
	.header .nav { flex:0 0 56%; max-width:56%; }
	.header .nav .slide>a { padding:0 25px; }
	.header .tel { flex:0 0 15%; max-width:15%; margin-right:5%; }
}
@media(min-width:1600px) {
	.header .logo img { height:55px; }
	.header .nav .slide>a { padding:0 30px; }
}

.gifpanel { padding-top: 60px; }
.gifpanel ,.gifpanel .fp-tableCell{ height:auto!important; }
@media(min-width:768px) {
.gifpanel { padding-top: 70px; }
}
@media(min-width:1200px) {
.gifpanel { padding-top: 84px; }
}
/* .gif01 { position: absolute; top:60px; }
@media(min-width:768px) {
	.gif01 { top:70px; }
}
@media(min-width:992px) {

}
@media(min-width:1200px) {
	.gif01 { top:84px; }
}
@media(min-width:1400px) {

}
@media(min-width:1600px) {

} */

.banner { overflow:hidden; background: #000; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #cba151; }
.banner-box {position:relative; left:50%; transform:translateX(-50%); text-align: center; }
.banner .title-pagination {pointer-events: none; width:100vw; position: absolute; left:50%; bottom: 30%; transform:translateX(-50%); z-index: 9; padding-right:8vw; }
.banner .title-pagination .s1 {pointer-events:auto; text-align:right; color: #fff; background:none;opacity:.7; line-height:2.5; font-weight:bold; width:200px; height:unset; display:block; margin-left:auto; }
.banner .title-pagination .s1:hover { opacity:1; }
.banner .s1.swiper-pagination-bullet-active { opacity:1; }
.banner .s1:after { content:''; height:2px; width:15px; background: #fff; display:inline-block; margin-left:35px;vertical-align: middle; transition:.36s all linear; }
.banner .s1.swiper-pagination-bullet-active:after { width:30px; margin-left:20px; transition:.36s all linear; }
@media(min-width:1200px) {
  .banner-box { width:100%; min-width:1600px; }
}
@media(min-width:1400px) {
  .banner-box { width:100%; min-width:1920px; }
}
@media(min-width:1530px) {
  .banner-box { width:unset; min-width:unset; }
}
@media(min-width:1600px) {
  .banner-box { width:100%; min-width:1920px; }
}

/*内页大图样式*/
.inbanner { position:relative; overflow: hidden; }
.inbanner .t1 { color:#e9edf0; font-size:22px; font-weight: bold; }
.inbanner .t2 { font-size:14px; margin-top: 10px; }
.inbanner img { width:100%; position:relative; left:50%; transform:translateX(-50%); }
.inbanner .imgs img:nth-child(2) { display: none; } /* 如果子栏目有设置大图，隐藏默认inbanner大图 */
.inbanner .content { color:#fff; width:100%; position:absolute; top:59%; transform:translateY(-50%); text-align:center; }
.location { color: #666666; background:#f2f2f2; position:relative; overflow: hidden; }
.location i { margin:0 5px; }
.location a:hover { color:#0162b3; text-decoration: underline; }
@media(max-width:575px) {
	/* .inbanner img { min-width:576px; } */
}
@media(min-width:768px) {
	.inbanner .t1 { font-size:30px; }
	.inbanner .t2 { font-size:15px; }
}
@media(min-width:992px) {
	.inbanner .t1 { font-size:34px; }
	.inbanner .t2 { font-size:16px; margin-top: 15px; }
	.inbanner .content { top:51%; }
}
@media(min-width:1200px) {
	.inbanner .t1 { font-size:40px; }
	.inbanner .t2 { font-size:18px; left:5%; top:60px; }
	.location { font-size:15px; }
}
@media(min-width:1400px) {
	.inbanner .t1 { font-size:46px; }
	.inbanner .t2 { font-size:20px; margin-top: 20px; }
}
@media(min-width:1600px) {
	.inbanner .t1 { font-size:50px; font-weight: bold; }
	.inbanner .t2 { font-size:22px; margin-top: 25px; }
}

#indexpage .section { max-width:100vw; }
@media(max-width:767px) {
	.index01 .col-12 { text-align:right; }
	.index01 img { width:90%; }
	.index02 img { width:85%; }
	.index03 .col-12 { text-align:center; }
	.index03 img { width:85%; }
	.index04 .col-12 { text-align:center; }
	.index04 .col-12:last-child { text-align:left; }
	.index04 img { width:85%; }
	.index05 .col-12 { text-align:center; }
	.index05 img { width:85%; }
}
@media(min-width:1200px) {
	.index04 .col-12:last-child { text-align:center; }
}
/* @media(max-width:1200px) {
	#indexpage .section { height:auto!important; }
} */
/*fullpage通用延迟动画*/
.wow1 {opacity:0;-webkit-transform: translate3d(0, 40px, 0);-moz-transform:translate3d(0,40px,0);-o-transform:translate3d(0,40px,0);transform: translate3d(0, 40px, 0);-webkit-transition:1s 0.6s all;-moz-transition:1s 0.6s all;-o-transition:1s 0.6s all;transition:1s 0.6s all;}
.section.active .wow1,.section.on .wow1 {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: 1s .2s all;-moz-transition: 1s .2s all;-o-transition: 1s .2s all;transition: 1s .2s all;}
.wow2 {opacity:0;-webkit-transform: translate3d(0, 60px, 0);-moz-transform:translate3d(0,60px,0);-o-transform:translate3d(0,60px,0);transform: translate3d(0, 60px, 0);-webkit-transition:1s 0.6s all;-moz-transition:1s 0.6s all;-o-transition:1s 0.6s all;transition:1s 0.6s all;}
.section.active .wow2,.section.on .wow2 {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: 1s .3s all;-moz-transition: 1s .3s all;-o-transition: 1s .3s all;transition: 1s .3s all;}
.wow3 {opacity:0;-webkit-transform: translate3d(0, 80px, 0);-moz-transform:translate3d(0,80px,0);-o-transform:translate3d(0,80px,0);transform: translate3d(0, 80px, 0);-webkit-transition:1s 0.6s all;-moz-transition:1s 0.6s all;-o-transition:1s 0.6s all;transition:1s 0.6s all;}
.section.active .wow3,.section.on .wow3 {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: 1s .4s all;-moz-transition: 1s .4s all;-o-transition: 1s .4s all;transition: 1s .4s all;}
.wow4 {opacity:0;-webkit-transform: translate3d(0, 100px, 0);-moz-transform:translate3d(0,100px,0);-o-transform:translate3d(0,100px,0);transform: translate3d(0, 100px, 0);-webkit-transition:1s 0.6s all;-moz-transition:1s 0.6s all;-o-transition:1s 0.6s all;transition:1s 0.6s all;}
.section.active .wow4,.section.on .wow4 {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: 1s .5s all;-moz-transition: 1s .5s all;-o-transition: 1s .5s all;transition: 1s .5s all;}
.section.active .wow-delay-1 {-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;}
.section.active .wow-delay-2 {-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;}
.section.active .wow-delay-4 {-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;}
.section.active .wow-delay-6 {-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s;}
.section.active .wow-delay-8 {-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s;}
.section.active .wow-delay-10 {-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;}

.in01 { background:no-repeat 50% / cover url(../images/in01_bg.png); }
.in02 { background:no-repeat 50% / cover url(../images/in02_bg.png); }
.in03 { background:no-repeat 50% / cover url(../images/in03_bg.png); }
.in04 { background:no-repeat 50% / cover url(../images/in04_bg.png); }
.in05 { background:no-repeat 50% / cover url(../images/in05_bg.png); }



.pic { background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; position:relative; }
.pic img.w-h { width:100%; max-width:100%; opacity:0; }
.pic img.lazy { position:absolute; left:0; top:0; width:100%; height:100%; transition:all 0.1s ease-in-out;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out; }
.wid-90 { width:90%; }
.op-0 { opacity:0; }

.job01 { position:relative; overflow: hidden; background:#fff; margin-bottom: 1rem; }
.job01 .container { padding:0 15px 25px; }
.job01 .title { padding: 35px 0 10px; background-size:100% auto; }
.job01 .t1 { color:#333; font-size:20px; font-weight: bold; }
.job01 .list { margin-top: 15px; padding-left: 0; }
.job01 .list li { margin-bottom:10px; }
.job01 .list li:last-child .job01 .panel { border-bottom:1px solid #f5f5f5; }
.job01 .panel { color:#7a7b7e; background:#f1f5f9; padding:0 15px; height: 45px; line-height: 45px; align-items:center; cursor: pointer; position:relative; }
.job01 .panel:after { content:'\ed66'; font-family: 'iconfont'; font-weight: bold; position:absolute; right:15px; top:50%; transform:translateY(-50%); }
.job01 .panel:hover { color:#fff; background:#0162b3; }
.job01 .panel.active { color:#fff; background:#0162b3; border-bottom:none!important; }
.job01 .panel.active:after { content:'—'; }
.job01 .c1 { font-size:14px; }
.job01 .c2 { font-size:14px; margin-left:15px; margin-right:20px; }
.job01 .c3 { background:#fff; display:none; line-height:1.6; padding:15px; text-align: justify; }
.job01 .more { color:#fff; background:#0162b3; padding:10px 25px; text-align: center; display:inline-block; margin:25px auto; }
.job01 .more:hover { background: #0162b3; }
@media(min-width:768px){
	.job01 .container { padding:0 20px 35px; }
	.job01 .title { padding: 45px 0 15px; }
	.job01 .t1 { font-size:24px; }
	.job01 .panel { height: 60px; line-height: 60px; }
	.job01 .c1 { font-size:15px; }
	.job01 .c2 { font-size:15px; margin-left:15%; }
}
@media(min-width:992px){
	.job01 .container { padding:0 25px 40px; }
	.job01 .title { padding: 50px 0 15px; }
	.job01 .t1 { font-size:26px; }
	.job01 .panel { height: 65px; line-height: 65px; padding-left:4vw; }
	.job01 .panel:after { content:'展开　\ec00'; }
	.job01 .panel.active:after { content:'收起　\ec01'; }
	.job01 .c1 { font-size:16px; }
	.job01 .c2 { font-size:16px; }
	.job01 .c3 { padding:3vw 4vw; }
}
@media(min-width:1200px) {
	.job01 .container { padding:0 30px 50px; }
	.job01 .title { padding: 55px 0 20px; }
	.job01 .t1 { font-size:28px; }
	.job01 .panel { padding-right:20px; height: 70px; line-height: 70px; }
	.job01 .panel:after { right:20px; }
	.job01 .c1 { font-size:17px; }
	.job01 .c2 { font-size:17px; }
}
@media(min-width:1400px) {
	.job01 .container { padding:0 35px 55px; }
	.job01 .title { padding: 60px 0 25px; }
	.job01 .t1 { font-size:32px; }
	.job01 .panel { padding-right: 25px; height: 80px; line-height: 80px; }
	.job01 .panel:after { right:25px; }
	.job01 .c1 { font-size:18px; }
	.job01 .c2 { font-size:18px; }
}
@media(min-width:1600px) {
	.job01 .container { padding:0 40px 60px; }
	.job01 .title { padding: 65px 0 30px; }
	.job01 .t1 { font-size:36px; }
	.job01 .panel { padding-right: 30px; height: 88px; line-height: 88px; }
	.job01 .panel:after { right:30px; }
	.job01 .c1 { font-size:19px; }
	.job01 .c2 { font-size:19px; }
}

.company01 { position: relative; }
.company01 .c1 { color:#f6f7f6; font-size: 7rem; line-height: 1; font-weight: bold; margin-bottom: -2rem; }
.company01 .c2 { font-family: Helvetica; font-size: 1.13rem; line-height: 1.13rem; color: #00532b; text-transform:uppercase; }
.company01 .c3 { font-size: 1.88rem; color: #0162b3; text-align: left; line-height: 1.88rem; margin-top: 0.5rem; }
.company01 .content { position: relative; margin-top: 2rem;font-size: 15px;color: #616664;text-align: justify;line-height: 28px; }
.company01 .leftbox { position: relative; }
.company01 .sj { position: absolute; z-index: 1; right:12px; bottom:0; width:80%; }
@media(min-width:768px) {
}
@media(min-width:992px) {
	.company01 .leftbox { width:85%; margin:0 auto; }
	.company01 .content { height:40vh; overflow-y:auto; padding-right: 25px; }
}
@media(min-width:1200px) {
	.company01 { padding-top: 0; }
	.company01 .sj { width:65%; }
	.company01 .leftbox:after { content: ""; width: 2.5rem; height: .06rem; background: #9da6a2; position: absolute; bottom: -5rem; left: 0; }
}
@media(min-width:1400px) {
}
@media(min-width:1600px) {
}
@media(min-width:1920px) {
}

.company02 { position: relative; overflow: hidden; padding:2rem 0; }
.company02 .t1 { font-size: .75rem; font-weight: 400; color: #00532b; line-height: 1.06rem; text-transform: uppercase; text-align: center; margin-top: 20px; }
.company02 .t2 { font-size: 1.125rem; font-weight: 600; color: #0162b3; line-height: 1.38rem; text-align: center; margin-top: 7px; margin-bottom: 15px; }
.company02 .content { margin-top: 2rem; }
.company02 .item { width: 100%; height: 100%; background-color: #f7f8f9; padding: 2.5rem; border-radius: .25rem; }
.company02 .item .svg-icon { margin-right: 1.2rem; width: 2.5rem; height: 2.5rem; }
.company02 .c1 { font-size: 1rem; color: #1f2120; }
.company02 .c2 { margin-top: 1.5rem; font-size: .88rem; line-height: 1.38rem; color: #9da6a2; }
@media(min-width:1200px) {
	.company02 { padding-top: 5rem; }
	.company02 .t1 { font-size:1.13rem; }
	.company02 .t2 { font-size: 1.88rem; font-weight: normal; }
	.company02 .content { margin-top: 4rem; }
}

.company03 { text-align: center; }
.company03 img { max-height: 100vh; }
.company03 .t1 { font-size: .75rem; font-weight: 400; color: #00532b; line-height: 1.06rem; text-transform: uppercase; text-align: center; margin-top: 20px; }
.company03 .t2 { font-size: 1.125rem; font-weight: 600; color: #0162b3; line-height: 1.38rem; text-align: center; margin-top: 7px; margin-bottom: 15px; }
@media(min-width:1200px) {
	/* .wenhua { background:#000; } */
	.company03 .t1 { display: none; }
	.company03 .t2 { display: none; }
}


.showjoin { cursor: pointer; border: 1px solid #0162b3; background-color: #0162b3; border-radius: .25rem; font-size: .88rem; color: #fff; width: 5.5rem; height: 2rem; line-height: 2rem; text-align: center;}
.showjoin:hover { background-color: #81bc00; border-color: #81bc00; }

.join01 { position: relative; overflow: hidden; padding:2rem 0; }
.join01 .leftbox { height: 100%; background-color: #f7f8f9; border-radius: .25rem 0 0 .25rem; padding:2rem; text-align: left; position: relative; display: flex; align-items: center; flex-direction: row-reverse; justify-content: center; }
.join01 .title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; }
.join01 .title .svg-icon { max-width: 1.75rem; max-height: 1.75rem; margin-left: 1.5rem; }
.join01 .title .btnbox>div .svg-icon:last-child { display: none; }
.join01 .title .btnbox>div:hover .svg-icon:first-child { display: none; }
.join01 .title .btnbox>div:hover .svg-icon:last-child { display: block; }
.join01 .t1 { font-size: 1.88rem; line-height: 2.5rem; padding-bottom: .63rem; margin: 0; color: #1f2120; }
.join01 .t2 { font-size: 1rem; line-height: 1.75rem; padding-bottom: 2rem; color: #9da6a2; }
.join01 .t3 { color: #1f2120; margin-top: 10px; font-size: 1rem; line-height: 1.3rem; padding-bottom: 0; }
.join01 .t4 { font-size: 1.25rem; color: #1f2120; }
.join01 .bottom { margin-top: 2.5rem; }
.join01 .swiper-slide { border-radius: .25rem; background: #f7f8f9; padding:2rem; }
.join01 .swiper-slide svg { width: 1.88rem; height: 1.88rem; margin-bottom: 2rem; }
.join01 .swiper-slide svg:nth-child(2) { display: none; }
.join01 .s1 { font-size: 1rem; color: #1f2120; margin-bottom: .94rem; white-space: nowrap; font-weight: 600; }
.join01 .s2 { font-size: .75rem; line-height: 1.13rem; color: #9da6a2; }
@media(min-width:1200px) {
	.join01 .leftbox { padding-right: 5rem; }
	.join01 .swiper-slide:hover { background:#0162b3; }
	.join01 .swiper-slide:hover svg:first-child { display: none; }
	.join01 .swiper-slide:hover svg:nth-child(2) { display: block; }
	.join01 .swiper-slide:hover .s1 { color:#fff; }
	.join01 .swiper-slide:hover .s2 { color:#fff; }
}

.join02 { position: relative; overflow: hidden; padding:2rem 0; }
.join02 .title { position: relative; display: flex; align-items: center; }
.join02 .t1 { margin-right: 1rem; font-size: 1.5rem; line-height: 1.5rem; }
.join02 .t2 { position: absolute; top: 50%; left: 0; transform:translateY(-50%); font-size: 5rem; color: #f5f5f5; z-index: -1; }
.join02 .t3 { font-size: .9rem; line-height: .9rem; color: #9da6a2; }
.join02 .content { margin-top: 3.75rem; }
.join02 .imgbox:after { padding-top: 65%; }
.join02 .imgbox img { max-height:unset; }
.join02 .txtbox { overflow: hidden; background-color: #f7f8f9; padding: 2rem 1.5rem; text-align: left; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; }
.join02 .c1 { font-size: 1rem; color: #1f2120; margin-bottom: .38rem; font-weight: 550; }
.join02 .c2 { font-size: .88rem; line-height: 1.38rem; color: #9da6a2; }

.join03 { position: relative; overflow: hidden; padding:2rem 0; }
.join03 .title { position: relative; display: flex; align-items: center; }
.join03 .t1 { margin-right: 1rem; font-size: 1.5rem; line-height: 1.5rem; }
.join03 .t2 { position: absolute; top: 50%; left: 0; transform:translateY(-50%); font-size: 5rem; color: #f5f5f5; z-index: -1; }
.join03 .t3 { font-size: .9rem; line-height: .9rem; color: #9da6a2; }
.join03 .more { font-size: 1rem; color: #9da6a2; letter-spacing: 0; line-height: 1rem; position: absolute; right:0; top:50%; transform:translateY(-50%); }
.join03 .content { margin-top: 3.75rem; }
.join03 .swiper-slide { margin-bottom:1rem; box-sizing:border-box; border-radius:5px; overflow: hidden; }
.join03 .swiper-slide { position:relative; transition:.2s all linear; }
.join03 .imgbox { background:#e9edf0; }
.join03 .imgbox:after { padding-top: 100%; }
.join03 .imgbox img { height:100%; max-width:unset; }
.join03 .swiper-slide .txtbox { position: absolute; bottom: 0; width: 100%; background:#0162b3; padding: 1.5rem; transition:.2s all linear; }
.join03 .c0 { color:#fff; font-size:1.2rem; line-height: 1.2rem; padding-bottom: 0.8rem; }
.join03 .c1 { color:#fff; font-size:1rem; line-height: 1rem; padding-bottom: 0.8rem; }
.join03 .c2 { color:#fff; font-size: .75rem; line-height: 1rem; }
.join03 .imgs .imgbox:last-child { opacity:0; position: absolute; left:0; top:0; transition:.2s all linear; }
.join03 .txtbox>div:last-child .c1 span { display: none; }
.join03 .txtbox>div:first-child { opacity:0; position: absolute; left:1.5rem; top:1.5rem; transition:.2s all linear; }
@media(min-width:768px) {
}
@media(min-width:1200px) {	
	.join03 .imgs .imgbox:first-child { transition:.2s all linear; }
	.join03 .txtbox>div:last-child { opacity:1; transition:.2s all linear; }
	.join03 .swiper-slide:hover .txtbox { background: rgba(0, 0, 0, .6); transition:.2s all linear; }
	.join03 .swiper-slide:hover .txtbox>div:first-child { opacity:1; transition:.2s all linear; }
	.join03 .swiper-slide:hover .txtbox>div:last-child { opacity:0; transition:.2s all linear; }
	.join03 .swiper-slide:hover .imgs .imgbox:first-child { opacity:0; transition:.2s all linear; }
	.join03 .swiper-slide:hover .imgs .imgbox:last-child { opacity:1; transition:.2s all linear; }
}

.join04 { position: relative; overflow: hidden; padding:2rem 0; }
.join04 .title { position: relative; display: flex; align-items: center; }
.join04 .t1 { margin-right: 1rem; font-size: 1.5rem; line-height: 1.5rem; }
.join04 .t2 { position: absolute; top: 50%; left: 0; transform:translateY(-50%); font-size: 5rem; color: #f5f5f5; z-index: -1; }
.join04 .t3 { font-size: .9rem; line-height: .9rem; color: #9da6a2; }
.join04 .more { font-size: 1rem; color: #9da6a2; letter-spacing: 0; line-height: 1rem; position: absolute; right:0; top:50%; transform:translateY(-50%); }
.join04 .content { margin-top: 4rem; }
.join04 .item { margin-bottom: 2.2rem; display: flex; align-items: center; justify-content: center; }
.join04 .circle { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; margin-right:-2rem; border-radius: 20rem; background-color: #0162b3; }
.join04 .circle span { font-size: 1.5rem; font-weight: bold; color: #fff; }
.join04 .square { display: flex; align-items: center; flex:1; width:50%; max-width:85%; height:100%; background-color: #f7f8f9; padding-left: 3rem; padding-right: 1rem; border-radius: .25rem; }
.join04 .square .c1 { font-size: 1rem; font-weight: bold; line-height: 1.1; color: #1f2120; }
.join04 .square .c2 { font-size: .85rem; line-height: 1.2; margin-top: 0.5rem; color: #343635; }
.join04 .showjoin { margin:2rem auto 0; }
@media(min-width:1200px) {
	.join04 { padding-top: 5rem; }
	.join04 .content { margin-top: 5rem; }
	.join04 .item { margin-bottom: 2.5rem; }
	.join04 .circle { width:5rem; height:5rem; margin-right: -2.5rem; }
	.join04 .square { padding-left: 4rem; padding-right: 2rem; }
	.join04 .showjoin { width:7rem; height:2.5rem; line-height: 2.5rem; }
}

/*波浪背景*/
.wave_box { width:100%; height:400px; position:absolute; left:0; bottom:0; overflow:hidden; }
.wave { overflow:hidden; position:absolute; top:100%; width:140%; transform:translateY(-50%); color:#fff; margin-left:-20%; animation:3s ease-in-out infinite alternate waveAnimateA; }
@media(min-width:1600px){
	.wave_box { height:500px; }
}
@keyframes waveAnimateA {
	0% { transform:translate(-80px,-52%); }
	100% { transform:translate(80px,-50%); }
}
.wave svg { fill:rgba(233,239,242,1); width:100%; margin-left:-1%; height:auto; }
.st0{ fill:#f2fcfa; opacity:1}
.st1{ opacity:1; fill:#daefeb; }
/* #E9EFF2; */

.product01 { overflow:hidden; position:relative; padding-bottom: 5rem; }
.product01 .slide { position:relative; overflow: hidden; margin-bottom: 1.8rem; border-radius:5px; transition:.2s all linear; }
.product01 .slide:nth-child(2n) { margin-right:0%; }
.product01 .imgbox { background:#eaeaea; border-radius:5px; }
.product01 .imgbox:after { padding-top:56%; }
.product01 .c1 { color:#fff; font-size:1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product01 .c2,.product01 .c3 { overflow: hidden; height:0; opacity:0; }
.product01 .slide .txtbox { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: .8rem; }
.product01 .slide:hover .txtbox { background:#0162b3; transition:.2s all linear; }
@media(min-width:768px) {
}
@media(min-width:992px) {
}
@media(min-width:1200px) {
}
@media(min-width:1400px) {
	.product01 .slide .txtbox { padding:1.2rem 1.5rem; }
}
@media(min-width:1600px) {
}

.inpage { padding-top:5rem; margin-bottom: 1rem; }

/* 图片列表 */
.imglist { overflow:hidden; position:relative; }
.imglist:after { content:''; display:block; clear:both; }
.imglist .slide { margin-bottom:1rem; box-sizing:border-box; border-radius:5px; overflow: hidden; }
.imglist .slide { position:relative; transition:.2s all linear; }
.imglist .imgbox { background:#e9edf0; }
.imglist .imgbox:after { padding-top: 70%; }
.imglist .imgbox img { width:100%; max-height:unset; }
.imglist .imgbox:before { content:'\ed66'; font-family:'iconfont'; font-size:240%; opacity:0; color:#fff; display:flex; align-items:center; justify-content:center; position: absolute; left:0; top:0; width:100%; height:100%; z-index:9; pointer-events: none; }
.imglist .imgbox.sp:before { content:'\e87e'; }
.imglist .c1 { color:#fff; font-size:1rem; line-height: 1rem; padding-bottom: 0.8rem; transition:.2s all linear; }
.imglist .c2 { color:#fff; font-size: .75rem; line-height: .75rem; }
.imglist .slide:hover .imgbox:before { opacity:1; }
.imglist .slide .txtbox { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 1.5rem; }
.imglist .slide:hover .txtbox { background:#0162b3; transition:.2s all linear; }
@media(min-width:768px) {
	.imglist .slide {float:left; width:49%; margin-right:2%; margin-bottom: 12px; }
	.imglist .slide:nth-child(2n) { margin-right:0; }
}
@media(min-width:992px) {
	.imglist .slide:nth-child(2n) { margin-right:0; }
	.imglist .slide:hover .txtbox { color:#0162b3; }
}
@media(min-width:1200px) {
}
@media(min-width:1400px) {
}
@media(min-width:1600px) {
}

.crumbs { font-size:12px; color:rgba(0,0,0,.6); margin-top: 10px; line-height: 35px; height:35px; }
.jw-flag-compact-player .jw-text-elapsed,.jw-flag-compact-player .jw-text-duration { display: inline-block!important; }
.jw-icon.jw-icon-barlogo-new { display: none!important; }
.mainbox { margin-bottom: 30px; }
.mainbox>.title { position: relative; font-size:20px; color:#404040; font-weight: bold; }
.msgtip {line-height: 1.7; margin-top:20px; border:1px dashed #ccc; border-radius:10px; display:inline-block; padding:15px; }
.msgtip .h5 { color:red; }
.msgtip .m1 { color:#999; font-size:80%; }
@media(min-width:768px) {
	.crumbs { order:1; margin-top: 0; line-height: 45px; height:45px; }
	.mainbox>.title { font-size:24px; }
}
@media(min-width:992px) {
  	.mainbox { margin-bottom: 40px; }
	.mainbox>.title { font-size:26px; margin-bottom: 20px; }
	.crumbs { font-size:14px; line-height: 50px; height:50px; }
}
@media(min-width:1200px) {
	.mainbox { margin-bottom: 50px; }
	.mainbox>.title { font-size:28px; margin-bottom: 25px; }
	.crumbs { font-size:15px; line-height: 60px; height:60px; }
}
@media(min-width:1400px) {
	.mainbox { margin-bottom: 60px; }
	.mainbox>.title { font-size:32px; margin-bottom: 30px; }
	.crumbs { line-height: 70px; height:70px; }
}
@media(min-width:1600px) {
	.mainbox { margin-bottom: 70px; }
	.mainbox>.title { font-size:36px; margin-bottom: 35px; }
	.crumbs { line-height: 85px; height:85px; }
}
@media(min-width:1920px) {
	.mainbox { margin-bottom: 80px; }
	.mainbox>.title { font-size:40px; }
}

/* 资讯列表 */
.newlist .slide { padding-bottom: 10px; padding:0 12px; margin-bottom: 5px; border-bottom:1px solid #f5e8e9; }
.newlist .slide:nth-child(n+3) .imgbox { display: none; }
.newlist .c1 { font-weight: bold; line-height: 1.5; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newlist .c2 { color:rgba(0,0,0,.6); font-size:12px; line-height: 1.8; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.newlist .imgbox img { max-height:unset; }
.newlist .imgbox:after { padding-top: 60%; }
.newlist .datebox { font-size:12px; display: flex; align-items: center; margin-top: 10px; }
.newlist .datebox .d2 { margin-left: 15px; }
.newlist .datebox { color:rgba(0,0,0,.6); }
.newlist .datebox i { color:rgba(0,0,0,.3); }
@media(min-width:576px) {
	.newlist { display: flex; flex-wrap:wrap; justify-content: space-between; }
	.newlist .slide { flex:0 0 100%; width:100%; padding-bottom: 15px; }
	.newlist .slide:nth-child(1),.newlist .slide:nth-child(2) { flex:0 0 48%; max-width:48%; }
}
@media(min-width:768px) {
}
@media(min-width:992px) {
	.newlist .slide:nth-child(3) .imgbox { display: block; }
	.newlist .slide:nth-child(n+4) .imgbox { display: none; }
	.newlist .c1 { line-height: 28px; margin-top: 15px; }
	.newlist .slide:nth-child(1),.newlist .slide:nth-child(2),.newlist .slide:nth-child(3) { flex:0 0 31%; max-width:31%; }
}
@media(min-width:1200px) {
	.newlist .slide { padding-bottom: 20px; padding:0 15px; margin-bottom: 10px; }
	.newlist .c1 { line-height: 32px; }
	.newlist .c2 { font-size:14px; }
	.newlist .datebox { font-size:14px; }
}
@media(min-width:1400px) {
	.newlist .c1 { font-size:18px; margin-top: 20px; }
	.newlist .slide { padding-bottom: 30px; }
}
@media(min-width:1600px) {
	.newlist .slide { padding-bottom: 35px; margin-bottom: 15px; }
}


.sidebox { position: relative; background:#f7f7f6; padding:1.5rem; margin-bottom: 2rem; }
.sidebox .t1 { font-size: .75rem; font-weight: 400; color: #00532b; line-height: 1.06rem; text-transform: uppercase; text-align: center; margin-top: 20px; }
.sidebox .t2 { font-size: 1.5rem; color: #0162b3; line-height: 1.5rem; }


/* 瀑布流 */
.pubulist { position: relative; overflow: hidden; }
.pubulist:after { content:''; display:block; clear:both; }
.pubulist .item { float:left; min-width:49%; width:49%; margin-right:2%; border:1px solid rgba(0,0,0,0); }
.pubulist .item:nth-child(2) { margin-right:0; }
.pubulist .slide { width:100%; padding:10px; border:1px solid #e5e5e5; margin-bottom:10px; transition:.36s all; }
.pubulist .slide:hover { box-shadow: 0 10px 10px -10px #000; transition:.36s all; }
.pubulist .slide img { max-width:100%; }
.pubulist .txtbox { text-align: center; line-height: 20px; padding-top:10px; }
.pubulist .c1 { color:#000; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pubulist .c2 { color:rgba(0,0,0,.6); line-height: 1.5; margin-top: 10px; }
.pubulist .load-over,.pubulist .loading,.pubulist .more { text-align:center; color:#aaa; }
.pubulist .load-over:before,.pubulist .loading:before,.pubulist .more:before { content:''; display:block; clear:both; padding-top:2%; }
.pubulist .sbox { align-items: center; justify-content:space-between; width:60%; padding:0 22px; border-radius:18px; height:36px; line-height: 36px; border:1px solid #5f191b; background:#f7eae0; }
.pubulist .sbox input { border:none; background:none; flex:1; width:50%; }
.pubulist .sbox input::placeholder { color:rgba(95,25,27,.6); }
.pubulist .sbox .keywords { color:rgba(95,25,27,.6); font-family:"思源宋体 SemiBold"; }
.pubulist .searchbtn { color:#5e191b; cursor:pointer; font-size:140%; }
@media(min-width:576px) {
	.pubulist .sbox { padding:0 25px; border-radius:21px; height:42px; line-height: 42px; }
}
@media(min-width:768px) {
	.pubulist .item { width:32%; min-width:32%; margin-right:2%; }
	.pubulist .item:nth-child(2) { margin-right:2%; }
	.pubulist .item:nth-child(3) { margin-right:0; }
	.pubulist .sbox { width:45%; max-width:730px; padding:0 26px; border-radius:23px; height:46px; line-height: 46px; }
}
@media(min-width:992px){
	.pubulist .sbox { padding:0 29px; border-radius:26px; height:52px; line-height: 52px; }
	.pubulist .txtbox {line-height: 28px; padding-top:15px; }
}
@media(min-width:1200px) {
	
}
@media(min-width:1400px){
	.pubulist .item { width:23.5%; min-width:23.5%; }
	.pubulist .item:nth-child(2) { margin-right:2%; }
	.pubulist .item:nth-child(3) { margin-right:2%; }
	.pubulist .item:nth-child(4) { margin-right:0; }
	.pubulist .slide { margin-bottom:20px; }
	.pubulist .c2 { font-size:14px; }
}
@media(min-width:1600px) {
}


.newsinfo { position:relative; overflow: hidden; padding: 2rem 1rem 3rem; margin-bottom: 1rem; background:#fff; }
.newsinfo .nt1 { color:#1f2120; font-size:1.38rem; font-weight: 500; line-height: 1.88rem; margin-bottom: 0.5rem; }
.newsinfo .nt2 { position: relative; font-size: .81rem; font-weight: 400; color: #616664; line-height: 1.13rem; text-align: justify; }
.newsinfo .nt3 { position: relative; font-size: .81rem; font-weight: 400; color: #616664; line-height: 1.13rem; text-align: right; }
.newsinfo .nt4 { font-size: 1rem; font-weight: 600; color: #1f2120; margin-bottom: 1.25rem; letter-spacing: 0; text-align: justify;}
.newsinfo .nslide { position: relative; width: 100%; border-radius: 4px; margin-bottom: 1rem; display: flex; overflow: hidden; cursor: pointer; }
.newsinfo .nslide a:after { content:''; position: absolute; left:0; top:0; width:100%; height:100%; z-index: 1;}
.newsinfo .nslide .imgbox { width:50%; }
.newsinfo .nslide .imgbox:after { padding-top: 120%; }
.newsinfo .nslide .imgbox img { max-width:unset; }
.newsinfo .nslide .txtbox { width:50%; background: #f7f8f9; padding: .96rem 1rem; position: relative; transition: all .5s; }
.newsinfo .nslide .nc1 { font-size: .94rem; color: #616664; text-align: justify; line-height: 1.44rem; width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .5s; }
.newsinfo .nslide .nc2 { margin-bottom: 0; position: absolute; bottom: 1rem; font-size: .75rem; color: #9da6a2; line-height: .75rem; transition: all .5s;}
.newsinfo .content { line-height: 2rem; }
.newsinfo .content p { font-size: 1rem; line-height: 1.75rem; color: #616664; text-align: justify; margin-bottom: 1.5rem !important; }
.newsinfo .content h3 {font-size: 1.13rem; color: #1f2120; text-align: left; margin-bottom: 1rem; font-weight: 600; margin-bottom: 1.5rem !important;}
.newsinfo .content img { height:unset!important;width: 100%!important;margin-bottom: 1.5rem;background: #bbb;border-radius: 4px; }
.newsinfo .content iframe { background:none; max-width:100%!important; }
.newsinfo .content table { background:none; width:100%!important; max-width:100%!important; }
.newsinfo .video { width:800px; max-width:100%; height:300px; margin:0 auto; }
.newsinfo .video .jw-controlbar { width:100%; }
@media(min-width:768px) {
}
@media(min-width:992px) {
}
@media(min-width:1200px) {
	.newsinfo { padding:3rem 1rem 5.5rem; }
	.newsinfo .ntitle { background: #f7f8f9; border-radius: 4px; padding: 1.69rem 2rem; margin-bottom: 2.5rem; }
	.newsinfo .nt1 { font-size: 1.7rem; font-weight: 700; margin-bottom: 1.5rem; }
	.newsinfo .nt2 { color:#9da6a2; text-align: justify; margin-bottom: 4.7rem; }
	.newsinfo .nt3 { color:#9da6a2; line-height: 1rem; }
	.newsinfo .nt3:after { content: ""; width: 2.5rem; height: .06rem; background: #9da6a2; position: absolute; left: 0; bottom: 0; }
	.newsinfo .nslide:hover .txtbox { background: #0162b3; }
	.newsinfo .nslide:hover .txtbox .nc1 { color:#fff; }
	.newsinfo .nslide:hover .txtbox .nc2 { color:#fff; }
	.newsinfo .nslide:hover .imgbox img { transform:translate(-50%,-50%) scale(1.1); }
  	.newsinfo .video { height:450px; }
}
@media(min-width:1400px) {
}
@media(min-width:1600px) {
}

.contact01.section { padding-top: 2rem; }
.contact01 { position:relative; overflow: hidden; width: 95%; margin: 25px auto 0; padding-bottom: 3.5rem; }
.contact01 .fp-tableCell { vertical-align: unset; }
.contact01 .bg { overflow: hidden; position: relative; width: 100%; height: 25rem; border-radius:5px 5px 0 0; }
.contact01 .bg img { z-index: -100; height: 25rem; position: absolute; top: 0; left: 50%; transform: translate(-50%); }
.contact01 .content { color:#fff; background: #0162b3; border-radius: 0 0 4px 4px; overflow: hidden; padding: 1.7rem 2.5rem; }
.contact01 .t1 { font-size:24px; }
.contact01 .c1 { font-size:12px; line-height: 1.5; margin-top: 10px; }
.contact01 .txt { font-size:12px; line-height: 1.5; margin-top: 10px; }
.contact01 .item { text-align: center; margin-top: 4.5rem; }
.contact01 .item .svg-icon { width:3rem; height:3rem; }
.contact01 .item .s1 { font-size: 1.25rem; color: #1f2120; letter-spacing: 0; margin-top: 1.44rem; }
.contact01 .item .s2 { font-size: .88rem; color: #9da6a2; margin-top: 10px; letter-spacing: 0; }
.contact01 .msg-btn { cursor: pointer; display: inline-block; margin-top:2.5rem; border: 1px solid rgba(97, 102, 100, .6); border-radius: 4px; padding: 1rem 1.8rem .8rem; font-size: 1rem; color: #616664; letter-spacing: 0; text-align: center; transition: .3s; }
@media(min-width:768px) {
	.contact01 .txt { margin-top: 15px; }
}
@media(min-width:992px) {
	.contact01 .txt { margin-top: 20px; }
}
@media(min-width:1200px) {
	.contact01.section { padding-top: 5rem; }
	.contact01 { margin-top: 0; width:100%; padding-bottom: 0; }
	.contact01 .content { border-radius: 4px; display: inline-block; padding: 1.7rem 2.5rem; position: absolute; left: 53%; top: 9rem; }
	.contact01 .c1 { margin-top: 15px; }
	.contact01 .txt { margin-top: 25px; }
	.contact01 .msg-btn { margin-top: 4.5rem; }
	.contact01 .msg-btn:hover { color:#0162b3; border-color:#0162b3; }
}
@media(min-width:1400px) {
	.contact01 .txt { margin-top: 30px; }
}
@media(min-width:1600px) {
	.contact01 .txt { margin-top: 35px; }
}

.shadow {background:rgba(0,0,0,.54);display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99991;}
.float01 { opacity:0; pointer-events: none; width:90%; padding:30px 15px 25px; background:#fff; position:fixed;z-index:99992;left:50%;top:50%;transform: translate(-50%,-65%); transition:.16s all linear; }
.float01.open { pointer-events: auto; opacity:1; transform: translate(-50%,-50%); transition:.3s all linear; }
.float01 .close { color:#252726; cursor: pointer; font-size: 200%; width:44px;height:44px;line-height:44px;text-align:center;position:absolute; right:0px;top:0px;}
.float01 .close:hover {color:#fff!important;background:#0162b3;text-shadow:none;opacity: 1!important;}
.float01 .title { text-align: center; }
.float01 .t1 {color:#333333;font-size:20px;}
.float01 .t2 {color:#999999; margin-top: 10px; line-height: 1.5; }
.float01 .content { margin-top:15px; }
.float01 .item { line-height:35px; white-space:nowrap; margin-bottom:10px; }
.float01 .item input { border-radius:5px; padding:0 15px; border: 1px solid #ced4da; width:100%;}
.float01 .item input:focus { border: 1px solid #0162b3; }
.float01 .item textarea { border-radius:5px; border: 1px solid #ced4da;width:100%;font-size:14px;line-height: 24px;height:86px;padding:7px 15px;}
.float01 .item textarea:focus { border: 1px solid #0162b3; }
.float01 .float01Submit {color:#fff;background:#0162b3;display:block;text-align:center;border-radius:5px;}
@media(min-width:992px) {
  .float01 {padding:40px 4% 35px;}
  .float01 .t1 {font-size:26px;}
  .float01 .content {margin-top:20px;}
  .float01 .item { line-height:45px; }
  .float01 .float01Submit {font-size:16px;transition:.36s all;}
}
@media(min-width:1200px) {
  .float01 {width:50%; padding:60px 4% 45px;}
  .float01 .t1 {font-size:28px;}
  .float01 .t2 {font-size:15px;}
  .float01 .content {margin-top:25px;}
  .float01 .item {line-height:40px;margin-bottom:15px;}
  .float01 .item textarea {font-size:16px;line-height: 30px;height: 131px;padding:11px 15px;}
}
@media(min-width:1601px) {
  .float01 .t1 {font-size:34px;}
  .float01 .content {margin-top:30px;}
  .float01 .item textarea {font-size:16px;line-height: 30px;padding:13px 15px;}
  .float01 .float01Submit {font-size:18px;}
}

.float_info { opacity:0; pointer-events: none; width:90%; padding:2rem; border-radius:.3rem; background:#fff; position:fixed;z-index:99992;left:50%;top:50%;transform: translate(-50%,-65%); transition:.16s all linear; }
.float_info.open { pointer-events: auto; opacity:1; transform: translate(-50%,-50%); transition:.3s all linear; }
.float_info .close { color:#252726; cursor: pointer; font-size: 200%; width:44px;height:44px;line-height:44px;text-align:center;position:absolute; right:0px;top:0px;}
.float_info .close:hover {color:#fff!important;background:#0162b3;text-shadow:none;opacity: 1!important;}
.float_info .imgbox:after { padding-top: 56.3%; }
.float_info .imgbox:hover img { transform:translate(-50%,-50%); }
.float_info .c1 { font-size: 1.2rem; font-weight: 600; line-height: 1.4; color: #1f2120; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; }
.float_info .c2 { display:-webkit-box; line-clamp:11; -webkit-line-clamp:11; -webkit-box-orient: vertical; overflow: auto; margin-top: 1rem; padding-right: 1rem; font-size: 1rem; line-height: 1.5; color: #9da6a2; letter-spacing: 0; text-align: justify; }
.float_info .c2 p { margin-top: 0.5rem; }
.float_info .c3 { margin-top: 4rem; font-size: .88rem; color: #9da6a2; letter-spacing: 0; text-align: justify; }
.float_info .c3 span { font-size: 1.5rem; color: #616664; letter-spacing: 0; text-align: justify; }
@media(min-width:992px) {
  .float_info { width:75%; padding:3rem; }
}
@media(min-width:1200px) {
	.float_info .c2 { margin-top: 2.5rem; }
}
@media(min-width:1400px) {
	.float_info .c2 { margin-top: 3rem; }
	.float_info .c2 { line-clamp:9; -webkit-line-clamp:9; }
}
@media(min-width:1600px) {
	.float_info .c2 { margin-top: 3.5rem; }
}
@media(min-width:1920px) {
	.float_info .c2 { margin-top: 4rem; }
	.float_info .c2 { line-clamp:11; -webkit-line-clamp:11; }
}

.floatjoin { opacity:0; pointer-events: none; width:90%; padding:30px 15px 25px; background:#fff; position:fixed;z-index:99992;left:50%;top:50%;transform: translate(-50%,-65%); transition:.16s all linear; }
.floatjoin.open { pointer-events: auto; opacity:1; transform: translate(-50%,-50%); transition:.3s all linear; }
.floatjoin .close { color:#252726; cursor: pointer; font-size: 200%; width:44px;height:44px;line-height:44px;text-align:center;position:absolute; right:0px;top:0px;}
.floatjoin .close:hover {color:#fff!important;background:#0162b3;text-shadow:none;opacity: 1!important;}
.floatjoin .title { text-align: center; }
.floatjoin .t1 {color:#333333;font-size:20px;}
.floatjoin .t2 {color:#999999; margin-top: 10px; line-height: 1.5; }
.floatjoin .content { margin-top:15px; }
.floatjoin .item { line-height:35px; white-space:nowrap; margin-bottom:10px; }
.floatjoin .item input { border-radius:5px; padding:0 15px; border: 1px solid #ced4da; width:100%;}
.floatjoin .item input:focus { border: 1px solid #0162b3; }
.floatjoin .item textarea { border-radius:5px; border: 1px solid #ced4da;width:100%;font-size:14px;line-height: 24px;height:86px;padding:7px 15px;}
.floatjoin .item textarea:focus { border: 1px solid #0162b3; }
.floatjoin .floatjoinSubmit {color:#fff;background:#0162b3;display:block;text-align:center;border-radius:5px;}
@media(min-width:992px) {
  .floatjoin {padding:40px 4% 35px;}
  .floatjoin .t1 {font-size:26px;}
  .floatjoin .content {margin-top:20px;}
  .floatjoin .item { line-height:45px; }
  .floatjoin .floatjoinSubmit {font-size:16px;transition:.36s all;}
}
@media(min-width:1200px) {
  .floatjoin {width:50%; padding:60px 4% 45px;}
  .floatjoin .t1 {font-size:28px;}
  .floatjoin .t2 {font-size:15px;}
  .floatjoin .content {margin-top:25px;}
  .floatjoin .item {line-height:40px;margin-bottom:15px;}
  .floatjoin .item textarea {font-size:16px;line-height: 30px;height: 131px;padding:11px 15px;}
}
@media(min-width:1601px) {
  .floatjoin .t1 {font-size:34px;}
  .floatjoin .content {margin-top:30px;}
  .floatjoin .item textarea {font-size:16px;line-height: 30px;padding:13px 15px;}
  .floatjoin .floatjoinSubmit {font-size:18px;}
}

.floatsearch { opacity:0; pointer-events: none; width:90%; padding:30px 15px 25px; background:#fff; position:fixed;z-index:99992;left:50%;top:50%;transform: translate(-50%,-65%); transition:.16s all linear; }
.floatsearch.open { pointer-events: auto; opacity:1; transform: translate(-50%,-50%); transition:.3s all linear; }
.floatsearch .close { color:#252726; cursor: pointer; font-size: 200%; width:44px;height:44px;line-height:44px;text-align:center;position:absolute; right:0px;top:0px;}
.floatsearch .close:hover {color:#fff!important;background:#0162b3;text-shadow:none;opacity: 1!important;}
.floatsearch .title { text-align: center; }
.floatsearch .t1 {color:#333333;font-size:20px;}
.floatsearch .t2 {color:#999999; margin-top: 10px; line-height: 1.5; }
.floatsearch .content { margin-top:15px; }
.floatsearch .item { line-height:35px; white-space:nowrap; margin-bottom:10px; }
.floatsearch .item input { border-radius:5px; padding:0 15px; border: 1px solid #ced4da; width:100%;}
.floatsearch .item input:focus { border: 1px solid #0162b3; }
.floatsearch .item textarea { border-radius:5px; border: 1px solid #ced4da;width:100%;font-size:14px;line-height: 24px;height:86px;padding:7px 15px;}
.floatsearch .item textarea:focus { border: 1px solid #0162b3; }
.floatsearch .floatsearchSubmit {color:#fff;background:#0162b3;display:block;text-align:center;border-radius:5px;}
@media(min-width:992px) {
  .floatsearch {padding:40px 4% 35px;}
  .floatsearch .t1 {font-size:26px;}
  .floatsearch .content {margin-top:20px;}
  .floatsearch .item { line-height:45px; }
  .floatsearch .floatsearchSubmit {font-size:16px;transition:.36s all;}
}
@media(min-width:1200px) {
  .floatsearch {width:50%; padding:60px 4% 45px;}
  .floatsearch .t1 {font-size:28px;}
  .floatsearch .t2 {font-size:15px;}
  .floatsearch .content {margin-top:25px;}
  .floatsearch .item {line-height:40px;margin-bottom:15px;}
  .floatsearch .item textarea {font-size:16px;line-height: 30px;height: 131px;padding:11px 15px;}
}
@media(min-width:1601px) {
  .floatsearch .t1 {font-size:34px;}
  .floatsearch .content {margin-top:30px;}
  .floatsearch .item textarea {font-size:16px;line-height: 30px;padding:13px 15px;}
  .floatsearch .floatsearchSubmit {font-size:18px;}
}

.message01 { position:relative; overflow: hidden; }
.message01 .t1 { color:#333; font-size:20px; font-weight: bold; }
.message01 .t2 { color:#757575; margin-top:8px; }
.message01 .slide { color:#888888; background:#f9f9f9; line-height:40px; margin-bottom:10px; white-space:nowrap; }
.message01 .slide select { color:#9e9e9e; background:none; display:block; width:100%; height:40px; }
.message01 .slide input { background:#f9f9f9; width:84%; }
.message01 .slide textarea { background:#f9f9f9; width:90%; font-size:14px; line-height: 24px; height:92px; padding-top:7px; }
.message01 .submit { color:#fff; background:#0162b3; display:block; text-align:center; border-radius:0; }
.message01 .submit .btn2 { padding:0; border:none; border-radius: 0; background:#0162b3; }
.message01 .submit .btn-inner { transition:.36s all linear; }
.message01 .submit .btn-inner i { right:-10px!important; }
.message01 .submit .btn-inner i:before { content:''; opacity:0; }
.message01 .btn2:hover .btnbg-x { background:#333; }
@media(min-width:768px) {
	.message01 .t1 { font-size:24px; }
	.message01 .t2 { margin-top:10px; }
	.message01 .slide { line-height:45px; }
	.message01 .slide select { height:45px; }
}
@media(min-width:992px) {
	.message01 .t1 { font-size:26px; }
	.message01 .slide { line-height:50px; }
	.message01 .slide select { height:50px; }
	.message01 .slide:hover { border-color:#0162b3; }
	.message01 .submit { font-size:16px; transition:.36s all; }
	.message01 .submit:hover { background: #0162b3; transition:.36s all; }
}
@media(min-width:1200px) {
	.message01 .t1 { font-size:28px; }
	.message01 .t2 { margin-top:13px; }
	.message01 .slide { line-height:60px; }
	.message01 .slide select { height:60px; }
	.message01 .slide textarea { font-size:16px; line-height: 30px; height: 120px; padding-top:11px; }
}
@media(min-width:1400px) {
	.message01 .t1 { font-size:32px; }
	.message01 .t2 { margin-top:15px; font-size:17px; }
	.message01 .slide { line-height:65px; }
	.message01 .slide select { height:65px; }
	.message01 .slide textarea { font-size:16px; line-height: 30px; height: 120px; padding-top:11px; }
}
@media(min-width:1600px) {
	.message01 .t1 { font-size:36px; }
	.message01 .t2 { font-size:18px; }
	.message01 .slide { line-height:70px; margin-bottom:15px; }
	.message01 .slide select { height:70px; }
	.message01 .slide textarea { font-size:16px; line-height: 30px; height:120px; padding-top:13px; }
	.message01 .submit { font-size:18px; }
}

#gf_links li { height: 4rem; }
#gf_links li a { width: 8.8125rem; font-size: 0.75rem; color: #515151; height: 100%; line-height: 1.5; } 
#gf_links li a:hover { color: #0162b3; } 

.footer { padding-top:12px; box-shadow: 0 0 8px 0 rgba(187, 160, 160, .2); }
.footer a:hover { text-decoration: underline; }
.footer .row { margin-top: 1.5rem; }
.footer .c1 { font-size: .75rem;color: #616664;letter-spacing: 0;margin: 15px 0;}
.footer .flogo { height:35px; }
.footer .fnav { display: flex; flex-direction: column; }
.footer .fnav>div { position: relative; padding:0 5%; }
.footer .fnav a { display: block; text-decoration: none; padding: 15px 0; font-size: 14px; font-weight: 400; color: #1f2120; line-height: 1.1; }
.footer .fnav .n1 { white-space: nowrap; }
.footer .fnav .subnav a { color:#9da6a2; text-decoration: none; font-size:12px; line-height: 1; padding:10px 0; }
.footer .fnav .subnav a:hover { color:#0162b3; }
.footer .bottom { color:#9da6a2; background:#f7f7f6; text-align: center; font-size:12px; margin-top: 12px; padding:15px 0 10px; }
.footer .bottom a { display: inline-block; line-height: 2; }
.footer .bottom a:hover { color:#9da6a2; text-decoration: none;  }
@media(max-width:1199px) {
	.footer .fnav .link { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid hsla(0, 0%, 92.2%, .38824); }
	.footer .fnav .link:after { content:'+'; display: block; font-weight: bold; font-size: 20px; color: #4d4d4d; }
	.footer .fnav .subnav { display: none; padding:10px 0; }
	.footer .fnav>div.active .link:after { content:'-'; font-size:22px; margin-right: 3px; }
	.footer .fnav>div.active .subnav {display: block; }
}
@media(min-width:768px) {
	.footer { padding-top:15px; }
	.footer .flogo { height:40px; }
	.footer .bottom { margin-top: 15px; }
}
@media(min-width:992px) {
}
@media(min-width:1200px) {
	.footer { padding-top:20px; }
	.footer .flogo { height:45px; }
	.footer .c1 { margin:20px 0; }
	.footer .fnav { flex-direction: row; justify-content: flex-end; }
	.footer .bottom { margin-top: 18px; padding:12px 0; font-size:14px; }
}
@media(min-width:1400px) {
	.footer .flogo { height:50px; }
	.footer .c1 { margin:20px 0 25px; }
	.footer .bottom { margin-top: 20px; padding:15px 0; }
}
@media(min-width:1600px) {
	.footer .flogo { height:55px; }
	.footer .bottom { margin-top: 25px; }
}

.share-icons { position: relative; }
.share-icons i { font-size:120%; }
.share-icons div { cursor: pointer; position: relative; display: inline-block; padding: 4px 4.5px; border: 1px solid #aaa; border-radius: 3px; margin: 0 2px; }
.share-icons img { display: none; position: absolute; border:5px solid #fff; border-radius:5px; box-shadow:2px 2px 5px rgba(0,0,0,.2); left:0; top:0; width:100px; height:100px; transform:translate(0,-105%); }
.share-icons div:hover img { display: block; }
@media(min-width:992px) {
	.share-icons img { width:120px; height:120px; }
}
@media(min-width:1200px) {
	.share-icons img { width:140px; height:140px; box-shadow:4px 4px 15px rgba(0,0,0,.2); }
	.share-icons div:hover { border-color:#0162b3; }
	.share-icons div:hover i { color:#0162b3; }
}

.footer-bar { height:70px; z-index:99; transition:.36s all; }
.footer-bar .list { color:#fff; background:#333; display:flex; position:fixed; bottom:0; left:0; right:0; height:70px; z-index:9; }
.footer-bar .slide { flex:1; text-align: center; line-height: 30px; }
.footer-bar .slide:hover { color:#fff; }
.footer-bar .slide i { display:block; font-size:25px; padding-top:10px; }
@media(max-width:991px) {
	.footer-bar.hide { display:none; }
}

/* 无内容 */
.no-goods,.no-network { padding:50px 0; overflow:hidden; text-align:center; }
.no-goods img,
.no-network img { display:block; margin:0 auto 30px; max-height:75px; max-width:100%; }
.no-goods p,.no-network p { font-size:14px; color:#666666; line-height:20px; }
@media(min-width:992px) {
	.no-goods img,.no-network img { max-height:105px; }
}

.de-page-mian .page-inner a { color:#0162b3!important; background: #ecebe6!important; font-weight: bold; border:none!important; margin:0 1px!important; height:24px!important; line-height:24px!important; width:28px; padding:0!important; }
.de-page-mian .page-inner a:hover,.de-page-mian .page-inner a.active { color:#fff!important; background: #0162b3!important; }
.de-page-mian span,.de-page-mian input,.de-page-mian .page-btn { display:none!important; }
@media(max-width:991px) {
	.de-page-mian .page-inner a.next { display:none!important; }
	.de-page-mian .page-inner a.prev { display:none!important; }
}
@media(max-width:767px){
  .de-page-mian .page-inner a { margin-right:0!important; }
  .de-page-mian span,.de-page-mian input,.de-page-mian .page-btn,.de-page-mian .prev,.de-page-mian .next { display:none!important; }
}
@media(min-width:992px) {
	.de-page-mian .page-inner a { height:32px!important; line-height:32px!important; width:35px; margin:0 2px!important; }
	.de-page-mian .page-inner a.next { color:#7b7a7f!important; border:none; background:none!important; position: relative; width:unset; padding:0!important; }
	.de-page-mian .page-inner a.next:before { content:'\e603'; font-family: 'iconfont'; display:block; width:55px; background: #ecebe6; }
	.de-page-mian .page-inner a.next:hover:before { color:#fff!important; font-weight: bold; background: #0162b3!important; }
	.de-page-mian .page-inner a.prev { color:#7b7a7f!important; border:none; background:none!important; position: relative; width:unset; padding:0!important; }
	.de-page-mian .page-inner a.prev:before { content:'\e603'; font-family: 'iconfont'; transform:rotateY(180deg); display:block; width:55px; background: #ecebe6; }
	.de-page-mian .page-inner a.prev:hover:before { color:#fff!important; font-weight: bold; background: #0162b3!important; }
}
@media(min-width:1200px) {
	.de-page-mian .page-inner a { height:32px!important; line-height:32px!important; width:40px; }
	.de-page-mian .page-inner a.next:before,.de-page-mian .page-inner a.prev:before { width:60px; }
}
@media(min-width:1400px) {
	.de-page-mian .page-inner a { height:37px!important; line-height:37px!important; width:45px; }
	.de-page-mian .page-inner a.next:before,.de-page-mian .page-inner a.prev:before { width:65px; }
}
@media(min-width:1600px) {
	.de-page-mian .page-inner a { height:40px!important; line-height:40px!important; width:50px; }
	.de-page-mian .page-inner a.next:before,.de-page-mian .page-inner a.prev:before { width:70px; }
}


.sy { pointer-events:none; position:absolute; z-index:3; left:0; bottom:0; width:100%; height: 100%;/*background:url(../images/sy.png) no-repeat center bottom; background-size:100% auto;*/}

.play { cursor:pointer; color:rgba(255,255,255,.7); transition:.16s all linear; height:100%; display:flex; justify-content: center; align-items:center; font-size:46px; position:absolute; z-index:4; left:15px; right:15px; top:0%; }
.play:hover { color:#fff; transition:.16s all linear; }
.play i { font-size:110%; transition:.16s all linear; }
.play:hover i { transform:scale(1.1); transition:.16s all linear; }
.video-shadow { display: none; position:fixed; z-index:99999; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.8); }
.video-panel { height:275px; width:365px; padding:5px; background:#f8f8f8; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); }
.video-shadow .close { position:absolute; bottom:5%; left:50%; transform:translateX(-50%); width:100px; height:40px; line-height:40px; border-radius:20px; background: #fff; text-align:center; }
@media(min-width:768px) {
  .play { font-size:54px; }
  .video-panel { height:362px; width:630px; }
}
@media(min-width:992px) {
  .play { font-size:62px; }
  .video-panel { height:420px; width:730px; }
}
@media(min-width:1200px) {
  .play { font-size:70px; }
  .video-panel { height:500px; width:870px; }
}
@media(min-width:1400px) {
  .video-panel { height:724px; width:1260px; }
}
@media(min-width:1600px) {
  .play { font-size:75px; }
}