*{box-sizing: border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,textarea{font:12px Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1",sans-serif,'Microsoft YaHei';border:none; overflow-x:hidden;}
h1{font-size: 18px; }
h2{font-size: 16px;}
h3{font-size: 14px;}
h4,h5,h6{font-size: 100%;}
small{font-size: 12px;}
img,input{vertical-align: middle; border:none;}
ul,ol,li{list-style: none;}
a{text-decoration:none;outline:none}
a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}
body { background:#fff; color:#555; font-size:12px;overflow-x:hidden;}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
i,em{font-style: normal;}
a{color:#333;cursor:pointer;}
a:hover{text-decoration:none;}
input,button,select{font-family:'Microsoft Yahei';outline: none;font-size:14px; }
button,input[type=button]{cursor: pointer;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.contain{width:1200px;margin:0 auto;position:relative;}
@media all and (max-width:1260px){
	.contain{width:100%;padding:0 2%}
}


.titleBox{ height: 200px; text-align: center; display: flex; align-items: center; }
.title{ flex: 1; }
.title h3{font-size: 34px; color: #333;}
.title h3 span{ font-weight: normal; color: #0b4ca6; padding-left: 15px; }
.title h4{font-size: 20px; padding: 10px 0; font-weight: normal;}
.title p{font-size: 14px; color: #aaa;}
@media screen and (max-width: 1220px) {
	.titleBox{height: 170px;}
	.title h3{font-size: 30px;}
	.title h4{font-size: 18px;}
	.title  p{font-size: 14px;}
}
@media screen and (max-width: 1024px) {
	.titleBox{height: 140px;}
	.title h3{font-size: 24px;}
	.title h4{font-size: 16px;}
	.title  p{font-size: 14px;}
}
@media screen and (max-width: 768px) {
	.titleBox{height: 100px;}
	.title h3{font-size: 18px;}
	.title h3 span{padding-left: 5px;}
	.title h4{font-size: 14px; padding: 5px 0;}
	.title  p{font-size: 12px;}
}




/*--------- Header ---------*/
.Header-wrapper{color:#666666;position:relative;left:0px;width:100%;height:auto;z-index:99;}
.Header-wrapper .Header-cl{height:170px;position:relative;}
.Header-container{width:100%;background:#fff;position:;top:0px;left:0px;z-index:99;}
.Header-contain{position:relative;background-color:#0b4ca6;}

.Header-top{background-color: #F5F5F5; height: 38px; line-height: 38px;}
.Header-top p{ font-size: 14px; color: #777777;}
.Hlogo{height:84px;line-height:84px;font-size:0px;float:left;overflow:hidden;}
.Hlogo img{height:84px;}
.Htel{float:right;display:flex; align-items: center; padding:0 0 0 60px;height:84px;background:url(../images/icon-tel.png) no-repeat left center;background-size: 43px;}
.Htel::before{ content: ""; display: block; border-left: 1px solid #0b4ca6; height: 30px; }
.Htel .Htel-con{color: #000; padding-left: 15px; font-weight: bold;}
.Htel h3{ font-size:20px;}
.Htel p{ font-size:14px;}

.Hnav{display: flex;}
.Hnav>li{flex: 1;position: relative;}
.Hnav>li:hover{background-color: rgb(17, 99, 213);}
.Hnav>li.cur{background: rgb(17, 99, 213);}
.Hnav .Hname{display:block;padding:0 5px;height:48px;line-height:48px;text-align:center;font-size:14px;color:#fff;position:relative;overflow:hidden;}

.Hnav .nav-child{display:none;position:absolute;width:140%;top:100%;left: -20%; z-index:11;}
.Hnav .nav-child .sub li{position:relative;width:100%;background:rgb(17, 99, 213);}
.Hnav .nav-child .sub li a{display:block;position:relative;width:100%;height:50px;line-height:50px;color:#fff;text-align: center;font-size:14px;}
.Hnav .nav-child .sub li a.has-sub:after{content:'';position:absolute;width:10px;height:10px;right:5px;top:50%;margin-top:-5px;background: url(../imgs/jiantou.png) no-repeat center}
.Hnav .nav-child .sub li:hover{background:#0b4ca6;}


/*手机端*/
.Hmenu-btn{width:30px;padding:24px 0 0;height:50px;float:right;cursor:pointer;display:none;}
.Hmenu-btn a{display:block;width:100%;height:3px;background-color:#0b4ca6;position:relative;}
.Hmenu-btn a:before,
.Hmenu-btn a:after{content:"";display:block;width:100%;height:3px;background-color:#0b4ca6;position:absolute;left:0px;}
.Hmenu-btn a:before{top:-10px;}
.Hmenu-btn a:after{bottom:-10px;}
.Hmenu-btn.cur a{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Hmenu-btn.cur a:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Hmenu-btn.cur a:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards; }
@-moz-keyframes buttonAnimationBefore{
0%{-moz-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0)}
50%{-moz-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0)}
100%{-moz-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
}
@-webkit-keyframes buttonAnimationBefore{
0%{-webkit-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0)}
50%{-webkit-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0)}
100%{-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
}
@keyframes buttonAnimationBefore{
0%{-moz-transform:translateY(0px) rotate(0);-ms-transform:translateY(0px) rotate(0);-webkit-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0)}
50%{-moz-transform:translateY(10px) rotate(0);-ms-transform:translateY(10px) rotate(0);-webkit-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0)}
100%{-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
}
@-moz-keyframes buttonAnimationAfter{
0%{-moz-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-moz-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0)}
100%{-moz-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}
}
@-webkit-keyframes buttonAnimationAfter{
0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0)}
100%{-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}
}
@keyframes buttonAnimationAfter{
0%{-moz-transform:translateY(0) rotate(0);-ms-transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-moz-transform:translateY(-10px) rotate(0);-ms-transform:translateY(-10px) rotate(0);-webkit-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0)}
100%{-moz-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}
}
@-moz-keyframes buttonAnimation{
0%{background:#aaa}
50%{background:rgba(255,255,255,0)}
100%{background:rgba(255,255,255,0)}
}
@-webkit-keyframes buttonAnimation{
0%{background:#aaa}
50%{background:rgba(255,255,255,0)}
100%{background:rgba(255,255,255,0)}
}
@keyframes buttonAnimation{
0%{background:#aaa}
50%{background:rgba(255,255,255,0)}
100%{background:rgba(255,255,255,0)}
}

.Header-web{width:100%;background:#fff;border-top:1px solid #ccc;position:absolute;top:52px;left:0;display:none}
.Hweb-nav a{display:block;padding:0 4%;height:45px;line-height:45px;font-size:16px;border-bottom:1px solid #cbcbcb;position:relative}
.Hweb-nav .HwNav-n2{padding:0 8%;font-size:14px;height:40px;line-height:40px}
.Hweb-nav .HwNav-n3{padding:0 16%;font-size:12px;height:35px;line-height:35px}
.Hweb-nav a.cur{color:#ea2654;border-color:#ea2654}
.Hweb-nav a .icon{display:block;width:40px;height:100%;background:url(../images/icon-dd.png) no-repeat center center;position:absolute;right:0;top:0;z-index:2}
.Hweb-nav a.cur .icon{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.HwN2nd-box,.HwN2nd-box dd{display:none}

@media all and (max-width:1024px){
	.Header-contain{display:none}
	.Header-wrapper .Header-cl,.Hlogo,.Htel{height:50px}
	.Header-container{border-bottom: 2px solid #0b4ca6;}
	.Header-top{display: none;}
	.Htel{display: none;}
	.Hlogo{line-height:50px}
	.Hlogo img{height:78%}
	.Htel,.Htel span{font-size:0}
	.Hmore{padding:0 0 0 10px;height:26px;line-height:26px;font-size:12px;margin:15px 0 0 15px}
	.Hmenu-btn,.Hwlogin{display:block}
	.Htel,.Hwlogin{margin:0 2% 0 0}
}



/* banner */
.banner{overflow: hidden;}
.banner img { width: 100%; }
.banner, .banner div { position: relative;/* height: 500px; */ height: auto; }
.banner div { display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .slick-next,.banner .slick-prev{top: calc(50% - 31px)!important;}
.banner .slick-next{right: 3%!important;}
.banner .slick-prev{left: 3%!important;}
@media screen and (max-width: 1220px) {
	/* .banner, .banner div { height: 300px; } */
}
@media screen and (max-width: 768px) {
	/* .banner, .banner div { height: 200px; } */
	.banner .slick-next,.banner .slick-prev{top: calc(50% - 18px)!important;}
}
/* @media screen and (max-width: 480px) { .banner, .banner div { height: 150px; } } */



/* search */
.search-box{ border-bottom: 1px solid #999999; }
.search{ height: 74px;  display: flex; align-items: center; }
.search .keyword{ flex: 1; font-size: 14px; }
.search .keyword b{ padding-right: 10px;}
.search .keyword a{ padding: 0 8px; color: #969696; }
.search .serInput{ border: 1px solid #aaa; }
.search .serInput input{padding: 10px;}
.search .serInput #SearchKeyword{width: 250px;}
.search .serInput #submit{background: #0b4ca6 url(../images/search.png) no-repeat 15px center;background-size: 22px; color: #FFFFFF;padding: 10px 20px 10px 40px; cursor: pointer;}
@media all and (max-width:1220px){
	.search{height: 65px;}
	.search .serInput #SearchKeyword{width: 200px;}
}
@media all and (max-width:1024px){
	.search-box{display: none;}
}

.newsi{ padding-bottom: 90px;}
.newsi .titleBox{height: 140px;}
.newsi ul{ display: flex; flex-wrap: wrap; margin: 0 -18px;}
.newsi ul li{ margin: 0 18px; width: calc(100%/3 - 36px);}
.newsi .item {}
.newsi .item .pic { display: block; overflow: hidden;}
.newsi .item .pic img { transition: all 1s;}
.newsi .item .text {position: relative;background: url(../images/more-icon04.png) no-repeat right calc(100% - 25px);padding: 35px 0 25px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.newsi .item .text  h3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.newsi .item .text  h3 a { font-size: 20px; color: #333;}
.newsi .item .text p { margin-top: 15px; font-size: 15px; color: #666; line-height: 1.75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}

.newsi .item .text em { display: block; margin-top: 30px; font-size: 14px; color: #999;}
.newsi .item .text  h3 a:hover { color: #0b4ca6;}
.newsi .item .pic:hover img { transform: scale(1.1);}
@media (max-width:1200px) {
  .newsi{ padding-bottom: 50px;}
  .newsi .titleBox{height: 120px;}
  .newsi ul li{ width: calc(100%/2 - 36px); margin-bottom: 25px;}
  .newsi .item { overflow: hidden;}
  /* .news .item .pic { float:left; width: 45%;} */
  .newsi .item .text { width: 100%;padding-top: 0; background: none;}
  .newsi .item .text h3 a { font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
  .newsi .item .text p { font-size: 14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
  .newsi .item .text em { display: none;}
  .newsi .item:nth-child(n+4) { display: none;}
}
@media (max-width:640px) {
  .newsi{ padding-bottom: 20px;}
  .newsi ul li{ width: 100%; }
}


/* 页脚  */
.footer{ border-top: 5px solid #0b4ca6; }
.footer_bg{background-color: rgb(48, 48, 48); }
.footer_menu{ display: flex; padding: 25px 0; border-bottom: 1px solid #444344;}
.footer_menu a{ flex: 1; color: #FFFFFF; font-size: 14px; display: inline-block; text-align: center; padding: 0 10px; border-left: 1px solid #444344;}
.footer_cont{ padding: 30px 0; }
.footer_cont .fLogo{ float: left; }
.footer_cont .fLogo img{ }
.footer_cont ul { float: left; padding-left: 50px; }
.footer_cont ul li{ font-size: 14px; line-height: 20px; color: #cccccc; background-size: 20px; background-repeat: no-repeat; background-position: left ; padding-left: 30px; margin: 5px 0;}
.copyright{text-align: center; background-color: #444344; color: #cccccc; line-height: 50px;}
.copyright a{ color: #cccccc; }
.footer .record { text-align: center; line-height: 60px; }

@media all and (max-width:1220px){
	.footer_menu a{ font-size: 12px; }
}
@media all and (max-width:1024px){
	.footer{}
	.footer_bg{}
	.footer_menu{ display: none;}
	.footer_cont {padding-left: 30px;}
	.footer_cont .fLogo{float: none;}
	.footer_cont ul{float: none; padding-left: 0;}
}
@media all and (max-width:768px){
	.footer{}
	.footer_cont { padding-left: 20px; }
	.footer .record { line-height: 50px; }
}
@media all and (max-width:480px){
	.footer_cont { padding: 20px 0; padding-left: 10px; }
}