html, body, section, ul { padding: 0; margin: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Arial,'Microsoft YaHei';word-break:break-all;word-break:break-word;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-family:Arial,'Microsoft YaHei'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #333;font-size:100%;}
body {font-size:14px;}

a { color: #333;}
a:hover, a:active, a { text-decoration: none !important; }
a:hover,.line3>div a:hover,.footer a:hover{color:#144a8f}
.footer a:hover{color: #80d2f7;}
.line3>div a,.line4 .more{transition: all 0.3s linear;}
.line3>div a:hover{background:#ffffff24;transform: scale(0.93);}
.line4 .more:hover{padding-right: 2%;}
ul, li { list-style: none; }
.txt-c { text-align: center; }
.clear{clear:both;font-size:0;line-height:0;height:0;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ 
.fl{float:left}.fr{float:right}
input:focus,button:focus{outline:none}
/**/
.section{width:100%; margin: 0 auto; }
.header .section { width:90%;}
.header, .contain, .footer { width: 100%;overflow-x:hidden}
.header,.footer{background:#fff}
.header{overflow:inherit;z-index:999}
.header .logo {text-align:center}
.header .logo img { width:204px;max-width: 100%;}
.box{padding-top:2em;padding-bottom:2em;overflow: hidden;}
.text-right{text-align:right}.pb-0{padding-bottom:0}
/*导航*/
.header .logo{text-align:center;padding:0;width:100%;max-width:204px;background:url(../images/logo.jpg) no-repeat left center;height:100%;position:absolute;display:block;background-size:contain}
.navbar{margin-bottom:0}
.navbar-default{background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
.navbar-brand{padding:0!important}
.navbar-nav{width: 100%;max-width: 1200px;display: flex;}
.nav .nav-ul li.dropdown {text-align:center;flex:1;border-left: 1px #ddd solid;}
.nav .nav-ul li.dropdown:last-child{border-right: 1px #ddd solid;}
.nav .nav-ul li.dropdown a {padding:18% 0 18% 0;display:block;font-size:16px;color:#000;text-transform:uppercase;border-bottom:3px rgba(255,255,255,0) solid;width: 100%;}
.nav-ul li.dropdown>a:hover{color:#1656a5 !important;/*background:#ad796b;*/}

.header .navbar-toggle{background:url(../images/daohang.png) no-repeat center center;background-size:cover;margin-top:15px !important;margin-bottom:0 !important}
/*.header.lighted{position:fixed;top:0px;transition:all 2s;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); background: rgba(255,255,255,1);z-index: 999;}*/
.navbar-default .navbar-toggle{border:0}

.header{position:relative;left:0;right:0;z-index:999;}
.header.lighted{position:fixed;top:0px;transition:all .5s;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); background: rgba(255,255,255,0.8);}


li .dropdown-menu { margin: 0; padding: 0; display: none; border-radius: 0 !important;}
.nav-ul li.dropdown:hover .dropdown-menu { display: block !important;}
.nav-ul li .dropdown-menu li a{text-align:center}
.nav-ul li .dropdown-menu li a:hover, .nav-ul li .dropdown-menu li.on a { color:#fff;background: #80d2f7; }
.nav .nav-ul li.dropdown ul{min-width: 100%;position: absolute;width:100%;left:0;box-shadow:0 -2px  5px  rgba(0,0,0,.2);}
.nav .nav-ul li.dropdown>a{position: relative;}
.nav .nav-ul li.dropdown>a:after{
    content: '';
    display: block;
    width: 0;
    height:4px;
    position: absolute;
    left:5%;
    bottom:-1px;
    transition: ease-in-out .35s;
    background: #144a8f;
    border-radius: 0px;
    z-index: -1;
    color: #fff;
}

.nav .nav-ul li.dropdown>a:hover:after{width:90%;}
.nav .nav-ul li.dropdown ul a{padding:8px 0;}
.nav2 .h-icon{position:static}
.h-icon{display: flex;align-items: center;justify-content: center;position: absolute;right: 50px;top: 0;height: 50px;}
.h-icon i{color:#777;font-size: 20px;margin: 0 10px;}
.h-icon i:hover{color: #000000;}
/*滚动*/
.banner { width:100%; overflow: hidden; }
.banner .swiper-container{width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-wrapper,.swiper-slide{height:auto !important}
.swiper-slide{ text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img{ width:100%}


.banner span.swiper-pagination-bullet{height: 10px;width: 10px;max-width:5%;background:#fff;border-radius:0;opacity:1;border-radius: 50%;}

.banner span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0660c9}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5%}


#line2{width: 100%;min-height: 266px;background: url(../images/line2.jpg) no-repeat center top;background-size: cover;}
#line2 .swiper-container{width: 90%;margin: 0 auto;max-width: 1200px;padding-top:2.5%;}
#line2 .swiper-slide a{display: block;width: 100%;height:100%;display:flex;align-items: center;justify-content: center;flex-direction: column;}
#line2 .swiper-slide{background: rgba(255,255,255,.3);height:200px !important;}
#line2 .swiper-slide:nth-child(2n+1){background: rgba(255,255,255,.5);}
#line2 .swiper-slide img{display: block;max-width: 74px;margin-bottom:18px;}
#line2 .swiper-slide span{display: block;color:#fff;font-size:16px;}

.line2-box{width:100%;max-width: 1300px;position:relative;margin: 0 auto;}
 #line2 .swiper-button-next{right:0} #line2 .swiper-button-prev{left:0}
#line2 .swiper-button-next,#line2 .swiper-button-prev{background: rgba(255,255,255,0.5);height:30px;width: 30px;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
#line2 .swiper-button-next i,#line2 .swiper-button-prev i{font-size: 20px;color: #fff;}
#line2 .swiper-button-next,#line2  .swiper-button-prev{margin-top: 0;}
#line2 .swiper-slide:hover{background:#144f9740;}
.line3{width: 100%;display:flex;align-items: center;justify-content: center;}
.line3>div{min-height: 302px;width: 50%;background-size: cover;width: 50%;
display:flex;align-items: center;justify-content: center;flex-direction: column;}
.line3>div:nth-child(1){background: url(../images/line3-1.jpg) no-repeat right top;}
.line3>div:nth-child(2){background: url(../images/line3-2.jpg) no-repeat left top;}
.line3>div a{border:1px #fff solid;color: #fff;display:flex;align-items: center;justify-content: center;margin-top:5%;width: 250px;height:53px;}
.line3>div a i{font-size: 24px;padding-right: 15px;}


.line4{width:100%;max-width: 1400px;margin: 0 auto;display: flex;align-items:flex-start;justify-content:space-between;padding: 2.3% 0 3% 0;}
.line4 .title{color: #000;font-size: 16px;padding: 1.5% 0;}
.line4>div{width: 50%;box-sizing: border-box;}
.text-left{text-align: right;}
.info{position: relative;}
.info::after{height:13px;width: 1px;background: #000000;position: absolute;right:0;top:4.8%;content: "";}
.info-box{display: flex;align-items:flex-start;justify-content:space-between;}
.info-box div{font-size: 16px;color: #333;text-indent: 32px;line-height: 32px;margin-left: 2%; text-align: justify;}
.info-box div a{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:6;
overflow: hidden;}
.news ul li{width: 100%;}
.news ul li a{display: block;line-height: 32px;color: #333;font-size: 16px;text-overflow: ellipsis;overflow: hidden;width: 100%;white-space: nowrap;}
.more{display: block;color: #0054a5;font-size: 12px;}
.line4 .more{text-align: right;}
.footer{background:#333333;overflow:hidden;}
.footer *{color: #fff;}
.footer a,.footer p{color: #fff;font-size: 14px;line-height: 28px;text-align: center;display: block;}
.footer p{font-weight: bold;}
.py-4{padding-top:4% !important;padding-bottom:4% !important}
.py-1{padding-top:1% !important;padding-bottom:1% !important}.py-1-5{padding-top:1.5% !important;padding-bottom:1.5% !important}
.py-2{padding-top:2% !important;padding-bottom:2% !important}.px-2{padding-right:2% !important;padding-left:2% !important}
.px-3{padding-right:3% !important;padding-left:3% !important}
.px-05{padding-right:0.5% !important;padding-left:0.5% !important}
.pb-2{padding-bottom:2% !important}.pt-2{padding-top:2% !important}.pt-1{padding-top:1% !important}

.f-nav{border-right: 1px #5e5e5e solid;}

.f-ewm{display: flex; align-items: flex-start;justify-content: flex-start;}
.f-ewm .ewm{margin-left:4%;text-align: center;}
.f-ewm .ewm div{text-align: center;padding: 5% 0;}
.dz{padding-left:6%;line-height: 28px;}
.f-b{border-top: #5e5e5e 1px solid;padding:14px 0;}
.f-b .col-md-4{text-align: center;}
.f-b div{color: #888;}
    /*.footer .bottom .col-md-9 span:first-child{display:none}*/
@media (max-width:991px) {
.header .logo{background:url(../images/logo.jpg) no-repeat left center;width:50%;}    
 .header .section{width:100%}
}
@media (min-width:768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin:0}
.time-d{display:none}
.container-fluid .navbar-header{display:none;}
.nav1{display: none;}
.nav2{display: flex;align-items: center;justify-content: space-between;height: 78px;width: 94%;margin: 0 auto;}
.navbar-nav{float:none !important;margin: 0 auto;}
}
@media (max-width:768px){
.nav2,.nav3{display: none;}
.header .logo{background:url(../images/logo.jpg) no-repeat 5px center;background-size:85%;height:50px}
.navbar-header{height:50px}
.navbar-nav{float:none;overflow:hidden;display:block}
.nav-ul li.dropdown:hover .dropdown-menu{display:none !important}
.nav-ul li.dropdown .dropdown-menu.show{display:block !important;margin-left:0}
.nav .nav-ul li.dropdown ul a{font-size:14px;position:relative; font-family: "iconfont" !important;padding-left:20px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.nav .nav-ul li.dropdown:after{left:0;}
.nav .nav-ul li.dropdown.on:after{width: 100%;}
.nav .nav-ul li.dropdown:hover:after{width: 100%;}
.nav .nav-ul li.dropdown ul a:after{position:absolute;left:-10px;content:"\e718"}
.navbar-collapse{height:auto}
.footer p{margin-bottom:5px;}
.f-ewm {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
.h-icon i{margin: 0 5px;}
.f-b div{text-align: center;font-size: 12px;}
.info-box div{margin:2% 0;}
.f-nav .col-xs-6{height:210px;}
 .f-nav .col-xs-6:nth-child(1), .f-nav .col-xs-6:nth-child(2){height:160px;}
 .f-nav .col-xs-6:nth-child(3), .f-nav .col-xs-6:nth-child(4){height:110px;}
.nav .nav-ul li.dropdown{padding: 5px 0 5px 0;position:relative;
                          font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
.nav .nav-ul li.dropdown:after{top:35px}
.nav .nav-ul li.dropdown ul{
    position: relative;
    float: none;
    width: 100%;
    border: 0;
    box-shadow: none;
    padding-left:0;
	}
.nav .nav-ul li.dropdown:before{content:\e852";
    position: absolute;
    right: 20px;
    font-size: 30px;
    top: 0;}

.nav .nav-ul li.dropdown a{padding:6px;text-align: left;}
.nav .nav-ul li.dropdown ul{position:static}

.blink{display:none}
.line3,.line4,.info-box{flex-direction: column;}
.line3>div{width: 100%;height: auto;padding:10% 0;min-height: auto;}
.line4>div{width: 100%;}
.line4>div img{max-width: 100% !important;}
.line4 .title{width: 100%;text-align: center !important;}
}
@media (max-width:400px) {
 .navbar-collapse{height:auto}
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		transform: translateY(-100px)
	}
}

.fadeOutUp,.H645 .col-md-2:hover a.a1 {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInUp,.H645 .col-md-2:hover a * {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}