@import url(//at.alicdn.com/t/font_2455356_sik4db6swp.css);

blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul {
	margin: 0;
	padding: 0;
}

address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
	font-weight: 400;
}

abbr,body,fieldset,html,iframe,img {
	border: 0;
}

address,cite,dfn,em,i,var {
	font-style: normal;
}[hidefocus],summary {
	outline: 0;
}

li {
	list-style: none;
}

h1,h2,h3,h4,h5,h6,small {
	font-size: 100%;
}

sub,sup {
	font-size: 83%;
}

code,kbd,pre,samp {
	font-family: inherit;
}

q:after,q:before {
	content: none;
}

textarea {
	overflow: auto;
	resize: none;
}

label,summary {
	cursor: default;
}

a,button {
	cursor: pointer;
}

b,em,h1,h2,h3,h4,h5,h6,strong {
	font-weight: 700;
}

a,a:hover,del,ins,s,u {
	text-decoration: none;
}

body,button,input,keygen,legend,select,textarea {
	outline: 0;
	color: #333;
	font: 12px/1.14 arial,\5b8b\4f53;
}

body {
	background: #fff;
	color: #333;
	font-size: 16px;
	font-family: -apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif;
	line-height: 1.75;
}

a,a:active,a:focus,a:hover,a:visited {
	color: #333;
	text-decoration: none;
}

.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-pagination-bullet-active {
	background: #da0000;
}

@media screen and (min-width:1400px) {
	.container {
		width: 90%;
	}
}

.header {
	box-sizing: border-box;
	width: 100%;
	height:auto;
	background: #fff;
}

.header .top {
	padding: 0;
	width: 100%;
	height: 100px;
}

.header .logo,.header .top {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}

.header .logo a {
	border-right: 1px solid #ddd;
	padding-right: 15px;
}

.header .hd_txt {
	padding: 0 15px;
	line-height: 30px;
}

.header .hd_txt h1 {
	font-size: 200%;
}

.header .hd_txt small {
	font-size: 16px;
}

.header .logo .img-responsive {
	max-width: 260px;
	max-height: 80px;
}

.header .lbox {
	justify-content: flex-end;
}

.header .lbox,.header .tel {
	display: flex;
	align-items: center;
}

.header .tel {
	padding-left: 30px;
}

.header .tel i {
	display: inline-block;
	padding-right: 10px;
	color: #aaa;
	font-size: 50px;
}

.header .tel p {
	padding-left: 15px;
	border-left: 1px solid #ddd;
	line-height: 30px;
}

.header .tel p small {
	color: #aaa;
	font-size: 14px;
}

.header .tel a {
	display: inline-block;
	color: #da0000;
	font-size: 36px;
	font-family: "impact";
}

.header .tel a.btn{
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	padding: 5px 20px;
	background: #da0000;
	border-radius: 30px;
}
.header .tel a.btn span{
	display:block;
	float: left;
	background: url(../images/tel.png) no-repeat;
	width: 40px;
	height: 30px;
	background-size: 30px 30px;
}

.header .code img {
	max-width: 75px;
	max-height: 75px;
}

.header .search input {
	padding: 5px 10px;
	height: 40px;
	min-width: 200px;
	border: none;
	background: #eee;
}

.header .search button {
	float: right;
	width: 40px;
	height: 40px;
	border: 0;
	background: #da0000;
	color: #fff;
}

.header .search button i {
	font-size: 22px;
}

.nav {
	position: relative;
	width: 100%;
	height: 50px;
	background-color: #999;
}

.nav .container>ul {
	display: flex;
	justify-content: space-between;
}

.nav ul li {
	position: static;
	line-height: 50px;
}

.nav ul>li>a {
	position: relative;
	display: block;
	padding: 0 25px;
	color: #fff;
	font-size: 18px;
}

.nav ul>li.active>a,.nav ul>li>a:hover {
	background: rgba(0,0,0,.3);
	color: #fff;
}

.nav ul>li .submenu {
	position: absolute;
	top: 100%;
	z-index: 9999;
	overflow: hidden;
	padding: 0 15px;
	width: auto;
	max-height: 0;
	background: #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-ms-transition: all .5s;
}

.nav ul>li .submenu a {
	display: block;
	padding: 0 15px;
	border-bottom: 1px dotted #ddd;
	font-size: 14px;
	line-height: 30px;
}

.nav ul>li .submenu a:hover {
	color: #da0000;
}

.nav ul>li:hover .submenu {
	max-height: 400px;
	box-shadow: 0 2px 5px #ccc;
}

.banner{ width: 100%; height: auto; overflow: hidden; position: relative;}
.banner .swiper-container{width:100%;height:100%}
.banner .swiper-slide{position:relative; background: #fff; overflow: hidden;}
.banner .swiper-slide .vbox{ position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.banner .swiper-slide .vbg{ position: absolute; top: 0;left: 0; width: 100%; height: 100%;}
.banner .swiper-slide .vidbg{position:relative;z-index:9}
.banner .swiper-slide p{font-size:20px;letter-spacing:2px;font-weight:700;line-height:2}
/*.banner .swiper-slide img{width:100%;height:auto;transition:1s ease 2s;transform:scale(1.1,1.1)}*/
/*.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1,1)}*/
.banner .swiper-pagination{bottom:30px!important;left:0!important;text-align:center; margin-left: 25%; width: 50%;}
.banner .swiper-pagination-bullet{width:40px;height:40px; line-height: 38px; opacity:1;background:0 0;color: #fff; transition: all 0.5s;}
.banner .swiper-pagination-bullet-active{background:#ff6600; }
.banner .swiper-button-next,.banner .swiper-button-prev{ background: rgba(0,0,0,0.1); text-align: center; color: #fff; line-height: 60px; width: 60px; height: 60px; font-weight: bold; font-size: 14px;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ background: rgba(0,0,0,0.5);}
/*
.banner {
	background: #fff;
}

.banner .swiper-container {
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.banner .swiper-slide {
	position: relative;
}

.banner .swiper-button-next,.banner .swiper-button-prev {
	width: 40px;
	height: 40px;
	background: rgba(219,0,0,0);
	color: #fff;
	text-align: center;
	line-height: 40px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-ms-transition: all .5s;
}

.banner .swiper-button-next i,.banner .swiper-button-prev i {
	font-size: 25px;
}

.banner .swiper-container:hover .swiper-button-next,.banner .swiper-container:hover .swiper-button-prev {
	background: #da0000;
}

.banner .bottom-nav {
	position: absolute;
	bottom: 15px;
	z-index: 10;
	width: 100%;
	text-align: center;
}

.banner .swiper-pagination {
	position: relative;
	display: inline-block;
	height: 29px;
	vertical-align: middle;
}

.banner .swiper-pagination-bullet {
	box-sizing: border-box;
	margin: 0 5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	vertical-align: middle;
	opacity: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-ms-transition: all .5s;
}

.banner .swiper-pagination-bullet-active {
	background: #da0000;
}
*/
.wrapper {
	width: 100%;
	height: auto;
}

.tit {
	padding: 15px 0;
}

.tit h3 {
	color: #333;
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
}

.tit p {
	color: #666;
	font-size: 12px;
}

.page-about,.page-area,.page-case,.page-news,.page-product {
	padding: 30px 0;
}

.page-product .submenu {
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

.page-product .submenu a {
	display: inline-block;
	border: 1px solid #ddd;
}

.page-news .submenu a,.page-product .submenu a {
	position: relative;
	margin: 5px;
	padding: 5px 25px;
	color: #666;
	font-size: 16px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-ms-transition: all .5s;
}

.page-news .submenu a:after {
	position: absolute;
	top: 50%;
	right: -5px;
	display: inline-block;
	margin-top: -8px;
	width: 1px;
	height: 16px;
	background: #ddd;
	content: "";
}

.page-news .submenu a:last-child:after {
	width: 0;
}

.page-news .submenu a:hover,.page-product .submenu a:hover {
	color: #fff;
}

.page-product .submenu .more {
	position: absolute;
	right: 0;
	margin: 0;
	color: #333;
}

.page-product .box .swiper-container {
	margin-right: auto;
	margin-left: auto;
	padding: 30px 0 60px;
	width: 100%;
	height: auto;
}

.page-product .box .swiper-slide {
	height: auto;
	background: #fff;
	text-align: center;
	font-size: 18px;
}

.page-product .box h3 {
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page-product .box p {
	color: #aaa;
	font-size: 12px;
	line-height: 20px;
}

.page-product .box img {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-ms-transition: all .5s;
}

.page-product .box a {
	padding: 5px;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	background: #eee;
}

.page-product .box .img{
	position: relative;
	height: 100%;
	overflow: hidden;
	padding-top: 65%;
}
.page-product .box img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.page-product .box .swiper-slide:hover h3 {
	color: #da0000;
}

.page-product .box .swiper-slide:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.page-about {
	padding: 0;
	background: #eee;
}

.page-about .row {
	display: flex;
	display: -webkit-flex;
}

.page-about .lbox,.page-about .rbox {
	flex: 1;
}

.page-about .rbox {
	display: flex;
	align-items: center;
}

.page-about .txt {
	padding-bottom: 30px;
}

.page-about .txt p {
	color: #666;
	text-align: left;
	text-indent: 2em;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
}

.page-about .rbox-center a {
	position: relative;
	display: inline-block;
	padding: 5px 50px;
	background: #da0000;
	color: #fff
}


.page-news .submenu {
	padding: 15px 0;
}

.page-news .submenu a {
	display: inline-block;
}

.page-news .box {
	display: flex;
	display: -webkit-flex;
	padding: 15px 0;
}

.page-news .box .col-md-12 {
	height: 100%;
}

.page-news .rbox {
	display: flex;
	display: -webkit-flex;
	padding: 0;
	height: 100%;
	background: #eee;
	align-items: center;
}

.page-news .lbox {
	height: 100%;
}

.page-news .lbox a {
	display: block;
	height: 100%;
	background: #eee;
}

.page-news .lbox a,.page-news .lbox a img {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-ms-transition: all .5s;
}

.page-news .lbox .img {
	overflow: hidden;
}

.page-news .lbox a:hover {
	background: #da0000;
	color: #fff;
}

.page-news .lbox a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.page-news .txt {
	display: flex;
	padding: 15px;
	justify-content: space-around;
}

.page-news .date {
	text-align: center;
	min-width: 100px;
	background: #fff;
	line-height: 24px;
	padding: 15px 0
}

.page-news .date b {
	display: inline-block;
	width: 100%;
	font-size: 30px;
	line-height: 30px;
}

.page-news .date small {
	display: inline-block;
	width: 100%;
	font-size: 12px;
}

.page-news .txt-box h3 {
	padding-bottom: 10px;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
}

.page-news .txt-box p {
	color: #888;
	font-size: 14px;
	height: 48px;
	overflow: hidden;
}

.page-news .lbox a:hover p {
	color: #fff;
}

.page-news .rbox ul {
	width: 100%;
}

.page-news .rbox ul li {
	padding: 30px;
	width: 100%;
}

.page-news .rbox ul li a {
	display: flex;
	justify-content: space-between;
}

.page-news .rbox ul li:nth-child(2) {
	background: #f5f5f5;
}

.page-news .rbox ul li:hover h3 {
	color: #da0000;
}

.page-news .rbox ul li:hover p {
	color: #333;
}

.page-news .more {
	padding: 20px 0;
	text-align: center;
}

.page-news .more a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 5px 80px;
	border: 1px solid #ddd;
	color: #aaa;
}

.page-news .more a,.page-news .more a:before {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-ms-transition: all .5s;
}

.page-news .more a:before {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	background: #da0000;
	content: "";
}

.page-news .more a:hover {
	border-color: #fff;
	color: #fff;
}

.page-news .more a:hover:before {
	left: 0;
}

.page-case {
	background: #eee;
}

.page-case .box .swiper-container {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 60px;
	width: 100%;
	height: auto;
}

.page-case .box .swiper-slide {
	height: auto;
	background: #fff;
	text-align: center;
	font-size: 18px;
}

.page-case .box h3 {
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	overflow: hidden;
	height: 40px;
	text-overflow: ellipsis;
}

.page-case .box img {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-ms-transition: all .5s;
}

.page-case .box a {
	width: 100%;
	display: inline-block;
	overflow: hidden;
	padding: 5px;
}

.page-case .box .img {
	position: relative;
	height: 100%;
	overflow: hidden;
	padding-top: 65%;
}

.page-case .box .img img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.page-case .box .swiper-slide:hover {
	border-color: #fff;
}

.page-case .box .swiper-slide:hover h3 {
	color: #da0000;
}

.page-case .box .swiper-slide:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.page-area .box h3 {
	padding-bottom: 10px;
	color: #666;
	font-weight: 400;
}

.page-area .box p a {
	display: inline-block;
	padding-right: 15px;
	color: #aaa;
	font-size: 14px;
}

.page-area .box p a:hover {
	color: #666;
}

.footer {
	border-top: 1px solid #ddd;
}

.footer .fbox {
	padding: 30px 15px;
	display: flex;
	justify-content: space-between;
}

.footer .contact {
	display: flex;
	padding-bottom: 30px;
	width: 65%;
	text-align: left;
	justify-content: flex-start;
}

.footer .contact ul li {
	padding-left: 18px;
	background: url(../images/dot.png) no-repeat 3px;
	line-height: 24px;
}

.footer .contact .item:first-child {
	padding-right: 200px;
}

.footer .contact ul li a {
	color: #666;
	font-size: 14px;
}

.footer .contact ul li:hover a {
	color: #333;
}

.footer .foot_ewm {
	width: 35%;
	text-align: center;
}

.footer .foot_ewm .box {
	float: right;
	max-width: 150px;
}

.footer .foot_ewm img {
	max-width: 150px;
	box-shadow: 0 0 5px #aaa;
}

.footer .contact h3 {
	padding-bottom: 10px;
	font-size: 18px;
}

.footer .contact p {
	display: flex;
	color: #555;
	font-size: 14px;
	line-height: 24px;
	justify-content: space-between;
}

.footer .flink {
	padding-bottom: 10px;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
}

.footer .flink h3 {
	padding: 10px 0;
	color: #555;
	font-weight: 400;
	font-size: 18px;
}

.footer .flink p {
	overflow: hidden;
	height: auto;
}

.footer .flink p a {
	float: left;
	display: inline-block;
	padding-right: 15px;
	color: #666;
	font-size: 12px;
}

.footer .flink p a:hover {
	color: #333;
}

.footer .copyright {
	padding: 15px 0;
	width: 100%;
	background: #f0f0f0;
	color: #666;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}

.trans,.trans:hover {
	-webkit-transition: all .8s cubic-bezier(.19,1,.22,1) 0s;
	transition: all .8s cubic-bezier(.19,1,.22,1) 0s;
	-ms-transition: all .8s cubic-bezier(.19,1,.22,1) 0s;
}

.trans-fast,.trans-fast:hover {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

.menu-handler {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1012;
	overflow: hidden;
	width: 60px;
	height: 60px;
	cursor: pointer;
	-webkit-transition: all .3s cubic-bezier(.445,.145,.355,1);
	-moz-transition: all .3s cubic-bezier(.445,.145,.355,1);
	transition: all .3s cubic-bezier(.445,.145,.355,1);
}

.menu-handler .burger {
	position: absolute;
	top: 18px;
	left: 50%;
	z-index: 5;
	display: block;
	margin: 0 0 0 -16px;
	width: 32px;
	height: 4px;
	background: #da0000;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	-ms-transform-origin: center;
}

.menu-handler .burger-2 {
	top: 28px;
}

.menu-handler .burger-3 {
	top: 38px;
}

.menu-handler.active .burger-1 {
	top: 30px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.menu-handler.active .burger-2 {
	left: -100%;
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}

.menu-handler.active .burger-3 {
	top: 30px;
	-webkit-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

.menuBlack {
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	background: rgba(0,0,0,.5);
}

.menuBlack,.menuBox {
	position: fixed;
	top: 0;
	display: none;
}

.menuBox {
	right: -280px;
	z-index: 1003;
	overflow: hidden;
	overflow-y: auto;
	width: 280px;
	height: 100%;
	background: #fff;
	-webkit-overflow-scrolling: touch;
}

.navMobile {
	margin-top: 80px;
	margin-bottom: 60px;
}

.navMobile dd a {
	display: block;
	color: #333;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}

.navMobile dd p a {
	padding: 15px 45px;
	font-size: 18px;
}

.navMobile dd p a.act {
	background: #da0000;
	color: #fff;
}

.mtnav a {
	padding: 13px 48px;
	font-size: 16px;
}

.mtnav {
	display: none;
}

.mtnav,.mtools {
	background: #eee;
}

.mtools {
	position: fixed;
	right: -280px;
	bottom: 0;
	overflow: hidden;
	width: 280px;
}

.mtools a {
	float: left;
	display: block;
	overflow: hidden;
	padding-top: 10px;
	width: 50%;
	height: 50px;
	background: #aaa;
	color: #fff;
	text-align: center;
}

.mtools .iconfont {
	font-size: 20px;
}

.mtools p {
	display: inline-block;
	vertical-align: middle;
}

.mtools .weixin .ico {
	background-position: center -198px;
}

.mtools .sina .ico {
	background-position: center -378px;
}

.mtools .weixin {
	background: #da0000;
}

.popUpblack {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	width: 100%;
	height: 100%;
	background: url(../images/black.png) repeat;
}

.popUp {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1004;
	margin: -87px 0 0 -115px;
	width: 170px;
	height: 192px;
	border: 5px solid #222;
	background: #fff;
}

.popUp .t {
	padding: 0 0 0 10px;
	height: 26px;
	background: #222;
}

.popUp .t,.popUp .t span {
	color: #fff;
	font-weight: 400;
	font-size: 12px;
	line-height: 26px;
}

.popUp .t span {
	float: right;
	text-shadow: none;
	opacity: 1;
	cursor: pointer;
}

.popUp .img {
	padding: 20px;
}

.popUp .img img {
	display: block;
	width: 100%;
	height: 100%;
}

.msg {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1004;
	box-sizing: border-box;
	margin: -140px 0 0 -160px;
	width: 100%;
	height: 280px;
	max-width: 320px;
	border: 5px solid #222;
	background: #fff;
}

.msg .t {
	padding: 0 0 0 10px;
	height: 26px;
	background: #222;
}

.msg .t,.msg .t span {
	color: #fff;
	font-weight: 400;
	font-size: 12px;
	line-height: 26px;
}

.msg .t span {
	float: right;
	text-shadow: none;
	opacity: 1;
	cursor: pointer;
}

.msg .msgbox {
	padding: 20px;
}

.msg input {
	height: 30px;
}

.msg input,.msg textarea {
	padding: 5px;
	width: 100%;
	border: 1px solid #ddd;
}

.msg textarea {
	margin: 10px 0;
	height: 90px;
}

.msg button {
	width: 100%;
	height: 30px;
	border: none;
	background: #222;
	color: #fff;
}

.m-bottom-nav {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 998;
	width: 100%;
	height: 50px;
	background: #da0000;
}

.m-bottom-nav ul li {
	float: left;
	width: 25%;
	text-align: center;
}

.m-bottom-nav a {
	display: inline-block;
	padding: 5px 0;
	width: 100%;
	color: #fff;
	font-size: 14px;
}

.m-bottom-nav .iconfont,.m-bottom-nav span {
	float: left;
	display: inline-block;
	width: 100%;
	height: 20px;
	line-height: 20px;
}

.m-bottom-nav .iconfont {
	font-size: 20px;
}

@media (max-width:1199px) {

	.banner .swiper-container{ padding-bottom: 30px; }
	.banner .swiper-pagination{bottom:0!important;}
	.banner .swiper-pagination-bullet{width:10px;height:10px; line-height: 10px; opacity:1; font-size: 0; background:#222;border:0; transition: all 0.5s;}
	.banner .swiper-pagination-bullet-active{background:#ff6600; border: 0;}

	.header,.header .top {
		height: 85px;
	}
	.header .logo{
		width: 100%;
		justify-content:center;
		flex-wrap: wrap;
	}

	.header .logo .img-responsive {
		max-width: 280px;
		max-height: 50px;
		margin:auto;
	}

	.page-about .row {
		display: block;
	}

	.page-about .lbox img {
		margin: auto;
	}

	.page-about .rbox {
		padding: 30px 0;
	}

	.page-about .rbox-center {
		padding-right: 0;
	}

	.page-news .txt-box p {
		display: none;
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 50px;
	}

	.footer .contact p {
		display: block;
		text-align: left;
	}

	.footer .contact p span {
		display: inline-block;
		width: 100%;
	}

	.footer .copyright {
		position: relative;
		/*margin-top: 30px;*/
		font-size: 10px;
		line-height: 12px
	}

	.menu-handler {
		width: 50px;
		height: 50px;
	}

	.menu-handler .burger {
		top: 16px;
		width: 30px;
		height: 3px;
	}

	.menu-handler .burger-2 {
		top: 24px;
	}

	.menu-handler .burger-3 {
		top: 32px;
	}

	.menu-handler.active .burger-1,.menu-handler.active .burger-3 {
		top: 24px;
	}

	.page-case .box .swiper-container {
		padding-top: 0;
	}
}

@media (max-width:991px) {
	.tit{ padding: 5px 0 }
	.page-about{ padding: 15px 0 }
	.page-about .txt {
		padding: 0;
	}

	.page-about .txt p {
		padding: 10px 0;
		text-align: left;
		font-size: 14px;
		line-height: 24px;
		text-align: justify;
	}

	.tit h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.banner .bottom-nav {
		bottom: 0;
	}

	.page-product .submenu {
		padding: 5px 0;
	}

	.page-news .submenu a,.page-product .submenu a {
		padding: 5px;
	}

	.page-news .lbox {
		margin-bottom: 15px;
		padding: 0;
	}

	.page-news .submenu {
		padding: 5px 0;
	}

	.page-news .box {
		display: block;
	}

	.page-news .box .row {
		margin: 0;
	}

	.page-news .rbox ul li {
		padding: 15px;
	}

	.page-news .rbox ul li a h3 {
		font-size: 14px;
		line-height: 28px;
	}

	.page-news .date b {
		font-size: 20px;
		line-height: 20px;
	}

	.page-news .txt-box h3 {
		padding-bottom: 0;
	}

	.page-case .box h3,.page-product .box h3 {
		font-size: 12px;
	}

	.page-case .box .swiper-slide,.page-news .more,.page-product .box .swiper-slide {
		padding: 0;
	}
}

@keyframes scaleToggleOne {
	0 {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(2);
		transform: scale(2);
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleToggleTwo {
	0,20% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	60% {
		-webkit-transform: scale(2);
		transform: scale(2);
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleToggleThree {
	0,33% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	66% {
		-webkit-transform: scale(2);
		transform: scale(2);
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.animated {
	animation-duration: .5s;
	animation-fill-mode: both;
}

.livechat-girl {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	opacity: 0;
	cursor: pointer;
	transition: all 1s cubic-bezier(.86,0,.07,1);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-ms-transform: translateY(0);
}

.livechat-girl:focus {
	outline: 0;
}

.livechat-girl.animated {
	opacity: 1;
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	-ms-transform: translateY(-40px);
}

.livechat-girl:after {
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 50;
	width: 9pt;
	height: 9pt;
	border-radius: 50%;
	background-image: linear-gradient(180deg,#da0000,#da0000);
	content: "";
}

.livechat-girl .girl {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: auto;
}

.livechat-girl .animated-circles .circle {
	position: absolute;
	z-index: 49;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #da0000;
	opacity: .25;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.livechat-girl .animated-circles.animated .c-1 {
	animation: scaleToggleOne 2s cubic-bezier(.25,.46,.45,.94) forwards;
}

.livechat-girl .animated-circles.animated .c-2 {
	animation: scaleToggleTwo 2.5s cubic-bezier(.25,.46,.45,.94) forwards;
}

.livechat-girl .animated-circles.animated .c-3 {
	animation: scaleToggleThree 3s cubic-bezier(.25,.46,.45,.94) forwards;
}

.livechat-girl.animation-stopped .circle {
	opacity: 0!important;
}

.livechat-girl .livechat-hint {
	position: absolute;
	top: 50%;
	right: 40px;
	z-index: 0;
	margin-top: -20px;
	opacity: 0;
	transition: all .3s cubic-bezier(.86,0,.07,1);
}

.livechat-girl .livechat-hint.show_hint {
	opacity: 1;
	transform: translateX(-40px);
}

.livechat-girl .livechat-hint.hide_hint {
	opacity: 0;
	transform: translateX(0);
}

.livechat-girl .livechat-hint.rd-notice-tooltip {
	max-width: 81pc!important;
}

.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content {
	overflow: hidden;
	width: auto;
	text-overflow: ellipsis;
}

@media only screen and (max-width:1599px) {
	.livechat-girl .livechat-hint.rd-notice-tooltip {
		max-width: 795pt!important;
	}
}

@media only screen and (max-width:1309px) {
	.livechat-girl .livechat-hint.rd-notice-tooltip {
		max-width: 984px!important;
	}
}

@media only screen and (max-width:1124px) {
	.livechat-girl .livechat-hint.rd-notice-tooltip {
		max-width: 600px!important;
	}
}

.rd-notice-tooltip {
	position: absolute;
	z-index: 65;
	max-width: 350px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.25;
	opacity: 1;
}

.rd-notice-tooltip:after {
	position: absolute;
	z-index: 50;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	box-shadow: none;
	content: "";
	transform: rotate(-45deg);
}

.rd-notice-tooltip .rd-notice-content {
	position: relative;
	z-index: 60;
	padding: 20px;
	width: 100%;
	border-radius: 3px;
	background: 0;
	color: #fff;
	font-weight: 400;
	line-height: 1.45;
}

.rd-notice-type-success,.rd-notice-type-success .rd-notice-content,.rd-notice-type-success:after {
	background-color: #da0000;
}

.rd-notice-position-left {
	margin-left: -20px;
}

.rd-notice-position-left:after {
	top: 50%;
	right: -6px;
	margin-top: -10px;
}

.rd-notice-tooltip.single-line .rd-notice-content {
	padding: 0 20px;
	height: 40px;
	white-space: nowrap;
	line-height: 40px;
}

.sidebar {
	margin: 30px auto;
	padding: 15px;
	border: 1px solid #ddd;
}

.sideMenu h3 {
	margin: 1px 0;
	padding-left: 15px;
	height: 40px;
	background: #e7e7e7;
	font-weight: 400;
	font-size: 14px;
	line-height: 40px;
	cursor: pointer;
	overflow: hidden;
}

.sideMenu h3 em {
	float: right;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/icoAdd.png) 16px 17px no-repeat;
	cursor: pointer;
}

.sideMenu h3.on {
	background: #da0000;
	color: #fff;
}

.sideMenu h3.on em {
	background-position: 16px -51px;
}

.sideMenu h3.on a {
	display: inline-block;
	width: 70%;
	background: #da0000;
	color: #fff;
}
.sideMenu h3 a{
	display: inline-block;
	width: 180px;
	text-overflow:  ellipsis;
overflow: hidden;
white-space: nowrap;
}
.sideMenu ul {
	display: none;
	padding: 0 20px;
	color: #999;
}

.sideMenu ul li {
	height: 40px;
	border-bottom: 1px dotted #ddd;
	line-height: 40px;
}

.sideMenu ul li a {
	display: inline-block;
	width: 100%;
	font-size: 14px;
}

.sideMenu ul li.active a,.sideMenu ul li:hover a {
	color: #ba0000;
}

.list-img ul li {
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
	background: #fff;
	text-align: center;
	font-size: 18px;
}

.list-img ul li a {
	display: inline-block;
	width: 100%;
}

.list-img .rcaption,.list-img h3 {
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
}

.list-img p {
	color: #aaa;
	font-size: 12px;
	line-height: 20px;
}

.list-img img {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-ms-transition: all .5s;
}

.list-img a {
	display: inline-block;
}

.list-img a {
	overflow: hidden;
	border: 1px solid #ddd;
	padding: 5px;
}
.list-img .img{
	position: relative;
	height: 100%;
	overflow: hidden;
	padding-top: 65%;
}
.list-img .img img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
/*.list-img ul li:hover a {
	border-color: #fff;
}*/

.list-img ul li:hover .rcaption,.list-img ul li:hover h3 {
	color: #da0000;
}

.list-img ul li:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-ms-transform: scale(1.1);
}

@media (max-width:991px) {
	.list-img a{ border: 0;padding: 0}
	.list-img h3 {
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		 overflow: hidden;
	}
}

div.paginationbox {
	float: left;
	overflow: hidden;
	margin: 25px auto;
	padding: 10px 0;
	width: 100%;
	height: auto;
	border-top: 1px solid #ddd;
}
div.paginationbox.more a{ display: inline-block; padding: 5px 30px; color: #fff; border-radius: 30px; }


ul.pagination {
	display: inline-block;
	margin: 0;
	padding: 0;
}

ul.pagination li {
	display: inline;
}

ul.pagination li a {
	float: left;
	margin: 0 5px;
	padding: 5px 12px;
	border: 1px solid #ddd;
	color: #000;
	text-decoration: none;
	font-size: 14px;
}

.pagination li:first-child a,.pagination li:last-child a {
	border-radius: 0;
}

ul.pagination li.bor0 a {
	border-color: #fff;
	cursor: auto;
}

ul.pagination li.thisclass a,ul.pagination li a.active {
	border: 1px solid #da0000;
	color: #fff;
	cursor: default;
}

ul.pagination li.thisclass a {
	background-color: #da0000;
}

ul.pagination li a:hover:not(.active) {
	border-color: #da0000;
	background-color: #da0000;
	color: #fff;
}

ul.pagination li.bor0 a:hover {
	border-color: #fff;
	background: 0 0;
	color: #333;
}

ul.preNext {
	position: relative;
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
}

ul.preNext li {
	overflow: hidden;
	height: 30px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px;
}

ul.preNext li a {
	color: #333;
}

ul.preNext li a:hover {
	color: #da0000;
}

ul.preNext li.return {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -15px;
	padding: 0 15px;
	background: #da0000;
}

ul.preNext li.return a,ul.preNext li.return a:hover {
	color: #fff;
}

.content {
	/*margin-bottom: 30px;*/
}

.content .imgbox {
	overflow: hidden;
	margin-bottom: 20px;
	height: auto;
}

.content .imgbox p {
	color: #666;
	font-size: 14px;
	line-height: 30px;
}

.content .imgbox .tit {
	margin-bottom: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	color: #333;
	font-size: 16px;
}

.pc-slide {
	margin: 0 auto;
	padding: 15px;
	width: 100%;
	border: 1px solid #ddd;
}

.pc-slide a {
	display: inline-block;
	width: 100%;
}

.preview,.view .swiper-container {
	width: 100%;
}

.preview {
	position: relative;
	margin-top: 10px;
}

.preview .swiper-container {
	width: 100%;
	height: auto;
}

.preview .swiper-slide {
	display: block;
	width: 40px;
	height: auto;
	cursor: pointer;
}

.preview .slide6 {
	width: 40px;
}

.preview img {
	padding: 1px;
	max-width: 100%;
}

.preview .active-nav img {
	padding: 0;
	border: 1px solid #da0000;
}

.info {
	margin: 15px 0;
	border: 1px solid #ddd;
}

.info h3 {
	padding: 15px;
	background: #eee;
	font-weight: 400;
	font-size: 18px;
}

.info img {
	max-width: 100%;
}

.infobox {
	padding: 15px;
}

.content .rbox {
	overflow: hidden;
	margin-bottom: 30px;
}

.content .rbox. h3 {
	width: 100%;
	height: 60px;
	font-weight: 400;
	font-size: 24px;
	line-height: 60px;
}

.ProNewFoucsLifzWo {
	margin-bottom: 10px;
	width: 100%;
	height: 52px;
	line-height: 52px;
}

.ProNewFoucsLifzWo a {
	display: block;
	background-color: #da0000;
	color: #fff;
	text-align: center;
	font-size: 20px;
}

.prod-list02 {
	border: 1px solid #ddd;
}

.prod-list02>ul>li {
	border-bottom: 1px solid #ddd;
}

.prod-list02 .cl {
	margin-top: 7px;
	margin-bottom: 7px;
	color: #333;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
}

.prod-list02 .box2 {
	overflow: hidden;
	padding: 15px;
}

.prod-list02 .box2 p {
	color: #666;
	font-size: 12px;
}

.prod-list02 .box2 b {
	display: inline-block;
	font-size: 24px;
}

.side_img,.side_new {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	height: auto;
	border: 1px solid #ddd;
}

.side_img p,.side_new p {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	background: #eee;
}

.side_new ul {
	overflow: hidden;
	padding: 10px;
	height: auto;
}

.side_new ul li {
	position: relative;
	float: left;
	border-bottom: 1px dotted #ddd;
	line-height: 45px;
}

.side_new ul li,.side_new ul li a {
	overflow: hidden;
	width: 100%;
	height: 45px;
}

.side_new ul li a {
	display: inline-block;
	padding-right: 80px;
	color: #666;
	text-overflow: ellipsis;
	font-size: 12px;
}

.side_new ul li span {
	position: absolute;
	right: 0;
	display: inline-block;
	color: #aaa;
	font-size: 12px;
}

.side_new ul li:hover a {
	color: #da0000;
}

.side_img ul li {
	overflow: hidden;
	padding: 10px;
	height: auto;
}

.side_img ul li a,.side_img ul li span {
	float: left;
	display: inline-block;
	width: 100%;
}

.side_img ul li span {
	background: #eee;
	text-align: center;
	font-size: 12px;
}

.side_img ul li:hover span {
	background: #da0000;
	color: #fff;
}

.sidebar_menu {
	position: relative;
	margin: 30px 0;
}

.sidebar_menu h3.tit {
	position: relative;
	padding-left: 30px;
	font-weight: 400;
	font-size: 16px;
}

.sidebar_menu h3.tit:before {
	position: absolute;
	top: 32px;
	left: 15px;
	display: inline-block;
	width: 4px;
	height: 16px;
	background: #fff;
	content: "";
}

.sidebar_menu .tit {
	padding: 30px 15px;
	width: 100%;
	background: #da0000;
	color: #fff;
	font-size: 20px;
}

.sidebar_menu .tit small {
	display: inline-block;
	margin-top: 10px;
	padding: 5px 0;
	width: 100%;
	border-top: 1px solid hsla(0,0%,100%,.3);
	color: #fff;
}

.sidebar_menu .submenu {
	padding: 15px;
	background: #eee;
}

.sidebar_menu .submenu ul li {
	overflow: hidden;
	width: 100%;
	line-height: 40px;
}

.sidebar_menu .submenu ul li a {
	display: inline-block;
	padding-left: 15px;
	width: 100%;
	color: #666;
	font-size: 14px;
}

.sidebar_menu .submenu ul li.active a,.sidebar_menu .submenu ul li:hover a {
	background: #fff;
	color: #da0000;
}

@media (max-width:1199px) {
	.page-news .date{ padding: 0 }
	.m_nav{ width: 100%; height: auto; margin-top: 5px;}
	.m_nav ul li{ width: 33.33%; float: left; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2) }
	.m_nav ul li a{ display: flex; justify-content: center; flex-wrap: wrap; text-align: center; padding: 15px 0}
	.m_nav ul li i{ font-size: 30px; line-height: 30px}
	.m_nav ul li i,.m_nav ul li span{ display: inline-block; width: 100%;color: #fff }
	.m_nav ul li span{ height: 24px; line-height: 24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

	.page-product .box a{ background: #f5f5f5; }
	.page-case .box a,.page-product .box a{ padding: 0;border: 0 }
	.fixed_top .container{ align-items: center; }
	.header {
		height: 85px;
	}

	.paddingBottom {
		padding-bottom: 100px;
	}

	.menu-handler {
		top: 55px;
		right: 3px;
	}

	.list-img ul li {
		padding: 1px;
	}

	.content .row {
		margin: 0 -1px;
	}

	.container {
		padding: 0 10px;
	}

	.header .logo a {
		border: 0;
	}


	ul.pagination li a {
		margin: 0 2px;
	}

	.sidebar_menu,div.paginationbox {
		margin: 0 auto;
	}

	.paddingBottom .copyright {
		bottom: 50px;
	}

	.sidebar_menu {
		margin-bottom: 0;
		height: 50px;
	}

	.sidebar_menu .submenu {
		position: absolute;
		left: 0;
		z-index: 997;
		display: none;
		padding: 0 15px;
		width: 100%;
		background: #fff;
	}

	.sidebar_menu .submenu ul {
		background: #eee;
	}

	.sidebar_menu .tit {
		position: relative;
		padding: 0 15px;
		height: 30px;
		line-height: 30px;
	}

	.sidebar_menu .tit:after {
		position: absolute;
		top: 0;
		right: 5px;
		display: block;
		padding: 0 15px;
		content: "+";
		cursor: pointer;
	}
}

.content .newbox {
	overflow: hidden;
	height: auto;
}

.newbox ul li {
	float: left;
	padding: 15px;
}

.newbox ul li,.newbox ul li a {
	overflow: hidden;
	width: 100%;
	height: auto;
}

.newbox ul li a {
	display: inline-block;
	padding: 15px 0;
	border: 1px solid #ddd;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-ms-transition: all .5s;
}

.newbox ul li .txt h3 {
	font-size: 18px;
	line-height: 24px;
}

.newbox ul li .txt h3 small {
	float: right;
	display: inline-block;
}

.newbox ul li .txt p {
	padding: 15px 0;
	color: #666;
	font-size: 15px;
	line-height: 24px;
}

.newbox ul li .txt span {
	display: inline-block;
	padding: 5px 15px;
	background: #ccc;
	color: #fff;
	font-size: 12px;
}

.newbox ul li:hover a {
	/*border: 1px solid #da0000;*/
}

.newbox ul li:hover span {
	background: #da0000;
}

.newbox ul li:hover h3 {
	color: #da0000;
}

.content_info .title {
	overflow: hidden;
	padding: 8px 0;
	font-size: 24px;
}

.content_info .title,.newsinfo {
	width: 100%;
	height: auto;
	text-align: center;
	line-height: 30px;
}

.newsinfo {
	padding-bottom: 15px;
	border-top: 1px dotted #ccc;
	color: #666;
	font-size: 14px;
}

.newsinfo span {
	color: #da0000;
	font-weight: 700;
	font-size: 14px;
	font-family: Georgia,Times New Roman,Times,serif;
}

.content_info {
	padding: 15px;
	border: 1px solid #ddd;
}

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

.mainbox {
	padding-top: 30px;
}

.position {
	margin-bottom: 5px;
	padding: 10px 0;
	height: auto;
	border-bottom: 1px solid #ddd;
	color: #666;
	font-size: 14px;
	line-height: 24px;
}

.position a {
	display: inline-block;
	padding: 0 5px;
	color: #333;
}

.position a:hover {
	color: #da0000;
}

#map {
	border: 1px solid #ddd;
}

#map .anchorBL {
	display: none;
}

#map #allmap {
	height: 500px;
}

@media screen and (max-width:767px) {
	#map #allmap {
		height: 400px;
	}

	.sidebar_menu h3.tit:before {
		top: 7px;
	}
}

@media (min-width:1200px) {
	.ny {
		overflow: hidden;
		padding: 0 0 10px 280px;
		height: auto;
	}

	.ny .rbox {
		position: relative;
		left: -280px;
		float: left;
		margin-right: -100%;
		padding-right: 40px;
		width: 280px;
	}

	.ny .mainbox {
		overflow: hidden;
		width: 100%;
		height: auto;
	}
}

@media (max-width:1200px) {
	.ny .rbox .submenu {
		padding: 0;
	}
}

.img_head {
	padding: 15px;
	width: 100%;
	border: 1px solid #ddd;
}

.img_head .tit {
	overflow: hidden;
	height: auto;
	border-bottom: 1px dotted #ddd;
	font-size: 24px;
}

.img_head .tit small {
	float: right;
	display: block;
	font-size: 14px;
}

.jgg_bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1005;
	width: 100%;
	height: 60px;
	background: #da0000!important;
}

.jgg_div .container {
	position: relative;
}

.jgg_box {
	display: flex;
	display: -webkit-flex;
	padding: 10px 0;
	justify-content: space-between;
}

.jgg_box p {
	color: #fff;
	font-style: italic;
	font-size: 24px;
	line-height: 40px;
}

.jgg_box p a {
	color: #fff;
}

.jgg_box p i {
	float: left;
	display: inline-block;
	padding-top: 3px;
	padding-right: 5px;
	font-size: 30px;
}

.jgg_form {
	float: right;
}

.jgg_form span {
	color: #fff;
	font-style: italic;
	line-height: 40px;
}

.jgg_form .jgg_phone {
	padding: 5px;
	width: 150px;
	height: 40px;
	border: 0;
	background: #fff;
}

.jgg_form .jgg_btn {
	padding: 0 15px;
	width: auto;
	height: 40px;
	border: 0;
	background: hsla(0,0%,100%,.3);
	color: #fff;
}

.jgg_close {
	position: absolute;
	top: -10px;
	right: -5px;
}

.jgg_close a {
	display: inline-block;
	color: #fff;
	font-size: 18px;
}

.jgg_left {
	position: absolute;
	top: 0;
	left: -60px;
	padding-top: 20px;
	padding-left: 5px;
	width: 60px;
	height: 60px;
	border-top-right-radius: 60px;
	background: rgba(218,0,0,.8);
	font-size: 14px;
	line-height: 16px;
}

.jgg_left a {
	color: #fff;
}

.jgg_kf {
	position: fixed;
	right: 35px;
	bottom: 60px;
	z-index: 1000;
}

@media (max-width:1200px) {
	.jgg_kf {
		right: 10px;
		bottom: 40px;
	}

	.mainbox {
		padding-top: 0;
	}
}

.mbn-bar {
	display: flex;
	padding: 0;
	text-align: center;
}

.mbn-bar,.mbn-bar a {
	align-items: center;
	justify-content: center;
}

.mbn-bar a {
	display: inline-block;
	display: flex;
	height: 100%;
}
.mbn-bar a.telbtn{
	display: inline-block;
	position: absolute;
	z-index: 999;
	border: 1px solid rgba(255,255,255,0.1);
	bottom: 0;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	left: 50%;
	margin-left: -33px;
	background-image: url(../images/phone.png);
	background-repeat: no-repeat;
	background-size: 50px 50px;
	background-position: center;

}

/*.mbn-bar a:first-child {
	background: #da0000;
}*/

.j_logo {
	height: 30px;
}

.mtools.mbn-bar a {
	padding: 5px 0;
	line-height: 40px;
}

.fixed_top {
	padding: 6px 0;
	width: 100%;
	height: 42px;
	background: #eee;
}

.fixed_top .container {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.fixed_top .j_logo {
	float: left;
	display: flex;
	width: 25%;
	align-items: center;
	justify-content: flex-start;
}

.fixed_top .j_logo a {
	float: left;
	display: block;
	padding: 0 5px;
	color: #666
	/*height: 30px;*/
	/*line-height: 28px;*/
}

.fixed_top .j_logo a img {
	display: inline-block;
	margin: 7px;
	width: 210px;
	height: 30px;
}

.fixed_top .j_logo span {
	display: block;
	font-size: 26px;
	line-height: 30px;
	opacity: 0.5
}

.fixed_top .j_nav {
	margin: 0;
	padding: 0 10px;
	display: block;
	position: relative;
}

.fixed_top .j_nav a {
	display: block;
	/*padding-left: 10px;*/
	color: #888;
	text-align: center;
	font-size: 14px;
}

.fixed_top .j_nav a.jgg_home {
	/*padding-left: 40px;*/
	/*background: url(../images/home.png) no-repeat 20px;*/
	/*background-size: 16px 16px;*/
}

.fixed_top .j_nav a.jgg_join {
	/*padding-left: 40px;*/
	/*background: url(../images/ruzhu.png) no-repeat 20px;*/
	/*background-size: 16px 16px;*/
}

.fixed_top .j_nav a:hover {

}

.fixed_top .j_logo img {
	opacity: .5;
}

.fixed_top a.back {
	float: right;
	display: inline-block;
	height: 30px;
	color: #aaa;
	text-decoration: none;
	line-height: 30px;
}

.footer {
	text-align: center;
	font-size: 12px;
	line-height: 30px;
}

.footer a {
	color: #666;
}

.jgg_tel_myweb {
	float: right;
	width: 60%;
	color: #999;
	text-align: right;
	font-size: 12px;
	line-height: 30px;
}

.jgg_tel_myweb a {

	color: #999;
	font-size: 14px;
}

@media (max-width:1199px) {
	.header .logo a{ padding: 0;width: 100%;}
	.header .hd_txt h1{ font-size: 160% }
	.j_logo{ height: 35px; }
	.fixed_top {
		padding: 0;
		height: 35px;
	}

	.jgg_tel_myweb a {
		font-size: 12px;
	}

	.fixed_top .j_nav {
		display: none;
	}

	.footer .fbox {
		flex-wrap: wrap;
	}

	.footer .contact ul li {
		float: left;
		margin: 5px;
	}

	.footer .contact {
		width: 100%;
		flex-wrap: wrap;
	}

	.footer .foot_ewm {
		width: 100%;
	}

	.footer .contact .item:first-child {
		padding: 0;
		padding-bottom: 15px;
	}

	.footer .foot_ewm {
		display: flex;
		justify-content: center;
	}

	.footer .foot_ewm .box {
		float: none;
	}

	.content_info {
		padding: 0;
		border: 0;
	}

	.newbox ul li {
		padding: 0;
	}

	.newbox ul li a {
		border: 0;
		padding: 10px
	}

	.newbox ul li .txt {
		padding: 5px;
		border-bottom: 1px solid #ddd;
	}

	div.paginationbox {
		border-top: 0;
	}
	
	.page-product .submenu {
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;

	}

	.page-news .submenu a,.page-product .submenu a {
		width: 31%;
		margin:0;
		overflow: hidden;
		text-overflow:ellipsis;white-space:nowrap;
		margin-bottom: 5px
	
	}

	.page-about .rbox-center {
		padding: 5px 15px;
		text-align: center;
	}

	.page-news .rbox {
		background: #fff;
	}

	.page-news .rbox ul li {
		padding: 0;
	}
}

.m_nav ul li,.banner .swiper-container:hover .swiper-button-next,.mbn-bar a.telbtn,div.paginationbox.more a,.banner .swiper-container:hover .swiper-button-prev,.banner .swiper-pagination-bullet-active,.header .search button,.jgg_left,.livechat-girl .animated-circles .circle,.m-bottom-nav,.menu-handler .burger,.mtools .weixin,.mtools a,.nav,.navMobile dd p a.act,.newbox ul li:hover span,.page-about .rbox-center a:before,.page-news .lbox a:hover,.page-news .more a:before,.page-news .submenu a:hover,.page-product .submenu a:hover,.ProNewFoucsLifzWo a,.rd-notice-type-success,.rd-notice-type-success .rd-notice-content,.rd-notice-type-success:after,.side_img ul li:hover span,.sidebar .subnav1 .on,.sidebar .subnav1 .on:hover,.sidebar_menu .tit,.sideMenu h3.on,.sideMenu h3.on a,.swiper-pagination-bullet-active,ul.preNext li.return {
	background-color: var(--mcolor);
}

.fixed_top .j_logo span,.list-img ul li:hover .rcaption,.list-img ul li:hover h3,.nav ul>li .submenu a:hover,.newbox ul li:hover h3,.newsinfo span,.page-case .box .swiper-slide:hover h3,.page-news .rbox ul li:hover h3,.page-product .box .swiper-slide:hover h3,.position a:hover,.side_new ul li:hover a,.sidebar .subnav2 .on,.sidebar .subnav2 .swiper-slide:hover,.sidebar_menu .submenu ul li.active a,.sidebar_menu .submenu ul li:hover a,.sideMenu ul li.active a,.sideMenu ul li:hover a,ul.preNext li a:hover {
	color: var(--mcolor);
}

.livechat-girl:after {
	background-image: linear-gradient(180deg,var(--mcolor),var(--mcolor));
}

ul.pagination li.thisclass a,ul.pagination li a.active,ul.pagination li a:hover:not(.active) {
	border-color: var(--mcolor);
	background-color: var(--mcolor);
}

.newbox ul li:hover a,.preview .active-nav img {
	border-color: var(--mcolor);
}

.jgg_bottom {
	background: var(--mcolor)!important;
}

/*辅助色*/
.nav ul>li.active>a,.nav ul>li>a:hover,.header .tel a.btn,.mbn-bar a:nth-child(2) {
	background-color: var(--mcolor1);
}
.header .tel a{
	color: var(--mcolor1);
}


#newBridge .icon-left-center {
	top: auto;
	right: 35px;
	bottom: 100px;
	left: auto;
	width: 60px!important;
}

#newBridge .nb-icon-skin-0 .nb-icon-bridge0,#newBridge .nb-icon-skin-0 .nb-icon-inner-wrap {
	width: 60px!important;
	height: 60px!important;
	background: 0 0!important;
}

#newBridge .nb-icon-skin-0 .nb-icon-inner-wrap .nb-icon-bridge-base {
	top: 0;
	left: 0;
	margin: 0;
	background: url(http://www.jiugongge.org/public/4.0/images/en_3.png) no-repeat;
	background-size: 100% 100%;
}

#newBridge #nbWebImLightContainer {
	border: none!important;
	border-radius: 0!important;
}

@media (max-width:1200px) {
	#newBridge .nb-icon-right-center {
		top: auto!important;
		right: 10px!important;
		bottom: 30px;
		width: 60px!important;
		height: 60px!important;
	}

	#newBridge .nb-icon-wrap-4 .nb-icon-wrap-base {
		background: 0 0!important;
	}
}

#share-tips {
	padding: 0!important;
}

/*商桥*/
.layui-layer {
	right: 0!important;
	left: 0!important;
	margin: auto!important;
	max-width: 800px!important;
	min-height: 595px;
	overflow: visible !important;
	border-radius: 5px;
}
@media (max-width:768px) {
	.layui-layer {
		min-height: 350px;
	}
}

@media (max-width:480px) {
	.fixed_top .j_logo span { font-size: 18px; }
	.header .hd_txt h1{ font-size: 120%;line-height: 1.5;}
}

@media (max-width:375px) {
	.fixed_top .j_logo span { font-size: 15px; }
	.jgg_tel_myweb a{ font-size: 12px; }
	.header .hd_txt h1{ font-size: 100% }
}


.m_nav .submenu{ display: none; }
        .m_nav ul li a { color: #fff;position: relative; padding-top: 40px }
        .m_nav ul li a::before{ display:block; position: absolute; top: 5px; font-family: "iconfont" !important; color: #fff;font-size: 30px }
        .m_nav ul li:nth-child(1) a::before{ content: "\e6a6" }
        .m_nav ul li:nth-child(2) a::before{ content: "\e659" }
        .m_nav ul li:nth-child(3) a::before{ content: "\e614" }
        .m_nav ul li:nth-child(4) a::before{ content: "\e60c" }
        .m_nav ul li:nth-child(5) a::before{ content: "\e60b" }
        .m_nav ul li:nth-child(6) a::before{ content: "\e62a" }
        .m_nav ul li:nth-child(7) a::before{ content: "\e625" }
        .m_nav ul li:nth-child(8) a::before{ content: "\e653" }
        .m_nav ul li:nth-child(9) a::before{ content: "\e60f" }
        .m_nav ul li:nth-child(10) a::before{ content: "\e60f" }


    .contact .submenu{ display: none }