@charset "utf-8";
*{margin:0px;padding:0px;border:0;}
body{margin:0 auto;font-family: 'microsoft yahei';-webkit-appearance:none;color:#333;height:auto;overflow-x:hidden;}
textarea,input{font-family: 'microsoft yahei';}
ul{list-style: none;}
a{color:#333;text-decoration: none;}
li a,img{display:block;}
.slh{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.clear{clear:both;width:100%;height:0px;line-height:0px;font-size:0px;border:none;}
.fl{float: left; display:inline;}
.fr{float: right; display:inline;}
p,h1,h2,h3,ul,li,form{padding:0;margin:0; list-style-type:none;}a{text-decoration:none;}ul{list-style:none;}
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.flex{display:flex; -webkit-display:flex;-moz-display:flex;-ms-display:flex;-o-display:flex;}
.wrap{-webkit-flex-wrap: wrap; flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;}
.df{justify-content:space-between; -webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;}
.spjz{justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;}
.evenly{justify-content: space-evenly;-webkit-justify-content: space-evenly;-moz-justify-content: space-evenly;-ms-justify-content: space-evenly;-o-justify-content: space-evenly;}
.czjz{align-items: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;}
.column{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}
.ydq{justify-content: flex-end;-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;-o-justify-content: flex-end;}
.baseline{align-items: baseline;-webkit-align-items: baseline;-moz-align-items: baseline;-ms-align-items: baseline;-o-align-items: baseline;}
.flexstart{align-items: flex-start;-webkit-align-items: flex-start;-moz-align-items: flex-start;-ms-align-items: flex-start;-o-align-items: flex-start;}
.row-reverse{flex-direction: row-reverse;-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;}
.column-reverse{flex-direction: column-reverse;-webkit-flex-direction: column-reverse;-moz-flex-direction: column-reverse;-ms-flex-direction: column-reverse;-o-flex-direction: column-reverse;}
.onload{position: fixed;width: 100%;height: 100%;position: fixed;z-index: 180;background: #fff;left: 0;top: 0;}
.onload img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);width: 45px;}
.lgsize{font-size: 36px;line-height: 36px;}
.mdsize{font-size: 28px;line-height: 28px;}
.smsize{font-size: 16px;line-height: 16px;}
.pcshow{display: flex;}
.sjshow{display: none;}
.w1200{width: 1200px;margin: auto;}
.sjpcimg{display: block;}
.sjpcimg img{display: block;width: 100%;}
.sjpcimg img:nth-child(2){display: none;}
.pd100{padding: 100px 0;}
.mb100{margin-bottom: 100px;}
.mb80{margin-bottom: 80px;}
.mb50{margin-bottom: 50px;}
@media (max-width:1200px) {
	.w1200{width: 96%;}
	.lgsize{font-size: 28px;line-height: 28px;}
	.mdsize{font-size: 23px;line-height: 23px;}
	.smsize{font-size: 13px;line-height: 13px;}
	.mb100 {margin-bottom: 50px;}
	.mb80{margin-bottom: 50px;}
	.mb50{margin-bottom: 30px;}
}
@media (max-width:640px) {
	.lgsize{font-size: 18px;line-height: 18px;}
	.mdsize{font-size: 16px;line-height: 16px;}
	.smsize{font-size: 12px;line-height: 12px;}
	.sjpcimg img:nth-child(1){display: none;}
	.sjpcimg img:nth-child(2){display: block;}
	.mb100 {margin-bottom: 25px;}
	.mb80{margin-bottom: 25px;}
	.pcshow{display: none;}
	.sjshow{display: flex;}
	.mb50{margin-bottom: 18px;}
}

/* 头部 */
.top {padding: 20px 0 12px;background: url(../images/topbg.webp) right bottom no-repeat;}
.topLogo{max-width: 147px;display: block;max-height: 78px;}
.topline {width: 1px;height: 56px;margin: 0 26px 0 37px;background-color: #f0efef;}
.toptext{width: 197px;display: block;}
.topfrtopa{width: 100%;font-size: 16px;}
.topfrtopa span {color: #47a1d2;}
.nav li a{padding: 0 10px;font-size: 16px;font-weight: bold;}
.nav li:last-child a{padding-right: 0;}

@media (max-width:1200px) {
	.topLogo{max-height: 50px;}
	.topline {height: 39px;margin: 0 13px 0 23px;}
	.toptext {width: 146px;}
	.nav li a {padding: 0 8px;font-size: 15px;}
	.topfrtopa{font-size: 15px;}
}
@media (max-width:1000px) {
	.top{position: relative;}
	.nav{position: absolute;top: 100%;left: 0;z-index: 2;background: #fff;padding: 10px 0;width: 100%;justify-content: space-evenly;-webkit-justify-content: space-evenly;-moz-justify-content: space-evenly;-ms-justify-content: space-evenly;-o-justify-content: space-evenly;}
	.nav li a{padding: 0;}
}
@media (max-width:640px) {
	.top{background: #fff;padding: 10px 0 9px;}
	.nav{border-top: 1px solid #eee;}
	.topfrtopa{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;font-size: 12px;}
	.topfrtopa font{margin-bottom: 2px;}
	.topLogo {max-height: 30px;}
	.topline {height: 19px;margin: 0 7px 0 15px;}
	.toptext {width: 110px;}
	.nav{padding: 0;background: #2C9BD3;}
	.nav li{width: 25%;border-bottom: 1px solid rgba(255,255,255,0.3);border-right: 1px solid rgba(255,255,255,0.3);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
	.nav li a{text-align: center;font-size: 13px;padding: 6px 0;color: #fff;}
	.nav li:nth-child(5),.nav li:nth-child(6),.nav li:nth-child(7),.nav li:nth-child(8){border-bottom: none;}
}

/* banner */
.banner{position: relative;overflow: hidden;}
.banner .swiper-wrapper{height: initial;}
.banner img{display: block;width: 100%;}
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{left: 45px;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{right: 45px;}

@media (max-width:1200px) {
	.banner .swiper-button-next:after,.banner .swiper-container-rtl .swiper-button-prev:after,.banner .swiper-button-prev:after,.banner .swiper-container-rtl .swiper-button-next:after{font-size: 20px;}
}
@media (max-width:1000px) {
	.banner{margin-top: 33px;height: 320px;}
	.banner .swiper-wrapper{height: 100%;}
	.banner .swiper-slide{position: relative;overflow: hidden;}
	.banner img{height: 100%;width: auto;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
}
@media (max-width:640px) {
	.banner{margin-top: 50px;height: 180px;}
	.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{left: 0px;}
	.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{right: 0px;}
}

/* 底部 */
.fotwrap{background: #47a1d2;}
.fotnav{border-bottom: solid 1px rgba(255,255,255,0.23);padding: 23px 0;margin-bottom: 60px;}
.fotnav a{color: #fff;margin: 0 30px;}
.fotlogo img{width: 176px;margin-bottom: 18px;}
.fotlogo p{color: #fff;}
.fotcen{margin-bottom: 80px;}
.fotfrimg{margin-right: 20px;}
.fotfrimg img{margin-bottom: 13px;}
.fotfrimg p{color: #fff;text-align: center;}
.fotceninfo p,.fotceninfo a{color: #fff;line-height: 21px;display: block;margin-bottom: 5px;}
.fotbtm{display: block;padding: 13px 0;background: #196995;color: #fff;text-align: center;}

@media (max-width:1200px) {
	.fotnav{padding: 16px 0;margin-bottom: 40px;}
	.fotcen {margin-bottom: 42px;}
}
@media (max-width:1000px) {
	.fotnav a {margin: 0;}
	.fotnav{justify-content: space-evenly;-webkit-justify-content: space-evenly;-moz-justify-content: space-evenly;-ms-justify-content: space-evenly;-o-justify-content: space-evenly;}
}
@media (max-width:640px) {
	.fotnav{margin-bottom: 22px;padding: 12px 0;}
	.fotnav a:nth-child(6),.fotnav a:nth-child(7){display: none;}
	.fotcen{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}
	.fotlogo img {width: 81px;margin-bottom: 15px;}
	.fotcenfl{margin-bottom: 26px;}
	.fotcenfr{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}
	.fotfrimg {margin-right: 0;width: 100px;margin-bottom: 16px;}
	.fotfrimg img{width: 100%;margin-bottom: 10px;}
	.fotceninfo p, .fotceninfo a {line-height: 12px;margin-bottom: 8px;text-align: center;}
	.fotcen {margin-bottom: 12px;}
	.fotceninfo p:nth-child(1),.fotceninfo p:nth-child(2),.fotceninfo p:nth-child(3){display: none;}
}

/* tit */
.tittop{margin-bottom: 26px;}
.tittop span{display: block;width: 50px;height: 13px;background: #d2efff;border-radius: 20px;}
.tittop p{color: #333;margin: 0 18px;font-weight: bold;}
.tit>p{color: #666;}

@media (max-width:1200px) {
	.tittop span{height: 10px;}
}
@media (max-width:640px) {
	.tittop {margin-bottom: 9px;}
	.tittop span {width: 30px;height: 4px;}
	.tittop p {margin: 0 13px;}
}

/* 中心新闻 */
.xlone{padding-bottom: 20px;border-bottom: 1px solid #eeeeee;margin-bottom: 20px;}
.xlone img{width: 172px;height: 128px;border-radius: 10px;margin-right: 13px;flex-shrink: 0;-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-ms-flex-shrink: 0;-o-flex-shrink: 0;}
.xlinfo h3{color: #323232;font-size: 18px;margin-bottom: 13px;}
.xlinfo p{color: #666;line-height: 23px;font-size: 15px;margin-bottom: 13px;}
.xlinfo span{color: #555;font-size: 14px;font-weight: bold;}

@media (max-width:1200px) {
	.xlinfo p {line-height: 21px;font-size: 14px;margin-bottom: 9px;}
	.xlinfo h3 {color: #555;font-size: 17px;margin-bottom: 9px;}
	.xlinfo span {color: #666;font-size: 13px;}
}
@media (max-width:640px) {
	.xlone img {width: 30%;height: 100px;margin-right: 3.5%;}
	.xlinfo{width: 66.5%;}
	.xlinfo h3 {font-size: 14px;margin-bottom: 6px;line-height: 14px;}
	.xlinfo p {line-height: 19px;font-size: 12px;margin-bottom: 8px;}
	.xlone {padding-bottom: 13px;margin-bottom: 13px;}
}


/*商务通弹窗*/
.swttc{ width:640px; height:530px; background:url(../swt/swttc.jpg) center top no-repeat; background-size:640px; height:530px; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-265px; box-shadow: 0px 0px 0px #f9f8f8,5px 0px 10px #f9f8f8,0px 5px 10px #f9f8f8,-5px 0 10px #f9f8f8; z-index:2; border:1px solid #ddd; border-radius:14px; display:none;}
.swttcgb{ width:30px; height:30px; position:absolute; right:10px; top:10px;}
.swttcgb img{ width:100%; -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; transition: transform 2s ease-out; cursor:pointer;}
.swttcgb:hover img{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.swttcgc{ width:100%; height:230px; padding-left:40px; padding-top:40px; line-height:42px; display:block; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight:bold;}

.swttcinp{ width:66%; padding:10px; border:2px solid #000000; border-radius:8px; margin-top:14px; padding-bottom:6px;}
.swttcinpa{ width:30px; margin-right:12px;}
.swttcinpa img{ width:100%; -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; transition: transform 2s ease-out; cursor:pointer;}
.swttcinpa:hover img{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.swttcinp .inputr{ width:80%; height:80px; line-height:28px; outline:none;}
.swttcinp .inputt{ width:80%; height:46px; line-height:48px; outline:none;}

.swttcbtn{ position:absolute; left:0px; bottom:0px; background:#f8f8f8; height:80px; width:100%; border-radius:0px 0px 14px 14px;}
.swttcbtna{ width:50%;}
.swttcbtna .buttonti{ width:60%; height:80px; line-height:80px; color:#999999; background:none; text-align:center; cursor:pointer;}
.swttcbtnb{ width:50%; background:#00456b; border-radius:0px 0px 14px 0px;}
.swttcbtnb a{ width:60%; height:80px; line-height:80px; color:#fff; text-align:center;}
@media (max-width:780px ) {
.swttc{ width:280px; height:232px; background:url(../swt/swttc.jpg) center top no-repeat; background-size:280px; height:232px; position:fixed; left:50%; top:50%; margin-left:-140px; margin-top:-116px; border-radius:10px;}
.swttcgc{ height:98px; padding-left:18px; padding-top:18px; line-height:28px;}	
.swttcinp{ width:68%; padding:4px; border:1px solid #000000; margin-top:4px; padding-bottom:4px;}
.swttcinpa{ width:18px; margin-right:6px;}
.swttcinp .inputr{ width:83%; height:36px; line-height:18px;}
.swttcinp .inputt{ width:83%; height:24px; line-height:24px;}
.swttcbtn{ height:32px; border-radius:0px 0px 10px 10px;}
.swttcbtna .buttonti{ width:80%; height:32px; line-height:32px;}
.swttcbtnb{ border-radius:0px 0px 10px 0px;}
.swttcbtnb a{ width:80%; height:32px; line-height:32px}
}