@charset "UTF-8";
body {
	overflow-x: hidden;
	overflow-y: auto;
}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;
}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;
}
body, input, button, form {
	font-size: 14px;
	line-height: 28px;
	font-family: "microsoft yahei", '宋体', 'PingFang SC', 'Myriad Pro', "AvantGarde Bk BT", "Arial", 'Helvetica Neue', 'Helvetica', 'sans-serif';
	color: #333333;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: normal;
}
ul, ol, li {
	list-style: none;
}
input {
	background: none;
	border: 0 none;
}
img, iframe {
	border: 0px;
}
em, i {
	font-style: normal;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.red {
	color: #ba292e;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.poa {
	position: absolute;
}
.por {
	position: relative;
}
.hidden {
	display: none;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.icon {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #f37b1d;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
.ease, .ease * {
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.noease, .noease * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
/*清除浮动*/
.clearfix {
*zoom: 1;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*header_main*/
.header_main {
	position: relative;
	width: 100%;
	height: 109px;
	z-index: 100;
	background: #fff;
	border-bottom: 1px solid #eee;
	background: url("../images/top_bg.png") center no-repeat;
}
.header_main .logo {
	float: left;
	width: 270px;
	height: 53px;
	display: block;
}
.header_main .logo img {
	float: left;
	height: 110px;
	display: block;
}
#nav_main {
	float: left;
	width: 720px;
	height: 110px;
}
#nav_main .nav {
	height: 110px;
	z-index: 12;
}
#nav_main .nav li {
	position: relative;
	float: left;
	padding: 0 24px;
	z-index: 10;
	background: url("../images/navbg.png") no-repeat right center;
	background-size: 1px 16px;
}
#nav_main .nav li a.aLink {
	font: normal 14px "AvantGarde Bk BT";
	height: 110px;
	line-height: 110px;
	display: block;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	color: #333;
}
#nav_main .nav li:first-child {
	padding: 0 30px;
}
#nav_main .nav li:last-child {
	background: none;
}
#nav_main .nav li.hover, #nav_main .nav li:hover {
	background: #f37b1d;
}
#nav_main .nav li.hover a.aLink, #nav_main .nav li:hover a.aLink {
	color: #fff;
}
#nav_main .nav li.hover a.aLink:before {
	width: 100%;
}
#nav_main .nav li:hover a.aLink:before {
	width: 100%;
}
.header_main .tel_main {
	float: right;
	width: 195px;
	height: 110px;
}
.header_main .tel_main .zx {
	margin-top: 30px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.header_main .tel_main .tel {
	font: normal 26px "Vladimir Script";
	line-height: 24px;
	color: #f37b1d;
	text-indent: -12px;
}
/*搜索框*/
.header_main .header_search {
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	right: 0;
	top: 0;
}
.header_main .header_search .search_btn {
	width: 50px;
	height: 35px;
	cursor: pointer;
	background: #f37b1d url(../images/search.png) no-repeat center center;
	border-radius: 0 0 5px 5px;
}
.header_main .header_search .search_main {
	position: absolute;
	z-index: 10;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	width: 0;
	height: 80px;
	right: 0px;
	top: 110px;
	overflow: hidden;
	background: #fff;
}
.header_main .header_search .search_box {
	width: 280px;
	height: 40px;
	margin-top: 20px;
	margin-left: 40px;
	background: url("../images/search_main.png") no-repeat bottom center;
}
.header_main .header_search .search_box input {
	background-color: none;
	border: none;
}
.header_main .header_search .search_box .stxt {
	width: 240px;
	height: 40px;
	font: normal 14px "思源黑体";
	line-height: 40px;
	display: block;
	text-indent: 10px;
	color: #999;
}
.header_main .header_search .search_box .sbtn {
	width: 40px;
	height: 40px;
	display: block;
	cursor: pointer;
	background: url(../images/search1.png) no-repeat center center;
}
.header_main .header_search.addy .search_main {
	width: 360px;
}
/*导航栏下拉*/
#nav_main li.hover .subnav a {
	background: none;
}
#nav_main .nav .subnav {
	background: #f37b1d;
	border-top: 1px solid #ec8e44;
	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
	height: auto;
	left: 0;
	top: 110px;
	position: absolute;
	width: 104px;
	z-index: 199;
}
#nav_main .nav .subnav {
	position: absolute;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
}
#nav_main .nav li:hover .subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
#nav_main .nav .subnav li {
	width: 100%;
}
#nav_main .nav .subnav .nav1 a {
	color: #fff;
	display: block;
	font-size: 14px;
	text-align: left;
	font-weight: 500;
	line-height: 12px;
	height: 12px;
	padding: 20px 0px;
	text-align: center;
	transition: all 0.2s ease-in-out 0s;
	border-top: 1px solid #ec8e44;
}
#nav_main .nav .subnav li.nav1 {
	padding: 0;
	background: none;
}
#nav_main .nav .subnav li.nav1:first-child {
	margin-top: 10px;
}
#nav_main .nav .subnav li.nav1:first-child a {
	border-top: none;
}
#nav_main .nav .subnav li:hover {
	background: #ec8e44;
}
#nav_main .nav .subnav li:hover a {
	text-indent: 2px;
	color: #fff;
}
/* banner */
#banner_main {
	z-index: 2;
	width: 100%;
	height: 600px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#banner_main .banner {
	height: 600px;
	overflow: hidden;
}
#banner {
	width: 100%;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#banner, .banner ul {
	max-height: 600px;
	overflow: hidden;
}
.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	display: none;
}
.banner li:first-child {
	display: block;
}
.banner li img {
	width: 1920px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
#banner .tip {
	width: 1000px;
	height: 20px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 30px;
	z-index: 13;
}
#banner .tip span {
	width: 40px;
	height: 5px;
	margin: 0 10px;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	background-color: #fff;
}
#banner .tip span.cur {
	background-color: #f37b1d;
}
#banner #btn_prev, #banner #btn_next {
	width: 30px;
	height: 115px;
	position: absolute;
	top: 250px;
	z-index: 5;
}
#banner #btn_prev {
	background-position: 0 0px;
	left: 4%;
	transition: all 600ms ease;
}
#banner #btn_next {
	background-position: -40px 0px;
	right: 4%;
	transition: all 600ms ease;
}
#banner #btn_prev:hover {
	opacity: .9;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	left: 3.8%;
}
#banner #btn_next:hover {
	opacity: .9;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	right: 3.8%;
}
/*banner end*/
/*footer*/
.bottom_main {
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	background: #23242c;
}
.bottom_main .links {
	padding: 20px 0;
	font-size: 16px;
	border-bottom: 1px solid #434343;
}
.bottom_main .links span {
	color: #f37b1d;
	font-weight: bold;
	display: inline-block;
}
.bottom_main .links a {
	display: inline-block;
	color: #f9f9f9;
	padding-right: 10px;
}
.bottom_main .links a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.bottom_main .bottom_nav {
	margin-top: 58px;
	background: url(../images/bottomline.png) left top no-repeat;
}
.bottom_main .bottom_nav .left {
	float: left;
	padding-left: 48px;
	height: 164px;
	display: inline-block;
	width: 200px;
	background: url(../images/bottomline.png) right top no-repeat;
}
.bottom_main .bottom_nav .left h3 {
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	height: 34px;
}
.bottom_main .bottom_nav .left dd a {
	display: inline-block;
	font-size: 12px;
	color: #cccccc;
	padding-right: 16px;
	height: 24px;
}
.bottom_main .bottom_nav .left a:hover {
	color: #fff;
}
.bottom_main .bottom_ewm .ewm {
	width: 120px;
	height: 120px;
	background-color: #666666;
	text-align: center;
	margin-top: 60px;
}
.bottom_main .bottom_ewm .ewm img {
	width: 110px;
	height: 110px;
	margin-top: 5px;
}
.bottom_main .bottom_ewm .tit {
	margin-top: 64px;
	margin-left: 30px;
}
.bottom_main .bottom_ewm .tit li {
	display: block;
	clear: left;
	height: 64px;
}
.bottom_main .bottom_ewm .tit li img {
	width: 50px;
	height: 50px;
	float: left;
}
.bottom_main .bottom_ewm .tit li p {
	float: left;
	font-size: 12px;
	line-height: 22px;
	color: #cccccc;
	padding-left: 12px;
	text-align: left;
	padding-top: 0px;
}
.bottom_main .bottom_ewm .tit li p span {
	margin-top: 2px;
	font-size: 26px;
	font-family: "Arial";
	color: #f37b1d;
	display: block;
	font-weight: bold;
}
.bottom_copy {
	width: 100%;
	background: #17181e;
	height: 38px;
	line-height: 38px;
	color: #999999;
	font-size: 12px;
	text-align: center;
}
.bottom_copy span {
	margin: 0 12px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.bottom_copy a {
	display: inline-block;
	color: #a7a7a7;
}
.bottom_copy a:hover {
	color: #fff;
}
/********.toolbar1*********/
.toolbar_wrap {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	width: 0;
	height: 100%;
}
.toolbar {
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	z-index: 1000;
}
.toolbar .toolbar_tabs {
	position: absolute;
	top: 50%;
	left: -60px;
	width: 60px;
	margin-top: -61px;
}
.toolbar .toolbar_tab {
	position: relative;
	width: 60px;
	height: 60px;
	margin-bottom: 4px;
	cursor: pointer;
	background-color: #555555;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
.toolbar .tab_person .tab_ico {
	background-position: 7px 8px;
}
.toolbar .tab_ico {
	width: 34px;
	height: 35px;
	margin-left: 1px;
	position: relative;
	z-index: 2;
	background-color: #555555;
	_display: block;
	display: inline-block;
	background-image: url(../images/toolbaricon.png);
	background-repeat: no-repeat;
}
.toolbar .tab_text {
	width: 130px;
	font-size: 14px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	position: absolute;
	z-index: 1;
	left: 80px;
	top: 0;
	background-color: #666666;
	border-radius: 3px;
}
.toolbar_tab:hover, .toolbar_tab:hover .tab_ico, .toolbar_tab_hover, .toolbar_tab_hover .tab_ico {
	background-color: #f47511;
}
.toolbar .tab_kf em {
	width: 129px;
	height: 129px;
	text-align: left;
}
.toolbar .tab_kf em img {
	width: 110px;
	height: 110px;
	margin-top: 10px;
	margin-left: 10px;
}
.toolbar .toolbar_tabs a {
	display: inline-block;
	height: 60px;
}
/*.toolbar .tab_kf .tab_text{margin-top:-40rpx;}*/
/*******index css*******/
.index .top_tit {
	position: relative;
	padding-top: 70px;
}
.index .top_tit .enName {
	font: normal 80px "Vladimir Script";
	color: #513f35;
	line-height: 80px;
	text-align: center;
}
.index .top_tit .cName {
	margin-top: 12px;
	font-size: 24px;
	color: #3e342e;
	text-align: center;
	line-height: 24px;
	
}
/*About us*/
.aboutus {
	width: 100%;
	height: 756px;
	background: url(../images/about_bg.png) no-repeat;
}
.aboutus .about {
}
.aboutus .img {
	width: 500px;
	float: left;
	height: 350px;
	margin-left: -50px;
	margin-top: -50px;
}
.aboutus .img img {
	width: 500px;
	height: 350px;
}
.aboutus .aboutCont {
	width: 1196px;
	height: 350px;
	margin-top: 108px;
	border: 2px solid #513f35;
}
.aboutus .aboutTxt {
	width: 610px;
	float: left;
	margin-left: 50px;
}
.aboutus .aboutTxt .aTit {
	margin-top: 50px;
	font-size: 24px;
	color: #333;
	line-height: 26px;
}
.aboutus .aboutTxt .cont {
	margin-top: 20px;
	font-size: 14px;
	color: #333;
	line-height: 30px;
}
.aboutus .aboutTxt .viewMore {
	display: block;
	width: 150px;
	height: 40px;
	font-size: 14px;
	margin-top: 46px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #f37b1d;
	border-radius: 20px;
	transition: all ease 600ms;
}
.aboutus .aboutTxt .viewMore:hover {
	background: #ec8e44;
*width:150px;
	width: 180px;
	transition: all ease 600ms;
}
/*New Arrival*/
.index .newArr {
	position: relative;
	height: 858px;
	background: url(../images/new_bg.jpg) no-repeat;
	background-size: 100% 858px;
}
.index .newArr .top_tit .enName {
	color: #fff;
}
.index .newArr .top_tit .cName {
	
	color: #fff;
}
.index .newArr .product {
	position: relative;
	margin-top: 60px;
}
.index .newArr .product .list {
	width: 106%;
*padding-bottom:60px;
}
.index .newArr .product .list li {
	position: relative;
	float: left;
	display: block;
	width: 300px;
	height: 448px;
	transition: all ease 300ms;
}
.index .newArr .product .list li a {
	display: block;
}
.index .newArr .product .list li.item .img {
	display: block;
	width: 300px;
	height: 224px;
	transition: all 600ms ease;
}
.index .newArr .product .list li.item .txt {
	width: 299px;
	height: 224px;
	background: #fff;
	border-left: 1px solid #ddd;
	cursor: pointer;
}
.index .newArr .product .list li.item .txt .tit {
	padding-top: 40px;
	font-size: 24px;
	text-align: center;
	color: #333;
}
.index .newArr .product .list li.item .txt .cont {
	width: 224px;
	margin: 0 auto;
	margin-top: 16px;
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 26px;
}
.index .newArr .product .list li.item .txt .more {
	width: 100px;
	height: 30px;
	margin: 0 auto;
	margin-top: 20px;
	font: normal 14px "arial";
	line-height: 30px;
	text-align: center;
	color: #666;
	border: 1px solid #ddd;
	border-radius: 15px;
	transition: all ease 600ms;
}
.index .newArr .product .list li.item:hover {
}
.index .newArr .product .list li.item:hover .img {
	border: none;
	transition: all ease 600ms;
	filter: brightness(105%);
	transition: all ease 600ms;
}
.index .newArr .product .list li.item:hover .txt .tit {
	color: #f37b1d;
}
.index .newArr .product .list li.item:hover .txt .more {
	width: 120px;
	transition: all ease 600ms;
}
.index .newArr .product .hd {
	position: absolute;
	bottom: -90px;
	left: 45%;
	height: 36px;
}
.index .newArr .product .hd .iconList {
	display: inline-block;
	max-width: 300px;
	text-align: center;
}
.index .newArr .product .hd .iconList li {
	float: left;
	display: block;
	width: 14px;
	height: 14px;
	margin-left: 12px;
	font-size: 0;
	border: 2px solid #fff;
	border-radius: 100%;
	cursor: pointer;
}
.index .newArr .product .hd .iconList li.on {
	background: #f37b1d;
	border: 2px solid #f37b1d;
}
.index .newArr .product .list li .triangle {
	border-style: solid dashed dashed dashed;
	border-color: transparent transparent #fff transparent;
	border-width: 13px;
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	top: 198px;
}
.index .newArr .product .list li.pro2 .triangle {
	border-style: dashed dashed solid dashed;
	border-color: #fff transparent transparent transparent;
	border-width: 13px;
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	top: 224px;
}
.index .newArr .product .list li .img {
	position: absolute;
	top: 0;
	left: 0;
}
.index .newArr .product .list li .txt {
	position: absolute;
	bottom: 0;
	left: 0;
}
.index .newArr .product .list li.pro2 .img {
	position: absolute;
	bottom: 0;
	left: 0;
	top: 224px;
}
.index .newArr .product .list li.pro2 .txt {
	position: absolute;
	top: 0;
	left: 0;
}
/*Restaurant show*/
.restShow {
	width: 100%;
	height: 812px;
	background: url("../images/rest_bg.png") no-repeat;
	background-size: 100% 812px;
}
.restShow .show {
	margin-top: 50px;
}
.restShow .show .left {
	float: left;
	width: 600px;
}
.restShow .show .rest {
	position: relative;
	width: 600px;
	height: 450px;
}
.restShow .show .rest .bd .list li {
	position: relative;
	width: 600px;
	height: 450px;
}
.restShow .show .rest .bd .list li img {
	display: block;
	width: 600px;
	height: 450px;
}
.restShow .show .rest .bd .list li .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 600px;
	height: 65px;
	background: url("../images/text_bg1.png") no-repeat;
}
.restShow .show .rest .bd .list li .txt .tit {
	font-size: 16px;
	color: #fff;
	text-align: left;
	text-indent: 30px;
	line-height: 65px;
}
.restShow .show .rest .bd .list li:hover img {
	-webkit-filter: brightness(105%);
	filter: brightness(105%);
}
.restShow .show .rest .hd {
	position: absolute;
	width: 30%;
	bottom: 24px;
	right: 30px;
}
.restShow .show .rest .hd .iconList {
	float: right;
}
.restShow .show .rest .hd li {
	float: left;
	width: 14px;
	height: 14px;
	background-color: #d9d6d3;
	border-radius: 100%;
	margin-right: 12px;
	font-size: 0px;
	cursor: pointer;
}
.restShow .show .rest .hd li.on {
	background-color: #f37b1d;
}
.restShow .show .right {
	float: left;
	width: 580px;
}
.restShow .show .right .showList {
	width: 580px;
}
.restShow .show .right .showList .list li {
	position: relative;
	width: 280px;
	height: 220px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0;
}
.restShow .show .right .showList .list li img {
	display: block;
	width: 290px;
	height: 220px;
}
.restShow .show .right .showList .list li .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 390px;
	height: 40px;
	background: url("../images/text_bg2.png") no-repeat;
}
.restShow .show .right .showList .list li .txt .tit {
	font-size: 16px;
	color: #fff;
	text-align: left;
	text-indent: 30px;
	line-height: 40px;
}
.restShow .show .right .showList .list li:hover img {
	-webkit-filter: brightness(105%);
	filter: brightness(105%);
}
/*news and shops*/
.newsShop {
	width: 100%;
	height: 960px;
	background: url("../images/shop_bg.jpg") no-repeat;
	background-size: 100% 960px;
}
.news .top_tit .enName {
	color: #fff;
}
.news .top_tit .cName {
	
	color: #fff;
}
.newsPart {
	margin-top: 50px;
}
.newsPart .left {
	width: 400px;
	height: 610px;
	float: left;
}
.newsPart .left a {
	display: block;
}
.newsPart .left .img {
	width: 400px;
	height: 260px;
}
.newsPart .left .img img {
	display: block;
	width: 400px;
	height: 260px;
}
.newsPart .left .txt {
	width: 400px;
	height: 350px;
	background: #fff;
}
.newsPart .left .txt .title {
	padding-top: 60px;
	margin-left: 40px;
}
.newsPart .left .txt .title .tit1 {
	font-size: 20px;
	color: #333;
	line-height: 24px;
}
.newsPart .left .txt .title .tit2 {
	margin-top: 16px;
	font: normal 24px arial;
	color: #333;
	line-height: 24px;
}
.newsPart .left .txt .cont {
	width: 280px;
	margin-top: 30px;
	margin-left: 40px;
	font-size: 14px;
	line-height: 24px;
	color: #333;
}
.newsPart .left .txt .icon {
	width: 100px;
	height: 4px;
	margin-top: 20px;
	margin-left: 40px;
	background-position: -100px 0;
	transition: all ease 600ms;
}
.newsPart .left:hover .img {
	filter: brightness(105%);
}
.newsPart .left:hover .txt .title .tit1 {
	color: #f37b1d;
}
.newsPart .left:hover .txt .icon {
	margin-top: 30px;
	transition: all ease 600ms;
}
.newsPart .right {
	width: 800px;
	float: left;
}
.newsPart .right .part1 {
	width: 800px;
	height: 260px;
	background: #936c4e;
}
.newsPart .right .part1 .newsM {
	position: relative;
	width: 800px;
	height: 260px;
}
.newsPart .right .part1 .newsM .bd {
	width: 610px;
	padding-top: 65px;
	margin-left: 60px;
}
.newsPart .right .part1 .newsM .bd .list li {
	width: 610px;
	cursor: pointer;
}
.newsPart .right .part1 .newsM .bd .list li .time {
	float: left;
	width: 126px;
	height: 126px;
	background: url("../images/time_bg.png") no-repeat;
	background-size: 126px 126px;
}
.newsPart .right .part1 .newsM .bd .list li .time .day {
	margin-top: 30px;
	font: normal 60px arial;
	color: #333;
	line-height: 50px;
	text-align: center;
}
.newsPart .right .part1 .newsM .bd .list li .time .year {
	margin-top: 12px;
	font: normal 16px arial;
	color: #666;
	line-height: 12px;
	text-align: center;
}
.newsPart .right .part1 .newsM .bd .list li .txt {
	float: left;
	width: 434px;
	margin-left: 50px;
}
.newsPart .right .part1 .newsM .bd .list li .txt .tit {
	margin-top: 20px;
	font-size: 18px;
	color: #fff;
	line-height: 24px;
}
.newsPart .right .part1 .newsM .bd .list li .txt .cont {
	margin-top: 16px;
	font-size: 14px;
	line-height: 24px;
	color: #f7d1b3;
}
.newsPart .right .part1 .newsM .hd {
	position: absolute;
	width: 20px;
	top: 65px;
	right: 50px;
}
.newsPart .right .part1 .newsM .hd .iconList li {
	display: block;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 100%;
	margin-bottom: 14px;
	font-size: 0px;
	cursor: pointer;
}
.newsPart .right .part1 .newsM .hd .iconList li.on {
	background-color: #f37b1d;
}
.newsPart .right .part2 {
	width: 800px;
	height: 350px;
}
.newsPart .right .part2 {
}
.newsPart .right .part2 .slideBox {
	position: relative;
	height: 350px;
}
.newsPart .right .part2 .slideBox .bd {
	width: 466px;
	float: left;
}
.newsPart .right .part2 .slideBox .bd .list .item {
	position: relative;
	width: 466px;
	height: 350px;
}
.newsPart .right .part2 .slideBox .bd .list .item img {
	display: block;
	width: 466px;
	height: 350px;
}
.newsPart .right .part2 .slideBox .bd .list .item .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 466px;
	height: 65px;
	background: url("../images/text_bg1.png") no-repeat;
}
.newsPart .right .part2 .slideBox .bd .list .item .txt .tit {
	display: block;
	padding-left: 50px;
	margin-top: 14px;
	margin-left: 30px;
	font-size: 14px;
	color: #fff;
	line-height: 36px;
	background: url("../images/local.png") no-repeat;
	background-size: 28px 36px;
}
.newsPart .right .part2 .slideBox .hd {
	float: right;
	width: 334px;
	height: 350px;
	background: #fff;
}
.newsPart .right .part2 .slideBox .hd .list {
	margin-top: 40px;
}
.newsPart .right .part2 .slideBox .hd .list li {
	display: block;
	width: 100%;
	margin-bottom: 6px;
	cursor: pointer;
}
.newsPart .right .part2 .slideBox .hd .list li .txt {
	padding: 0 60px;
}
.newsPart .right .part2 .slideBox .hd .list li .tit {
	font-size: 16px;
	color: #333;
}
.newsPart .right .part2 .slideBox .hd .list li .num {
	font: normal 20px "Vladimir Script";
	color: #d3a885;
}
.newsPart .right .part2 .slideBox .hd .list li s.icon {
	float: left;
	display: block;
	width: 14px;
	height: 16px;
	margin-top: 6px;
	margin-right: 16px;
	background-position: -110px -20px;
}
.newsPart .right .part2 .slideBox .hd .list li:hover s.icon {
	background-position: -90px -20px;
}
.newsPart .right .part2 .slideBox .hd .list li:hover .tit {
	color: #e65d0f;
}
.newsPart .right .part2 .slideBox .hd .arrow {
	position: absolute;
	bottom: 8px;
	margin-left: -86px;
	width: 86px;
	height: 46px;
	display: block;
}
.newsPart .right .part2 .slideBox .hd .arrow .prev {
	display: block;
	float: left;
	margin-top: 12px;
	margin-left: 20px;
	width: 12px;
	height: 18px;
	background-position: -164px 0px;
	cursor: pointer;
}
.newsPart .right .part2 .slideBox .hd .arrow .next {
	display: block;
	float: left;
	margin-top: 12px;
	margin-left: 24px;
	width: 12px;
	height: 18px;
	background-position: -186px 0px;
	cursor: pointer;
}
.newsPart .right .part2 .slideBox .hd .list li.on s.icon {
	background-position: -90px -20px;
}
.newsPart .right .part2 .slideBox .hd .list li.on .tit {
	color: #e65d0f;
}
/*内页样式*/
/***********category css*************/
.nyIcon {
	background: url(../images/nyicon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
/*wrapper*/
.wrapper {
	padding: 0 0 36px;
	min-height: 220px;
	background: url(../images/ny_bg.png) repeat #f5f5f5;
}
.wrapper .noinfor {
	padding: 0 0 20px;
	text-align: left;
	color: red;
	text-align: center;
}
/*nybanner*/
.nybanner {
	width: 100%;
	height: 250px;
	line-height: 42px;
	position: relative;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
	color: #fff;
	background-image: url(../images/nybanner.jpg);
	 margin-top: 70px;
}
.nybanner h3 {
	font-size: 34px;
	padding: 70px 0 6px;
}
.nybanner .en {
	font-size: 30px;
	font-family: arial;
	font-weight: bold;
}
.nybanner .line {
	width: 50px;
	height: 2px;
	display: block;
	background: #fff;
	margin-top: 10px;
}
/*menu*/
.menu {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.menu .list {
	width: 1199px;
	margin: 0 auto;
	border-left: 1px solid #ddd;
}
.menu li {
	width: 198px;
	height: 60px;
	float: left;
	border-right: 1px solid #dddddd;
	position: relative;
}
.menu li .nav1 {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	display: block;
	text-align: center;
}
.menu li .nav1 s {
	border-style: solid dashed dashed dashed;
	border-color: rgba(255, 255, 255, 0) transparent transparent transparent;
	border-width: 10px;
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -20px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.menu li:hover, .menu li.hover {
	border-right-color: #ec8e44;
}
.menu li:hover .nav1, .menu li.hover .nav1 {
	background: #f37b1d;
	color: #fff;
}
.menu li:hover .nav1 s, .menu li.hover .nav1 s {
	border-color: #f37b1d transparent transparent transparent;
}
.menu li .subMenu {
	position: absolute;
	left: 0px;
	top: 50px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	z-index: 199;
	opacity: 0;
	visibility: hidden;
	height: auto;
	overflow: hidden;
	width: 100%;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
	text-align: center;/* border-top: 2px solid #008fd7; */
	padding-top: 20px;
}
.menu li:hover .subMenu {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.menu li .subMenu a {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 50px;
	background: #fff;
	border-bottom: 1px solid rgba(170,170,170,.2);
}
.menu li .subMenu a:hover {
	background: #f37b1d;
	color: #fff;
}
/*sitepath*/
.sitepath {
	height: 80px;
	line-height: 80px;
	text-align: right;
}
.sitepath s {
	width: 20px;
	height: 18px;
	background-position: 0 0;
	margin-right: 4px;
}
/* reLink */
.reLink {
	height: 48px;
	line-height: 48px;
	padding: 0 15px;
	border: 1px solid #dddddd;
}
.reLink .nextLink, .reLink .prevLink {
	width: 50%;
	color: #666;
}
.reLink .nextLink {
	text-align: right;
}
.reLink a {
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.reLink a:hover {
	color: #f37b1d;
}
/* pager */
.pager {
	padding: 30px 0 15px;
	text-align: center;
}
.pager:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.pager {
*zoom: 1;
}
.pager p {
	height: 26px;
	line-height: 26px;
	float: left;
	display: none;
}
.pager ul {
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.pager ul li {
	padding: 0 !important;
	height: auto !important;
	border: none !important;
	display: inline-block;
*display: inline;
	zoom: 1;
}
.pager ul a {
	margin: 0 5px;
	padding: 0 13px;
	height: 34px;
	line-height: 34px;
	text-decoration: none;
	float: left;
	background: #fff;
}
.pager ul a.current {
	background-color: #f37b1d;
	color: #fff;
}
.pager ul a.current:hover {
	background-color: #f37b1d;
	color: #fff;
}
.pager ul a:hover {
	background: #f37b1d;
	color: #fff;
}
/*n-gridlist*/
.n-gridlist {
	width: 105%;
}
.n-gridlist .item {
	width: 380px;
	float: left;
	margin: 0 30px 30px 0;
	background: #fff;
	position: relative;
	overflow: hidden;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.n-gridlist .item a {
	width: 100%;
	display: block;
	cursor: pointer;
}
.n-gridlist .item img {
	width: 380px;
	height: 285px;
	display: block;
}
.n-gridlist .item h3 {
	width: 100%;
	height: 64px;
	line-height: 64px;
	text-align: center;
	font-size: 16px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.n-gridlist .item .bg {
	position: absolute;
	width: 400px;
	padding-top: 136px;
	height: 240px;
	left: -400px;
	top: 0;
	z-index: 10;
	background: url(../images/red80.png) repeat 0 0;
	text-align: center;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.n-gridlist .item .bg s {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 100%;
	margin: 0 auto;
	background-color: #fff;
	
}
.n-gridlist .item:hover {
	background: #333333;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.n-gridlist .item:hover h3 {
	color: #fff;
}
.n-gridlist .item:hover .bg {
	left: 0;
}
/*showList*/
.showList {
	width: 105%;
}
.showList .item {
	width: 380px;
	float: left;
	margin: 0 30px 30px 0;
	background: #fff;
	position: relative;
	overflow: hidden;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.showList .item a {
	width: 100%;
	display: block;
	cursor: pointer;
}
.showList .item img {
	width: 380px;
	height: 213px;
	display: block;
}
.showList .item h3 {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.showList .item .bg {
	position: absolute;
	width: 400px;
	padding-top: 136px;
	height: 240px;
	left: -400px;
	top: -34px;
	z-index: 10;
	background: url(../images/red80.png) repeat 0 0;
	text-align: center;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.showList .item .bg s {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 100%;
	margin: 0 auto;
	background-color: #fff;
	background-position: -22px 18px;
}
.showList .item:hover {
	background: #333333;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.showList .item:hover h3 {
	color: #fff;
}
.showList .item:hover .bg {
	left: 0;
}
/*n-tit*/
.n-tit {
	margin-bottom: 30px;
}
.n-tit h3 {
	line-height: 35px;
	font-size: 24px;
}
.n-tit s {
	width: 4px;
	height: 22px;
	margin-right: 15px;
	background: #f37b1d;
	display: inline-block;
	vertical-align: middle;
}
.n-tit .more {
	font-size: 16px;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-top: 10px;
	border: 1px solid #ddd;
	transition: all ease 600ms;
}
.n-tit .more:hover {
	width: 150px;
	transition: all ease 600ms;
}
/*relateNews*/
.relateNews {
	padding: 55px 0 0;
	width: 100%;
	overflow: hidden;
}
.relateNews .list {
	width: 110%;
}
.relateNews .list li {
	width: 545px;
	float: left;
	margin-right: 32px;
	margin-bottom: 20px;
}
.relateNews .list li a {
	display: block;
	width: 100%;
	height: 100px;
}
.relateNews .list li img {
	width: 135px;
	height: 100px;
	display: block;
	float: left;
	margin-right: 20px;
}
.relateNews .list li h3 {
	line-height: 26px;
	font-size: 16px;
	float: left;
}
.relateNews .list li .time {
	color: #999999;
	font-family: arial;
	font-size: 16px;
	line-height: 26px;
	float: right;
}
.relateNews .list li p {
	line-height: 24px;
	overflow: hidden;
	font-size: 14px;
	color: #999;
	float: left;
	width: 388px;
	text-align: justify;
}
.relateNews .list li:hover img {
	-webkit-filter: brightness(105%);
	filter: brightness(105%);
}
/*aboutPage*/
.aboutPage {
	padding: 40px 40px;
	width: 1120px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.aboutPage .contact_tit {
	text-align: center;
	position: relative;
	padding-bottom: 30px;
	margin-top: 30px;
*margin-top:60px;
}
.aboutPage .contact_tit .tit {
	font-size: 45px;
	line-height: 66px;
	font-weight: 100;
	position: relative;
	display: inline;
	z-index: 12;
}
.aboutPage .contact_tit .tit i {
	background: #bababa;
	width: 90px;
	height: 1px;
	display: block;
	position: absolute;
	right: -120px;
	top: 30px;
	display: block;
}
.aboutPage .contact_tit .tit i:first-child {
	left: -120px;
	right: auto;
}
.aboutPage .contact_tit .entit {
	font-size: 82px;
	line-height: 66px;
	color: #eee;
	text-transform: uppercase;
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 0px;
	z-index: 10;
	font-family: Arial;
}
.aboutPage .txtcon {
}
.aboutPage .txtcon img {
	max-width: 100%;
}
.aboutPage .mapArea {
	width: 100%;
	height: 400px;
	margin-top: 20px;
}
.aboutPage .mapArea #allmap {
	width: 100%;
	height: 400px;
}
/*newsPage*/
.newsPage .item {
	width: 100%;
	height: 168px;
	margin-bottom: 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	background: #fff;
}
.newsPage .item a {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.newsPage .item img {
	width: 224px;
	height: 168px;
	display: block;
	margin-right: 30px;
}
.newsPage .item h3 {
	font-size: 20px;
	padding: 35px 0 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.newsPage .item .txt {
	color: #999999;
	line-height: 24px;
	height: 48px;
	padding-right: 130px;
	overflow: hidden;
}
.newsPage .item .time {
	width: 150px;
	padding-top: 45px;
	font-family: arial;
	font-size: 20px;
	color: #999;
}
.newsPage .item .time .day {
	font-size: 40px;
	line-height: 45px;
	display: block;
}
.newsPage .item:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.newsPage .item:hover h3 {
	font-weight: bold;
	color: #f37b1d;
	text-indent: 5px;
}
.newsPage .item:hover .time .day span {
	background: #6d6d6d;
}
.newsPage .item:hover .time .day strong {
	background: #ff0000;
	color: #fff;
}
.newsPage .item:hover img {
	filter: brightness(105%);
	-webkit-filter: brightness(105%);
}
/*showNews*/
.showNews {
	padding: 40px 40px;
	width: 1120px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.showNews img {
	max-width: 100%;
}
.showNews .title {
	color: #333333;
	line-height: 32px;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}
.showNews .mark {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 15px 0 20px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
}
.showNews .mark span {
	margin: 0 10px;
	font-size: 12px;
	color: #666666;
}
.showNews .shareNew {
	padding-bottom: 25px;
}
.showNews .showContxt {
	padding: 0 0 30px;
	line-height: 30px;
}
/*showProduct*/
.showProduct {
	padding: 40px 40px;
	width: 1120px;
	margin: 0 auto;
	background: #fff;
}
.showProduct .pro-tit {
	margin-bottom: 40px;
}
.showProduct .pro-tit s {
	width: 4px;
	height: 50px;
	display: block;
	background: #da0a1b;
	float: left;
	margin-right: 10px;
}
.showProduct .pro-tit h3 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 10px;
}
.showProduct .pro-tit .mark {
	line-height: 20px;
	color: #999;
}
.showProduct .pro-tit .mark span {
	margin-right: 6px;
}
.showProduct img {
	max-width: 100%;
}
.showProduct .shareNew {
	padding-bottom: 25px;
}
.showProduct .showContxt {
	padding: 0 0 30px;
	line-height: 30px;
}
.showProduct .infoImg {
	margin-bottom: 40px;
}
.showProduct .infoImg .imgf {
	width: 500px;
	height: 375px;
	display: block;
	float: left;
	margin-right: 40px;
}
.showProduct .infoImg .txt {
	line-height: 32px;
	height: 320px;
	overflow: hidden;
}
.showProduct .infoImg .btn {
	margin-top: 15px;
}
.showProduct .infoImg .btn a {
	width: 120px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	display: inline-block;
	margin-right: 10px;
	text-align: center;
	background: url(../images/detail-btnbg.png) no-repeat -140px center;
}
.showProduct .infoImg .btn a:hover {
	background-position: left center;
	color: #da0a1b;
}
/*msgPage*/
.msgPage {
	padding: 40px 0px 55px;
	width: 1120px;
	margin: 0 auto;
	margin-top: 50px;
	background: #fff;
	border: 1px solid #ddd;
}
.msgPage .online_title {
	margin-bottom: 30px;
}
.msgPage .online_title .tit {
	font-size: 30px;
	color: #737373;
	text-align: center;
}
.msgPage .online_title .entit {
	font-size: 14px;
	color: #737373;
	font-family: Arial;
	text-transform: uppercase;
	text-align: center;
}
.formData {
	width: 1000px;
	margin: auto;
}
.formData .item {
	height: 40px;
	line-height: 40px;
	width: 462px;
	float: left;
	position: relative;
	margin-bottom: 25px;
}
.formData .item label {
	width: 85px;
	float: left;
	color: #666;
	padding-right: 5px;
	text-align: right;
}
.formData .item .red {
	color: red;
	font-size: 12px;
	position: absolute;
	right: -10px;
	top: 2px;
}
.formData .liuyan .red {
	right: -2px;
	top: 0px;
}
.formData .yzm .red {
	right: 107px;
	top: 2px;
}
.formData .item input {
	width: 360px;
	height: 40px;
	line-height: 40px;
	float: left;
	padding-left: 10px;
	border: 0px;
	font-size: 14px;
	background: #f5f5f5;
	border-radius: 5px;
}
.formData .item .msg-box {
	position: absolute;
	left: 90px;
}
.formData .item.mr30 {
	margin-right: 68px;
}
.formData .item.yzm {
	width: 380px;
}
.formData .item.yzm input {
	width: 160px;
}
.formData .item.yzm img {
	margin-left: 20px;
}
.formData .item.youxiang {
	margin-right: 70px;
}
.formData .item.liuyan {
	width: 100%;
	height: 96px;
}
.formData .item.liuyan textarea {
	width: 880px;
	float: left;
	height: 76px;
	border: 0px;
	background: #f5f5f5;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 10px;
	overflow: hidden;
	color: #666;
	resize: none;
	font-family: "microsoft yahei";
}
.formData .itemsub {
	width: 400px;
	height: 40px;
	line-height: 40px;
	position: relative;
}
.formData .itemsub label {
	width: 85px;
	float: left;
	color: #333;
	padding-right: 5px;
	text-align: right;
}
.formData .itemsub .msg-box {
	position: absolute;
	left: 90px;
}
.formData .itemsub input[type=text] {
	width: 147px;
	height: 40px;
	line-height: 40px;
	float: left;
	border-radius: 6px;
	font-size: 14px;
	background: #f5f5f5;
	color: #333;
	text-indent: 10px;
}
.formData .itemsub img {
	height: 32px;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}
.formData .btn {
	width: 100px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	color: #fff;
	margin-left: 8px;
	background: #f37b1d;
}
.formData .btn[type=reset] {
	background: #aaa;
	margin-right: 9px;
}
/*searchPage*/
.searchPage {
	overflow: hidden;
}
.searchPage ul {
	width: 105%;
}
.searchPage .item {
	width: 280px;
	height: 222px;
	float: left;
	margin: 0 25px 30px 0;
	background: #fff;
	position: relative;
	overflow: hidden;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.searchPage .item a {
	width: 100%;
	display: block;
}
.searchPage .item img {
	width: 280px;
	height: auto;
	display: block;
}
.searchPage .item h3 {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 64px;
	line-height: 64px;
	text-align: center;
	font-size: 16px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	background: #fff;
}
.searchPage .item .bg {
	position: absolute;
	width: 280px;
	padding-top: 86px;
	height: 72px;
	left: -280px;
	top: 0;
	z-index: 10;
	background: url(../images/red80.png) repeat 0 0;
	text-align: center;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.searchPage .item .bg s {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 100%;
	margin: 0 auto;
	background-color: #fff;
	background-position: -22px 18px;
}
.searchPage .item:hover {
	background: #fff;
}
.searchPage .item:hover h3 {
	color: #fff;
	background: #f37b1d;
}
.searchPage .item:hover .bg {
	left: 0;
}
.map_ul {
	list-style: outside none none;
	display: block;
	width: 100%;
	padding-top: 10px;
}
.map_ul li {
	display: block;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DCDBDB;
	margin-left: 10px;
	float: left;
}
.map_ul li a {
	font-size: 14px;
	float: left;
	width: 100%;
	height: 23px;
	line-height: 23px;
	font-weight: bold;
}
.map_ul .list-inline {
	display: block;
	margin-left: 7%;
	width: 80%;
	min-height: 30px;
}
.map_ul .list-inline a {
	font-weight: normal;
	width: auto;
	float: none;
	line-height: 32px;
	height: 32px;
	margin: 0 10px 10px 0;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 0px 10px;
}
.map_ul .list-inline a:hover {
	background: #da0a1b;
	color: #fff;
}
span.bds_more, .bds_tools a {
	line-height: 14px !important;
}
/*↓组图样式↓*/
.HS10, .HS15 {
	overflow: hidden;
	clear: both;
}
.HS10 {
	height: 10px;
}
.HS15 {
	height: 15px;
}
.Hidden {
	display: none;
}
.Clearer {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}
.FlLeft {
	float: left;
}
.FlRight {
	float: right;
}
/*幻灯片区域背景*/
.MainBg {
	width: 100%;
	margin: 0 auto;
}
/*大图展示区域*/
.OriginalPicBorder {
	padding: 0;
}
#OriginalPic {
	width: 100%;
	overflow: hidden;
	position: relative;
	font-size: 12px;
}
#OriginalPic img {
	display: block;
	min-width: 100px;
	margin: 0 auto;
}
/*鼠标手势*/
/*.CursorL {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	left: 0;
	cursor: url(../images/CurL.cur), auto;
	background: url(../images/space.png) repeat scroll 0 0 transparent;
}
.CursorR {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	right: 0;
	cursor: url(../images/CurR.cur), auto;
	background: url(../images/space.png) repeat scroll 0 0 transparent;
}*/
/*小图预览和滑动*/
.SliderPicBorder {
	width: 100%;
	overflow: hidden;
}
.ThumbPicBorder {
	width: 100%;
	margin: 0 auto;
	background: #eeeeee;
	overflow: hidden;
	position: relative;
}
.ThumbPicBorder #btnPrev {
	width: 45px;
	height: 106px;
	cursor: pointer;
	position: absolute;
	left: 20px;
	top: 20px;
}
.ThumbPicBorder #btnNext {
	width: 45px;
	height: 106px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 20px;
}
.ThumbPicBorder .pic {
	width: 945px;
	overflow: hidden;
	position: relative;
	margin: 20px auto;
}
#ThumbPic img {
	border: 3px solid #ddd;
	cursor: pointer;
	background-color: #ddd;
	margin: 0 10px;
	width: 132px;
	height: 100px;
	display: block;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
	border: 3px solid #f37b1d;
}
/*↑组图样式↑*/
#maximg img{ max-width:100%; height:auto !important}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}






/* ===== 容器：1200px 居中（核心）===== */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

/* ===== 文字大小系统 ===== */
.text-hero {
  font-size: 72px;
  font-weight: 700;
  line-height: 1.2;
}

.text-subtitle {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.4;
}

.f-color-fff {
  color: #fff !important;
}

.f-mt10 { margin-top: 10px; }
.f-mt20 { margin-top: 20px; }

/* ========== 导航栏样式 ========== */
/* 导航栏样式 */
.m-header {
  background-color: #1c2a32;
  color: white;
  padding: 10px 20px;
  position: fixed; /* 固定在顶部 */
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999; /* 确保在其他元素上层 */
  transition: background-color 0.3s; /* 背景颜色变化的过渡效果 */
}

.m-header .container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

/* Logo和网站名称的布局 */
.m-header .header-left {
  display: flex;
  align-items: center;  /* 确保Logo和网站名称垂直居中 */
}

.m-header .logo {
  width: 200px;
  height: 53px;
  margin-right: 15px;  /* Logo和网站名称之间的间距 */
}

.m-header .site-name {
  font-size: 32px;
  color: white;
}

/* 导航链接样式 */
.m-header .nav ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.m-header .nav ul li {
  margin: 0 20px;
  position: relative;  /* 为了定位下拉菜单 */
}

.m-header .nav ul li a {
  text-decoration: none;
  color: white;
  font-size: 16px;
  transition: color 0.3s;
}

.m-header .nav ul li a:hover {
  color: #f0f0f0;
}


/* 二级下拉菜单 */
.m-header .nav ul li .dropdown {
  display: none;
  position: absolute;
  top: 100%; 
  left: 50%;
  transform: translateX(-50%);
  background-color: #1c2a32;
  padding: 10px 0;
  list-style: none;
  margin: 0;
}

.m-header .nav ul li:hover .dropdown {
  display: block;
}

.m-header .nav ul li .dropdown li {
  text-align: left;
  margin: 0 5px;
  white-space: nowrap; /* 防止文本换行 */
}

.m-header .nav ul li .dropdown li a {
  color: white;
  padding: 5px 20px;
  display: block;
  font-size: 14px;
  transition: background-color 0.3s;
}

.m-header .nav ul li .dropdown li a:hover {
  background-color: #333;
}


/* 侧边汉堡菜单 */
.menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 20px;
  cursor: pointer;
}

.menu-toggle span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: white;
}

.close-menu {
  display: none;
}

/* ========== 移动端样式 ========== */
@media screen and (max-width: 768px) {
  .m-header .nav {
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding-top: 75px;
    align-items: center;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  }

  .m-header .nav.open {
    transform: translateX(0);
  }

  .m-header .nav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0;
  }

  .m-header .nav ul li {
    margin: 15px 0;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 0 30px;
  }

  .m-header .nav ul li a {
    color: #333;
    font-size: 22px;
  }

  .menu-toggle {
    display: flex;
  }

  .m-header .header-left {
    justify-content: flex-start;
    width: 100%;
  }

  .m-header .site-name {
    font-size: 24px;
  }

  .close-menu {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: #333;
    cursor: pointer;
    z-index: 10000;
  }
}







/* ===== Banner 主结构 ===== */
.m-banner {
  position: relative;
  width: 100%;
  height: 900px;
  overflow: hidden;
}

/* ===== Swiper 轮播 ===== */
.swiper {
  width: 100%;
  height: 900px;
  position: relative;
}

.swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
}

/* 背景图 */
.swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* 黑色遮罩 */
.banner-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

/* 文字内容层 */
.slide-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
}

/* 文字对齐 */
.text-center { text-align: center; }
.text-right  { text-align: right; }

/* 第一张居中 */
.swiper-slide:nth-child(1) .container {
  left: 50%;
  transform: translateX(-50%);
}

/* 第二张起靠右 */
.swiper-slide:nth-child(n+2) .container {
  right: 0;
  left: auto;
  transform: none;
}



/* ===== 按钮 ===== */
.u-btn {
  background: #ff6b6b;
  color: #fff;
  border: none;
  padding: 12px 28px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s ease;
}

.u-btn:hover {
  background: #ff5252;
  transform: translateY(-2px);
}


/* ===== 小圆点分页器（居中底部）===== */

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(255,255,255,0.3);
  border-radius: 50%;
  opacity: 1;
  transition: all 0.3s ease;
  border: 1px solid rgba(255,255,255,0.5);
}

.swiper-pagination-bullet-active {
  background: white;
  transform: scale(1.2);
  border: none;
}

/* ===== 响应式 ===== */
@media (max-width: 1023px) {
  .text-hero { font-size: 48px; }
  .text-subtitle { font-size: 24px; }
  .m-banner, .swiper { height: 400px; }
  .swiper-pagination { bottom: 20px; }
}

@media (max-width: 767px) {
  .text-hero { font-size: 36px; }
  .text-subtitle { font-size: 20px; }
  .m-banner, .swiper { height: 320px; }
  .f-mt10 { margin-top: 8px; }
  .f-mt20 { margin-top: 16px; }
}



/* ========== 数据统计区域 ========== */
.stats-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around; /* 使项目均匀分布 */
    align-items: flex-start; /* 顶部对齐 */
    padding: 60px 20px;
    text-align: center;
    gap: 5px; /* 项目之间的间距 */
    flex-wrap: wrap; /* 在小屏幕上换行 */
}

.stat-item {
    flex: 1; /* 每个项目占据相同的空间 */
    min-width: 220px; /* 设置最小宽度以避免过度挤压 */
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    border: 1px solid #e0e0e0;
    padding: 30px 40px; /* 上下内边距 */
    margin-bottom: 20px; /* 给每个统计卡片添加底部间距 */
}

/* 数字容器 */
.number-container {
    position: relative; /* 为高亮背景的定位提供参考 */
    display: flex; /* 使用 flex 布局使数字和单位在同一行 */
    align-items: flex-end; /* 使数字和单位的底部对齐 */
    margin-bottom: 25px;
    padding: 0 5px 10px 5px; /* 上右下左 */
}

/* 数字背景斜切效果 */
.number-container::after {
    content: '';
    position: absolute;
    bottom: 0; /* 背景紧贴底部 */
    left: 0;
    width: 100%;
    height: 35px; /* 调整高亮背景的高度 */
    background-color: rgba(198, 165, 107, 0.75); /* 高亮背景颜色 */
    z-index: 1; /* 将高亮背景置于数字下方 */
    transform: skewX(-15deg); /* 添加斜切效果 */
    padding: 0 10px; /* 增加背景左右内边距 */
}

/* 大数字样式 */
.big-number {
    font-size: 72px; /* 大数字的字体大小 */
    font-weight: 700; /* 字体粗细 */
    color: #212121; /* 字体颜色 */
    line-height: 1;
    position: relative; /* 确保数字在最上层 */
    z-index: 2;
    padding-bottom: 5px; /* 增加底部内边距，使其看起来“坐”在背景上 */
}

/* 单位样式 */
.unit {
    font-size: 24px; /* 单位的字体大小 */
    font-weight: 500;
    color: #212121;
    position: relative;
    z-index: 2;
    margin-left: 4px; /* 单位与数字的间距 */
    padding-bottom: 5px; /* 与大数字底部对齐 */
}

/* 描述文字 */
.description {
    font-size: 14px;
    color: #aaaaaa; /* 描述文字的颜色 */
    margin: 0 0 10px 0;
}

/* 客户信息文字 */
.customer-text {
    font-size: 22px;
    font-weight: 500;
    color: #000; /* 主要说明文字的颜色 */
    margin: 0;
}

/* 移动端优化 */
@media screen and (max-width: 768px) {
    .stats-container {
        flex-direction: column;
        align-items: center; /* 在小屏幕上，项目居中显示 */
        padding: 20px 0px; /* 调整内边距 */
    }

    .stat-item {
        min-width: 90%; /* 在小屏幕上使每个项的宽度更宽 */
        max-width: 400px; /* 最大宽度限制 */
        margin-bottom: 30px; /* 调整间距 */
    }

    .big-number {
        font-size: 60px; /* 小屏幕时调整大数字的大小 */
    }

    .unit {
        font-size: 22px; /* 小屏幕时调整单位的大小 */
    }

    .customer-text {
        font-size: 32px; /* 小屏幕时调整客户信息的字体大小 */
    }
}


/* ========== 服务区域 ========== */

        /* 服务区域主容器 */
        .services-section {
            max-width: 1200px;
            margin: 60px auto; /* 上下边距和水平居中 */
            padding: 20px;
            text-align: center;
        }
        
      .services-header{text-align:center}  

        /* 标题部分 */
        .services-header h2 {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 16px;
        }

        .services-header p {
            font-size: 16px;
            color: #666;
            max-width: 600px;
            margin: 0 auto 50px auto; /* 底部留出足够空间 */
        }

        /* 服务卡片网格布局 */
        .services-grid {
            display: flex;
            justify-content: center;
            gap: 30px; /* 卡片之间的间距 */
            flex-wrap: wrap; /* 允许在小屏幕上换行 */
            text-align: left; /* 将卡片内的文本重置为左对齐 */
        }

        /* 单个服务卡片 */
        .service-card {
            flex: 1; /* 占据可用空间 */
            min-width: 280px; /* 最小宽度，用于换行判断 */
            max-width: 350px; /* 最大宽度 */
            display: flex;
            flex-direction: column; /* 使内部元素垂直排列 */
        }

        .service-card-image {
            width: 100%;
            height: 220px; /* 固定高度 */
            object-fit: cover; /* 保证图片不变形地填满容器 */
            margin-bottom: 20px;
        }

        .service-card h3 {
            font-size: 20px;
            font-weight: 700;
            margin: 0 0 10px 0;
        }

        .service-card p {
            font-size: 15px;
            color: #555;
            margin: 0 0 20px 0;
            flex-grow: 1; /* 关键属性：让描述占据多余空间，从而将链接推到底部 */
        }

        .service-card-link {
          display: flex;
          justify-content: space-between;  
          align-items: center;             
            text-decoration: none;
            border-top:1px solid #eeeeee;
            color: #999999;
            font-weight: 500;
            font-size: 15px;
            transition: all 0.3s ease; /* 平滑过渡效果 */
            padding: 15px 3px;
        }


        .service-card-link:hover {
            color: #007bff; /* 鼠标悬停时改变颜色 */
        }
        
        
        /* 箭头图标 */
        .service-card-link i {
          font-size: 18px;  /* 图标大小 */
          margin-left: 8px; /* 图标与文本之间的间距 */
          transition: transform 0.3s ease; /* 箭头移动的平滑过渡 */
        }
            

    
        
        /* 响应式设计：当屏幕宽度小于768px时 */
        @media (max-width: 768px) {
            .services-header h2 {
                font-size: 28px;
            }
            .services-header p {
                padding: 5px 25px;
                font-size: 14px;
                text-align: left;
                margin-bottom:10px;
            }
        }
  
/* ========== 关于我们区域 ========== */
.m-about {
  background-color: #f9f9f9; /* 背景色 */
  padding-top: 40px;
  padding-bottom: 40px;
}

/* 仅对主标题部分应用 Flex 布局 */
.m-about .main-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
}

.m-about .main-header .left-content {
  flex: 1;
}

.m-about .main-header .right-content {
  flex: 1;
  max-width: 600px; /* 限制段落宽度 */
}

/* h1 和 h2 左侧内容 */
.m-about .main-header h1 {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  line-height: 56px;
}

.m-about .main-header h2 {
  font-size: 22px;
  font-weight: bold;
  margin: 10px 0 30px;
  color: #444;
}

/* p 右侧内容 */
.m-about .main-header p {
  line-height: 1.6;
  font-size: 15px;
  color: #555;
}

/* 步骤部分：一行三列布局 */
.m-about .steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 三列布局 */
  gap: 20px;
  max-width: 1200px; /* 限制最大宽度 */
  margin: 30px auto; /* 居中对齐 */
  padding: 0 20px; /* 为步骤部分添加左右间距 */
}

/* 单个步骤框样式 */
.m-about .step-box {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.m-about .step-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
}

.m-about .step-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between; /* 确保图标和文字在两侧 */
  align-items: center;
  gap: 10px;
}

.m-about .step-title img {
  width: 50px; /* 图标宽度 */
  height: 52px; /* 图标高度 */
}

.m-about .step-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}


/* ========== 自适应样式 ========== */

/* 移动端优化 */
@media screen and (max-width: 768px) {
  /* 主标题部分的布局调整 */
  .m-about .main-header {
    flex-direction: column; /* 将左右布局改为上下布局 */
    align-items: center; /* 居中对齐 */
    text-align: center;
  }

  /* 主标题和段落字体调整 */
  .m-about .main-header h1 {
    font-size: 28px; /* 减小标题大小 */
  }

  .m-about .main-header p {
    font-size: 14px; /* 调整段落文字大小 */
     text-align: left;
  }

  /* 步骤部分调整 */
  .m-about .steps {
    grid-template-columns: 1fr 1fr; /* 变为两列布局 */
    gap: 20px;
  }

  /* 步骤框的样式调整 */
  .m-about .step-box {
    padding: 20px;
    min-width: 0; /* 防止过度压缩 */
  }

  /* 步骤标题和描述文本字体调整 */
  .m-about .step-title {
    font-size: 14px; /* 减小步骤标题的字体大小 */
  }

  .m-about .step-desc {
    font-size: 12px; /* 减小描述文字大小 */
  }
}

/* 平板或小屏幕设备 */
@media screen and (max-width: 1024px) {
  .m-about .steps {
    grid-template-columns: repeat(2, 1fr); /* 变为两列布局 */
  }
}



/* 咖啡资讯模块的样式 */

.m-news {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.m-news .container {
  width: 100%;
  max-width: 1200px; /* 限制最大宽度 */
  margin: 0 auto;
}

/* 主标题居中样式 */
.m-news .news-header {
  text-align: center; /* 使标题和描述居中 */
}

.m-news .text-subtitle {
  font-size: 38px;
  font-weight: bold;
  color: #000; /* 栏目标题颜色 */
  margin-bottom: 20px;
}

.m-news .news-description {
  font-size: 16px;
  color: #999; /* 描述标题颜色 */
  margin-top: 10px;
  line-height: 1.6;
}

/* 新闻列表 */
.m-news .news-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 每行三篇文章 */
  gap: 30px;
  margin-top: 30px;
}

/* 每篇文章的布局 */
.m-news .m-article {
  display: flex;
  flex-direction: column; /* 垂直排列：图片在上，标题和描述在下 */
  gap: 15px;
  padding-bottom: 20px;
  height: 100%; /* 保证文章的容器高度一致 */
  overflow: hidden; /* 隐藏溢出部分 */
}

/* 文章内容 */
.m-news .article-content {
  display: flex;
  flex-direction: column; /* 垂直排列：图片在上，标题和描述在下 */
  gap: 15px;
  align-items: center; /* 居中对齐 */
  height: 100%; /* 保证文章内容的高度一致 */
}

/* 文章图片部分 */
.m-news .article-image {
  width: 100%; /* 图片宽度占满容器 */
  height: 200px; /* 固定图片高度 */
  overflow: hidden; /* 超出部分隐藏 */
}

.m-news .article-image img {
  width: 100%; /* 图片宽度占满容器 */
  height: 100%; /* 图片高度占满容器 */
  object-fit: cover; /* 保证图片覆盖区域，避免图片变形 */
  border-radius: 8px; /* 图片圆角效果 */
}

/* 文章文本内容部分 */
.m-news .article-text {
  width: 100%; /* 容器的宽度 */
  text-align: left; /* 标题和描述左对齐 */
}

.m-news .article-text h3 {
  font-size: 18px;
  font-weight: bold;
  color: #192d35; /* 文章标题颜色 */
  margin-bottom: 10px;
  white-space: nowrap; /* 不允许换行 */
  overflow: hidden; /* 隐藏溢出的部分 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}

/* 标题和"查看详情"之间的灰色分隔线 */
.m-news .article-text .separator {
  width: 100%;
  height: 1px;
  background-color: #eee; /* 灰色分隔线 */
  margin: 10px 0; /* 上下留间距 */
}

/* "查看更多" 按钮样式 */
.m-news .view-details {
   font-size: 14px;
 font-weight: bold;
  color: #192d35;
  text-decoration: none;
  margin-top: 10px;
}


.view-details i {
  font-size: 18px; 
}


.m-news .view-details:hover {
  text-decoration: underline;
}



.video-js .vjs-big-play-button {
 
  top: 50%;           
  left: 50%;           

}




/* 页脚样式 */
.m-footer {
  background-color: #1c2a32; /* 深色背景 */
  color: #fff;
  padding: 40px 0;
}

.m-footer .container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; /* 左右两侧内容对齐 */
}

.m-footer .footer-content {
  display: flex;
  width: 100%;
}

/* 左侧区域样式 */
.m-footer .footer-left {
  width: 30%; /* 左边部分占 30% */
  border-right: 1px solid #666666; /* 添加右边框 */
  padding-right: 30px;
}



.m-footer .footer-item {
  display: flex; /* 水平排列图标和文本 */
  align-items: center; /* 垂直居中 */
  margin-bottom: 20px;
}



.m-footer .footer-left .footer-item:first-of-type {
padding-bottom: 30px;
  border-bottom: 1px solid #eee;
} 

.m-footer .footer-item i {
  font-size: 32px; 
  margin-right: 10px; 
  color: #fff;
}

.m-footer .footer-item h4, .m-footer .footer-item p {
  font-size: 16px;
  color: #ccd5d3;
  margin: 0;
  line-height: 1.6;
}




.m-footer .footer-item p {
  color: #ccc; 
}

/* 中间区域样式 */
.m-footer .footer-middle {
  width: 38%; 
  padding-left: 30px;
}

.m-footer .footer-middle h4 ,
.m-footer .footer-right h4{
  font-size: 16px; 
  font-weight: bold;
}

.m-footer .footer-middle ul {
padding-top: 30px;
}

.m-footer .footer-middle li {
font-size: 14px;
margin-bottom: 10px;
}

.m-footer .footer-middle a {
  color: #ccd5d3;
  text-decoration: none;
}

.m-footer .footer-middle a:hover {
  color: #fff;
}

/* 右侧区域样式 */
.m-footer .footer-right {
  width: 35%; 
  padding-left: 30px;
}

.m-footer .footer-right ul {
  padding-top:30px;
  list-style: none;
}

.m-footer .company-info-item {
  display: flex; 
  align-items: center;
  margin-bottom: 10px;
}

.m-footer .company-info-item i {
  font-size: 16px; 
  margin-right: 10px; 
}

.m-footer .company-info-item span {
  font-size: 14px;
  color: #ccd5d3;
}

/* 保证p文本单独换行 */
.m-footer .footer-middle h4,
.m-footer .footer-middle p,
.m-footer .footer-right h4,
.m-footer .footer-right p {
  text-align: left;
}



 /* 响应式设计：当屏幕宽度小于768px时 */
   @media (max-width: 768px) {
       
   .m-footer .footer-left{width:100%;border-right:none;}  
    .m-footer .footer-left .footer-item{padding:15px 0;margin:auto}

      .m-news,
      .m-video,
      .m-footer .footer-middle,
      .m-footer .footer-right{
          display:none}
}