body {
    color: #4e4c4c;
    font-size: 14px;
    margin:0 auto;
    position:
    relative;
}

#browser-modal {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	color: rgb(48, 50, 51);
	position: fixed;
	z-index: 9999;
}

#browser-modal .browser-modal-cover {
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-color: rgb(17, 17, 17);
	opacity: 0.9;
	z-index: -1;
}

#browser-modal .browser-content {
	width: 700px;
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
	padding-top: 50px;
	background-color: rgb(255, 255, 255);
	border-radius: 5px;
}

#browser-modal .browser-content .browser-dpc-logo img {
	height: 42px;
	margin: 45px auto 40px;
}

#browser-modal .browser-content .browser-text-title {
	text-transform: uppercase;
	font-size: 24px;
}

#browser-modal .browser-content .browser-text-desc {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 14px;
}

#browser-modal .browser-content .browser-list {
	width: 600px;
	margin: 20px auto;
	height: 130px;
}

#browser-modal .browser-content .browser-item {
	float: left;
	width: 150px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#browser-modal .browser-content .browser-item .iconfont {
	width: 100px;
	height: 100px;
	margin: 0px auto 10px;
	font-size: 80px;
	line-height: 80px;
}

#browser-modal .browser-content .browser-item .iconchrome {
	background: url("../images/bro.png") 0px 0px no-repeat;
}

#browser-modal .browser-content .browser-item .iconfirefox {
	background: url("../images/bro.png") 0px -100px no-repeat;
}

#browser-modal .browser-content .browser-item .iconopera {
	background: url("../images/bro.png") 0px -200px no-repeat;
}

#browser-modal .browser-content .browser-item .iconEdge {
	background: url("../images/bro.png") 0px -300px no-repeat;
}

#browser-modal .browser-content .browser-item a {
	cursor: pointer;
	display: block;
}

#browser-modal .browser-content .browser-item a img {
	display: block;
	margin: 0px auto;
	max-width: 100px;
	width: 100px;
	height: 100px;
}

#browser-modal .browser-content .browser-item a h4 {
	text-align: center;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700;
}
.img-hide{ overflow:hidden; }

.img-hide img{ transition: 0.5s all; }
.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
img{ max-width:100%;}
.container{ width: 1430px; }
.menu-button { display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.header{height: 110px;background: #185d94;border-bottom: solid 5px #f6a255;}
.logo{ line-height: 105px; }
.nav-list li a{display: block;line-height: 110px;font-size: 18px;color: #fff;padding: 0 20px;}
.nav-list li{ float: left; position: relative; }
.nav-down{position: absolute;display: none;left: -5%;display: none;width: 110%;background: rgba(255,255,255,0.9);top: 100%;z-index: 99999;}
.nav-list li a:hover{ background: #f79f4f; }
.nav-down li a{line-height: 40px;text-align: center;width: 100%;font-size: 15px;color: #555;}
.nav-down li{ float: none; }
.nav-down li a:hover{ color: #fff; background: #0092db; }
.nav-list li:hover .nav-down{ display: block; }
.banner{ overflow:hidden; margin:0; }
.banner a{ display: block; position: relative; }
.banner a span{ position: absolute; left: 50%; margin-left: -700px; bottom: 45px; color: #fff; font-size: 26px; }
.slick-dots{bottom: 40px;right: 0;width: auto;left: 0;}

.tabs-list li{ display: inline-block; }
.tabs-list li a{display: block; padding:0 25px;line-height: 48px;font-size: 18px;}
.tabs-list li.active a{background: #185d94;background-size: cover;border-radius: 6px 6px 0 0;position: relative;color: #fff;}
.tabs-list li.active a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px;  }
.tabs-list{position: relative;z-index: 100000;margin-top: 30px;}
.banner-bottom{height: 146px;background: #185d94;padding-top: 20px;}
.lb-slick a{ display: inline-block; font-size: 16px; color: #fff; }
.lb-slick a span{display: block; margin:0 auto;margin-bottom: 15px;width: 72px;height: 72px;border: solid 1px #fff;border-radius: 50%;line-height: 70px;}
.lb-slick a span img{ margin:0 auto; display: inline-block; }
.lb-slick a:hover span{ background: #f79f4f; border-color: #f79f4f; }
.lb-slick .slick-dots{ display: none!important; }
.lb-slick .slick-prev{width: 33px;height: 70px;background: url(../images/left.png) center no-repeat;margin-top: -35px;left: -15px;}
.lb-slick .slick-next{width: 33px;height: 70px;background: url(../images/right.png) center no-repeat;margin-top: -35px;right: -15px;}
.banner-bottom .container{ padding:0 45px; }
.tabs-ul li{ float: left; margin-right: 40px; }
.tabs-ul li a{ font-size: 24px; color: #333; padding-left: 20px; background: url(../images/dian01.png) left center no-repeat; }
.tabs-ul{ margin:45px 0 30px 0; }
.tabs-ul li.active a{ color: #0092db; background: url(../images/dian02.png) left center no-repeat; }
.news-list li{position: relative;margin-bottom: 17px;/****padding-right: 90px;***/}
.news-list li span{ position: absolute; right: 0; top: 1px; font-size: 14px; color: #999;width:80px }
.news-list li a{ position: relative; padding-left: 22px; font-size: 16px; color: #555;  }
.news-list li a:before{ position: absolute; left: 0; top: 50%; display: block; content: ""; margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background: #999;  }
.tab-pane{ position: relative; }
.tabs-more{ position: absolute; right: 0; top: -55px; width: 37px; height: 11px; background: url(../images/more.png) center no-repeat; }
.title{ font-size: 24px; color: #333; margin:45px 0 30px 0; padding-left: 20px; background: url(../images/icon-tt.png) left center no-repeat; }
.col-xs-6{ padding:0 20px; }
.row{/* margin:0 -20px; */}
.title a{ width: 50px; height: 15px; background: url(../images/more.png) center no-repeat; float: right; margin-top: 10px;}
.notice-tt a{ font-size: 16px; color: #555; }
.notice-p{ color: #777; margin-top: 5px; overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
.notice-list li{ position: relative; margin-top: 10px; margin-bottom: 20px; padding-left: 85px; padding-bottom: 20px; border-bottom: dashed 1px #ddd; }
.notice-date{position: absolute;left: 0;top: -8px;border: solid 1px #185d94;width: 62px;height: 62px;color: #185d94;font-size: 20px;}
.notice-date span{position: absolute;left: 0;right: 0;bottom: 0;text-align: center;background: #185d94;font-size: 14px;color: #fff;line-height: 30px;}
.notice-list{ padding-top: 1px; }
.notice-list li:last-child{ border:none; }
.col-xs-4{ padding:0 20px;width: 33.33%;}
.col-xs-4 .title{margin: 0px 0 20px 0;}
.right-width{ width: 295px!important; padding-right: 20px; margin-top: 50px; }
.bs-link{ height: 63px; position: relative; margin-bottom: 15px; line-height: 63px; padding:0 35px; display: block; background: url() center no-repeat; font-size: 20px; color: #fff; background-size: cover; }
.bs-link span{ padding-left: 54px; background: url(../images/icon-bs.png) left center no-repeat; display: inline-block; height: 63px; }
.bs-link:before{ width: 28px; height: 63px; position: absolute; right: 35px; top: 0; bottom: 0; display: block; content: ""; position: absolute; background: url(../images/raw-r.png) center no-repeat; }
.ys-link{background: url(../images/ys-back.png) center no-repeat; background-size: cover; }
.ys-link span{ background: url(../images/icon-ys.png) left center no-repeat; }
.ewm{ font-size: 16px; color: #555; padding-top: 15px; }
.ewm img{ margin-bottom: 10px; }
.index-back{/* background: url(../images/index-back.png) center bottom no-repeat; */}
.bottom{background: #185d94;background-size: cover; padding:25px 0 10px 0;}
.bottom-logo a{ font-size: 28px; color: #fff; }
.bottom-logo a img{ margin-bottom: 10px; }
.bottom-p p{ font-size: 14px; color: #fff; }
.bottom-p{ margin-top: 20px; }
.bottom-center{ height: 210px; margin-right: 75px; padding-top: 10px; border-left:solid 1px #21b3fb; border-right:solid 1px #21b3fb; margin-left: 75px; padding-left: 70px; }
.bottom-center-tt{ font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 30px; }
.xq-tt{ font-size: 16px; color: #fff; margin-bottom: 25px; }
.xq-box p{ color: #fff; }
.xq-box{ margin-right: 80px; }
.link-list li a{color: #fff;}
.link-list li{ margin-bottom: 10px; }
.link-list li a:hover{ color: #fff; }
.footer{background: #185d94;padding: 20px 15px;margin-top: 20px;color: #fff;}
.footer p{margin:0;line-height: 30px;}
.banner-bottom .container{ overflow:hidden; position: relative; }
.banner-bottom .tab-pane{ display: block; position: relative; opacity: 0; z-index: -1; position: absolute; left: 45px; top: 0; right: 45px; }
.banner-bottom .slick-track{margin: 0 auto;}
.banner-bottom .tab-pane.active{  z-index: 10; position: static; opacity: 1; }
.news-list li a:hover,.news-list li a:hover,.notice-tt a:hover{color: #185d94;}
.bs-link:hover{ color: #fff; }
.search-a{ padding-top: 42px; margin-left: 10px; }
.search-a .tj{display: inline-block;width: 20px;height: 20px;background: url(../images/icon-ss.png) center no-repeat;border: 0;outline: 0;}
/*************list****************/
.list-left{ width: 280px; margin-bottom: 100px; }
.list-banner{ margin-bottom: 30px; }
.list-left-tt{line-height: 80px;font-size: 24px;color: #fff;background: #185d94;}
.list-left-nav li a{display: block;line-height: 56px;padding-left: 40px;font-size: 18px;color: #fff;margin-top: 3px;background: #185d94;border-left: #185d94;}
.list-left-nav li a.b{ background: #5b96ba; border-color: #5b96ba; }
.list-left-nav li a.y{ background: #cbae92; border-color: #cbae92; }
.list-left-nav li.active a,.list-left-nav li a:hover{ background: #eee; color: #333; }
.right-box{ width: 1070px; }
.right-box-header{ border-bottom: solid 1px #cacaca; padding-bottom: 10px; margin-bottom: 30px; }
.right-box-header-tt{font-size: 18px;color: #185d94;}
.nav-b{ color: #777; margin-top: 2px; }
.nav-b a{ color: #777; }
.pagination li a{ margin:0 3px; border-radius: 0!important; color: #333; background: none; height: 25px; padding-top: 0; padding-bottom: 0; line-height: 23px; }
.pagination > .active > a,.pagination li a:hover, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #0092db; border-color: #3c79af; color: #fff; }
.page-box{ padding:30px 0 60px 0; }
.page-l{ line-height: 25px; margin-right: 5px; margin-left: 15px; }
.page-input{ width: 40px; box-shadow: none;border-radius: 0; background: none; height: 25px; }
.page-l-l{ margin-left: 10px; }
.page-number{ height: 25px; line-height: 23px; border:solid 1px #ddd; padding:0 5px; margin-left: 5px; }
.page-box{ display: inline-block; }
.page-r{ margin:20px 0; }
/*************内容页************/
.article-tt{ font-size: 22px; color: #333; margin:70px 0 20px 0; }
.article-tt-sm { color: #999; }
.article-tt-sm span{ padding-left: 20px; }
.article-box p{font-size: 16px;color: #555;line-height: 30px;text-indent: 2em;}
.article-box{ border-top: solid 1px #ececec; padding:35px 0; margin-top: 20px; }

.article-box img{margin: 0 auto;display:block}
/*.article-box img{margin: 0 auto;display: block;width: 100%;}*/

.article-a a{ font-size: 16px; color: #333; }
.article-a{ padding-bottom:70px;  }
.article-box-sm{ border-top: none; padding-top: 0; }
.img-list-tt a{ font-size: 16px; color: #555; }
.img-list-tt{ margin-top: 10px; }
.img-list li{ float: left; width: 33.333333%; margin-bottom: 20px; padding:0 28px; }
.img-list{ margin:0 -28px; }
.img-list-img img{ width: 100%; }
.nav-click{ display: none; }
.search-box{position: fixed;display: none;left: 0;right: 0;top: 110px;background: rgba(0,0,0,0.6);padding:105px 0;z-index: 10000000;}
.search-width{ width: 700px; margin:0 auto; background: #fff; position: relative; padding-right: 100px; }
.search-width .form-control{ border:none; border-radius: 0; box-shadow: none; height: 50px; }
.btn-search,.btn-search:hover,.btn-search:focus{position: absolute;right: 0;top: 0;width: 100px;border-radius: 0;height: 50px;background: #0092db url() center no-repeat;}


 .sous{ height: 45px;
    width: 593px;
    margin: 50px auto;
    background: #f4f4f4;}
.souslf{width: 440px; height: 45px; float: left;}

.souslf input{width: 440px;height: 40px;background: url(../images/hd_15.png) 10px 10px no-repeat;border: 0px;margin-left: 20px;padding-left: 50px;}
.souslfb{width: 103px; height: 45px; float: right;}
.soub{width: 550px; height: 26px; margin: 0 auto; margin-top: 30px;}

.lxwm p{
	font-size: 16px;
	margin: 10px 0 0;
	color: #fff;
	text-align: center;
}
.lxwm .news-list{
	/* padding: 20px 0; */
}
.lxwm .text img{
	
}
.lxwm .text {
	position:relative;
}
.lxwm .text .tx{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	padding: 60px 0px;
	transition: all 0.5s;
}
.lxwm .text:hover .tx{
	opacity:1;
	visibility:visible;
}
.banner  img { width: 100%; transform: scale(1.2); transition: opacity 0.3s ease, transform 0s ease 1s; }
.banner .slick-active img { -webkit-transform: scale(1); transform: scale(1); transition: all 5s cubic-bezier(0, .56, .44, 1); }
@media( max-width: 1499px){
	.container{ width: 1200px; }
	.logo{ width: 500px; }
	.slick-dots{ margin-right: -600px; }
	.banner a span{ margin-left: -600px; }
	.col-xs-4{ width:33%; }
	.xq-box{ margin-right: 30px; }
	.bottom-center{ padding-left: 30px; margin:0 30px; }
	.right-box{ width: 860px; }
}
@media( max-width: 1279px){
	.container{ width: 970px; }
	.logo img{ width: 265; }
	.logo{ width: 265px; overflow:hidden; }
	.lb-slick a{ font-size: 14px; }
	.col-xs-4{ width:50%; }
	.news-list li{ padding-right: 100px; }
	.slick-dots{ margin-right: -485px; }
	.banner a span{ margin-left: -485px; }
	.right-box{ width: 630px; }
	}
@media( max-width: 991px){
	.container{ width: 100%; }
	.logo{ line-height: 50px; }
	.logo img{ width: 265px; }
	.banner a span{ left: 15px; margin-left: 0; font-size: 14px; }
	.slick-dots{ right: 15px; margin-right: 0; bottom: 10px; }
	.slick-dots li button{}
	.slick-dots li.slick-active button{}
	.header{ height: 55px; z-index: 1000000; position: relative; }
	.nav-list{border-top: solid 1px #ddd;z-index: 1000000;position: absolute;box-shadow: 1px 2px 3px #333;display: none;left: 0;top: 100%;right: 0;background: #185d94;}
	.nav-list li{ float: none; margin:0; width: 100%; }
	.nav-list li a{ line-height: 40px; height: 40px; font-size: 14px; padding:0 15px; text-align: left; }
	.nav-list li a:before{ display: none; }
	.menu-button{ display: block; position: absolute; }
	.nav-down{ display: none; position: static; margin:0;background: none; width: 100%; }
	.nav-down li a{ color: #fff; padding-left: 25px; }
	.nav-list li:hover .nav-down{ display: none; }
	.nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
	.nav-click.active{ transform: rotate(180deg); }
	.tabs-list{ margin: 15px 0 0 0; }
	.tabs-list li{ display: block; float: left; width: 33.333333%; padding:0 5px; }
	.tabs-list li a{ padding:0; color: #0995db; font-size: 16px; }
	.tabs-list li.active a{ color: #fff; }
	.col-xs-6,.col-xs-4{ width: 100%!important; }
	.tabs-ul li a{ font-size: 18px; }
	.tabs-ul li{ margin-right: 15px; }
	.tabs-more{ top: -50px; }
	.title{ margin:0 0 25px 0; font-size: 18px; }
	.right-width{ margin-top: 20px; }
	.ewm .col-xs-6{ width: 50%!important; }
	.bottom{ padding:25px 0; }
	.bottom-logo{ padding:0 30px; text-align: center; font-size: 24px; }
	.bottom-p{ text-align: center; }
	.bottom-center{ margin:0; padding:0; border:none; }
	.xq-box{ width: 50%; margin:0; }
	.bottom-center-tt{ margin-top: 20px; margin-bottom: 20px; }
	/*************list************/
	.list-left{ width: 100%; margin-bottom: 0; }
	.right-box{ width: 100%; margin-top: 20px; }
	.search-a{ position: absolute; right: 50px; top: 0; padding-top: 17px; }
	.article-tt{ margin-top: 20px; }
	.article-a{ padding-bottom: 30px; }
	.img-list li{ width: 50%; padding:0 10px; }
	.img-list{ margin:0 -10px; }
    .search-width{ width: 300px; padding-right: 60px; }
    .search-width .form-control{ height: 40px; }
    .btn-search, .btn-search:hover, .btn-search:focus{ width: 60px; height: 40px; }
    .search-box{ padding:20px 0; top: 55px; }
 .sous{
    width: 100%;
    }
    .souslf {
    width: calc(100% - 103px);
}
.souslfb {
    width: 103px;
}
}


@media (max-width:576px){
.list-left-tt{line-height: 50px;font-size: 22px;}
.list-left-nav li a{line-height: 42px;font-size: 17px;}
.banner img{height: 130px;object-fit: cover;}
.lb-slick .slick-next,.lb-slick .slick-prev{height: 50px;top: 0;bottom: 0;margin: auto;}
.index-back{margin-top: 20px;}
}