@charset "utf-8";
body{margin:0;padding:0;background:#fff;color:#333333;font: "Microsoft YaHei",????????????,??????,??????,Microsoft JhengHei,????????????,STHeiti,MingLiu; font-size:14px; }
div, form, img, ul, ol, li, dl, dt, dd{margin: 0;padding:0;border:0;}
body,img, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, strong, b, em, i, pre, code, form, fieldset, legend, input, button, textarea, p, a, blockquote, th, td{margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6, b, em, i{font-weight: normal;font-style: normal;}
ul, ol, li{list-style: none; padding:0px; margin:0px;}
img{border: none;vertical-align: middle; max-width: 100%;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none; }
input, textarea, select{border: none;outline: none;}
table{border-spacing: 0;border-collapse: collapse;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
a:link,a:visited {color:#666666;text-decoration:none;}
a:hover {color:#40a6fa;text-decoration:none;}
a:active {color:#666666;text-decoration:none;}
a:focus {outline:none;}
.fl {float:left}
.fr {float:right;}
.text-left{ text-align: left;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
.color-white{ color: #fff;}
.clear {clear:both;}
.overflow{ overflow: hidden;}
.position-r{ position: relative;}
.ww {width:1200px;margin:0 auto;font-size:14px;}
.w750{width:750px;margin:0 auto;font-size:14px;}
.textblack{ color: #2b2e2e;}
.fwb{font-weight: bold;}
.pt100 {padding-top:100px !important;}
.pt90 {padding-top:90px !important;}
.pt80 {padding-top:80px !important;}
.pt70 {padding-top:70px !important;}
.pt60 {padding-top:60px !important;}
.pt50 {padding-top:50px !important;}
.pt40 {padding-top:40px !important;}
.pt30 {padding-top:30px !important;}
.pt20 {padding-top:20px !important;}
.pt10 {padding-top:10px !important;}
.pt5 {padding-top:5px !important;}
.pb100 {padding-bottom:100px !important;}
.pb90 {padding-bottom:90px !important;}
.pb80 {padding-bottom:80px !important;}
.pb70 {padding-bottom:70px !important;}
.pb60 {padding-bottom:60px !important;}
.pb50 {padding-bottom:50px !important;}
.pb40 {padding-bottom:40px !important;}
.pb30 {padding-bottom:30px !important;}
.pb20 {padding-bottom:20px !important;}
.pb10 {padding-bottom:10px !important;}
.pb5 {padding-bottom:5px !important;}
.pl100 {padding-left:100px !important;}
.pl90 {padding-left:90px !important;}
.pl80 {padding-left:80px !important;}
.pl70 {padding-left:70px !important;}
.pl60 {padding-left:60px !important;}
.pl50 {padding-left:50px !important;}
.pl40 {padding-left:40px !important;}
.pl30 {padding-left:30px !important;}
.pl20 {padding-left:20px !important;}
.pl10 {padding-left:10px !important;}
.pl5 {padding-left:5px !important;}
.pr100 {padding-right:100px !important;}
.pr90 {padding-right:90px !important;}
.pr80 {padding-right:80px !important;}
.pr70 {padding-right:70px !important;}
.pr60 {padding-right:60px !important;}
.pr50 {padding-right:50px !important;}
.pr40 {padding-right:40px !important;}
.pr30 {padding-right:30px !important;}
.pr20 {padding-right:20px !important;}
.pr10 {padding-right:10px !important;}
.pr5 {padding-right:5px !important;}
.pp100 {padding:100px !important;}
.pp90 {padding:90px !important;}
.pp80 {padding:80px !important;}
.pp70 {padding:70px !important;}
.pp60 {padding:60px !important;}
.pp50 {padding:50px !important;}
.pp40 {padding:40px !important;}
.pp30 {padding:30px !important;}
.pp20 {padding:20px !important;}
.pp10 {padding:10px !important;}
.pp5 {padding:5px !important;}
.mt100 {margin-top:100px !important;}
.mt90 {margin-top:90px !important;}
.mt80 {margin-top:80px !important;}
.mt70 {margin-top:70px !important;}
.mt60 {margin-top:60px !important;}
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:40px !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px !important;}
.mt5 {margin-top:5px !important;}
.mb100 {margin-bottom:100px !important;}
.mb90 {margin-bottom:90px !important;}
.mb80 {margin-bottom:80px !important;}
.mb70 {margin-bottom:70px !important;}
.mb60 {margin-bottom:60px !important;}
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb5 {margin-bottom:5px !important;}
.ml100 {margin-left:100px !important;}
.ml90 {margin-left:90px !important;}
.ml80 {margin-left:80px !important;}
.ml70 {margin-left:70px !important;}
.ml60 {margin-left:60px !important;}
.ml50 {margin-left:50px !important;}
.ml40 {margin-left:40px !important;}
.ml30 {margin-left:30px !important;}
.ml20 {margin-left:20px !important;}
.ml10 {margin-left:10px !important;}
.ml5 {margin-left:5px !important;}
.mr100 {margin-right:100px !important;}
.mr90 {margin-right:90px !important;}
.mr80 {margin-right:80px !important;}
.mr70 {margin-right:70px !important;}
.mr60 {margin-right:60px !important;}
.mr50 {margin-right:50px !important;}
.mr40 {margin-right:40px !important;}
.mr30 {margin-right:30px !important;}
.mr20 {margin-right:20px !important;}
.mr10 {margin-right:10px !important;}
.mr5 {margin-right:5px !important;}
.mp100 {margin:100px !important;}
.mp90 {margin:90px !important;}
.mp80 {margin:80px !important;}
.mp70 {margin:70px !important;}
.mp60 {margin:60px !important;}
.mp50 {margin:50px !important;}
.mp40 {margin:40px !important;}
.mp30 {margin:30px !important;}
.mp20 {margin:20px !important;}
.mp10 {margin:10px !important;}
.mp5 {margin:5px !important;}
.fs34 {font-size:34px !important;}
.fs32 {font-size:32px !important;}
.fs30 {font-size:30px !important;}
.fs28 {font-size:28px !important;}
.fs26 {font-size:26px !important;}
.fs24 {font-size:24px !important;}
.fs22 {font-size:22px !important;}
.fs20 {font-size:20px !important;}
.fs18 {font-size:18px !important;}
.fs16 {font-size:16px !important;}
.fs14 {font-size:14px !important;}
.fs12 {font-size:12px !important;}
.lh20 {line-height:20px !important;}
.lh24 {line-height:24px !important;}
.lh28 {line-height:28px !important;}
.lh30 {line-height:30px !important;}
.lh40 {line-height:40px !important;}
.lh50 {line-height:50px !important;}

.animationtime{transition: all 0.5s;}
.centertext{position: absolute;  top: 50%;   left: 50%;   transform: translate(-50%,-50%);  text-align: center; }
.text1 {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.text2 {line-height:20px;overflow:hidden;height:40px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text3 {line-height:20px;overflow:hidden;height:60px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
@media screen and (max-width:1220px) {.ww {width:98%;margin:0 auto;}
}
@media screen and (max-width:769px) {
.ww {width:95%;margin:0 auto;font-size:.24rem}
.w750{width:100%;margin:0 auto;font-size:.24rem}
body {font-size:.24rem;}
.pt100 {padding-top:1rem !important;}
.pt90 {padding-top:.9rem !important;}
.pt80 {padding-top:.8rem !important;}
.pt70 {padding-top:.7rem !important;}
.pt60 {padding-top:.6rem !important;}
.pt50 {padding-top:.5rem !important;}
.pt40 {padding-top:.4rem !important;}
.pt30 {padding-top:.3rem !important;}
.pt20 {padding-top:.2rem !important;}
.pt10 {padding-top:.1rem !important;}
.pt5 {padding-top:.05rem !important;}
.pb100 {padding-bottom:1rem !important;}
.pb90 {padding-bottom:.9rem !important;}
.pb80 {padding-bottom:.8rem !important;}
.pb70 {padding-bottom:.7rem !important;}
.pb60 {padding-bottom:.6rem !important;}
.pb50 {padding-bottom:.5rem !important;}
.pb40 {padding-bottom:.4rem !important;}
.pb30 {padding-bottom:.3rem !important;}
.pb20 {padding-bottom:.2rem !important;}
.pb10 {padding-bottom:.1rem !important;}
.pb5 {padding-bottom:.05rem !important;}
.pl100 {padding-left:1rem !important;}
.pl90 {padding-left:.9rem !important;}
.pl80 {padding-left:.8rem !important;}
.pl70 {padding-left:.7rem !important;}
.pl60 {padding-left:.6rem !important;}
.pl50 {padding-left:.5rem !important;}
.pl40 {padding-left:.4rem !important;}
.pl30 {padding-left:.3rem !important;}
.pl20 {padding-left:.2rem !important;}
.pl10 {padding-left:.1rem !important;}
.pl5 {padding-left:.05rem !important;}
.pr100 {padding-right:1rem !important;}
.pr90 {padding-right:.9rem !important;}
.pr80 {padding-right:.8rem !important;}
.pr70 {padding-right:.7rem !important;}
.pr60 {padding-right:.6rem !important;}
.pr50 {padding-right:.5rem !important;}
.pr40 {padding-right:.4rem !important;}
.pr30 {padding-right:.3rem !important;}
.pr20 {padding-right:.2rem !important;}
.pr10 {padding-right:.1rem !important;}
.pr5 {padding-right:.05rem !important;}
.pp100 {padding:1rem !important;}
.pp90 {padding:.9rem !important;}
.pp80 {padding:.8rem !important;}
.pp70 {padding:.7rem !important;}
.pp60 {padding:.6rem !important;}
.pp50 {padding:.5rem !important;}
.pp40 {padding:.4rem !important;}
.pp30 {padding:.3rem !important;}
.pp20 {padding:.2rem !important;}
.pp10 {padding:.1rem !important;}
.pp5 {padding:.05rem !important;}
.mt100 {margin-top:1rem !important;}
.mt90 {margin-top:.9rem !important;}
.mt80 {margin-top:.8rem !important;}
.mt70 {margin-top:.7rem !important;}
.mt60 {margin-top:.6rem !important;}
.mt50 {margin-top:.5rem !important;}
.mt40 {margin-top:.4rem !important;}
.mt30 {margin-top:.3rem !important;}
.mt20 {margin-top:.2rem !important;}
.mt10 {margin-top:.1rem !important;}
.mt5 {margin-top:.05rem !important;}
.mb100 {margin-bottom:1rem !important;}
.mb90 {margin-bottom:.9rem !important;}
.mb80 {margin-bottom:.8rem !important;}
.mb70 {margin-bottom:.7rem !important;}
.mb60 {margin-bottom:.6rem !important;}
.mb50 {margin-bottom:.5rem !important;}
.mb40 {margin-bottom:.4rem !important;}
.mb30 {margin-bottom:.3rem !important;}
.mb20 {margin-bottom:.2rem !important;}
.mb10 {margin-bottom:.1rem !important;}
.mb5 {margin-bottom:.05rem !important;}
.ml100 {margin-left:1rem !important;}
.ml90 {margin-left:.9rem !important;}
.ml80 {margin-left:.8rem !important;}
.ml70 {margin-left:.7rem !important;}
.ml60 {margin-left:.6rem !important;}
.ml50 {margin-left:.5rem !important;}
.ml40 {margin-left:.4rem !important;}
.ml30 {margin-left:.3rem !important;}
.ml20 {margin-left:.2rem !important;}
.ml10 {margin-left:.1rem !important;}
.ml5 {margin-left:.05rem !important;}
.mr100 {margin-right:1rem !important;}
.mr90 {margin-right:.9rem !important;}
.mr80 {margin-right:.8rem !important;}
.mr70 {margin-right:.7rem !important;}
.mr60 {margin-right:.6rem !important;}
.mr50 {margin-right:.5rem !important;}
.mr40 {margin-right:.4rem !important;}
.mr30 {margin-right:.3rem !important;}
.mr20 {margin-right:.2rem !important;}
.mr10 {margin-right:.1rem !important;}
.mr5 {margin-right:.05rem !important;}
.mp100 {margin:1rem !important;}
.mp90 {margin:.9rem !important;}
.mp80 {margin:.8rem !important;}
.mp70 {margin:.7rem !important;}
.mp60 {margin:.6rem !important;}
.mp50 {margin:.5rem !important;}
.mp40 {margin:.4rem !important;}
.mp30 {margin:.3rem !important;}
.mp20 {margin:.2rem !important;}
.mp10 {margin:.1rem !important;}
.mp5 {margin:.05rem !important;}
.fs34 {font-size:.44rem !important;}
.fs32 {font-size:.42rem !important;}
.fs30 {font-size:.4rem !important;}
.fs28 {font-size:.38rem !important;}
.fs26 {font-size:.36rem !important;}
.fs24 {font-size:.34rem !important;}
.fs22 {font-size:.32rem !important;}
.fs20 {font-size:.3rem !important;}
.fs18 {font-size:.28rem !important;}
.fs16 {font-size:.26rem !important;}
.fs14 {font-size:.24rem !important;}
.fs12 {font-size:.22rem !important;}
.lh20 {line-height:.3rem !important;}
.lh24 {line-height:.34rem !important;}
.lh28 {line-height:.38rem !important;}
.lh30 {line-height:.4rem !important;}
.lh40 {line-height:.5rem !important;}
.lh50 {line-height:.6rem !important;}
.text2 {line-height:.4rem;overflow:hidden;height:.8rem;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text3 {line-height:.4rem;overflow:hidden;height:1.2rem;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
}



/* 404??? */
.notfound{ text-align: center; padding: 100px 0;}
.notfound img{ max-width: 80%; text-align: center;}
.notfound h3{ font-size: 24px; }
.notfound b{ display: block; font-size: 14px;  margin: 30px 0;}
.notfound p{ font-size: 18px;}
.notfound a{ margin: 0 10px; color: #2994fd;}
@media screen and (max-width: 769px) {
	.notfound{  padding: 1rem 0;}
	.notfound h3{ font-size: .34rem; }
	.notfound b{  font-size: .24rem;  margin: .3rem 0;}
	.notfound p{ font-size: .28rem;}
	.notfound a{ margin: 0 .1rem; }	
}

	


/* ???????????? */
.animenu__toggle {display:none;cursor:pointer;background-color:rgba(255, 255, 255, 0);border:0;padding:.1rem;height:.4rem;width:.4rem; position: absolute;    right: .2rem;    top: .2rem; outline:none;}
@media screen and (max-width: 425px) { .animenu__toggle{ right: .5rem; top: .3rem;}
}
.animenu__toggle:hover {}
.animenu__toggle__bar {display:block;width:20px;height:2px;background-color:rgba(255, 255, 255, .2);-webkit-transition:0.15s cubic-bezier(0.75,-0.55,0.25,1.55);-o-transition:0.15s cubic-bezier(0.75,-0.55,0.25,1.55);transition:0.15s cubic-bezier(0.75,-0.55,0.25,1.55);}
.animenu__toggle__bar + .animenu__toggle__bar {margin-top:4px;}
.animenu__toggle--active .animenu__toggle__bar {margin:0;position:absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity:0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.animenu {display:block;}
.animenu ul {padding:0;list-style:none;font:0px 'Open Sans',Arial,Helvetica;}
.animenu li,.animenu a {display:inline-block;font-size:16px;}
.animenu a {color:#fff;text-decoration:none;}
.animenu a:hover{ color: #333 !important;}
.animenu__nav {}
.animenu__nav > li {position:relative; padding:0 30px;}
.animenu__nav > li > a {text-transform:uppercase; padding:12px 0;}
.animenu__nav > li > a:first-child:nth-last-child(2):before {content:"";position:absolute;border:4px solid transparent;border-bottom:0;border-top-color:currentColor;top:50%;margin-top:-2px;right:10px;}
.animenu__nav > li:hover > ul {opacity:1;visibility:visible;margin:0;}
.animenu__nav > li:hover > a {color:#fff;}
.animenu__nav__child {min-width:100%;position:absolute;top:100%;left:0;z-index:1;opacity:0;visibility:hidden;margin:20px 0 0 0;background-color:rgba(0, 0, 0, .4);transition:margin .15s,opacity .15s;}
.animenu__nav__child > li {width:100%;border-bottom:1px solid rgba(255, 255, 255, .2);}
.animenu__nav__child > li:last-child {border:0;}
.animenu__nav__child a {padding:6px 0;width:100%;border-color:#373737; text-align: center; font-size: 14px;}
.animenu__nav__child a:hover {color:#fff;}
@media screen and (max-width:769px) {
	.animenu__toggle {display:inline-block;}
	.animenu__nav,.animenu__nav__child {display:none;}
	.animenu__nav {margin:10px 0; background-color: rgba(0, 0, 0, .2);}
	.animenu__nav > li {width:100%;border-right:0;}
	.animenu__nav > li:last-child {border:0;}
	
	.animenu__nav > li > a {width:100%;padding:10px;border-color:#fff;position:relative; font-size: 12px; color: #fff !important;}
	.animenu__nav a:hover {background-color:#2994fd; border-color:#2994fd;color:#fff;}
	.animenu__nav__child {position:static;margin:0;transition:none;visibility:visible;opacity:1;}
	.animenu__nav__child > li:first-child > a:after {content:none;}
	.animenu__nav__child a {padding-left:10px;width:100%; text-align: left;}
	
	.animenu__nav > li > a:first-child:nth-last-child(2):before {content:"";position:absolute;border: none;top:50%;margin-top:-2px;right:10px;}
	
	
	}
.animenu__nav--open {display:block !important;}
.animenu__nav--open .animenu__nav__child {display:block;}


/* ?????? */
.topbox{ position: relative; z-index: 99;}
.topbox .topcon{ position: absolute; width: 100%; top: 20px; left: 0;}
.topbox .toplogo{ float: left;padding-top: 5px;}
.topbox .toplogo a{ display: inline-block;}
.topbox .toplogo img{}
.topbox .topnav{ float: right; padding-top: 0; }

.topbox .banner{ width:100%;}
.toph{ height: 60px;}
.logopc{ display: block; }
.logom{ display: none;}
.toprennav .topcon{
animation:myfirst 2s;
} 
@keyframes myfirst
{
from {opacity: 0;}
to {opacity: 1;}
}


.toprennav .topcon{ position:fixed; top: 0; border-bottom:none; padding: 10px 0; background-color: #fff;  }
.toprennav .topcon{}
.toprennav .topcon .animenu a{ color: #333;}
.toprennav .topcon .animenu a:hover,.toprennav .topcon .cur{ color: #2994fd !important; border-bottom: 2px solid #2994fd;}

.toprennav .animenu__nav__child{background-color: rgba(0, 0, 0, .5);}

.topinnav .topcon{ position: absolute; top: 10px; border-bottom:none; padding: 10px 0;  }
.topinnav .topcon{}
.topinnav .topcon .animenu a{ color: #fff;}
.topinnav .topcon .cur{ color: #fff ; border-bottom: 2px solid #fff;}
.topinnav .topcon .animenu a:hover{color: #fff !important ; border-bottom: 2px solid #fff;}

.topinnav .animenu__nav__child{background-color: #fff;}
.topinnav .toph{ display: none; }



.pagination{ width: 100%;  text-align: center; padding:  30px 0; }
.pagination li{    vertical-align: middle;
    margin-left: 10px;
    display: inline-block;}
.pagination li a{    font-size: 14px;
    border: 1px solid #cdcdcd;
    background: #F8F8F8;
    color: #666 !important;
    padding: 6px 12px;
}

.pagination .active span,.pagination li a:hover{    color: #fff !important;
    border-color: #2994fd!important;     background-color: #2994fd!important;      padding: 6px 12px}

@media (min-width:770px){
.topinnav .logopc{ display: block;}	
.topinnav .logom{ display: none}	
.toprennav .logopc{ display: none;}	
.toprennav .logom{ display: block;}	

}
@media (max-width:769px){
	.toph{ height: 0;}
	.topbox .toplogo{ float: left; width: 90%; padding: .2rem 0;;}
	.topbox .topcon{ position: relative; background-color: #12324b; width: auto; top: 0; overflow: hidden; padding:0 .1rem;}
	.topbox .toplogo img{ max-width: 5rem; max-height: .8rem }
	.topbox .topnav{ float: right; padding-top: 0; }

	.toprennav .animenu__nav__child{background-color: rgba(255, 255, 255, .2);}
	/* .toprennav .topcon{ position: relative; background-color: #ddd; width: auto; top: 0; overflow: hidden; padding: 10px;} */
	.animenu a{ color: #333 !important;}
	.animenu a:hover,.topcon .cur{ color: #2994fd !important; border-bottom:none !important;}
	.logopc{ display: none; }
	.logom{ display: block;}
	
	}


 
  
.icon {width: 70px;height: 70px;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
@media screen and (max-width:768px) {
  .icon {width: .8rem;height: .8rem;}
}