@charset "utf-8";

/* CSS Document */

@import "//at.alicdn.com/t/font_2170366_i669fsic7nm.css";

body,html{ margin:0px; padding:0px;}

body{ overflow-x: hidden; font-family:"PingFangSC-Regular","PingFang SC","Microsoft YaHei",helvetica,arial,sans-serif;font-size:14px;line-height:1.8; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; color: #000; position: relative;overflow-x: hidden;}

:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

ul{ margin:0px; padding:0px;zoom:1;}

div {zoom:1;}

li{ margin:0px; padding:0px;list-style:none;vertical-align:middle;}

dl,dt,dd {margin:0;padding:0;}

img{ border:0;}

a {text-decoration:none;color:#000; outline: none;}

a:hover {color:#00a0e9;}

a img{border:none;border:0;}

p,h1,h2,h3,h4,h5 {margin:0;padding:0;}

.clear {clear:both;width:100%;height:0;font-size:0px; }



input,select {padding:0;margin:0; border:none;}

.fl {float:left;}

.fr {float:right;}



a:hover,a:focus{ text-decoration:none !important;}

.content img{max-width: 100%;height: auto!important;}

.w100{ width:100%;}

.pr{ position:relative;}

.po{ position:absolute;}



.scale{ transition:all 0.5s ease; overflow:hidden;}

.scale:hover img{ transform:scale(1.1); transition:all 0.5s ease;}

.pr{ position:relative;}

.pa{ position:absolute;}

.max100{ max-width: 100%;}

.oh{ overflow: hidden; }



.modal-body img{max-width: 100%;height:auto!important;margin: 0 auto;}

.list{cursor: pointer;}



.ellipsis{ display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pic {overflow: hidden;}

.pic img {width: 100%;transition: .5s;-o-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;opacity: 1;filter: alpha(opacity=100);}

a:hover .pic img,

li:hover .pic img,

.pic:hover img {transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transition: .5s;-o-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;}

#dq{display: none;}

.head{ position: relative; z-index: 9999;}

.head .container .row{display: flex; display: -webkit-flex; justify-content: flex-start;}

.logo_w{ margin-top: 8px;  transition: all .2s ease-in-out;/*min-width: 220px;*/}

.head .logo_w  img{ height:48px;}



.head_ul > li{ float: left; padding: 0; position: relative;  transition: all .2s ease-in-out;}

.head_ul > li > a{ font-size: 18px; color: #525252; position: relative;}

.head_ul > li > a:hover,.head_ul > li.active > a{ color: #00a0e9;}

.head_ul > li a{display: inline-block;padding: 0; margin:0 15px; line-height: 67px;position: relative;}

.head_ul > li:last-child a{margin-right: 0;}

.nav > li > a:hover,.nav > li > a:focus{background-color: transparent;}

.head_ul > li.active a,.head_ul > li:hover a{ color: #00a0e9; border-bottom: #00a0e9 solid 2px; }



.head.active{position: fixed!important;top: 0px; left: 0px; right: 0px; background:rgba(255,255,255,1); border-bottom: 1px solid #eee;  width:100%; z-index:996; box-shadow: 0px 5px 5px rgba(217,217,217,0.75);}



.countdown{font-size: 18px;color: #525252;line-height: 67px;}

.countdown span{display: inline-block;height: 32px;line-height: 32px;background-color: #00a0e9; color: #FFF;padding: 0 25px; margin: 0;border-radius: 16px;}





.banner{/*padding-top: 70px;*/position: relative;}

.banner img{width: 100%;}

.banner .box{position: absolute;width: 100%; text-align: center; z-index: 90;top: 50%;font-size: 16px;color: #FFF;text-shadow: 1px 1px 3px #000;}

.banner .box span{display: inline-block;}

.banner .box span:first-child{margin-right: 20px;}

.banner .box h2{font-weight: bold;font-size: 30px;margin-bottom: 10px;}

.banner .box a{color: #FFF;}

.banner .box a:hover{color: #FFF; text-decoration: underline!important;}

.pagination_ban .swiper-pagination-bullet{ opacity: 1;background: #FFF;border-radius: 100%;width: 11px; height: 11px; outline: none;}

.pagination_ban .swiper-pagination-bullet-active{ background-color: #00a0e9; }



.main{ float: left; width: 100%;}



.title{ line-height: 1; padding: 45px 0 45px; color: #00a0e9; font-size: 36px;font-weight: bold;text-align: center; text-transform: uppercase; }

.title span{color: #525252;}



.content{padding-bottom:0px;}

/* #gyzh .nobg:nth-child(2n),.bg{width: 100%;background-color: #f3f3f3;} */



#ljhg .swiper-slide {

      background-position: center;

      background-size: cover;

      width: 484px;

      height: 304px;

      border-radius: 15px;

	  position: relative;
    }
	#ljhg .swiper-slide	i{font-size: 40px; position:absolute; left: 24px;bottom: 35px; }


.list{margin-bottom: 60px;}

.list .time{ float: left;width: 76px; margin-right: 30px; text-align: center;}

.list .time strong{display: block;line-height: 1;font-size: 36px; padding: 16px 0;background-color: #777777; color: #FFF;}

.list .time span{display: block;font-size: 18px;color: #575757;}

.list .box h2{font-size: 16px; margin-bottom: 20px;}

.list .box h2 span{float: right;}

.list .box p{color: #575757;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}

.list a:hover h2{font-weight: bold;}

.list a:hover .time strong{background-color: #00a0e9;}



.footer{/*background-color: #f3f3f3;*/ padding: 30px 0; margin-bottom: 98px;}

.footer .row .copyright{text-align: center;}

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {

    float: none!important;

   

    padding-left:0px!important;

    line-height: 16px;

    height: 16px;

    background-image:none!important;

        padding: 0 35px!important;

    margin-left: 20px!important;

}





.cpsq{position: fixed;z-index: 995; left: 0; right: 0; bottom: 0; width: 100%; height: 98px; background-color:#2e2d2d; color: #FFF;}

.cpsq{display: flex;align-items: center;}

.cpsq .row .row{display: flex;justify-content:space-between; align-items: center;}

.cpsq p a{color: #FFF;}

.cpsq p a:hover{color: #FFF;text-decoration: underline!important;}

.cpsq .flogo h1{font-size: 24px; font-weight: bold; margin-bottom: 10px;}

.cpsq .flogo-right{text-align: right;}

.cpsq .flogo-right a,.cpsq .flogo-right span{ display: inline-block; height: 43px; line-height: 43px;  background-color: #FFF; color: #00a0e9; font-size: 18px; padding: 0 30px;margin-left:20px;cursor: pointer;}

.cpsq .flogo-right span.active{background-color: #00a0e9; color: #FFF;}

.cpsq .flogo-right span:hover{opacity: 0.8;}

.cpsq .flogo-right a:first-child{ margin: 0!important;background-color: transparent;color: #FFF;}



.top {

			position: fixed;

			z-index: 999;

			right: 50px;

			bottom: 135px;

			width: 79px

		}

.suspension {

			position: fixed;

			z-index: 999;

			right: 0;

			bottom: 200px;

			width: 146px

		}

		

		.suspension-box {

			position: relative;

			float: right

		}

		

		.suspension .a {

			display: block;

			width: 146px;

			height: 47px;

			background-color: #f39800;

			margin-bottom: 4px;

			cursor: pointer;

			outline: 0;

			font-size: 16px;

			color: #FFF;

			line-height: 47px;

			border-radius: 24px 0 0 24px;

		}

.suspension .a-service-phone{background-color: #920783;}

.suspension .a-qrcode{background-color: #009944;}

.suspension .a-down{background-color: #00a0e9;}

		

		.suspension .a.active,

		.suspension .a:hover {

			opacity: 0.8;

		}

		

		.suspension .a .i {

			float: left;

			width: 47px;

			height: 47px;

			line-height: 47px;

			margin-left: 5px;

			font-size: 28px;

			text-align: center;

			color: #FFF

		}

		

		.suspension .a-service .i {

			animation: blink .8s linear infinite

		}

		

		.top .a-top {

			width: 79px;

			height: 65px;

			line-height: 65px;

			font-size: 23px;

			text-align: center;

			color: #FFF;

			background-color: #00a0e9;

			display: none

		}

		

		.top .a-top:hover {opacity: 0.8;}

		

		.suspension .d {

			display: none;

			width: 223px;

			background: #fff;

			position: absolute;

			right: 160px;

			min-height: 90px;

			border: 1px solid #e0e1e5;

			border-radius: 3px;

			box-shadow: 0 2px 5px 0 rgba(161, 163, 175, 0.11)

		}

		

		.suspension .d-service {

			top: 0

		}

		

		.suspension .d-service-phone {

			top: 34px

		}

		

		.suspension .d-qrcode {

			bottom: 0

		}

		

		.suspension .d .inner-box {

			padding: 8px 22px 12px;

			position: relative

		}

		

		.suspension .d .inner-box:after,

		.suspension .d .inner-box:before {

			border: solid transparent;

			content: ' ';

			height: 0;

			left: 100%;

			position: absolute;

			width: 0

		}

		

		.suspension .d .inner-box:after {

			border-width: 10px;

			border-left-color: #fff;

			top: 20px

		}

		

		.suspension .d .inner-box:before {

			border-width: 12px;

			border-left-color: #e0e1e5;

			top: 18px

		}

		

		.suspension .d-service-item {

			padding: 14px 0

		}

		

		.suspension .d-service .d-service-item {

			border-bottom: 0

		}

		

		.suspension .d-service-item .circle {

			width: 44px;

			height: 44px;

			line-height: 44px;

			border-radius: 50%;

			overflow: hidden;

			background: #f1f1f3;

			display: block;

			float: left

		}

		

		.suspension .d-service-item .i-qq {

			width: 44px;

			height: 44px;

			font-size: 30px;

			color: #f39800;

			text-align: center;

			display: block

		}

		

		.suspension .d-service-item .i-tel {

			width: 44px;

			height: 44px;

			font-size: 30px;

			color: #f39800;

			text-align: center;

			display: block

		}

		

		.suspension .d-service-item h3 {

			float: left;

			width: 112px;

			line-height: 44px;

			font-size: 15px;

			margin-left: 12px;

			margin-top: 0

		}

		

		.suspension .d-service-item .text {

			float: left;

			width: 112px;

			line-height: 22px;

			font-size: 15px;

			margin-left: 12px

		}

		

		.suspension .d-service-item .text .number {

			font-size: 18px;

			font-weight: bold;

			color: #f39800

		}

		

		.suspension .d-qrcode {

			text-align: center

		}

		

		.suspension .d-qrcode .inner-box {

			padding: 20px 0

		}

		

		.suspension .d-qrcode .inner-box img {

			max-width: 80%

		}

		

		.suspension .d-qrcode p {

			font-size: 16px;

			color: #93959c

		}

.suspension .d-qrcode .inner-box:before {

	top:inherit;

    bottom: 68px;

}

.suspension .d-qrcode .inner-box:after {

	top:inherit;

    bottom: 70px;

}



#allmap{width: 100%; height: 503px;}







.login_wrap{ display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.7); z-index: 9999; }

.login_in{ position: absolute; left: 50%; margin-left: -238px; top: 10%; width: 476px; background: #fff;box-shadow: 1px 1.732px 21px 0px rgb( 195, 194, 194 ); border-radius: 10px; padding: 20px 30px 40px;}

.login_in h3{ font-size: 22px; color: #0f0202; margin-bottom: 10px; text-align: center;  }

.login_in p{ font-size: 14px; color: #a0a3a4; margin-bottom: 10px; text-align: center; }

.login_in p a{ color: #00aeef;  }

.in_w{  /* border: 1px solid #d8d7d7;*/ height: 38px; line-height: 38px; position: relative;  margin-bottom: 14px;}

.in_w i{ color: #aeadad; font-size: 35px; position: absolute; top: 0px; left: 0px; z-index: 2;}

.in_w  input{ width: 100%; height: 36px; line-height: 36px;  color: #afaeae; text-indent: 5px; position: absolute; top: 0px; left: 0px;}

.zd{ display: inline-block; color: #afaeae; text-align: left;}

.wmm{ float: right;  color: #afaeae;}

.login_w button{ font-size: 18px; background-color: #00a0e9; color: #fff; padding: 10px; width: 100%; text-align: center; border: none;border-radius: 5px; }

.close{ opacity: 1; position: absolute; top: -40px; right: -40px;}

.head{/* position: fixed; top: 0px; left: 0px; right: 0px;*/ background: #fff; z-index: 198;  box-shadow: 1.5px 2.598px 5px 0px rgb(228, 223, 223);}

.in_w02{ width: 70%; float: left; }

.yzm{ width: 29%; float: right; border: 1px solid #d8d7d7; height: 45px; line-height: 45px; }

.yzm img{ width: 100%; float: left; }

.login_in p.zhu{ font-size: 12px; color: #aeadad; margin-bottom: 10px; text-align: left; }

.zd02{ color: #00aeef; }

.login_wrap02 input{ text-indent: 5px; }

.login_in02{ display: none; }

.login_wrap textarea{ width:100%; min-height:56px; text-indent:5px; margin-bottom:14px;}



.coo-scroll img {width: 100%;height: 94px!important;border:  solid #d0d0d0 1px;}

#yqlj{ padding: 30px 0;}

@media(max-width: 1199px){

	

	.head .logo_w{margin-top: 12px;min-width:inherit;}

	.head .logo_w img{height: 45px; max-width: 100%;}

	.head_ul > li a {  margin: 0 10px;font-size: 16px; }

	.countdown{font-size: 16px;}

	

	.cpsq .flogo h1{font-size: 20px;}

	.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { padding: 0 20px!important;margin-left: 15px!important;}

}



@media(max-width: 991px){

	/*.banner{ padding-top: 67px;}*/

	.head_ul > li a {font-size: 15px;margin: 0 15px; }

	.head .logo_w{width: 200px;}

    .head .logo_w img{ height:40px;}

	.countdown {font-size: 15px;}

	.countdown span {height: 28px;line-height: 28px;padding: 0 15px;}

	

	

	.cpsq .flogo h1{font-size: 16px;}

	.cpsq .flogo p{font-size: 12px;}

	.cpsq .flogo-right a{margin-left: 15px;    height: 40px; line-height: 40px;  font-size: 14px;  padding: 0 20px;}

	.cpsq .flogo-right a:first-child{margin-left: 0;}

	

	

}



@media(max-width: 767px){

	body{    background-color: #f7f7f7;}

	.head{    position: fixed!important;

		top: 0px;

		left: 0px;

		right: 0px;

		background: rgba(255,255,255,1);

		border-bottom: 1px solid #eee;

		width: 100%;

		z-index: 996;

		box-shadow: 0px 5px 5px rgb(217 217 217 / 75%);}

	.head .container .row{display:inherit;}

	.container > .row{margin-left: 0; margin-right: 0;}

    /*.banner{ padding-top: 68px;}*/

	.banner .box,.banner .box i{font-size: 12px;}

    .banner .box h2{font-size: 18px;margin-bottom: 5px;}

	.banner .box span{display: block;}

	.banner .box span:first-child{margin-right: 0px;}

	.head .logo_w img{height: 40px;}

	

	.head .logo_w{padding-bottom: 10px; padding-top: 0px;width: 120px;}

	.head .head_ul{display: none;}

   

   .title { padding: 30px 0 30px; font-size: 18px; }

	.content{padding-bottom: 0px;}

	.content img{height: auto!important;max-width: 100%;}

	#ljhg .swiper-slide{ width: 300px;height: 188px;}

	

	.list{margin-bottom: 20px;}

	.list .time{margin-right: 15px;}

	.list .time strong { font-size: 24px;padding: 15px 0;}

	.list .time span{font-size: 16px;}

	.list .box h2{margin-bottom: 10px;}

	.cpsq{position: inherit;height: 66px;overflow: hidden;}

	.cpsq .row .row{display: inherit;}

	.cpsq .flogo{display: none;}

	.cpsq .box{display: none;}

	.cpsq .flogo h1{font-size: 14px; margin-bottom: 5px;}

	.cpsq .flogo-right{ text-align: center;}

	.footer{margin-bottom: 0px;}

	.flogo-right a.icon-share{display: none!important;}

	.flogo-right span.zwyd {margin-left: 0;}

	.suspension .a{width: 47px;overflow: hidden;}

	.suspension .a .i{margin-left: 0;}

	.suspension a.a-qrcode{display: none;}

	.suspension .d{display: none!important;}

	.top {right: 0;bottom: 152px;width: 47px;}

	.top .a-top { width: 47px; height: 47px;line-height: 47px;font-size: 14px;border-radius: 24px 0 0 24px;}

	.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { padding: 0 30px!important;  margin: 0 15px 0!important;}

	#allmap{height: 300px;}

	

.login_in{ width: 300px; margin-left: -150px; padding: 0px 20px 20px; top: 10%;}

.close{      top: -30px; right: -30px;}

.login_in h3{ font-size: 24px; margin-top: 20px;}

.login_in p{     font-size: 14px; }

.in_w input{ height: 28px; line-height: 28px; font-size: 12px; }

.in_w{ height: 30px; line-height: 30px;    margin-bottom: 9px; }

.in_w i{     font-size: 26px; }

.login_w button{font-size: 14px;  padding: 5px;}

.coo-scroll img {width: 100%;height: 50px!important;}	



table{width: 100%;}



.mbanner{position: relative;}

    .mbanner span{position: absolute;z-index: 99;right: 0;top: 0;font-size: 12px ;height: 20px;line-height: 20px; border-radius: 5px;padding: 0 5px;color: #FFF; background-color: #51b233;}

    .mbanner span strong{font-size: 14px;}

	.visible-xs h4{font-weight: bold; margin: 10px 0;}

	.nobg{background-color: #FFF;    margin: 10px 10px 0;    border-radius: 5px;padding-bottom:10px ;}

	.title {

		line-height: 1.5;

		padding:0 0 0 10px;

		border-left: solid #e11440 3px;

		font-weight: normal;

		margin: 15px 0;

		text-align: left;

	}

	#ljhg .swiper-slide{border-radius: 5px;}

	.list .time,.list .box p,.list .box h2 span{display: none;}

	.list .box h2{font-size: 14px;    padding-left: 12px;}

	.list .box a{position:relative; }

	.list .box a::before {

		content: '';

		position: absolute;

		left: 1px;

		top: 50%;

		width: 5px;

		height: 5px;

		margin-top: -3px;

		background-color: #e11440;

	}

	.cpsq{background-color: #FFF;}

	.cpsq .flogo-right a{    border: solid #e11440 1px;border-radius: 5px;}

}