@charset "utf-8";
/* CSS Document public*/
*{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;}
body{padding:0;margin:0;font-family:"Microsoft Yahei",Arial,Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; line-height: 1; font-size:16px;overflow-x: hidden;}
html,body{ min-height:100%;overflow-x: hidden;} html{ overflow:-moz-scrollbars-vertical;} 
::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}

.clear:after{content: ""; display: block; height: 0; clear:both; visibility: hidden;}

input,button,textarea {background: none; outline: none;border: none;-webkit-appearance:none; border-radius:0}
input:focus {border: none;}

.img_zd{ position:relative; width:100%}
.img_zd .img_hezi{padding-bottom: 67.80% !important;}
.img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;height: 100%;width: 100%;}

a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
ul{list-style:none;}
img{border:0px}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
ul li{ list-style:none;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
video{ object-fit:cover}
.fl{ float:left}
.fr{ float:right}
.container01,.container01 ,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}/*缓慢效果*/
h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/
slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/
.slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}
.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/
.overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 
/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/  /*180度旋转*/
/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/
/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/  /*透明背景*/

.a_body{ position:relative;}
::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1}
::-webkit-scrollbar-track {border-radius:0; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:0; background:#333333}

input::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;}

textarea::-webkit-input-placeholder{ color:#999;}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}


.w100{width:100%;}
.w1135{max-width:1135px;margin:0 auto;}
@media (max-width:1540px){
	.w1135{width:calc(100% - 30px);margin: 0 15px;}
}
.fanhui{position:fixed;right:30px;bottom: 75px;width:48px;height:48px;border-radius:50%;}

h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul li:hover h5 a{ color:#003d98}
.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
img{ vertical-align:middle}



.minCon{position: absolute;top: 0;left:0;z-index: 9;width: 100%;}

/* banner开始*/
.bannerBox{position: fixed;}
.banner{width:100VW;height: 100VH;float: right;position: relative;z-index: 1;}
.banner img{display: block;position: relative;z-index: 5;height: 100%;object-fit: fill}
.banner .swiper-slide-active img{z-index: 999;}
.banner .swiper-slide{position: relative;}
.banner .swiper-wrapper{width: 100%;}
@media(max-width: 1200px){
	
}
@media(max-width: 768px){
}
@media(max-width: 414px){
}


.banner img{ -webkit-animation: cale 1s; -moz-animation: cale 4s; animation: cale 4s;animation-iteration-count:infinite;;}

@keyframes cale {
    0% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
    50% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }
	100% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
}

/* banner结束 */
.top{margin-top: 1.875rem;}
.top .logo{}
.top .logo img{display: block;max-width: 100%;}
.top ul{margin-top: 20px;}
.top ul li{width: 90px;height: 36px;float: left;}
.top ul li a{font-size:0.875rem;line-height: 36px;display: block;text-align: center;background: rgba(210,0,0,0.54);color: white;}
.top ul li:hover a{background: rgba(210,0,0,1);}
.top ul li+li a{font-size:0.875rem;line-height: 36px;display: block;text-align: center;background: rgba(255,114,0,0.54);}
.top ul li+li:hover a{background: rgba(255,114,0,1);}
.top ul li+li{margin-left: 10px;}
.middle{margin-top: 8%;}
.middle ul{}
.middle ul li{float: left;width: 22%;height: 26.875rem;background: rgba(219,149,0,0.9);transition: 0.4s;}
.middle ul li:hover{background: rgba(219,149,0,1);border-radius: 1rem;transition: 0.4s;}
.middle ul li+li{background: rgba(0,215,172,0.9);transition: 0.4s;}
.middle ul li+li:hover{background: rgba(0,215,172,1);transition: 0.4s;border-radius: 1rem;}
.middle ul li+li+li{background: rgba(0,135,213,0.9);transition: 0.4s;}
.middle ul li+li+li:hover{background: rgba(0,135,213,1);transition: 0.4s;border-radius: 1rem;}
.middle ul li+li+li+li{background: rgba(117,32,212,0.9);transition: 0.4s;}
.middle ul li+li+li+li:hover{background: rgba(117,32,212,1);transition: 0.4s;border-radius: 1rem;}
.middle ul li+li{margin-left: 4%;}
.middle ul li a{display: block;}
.middle ul li a img{display: block;margin: 15% auto 15% auto;}
.middle ul li a p{font-size: 1.625rem;color: white;line-height: 2.5rem;width: 6.875rem;margin: 0 auto;transition: 0.4s;}
.middle ul li:hover a p{padding-top: 6px;transition: 0.4s;}
.middle ul li:hover a img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@media(max-width: 768px){
	.middle ul li{width: 48%;margin-bottom: 4%;height: 450px;}
	.middle ul li+li{margin-left: 0;}
	.middle ul li:nth-child(even){margin-left: 4%;}
}
@media(max-width: 580px){
	.middle ul li{height: 420px;}
}
@media(max-width: 414px){
	.middle ul li{height: 360px;}
}
@keyframes jello {from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }}
/* footer */
.footer{margin-top: 8%;padding-bottom: 45px;}
.footer .frlink{margin-bottom: 1.875rem;}
.footer .frlink dl{display: block;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom: 1.875rem;}
.footer .frlink dl dt{display: inline-block;font-size: 1.25rem;color: #FFFFFF;}
.footer .frlink dl dd{display: inline-block;}
.footer .frlink dl dd a{display: inline-block;font-size: 1rem;color: #FFFFFF;margin: 0 0.625rem;}
.footer .frlink dl dd a:hover{color: #ffba00;}
.footer .footerCon{}
.footer .footerCon .Lcon{width: 100%;margin-top: 1.25rem;}
.footer .footerCon .Lcon p{font-size: 0.875rem;color: rgba(255,255,255,0.6);line-height: 1.875rem;text-align: center;}
.footer .footerCon .Lcon p span{font-size: 0.875rem;color: rgba(255,255,255,0.6);line-height: 1.5rem;background: url(/jsyzy/images/11.png) no-repeat left center;padding-left: 1.25rem;background-size: auto;display: inline-block;margin-right: 1rem;}
.footer .footerCon .Lcon p span+span{background: url(/jsyzy/images/22.png) no-repeat left center;}
.footer .footerCon .Lcon p span+span+span{background: url(/jsyzy/images/33.png) no-repeat left center;}
.footer .footerCon .Lcon p span+span+span+span{background: url(/jsyzy/images/44.png) no-repeat left center;}
.footer .footerCon .Lcon p a{font-size: 0.875rem;color: rgba(255,255,255,0.6);line-height: 1.5rem;}

.footer .footerCon .Lcon p a:hover{color: #FFFFFF;}
@media(max-width: 960px) {
	.footer .frlink dl{text-align: left;}
	.footer .footerCon .Lcon{width: 100%;float: none;}
	.footer .footerCon .Rcon{width: 100%;float: none;}
	.footer .footerCon .Rcon ul{display: block;text-align: left;margin-top: 1.875rem;}
}