* {
	box-sizing: border-box;
	outline: 0
}

body {
	color: #666;
	font-size: 12px;
	line-height: 24px;
	font-family: "Microsoft YaHei","arial";
	background-color: #fff;
	min-width: 1180px
}

img {
	max-width: 100%
}

.cha:hover{
	background-color: #6a3f1c !important;
	}

a {
	color: #666;
	outline: none;
	text-decoration: none;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

a:hover {
	color: #855b33
}

input {
	-webkit-appearance: none
}

textarea {
	-webkit-appearance: none
}

body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,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,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {
	margin: 0;
	padding: 0
}

ol,ul {
	list-style: none
}

img {
	border: 0;
	max-width: 100%;
	vertical-align: middle
}

table {
	border-collapse: collapse;
	width: 100%
}

input[type='reset'],input[type='button'],input[type='submit'],input[type='radio'] {
	cursor: pointer;
	outline: none
}

input[type='checkbox'],input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px
}

textarea,input[type='email'],input[type='date'],input[type='password'],input[type='text'],input[type='button'] {
	padding: 0;
	color: #666;
	margin: 0;
	outline: none
}

@font-face {
	font-family:"HelveticaNeueLTPro-ThEx";src:url("../fonts/helveticaneueltpro-thex.woff2") format("woff2"),url("../fonts/helveticaneueltpro-thex.woff") format("woff"),url("../fonts/helveticaneueltpro-thex.ttf") format("truetype"),url("../fonts/helveticaneueltpro-thex.eot") format("embedded-opentype"),url("../fonts/helveticaneueltpro-thex.svg") format("svg");font-weight:normal;font-style:normal
}

.vcenter {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	vertical-align: middle
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block
}

.container {
	width: 1200px;
	margin: 0 auto
}

.top {
	height: 35px;
	line-height: 35px; border-bottom:1px solid #f0f0f0;background: #825b34; color:#fff;
}

.top p {
	float: right;
	text-align: right
}

.top p a {
	margin-left: 10px;
	display: inline-block
}

.top p img {
	vertical-align: top;
	margin-top: 10px;
	margin-left: 15px
}

.header {
	position: relative
}

.header .logo {
	left: -50px;
	top:5px;
	position: absolute
}

.header .search {
	width: 30px;
	height: 30px;
	float: right;
	margin-top: 32px;
	cursor: pointer;
	background: url(../images/icon-search.png);
}

.header .searchbox {
	width: 320px;
	height: 36px;
	z-index: 99;
	right: 50px;
	top: 30px;
	display: none;
	position: absolute;
	border-radius: 30px;
	background-color: #fff;
	border: solid 1px #ddd
}

.header .searchbox .inputfrom {
	color: #000;
	padding:10px 20px 7px 0;
	width: 270px;
	border: 0;
	margin-left: 20px;
	background-color: #fff
}

.header .searchbox img {
	margin-top: 8px;
	vertical-align: top
}

.nav {
	font-size: 14px;
	float: right;    margin: 5px auto;
}

.nav li {
	float: left;
	margin: 0 20px;
	line-height: 85px;
	position: relative
}
.nav li a{ font-size:16px;}
.nav li:after {
	content: "";
	bottom: 20px;
	left: 50%;
	opacity: 0;
	width: 0;
	height: 1px;
	display: none\9;
	position: absolute;
	background: #855b33;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.nav li .subnav {
	top: 0;
	left: -70px;
	top: 85px;
	width: 200px;
	z-index: 999;
	display: none;
	padding: 10px 0;
	position: absolute;
	background-color: #fff;
	background: rgba(255,255,255,0.9)
}

.nav li .subnav a {
	padding: 5px 10px;
	line-height:30px;
	display: block;
	font-size: 14px;
	text-align: center
}

.nav li .subnav a:hover {
	color: #fff;
	background-color: #855b33
}

.nav li:hover:after {
	opacity: 1;
	left: 0;
	width: 100%;
	display: block\9
}

.nav li:hover .subnav {
	display: block
}

.nav li.active:after {
	opacity: 1;
	left: 0;
	width: 100%;
	display: block\9
}

.nav li.active>a {
	color: #825b34
}

.home-title {
	color: #444;
	font-size: 24px;
	text-align: center;
	padding-top: 60px
}

.home-title .t1 {
	font-size: 30px;
	font-family: "HelveticaNeueLTPro-ThEx";
	color: #c1c1c1;
	font-weight: normal
}

.home-title .t1 span {
	color: #855b33
}

.home-title .t2 {
	line-height: 50px;
	display: inline-block;
	border-bottom: solid 2px #855b33
}

.home-service {
	width: 790px;
	float: left;
	margin-top: 60px
}

.home-service .title h3 {
	font-size: 22px;
	color: #333;
	font-weight: normal
}

.home-service .title p {
	font-size: 14px;
	color: #999;
	font-family: "HelveticaNeueLTPro-ThEx"
}

.home-service .box {
	margin-top: 40px
}

.home-service .box dt {
	width: 330px;
	height: 183px;
	float: left;
	position: relative
}

.home-service .box dd {
	width: 400px;
	float: right
}

.home-service .box dd h3 {
	margin-top: 30px;
	font-size: 18px;
	height: 30px;
	color: #444;
	line-height: 30px;
	font-weight: normal;
	overflow: hidden
}

.home-service .box dd h3 a {
	color: #444
}

.home-service .box dd p {
	font-size: 13px;
	color: #848484;
	height: 72px;
	line-height: 24px;
	overflow: hidden;
	margin-top: 30px
}

.home-service .slick-dots {
	top: -40px;
	margin-top: 0;
	text-align: right
}

.home-service .slick-dots li button {
	width: 11px;
	height: 11px;
	border: solid 1px #c9c9c9
}

.home-service .slick-dots li.slick-active button {
	border-color: #855b33;
	background-color: #855b33
}

.home-news {
	top: 159px;
	width: 360px;
	float: right;
	height: 344px;
	position: relative;
	margin-top: -110px;
	z-index: 99;
	color: #fff;
	background-color: #855b33
}

.home-news .title {
	padding: 20px 40px 20px 40px;
	border-bottom: solid 1px #399fe7
}

.home-news .title h3 {
	font-size: 22px;
	font-weight: normal
}

.home-news .title h3 img {
	margin-top: 7px
}

.home-news .title p {
	color: #91caf1;
	font-size: 14px;
	font-family: "HelveticaNeueLTPro-ThEx"
}

.home-news dl {
	height: 83px;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.home-news dl:hover {
	background: #147ac1
}

.home-news dl:hover dd h3 {
	margin-top: 10px
}

.home-news dl:hover dd p {
	opacity: 1;
	display: block\9
}

.home-news dt {
	width: 70px;
	height: 55px;
	float: left;
	margin-top: 14px;
	padding-left: 10px;
	margin-left: 15px;
	line-height: 20px;
	background: #147ac1;
	padding-top: 10px;
	font-family: "HelveticaNeueLTPro-ThEx"
}

.home-news dt .t1 {
	color: #fff;
	font-size: 16px
}

.home-news dt .t2 {
	font-size: 12px;
	color: #89bce0
}

.home-news dd {
	float: right;
	width: 250px
}

.home-news dd h3 {
	height: 30px;
	margin-top: 25px;
	line-height: 30px;
	overflow: hidden;
	font-weight: normal;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.home-news dd h3 a {
	color: #fff;
	display: block
}

.home-news dd p {
	color: #89bce0;
	height: 24px;
	opacity: 0;
	display: none\9;
	overflow: hidden
}

.home-number {
	height: 212px;
	padding-top: 40px;
	background: url(../images/bg.jpg) no-repeat top center
}

.home-number li {
	float: left;
	color: #cce4fb;
	padding: 0 64px;
	text-align: center;
	height: 132px;
	border-left: solid 1px #47a1fa
}

.home-number li .num {
	color: #fff;
	font-size: 66px;
	line-height: 90px;
	font-family: "HelveticaNeueLTPro-ThEx"
}

.home-number li:first-child {
	border: 0
}

.home-product {
	margin-top: 0px;
	padding-bottom: 80px;
	background: #f8f8f8
}

.home-product .product-scroll {
	width: 90%;
	margin: 0 auto;
	margin-top: 40px;
	font-size: 14px
}

.home-product .product-scroll .box {
	margin: 0 5px;
	padding-bottom: 10px;
	position: relative;
	border-bottom: solid 1px #e0e0e0
}

.home-product .product-scroll .box:after {
	content: "";
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	z-index: 1;
	position: absolute;
	-webkit-transition: all .7s linear;
	transition: all .7s linear;
	background-color: #999
}

.home-product .product-scroll .box:hover:after {
	width: 100%
}

.home-product .product-scroll .box:hover .pic:before {
	opacity: 1;
	display: block\9
}

.home-product .product-scroll .box:hover span {
	opacity: 1;
	z-index: 10;
	display: block\9
}

.home-product .product-scroll .box:hover span img {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}

.home-product .product-scroll .pic {
	position: relative
}

.home-product .product-scroll .pic:after {
	content: "";
	display: block;
	padding-bottom: 64%
}

.home-product .product-scroll .pic:before {
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 9;
	display: none\9;
	position: absolute;
	background: rgba(0,0,0,0.4);
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.home-product .product-scroll span {
	top: 50%;
	left: 50%;
	margin-left: -26px;
	width: 100%;
	opacity: 0;
	display: none\9;
	margin-top: -55px;
	position: absolute;
	text-align: center
}

.home-product .product-scroll span img {
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.home-product .product-scroll .tit {
	margin-top: 10px;
	font-size: 16px;
	color: #333;
	height: 30px;
	font-weight: normal;
	line-height: 30px;
	overflow: hidden
}

.home-product .product-scroll .txt {
	color: #999;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}

.home-product .product-scroll .slick-prev,.home-product .product-scroll .slick-next {
	bottom: -70px;
	margin-top: 0;
	top: auto
}

.home-product .product-scroll .slick-prev,.home-product .product-scroll .slick-next {
	width: 30px;
	height: 10px
}

.home-product .product-scroll .slick-prev {
	left: 760px;
	background: url(../images/btnl-1.jpg) no-repeat
}

.home-product .product-scroll .slick-next {
	right: 760px;
	background: url(../images/btnr-2.jpg) no-repeat
}

.home-product .more {
	text-align: center
}

.home-product .more a {
	margin-top: 47px;
	display: inline-block;
	border: solid 1px #dfdfdf
}

.home-product .more a:hover {
	background-color: #fff;
	border-color: #855b33
}

.home-about {
	padding: 60px 0;
	background: #fff
}

.home-about .box {
	width: 610px;
	float: left;
	line-height: 28px;
	font-size: 13px
}

.home-about .box .txt {
	margin: 40px 0;
	height: 112px
}

.home-about .box .t1 {
	color: #333;
	font-size: 22px
}

.home-about .box .t2 {
	font-size: 14px;
	color: #c1c1c1
}

.home-about .box .more {
	width: 140px;
	height: 40px;
	color: #999;
	font-family: arial;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	border: solid 1px #dfdfdf
}

.home-about .box .more:hover {
	color: #fff;
	border-color: #855b33;
	background-color: #855b33
}

.home-case {
	padding-bottom: 100px;
	margin-top: 60px;
}

.home-case .case-scroll {
	height: 346px
}

.home-case .slick-dots {
	bottom: -55px
}

.home-case .slick-dots li button {
	width: 11px;
	height: 11px;
	border: solid 1px #c9c9c9
}

.home-case .slick-dots li.slick-active button {
	border-color: #855b33;
	background-color: #855b33
}

.home-case .box {
	width: 285px;
	margin-top: 40px;
	padding-bottom: 30px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	border-bottom: solid 1px #e6e6e6
}

.home-case .box .pic {
	width: 285px;
	height: 160px;
	position: relative
}

.home-case .box .t1 {
	color: #333;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	font-weight: normal;
	margin-top: 20px;
	margin-right: 5px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	background: url(../images/icon-4.jpg) no-repeat right 8px
}

.home-case .box .t2,.home-case .box .t3 {
	color: #999;
	font-size: 13px
}

.home-case .box .t2 {
	height: 24px;
	overflow: hidden
}

.home-case .box .t3 {
	height: 48px;
	margin-top: 20px;
	overflow: hidden
}

.home-case .box:hover {
	padding-bottom: 40px;
	border-bottom: solid 1px #999
}

.home-case .box:hover .t1 {
	margin-right: 10px
}

.home-partner {
	height: 210px;
	padding-top: 60px;
	background: #f6f6f6
}

.home-partner #scroll {
	width: 100%;
	overflow: hidden;
	position: relative
}

.home-partner #scroll ul {
	width: 100000px;
	overflow: hidden
}

.home-partner #scroll li {
	float: left;
	width: 176px;
	margin: 0 16px;
	height: 79px;
	position: relative;
	text-align: center
}
.banner {
	width: 100%;
	display: block;
	height: 500px;
	overflow: hidden;
	position: relative;
	text-align: center
}

.banner .pic {
	width: 100%;
	height: 500px;
	overflow: hidden
}

.banner .pic span {
	display: block;
	width: 1920px;
	margin-left: -960px;
	left: 50%;
	height: 500px;
	position: relative;
	text-align: center
}

.banner .slick-dots li button {
	width: 40px;
	height: 40px;
	margin: 0;
	cursor: pointer;
	background: #fff;
	margin-top: 2px;
	vertical-align: top;
	border-radius: 0;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.banner .slick-dots li.slick-active button {
	width: 40px;
	height: 40px;
	background-color: #e70719
}

.banner .slick-dots {
	width: 1260px;
	left: 50%;
	margin-left: -630px;
	text-align: center;
	bottom: 30px
}

.banner .slick-prev {
	width: 40px;
	height: 40px;
	border: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	margin-top: -20px;
	background: url(../images/btnl.png) no-repeat rgba(0,0,0,0.2)
}

.banner .slick-next {
	width: 40px;
	height: 40px;
	border: 0;
	right: 0;
	margin-top: -20px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	background: url(../images/btnr.png) no-repeat rgba(0,0,0,0.2)
}

.banner:hover .slick-prev {
	left: 30px;
	background-color: rgba(0,0,0,0.5)
}

.banner:hover .slick-next {
	right: 30px;
	background-color: rgba(0,0,0,0.5)
}

.home-link {
	padding: 70px 0;
	background: #f6f6f6
}

.page-banner {
	width: 100%;
	height: 460px;
	margin-top: 1px;
	overflow: hidden;
	position: relative
}

.page-banner .pic {
	left: 50%;
	top: 0;
	width: 1920px;
	height: 460px;
	position: absolute;
	margin-left: -960px
}

.page-content {
	background: #fff;
	position: relative;
	padding: 40px;
	z-index: 9;
	min-height: 500px;
	margin-top: -160px
}

.page-title {
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: solid 1px #e6e6e6
}

.page-title h2 {
	width: 45%;
	float: left
}

.page-title h2 span {
	color: #c1c1c1;
	font-size: 16px;
	font-weight: normal;
	font-family: "HelveticaNeueLTPro-ThEx"
}

.page-title p {
	color: #333;
	float: right;
	width: 55%;
	font-size: 14px;
	vertical-align: top;
	text-align: right
}

.page-title p a {
	color: #333
}

.page-title p a:hover {
	color: #855b33
}

.page-title p span {
	color: #855b33
}

.page-left {
	width: 200px;
	float: left
}

.page-left .menu a {
	color: #838383;
	font-size: 13px;
	display: block;
	padding: 8px 12px;
	position: relative;
	border-bottom: solid 1px #ebebeb;
	background: url(../images/icon-8.jpg) no-repeat right 15px
}

.page-left .menu a:after {
	content: "";
	width: 3px;
	height: 12px;
	left: 0;
	top: 14px;
	opacity: 0;
	display: none\9;
	background: #855b33;
	position: absolute
}

.page-left .menu a:hover {
	color: #333;
	font-weight: bold;
	background: url(../images/icon-9.jpg) no-repeat right 15px
}

.page-left .menu a:hover:after {
	opacity: 1;
	display: block\9
}

.page-left .menu .active {
	color: #333;
	font-weight: bold;
	background: url(../images/icon-9.jpg) no-repeat right 15px
}

.page-left .menu .active:after {
	opacity: 1;
	display: block\9
}

.page-news {
	margin-top: 40px
}

.page-news .title {
	color: #444;
	font-size: 20px;
	font-weight: normal;
	line-height: 50px
}

.page-news .pic {
	width: 200px;
	height: 50px;
	position: relative
}

.page-news li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	border-top: dotted 1px #e0e0e0;
	padding-left: 10px;
	background: url(../images/icon-10.jpg) no-repeat left 16px
}

.page-right {
	width: 860px;
	float: right;
	font-size: 13px;
	padding: 40px 0
}

.page-right .tit {
	font-size: 24px;
	color: #333;
	position: relative;
	padding-bottom: 20px
}

.page-right .tit:after {
	content: "";
	width: 24px;
	height: 2px;
	left: 50%;
	bottom: 0;
	margin-left: -12px;
	position: absolute;
	background-color: #855b33
}

.list-about-2 dl {
	padding: 30px;
	overflow: hidden;
	background: url(../images/line.jpg) no-repeat center bottom
}

.list-about-2 dt {
	width: 50%;
	float: left
}

.list-about-2 dd {
	width: 50%;
	float: right;
	padding-top: 50px
}

.list-about-2 dd .t1 {
	font-weight: normal;
	font-size: 24px;
	color: #855b33
}

.list-about-2 dd .t2 {
	font-size: 16px;
	padding-left: 20px;
	margin-top: 15px;
	background: url(../images/yd.jpg) no-repeat left center
}

.list-about-3 ul {
	width: 862px;
	margin-left: -1px
}

.list-about-3 li {
	height: 189px;
	width: 285px;
	float: left;
	position: relative;
	margin: 1px
}

.list-message {
	margin-top: 60px
}

.list-message h3 {
	color: #333;
	margin-bottom: 20px;
	line-height: 30px;
	font-size: 26px
}

.list-message h3 img {
	vertical-align: top
}

.list-message ul {
	padding: 20px 0;
	overflow: hidden;
	background: #f8f8f8
}

.list-message li {
	width: 50%;
	float: left;
	padding-left: 30px;
	padding-top: 20px
}

.list-message li label {
	vertical-align: top;
	line-height: 40px
}

.list-message li input {
	width: 350px;
	padding: 11px;
	margin-left: 10px;
	border: solid 1px #e0e0e0
}

.list-message li input:focus,.list-message li textarea:focus {
	border-color: #855b33
}

.list-message li textarea {
	height: 210px;
	width: 350px;
	padding: 10px;
	margin-left: 15px;
	width: 774px;
	border: solid 1px #e0e0e0
}

.list-message li img {
	vertical-align: top
}

.list-message li .btn1,.list-message li .btn2 {
	width: 120px;
	height: 40px;
	color: #fff;
	border: 0;
	float: right;
	font-weight: bold;
	text-align: center
}

.list-message li .btn1 {
	background: #855b33
}

.list-message li .btn2 {
	background: #353638;
	margin-right: 18px
}

.list-case ul {
	width: 890px;
	margin-left: -15px
}

.list-case li {
	width: 265px;
	float: left;
	margin: 0 10px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	border-bottom: solid 1px #e6e6e6
}

.list-case li .pic {
	width: 265px;
	height: 153px;
	position: relative
}

.list-case li .t1 {
	color: #333;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	font-weight: normal;
	margin-top: 20px;
	margin-right: 5px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	background: url(../images/icon-4.jpg) no-repeat right 8px
}

.list-case li .t2,.list-case li .t3 {
	color: #999;
	font-size: 13px
}

.list-case li .t3 {
	height: 48px;
	margin-top: 5px;
	overflow: hidden
}

.list-case li:hover {
	border-bottom: solid 1px #999
}

.list-case li:hover .t1 {
	margin-right: 10px
}

.list-product ul {
	width: 890px;
	margin-left: -15px
}

.list-product li {
	margin: 0 15px;
	width: 265px;
	float: left;
	margin-bottom: 40px;
	padding-bottom: 10px;
	position: relative;
	border-bottom: solid 1px #e0e0e0
}

.list-product li:after {
	content: "";
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	z-index: 1;
	position: absolute;
	-webkit-transition: all .7s linear;
	transition: all .7s linear;
	background-color: #999
}

.list-product li:hover:after {
	width: 100%
}

.list-product li:hover span {
	opacity: 1;
	display: block\9;
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}

.list-product li:hover .pic:after {
	opacity: 1;
	display: block\9
}

.list-product .pic {
	width: 265px;
	height: 170px;
	border: solid 1px #e0e0e0;
	position: relative
}

.list-product .pic:after {
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	display: none\9;
	position: absolute;
	background: rgba(0,0,0,0.4);
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.list-product span {
	top: 50%;
	left: 0;
	width: 100%;
	opacity: 0;
	display: none\9;
	margin-top: -67px;
	position: absolute;
	text-align: center;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.list-product .tit-2 {
	margin-top: 10px;
	font-size: 16px;
	color: #333;
	height: 30px;
	font-weight: normal;
	line-height: 30px;
	overflow: hidden
}

.list-product .txt {
	color: #999;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}

.list-product-2 li {
	margin-bottom: 0
}

.list-proshow dl dt {
	float: left;
	width: 412px;
	height: 264px;
	border: solid 1px #e0e0e0;
	position: relative;
}

.list-proshow dl dd {
	width: 408px;
	float: right;
	font-size: 14px
}

.list-proshow dl dd h3 {
	color: #333;
	font-size: 18px;
	margin-top: 10px
}

.list-proshow dl dd .txt {
	margin-top: 20px;
	padding: 10px 0;
	min-height: 100px;
	border-top: dashed 1px #ccc;
	border-bottom: dashed 1px #ccc
}

.list-proshow dl dd .tel {
	margin: 20px 0
}

.list-proshow dl dd .tel b {
	font-size: 18px;
	font-family: arial;
	color: #855b33
}

.list-proshow dl dd .cot {
	color: #fff;
	width: 120px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	display: inline-block;
	background-color: #855b33
}

.list-proshow dl dd .cot:hover {
	color: #fff;
	background-color: #2187cf
}

.list-proshow .title-2 {
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 16px;
	margin-top: 50px;
	color: #855b33;
	background: url(../images/line-2.jpg) no-repeat left bottom
}

.list-proshow .title-3 {
	height: 40px;
	margin-top: 50px;
	line-height: 40px;
	background: #f7f7f7;
	margin-bottom: 30px
}

.list-proshow .title-3 span {
	color: #fff;
	padding: 0 30px;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	background: #855b33;
	position: relative
}

.list-proshow .title-3 span:after {
	content: "";
	width: 0;
	height: 0;
	bottom: -8px;
	left: 50%;
	margin-left: -4px;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #855b33
}

.list-news-show h1 {
	font-size: 24px;
	color: #333;
	font-weight: normal;
	text-align: center
}

.list-news-show .info {
	color: #999;
	text-align: center;
	font-size: 12px;
	padding: 15px 0 10px 0;
	border-bottom: dotted 1px #e0e0e0
}

.list-case-show {
	margin-top: 40px
}

.list-case-show .pic {
	width: 600px;
	height: 346px;
	margin: 0 auto;
	position: relative
}

.list-case-show .slick-prev,.list-case-show .slick-next {
	width: 25px;
	height: 42px;
	border: 0;
	margin-top: -21px
}

.list-case-show .slick-prev {
	left: 70px;
	background: url(../images/btnl-3.png) no-repeat
}

.list-case-show .slick-next {
	right: 70px;
	background: url(../images/btnr-3.png) no-repeat
}

.list-page-news {
	margin-top: 30px;
	position: relative;
	border-top: solid 1px #ebebeb
}

.list-page-news ul {
	padding-top: 10px;
	padding-right: 100px
}

.list-page-news li {
	height: 30px;
	line-height: 30px;
	overflow: hidden
}

.list-news dl:first-child {
	padding-top: 0
}

.list-news dl {
	padding: 30px 0;
	overflow: hidden;
	border-bottom: solid 1px #ebebeb
}

.list-news dl:hover .box h3 a {
	text-decoration: underline
}

.list-news dl:hover .box p {
	color: #666
}

.list-news dl:hover .time .t3 a {
	background: url(../images/nicon2.png) #855b33
}

.list-news dt {
	float: left;
	width: 200px;
	height: 130px;
	position: relative
}

.list-news dd {
	width: 620px;
	float: right;
	position: relative
}

.list-news .box {
	width: 480px
}

.list-news .box h3 {
	height: 30px;
	margin: 15px 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	overflow: hidden
}

.list-news .box h3 a {
	color: #333;
	display: inline-block
}

.list-news .box p {
	height: 48px;
	color: #999;
	overflow: hidden
}

.list-news .time {
	right: 0;
	top: 0;
	color: #999;
	font-family: arial;
	position: absolute
}

.list-news .time .t1 {
	margin-top: 15px;
	font-size: 20px
}

.list-news .time .t2 {
	font-size: 14px
}

.list-news .time .t3 {
	width: 30px;
	height: 30px;
	margin-top: 30px
}

.list-news .time .t3 a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	background: url(../images/nicon.png) no-repeat center left
}

.list-back {
	top: 15px;
	right: 0;
	color: #fff;
	width: 84px;
	height: 27px;
	text-align: center;
	position: absolute;
	background-color: #855b33
}

.list-back:hover {
	color: #fff;
	background-color: #2187cf
}

.list-job .box {
	border-bottom: solid 1px #d5e4e8;
	padding-bottom: 10px;
	background: url(../images/job-img.jpg) no-repeat right bottom
}

.list-job dl {
	margin-top: 35px;
	overflow: hidden
}

.list-job dl dt {
	color: #fff;
	width: 56px;
	height: 48px;
	float: left;
	padding-top: 8px;
	line-height: 18px;
	font-family: arial;
	text-align: center;
	background: #855b33
}

.list-job dl dd {
	float: left;
	width: 780px;
	float: right;
	position: relative;
	padding: 10px 30px 30px 30px;
	border: solid 1px #e0e0e0
}

.list-job dl dd:after {
	content: "";
	width: 13px;
	height: 30px;
	left: -13px;
	top: 10px;
	position: absolute;
	background: url(../images/sj.jpg) no-repeat
}

.list-job dl dd h3 {
	font-size: 24px;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	font-weight: normal;
	border-bottom: solid 1px #e0e0e0
}

.list-job dl dd h3 a {
	color: #333;
	display: inline-block
}

.list-job dl dd p {
	margin-top: 15px
}

.list-job dl dd b {
	color: #333
}

.list-job dl:hover dd h3 a {
	color: #855b33
}

.job-show {
	line-height: 32px
}

.job-title {
	margin-top: 30px;
	margin-bottom: 15px
}

.job-title span {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 0 20px;
	line-height: 30px;
	display: inline-block;
	border-radius: 3px;
	background-color: #855b33
}

.list-job-2 {
	line-height: 32px
}

.list-job-2 .title {
	font-size: 20px;
	color: #333;
	padding: 40px 0 20px 0
}

.list-job-2 ul {
	overflow: hidden;
	padding-bottom: 40px;
	border-bottom: solid 1px #e0e0e0
}

.list-job-2 li {
	width: 185px;
	float: left;
	line-height: 24px;
	margin-left: 40px
}

.list-job-2 li h3 {
	color: #fff;
	font-size: 16px;
	background: #d25451;
	line-height: 46px;
	text-align: center
}

.list-job-2 li p {
	margin-top: 10px
}

.list-job-2 li:first-child {
	margin-left: 0
}

.list-honor ul {
	width: 880px;
	margin-left: -10px
}

.list-honor li {
	width: 270px;
	float: left;
	margin: 0 10px;
	margin-bottom: 40px;
	text-align: center
}

.list-honor li .box {
	padding-bottom: 45px;
	background: url(../images/honor-bg.png) no-repeat center bottom
}

.list-honor li .pic {
	width: 240px;
	height: 240px;
	margin-left: 15px;
	position: relative
}

.list-honor li .tit2 {
	color: #333;
	height: 20px;
	margin-top: -10px;
	position: relative;
	line-height: 20px;
	overflow: hidden;
	font-size: 16px
}

.tab {
	margin-top: 60px;
	font-family: arial;
	text-align: center
}

.tab a {
	padding: 0 15px;
	line-height: 36px;
	margin: 0 5px;
	font-size: 13px;
	display: inline-block
}

.tab a:hover,.tab a.cpb {
	color: #fff;
	border-color: #855b33;
	background-color: #855b33
}

.contact-emap {
	position: relative;
	width: 100%;
	height: 380px;
	margin-top: 50px
}

#allmap {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.anchorBL {
	display: none
}

.map li:first-child {
	padding-top: 0
}

.map li {
	padding: 20px 0;
	border-bottom: solid 1px #ddd
}

.map li h3 {
	font-size: 16px
}

.map li h3 a {
	color: #855b33
}

.map li p {
	margin-top: 10px;
	font-size: 14px
}

.map li p a {
	padding-right: 30px;
	display: inline-block
}

.search_mask {
	background: url(../images/tm-bg.png) repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
}

.search_mask .s_box {
	width: 350px;
	height: 136px;
	padding: 25px;
	top: 50%;
	left: 50%;
	margin-left: -175px;
	position: absolute;
	margin-top: -68px;
	background: #fff
}

.search_mask .s_box .text1 {
	text-align: center;
	line-height: 24px;
	color: #666;
	font-size: 16px;
	font-style: normal
}

.search_mask .s_box #sure {
	width: 140px;
	height: 36px;
	display: block;
	margin: 20px auto 0;
	background: #1b8fe2;
	border-radius: 2px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
	letter-spacing: 5px
}

.weixinbox {
	z-index: 999;
	position: relative;
}

.weixinbox .wx:hover .topweixin {
	display: block;
}

.topweixin {
	display: none;
	top: 30px;
	right: 140px;
	position: absolute;
}


.slick-slider {
	position:relative;
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list {
	position:relative;
	overflow:hidden;
	display:block;
	margin:0;
	padding:0;
	z-index:1
}
.slick-list:focus {
	outline:none
}
.slick-list.dragging {
	cursor:pointer;
	cursor:hand
}
.slick-slider .slick-track {
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.slick-track {
	position:relative;
	left:0;
	top:0;
	display:block
}
.slick-track:before,.slick-track:after {
	content:"";
	display:table
}
.slick-track:after {
	clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	float:left;
	height:100%;
	min-height:1px;
	display:none
}
[dir="rtl"] .slick-slide {
	float:right
}
.slick-slide img {
	display:block
}
.slick-slide.slick-loading img {
	display:none
}
.slick-slide.dragging img {
	pointer-events:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
.slick-prev,.slick-next {
	z-index:20;
	position:absolute;
	display:block;
	height:50px;
	width:50px;
	line-height:0;
	font-size:0;
	cursor:pointer;
	background:transparent;
	color:transparent;
	top:50%;
	margin-top:-60px;
	padding:0;
	border:none;
	outline:none;
	z-index:3
}
.slick-prev {
	left:30px;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

.slick-next {
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}


[dir="rtl"] .slick-prev {
	left:auto;
	right:30px
}
.slick-next {
	right:30px
}
[dir="rtl"] .slick-next {
	left:30px;
	right:auto
}


.slick-dots {
	position:absolute;
	bottom:20px;
	height:auto;
	list-style:none;
	display:block;
	text-align:center;
	padding:0;
	width:100%;
	line-height:0;
	z-index:2;
}
.slick-dots li {
	position:relative;
	display:inline-block;
	margin:0 3px;
	padding:0;
	cursor:pointer
}
.slick-dots li button {
	border:0;
	display:block;
	height:15px;
	width:15px;
	padding:0;
	margin:0;
	outline:none;
	line-height:0;
	font-size:0;
	cursor:pointer;
	background:#fff;
	border-radius:10px
}
.slick-dots li.slick-active button {
	background:#fbca4f;
}





.server-item {
    width: 287px;
    height: 120px;
    align-items: center;
    padding: 0 30px;
    box-shadow: 0 0 0 #fff;
}

.server-item h5 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #333;
}

.server-item span {
    font-size: 13px;
    color: #999;
}

.server-item img {
    width: 55px;
    height: 55px;
}

.server-item:hover {
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    transform: translate3d(0, -3px, 0);
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    max-width: none;
    height: 500px;
}

#myCarousel {
    margin-top: 40px;
}

#soluFirst {
    overflow: hidden;
}

#soluFirst .swiper-container {
    width: 100%;
    height: 80px;
    margin: 0 auto;
}



.footer { width: 100%; height: 224px; background:url(../images/pic06.jpg) center center repeat-x;    overflow: hidden;}
.footerBox { width: 1200px; height:224px; margin: 0 auto;}
.footerL { width:1000px; height:224px; float:left}
.footerLink { margin-top: 30px; margin-bottom: 48px;}
.footerLink span { color:#825b34; font-size: 18px; display: inline-block;; margin-right: 10px;}
.footerLink a { margin-right: 25px; font-size: 14px;}
.footerText p { margin-bottom: 12px; color: #333333;}
.footerText a { color: #333333;}
.footerText a:hover { color: #825b34;}
.footerR { width:180px; height:224px; background: #f5f5f5; text-align: center; color: #333; float:right;}
.footerR img { margin-top:10px; }






.clearfix { *zoom: 1; }
.fc { text-align: center; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1100px; margin: 0px auto; }
.top a:link, .top a:visited { color: #ffffff; }
.top a:active, .top a:hover { color: #ffffff; }
.mzTop { z-index: 999; position: fixed; left: 0px; top: 0px; width: 100%; }


@-webkit-keyframes telc {
    0% { -webkit-transform: scale(1); }
    25% { -webkit-transform: scale(1.08); }
    50% { -webkit-transform: scale(1.15); }
    75% { -webkit-transform: scale(1.08); }
    100% { -webkit-transform: scale(1); }
}

@-moz-keyframes telc {
    0% { -moz-transform: scale(1); }
    25% { -moz-transform: scale(1.08); }
    50% { -moz-transform: scale(1.15); }
    75% { -moz-transform: scale(1.08); }
    100% { -moz-transform: scale(1); }
}

@keyframes telc {
    0% { transform: scale(1); }
    25% { transform: scale(1.08); }
    50% { transform: scale(1.15); }
    75% { transform: scale(1.08); }
    100% { transform: scale(1); }
}

.serviceIlist a:link, .serviceIlist a:visited { color: #787878; }
.serviceIlist a:active, .serviceIlist a:hover { color: #fff; }
.serviceIlist { width: 1110px; margin:0px auto 0px; }
.serviceIlist dd { float: left; display: block; width: 25%; margin-bottom: 55px; }
.serviceIlist a { width: 193px; height: 193px; position: relative; margin: 0px auto; display: block; }
.serviceIlist .y1 { background: url(../images/y1.png) no-repeat; }
.serviceIlist .y2 { background: url(../images/y2.png) no-repeat; }
.serviceIlist .y1, .serviceIlist .y2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.serviceIlist .y2 { opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; }
.serviceIlist .txt { position: absolute; top: 15%; z-index: 2; left: 0px; width: 100%; text-align: center;font-size: 16px;}
.serviceIlist .ico { width: 80px; height: 80px; margin: 0px auto; display: block; background: url(../images/ico2.png) no-repeat; z-index: 3; -webkit-transition: 0.4s; transition: 0.4s; }
.serviceIlist .bot { width: 0px; height: 1px; background-color: #fff; margin: 5px auto 15px; display: block; }
.serviceIlist .lin1 .ico { background-position: 0px 0px; }
.serviceIlist .lin2 .ico { background-position: 0px -80px; }
.serviceIlist .lin3 .ico { background-position: 0px -160px; }
.serviceIlist .lin4 .ico { background-position: 0px -240px; }
.serviceIlist .lin1 a:hover .ico { background-position: -80px 0px; }
.serviceIlist .lin2 a:hover .ico { background-position: -80px -80px; }
.serviceIlist .lin3 a:hover .ico { background-position: -80px -160px; }
.serviceIlist .lin4 a:hover .ico { background-position: -80px -240px; }
.serviceIlist a:hover .bot { width: 80px; }
.serviceIlist a:hover .y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.serviceIlist a:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.serviceIcon { width: 670px; margin: 0px auto; text-align: center; color: #969696; line-height: 1.5; padding-bottom: 36px; }
.serviceIcon a:link, .serviceIcon a:visited { color: #323232; }
.serviceIcon a:active, .serviceIcon a:hover { color: #E60012; }
.transbg { background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; }