/* CSS Document */
*{ margin:0; padding:0; border:0;}
a{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:none;}
body{ font-family:"微软雅黑"; font-size:14px; color:#333333; width: 100%; overflow-x: hidden;}
ul,li{ list-style:none;}
img{ font-size:0; display: block;}
input,select,textarea,button{outline:none;}
input::placeholder,textarea::placeholder{ color: #999; font-family:"微软雅黑";}
input:focus,textarea:focus,button:focus{ outline: none;}
.clear{margin:0px; padding:0px; width:0px; height:0px; line-height:0px; font-size:0px; clear:both;}
.f-left{ float: left!important;}
.f-right{ float: right!important;}
/*最大宽度*/
.max-w1000{ max-width: 1000px; margin: 0 auto;}
.max-w1120{ max-width: 1120px; margin: 0 auto;}
.max-w1200{ max-width: 1200px; margin: 0 auto;}
.max-w1480{ max-width: 1480px; margin: 0 auto;}
/*边距*/
.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;}
.mt35{ margin-top: 35px!important;}
.mt30{ margin-top: 30px!important;}
.mt25{ margin-top: 25px!important;}
.mt20{ margin-top: 20px!important;}
.mt15{ margin-top: 10px!important;}
.mt10{ margin-top: 10px!important;}
.mt5{ margin-top: 5px!important;}
.mt0{ margin-top: 0!important;}
.mr0{ margin-right: 0!important;}
.mb0{ margin-bottom: 0!important;}
.pt60{ padding-top: 60px!important;}
.pt0{ padding-top: 0!important;}
.pb60{ padding-bottom: 60px!important;}
.pb0{ padding-bottom: 0!important;}
.pad-tb60{ padding-top: 60px; padding-bottom: 60px;}
.main-body,.banner,.ad1,.modular{ width: 100%; float: left;}
.flex-lr{ width: 100%; display: flex; justify-content: space-between;}
.fixed{ position: fixed; z-index: 999; top: 0; left: 0;}

/*头部*/
header{ width: 100%; height: auto; float: left;}
header .header1{ width: 100%; float: left; background-color: #f3f3f3; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; overflow: hidden;}
header .header1 .flex-lr{ height: 50px; align-items: center;}
header .header1 .p1{ font-size: 14px; padding-right: 20px;}
header .header1 .p2{ height: 28px; line-height: 28px; padding-left: 35px; font-size: 20px; background: url(../image/ico01.png) no-repeat;}
header .header2{ width: 100%; float: left;}
header .header2 .flex-lr{ height: 130px; align-items: center;}
header .header2 .logo{ display: flex; align-items: center;}
header .header2 .logo img{ max-width: 100%;}
header .header2 .logo .text{ height: 80px; border-left: 2px solid #097cd9; float: left; padding-left: 15px; margin-left: 20px; display: flex; flex-direction: column; justify-content: center;font-weight: bold;}
header .header2 .logo .text .p1{ font-size: 24px; color: #097cd9;}
header .header2 .logo .text .p2{ font-size: 18px; color: #666666; margin-top: 5px;}
header .header2 .search{ display: flex; flex: 1; justify-content: flex-end;}
header .header2 .search form{ display:flex;  flex: 1; justify-content: flex-end;}
header .header2 .search .input{ width: 50%; height: 50px; border: 1px solid #dcdcdc; border-radius: 10px 0 0 10px; padding-left: 10px; box-sizing: border-box; border-right: 0; font-size: 16px;}
header .header2 .search .input:focus{ border: 1px solid #097cd9; border-right: 0;}
header .header2 .search .button{ width: 64px; height: 50px; float:left; background: url(../image/ico02.png) no-repeat center center #097cd9; cursor: pointer; border-radius: 0 10px 10px 0;}
header .header3{ width: 100%; height: auto; float: left; background-color: #097cd9;}
header .header3 .nav{ width: 100%; height: 70px; float: left; display: flex; justify-content: space-between;}
header .header3 .nav .li{ width: 100%; height: 100%; display: flex; color: #FFFFFF; transition: background .3s; position: relative;}
header .header3 .nav .li > a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: bold; color: #FFFFFF;}
header .header3 .nav .li.current{ background-color: #38a1f7; }
header .header3 .nav .li:hover{ background-color: #0760a8;}
header .header3 .nav .current:hover{ background-color: #38a1f7;}
header .header3 .nav .li .nav-son{ width: 542px; position: absolute; top: 70px; background-color: #FFFFFF; border: 1px solid #0760a8; border-top: 0; padding: 0 0; display: flex; flex-wrap: wrap; display: none; z-index: 99999;}
header .header3 .nav .li .nav-son.num2{ width: 362px;}
header .header3 .nav .li .nav-son .son-li{ width: 180px; height: 50px; float: left; display: flex; align-items: center; font-size: 16px; padding-left: 25px; box-sizing: border-box; border-bottom: 1px solid #dcdcdc;}
header .header3 .nav .li .nav-son .son-li:hover{ background: url(../image/ico07.png) no-repeat 10px center;} 
header .header3 .nav .li .nav-son .son-li:hover a{ color: #0760a8;}
header .header3 .nav .li:hover .nav-son{ display: block;}

/*底部*/
footer{ width: 100%; float: left; background-color: #097cd9;}
footer a{ color: #FFFFFF;}
footer .footer1{ width: 100%; float: left; padding: 60px 0; box-sizing: border-box; }
footer .footer1 .logo{ width: 224px; margin-right: 15%;}
footer .footer1 .nav{ width: 100%; color: #FFFFFF; font-weight: bold; font-size: 18px; display: flex; justify-content: space-between; margin-top: 30px;}
footer .footer1 .address{ color: #FFFFFF; margin-top: 25px;}
footer .footer1 .address p{ margin-top: 15px;}
footer .footer1 .address .p1{ font-size: 18px; font-weight: bold;}
footer .footer1 .ewm{ display: flex; margin-top: 45px;}
footer .footer1 .ewm .li{ display: flex; flex-direction: column; align-items: center; margin-left: 20px;}
footer .footer1 .ewm .li .img{ width: 130px; height: 130px; background-color: #FFFFFF; border: 1px solid #03418a; border-radius: 10px; padding: 10px; box-sizing: border-box;}
footer .footer1 .ewm .li .img img{ width: 100%;}
footer .footer1 .ewm .li p{ font-size: 14px; color: #FFFFFF; margin-top: 10px;}
footer .footer1 .yqlj{ margin-top: 30px; color: #FFFFFF;}
footer .footer1 .yqlj span{ width: 100%; float: left; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
footer .footer1 .yqlj a{ margin-right: 10px;}
footer .footer2{ width: 100%; float: left; padding: 20px 0; background-color: #03418a;  color: #FFFFFF; display: flex; justify-content: center; align-items: center;}
footer .footer2 a{ margin-left: 5px;}

/*分页*/
.pagenum{ width: 100%; float: left; height: 30px;  display: flex; justify-content: center; align-items: center; margin-top: 70px; font-size: 16px;}
.pagenum a{ padding: 5px 10px; border: 1px solid #dcdcdc; margin: 0 5px;}
.pagenum a:hover{ background-color: #097cd9; border: 1px solid #097cd9; color: #FFFFFF; }
.pagenum span{ padding: 5px 10px; background-color: #097cd9; color: #FFFFFF; margin: 0 5px;}

.paging{ width: 100%; float: left; margin-top: 30px; margin-bottom: 80px; display: flex; justify-content: space-between;}
.paging a{ width: 49%; float: left; font-size: 16px; font-weight: bold;}

/*特效*/
/*左到右*/
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lter2{opacity:0;transform:translate3d(-200px,0,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.lter2.is-visible{opacity:1;transform:translate3d(0,0,0);}
/*右到左*/
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}
/*下到上*/
.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);}
.teaser2{opacity:0;transform:translate3d(0,200px,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.teaser2.is-visible{opacity:1;transform:translate3d(0,0,0);}
/*左下到右上*/
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0);}
/*右下到左上*/
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0);}
/*上到下*/
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0);}
/*透明*/
.opa{opacity:0;transition: opacity 3s;}
.opa.is-visible{opacity:1;}
/*缩放*/
.scale{opacity:0;transform: scale(0);transition:opacity 2s ease-out 0.2s,transform 2s ease-out 0.2s;}
.scale.is-visible{opacity:1;transform: scale(1);}
.scaleOnly{opacity:0;transform: scale(0);transition:opacity 4s ease-out 0.2s,transform 4s ease-out 0.2s;}
.scaleOnly.is-visible{opacity:1;transform: scale(1);}
/*缩放旋转*/
.scaleRotate{opacity:0;transform: scale(0) rotate(-360deg);transition:opacity 4s ease-out 0.2s,transform 4s ease-out 0.2s;}
.scaleRotate.is-visible{opacity:1;transform: scale(1) rotate(0deg);}
.lay2{transition-delay: 0.2s;}
.lay4{transition-delay: 0.4s;}
.lay6{transition-delay: 0.6s;}
.lay8{transition-delay: 0.8s;}
.lay10{transition-delay: 1s;}
.lay12{transition-delay: 1.2s;}
.lay14{transition-delay: 1.4s;}
.lay16{transition-delay: 1.6s;}
.lay18{transition-delay: 1.8s;}





@media (max-width:1200px){
	header .header1 .flex-lr{ padding: 0 20px; box-sizing: border-box;}
	header .header2 .flex-lr{ padding: 0 20px; box-sizing: border-box;}
	footer .footer1 .flex-lr{ padding: 0 20px; box-sizing: border-box;}
}

/*手机端*/
@media (max-width: 768px) {
	header .header3 .nav{ overflow-x: scroll; overflow-y: hidden; justify-content: initial;}
	header .header3 .nav .li{ width: auto; flex-shrink: 0; padding: 0 20px;}
	header .header3 .nav .li .nav-son{ display: none;}
	header .header2 .logo img{ max-width: 160px;}
	header .header2{ border-bottom: 1px solid #dcdcdc; box-sizing: border-box;}
	header .header2 .search{ display: none;}
	header .header2 .logo .text{ display: none;}

	footer .footer1 .flex-lr{ flex-direction: column;}
	footer .footer2{ display: block; text-align: center;}
	footer .footer1 .ewm{ justify-content: center;}
}

/*小屏幕*/
@media (max-width: 568px) {
	footer .footer1 .nav{ display: none;}
}