﻿html {
	font-size: 20px
}

body {
	min-width: 1200px;
	font-size: .7rem;
	font-family: 'MicrosoftJhengHei','Microsoft YaHei'
}

body a:focus,body a:visited {
	text-decoration: none
}

body ul {
	padding: 0;
	margin: 0;
	list-style: none
}

body .no-shadow {
	box-shadow: none
}

body .no-select {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

body .no-border {
	border: none !important
}

body .textover {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	white-space: nowrap
}

body .nounderline:hover,body .nounderline:focus,body .nounderline:visited {
	text-decoration: none
}

body .container {
	min-width: 1100px !important;
	padding: 0 .5rem
}

body .module .container .container {
	min-width: initial !important
}

body .header-module .header-top {
	background-color: #e4e6ea
}

body .header-module .header-top .container {
	padding: .4rem .5rem;
	letter-spacing: .05rem
}

body .header-module .header-content .container {
	overflow: hidden;
	padding-top: .5rem;
	padding-bottom: 1rem
}

body .header-module .header-content .logo {
	float: left
}

body .header-module .header-content .cl {
	margin-left: 2rem;
	margin-top: 2.3rem;
	float: left
}

body .header-module .header-content .cl h2 {
	margin: 0;
	font-weight: 400;
	font-size: 26px;
	letter-spacing: .2rem
}

body .header-module .header-content .cl p {
	margin-top: .5rem;
	font-size: .8rem;
	color: #777;
	letter-spacing: .1rem
}

body .header-module .header-content .cl p.small-title span {
	position: relative;
	display: block;
	text-align: center;
	color: #777
}

body .header-module .header-content .cl p.small-title span::before,body .header-module .header-content .cl p.small-title span::after {
	content: '';
	position: absolute;
	top: 50%;
	background: #8c8c8c;
	width: 15%;
	height: 1px
}

body .header-module .header-content .cl p.small-title span::before {
	left: 2%
}

body .header-module .header-content .cl p.small-title span::after {
	right: 2%
}

body .header-module .header-content .cl p span {
	color: #da251d;
	padding: 0 .2rem;
	font-weight: bold
}

body .header-module .header-content .cr {
	float: right;
	margin-left: 2rem;
	margin-top: 1.5rem;
	text-align: right
}

body .header-module .header-content .cr .r1 p {
	margin: .2rem 0;
	color: #555
}

body .header-module .header-content .cr .r2 {
	font-size: 1.3rem;
	color: #777;
	font-family: Arial,sans-serif;
	font-weight: bold
}

body .header-module .header-content .cr .r2 i {
	color: #aaa;
	font-size: 1rem;
	padding-right: .3rem
}

body .header-module .header-content .cr .r2 span {
	letter-spacing: .05rem;
	margin-right: -.1rem
}

body .header-module .header-content .cr .r2 span.red {
	color: #da251d
}

body .header-module .header-nav {
	background-color: #313131
}

body .header-module .header-nav .nav-bar:before,body .header-module .header-nav .nav-bar:after {
	content: " ";
	display: table
}

body .header-module .header-nav .nav-bar:after {
	clear: both
}

body .header-module .header-nav .nav-bar .cl {
	float: left
}

body .header-module .header-nav .nav-bar .cl>li {
	float: left;
	position: relative;
	text-align: center
}

body .header-module .header-nav .nav-bar .cl>li a {
	font-size: .75rem;
	color: #fff;
	display: inline-block;
	padding: .7rem .3rem;
	padding-top: .9rem;
	margin: 0 1rem;
	width: 90px;
	transition: all .2s;
	border-bottom: .2rem solid #313131
}

body .header-module .header-nav .nav-bar .cl>li a i {
	padding-left: 5px
}

body .header-module .header-nav .nav-bar .cl>li a.active {
	border-bottom: .2rem solid #ff3030
}

body .header-module .header-nav .nav-bar .cl>li a:hover {
	text-decoration: none;
	color: #ccc
}

body .header-module .header-nav .nav-bar .cl>li ul {
	display: none;
	transition: all .2s;
	position: absolute;
	z-index: 9;
	top: 55px;
	left: 0;
	background-color: #313131
}

body .header-module .header-nav .nav-bar .cl>li ul>li {
	border-bottom: thin solid #333
}

body .header-module .header-nav .nav-bar .cl>li:hover>ul {
	display: block
}

body .header-module .header-nav .nav-bar .cl>li.add-red:hover>a {
	color: #ff514a
}

body .header-module .header-nav .nav-bar .cl .cc2 a {
	padding: .4rem 0
}

body .header-module .header-nav .nav-bar .cr {
	float: right;
	width: 11rem;
	padding-top: .7rem
}

body .header-module .header-nav .nav-bar .cr .search-input {
	transition: all .2s;
	opacity: 0;
	width: 9rem;
	float: right;
	font-size: .8rem;
	padding: .35rem .5rem;
	border: none;
	margin-top: -.2rem;
	margin-right: -1.8rem;
	background-color: rgba(255,255,255,.7)
}

body .header-module .header-nav .nav-bar .cr button {
	display: inline-block;
	width: 1.8rem;
	margin-right: .1rem;
	position: relative;
	z-index: 2;
	border: none;
	background-color: transparent;
	float: right;
	color: #aaa
}

body .header-module .header-nav .nav-bar .cr button .fa-search {
	font-size: 1.3rem
}

body .header-module .header-nav .nav-bar .cr:hover .search-input {
	opacity: 1
}
/*开始*/
body .footer-module .footer-box {
	background-color: #1b1b1b;
	color: #a0a0a0;
	padding-top: 2.5rem;
	font-size: .7rem
}

body .footer-module .footer-box .top {
	width: 100%
}

body .footer-module .footer-box .top .left {
	width: 22%;
	float: left
}

body .footer-module .footer-box .top .left .text p {
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 5px;
	margin: 0;
	margin-bottom: 7px
}
body .footer-module .footer-box .top .left .text p img
{
  width:200px;
  height:45px;   
  margin-top:10px;
}
body .footer-module .footer-box .top .left .text a {
	color: #fff;
	font-size: .8rem;
	letter-spacing: 1px
}

body .footer-module .footer-box .top .left .icons {
	margin-top: 0.2rem;
	position:relative;
  
}

body .footer-module .footer-box .top .left .icons a {
	display: inline-block;
	margin-right: 10px;
	height: 2rem;
	width: 2rem;
	color: #fff;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	line-height: 2rem;
	text-decoration: none
}

body .footer-module .footer-box .top .left .icons a i {
	font-size: .9rem
}

body .footer-module .footer-box .top .left .icons a:hover {
	text-decoration: none;
	color: #1b1b1b;
	background-color: #fff
}

body .footer-module .footer-box .top .left .icons a:visited,body .footer-module .footer-box .top .left .icons a:focus {
	text-decoration: none
}

body .footer-module .footer-box .top .left .icons a.weixin {
	position: relative
}

body .footer-module .footer-box .top .left .icons a.weixin .wx-qrcode {
	    position: absolute;
    bottom: 63px;
    left: -99px;
    width: 197px;
    height: 175px;
    display:none;
}

body .footer-module .footer-box .top .left .icons a.weixin .wx-qrcode img {
	width: 100%
}

body .footer-module .footer-box .top .left .icons a.weixin:hover .wx-qrcode {
	display: block
}
/***/
body .footer-module .footer-box .top .right .icons
{
     margin-top:20px;
    }
body .footer-module .footer-box .top .right .icons a {
	display: inline-block;
	margin-right: 10px;
	height: 2rem;
	width: 2rem;
	color: #fff;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	line-height: 2rem;
	text-decoration: none
}

body .footer-module .footer-box .top .right .icons a i {
	font-size: .9rem
}
body .footer-module .footer-box .top .right .fr .icons a:hover {
	text-decoration: none;
	color: #1b1b1b;
	background-color: #fff
}


body .footer-module .footer-box .top .right .icons a:visited,body .footer-module .footer-box .top .right .icons a:focus {
	text-decoration: none
}

body .footer-module .footer-box .top .right .icons a.weixin {
	position: relative
}

body .footer-module .footer-box .top .right .icons a.weixin .wx-qrcode {
	    position: absolute;
    bottom: 63px;
    left: -99px;
    width: 197px;
    height: 175px;
    display:none;
}

body .footer-module .footer-box .top .right .icons a.weixin .wx-qrcode img {
	width: 100%
}

body .footer-module .footer-box .top .right .icons a.weixin:hover .wx-qrcode {
	display: block
}

body .footer-module .footer-box .top .center {
	width: 50%;
	float: left;
	text-align: center
}

body .footer-module .footer-box .top .center:before {
	content: "";
	width: 1px;
	height: 9.5rem;
	background-color: #a0a0a0;
	float: left;
	margin-top: .6rem
}

body .footer-module .footer-box .top .center:after {
	content: "";
	width: 1px;
	height: 9.5rem;
	background-color: #a0a0a0;
	float: right;
	margin-top: .6rem
}

body .footer-module .footer-box .top .center>ul {
	display: inline-block
}

body .footer-module .footer-box .top .center>ul li {
	float: left;
	padding-left: 1.5rem;
	width: 7rem;
	text-align: left
}

body .footer-module .footer-box .top .center>ul li a {
	color: #c6c6c6;
	line-height: 1.7rem;
	display: inline-block
}

body .footer-module .footer-box .top .center>ul li a.first {
	color: #a0a0a0;
	line-height: 2rem;
	border-bottom: thin solid #a0a0a0;
	margin-bottom: .5rem
}

body .footer-module .footer-box .top .right {
	width: 28%;
	float: left
}

body .footer-module .footer-box .top .right .fr {
	float: right
}

body .footer-module .footer-box .top .right .fr>p {
	line-height: 1.5rem;
	margin: 0
}

body .footer-module .footer-box .top .right .fr .phone {
	margin-top: -3px;
	display: block;
	text-decoration: none;
	color: #fff;
	transition: all .2s
}

body .footer-module .footer-box .top .right .fr .phone .big {
	font-size: 1.2rem;
	margin-right: .7rem;
	letter-spacing: 1px
}

body .footer-module .footer-box .top .right .fr .phone .small {
	font-size: .75rem
}

body .footer-module .footer-box .top .right .fr .phone:hover {
	text-decoration: none;
	color: #a0a0a0
}

body .footer-module .footer-box .top .right .fr .phone:visited,body .footer-module .footer-box .top .right .fr .phone:focus {
	text-decoration: none
}

body .footer-module .footer-box .top .right .fr .phone2 {
	margin: 0;
	line-height: 1.2rem;
	letter-spacing: 1px
}

body .footer-module .footer-box .top .right .fr>hr {
	border-color: #a0a0a0;
	margin: .7rem 0
}

body .footer-module .footer-box .top .right .fr>.sq-call {
	margin-top: .3rem;
	display: block;
	height: 1.4rem;
	width: 4.2rem;
	background-color: #fff;
	line-height: 1.3rem;
	border: thin solid #fff;
	border-radius: .7rem;
	text-align: center;
	color: #1b1b1b
}

body .footer-module .footer-box .top .right .fr>.sq-call:hover {
	background-color: #1b1b1b;
	color: #fff;
	text-decoration: none
}

body .footer-module .footer-box .top .right .fr>.sq-call:visited,body .footer-module .footer-box .top .right .fr>.sq-call:focus {
	text-decoration: none
}

body .footer-module .footer-box .top .right .fr>.shop-link a {
	color: #a0a0a0
}

body .footer-module .footer-box .top .right .fr>.shop-link a>i {
	position: relative;
	top: 3px;
	font-size: 1.2rem;
	padding-right: 5px;
	padding-left: 5px;
	color: #cecece
}

body .footer-module .footer-box .top .right .fr>.shop-link a:after {
	content: "";
	display: inline-block;
	width: .75rem
}

body .footer-module .footer-box .top .right .fr>.shop-link a.last {
	padding-left: .75rem;
	border-left: thin solid #a0a0a0
}

body .footer-module .footer-box .top .right .fr>.shop-link a:hover {
	text-decoration: none
}

body .footer-module .footer-box .top .right .fr>.shop-link a:visited,body .footer-module .footer-box .top .right .fr>.shop-link a:focus {
	text-decoration: none
}

body .footer-module .footer-box .top .right .fr>.shop-link.last {
	margin-top: .3rem
}

body .footer-module .footer-box .last-version {
	margin-top: 1.2rem;
	border-top: thin #a0a0a0 solid;
	padding-top: 2rem;
	width: 100%;
	text-align: center;
	margin-bottom: 1rem
}

body .footer-module .footer-box .last-version p {
	color: #a0a0a0;
	margin: .2rem 0;
	letter-spacing: .05rem
}
/*结束*/
body .home-bottom-ad {
	margin-top: 2.5rem;
	background: linear-gradient(to bottom,#ff3030 0%,#da251d 100%);
	width: 100%;
	text-align: center
}

body .home-bottom-ad p {
	margin: 0;
	padding: .8rem 1.5rem;
	color: #fff;
	font-size: 1.3rem;
	display: inline-block;
	letter-spacing: .1rem
}

body .home-bottom-ad .side-wechat-inquiry {
	display: inline-block;
	color: #c50f0b;
	background-color: #fff;
	padding: .4rem .65rem;
	font-size: .8rem;
	position: relative;
	transition: all .2s;
	top: -.2rem
}

body .home-bottom-ad .side-wechat-inquiry i {
	color: #64aa23;
	font-size: 24px;
	vertical-align: middle
}

body .home-bottom-ad .side-wechat-inquiry span {
	position: relative;
	margin-left: 7px;
	top: 1px
}

body .home-bottom-ad .side-wechat-inquiry:hover {
	text-decoration: none;
	background-color: rgba(255,255,255,.8)
}

body .online-box {
	position: fixed;
	z-index: 999;
	right: -1px;
	bottom: 5rem
}

body .online-box .wrap {
	border: thin solid #ccc;
	background-color: rgba(255,255,255,.7);
	width: 78px
}

body .online-box .wrap ul {
	overflow: visible;
	padding: .2rem 0
}

body .online-box .wrap ul li {
	float: left;
	width: 100%;
	padding: .4rem;
	padding-bottom: 0
}

body .online-box .wrap ul li>p {
	margin: 0
}

body .online-box .wrap ul li .p1 {
	text-align: center
}

body .online-box .wrap ul li .p1>i {
	transition: all .2s;
	font-size: 2rem
}

body .online-box .wrap ul li .p2 {
	font-size: .6rem;
	text-align: center;
	width: 60px;
	margin: auto;
	padding-bottom: .5rem;
	border-bottom: thin solid #ccc;
	transition: all .2s
}

body .online-box .wrap ul li:last-child .p2 {
	border-bottom: none
}

body .online-box .wrap ul li.x5 .p2 {
	border-bottom: none
}

body .online-box .wrap ul li.x6 .p1 {
	border-top: thin solid #ccc
}

body .online-box .wrap ul li:hover {
	cursor: pointer
}

body .online-box .wrap ul li:hover .p1>i {
	color: #3e82b0
}

body .online-box .wrap ul li:hover .p2 {
	color: #3e82b0
}

body .online-box .wrap ul .x3 {
	position: relative
}

body .online-box .wrap ul .x3 .wx-qrcode {
	position: absolute;
	top: 2px;
	right: 77px;
	overflow: hidden;
	z-index: 1000
}

body .online-box .wrap ul .x3 .wx-qrcode .box {
	transition: all .2s;
	margin-right: -200px;
	float: right;
	width: 200px
}

body .online-box .wrap ul .x3 .wx-qrcode .box img {
	width: 100%
}

body .online-box .wrap ul .x3 .wx-qrcode .box>p {
	text-align: center;
	padding: .5rem;
	background-color: #fff
}

body .online-box .wrap ul .x3:hover .wx-qrcode .box {
	margin-right: 0
}

body #newBridge {
	display: none
}

body #newBridge.active {
	display: block
}

body #newBridge #nbWebImLightContainer {
	right: 90px;
	border-color: #313131
}

body #newBridge #nbWebImLightContainer #nbwlStatusBar {
	background-color: #313131
}

body #custom-modal-box {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

body #custom-modal-box .backdrop {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3)
}

body #custom-modal-box .body {
	box-shadow: 1px 1px 10px #aaa;
	position: absolute;
	background-color: #fff;
	top: 50%;
	left: 50%;
	bottom: 0;
	right: 0
}

body .all-city-service {
	padding: 15px
}

body .all-city-service .close-btn {
	position: relative;
	padding: 10px
}

body .all-city-service .close-btn p {
	height: 30px;
	width: 30px;
	line-height: 30px;
	position: absolute;
	right: -30px;
	top: -30px;
	border: thin solid #eee;
	border-radius: 50%;
	text-align: center;
	background-color: #fff;
	box-shadow: 1px 1px 10px #444;
	cursor: pointer;
	transition: all .2s
}

body .all-city-service .close-btn p:hover {
	background-color: #eee
}

body .all-city-service ul {
	overflow: hidden
}

body .all-city-service ul li {
	float: left;
	width: 25%;
	text-align: center;
	padding: 7px
}

body .all-city-service ul li a {
	display: inline-block;
	padding: 7px 45px;
	background-color: #3e82b0;
	color: #fff;
	border-radius: 3px;
	transition: all .2s;
	text-decoration: none !important
}

body .all-city-service ul li a:hover {
	text-decoration: none;
	background-color: #5c9bc5
}

body .all-city-service ul li a i {
	padding-right: 5px
}

body>.all-city-service {
	display: none
}

body .free-call-box {
	padding: 15px;
	text-align: center
}

body .free-call-box .close-btn {
	position: relative;
	padding: 10px
}

body .free-call-box .close-btn p {
	height: 30px;
	width: 30px;
	line-height: 30px;
	position: absolute;
	right: -30px;
	top: -30px;
	border: thin solid #eee;
	border-radius: 50%;
	text-align: center;
	background-color: #fff;
	box-shadow: 1px 1px 10px #444;
	cursor: pointer;
	transition: all .2s
}

body .free-call-box .close-btn p:hover {
	background-color: #eee
}

body .free-call-box .call-tel-btn {
	margin-left: 10px
}

body>.free-call-box {
	display: none
}

body .free-inquiry-box {
	padding: 0 15px 30px
}

body .free-inquiry-box .close-btn {
	position: relative;
	padding: 10px
}

body .free-inquiry-box .close-btn p {
	height: 30px;
	width: 30px;
	line-height: 30px;
	position: absolute;
	right: -30px;
	top: -30px;
	border: thin solid #eee;
	border-radius: 50%;
	text-align: center;
	background-color: #fff;
	box-shadow: 1px 1px 10px #444;
	cursor: pointer;
	transition: all .2s
}

body .free-inquiry-box .close-btn p:hover {
	background-color: #eee
}

body>.free-inquiry-box {
	display: none
}

body .wechat-inquiry-box {
	padding: 0 15px 30px
}

body .wechat-inquiry-box .close-btn {
	position: relative;
	padding: 10px
}

body .wechat-inquiry-box .close-btn p {
	height: 30px;
	width: 30px;
	line-height: 30px;
	position: absolute;
	right: -30px;
	top: -30px;
	border: thin solid #eee;
	border-radius: 50%;
	text-align: center;
	background-color: #fff;
	box-shadow: 1px 1px 10px #444;
	cursor: pointer;
	transition: all .2s
}

body .wechat-inquiry-box .close-btn p:hover {
	background-color: #eee
}

body>.wechat-inquiry-box {
	display: none
}

.chat-widget-box {
	position: fixed;
	z-index: 99999;
	bottom: 25px;
	left: 20px;
	width: 180px;
	background-color: #d6d3d3;
	padding: 0 6px
}

.chat-widget-box .title {
	color: #333;
	line-height: 35px;
	height: 35px
}

.chat-widget-box .title img {
	height: 30px;
	position: relative;
	top: -3px;
	padding: 5px 0;
	padding-right: 8px;
	padding-left: 10px
}

.chat-widget-box .title span {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 5px
}

.chat-widget-box .content {
	width: 100%;
	background-color: #fff;
	padding: 15px 0;
	text-align: center
}

.chat-widget-box .content h4 {
	margin: 0;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 24px
}

.chat-widget-box .content .p2 {
	margin-top: 15px;
	font-size: 14px;
	letter-spacing: 3px
}

.chat-widget-box .content .btn-group p {
	text-align: center;
	margin: 0
}

.chat-widget-box .content .btn-group a {
	color: #333;
	margin-top: 10px;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 25px;
	font-weight: bold;
	letter-spacing: 2px;
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#aaa),to(#aaa),color-stop(.5,#eee));
	transition: all .2s
}

.chat-widget-box .content .btn-group a:hover,.chat-widget-box .content .btn-group a:focus,.chat-widget-box .content .btn-group a:visited {
	text-decoration: none
}

.chat-widget-box .content .btn-group a>i {
	color: #777;
	opacity: .8;
	margin-right: 5px
}

.chat-widget-box .content .btn-group a:hover {
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#555),color-stop(.5,#aaa))
}

.chat-widget-box .content .txt {
	line-height: 24px
}

.chat-widget-box .footer>p {
	text-align: center;
	margin: 0;
	color: #555;
	line-height: 40px
}

.chat-widget-box .footer>p i {
	font-size: 20px
}

.chat-widget-box .footer>p span {
	padding-left: 10px;
	font-size: 20px
}

.chat-widget-box .footer>p.txt {
	line-height: 24px;
	padding: 5px 0
}

.chat-widget-box .close-btn {
	position: absolute;
	right: 3px;
	top: 3px
}

.chat-widget-box .close-btn i {
	font-size: 14px;
	color: #aaa;
	height: 20px;
	width: 20px;
	border-radius: 10px;
	border: thin solid #eee;
	line-height: 18px;
	text-align: center
}

.chat-widget-box .close-btn i:hover {
	color: #777;
	cursor: pointer
}

.p16 {
	font-size: 16px;
	line-height: 32px
}

.p15 {
	font-size: 15px;
	line-height: 32px
}

.red {
	color: #e40e0e
}

.img-max-wrap {
	width: 100%
}

.img-max-wrap img {
	max-width: 100%
}

.align-center {
	text-align: center
}

.select-ip-form {
	position: fixed;
	right: 4px;
	top: 4px;
	background-color: #fff;
	width: 200px;
	padding: 10px;
	border: thin solid #ccc;
	border-radius: 4px;
	box-shadow: 1px 1px 10px #aaa;
	z-index: 9999
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	z-index: 9
}

.lazyload,.lazyloading {
	opacity: 1;
}

.lazyloaded {
	opacity: 1;
	transition: opacity 3000ms
}