.footer { margin-top: 20px;background-color: #37373c; }

.footer .footer-line { padding: 15px 0;  background-color:#264391; }

.footer .footer-line .wrap { width: 1200px; margin: 0 auto; position: relative; }

.footer .footer-line .wrap ul { width: 800px; line-height: 70px; height: 70px; display: inline-block; }

.footer .footer-line .wrap ul li { float: left; width: 16.5%; }
.footer .footer-line .wrap ul li a { font-size: 20px; color: #ffc2c2; }

.footer .footer-line .wrap ul li a:hover{color: #FFF;}

.footer .footer-line .wrap .fr .icon { background: url(/skin/2021static/images/1.png) no-repeat; background-size: contain; }

/*.footer .footer-line .wrap ul li:nth-child(2) .icon { background: url(/skin/2021static/images/2.png) no-repeat; background-size: contain; }

.footer .footer-line .wrap ul li:nth-child(3) .icon { background: url(/skin/2021static/images/3.png) no-repeat; background-size: contain; }*/

.footer .footer-line .wrap .fr .icon { width: 45px; height: 45px; vertical-align: middle; display: inline-block; }

.footer .footer-line .wrap .fr .footer_kftel{ display: inline-block; vertical-align: middle; margin-left: 1em; }

.footer .footer-line .wrap .fr .footer_kftel p { color: #FFF; font-size: 16px; }

.footer .footer-line .wrap .fr .footer_kftel p em{ font-weight: normal; font-size: 12px; font-style: normal; color: #ffc2c2; }

.footer .footer-line .wrap .fr .footer_kftel h5 { color: #FFF; font-size: 36px;font-weight:bold;  }

.footer .nav-block .wrap { width: 1200px; margin: 0 auto; }

.footer .nav-block .wrap .container { padding: 25px 0; }

.footer .nav-block .wrap .container .main-content .nav-section { float: left; }

.footer .nav-block .wrap .container .main-content .nav-section .nav-ul { padding: 15px 0; }

.footer .nav-block .wrap .container .main-content .nav-section .nav-ul li { display: inline-block; margin-right: 10px; }

.footer .nav-block .wrap .container .main-content .nav-section .nav-ul li a { color: #333; font-size: 16px; }

.footer .nav-block .wrap .container .main-content .nav-section .nav-ul li a:hover { text-decoration: underline; }

.footer .nav-block .wrap .container .main-content .nav-section .copy-right { color: #999; font-size: 14px; line-height: 240%; margin-top: 20px; }

.footer .nav-block .wrap .container .main-content .nav-section .copy-right p span{ color: #999; display: inline-block; padding-left: 20px; margin-right: 20px; }
.footer .nav-block .wrap .container .main-content .nav-section .copy-right p a{ color: #999; }
.footer .nav-block .wrap .container .main-content .nav-section .copy-right p a span{ color: #999; }
.footer .nav-block .wrap .container .main-content .nav-section .copy-right p a:hover span{ color: #FFF; }

.footer .nav-block .wrap .container .main-content .nav-section .copy-right p span.gongan{ background: url(/skin/2021static/images/gongan.png) no-repeat left center; }
.footer .nav-block .wrap .container .main-content .nav-section .copy-right p span.gwico{ background: url(/skin/2021static/images/gwico.png) no-repeat left center; }

.footer .nav-block .wrap .container .main-content .nav-section .img-section { margin-top: 15px; }

.footer .nav-block .wrap .container .main-content .nav-section .img-section .brand{width: 130px; height: 40px; cursor: pointer; text-align: center; display: inline-block; line-height: 40px; vertical-align: top; font-size: 14px;  color: #f44343; background: #FFF; border: 1px solid #eee; }

.footer .nav-block .wrap .container .main-content .nav-section .img-section .brand img{width: 30px; margin-top: 4px; vertical-align: top; height: 30px;  }

.footer .nav-block .wrap .container .main-content .nav-section .img-section a { margin-right: 10px; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;
	filter:grayscale(100%); 
-webkit-filter:grayscale(100%); 
-moz-filter:grayscale(100%); 
-ms-filter:grayscale(100%); 
-o-filter:grayscale(100%); }

.footer .nav-block .wrap .container .main-content .nav-section .img-section a:hover { margin-right: 10px; filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;
	filter:grayscale(0%); 
-webkit-filter:grayscale(0%); 
-moz-filter:grayscale(0%); 
-ms-filter:grayscale(0%); 
-o-filter:grayscale(0%); }

.footer .nav-block .wrap .container .main-content .nav-section .img-section a img { width: 100px; display: inline-block; }

.footer .nav-block .wrap .container .main-content .nav-section .tips {color: #264391;}

.footer .nav-block .wrap .container .main-content .qrCode-section { float: right;/* -webkit-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; border-radius: 3px;*/ }

.footer .nav-block .wrap .container .main-content .qrCode-section .qrCode-item { display: inline-block; width: 140px; -webkit-transition: all 300ms; transition: all 300ms;    display: inline-block; background-color: rgba(0,0,0,0.1);  padding: 15px 0; }

.footer .nav-block .wrap .container .main-content .qrCode-section .qrCode-item:first-child { margin-right: 20px; }

.footer .nav-block .wrap .container .main-content .qrCode-section .qrCode-item img { width: 110px; height: 110px; display: block; margin: 0 auto; }

.footer .nav-block .wrap .container .main-content .qrCode-section .qrCode-item .des-block { margin-top: 5px; }

.footer .nav-block .wrap .container .main-content .qrCode-section .qrCode-item .des-block p { text-align: center; color: #999; font-size: 12px; line-height: 20px; }

.footer .nav-block .wrap .container .describe-block { padding: 15px; background-color: rgba(0,0,0,0.1); color: #999; font-size: 12px; line-height: 20px; margin-top: 15px; }


.slide-nav { position: fixed; right: 5px; top: 50%; border-radius: 5px; z-index: 10; height: 675px; margin-top: -300px; }

.slide-nav ul { border-radius: 3px; overflow: hidden; position: absolute; }

.slide-nav ul.navigator-ul { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-transition: all 500ms; transition: all 500ms; right: -90px; }

.slide-nav ul.navigator-ul.active { right: 5px; }

.slide-nav ul.tooles-ul { margin-top: 15px; bottom: 10%; right: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.slide-nav ul li:first-child a { border-top: none; }

.slide-nav ul li.back-top a {height: 60px; background: #fff url(/skin/2021static/images/icon_backtop.png) no-repeat center; }

.slide-nav ul li.back-top a:hover { background: #37579c url(/skin/2021static/images/icon_backtop_on.png) no-repeat center; }

.slide-nav ul li.kf a { padding-top: 7px; height: 60px; }

.slide-nav ul li.kf a .icon_kf { display: block; width: 26px; height: 26px; margin: 0 auto; background: url(/skin/2021static/images/icon_kf.png) no-repeat center; }

.slide-nav ul li.kf a p { color: #666; font-size: 13px; text-align: center; line-height: 24px; height: 24px; }

.slide-nav ul li.kf a:hover { background-color: #37579c; }

.slide-nav ul li.kf a:hover .icon_kf { background: url(/skin/2021static/images/icon_kf_on.png) no-repeat center; }

.slide-nav ul li.kf a:hover p { color: #fff; }

.slide-nav ul li a { display: block; font-size: 14px; color: #666; text-align: center; height:50px; line-height: 50px; width: 70px; background-color: #fff; border-top: 1px solid #f0f0f0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.slide-nav ul li a.on { background-color: #37579c; color: #fff; border-bottom-color: #37579c; }

.slide-nav ul li a:hover { background-color: #37579c; color: #fff; border-top-color: #fff; }