/*公共*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Microsoft YaHei";
}


/* HTML5 display-role reset for older browsers */

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

ul,
li,
ol {
	list-style: none;
}

dl,
dd {
	margin: auto;
}

input {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

a,
a:visited {
	color: #333;
}

a:link,
a:visited {
	text-decoration: none;
	outline: none;
}

a {
	cursor: pointer;
}
body{
	background: #1D1D1D !important;
}

/*所有超链接不要下划线*/

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}


/*任何标签、包括它前面、后面生成的内容都不要影响盒子的边框*/

.left {
	float: left;
}

.right {
	float: right;
}

.w-gray {
	color: #aaaaaa
}

.w-white {
	color: #FFFFFF !important;
}

.w-blue {
	color: #0086da;
}

.clear {
	clear: both;
}

.margin-t30 {
	margin-top: 30px !important;
}
body::-webkit-scrollbar {/*滚动条整体样式*/

	width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/

	height: 1px;

}

body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

	border-radius: 0;

	 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

	background: #535353;

}

body::-webkit-scrollbar-track {/*滚动条里面轨道*/

	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

	border-radius: 0;

	background: #EDEDED;

}

/*header*/
.swiper-button-prev:after,.swiper-button-next:after{
	color: #96712f;
}
.header {
	width: 100%;
	background-color: #1D1D1D;
	margin-bottom: 60px;
	position: fixed;
	top: 0px;
	z-index: 1000;
	height: 80px;
	line-height: 80px;
	-moz-box-shadow: 0px 1px 30px #1D1D1D;
	box-shadow: 0px 1px 30px #1D1D1D;
	border: 1px solid #1D1D1D;
}
.nav-background{
	background-color: #1D1D1D;
}
.am-container-1 {
	max-width: 1400px;
	margin: 0 auto;
}
.am-container-1 .left{
	padding: 0;
	width: 47%;
}
.am-container-1 .right{
	padding: 0;
	width: 50%;
}
.am-container-1 .right img{
	width: 100%;
}
.am-container-1 button{
	background: #96712F;
    color: #fff;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 3% 20% 0 63%;
    padding: 10px 20px;
}
.am-container-1 button a{
	color: #fff;
}
.am-topbar-nav > li > a:after {
	display: none;
}

.hw-logo {
	height: 50px;
	position: relative;
}
.hw-logo a{
	display: inline-block;
}
.hw-logo img{
	width: 70%;
}
.logo {
	height: 50px;
}

.word {
	position: absolute;
	top: 30px;
	left: 100px;
}

.hw-menu li {
	height: 80px;
}

.hw-menu-active {
	/*background-color: #0086da;
	border-radius: 5px;*/
	border-top: 4px solid #96712F;
}

.hw-menu-active a {
	color: #96712F !important;
}

.hw-menu li:hover {
	border-top: 4px solid #f0eeed;
}

.hw-menu li a:hover {
	color: #C0C0C0;
}

.hw-menu li a {
	font-size: 15px;
	line-height: 80px;
	color: #ffffff;
}

.hw-menu li a:hover {
	border-radius: 5px;
}


/*header结束*/
/* 新增 */
.ling-product{
  display: flex;
  flex-direction: row;
}
.ling-product .ling-right{
	margin-top: 68px;
}
.ling-product .ling-right .ling-btn{

}
.ling-product .ling-right .ling-btn a{
	font-size: 18px;
    color: #ffffff;
    border: 1px solid #96712F;
    display: inline-block;
    padding: 6px 18px 6px 10px;
}
.ling-product .ling-right .ling-btn a span{
	padding-right: 12px;
}
.ling-product .ling-right .ling-btn a img{
	width: 100px;
}
.ling-product .ling-right ul{}
.ling-product .ling-right ul li{
  display: block;
  margin-bottom: 20px;
}
.ling-product .ling-right ul li.active a span{
	color: #ffffff !important;
} 
.ling-product .ling-right ul li a{
  display: flex;
  flex-direction: column;
  font-size: 18px;
}
.ling-product .ling-right ul li a .cat-name{
	color: #96712F;
}
.ling-product .ling-right ul li a .unique-name{
	color: #999999;
	font-size: 12px;
}
.ling-product .ling-left{
	margin: 68px 86px 68px 0;
	width:50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ling-product .ling-left img{
	width: 100%;
	height: auto;
}
.ling-about{
	display: flex;
	flex-direction: row;
	margin-top: 68px;
}
.about-left{
	width: 50%;
}
.about-left img{
	width: 100%;
}
.about-right{
	width: 50%;
	background: #ffffff;
	padding: 25px 35px 35px 39px;
}
.about-right h2{
	padding-bottom: 20px;
}
.about-right p{
	color:#333333;
	text-align: justify;
}
.about-right a{
	margin-top: 30px;
    display: inline-block;
    border: 1px solid #333333;
    font-size: 14px;
	padding: 4px 10px;
	color: #333333;
}
.about-right a i{
	font-style: normal;
	font-size: 16px;
	margin-left: -3px;
}
.ling-img{
	width: 100%;
	/* height: 312px; */
	margin: 70px 0 39px 0;
	text-align: center;
}
.ling-img img{
	width: 100%;
}
/*尾部*/

.footer {
	width: 1400px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 25px 0;
	background-size: 100% 100%;
}
.footer .nav-list{
	width: 47%;
}
.end-footer{
	background-color: #2d2d2d;
	color: #fff;
	line-height: 2;
	text-align: center;
	padding: 20px 0;
}
.end-footer a{
	color: #fff;
}
.nav-list ul{
    padding-top: 0 !important;
    display: flex;
    flex-wrap: wrap;
    width: 100% !important;
}
.nav-list ul li{
	width: 16.6%;
	text-align: left !important;
	line-height: 2.5 !important;
}
.nav-list ul li h3{
	font-weight: 500;
	font-size: 16px;
}
.nav-list ul li p{
	font-size: 14px;
}
.nav-list ul li p a{
	color: #999999;
}
.nav-list ul li a{
	color: #fff;
}
.footer ul {
	padding-top: 40px;
}

.footer ul li {
	color: #fff;
	text-align: center;
	line-height: 5;
}
.footer ul li.part-5-li2{
	display: flex;
	flex-direction: row;
	border-left: 1px solid #424242;
	width: 53%;
}
.footer ul li .part-5-words2{
	display: flex;
    flex-direction: column;
	text-align: left;
	padding-left: 10px;
}
.footer ul li p{
	line-height: 2;
}
.part-5-words2 p {
	line-height: 23px;
	font-size: 14px;
}
.part-5-words2 img{
	margin-bottom: 10px;
	width: 90px;
}
.part-5-words2 span {
    font-size: 16px;
    float: left;
    padding-bottom: 33px;
    line-height: 1;
}

.part-5-words2-ul li {
    margin-bottom: 10px;
    font-size: 13px;
    padding-right: 15px;
    text-align: center;
    color: #fff;
}
.other-banner{
	display: none;
}
.exzoom{
	display: inline-block;
	width: 500px;
}
.part-5-words2-ul {
	padding-top: 0 !important;
	width: 100% !important;
}

.part-5-words2-ul li a {
	color: #fff;
}

.part-5-title {
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}

.part-5-words2 span i {
	font-size: 20px;
}

.part-5-words2 span em {
	font-style: normal;
	margin-left: 5px;
	font-size: 16px;
	font-weight: bold;
}


/*尾部结束*/


/*首页*/
.text-640{
	display: none;
}
.rollpic {
	margin: 80px 0 70px 0;
}

.rollpic div {
	margin: 0 0 0;
}

.rollpic ol {
	bottom: 10px !important;
}

.part-all {
	width: 100%;
	margin-top: 50px;
}
.part-all ul li{
	padding: 10px 0;
}
.all-title{
	border-bottom: 1px solid;
}
.part-title {
	/* text-align: center; */
	position: relative;
	margin: 0 auto;
    width: 1400px;

}
.part-title a{
	display: flex;
	align-items: center;
	flex-direction: row;
}
.part-title-i {
	vertical-align: sub;
	font-size: 36px;
	color: #0086da;
	margin-right: 5px;
}

.part-title-span {
    font-size: 26px;
    color: #fff;
    margin-right: 10px;
    border-bottom: 1px solid #96712F;
}

.part-title p {
	font-size: 17px;
	color: #999;
	margin-top: -5px;
}

.part-title img {
	width: 170px;
}

.title-intro {
	font-weight: bold;
	font-size: 15px;
	margin-top: -7px;
}

.part-content {
	text-align: center;
	width: 100%;
}

.solutions-way {
	margin-top: 10px;
	font-size: 13px;
	color: #555555;
}

.solutions-title {
	margin-top: 15px;
	font-size: 17px;
	display: block;
	font-weight: 500;
}

.solution-circle {
	font-size: 64px;
	/* background-color: #3f9fdb; */
	width: 70%;
	height: auto;
	line-height: 140px;
	/* border: 15px solid #f0f0f0; */
	color: #fff;
	/* -webkit-transition: -webkit-transform 0.4s ease-out;
	-moz-transition: -moz-transform 0.4s ease-out;
	transition: transform 0.4s ease-out; */
}

.solution-circle:hover {
	/* background-color: #0071b8;
	border: 15px solid #c9dfec; */
	/* -webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg); */
}

.three-reason {
	background: url(../img/bg-pic.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	margin-top: 40px;
}

.three-reason-title {
	padding-top: 20px;
}

.three-reason-bg {
	width: 300px;
	margin-top: 30px;
}

.three-reason-img1,
.three-reason-img2,
.three-reason-img3 {
	width: 130px;
	height: 130px;
	margin: 0 auto;
	border: none;
}
.advantage{
	display: inline-block;
}
.advantage img{
	width: 100% !important;
}
.three-reason-img1 {
	background: url(../img/reason1.png) no-repeat;
	background-size: 100% 100%;
}

.three-reason-img2 {
	background: url(../img/reason2.png) no-repeat;
	background-size: 100% 100%;
}

.three-reason-img3 {
	background: url(../img/reason3.png) no-repeat;
	background-size: 100% 100%;
}

.three-reason-img1:hover,
.three-reason-img1 .selected {
	background: url(../img/reason1-1.png) no-repeat;
	background-size: 100% 100%;
}

.three-reason-img2:hover,
.three-reason-img2 .selected {
	background: url(../img/reason2-2.png) no-repeat;
	background-size: 100% 100%;
}

.three-reason-img3:hover,
.three-reason-img3 .selected {
	background: url(../img/reason3-3.png) no-repeat;
	background-size: 100% 100%;
}

.reason-title {
	margin-top: 10px;
	font-size: 14.5px;
	padding-bottom: 20px;
}

.three-reason-content {
	width: 70%;
}

.solutions-content li img {
	width: 40%;
}

.lan-bott {
    width: 100%;
    /* background: url(../img/about.png) center center no-repeat; */
    background-size: 100% 100%;
    height: 450px;
	padding: 25px 0;
	margin: 35px 0 70px 0;
	text-align: justify;
}
.lan-bott .text-1 p{
	text-indent: 32px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
}
.lan-brank{
	background: url("../img/brank-left.png")center center no-repeat;
	background-size: 100% 100%;
	height: 530px;
	width: 100%;
	margin-bottom: 70px;
}
.lan-brank .left {
	line-height: 35px;
	color: #fff;
	width: 50%;
	/* background: url("../img/brank-left.png") left bottom no-repeat; */
	background-size: 100% 50%;
}
.mobile-ling{
	display:none;
}
.lan-brank button{
    background: #96712F;
    color: #fff;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 12% 45% 0 45%;
    padding: 10px 20px;
}
.lan-brank button a{
	color: #fff;
}
.lan-brank .left button a{
	color: #fff;
}
.lan-brank .left p{
	color: #fff;
    font-size: 14px;
    padding: 0px 10%;
    text-align: left;
    line-height: 2;
    text-indent: 32px;
}
.lan-brank .left img{
	width: 100%;
	margin-top: 14%;
}
.lan-brank .content{
	text-align: justify;
	padding-top: 70px;
	color: #fff;
    width: 1400px;
    margin: 0 auto;
}
.lan-brank .content p{
	text-indent: 32px;
}
.lan-brank .right{
	width: 50%;
}
.lan-brank .right img{
	width: 100%;
}
.gray-li .product-list{
	width: 1400px;
	margin: 55px auto;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	pointer-events: auto !important;
	opacity: 0 !important;
}
.gray-li .product-list .swiper-button-prev{
	left: 0;
	height: 100%;
	width: 55px;
	top:18px;
}
.gray-li .product-list .swiper-button-next{
	right: 0;
	height: 100%;
	width: 55px;
	top:18px;
}
.see-more {
	border: 2px solid #fff;
	padding: 7px 10px;
	font-size: 13px;
	color: #fff;
	margin-top: 18px;
	display: inline-block;
	border-radius: 4px;
}

.see-more i {
	margin-left: 5px;
	font-size: 16px;
}

.see-more:hover {
	color: #0086da;
	background-color: #fff;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.customer-case-content {
	margin-top: 30px;
}

.customer-case-content li {
	padding: 0 !important;
	margin: 0 !important;
}

.case-li {
	position: relative;
	overflow: hidden;
}

.case-li-mengban {
	width: 100%;
	background: rgba(0, 0, 0, .72);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

.case-li-mengban:hover {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}

.case-img1 {
	position: relative;
	padding: 0 !important;
	background-color: #1d1d1d;
	width: 100%;
	margin: 0 auto;
	margin: 0 !important;
}
.case-img1 a{
	display: inline-block;
	overflow: hidden;
}
.case-img1 a img{
	width: 100%;
}
.case-img1 a h3{
    text-align: center;
    background: #96712F;
    width: 100%;
    height: 35px;
    color: #fff;
    font-weight: 500;
    line-height: 35px;
    position: absolute;
	bottom: 0;
	opacity: 0;
}
.case-img1 a img:hover{
	transform: scale(1.4);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.4);
    -webkit-transform: all 1s ease 0s;
}
.case-img1 a:hover h3{
	opacity: 1;
	color: #fff;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.case-li:hover .case-word {
	display: block;
	bottom: 70px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.case-word {
	position: absolute;
	left: 0px;
	bottom: -80px;
	z-index: 5;
	width: 100%;
	color: #FFFFFF;
	text-align: center;
}

.case-word h3,
.case-word a,
.case-word div {
	color: #FFFFFF !important;
}

.case-word p {
	font-size: 13px;
}

.case-word a span i {
	margin-right: 10px;
	font-size: 15px;
}

.case-word a span {
	font-size: 13px;
	padding: 4px 13px;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	margin-top: 20px;
	display: inline-block;
}

.am-gallery-title {
	margin: 12px 0 !important;
	font-size: 17px !important;
}

.news-all {
	margin-top: 10px 0;
}

.news-content {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.news-content-ul {
	margin-top: 40px;
	margin-bottom: 40px;
}
.news-content-ul li{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.news-img {
	width: 90%;
	overflow: hidden;
}

.news-img img {
	width: 100%;
}

.news-content-ul li img:hover {
	transform: scale(1.4);
	transition: all 1s ease 0s;
	-webkit-transform: scale(1.2);
	-webkit-transform: all 1s ease 0s;
}

.news-content-ul li div {
	margin: 0;
	padding: 0;
}
.story-concact a{
	display:inline-block;
	overflow: hidden;
}
.story-concact a img{
	opacity: .7;
}
.story-concact a img:hover{
	transform: scale(1.4);
	opacity: 1;
	transition: all 1s ease 0s;
}
.news-right-title {
	font-size: 16px;
	color: #fff;
}
.width-640{
	display: none;
}
.news-right-words{
	font-size: 14px;
	margin-top: 5px;
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	font-size: 32rpx;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	color: #999999;
	text-align: left;
}

.news-right-time {
	font-size: 14px;
	margin-top: 10px;
	margin-left: 10px;
	color: #999;
}
.story-concact img{
	width: 100%;
}
.see-more2 {
	padding: 5px 15px;
	color: #fff;
	background-color: #128abc;
	border: 1px solid #128abc;
	margin-top: 10px;
	border-radius: 3px;
	display: inline-block;
}

.see-more2:hover {
	color: #128abc;
	background-color: #fff;
	border: 1px solid #128abc;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.see-more2 i {
	margin-left: 5px;
}

.news-content-left ul li {
	margin-top: 10px;
	width: 100%;
}

.news-content-right img {
	width: 100%;
	margin-top: 10px;
}

.list_lh {
	height: 260px;
	overflow: hidden;
	margin-top: 10px;
}

.list_lh ul li .news-li-words {
	border: none !important;
}

.customer-content {
	margin-top: 30px;
	margin-bottom: 30px;
}

.customer {
	padding: 30px 0;
}

.customer-content li {
	text-align: center;
}

.customer-content li div {
	height: 60px;
	line-height: 60px;
	width: 100%;
}

.customer-content li div img {
	width: 100%;
}
/* 联系我们 */
.contact{
	padding: 66px 0 76px 0;
}
.contact .content{
	margin: 0 auto;
	width: 1400px;
	padding: 60px 0;
	color: #fff;
}
.contact .content .left p{
	line-height: 2.5;
}
.contact .content .part-5-words2{
	width: 26%;
    margin-right: 20%;
}
.contact .map {
	width: 100%;
	display: inline-block;
	margin-top: 85px;
}
.contact .map img{
	width: 100%;
}
/* 产品系列 */
.product-banner{
	width: 100%;
	height: auto;
}
.product-banner img{
	width: 100%;
}
.product-series{
	width: 1400px;
	margin: 10px auto;
	text-align: center;
}
.product-series ul{
	padding-bottom: 100px;
}
.am-pagination{
	text-align: center;
}
.am-pagination li a{
	color: #333 !important;
}
.product-series ul li{}
.product-series ul li a{
	color: #fff;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.product-series ul li a .left{
	width: 50%;
	height: 100%;
}
.product-series ul li a .right{
    width: 50%;
    overflow: hidden;
    height: 439px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-series ul li a img{
	width: 100%;
}
.product-series ul li a .right img:hover{
	transform: scale(1.3);
	transition: all 1s ease 0s;
}
.product-series ul li a h2{
	text-align: center;
	font-size: 42px;
}
.product-series ul li a .ser-ename{
	text-align: center;
	color: #665027;
	font-size: 12px;
}
.product-series ul li a .ser-cname{
	text-align: center;
	font-size: 22px;
}
.product-series ul li a .detailed{
	padding: 20px 0 0 10px;
	text-align: left;
}
.product-series ul li a .detailed .title{
    border-bottom: 1px solid #665027;
    display: inline-block;
    padding-bottom: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 5px;
}
.product-series ul li a .detailed p{
	color: #fefefe;
	font-size: 12px;
	line-height: 2;
}
.product-series button{
	width: 100px;
	height: 40px;
	background: #96712F;
	outline: none;
	border: none;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 7px 2px #664C1D;
}
.product-series button a{
	color: #fff;
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 40px;
	cursor: pointer;
}
/* 产品系列 产品列表 */
.product-list{
	width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}
.product-list .left{
	width: 15%;
}
.product-list .left h2{
    width: 100%;
    height: 60px;
    background: #313131;
    color: #ffffff;
    text-align: center;
    line-height: 80px;
    font-weight: 500;
    font-size: 18px;
}
.product-list .left .left-ul{
	background: #ffffff;
	text-align: center;
	padding: 15px 0;
	border: 1px solid #999999;
}
.product-list .left .left-ul .left-ul-li{}
.product-list .left .left-ul .left-ul-li.active h3{
	background: #96712F;
    width: 80%;
    margin: 0 10%;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    height: 30px;
	line-height: 30px;
}
.product-list .left .left-ul .left-ul-li.active h3 a{
	color:#fff;
}
.product-list .left .left-ul .left-ul-li h3{
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
}
.product-list .left .left-ul .left-ul-li h3 a{
	color: #999999;
}
.product-list .left .left-ul .left-ul-li ul{
	margin: 0;
}
.product-list .left .left-ul .left-ul-li ul li{
	color: #999999;
	font-size: 16px;
	cursor: pointer;
	line-height: 2;
}
.product-list .left .left-ul .left-ul-li ul li a{
	color: #999999;
	font-size: 16px;
	cursor: pointer;
}
.product-list .right{
	width: 84%;
}
.product-list .right .am-pagination {
	text-align: center;
}
.product-list .right .pr-list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	min-height: 400px;
}
.product-list .right .pr-list li{
	width: 25%;
	padding: 0 .5% 15px .5%;
	text-align: center;
}
.product-list .right .pr-list li a .img{
	overflow: hidden;
	height: 350px;
	width: 272.5px;
	line-height: 350px;
	background: #fff;
}
.product-list .right .pr-list li a img:hover{
	transform: scale(1.4);
	transition: all 1s ease 0s;
}
.product-list .right .pr-list li a img{
	width: 100%;
	height: auto;
}
.product-list .right .pr-list li a p{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15.5px;
    color: #B2B2B2;
    padding-top: 3px;
}
/* 产品详情 */
.exzoom .exzoom_img_ul_outer{
	border: 1px solid #fff !important;
}
.product-detalis{
	margin: 200px auto 50px;
	width: 1400px;
}
.product-detalis .left{
	width: 35%;
	position: relative;
}
.product-detalis .content{
	color: #fff;
}
.product-detalis .content h2{
	font-size: 32px;
    background: #404040;
    line-height: 1;
	padding-left: 5px;
	margin-top: 20px;
}
.product-detalis .content .ser-ename{
    color: #665027;
	font-size: 14px;
	padding: 10px 0 5px 0;
}
.product-detalis .content .ser-cname{
    font-size: 22px;
    background: #404040;
    line-height: 1.5;
	margin: 5px 0 10px 0;
	font-weight: 400;
}
.product-detalis .content .detailed{
    text-align: left;
}
.product-detalis .content .detailed .title{
    padding-bottom: 5px;
    font-size: 25px;
    color: #fff;
    margin-bottom: 17px;
    background: #404040;
    line-height: 1.2;
}
.product-detalis .content .detailed .title span{
	display: inline-block;
	border-bottom: 2px solid #665027;
	padding-bottom: 5px;
}
.product-detalis .content .detailed p{
    font-size: 20px;
    line-height: 2;
    background: #404040;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 300;
}
.swiper-container {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	background-size: 100% 100%;
	background-position: center;
}
.gallery-top {
	height: 525px;
	width: 100%;
}
.gallery-thumbs {
	height: 80px;
	box-sizing: border-box;
	padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}
.swiper-button-next{
	right: -35px;
	outline: none;
	top: 26%;
}
.swiper-button-prev{
	left: -35px;
	outline: none;
	top: 26%;
}
.product-detalis .right{
	width: 60%;
}
.product-detalis .right img{
	width: 100%;
	height: auto;
}
.product-detalis .next-pre{
	text-align: center;
	padding: 50px 0;
}
.product-detalis .next-pre a{
    padding: 8px 20px;
    background: #96712F;
    cursor: pointer;
    color: #fff;
    margin: 0 10%;
    font-size: 14px;
}
.details-bj{
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}
.img-show{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
	overflow-y: auto;
	text-align: center;
}
.img-show img{
	width: 34.5%;
}
.img-show button{
	position: fixed;
	z-index: 999999;
	right: 2%;
	top: 2%;
	transform: rotate(0);
	transition: all 1s ease 0s;
}
.img-show button:hover{
	transform: rotate(180deg);
	transition: all 1s ease 0s;
}
.img-show .pre{
    width: 150px;
    position: absolute;
    left: 20%;
    top: 50%;
    cursor: pointer;
}
.img-show .pre img{
	transform: rotate(180deg);
}
.img-show .next{
    width: 150px;
    position: absolute;
    right: 20%;
    top: 50%;
    cursor: pointer;
}
.img-show .next img{}
/* 品牌故事 */
.brank-story{
	padding-top: 58px;
}
.brank-story .narration{
	margin:0 auto 66px auto;
	width: 1400px;
}
.brank-story .narration p{
	color: #B6B6B6;
	font-size: 14px;
	text-indent: 32px;
	padding-top: 20px;
	text-align: justify;
}
.brank-history-bj{
	background: url(../img/histtory_01.png) center center no-repeat;
    background-size: 100% 100%;
    padding: 35px 0;
    margin: 25px 0 80px 0;
}
.brank-story .brank-history{
	width: 1400px;
	margin: 0 auto;
}
.brank-story .brank-history ul{
	position: relative;
	width: 100%;
}
.brank-story .brank-history ul::before{
	content: "";
    position: absolute;
    top: 15.5px;
    width: 10px;
    height: 100%;
    background: #96712F;
    left: 2.5px;
}
.brank-story .brank-history ul::after{
	content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #96712F;
    border: 3px solid #ffff;
    z-index: 1;
}
.brank-story .brank-history ul li{
	position: relative;
	width: 50%;
}
.brank-story .brank-history ul li::before{
	content: "";
	position: absolute;
	width: 40px;
	height: 10px;
	background: #96712F;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	left: 5px;
	top: 45px;
}
.brank-story .brank-history ul li p{
	padding: 36px 0 0 52px;
	color: #fff;
	font-size: 14px;
	text-align: justify;
}
.brank-story .belief{
	overflow: hidden;
	width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-bottom: 50px;
}
.brank-story .belief .left{
	width: 50%;
}
.brank-story .belief .left p{
    padding: 0 40px 0 0;
    color: #fff;
    font-size: 14px;
    text-align: justify;
}
.brank-story .belief .right{
	width: 50%;
}
.brank-story .belief .right img{
	width: 100%;
}
/* 发明专利 */
.letter{
	padding-top: 85px;
	margin: 0;
	width: 100%;
}
.letter .img{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 41px auto 139px auto;
	width: 1400px;
	padding-bottom: 10px;
}
.letter .product{
	width: 1400px;
	margin: 0 auto;
}
.letter .img li{
	width: 19.3%;
	padding: 1%;
}
.letter .img li img{
	width: 100%;
}
/* 招商加盟 */
.join{
	padding-top: 70px;
}
.join .system{
	width: 1400px;
	margin: 0 auto;
}
.join .system ul{
	display: flex;
	flex-direction: row;
	position: relative;
}
.join .system ul::after{
	width: 100%;
	height: 5px;
	background: #96712F;
	content: "";
	position: absolute;
	bottom: 50%;
	z-index: -1;
}
.join .system ul li{
	width: 16%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.join .system ul li img{
	width: 40px;
	height: 40px;
}
.join .system ul li p{
	color: #96712F;
	font-size: 18px;
	font-weight: 550;
	line-height: 3.5;
}
.join .system ul li span{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #fff;
	border: 3px solid #1D1D1D;
	border-radius: 100%;
	margin: 10px 0;
}
.join .inherited{
    width: 1400px;
    margin: 29px auto 59px;
	overflow: hidden;
	color: #ffff;
}
.join .inherited .left{
	width: 50%;
}
.join .inherited .left p{
    color: #fff;
    text-align: justify;
    padding: 0 30px 0 0;
    font-size: 14px;
}
.join .inherited .right{
	width: 50%;
}
.join .inherited .right img{
	width: 100%;
}
.join .advantage{
	width: 1400px;
	margin: 69px auto 90px;
	display: block;
}
.join .advantage .left{
	width: 50%;
}
.join .advantage .left ul{}
.join .advantage .left ul li{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 20px 0 20px 47px;
}
.join .advantage .left ul li img{
	width: 32px !important;
	margin-right: 10px;
}
.join .advantage .left ul li h3{
	color: #96712F;
	font-size: 16px;
}
.join .advantage .left ul li p{
	color: #fff;
	font-size: 14px;
}
.join .advantage .right{
	width: 50%;
}
.join .advantage .right ul{}
.join .advantage .right ul li{
	display: flex;
	flex-direction: row;
	align-items:center;
	padding: 10px 0 15px 0;
}
.join .advantage .right ul li span{
	color: #fff;
	font-size: 16px;
	width: 7%;
}
.join .advantage .right ul li input{
    border: 1px solid #fff;
    padding: 0 10px;
    outline: none;
    background: #3e3b3b;
    font-size: 14px;
    width: 350px;
    color: #fff;
    height: 40px;
    line-height: 40px;
}
.join .advantage .right ul li textarea{
	border: 1px solid #fff;
	padding: 5px 10px;
	outline: none;
	background: #3e3b3b;
	font-size: 14px;
	width: 350px;
	color: #fff;
	height: 107px;
}
.join .advantage .right ul li em{
	font-style: normal;
	color: red;
	margin-left: 10px;
}
.join .advantage .right .btn{
    background: #95702EFF;
    width: 120px;
    height: 35px;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    margin-left: 50px;
}
/*解决方案*/
.toppic {
	margin-top: 80px;
	width: 100%;
	height: 130px;
	background: url(../img/bg-pic3.png) no-repeat;
	background-size: 100% 100%;
}

.toppic-title-i {
	font-size: 36px;
	margin-right: 5px;
	vertical-align: sub;
}

.toppic-title-span {
	font-size: 26px;
}

.toppic-title p {
	font-size: 17px;
	padding-left: 30px;
	margin-top: -10px;
}

.toppic-title {
	color: #fff;
	padding-top: 20px;
}

.toppic-progress {
	padding: 8px 10px;
	border: 1px solid #fff;
	margin-top: 45px;
	border-radius: 7px;
}

.toppic-progress span {
	font-size: 14px;
	padding: 0 4px;
}

.toppic-progress span:hover {
	text-decoration: underline;
}

.small-title {
	position: relative;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
}

.small-title span i {
	margin-right: 10px;
}

.small-title span em {
	font-style: normal;
	margin-right: 10px;
}

.solutions-tabs-ul {
	width: 60% !important;
	margin: 0 auto !important;
	background-color: #ffffff !important;
	padding-top: 30px !important;
}

.solutions-tabs-ul li {
	height: 80px !important;
	margin-top: 20px;
	border-right: 20px solid #ffffff;
	position: relative;
}

.solutions-tabs-ul li a div {
	width: 90%;
	margin: 0 auto;
}

.solutions-tabs-li-ac a,
.solutions-tabs-ul li a {
	color: #ffffff !important;
}

.am-tabs-d2 .am-tabs-nav > .am-active {
	position: relative;
	background-color: #005489;
	border-bottom: none;
}

.solutions-tabs-ul li:hover {
	background-color: #005489;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.solutions-tabs-ul li a i {
	display: block;
	font-size: 30px;
	margin-top: 5px;
}

.solutions-tabs-ul li a span {
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -5px
}

.mobile-phone {
	font-size: 40px !important;
	margin-top: 2px !important;
}

.am-tabs-bd {
	border: none;
}

.solutions-tabs-ul-li1 {
	background-color: #0171b7;
}

.solutions-tabs-ul-li2 {
	background-color: #0086da;
}

.solutions-tabs-ul-li3 {
	background-color: #429ed7;
}

.solutions-tabs-ul-li4 {
	background-color: #6eb6e2;
}

.solutions-tabs-content {
	background-color: #f0eeed;
	padding: 20px 20px 0 20px;
	width: 100%;
	margin-top: 30px;
}

.solutions-content-ul {
	width: 70%;
	margin: 0 auto;
}

.solutions-content-ul li {
	background-color: #ffffff;
	padding: 15px;
	margin-bottom: 20px;
}

.solution-tabs-img img {
	width: 100%;
}

.solution-tabs-words h5 {
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 18px;
}

.solution-tabs-words p {
	font-size: 14px;
}

.am-tabs-d2 .am-tabs-nav > .am-active:after {
	position: absolute;
	width: 0;
	height: 0;
	bottom: -30px;
	left: 50%;
	margin-left: -20px;
	border: 15px rgba(0, 0, 0, 0) solid;
	content: "";
	z-index: 1;
	border-bottom-color: #f0eeed;
}


/*解决方案详情*/

.words-title {
	margin-top: 15px;
	text-align: center;
}

.words-title span {
	font-size: 22px;
}

i.am-icon-file-text.file-text {
	font-size: 22px;
	margin-right: 10px;
	color: #0086da;
}

.solution-inform {
	background-color: #f0eeed;
	width: 100%;
	padding: 0 10px;
}

.solution-inform-content-all {
	background-color: #ffffff;
	width: 65%;
	margin: 0 auto;
}

.solution-inform-content {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
}

.solution-inform-content p {
	text-indent: 2em;
	font-size: 14px;
	margin-top: 10px;
}

.inform-content-p {
	font-size: 14px !important;
}

.solution-inform-content-words {
	line-height: 25px;
	color: #666;
}

.solution-inform-content-img {
	margin-top: 20px;
}

.solution-inform-content-img img {
	width: 100%;
}


/*产品展示*/

.product-show-ul {
	width: 100%;
}

.gray-li {
	background-color: #1D1D1D;
}
.gray-li .customer-case-content{
	display: none;
}
.gray-li .swiper-container{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.gray-li .swiper-container .swiper-wrapper{
	flex-direction: row !important;
}
.gray-li .swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: calc((100% - 30px) / 2);

	/* Center slide text vertically */
	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;
	margin-top: 0 !important;
  }
.product-show-ul li {
	padding: 35px 0;
}

.product-content {
	margin: 0 15%;
}

.product-show-title h3 {
	font-size: 22px;
	font-weight: bold;
}

.product-show-title span {
	color: #FFFFFF;
	background-color: #0086da;
	padding: 2px 5px;
	border-radius: 3px;
	margin-top: 5px;
	display: inline-block;
}

i.am-icon-dribbble,
i.am-icon-tasks {
	font-size: 28px;
	color: #0086da;
	position: absolute;
	left: -40px;
	top: -10px;
}

i.am-icon-tasks {
	font-size: 24px;
	top: -5px;
}

.product-add,
.product-intro {
	position: relative;
	margin-top: 20px;
}

.product-add div a {
	color: #ff8a44;
	text-decoration: underline;
}

.product-add span,
.product-intro span {
	font-weight: bold;
}

.product-intro p {
	font-size: 14px;
}

.product-content-left {
	padding: 0 40px;
}

.product-content-right {
	padding: 0 40px;
	float: right;
}

.product-img {
	width: 70%;
	margin-top: 25px;
}


/*新闻详情*/

.words-title div {
	font-size: 15px;
}


/*新闻动态*/

.news-content-all div {
	padding: 0;
}
.news-content-all .am-pagination {
	text-align: center;
}
.news-ul li{ 
	margin-bottom: 15px;
}

.news-ul li a{
	display: flex;
	flex-direction: row;
	align-items: center;
	border-bottom: 1px dashed #ffffff;
	padding: 20px 0;
}
.news-ul li a .img{
	margin-right: 20px;
	width: 164px;
    height: 210px;
}
.news-ul li a p img{
	width: 100%;
	height: 100%;
}
.news-ul-liimg  {
	width: 100%;
}

.news-ul li .text {
	font-size: 14px;
	height: auto;
	line-height: 20px;
	overflow: hidden;
	margin-top: 20px;
	color: #999999;
	margin-bottom: 20px;
	
}
.news-content-all { margin-top: 45px;}
.news-ul li .title {
	margin-top: 15px;
	display: inline-block;
	color: #fff;
	display: flex;
	flex-direction: row;
}
.news-ul li .title .content{
	flex: 1;
	color: #fff;
	font-size: 16px;
}
.news-ul li .btn{
    color: #FFFFFF;
    border: 1px solid #96712F;
    font-size: 14px;
    display: inline-block;
    padding: 2px 20px;
}
.news-ul li .title span{
	color: #999999;
	font-size: 12px;
	padding-left: 10px;
}
.news-btn{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.news-btn li{
	width: 100px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	margin: 0 10px;
	border-radius: 5px;
	cursor: pointer;
	border: 1px solid #96712F;
}
.news-btn li.active{
	background: #96712F;
	box-shadow: 0 0 8px 0 #8A6727;
}
.news-btn li a{
	color: #fff;
}
.news-ul-liall{ position: relative;
	flex: 1;
overflow: hidden;}
.see-more3 {
	padding: 5px 10px;
	color: #128abc;
	background-color: #fff;
	border: 1px solid #128abc;
	border-radius: 3px;
}
.news-ul li:hover .see-more3 {
	color: #fff;
	background-color: #128abc;
	border: 1px solid #128abc;
	transition: all 0.4s ;
-moz-transition: all 0.4s ;
-webkit-transition: all 0.4s ;
-o-transition: all 0.4s ;
}
.see-more3 i{
	margin-left: 5px;
}

.inform-list {position: absolute;
left:0;
top:20px;
	
}
.inform-list div i{
	margin-right: 5px;
}
.inform-list div{
	padding: 5px 12px;
	margin: 6px 0;
	width: auto;
	background-color: #128abc;
	color: #fff;
	font-size: 13px;
	margin-left: -100%;
	display: table;
	opacity: 0;
}
.news-ul li:hover .news-ul-liimg{
-webkit-filter: blur(2px) grayscale(1);
-moz-filter: blur(2px) grayscale(1);
-o-filter: blur(2px) grayscale(1);
-ms-filter: blur(2px) grayscale(1);
filter: blur(2px) grayscale(1);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.news-ul li:hover .inform-list-date{
	margin-left: 0;
	transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
opacity: 1;
	}
.news-ul li:hover .inform-list-label{
	margin-left: 0;
	transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
opacity: 1;
	}
.news-ul li:hover .inform-list-numb{
	margin-left: 0;
	transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
opacity: 1;
	}
	
.inform-list li i {
	margin-right: 10px;
	font-size: 15px;
}

.hot-title{color:#128abc ;
margin-bottom: 10px;}
.hot-title i{ margin-right: 10px;font-size: 19px;}
.am-panel > .am-list > li > a {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 20px;
}

.am-list > li > a {
	display: block;
	padding: 5px 0;
}

.am-panel-default > .am-panel-hd {
	color: #ffffff;
	background-color: #0086da;
	border-color: #0086da;
	font-weight: bold;
}

.am-pagination > li > a,
.am-pagination > li > span {
	padding: 3px 9px;
	font-size: 15px;
}

.current-page {
	color: #96712F !important;
}

.am-panel-hd i {
	margin-right: 5px;
}

.newspaper-o {
	font-size: 48px !important;
	margin-top: -13px !important;
}

.am-pagination li a:visited {
	background-color: #fff !important;
}


/*客户案例*/

.gallery-words {
	height: 125px;
	width: 100%;
	line-height: 26px;
	overflow: hidden;
}

.briefcase {
	font-size: 48px !important;
	margin-top: -13px !important;
}

.customer-case li {
	margin-bottom: 20px;
	margin-top: 10px;
}

.customer-case {
	
}

.case-content {
	text-align: left;
	background-color: #f3f3f3;
	border-left: 8px solid #0086da;
	height: 110px;
	padding: 8px 6px;
	position: absolute;
	bottom: 0;
	left: 40%;
	width: 180px;
}

.case-content span {
	font-weight: bold;
}

.case-content p {
	font-size: 14px;
	height: 44px;
	line-height: 22px;
	overflow: hidden;
}

.customer-case-all {
	width: 100%;
	position: relative;
}

.customer-case-img {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.customer-case-ul {
	margin-top: 30px;
}

.customer-case-img img {
	width: 100%;
}

.case-more {
	width: 100px;
	height: 25px;
	float: right;
	margin-top: 8px;
	text-align: center;
	margin-right: -6px;
}

.case-more .see {
	background-color: #0086da;
	width: 75px;
	color: #fff;
	font-size: 15px;
	height: 25px;
	line-height: 25px;
}

.case-more .more {
	background-color: #05598e;
	width: 25px;
	height: 25px;
}

.case-more .more i {
	color: #fff;
}

.our-customer {
	padding-top: 30px;
}

.customer-content2 {
	margin-top: 10px;
	padding-bottom: 30px;
}

.customer-case-ul li:hover .customer-case-img img {
	transform: scale(1.4);
	transition: all 1s ease 0s;
	-webkit-transform: scale(1.4);
	-webkit-transform: all 1s ease 0s;
}

.case-content:hover .case-more .see {
	background-color: #05598e;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}


/*案例详情*/

.case-img {
	width: 100%;
	padding: 20px;
	background: #f3f3f3;
}

.case-inform img {
	width: 40%;
	margin-top: 20px;
}

.case-left {
	margin-top: 60px;
}


/*关于我们*/
.part-title-mar{padding-top: 30px;
padding-bottom: 25px;}
.company-intro {
	margin: 0 22%;
	text-align: center;
}

.company-intro p {
	margin-top: 15px;
	font-size: 15px;
}

.thought-all {
	width: 100px;
	height: 100px;
	background-color: #0086da;
	border-top: 10px solid #05598e;
	color: #ffffff;
	margin: 0 auto;
	position: relative;
}

.thought-all-none {
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #424242;
	opacity: 0;
}

.thought-all-none h5 {
	font-size: 16px;
	line-height: 100px;
	color: #0086da;
	display: none;
}

.company-thought {
	display: table;
	margin: 0 auto;
}

.company-thought li {
	float: left;
	text-align: center;
	margin: 0 10px;
}

.thought-all-none:hover {
	opacity: 0.9;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

.thought-all-none:hover h5 {
	display: block;
}

.thought-all span {
	display: block;
}

.thought-all i {
	font-size: 35px;
}

.company-thought-all {
	width: 100%;
	margin-top: 40px;
	padding: 40px 0;
}

.office-space {
	margin: 0 5%;
}

.office-space img {
	width: 100%;
}

.office-space div {
	margin: 0;
	padding: 0;
}

.contact-us {
	padding: 30px 40px;
	text-align: center;
}

.contact-us div img {
	width: 80%;
	float: right;
}

.contact-add li {
	margin-bottom: 10px;
}

.contact-add div,
.contact-add li i {
	height: 35px;
	line-height: 35px;
}

.contact-add li div {
	position: relative;
}

.contact-add li i {
	background-color: #0086da;
	width: 35px;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 20px;
}

.contact-add div span {
	width: 270px;
	background-color: #fff;
	height: 35px;
	display: inline-block;
	padding-left: 45px;
	font-size: 14px;
	float: left;
	color: #666;
	font-weight: bold;
	text-align: left;
}

.contact-add-1 {
	font-size: 13px !important;
}

.office-space-title,
.contact-us-title {
	margin-top: 40px;
	margin-bottom: 10px;
}

.paper-plane {
	font-size: 42px !important;
	margin-top: -10px !important;
}

.mobile {
	font-size: 25px !important;
}


/*招贤纳士*/

.recruit-left,
.recruit-right {
	padding: 0 10px;
}

.daiyu {
	width: 100%;
	background-color: #0086da;
	padding: 30px 0;
}

.daiyu-title-ul {
	width: 20% !important;
	margin: 0 auto !important;
	background-color: transparent !important;
}

.daiyu-title-ul li {
	background-color: #006bae;
	margin: 0 10px;
}

.am-tabs-d2 .daiyu-title-ul> .am-active:after {
	display: none;
}

.daiyu-content {
	padding: 20px 20px 0 20px;
	width: 100%;
}

.daiyu-content-1 {
	width: 60%;
	margin: 0 auto;
	border: solid 2px #c5c5c5;
	padding: 20px 5%;
	color: #969696;
}
.title-1024{
	display: inline-block;
}
.title-750{
	display: none !important;
}
.money {
	color: #fff !important;
}

.user-secret {
	font-size: 45px !important;
	margin-top: -10px !important;
}


/*服务中心*/

.service-content h4 {
	font-size: 22px;
}

.service-content p {
	font-size: 14px;
	color: rgb(153, 153, 153);
	line-height: 22px;
}

.service-ul li {
	margin: 20px 0 ;
	border-bottom: 1px solid rgb(230, 230, 230);
	padding-bottom: 25px;
	
}

.service-img {
	text-align: center;
}

.service-img img {
	width: 70%;
}


.service-ul li:last-child {
	border-bottom: none;
}
.service-ul li:first-child{
	margin-top: 50px;
}
@media only screen and (max-width:1240px) {
	.product-img {
		width: 80%;
		margin-top: 25px;
	}
}

@media only screen and (max-width:1024px) {
	/*首页*/
	.hw-logo {
		margin-left: 10px;
	}
	.news-content-right img {
		width: 40%;
		margin-top: 20px;
		margin-bottom: 0;
	}
	.customer-content li div img {
		width: 70% !important;
	}
	.customer-content li {
		margin-top: 10px;
	}
	.news-content {
		width: 85%;
	}
	.news-right-title {
		font-size: 22px;
		margin-top: 20px;
		display: inline-block;
	}
	.news-right-time {
		font-size: 16px;
		margin-top: -1px;
	}
	/* 解决方案*/
	.solutions-tabs-ul {
		width: 70% !important;
	}
	.solutions-content-ul {
		width: 90%;
		margin: 0 auto;
	}
	.toppic-title {
		margin-left: 10px;
	}
	.toppic-progress {
		margin-right: 10px;
	}
	/*解决方案详情 */
	.solution-inform-content-all {
		background-color: #ffffff;
		width: 100%;
	}
	.solution-inform-content p {
		font-size: 16px;
	}
	/* 产品展示*/
	.product-img {
		width: 90%;
		margin-top: 25px;
	}
	.product-content {
		margin: 0 10%;
	}
	/*客户案例*/
	.customer-case li {
		text-align: center;
	}
	.case-content {
		left: 40%;
	}
	/*关于我们 */
	.contact-us div img {
		width: 80%;
	}
	/*招贤纳士*/
	.daiyu-title-ul {
		width: 35% !important;
	}
	.daiyu-content-1 {
		width: 80%;
	}
	/*服务中心*/
	.service-img img {
		width: 90%;
	}
	.service-content p {
		font-size: 15px;
	}
}

@media only screen and (max-width:915px) {
	.hw-logo {
		margin-left: 10px;
	}
	.product-img {
		width: 100%;
		margin-top: 25px;
	}
	.hw-menu li a {
		line-height: 25px;
	}
	.hw-menu li {
		height: 40px;
	}
	.hw-menu-active {
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	/*关于我们 */
	.contact-us div img {
		width: 95%;
	}
}

@media only screen and (max-width:768px) {
	.part-title{
		width: 100%;
	}
	.product-img {
		width: 100%;
		margin-top: 25px;
	}
	.product-content {
		margin: 0 5%;
	}
	.solution-circle {
		font-size: 45px;
		width: 150px;
		height: 150px;
		line-height: 110px;
	}
}

@media only screen and (max-width:640px) {
	body{
		background: #fff !important;
	}
	.rollpic{
		margin: 80px 0 26px 0;
	}
	.hw-logo{
		width: 79% !important;
	}
	.dis-640{
		display: flex;
		flex-direction: row;
	}
	.textindex-604{
		display: none;
	}
	.text-640{
		display: inline-block;
	}
	.text-640 p{
		text-align: justify;
	}
	.text-1120{
		display: none;
	}
	.gray-li .swiper-container{
		display: none;
	}
	.gray-li .customer-case-content{
		display: inline-block;
	}
	.am-container-1 button {
		margin: 7% 1% 0 0;
		max-width: 15%;
	}
	.am-slider-default .am-direction-nav a{
		display: none;
	}
	.all-title{
		border: none;
	}
	/*首页*/
	.part-title{
		width: 100%;
	}
	.solution-circle {
		font-size: 45px;
		width: 100%;
		height: 100%;
		line-height: 90px;
	}
	.solutions-title {
		font-size: 15px;
	}
	.solutions-content li {
		padding: 20px 15px !important;
	}
	.part-title-span {
		font-size: 17px;
		margin-left: 10px;
		color: #333333;
	}
	.part-title .part-title-p{
		font-size: 12px;
		margin-top: 0;
	}
	.case-li:hover .case-word {
		display: none;
	}
	.case-li-mengban:hover {
		opacity: 0;
	}
	.part-all {
		margin-top: 0;
	}
	.solutions-way {
		font-size: 13px;
	}
	.three-reason-content {
		width: 95%;
		margin-top: 15px;
	}
	.gray-li{
		background: #fff;
	}
	.three-reason-img1,
	.three-reason-img1:hover,
	.three-reason-img2,
	.three-reason-img2:hover,
	.three-reason-img3,
	.three-reason-img3:hover {
		background-size: 100% 100%;
	}
	.three-reason-bg {
		width: 200px;
		margin-top: 20px;
	}
	.reason-title {
		font-size: 13px;
	}
	.three-reason-img1,
	.three-reason-img2,
	.three-reason-img3 {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border: none;
	}
	.case-img1 {
		width: 100%;
		margin-top: 10px;
	}
	.customer-case-content {
		margin-top: 0;
	}
	.case-img1 a h3{
		opacity: 1;
		font-size: 12px;
		height: 25px;
		line-height: 25px;
	}
	.customer-content li {
		margin-top: 0px;
	}
	.customer-content {
		margin-top: 0px;
	}
	.title-750{
		display: flex !important;
	}
	.title-1024{
		display: none !important;
	}
	.lan-bott {
		height: auto;
		padding: 10px 10px;
		background: url("../img/phone-about.jpg") center center no-repeat;
		background-size: 100% 100%;
		margin: 20px 0 28px 0;
	}
	.lan-bott p{
		line-height: 1.8;
		letter-spacing: 0 !important;
	}
	.lan-bott .left {
		display: none;
	}
	.see-more {
		margin-top: 0px;
	}
	.news-img {
		width: 100%;
		overflow: hidden;
	}
	.news-content-ul {
		margin-top: 0;
		margin-bottom: 35px;
	}
	.news-content-ul li {
		margin-top: 10px;
		padding: 0 !important;
	}
	.story-concact{}
	.story-concact div{}
	.customer-content li div img {
		width: 80%;
	}
	.part-5-title {
		margin-top: 10px;
	}
	.part-5-words2 span{
		float: none;
		text-align: left;
		padding-bottom: 10px;
		font-size: 14px;
	}
	.part-5-words2 span em{
		font-size: 14px;
    	font-weight: 500;
	}
	.part-5-words2 img{
		width: 62px;
	}
	.part-5-words2 p{
		color: #fff;
	}
	.end-footer{
		line-height: 1.8;
		padding: 20px;
		font-size: 14px;
	}
	.product-banner{
		padding-top: 80px;
	}
	.news-content {
		margin-top: 0;
		width: 98%;
		padding: 0 7px;
	}
	.see-more {
		top: 0px;
	}
	.part-content {
		/* margin-top: 20px; */
	}
	.customer-case {
		padding: 0;
		margin-top: 10px;
	}
	.lan-brank{
		height: auto;
		margin: 20px 0 28px 0;
	}
	.lan-brank .content{
		width: 100%;
		padding-top: 20px;
		text-align: center;	
	}
	.lan-brank .content p{
		padding: 0 10px;
		text-align: justify;
	}
	.lan-brank button{
		padding: 6px 12px;
		margin: 0 10px 52px;
		font-size: 14px;
	}
	.lan-brank .left{
		background: none;
		float: none;
		width: 100%;
		height: auto;
	}
	.lan-brank .left p{
		padding: 2%;
	}
	.lan-brank .left button{
		margin: 2%;
		padding: 4px 6px;
	}
	.lan-brank .right{
		float: none;
		width: 100%;
	}
	.footer-ul-li li{
		width: 50%;
	}
	.news-right-title{
		color: #333333;
		font-size: 16px;
		margin-top: 0 !important;
	}
	.contact .content .right ul li{
		width: 39% !important;
    	padding: 0 !important;
	}
	/* .exzoom{
		display: none;
	} */
	.footer{
		width: 100%;
		background: #2d2d2d;
		padding-top: 20px;
	}
	.nav-list ul li h3{

	}
	.footer ul li p{
		display: none;
	}
	.footer .foo-ul{
		display: flex;
		flex-direction: column;
		padding-top: 0 ;
	}
	.footer .nav-list{
		width: 100%;
		display: none;
	}
	.footer ul li.part-5-li2{
		width: 100%;
		display: inline-block;
		position: relative;
	}
	.part-5-words2-right-640{
		position: absolute;
		top: 35%;
		right: 0;
	}
	.nav-list ul li a{
		font-size: 14px;
	}
	.footer ul li .part-5-words2{
		padding-left: 0;
	}
	/* 产品系列 */
	.swiper-container{
		display: none;
	}
	.product-series{
		width:96% !important;
	}
	.product-series ul li a h2{
		color: #333;
		font-size: 16px;
		padding-top: 10px;
		/* display: none; */
	}
	.product-series ul li a .detailed .title{
		color: #333;
	}
	.product-series ul li a .detailed p{
		color: #333333;
	}
	.product-series ul li a .ser-ename{
		color: #333;
		/* display: none; */
	}
	.product-series ul li a .ser-cname{
		color: #333;
		font-size: 16px;
		/* display: none; */
	}
	.product-series ul li a .right{
		height: auto;
	}
	.product-series ul{
		padding-bottom: 30px;
	}
	.letter{
		margin: 0 2%;
		padding-top: 0;
	}
	.letter .img{
		width: 100%;
		margin: 13px auto 18px auto;
	}
	.letter .img li{
		width: 33.33%;
	}
	.img-show{
		
	}
	.img-show img{
		width: 100%;
	}
	.img-show .pre,.next{
		bottom: 5%;
		top: auto !important;
	}
	.img-show .pre img,.next img{
		width: 25%;
	}
	.letter .product{
		width: 100%;
	}
	.letter .product li{
		border-bottom: 1px solid #333333;
	}
	/* 产品系列 产品列表 */
	.product-list{
		width: 96% !important;
	}
	.product-list .left{
		width: 30%;
	}
	.product-list .left h2{
		width: 100%;
		height: 40px;
		background: #313131;
		color: #ffffff;
		text-align: center;
		line-height: 40px;
		font-weight: 500;
		font-size: 16px;
	}
	.width-1400{
		display: none;
	}
	.product-list .right{
		width: 68%;
	}
	.product-list .right .pr-list li{
		width: 48%;
		padding: .5%;
	}
	.product-list .right .pr-list{
		padding-top: 10px;
		min-height: auto;
	}
	.customer-case-content li{
		padding: 5px 5px !important;
	}
	.gray-li .product-list{
		margin: 19px 2%;
	}
	.width-640{
		display: inline-block;
		width: 100%;
	}
	.product-list .right .pr-list li a .img{
		overflow: hidden;
		height: auto;
		width: auto;
		line-height: 1;
		background: #fff;
	}
	.product-list .right .pr-list li a p{
		font-size: 12px;
	}
	.brank-story{
		padding-top: 20px;
	}
	.brank-story .narration p{
		padding-top: 0;
		color: #333333;
	}
	/* 联系我们 */
	.contact .content{
		width: 100%;
		padding: 0 2%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.contact .content .left{
		padding-bottom: 30px;
	}
	.contact .content .left h3{
		color: #333;
		padding-top: 30px;
	}
	.contact .content .left p{
		color: #333333;
	}
	.contact .content .right{
		width: 100%;
		margin-right: 0;
	}
	.contact .map {
		margin-top: 19px;
	}
	.contact .content .right ul{
		width: 100% !important;
	}
	.contact {
		padding: 20px 0 30px 0;
	}
	.contact .content .right ul li{}
	.contact .content .right ul li img{
		width: 90px !important;
	}
	.contact .content .right ul li p{
		color: #333333;
	}
	/* 产品详情 */
	.other-banner{
		display: inline-block;
	}
	.other-banner .swiper-container{
		display: inline-block !important;
		height: auto !important;
		width: 360px;
	}
	.other-banner .swiper-container img{
		width: 100%;
		/* padding-right: 15px; */
	}
	.exzoom{
		display: none;
	}
	.product-detalis{
		width: 100%;
		display: flex;
		flex-direction: column;
		margin-top: 82px;
	}
	.product-detalis .left{
		width: 100%;
		padding-bottom: 0;
	}
	.product-detalis .content{
		background: #fff;
		color: #333;
		padding: 0 1%;
	}
	.product-detalis .content h2{
		background: #fff;
		color: #333;
		margin: 0;
		padding-top: 20px;
		border-top: 1px solid #333;
	}
	.product-detalis .content .detailed .title{
		background: #fff;
    	color: #333;
	}
	.product-detalis .content .detailed p{
		/* background: #fff;
    	color: #333; */
	}
	.product-detalis .content .ser-cname{
		background: #fff;
    	color: #333;
	}
	.product-detalis .right{
		width: 100%;
	}
	.swiper-button-next{
		right: 10px;
		outline: none;
		top: 26%;
	}
	.swiper-button-prev{
		left: 10px;
		outline: none;
		top: 26%;
	}
	/* 品牌故事 */
	.brank-story .narration{
		width: 100%;
		padding: 10px 2%;
		margin-bottom: 33px;
	}
	.brank-history-bj{
		background: url("../img/histtory_01_640.png") center center no-repeat;
		margin-bottom: 31px;
	}
	.brank-story .brank-history{
		width: 100%;
		padding: 0 2%;
	}
	.brank-story .brank-history ul li{
		width: 100%;
	}
	.brank-story .belief{
		width: 100%;
		flex-direction: column;
		padding: 0 2%;
	}
	.brank-story .belief .left{
		width: 100%;
	}
	.brank-story .belief .left p{
		padding: 20px 0;
		color: #333333;
	}
	.brank-story .belief .right{
		width: 100%;
	}
	.brank-story .belief .right{
		display: none;
	}
	.news-btn li a{
		color: #333333;
	}
	.news-ul{
		padding-bottom: 20px;
	}
	.news-ul li .img{
		margin-right: 12px;
		width: 100px !important;
		height: 127px !important;
	}
	.news-ul li .title .content{
		color: #333333;
		font-size: 14px;
	}
	.news-ul li .title{
		color: #333333;
		font-weight: 600;
	}
	.news-ul li a{
		padding: 10px 0;
	}
	.urHere{
		display: none;
	}
	.news-ul li .text{
		color: #333333;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		margin-bottom: 0;
		margin-top: 10px;
	}
	.about-left{
		display: none;
	}
	.ling-about {
		margin: 15px 0 20px 0;
	}
	.ling-product .ling-left{
		display: none;
	}
	.ling-product .ling-right{
		display: none;
	}
	.mobile-ling {
		width: 100%;
		margin: 10px 0;
		display: inline-block;
	}
	.mobile-ling ul {}
	.mobile-ling ul li{
		width: 98%;
		overflow: hidden;
		position: relative;
	}
	.mobile-ling ul li .text{
		background: #ffffff;
		box-shadow: 0px 1px 10px 2px rgba(165,165,165,0.5);
		width: 50%;
		position: absolute;
		height: 120px;
		top: 15px;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.mobile-ling ul li .text h3{
		color: #96712F;
	}
	#wrapper .mb{
		width: 96% !important;
		margin: 2% !important;
	}
	.lift {
		margin: 10px 0 !important;
		color: #999 !important;
		font-size: 14px !important;
	}
	#pageIn{
		width: auto !important;
	}
	#article .content {
		color: #555 !important;
	}
	#article{
		padding: 0 !important;
	}
	#article h1{
		color: #555 !important;
	}
	.mobile-ling ul li .text p{
		color: #999999;
		font-size: 13px;
	}
	.mobile-ling ul li img{
		width: 220px;
		float: right;
	}
	.about-right {
		width: 100%;
		background: #ffffff;
		padding: 0 10px 0 10px;
	}
	.about-right a{
		margin-top: 10px;
	}
	.news-ul li .btn{
		display: none;
	}
	.join {
		padding-top: 20px;
	}
	.join .system{
		width: 100%;
		padding: 0 15px;
	}
	.join .system ul li p{
		font-size: 12px;
	}
	.join .system ul li img {
		width: 30px;
		height: 30px;
	}
	.join .system ul li{
		width: auto;
	}
	.join .system ul::after{
		height: 4px;
	}
	.join .system ul li span {
		display: inline-block;
		width: 10px;
		height: 10px;
		background: #fff;
		border: 1.5px solid #1D1D1D;
		border-radius: 100%;
		margin: 10px 0;
	}
	.join .inherited{
		width: 96%;
		margin: 19px 2% 35px 2%;
		color: #555;
	}
	.join .inherited .right{
		display: none;
	}
	.join .inherited .left{
		width: 100%;
	}
	.join .inherited .left p{
		color: #333333;
		padding: 0 10px 0 10px;
	}
	.join .advantage {
		width: 100%;
		margin: 0 0 40px;
		display: block;
	}
	.join .advantage .left {
		width: 100%;
	}
	.join .advantage .left ul li p {
		color: #333;
		font-size: 14px;
	}
	.join .advantage .left ul li {
		padding: 20px 15px 0 15px;
	}
	.join .advantage .right {
		width: 100%;
		padding: 0 15px;
	}
	.join .advantage .right ul li span {
		color: #333;
		font-size: 16px;
		width: 13%;
	}
	.join .advantage .right ul li textarea{
		background: #fff;
		border: 1px solid #333333;
	}
	.join .advantage .right ul li input{
		background: #fff;
		border: 1px solid #333333;
	}
	.contact
	/*解决方案*/
	.solutions-tabs-ul {
		width: 90% !important;
	}
	.solutions-tabs-ul li {
		height: 55px !important;
		margin-top: 20px;
	}
	.solutions-content-ul {
		width: 100%;
		margin: 0 auto;
	}
	.solutions-tabs-ul li a span {
		display: none;
	}
	.toppic-title {
		padding-top: 40px;
	}
	.toppic-title-i {
		font-size: 26px;
	}
	.toppic-title-span {
		font-size: 18px;
	}
	.toppic-title p {
		font-size: 13px;
		padding-left: 23px;
	}
	.toppic-progress {
		padding: 4px 7px;
		margin-top: 50px;
		border-radius: 5px;
	}
	.toppic-progress span {
		font-size: 12px;
		padding: 0 3px;
	}
	.toppic-progress i {
		font-size: 13px;
	}
	.solutions-tabs-content {

  		padding: 20px 5px 0 5px;

	}
	/*解决方案详情*/
	.small-title {
		font-size: 13px;
	}
	.solution-inform-content-all {
		background-color: #ffffff;
		width: 100%;
		margin: 0 auto;
		padding: 0 0 15px 0;
	}
	.inform-content-p {
		font-size: 15px !important;
	}
	i.am-icon-file-text.file-text {
		font-size: 19px;
	}
	.words-title span {
		font-size: 17px;
	}
	.solution-inform {
		margin-top: 15px;
	}
	.solutions-tabs-ul li a i {
		display: block;
		margin-top: 10px;
	}
	.mobile-phone {
		margin-top: 7px !important;
	}
	.inform-content-p {
		margin-top: 0px !important;
	}
	.solution-inform-content {
		padding: 0;
	}
	.solutions-tabs-ul {
  padding-top: 10px !important;
}
	/* 产品展示*/
	.product-img {
		margin-bottom: 20px;
	}
	.product-content {
		margin: 0 10px;
	}
	.product-show-ul li {
  padding: 20px 0;
}
i.am-icon-dribbble{ display: none;}
	/*客户案例*/
	.case-content {
		left: 33%;
	}
	.briefcase {
		font-size: 40px !important;
		margin-top: -13px !important;
	}
	/*案例详情*/
	.case-img {
		margin-top: 20px;
	}
	.case-inform img {
		width: 70%;
		margin: 0 auto;
		display: inherit;}
		.customer-case-ul {
  margin-top: 5px;
	}
	.case-left {
  margin-top: 10px;
}
.product-content-left {
  padding: 0 20px;
}
i.am-icon-tasks{ display: none;}
.product-content-right {
  padding: 0 20px;

}
	/*关于我们*/
	.part-title-mar{
  padding-top: 10px;
  padding-bottom: 5px;
}
	.paper-plane {
		font-size: 30px !important;
		margin-top: -8px !important;
	}
	.company-intro {
		margin: 0 5%;
	}
	.thought-all {
		width: 80px;
		height: 80px;
	}
	.thought-all-none {
		width: 80px;
		height: 80px;
	}
	.company-thought li {
		margin: 0 5px;
	}
	.thought-all span {
		margin-top: 20px;
		color: #3C3C3C;
	}
	.office-space-title,
	.contact-us-title {
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.company-thought {
		margin-bottom: 20px;
	}
	.contact-us div img {
		float: left;
		width: 100%;
	}
	.contact-us {
		padding: 20px 0;
		text-align: center;
	}
	.contact-add {
		margin-top: 20px;
	}
	.company-thought-all {
		width: 100%;
		margin-top: 20px;
		padding: 20px 0;
	}
	.office-space-title,
	.contact-us-title {
		margin-bottom: 10px;
	}
	/*招贤纳士*/
	.daiyu-title-ul {
		width: 70% !important;
	}
	.daiyu-content-1 {
		width: 100%;
	}
	.user-secret {
		font-size: 35px !important;
		margin-top: -10px !important;
	}
	.daiyu-title-ul {
		margin-top: 20px !important;
	}
	.product-img{ margin-top: -20px;}
	/*服务中心*/
	.service-img img {
		width: 75%;
		margin-top: 20px;
	}
	.service-ul {
		margin-top: 10px;
	}
	.service-ul li {
		margin: 10px 0;
	}
	.service-content h4 {
		font-size: 18px;
	}
	.service-content p {
		font-size: 14px;
	}
	.service-ul li:first-child {
  		margin-top: 20px;
	}
	/*新闻动态*/
	.news-content-all {
		margin-top: 0;
	}
	.newspaper-o {
		font-size: 40px !important;
	}
	.margin-t30 {
		margin-top: 20px !important;
	}
	.news-btn{
		padding-top: 20px;
	}
	.news-ul li{ margin: 0;}
}