<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */
*{font-family: Arial,"Microsoft Yahei"}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}fieldset,img {border:0;}focus {outline:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style:normal; }h1,h2,h3,h4,h5,h6 {font-size:100%; }abbr,acronym {border:0;font-variant:normal;}input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit; }code,kbd,samp,tt {font-size:100%;}input,button,textarea,select {*font-size:100%;}body {line-height:1.5;}ol,ul {list-style:none;}table {border-collapse:collapse;border-spacing:0;}caption,th {text-align:left;}sup,sub {font-size:100%;vertical-align:baseline;}:link,:visited ,ins {text-decoration:none;}blockquote,q {quotes:none;}blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}

A:link{color:#000000;text-decoration:none; target:_parent}
A:visited{color:#000000;text-decoration:none; target:_blank}
A:active{color:#ff0000;text-decoration:none; target:_blank}
A:hover{color:#FF0000;text-decoration:none; target:_blank}

td{ vertical-align:top}
/*************************************
* public style  author:wenbj
*************************************/
.clearfloat{clear:both;height:0;line-height:0;font-size:0;}
.clearfloat2{overflow:auto;zoom:1;}
.floatL{display:inline;float:left;}
.floatR{ display:inline; float:right;}
body{margin: 0;}



/* 澶撮儴 */
.header {
	transition:0.6s ease-in-out;  top: 0px; width: 100%; max-width:1920px; height: auto;   position: fixed; z-index: 990; min-width: 300px; margin:0 auto;
	 left: 50%; margin-left: -50%;
}
.top {
	background: linear-gradient(to bottom, rgba(0, 0, 0,0.5),rgba(0,0,0,0)); 
	margin: 0px auto;
}
@media screen and (max-width:1020px) {
	.top{background: none;}
	
}
.black_bg01 {
	left: 0px; top: 86px; width: 100%; height: 100%; display: none; position: fixed; opacity: 0.7; background-color: rgb(0, 0, 0);
}
.logo {
	 float: left;padding-top: 30px;padding-left:44px;
}
.logo img {
	width: 100%; display: block;
}
.topNav {
	height: 40px; line-height: 38px; position: relative;
}
.topNav &gt; div {
	position: relative; z-index: 1;
}
.topNav .lf {
	width: auto; float: left;
}
.topNav .rt {
	width: auto; float: right;
}
.topNav a {
	padding: 0px 12px; color: rgb(255, 255, 255); float: left;
}
.topNav &gt; div a:first-child {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.topRight {
	float: right;
}

.topmenu {
	
	width:90%;
	
	margin:0 auto;
	float: left;
	height: 69px; 
	line-height:69px;
	position: absolute;
	padding:0px 5%;
}



.topNav a.searchBtn {
	background: url("search.png") no-repeat center; padding: 0px; width: 40px; height: 40px; cursor: pointer; background-size:cover;margin-top:45px;margin-right:108px;
}
.nav {padding-top:10px;
	bottom:20px;
	height: 59px;  white-space: nowrap; position: relative;
}
.nav ul &gt; li {
	display: inline-block; position: relative;width: 8.3%;text-align: center;
}
.nav ul &gt; li:first-child::before {
	display: none;
}
.nav ul li &gt; a {
	height: 59px; text-align: center; color: rgb(255, 255, 255); line-height: 59px; font-size: 1.4rem; display: block;
}
.nav ul li.on &gt; a {
	 color: rgb(255, 255, 255);
}
.nav ul li:hover &gt; a {
	 color: rgb(255, 255, 255);
}
.nav ul li.on .subNav {
	display: block;
	background-color: #097dce;
}
.subNav {
	 left: -10px; top: 59px; width: 120%; font-size: 14px; display: none; position: absolute;
}

.subNav a {
	padding: 9px 5px; text-align: center; color: rgb(255, 255, 255); line-height: 1.3; display: block; white-space: normal;
}


@media screen and (min-width: 1260px){

}

/*涓婂嵎瀵艰埅锟�?*/
.currents.header {
	padding: 0px; background-color: #097dce;
}
.currents.header .top {
	width: 1400px; padding-top: 0px; position: relative; z-index: 5;background:none;
}
.currents.header .topNav {
	display: none;
}
.currents.header .logo {
	padding: 10px 10px; border: currentColor; border-image: none; width: 300px;
}
.currents.header .logo img {
	
}
.currents.header .topRight {
	margin-left: 262px; float: none; display:none;
}
.currents.header .topmenu {
	position:static !important;
	 background:none;
	width:70%;
	top:0;
	margin-left: 262px; float:none;
}



.currents.header .nav {
	border: currentColor; border-image: none; height: 59px; line-height: 59px; z-index: 1010;}
.currents.header .nav li {
	background: none; border: currentColor; border-image: none; padding-top: 0px;}
.currents.header .nav::before {
	opacity: 1;}
.currents.header .subNav {
	top: 59px;}
.currents.header .nav-wrapper {
	height: 59px;}
.currents.header .nav ul &gt; li {
	width: 9.6%;}
.currents.header .nav ul li &gt; a {
	padding: 0px; height: 59px; line-height: 59px; font-size: 16px;bottom:9px}
.currents.header .nav ul li.on &gt; a {
	color: rgb(255, 255, 255);}
.currents.header .nav ul li:hover &gt; a {
	color: rgb(255, 255, 255);}
.flipInY {
	display: block; visibility: visible !important; animation-name: flipInY; animation-duration: 0.2s; animation-timing-function: ease-in-out; -webkit-animation-name: flipInY; -webkit-animation-duration: 0.2s; -webkit-animation-timing-function: ease-in-out;}



.serWrap {
	height: 0px; overflow: hidden;
}
#ser {
	padding: 30px 0px; width: 100%; overflow: hidden; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid; display: none; background-color: rgb(255, 255, 255);
}
.ser {
	margin: 0px auto; width: 800px; height: 38px; line-height: 34px; position: relative; z-index: 9999994; background-color: rgb(255, 255, 255);
}
.search input {
	background: none; border: currentColor; border-image: none; top: 0px; height: 34px; color: rgb(38, 38, 38); line-height: 34px; padding-left: 0px; position: absolute;
}
.search input.notxt {
	padding: 0px 0px 0px 7px; border: 1px solid rgb(191, 191, 191); border-image: none; width: 83%; color: rgb(164, 164, 164);
}
.search input.notxt1 {
	border: 1px solid rgb(15, 80, 53); border-image: none; width: 15%; height: 36px; right: 0px; color: rgb(255, 255, 255); overflow: hidden; padding-right: 0px; position: absolute; cursor: pointer; background-color: rgb(0, 54, 111);
}




.goTop {
	border-radius: 50%; transition:none; width: 50px; height: 50px; text-align: center; right: 20px; bottom: 40px; line-height: 50px; font-size: 25px !important; display: none; position: fixed; z-index: 9999999; background:url(top1.png) #00366f no-repeat center;background-size: 60%;
	
}
.goTop:hover {
	background:url(top1.png) rgb(228, 104, 86) no-repeat center;background-size: 60%;
}
.mobile {
	top: 0px; width: 100%; right: 0px; display: none; position: relative; z-index: 99; background-color: rgb(0, 42, 87);
}
.mobile-inner-header {
	top: 13px; width: 100%; height: 40px; right: 0px; position: absolute; z-index: 2;
}
.mobile-inner-header-icon {
	transition:background 0.5s; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 25px; float: right; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;
}
.mobile-inner-header-icon:hover {
	cursor: pointer;
}
.mobile-inner-header-icon span {
	left: calc((100% - 25px) /2); top: calc((100% - 1px) /3); width: 25px; height: 2px; position: absolute; background-color: rgb(255, 255, 255);
}
.mobile-inner-header-icon span:nth-child(1) {
	transform: translateY(4px) rotate(0deg);
}
.mobile-inner-header-icon span:nth-child(2) {
	transform: translateY(-4px) rotate(0deg);
}
.mobile-inner-header-icon-click span:nth-child(1) {
	animation-name: clickfirst; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-inner-header-icon-click span:nth-child(2) {
	animation-name: clicksecond; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-inner-header-icon {
	width: 50px; height: 40px; text-align: right; color: rgb(255, 255, 255); margin-right: 5px; float: right; position: relative; cursor: pointer;
}
.mobile-inner-header-icon-click {
	margin-top: 5px;
}
.mobile-inner-header-icon-out span {
	width: 22px; height: 2px; display: none; background-color: rgb(255, 255, 255);
}
.iconfont.mobile-inner-header-icon {
	text-align: center; line-height: 40px; font-size: 30px; font-weight: bold;
}
.mobile-inner-header-icon-out span:nth-child(1) {
	animation-name: outfirst; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-inner-header-icon-out span:nth-child(2) {
	animation-name: outsecond; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-inner-header-icon-out span:nth-child(2) {
	animation-name: outthird; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-inner-header-icon span:nth-child(1) {
	transform: translateY(4px) rotate(0deg);
}
.mobile-inner-header-icon span:nth-child(2) {
	transform: translateY(-4px) rotate(0deg);
}
.mobile-inner-header-icon span:nth-child(3) {
	transform: translateY(-4px) rotate(0deg);
}
.mobile-inner-header-icon-click span:nth-child(1) {
	animation-name: clickfirst; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-inner-header-icon-click span:nth-child(2) {
	animation-name: clicksecond; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-inner-header-icon-click span:nth-child(3) {
	animation-name: clickthird; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-inner-header-icon-out span:nth-child(1) {
	animation-name: outfirst; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-inner-header-icon-out span:nth-child(2) {
	animation-name: outsecond; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-inner-header-icon-out span:nth-child(3) {
	animation-name: outthird; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-inner-nav {
	left: 0px; top: 70px; width: 100%; padding-top: 10px; padding-bottom: 25px; display: none; position: absolute; background-color: rgb(0, 54, 111);
}
.mobile-inner-nav a {
	transition:0.5s; width: 100%; color: rgb(255, 255, 255); line-height: 38px; font-size: 0.9rem; text-decoration: none; border-bottom-color: rgb(34, 74, 117); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;
}
.mobile-inner-nav a:hover {
	color: rgb(255, 255, 255);
}
.mobile-inner-nav li {
	padding: 0px 20px; position: relative;
}
.mobile-inner-nav li a {
	text-indent: 15px;
}
.mobile-inner-nav li strong {
	transition:0.5s; top: 0px; width: 40px; height: 45px; text-align: center; right: 20px; color: rgb(170, 170, 170); line-height: 40px; font-size: 1.5rem; position: absolute; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;
}
.mobile-inner-nav a {
	animation-name: returnToNormal; animation-duration: 0.5s; animation-fill-mode: both; -webkit-animation-name: returnToNormal; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: both;
}
.mobile_subNav {
	padding-left: 10px; display: none;
}
.mobile-inner-nav dd a {
	height: 35px; line-height: 35px; font-size:0.8rem; border-bottom-color: rgba(219, 219, 219, 0.2); border-bottom-width: 1px; border-bottom-style: dotted;
}
.mobile_search {
	margin: 10px 20px 0px; height: 36px; overflow: hidden; clear: both; border-bottom-color: rgb(34, 74, 117); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.mobile_search input.notxt {
	border: currentColor; border-image: none; width: 90%; color: rgb(255, 255, 255); margin-left: 45px;
}
.mobile_search input.notxt1 {
	background: url("template_files/2/images/2019/serBtn.png") no-repeat center; border: currentColor; border-image: none; left: 0px; width: 55px; right: auto;
}
.mobile-link {
	padding-left: 10px; float: left;
}
.mobile-link a {
	margin: 0px 5px; height: 40px; color: rgb(184, 193, 188); line-height: 40px;
}
.mobile-link02 {
	margin: 0px 20px;
}
.mobile-inner-nav .mobile-link02 a {
	margin: 0px 7px; width: auto; float: left;
}


/* 搴曢儴 */
.wrap_footer {
	position: relative;
	background-color: #f2f2f2;
}
.footer {
	margin: 0px auto; width: 1400px;padding-top:46px;padding-bottom:54px
}
.footer_lf {
	width: 48%;
	float: left;
	margin:20px 0;
}
.btbu-login {
	overflow: hidden; display: block;
}
.btbu-login span input {
	background: none; padding: 0px 10px; border: currentColor; border-image: none; width: 100%; height: 36px; color: rgb(255, 255, 255); line-height: 36px; display: block; position: relative; z-index: 10; box-sizing: border-box;
}
.btbu-login &gt; span::before {
	border-radius: 5px; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; content: ""; opacity: 0.4; background-color: rgb(255, 255, 255);
}
.btbu-login &gt; span {
	border-radius: 5px; height: 36px; line-height: 36px; overflow: hidden; position: relative;
}
.select2-container {
	border-radius: 5px;
}
.btbu-txt1 {
	width: 46%; float: left;
}
.btbu-login span select {
	background: none; width: 100%; height: 36px; position: relative; z-index: 10;
}
.btbu-select1 {
	width: 50%; height: 36px; line-height: 36px; float: right; display: block;
}
.btbu-txt2 {
	width: 67.5%; float: left;
}
.btbu-btn1 {
	width: 28.67%; text-align: center; font-weight: bold; float: right;
}
.btbu-btn1 input {
	text-align: center; cursor: pointer;
}
.btbu-btn1:hover {
	background-color: rgb(0, 54, 111);
}
.btbu-login .clear {
	padding-bottom: 10px;
}

.footer_rt {
	padding: 0px 0px; width: 47%; float: right;
}

.footerLink {
	padding: 0px 0px 0px; width: 20%; float:right; font-size: 0px; margin-top: 5px; position: relative; text-align:right;
}

.footerLink li {
	vertical-align: middle; display: inline-block;
}
.footerLink li &gt; a {
	border-radius: 50%; border: 1px solid rgb(255, 255, 255); transition:0.3s ease-in-out; border-image: none; width: 50px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 28px; margin-right: 30px; display: block;
}
.footerLink li &gt; a:hover {
	border-color: rgb(117, 189, 41); background-color: rgb(117, 189, 41);
}
.footerLink li &gt; a.iconxinlang:hover {
	border-color: rgb(230, 22, 45); background-color: rgb(230, 22, 45);
}
.links {
	float: right;
}
.links &gt; span {
	width: 45px; display: block;
}

.footer_icon {
	left: 50%; width: 161px; bottom: 3px; margin-left: -77px; position: absolute;
}
.footer_triangle {
	left: 50%; width: 0px; height: 0px; bottom: 94px; margin-left: -60px; border-right-color: transparent; border-bottom-color: rgb(0, 0, 0); border-left-color: transparent; border-right-width: 60px; border-bottom-width: 64px; border-left-width: 60px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; opacity: 0.3;
}



.foot_about_sd{text-align:left; float:left; width:24%; padding-right:0%; padding-left:1%;}
.foot_about_sd ul{overflow:hidden;padding-bottom:25px;}
.h4_title {
    color: #fff;
    font-size: 20px;
    font-weight:500;
    padding-bottom: 10px;
    padding-top: 0px;
}
.foot_about_sd ul li {line-height:24px;font-size:12px;}
.foot_about_sd ul li a{color:#ddd;}
.foot_about_sd ul li a:hover{color:#fff;}



.iconxinlang::before {
	padding-top: 3px; display: block;
}
.code {
	position: relative;
}
.code i {
	left: 50%; width: 98px; height: 98px; bottom: 58px; margin-left: -65px; display: none; position: absolute;
}

	
	
.sy_lb5{
        width:100%;
        float: left;
    }
    .sy_lb5 li{
        width:25%;
        float:left;
        padding:45px 0;
        text-align: center;
    }
    .sy_lb5 li .imgk{
        width:100%;
        height:60px;
    }
	.sy_lb5 li .imgk i{
	color: #fff;
	font-size: 46px;
		}
    .sy_lb5 a{
        color:#fff;
    }
	.sy_lb5 a:hover,.sy_lb5 a:hover i{
		color:#ccc;
		}
.copyright {
    background: #000000;
	height:65px;
}
.copyright_l {
	 width:100%;
    text-align: center;
	
}
.copyright_l p {
    font-size: 14px;
    line-height: 65px;
    color: #9da3a3;
	float:left;
}
.copyright_l p a {
    font-size: 14px;
    line-height: 65px;
    color: #9da3a3;
}



	

@media screen and (max-width:1900px)
{
	.header {
	transition:0.6s ease-in-out;  top: 0px; width: 100%; max-width:1920px; height: auto;   position: fixed; z-index: 990; min-width: 300px; margin:0 auto;
	 left: 50%;margin-left: -50%;
	
}
.topmenu {

	width:90%;

	margin:0 auto;
	float: left;
	height: 69px; 
	line-height:69px;
	position: absolute;
	padding:0px 5%;
}


.nav ul li &gt; a {
	
}
.nav ul li &gt; a {
	font-size: 1.4rem;
}
}

@media screen and (max-width:1649px)
{
	.header {
	transition:0.6s ease-in-out;  top: 0px; width: 100%;  height: auto;   position: fixed; z-index: 990; min-width: 300px; margin:0 auto; left:0;
	
}
.topmenu {
	
	width:90%;
	margin:0 auto;
	float: left;
	height: 69px; 
	line-height:69px;
	position: absolute;
	padding:0px 5%;
}


.nav ul li &gt; a {
	
}
.nav ul li &gt; a {
	font-size: 1.4rem;
}
}


@media screen and (max-width:1600px)
{
	
	.footer {
	width: 100%; 
}

	.header {
	transition:0.6s ease-in-out;  top: 0px; width: 100%;  height: auto;   position: fixed; z-index: 990; min-width: 300px; margin:0 auto; left:0;
	
}
.topmenu {
	 
	width:90%;
	margin:0 auto;
	float: left;
	height: 69px; 
	line-height:69px;
	position: absolute;
	padding:0px 5%;
}
.currents.header .top{
	width:100%;
	}


	
.nav ul li &gt; a {
	
}
.nav ul li &gt; a {
	font-size: 1.4rem;
}
}
@media screen and (max-width:1540px)
{
	.header {
	transition:0.6s ease-in-out;  top: 0px; width: 100%;  height: auto;   position: fixed; z-index: 990; min-width: 300px; margin:0 auto; left:0;
	
}
.topmenu {
	 
	width:90%;
	margin:0 auto;
	float: left;
	height: 69px; 
	line-height:69px;
	position: absolute;
	padding:0px 5%;
}


.nav ul li &gt; a {

}
.nav ul li &gt; a {
	font-size: 1.4rem;
}
}

@media screen and (max-width:1400px)
{
.top {
	padding: 0px 0px;
}
.logo {
	padding: 10px 10px; width: 300px;
}
.topmenu {
	
	width:90%;
	margin:0 auto;
	float: left;
	height: 69px; 
	line-height:69px;
	position: absolute;
	padding:0px 5%;
}

.subNav {
	width: 120px;
}
.nav ul li &gt; a {
	font-size: 1.2rem;
}
.topNav a {
	padding: 0px 12px; font-size: 1.3rem;
}
.topNav {
	height: 32px; line-height: 32px;
}
.nav {
	height: 50px;
}
.nav ul li &gt; a {
	height: 50px; line-height: 50px;
}
.topNav a.searchBtn {
	width: 32px; height: 32px;
}
.subNav {
	top: 50px;
}
.black_bg01 {
	top: 161px;
}
}
@media screen and (max-width:1386px)
{

  .sy_lb5 li{
        width:25%;
        float:left;
        padding:35px 0;
        text-align: center;
    }
    .sy_lb5 li .imgk{
        width:100%;
        height:55px;
    }
	.sy_lb5 li .imgk i{
	color: #fff;
	font-size: 40px;
		}

	.nav ul li &gt; a {
	
}

.currents.header .topmenu{
	width:67%;
	}

	.topmenu {
	 
	width:90%;
	margin:0 auto;
	float: left;
	height: 69px; 
	line-height:69px;
	position: absolute;
	padding:0px 5%;
}



.footer_lf {
	width: 47%;
}
.footer_rt {
	width: 47%;
}

.footerLink {
	padding: 0px 0px 0px; width: 18%; float:right; font-size: 0px; margin-top: 5px; position: relative; text-align:right;
}

.footerLink li {
	vertical-align: middle; display: inline-block;
}
.footerLink li &gt; a {
	border-radius: 50%; border: 1px solid rgb(255, 255, 255); transition:0.3s ease-in-out; border-image: none; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 38px; font-size: 24px; margin-right: 20px; display: block;
}
.footerLink li &gt; a:hover {
	border-color: rgb(117, 189, 41); background-color: rgb(117, 189, 41);
}
.footerLink li &gt; a.iconxinlang:hover {
	border-color: rgb(230, 22, 45); background-color: rgb(230, 22, 45);
}
.copyright {
    background: #000000;
	height:60px;
}
.copyright_l p {
    font-size: 12px;
    line-height: 60px;
    color: #9da3a3;
	float:left;
}
.copyright_l p a {
    font-size: 12px;
    line-height: 60px;
    color: #9da3a3;
}

}
@media screen and (max-width:1260px)
{
.nav ul li &gt; a {
	
}
.top {
	padding: 0px 0px;
}
.currents.header .topmenu{
	width:64%;
	}
.topmenu {
	
	width:90%;
	
	margin:0 auto;
	float: left;
	height: 69px; 
	line-height:69px;
	position: absolute;
	padding:0px 5%;
}

}
@media screen and (max-width:1100px)
{
.logo {
	width: 200px;
}
.top {
	padding: 0px 0px;
}
.nav ul li &gt; a {

}
.topmenu {
	 
	width:90%;	
	margin:0 auto;
	float: left;
	height: 69px; 
	line-height:69px;
	position: absolute;
	padding:0px 5%;
}

}
@media screen and (max-width:1020px)
{


.footer {
	width: auto; 
	padding:0 8px;
}
.footer_md {
	display: none;
}
.footer_lf {
	width: 47%;padding: 10px 0;
}
.footer_rt {
	padding: 0px 0; width:47%;
}

.footer_icon {
	width: 90px; margin-left: -45px;
}

.foot_about_sd{text-align:left; float:left; width:23%; margin:0 1%; padding:0;}
.foot_about_sd ul{overflow:hidden;padding-bottom:25px;}
.h4_title {
    color: #fff;
    font-size: 16px;
    font-weight:400;
    padding-bottom: 10px;
    padding-top: 0px; text-align:center;
}
.foot_about_sd ul li {line-height:24px;font-size:12px;text-align:center;}
.foot_about_sd ul li a{color:#ddd;text-align:center;}
.foot_about_sd ul li a:hover{color:#fff;}


.footer_triangle {
	bottom: 50px; margin-left: -42px; border-right-color: transparent; border-bottom-color: rgb(0, 0, 0); border-left-color: transparent; border-right-width: 40px; border-bottom-width: 42px; border-left-width: 40px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
}
.address {
	line-height: 1.5;
}

.footerLink {
	padding: 0px 0px 0px; width: 100%; margin:0 auto; float:none; font-size: 0px; margin-top: 0px; position: relative; text-align:center;
}

.footerLink li {
	vertical-align: middle; display: inline-block;
}
.footerLink li &gt; a {
	border-radius: 50%; border: 1px solid rgb(255, 255, 255); transition:0.3s ease-in-out; border-image: none; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 38px; font-size: 24px; margin-right: 20px; display: block;
}
.footerLink li &gt; a:hover {
	border-color: rgb(117, 189, 41); background-color: rgb(117, 189, 41);
}
.footerLink li &gt; a.iconxinlang:hover {
	border-color: rgb(230, 22, 45); background-color: rgb(230, 22, 45);
}
.copyright {
    background: #000000;
	height:auto; min-height:120px;
}
.copyright_l p {
    font-size: 12px;
    line-height: 40px;
    color: #9da3a3;
	float:left;
}
.copyright_l p a {
    font-size: 12px;
    line-height: 40px;
    color: #9da3a3;
}


.header {
	padding-top: 0px; border-top-color: currentColor; border-top-width: medium; border-top-style: none; position: static; background-color: rgb(67,108, 189);
}
.topRight {
	display: none;
}
.mobile {
	display: block;
}
.logo {
	margin: 0px auto; padding: 20px 0px; float: none;
}
.logo img {
	padding: 0px;
}

.topmenu{
	display:none;
	}
.footer_lf {
	width: 100%; float: none;
	margin:0;
	padding:0;
}
	.footer_rt {
	margin: 0px auto; width: 100%; padding: 0px; float: none; 
}
}
@media screen and (max-width:767px)
{

  .sy_lb5 li{
        width:25%;
        padding:15px 0;
        text-align: center;
    }

.sy_lb5 a{
        color:#fff;
font-size:12px;
    }


.footer_lf {
	width: 100%; float: none;
}
.footer_rt {
	margin: 0px auto; width: 100%; padding-top: 0px; float: none; 
}

.address {
	margin: 20px auto 0px; max-width: 350px;
}
}
@media screen and (max-width:480px)
{
.footer_lf {
	margin: 0px auto; padding: 0px 0px 5px; width: 100%; overflow: hidden; float: none; max-width: 360px;
}
.footer_rt {
	margin: 0px auto 15px; padding: 0px 0px 15px; float: none; max-width: 360px;
}
.wechatList {
	right: -10px;
}
.address {
	font-size: 12px;
}
.footer_rt {
	font-size: 12px;
}
.address .lf {
	width: 40px;
}
.address .rt {
	margin-left: 40px;
}
.logo img {
	
}
.logo {
	padding: 15px 0px; width: 200px;
}
}</pre></body></html>