@charset "utf-8";
/* CSS Document @woniu*/

@media screen and (max-width: 768px) {
.pl02 {
padding-left: .4rem;
}
.pall02 {
padding-left: .4rem;
padding-right: .4rem;
}
}
@media screen and (min-width: 1200px) {
.layui-container {
	width: 1500px;
	margin: 0 auto;
}
}
.layui-col-space30 {
	margin: -0.325rem
}
.layui-col-space30>* {
	padding: 0.325rem
}
.layui-input-inline {
	width: 96%;
 margin: 0 0 .3rem 0;
}
/***head样式***/
.header {
	height: auto;
}
/*****logo样式****/
.main {
	height: 100px;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 100;
	border-bottom: 1px solid #f5f5f5;
}
.logo {
	margin-top:10px; margin-left:12%; width:30.33%; float:left;
}
.MainNav {
	float: left;
}
.MainNav li{ line-height:100px; float:left; margin-left:20px;}
.MainNav li a{ font-size:16px;}
.MainNav li.active a{ color:#f00;}
.MainNav li a:hover{ color:#f00;}

.banner {
	overflow: hidden;
}
.banner img{ width:100%;}
/***手机站menu***/
.navbar {
	height: 50px;
	line-height: 50px;
	float: right;
	overflow: hidden;
	margin-top: 30px;
}
.navbar .nav>li {
	position: relative;
	display: block;
	float: left;
}
.navbar .nav>li>a {
	font-weight: bold;
	position: relative;
	display: block;
	width: 110px;
	height: 50px;
	text-align: center;
	font-size: 16px;
}
.navbar .nav>li>a.active {
	background: #025b9a;
	color: #fff;
}
.navbar .nav>li:hover .box {
	display: block;
}
.navbar .nav>li:hover>a {
	color: #fff;
	background: #025b9a;
}
.navbar .nav .box {
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 0;
	display: none;
	overflow: hidden;
	padding: 20px;
	background: #025b9a;
}
.navbar .nav .box.right {
	right: 0;
	left: auto;
}
.navbar .nav .box a {
	display: block;
	margin: 0 2em .8em 0;
	white-space: nowrap;
	color: #fff;
}
.navbar .nav .box a:hover {
	color: #aaceff;
}
.navbar .nav .box a.pic {
	margin: 0;
}
.navbar .nav .box .thumb {
	float: left;
	margin-bottom: -3000px;
	padding-bottom: 3000px;
}
.navbar .nav .box .menu {
	margin-left: 220px;
}
.navbar .nav .box img {
	display: block;
	max-width: 200px;
	border: 4px solid #fff;
}
.navbar .nav .cate {
	overflow: hidden;
	white-space: nowrap;
}
.navbar .nav .cate .item {
	display: block;
	float: left;
	margin-right: 20px;
	width: 16%;
}
.navbar .nav .cate .item:last-child {
	float: none;
	margin-right: 0;
	margin-left: 750px;
}
.navbar .nav .cate h4 {
	font-size: 1.1em;
	margin: 0;
}
.navbar .nav .cate img {
	width: 130px;
	height: 80px;
}
.navbar .nav .cate ul {
	padding-top: 1em;
}
.toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 56px;
	height: 66px;
	cursor: pointer;
}
.toggle .icon {
	top: 29px;
	left: 14px;
}
.toggle .icon, .toggle .icon::before, .toggle .icon::after {
	position: absolute;
	width: 30px;
	height: 4px;
	border-radius: 2px;
	background: #b2b2b2;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.toggle .icon::before, .toggle .icon::after {
	left: 0;
	content: '';
	background: inherit;
}
.toggle .icon::before {
	top: -9px;
}
.toggle .icon::after {
	top: 9px;
}
/* 手机站列表 */
.navigation, .cate-tree {
	line-height: 50px;
	position: absolute;
	z-index: 99;
	top: 101%;
	display: none;
	width: 100%;
	background: #fff;
}
.navigation .level-1>li::after, .cate-tree .level-1>li::after, .navigation .level-2>li::after, .cate-tree .level-2>li::after, .navigation .level-2>li::before, .cate-tree .level-2>li::before {
	position: absolute;
	top: 18px;
	right: 15px;
	width: 12px;
	height: 12px;
	content: '';
	background-size: cover;
}
.navigation .level-1 a, .cate-tree .level-1 a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	color: inherit;
}
.navigation .level-1 li, .cate-tree .level-1 li {
	position: relative;
	border-bottom: solid 1px #e4e4e4;
}
.navigation .level-1>li>a, .cate-tree .level-1>li>a {
	padding: 0 2em 0 2em;
}
.navigation .level-1>li::after, .cate-tree .level-1>li::after {
	background-position: -36px 0;
}
.navigation .level-1>li.active::after, .cate-tree .level-1>li.active::after, .navigation .level-1>li:hover::after, .cate-tree .level-1>li:hover::after {
	background-position: -96px 0;
}
.navigation .level-1>li.more::after, .cate-tree .level-1>li.more::after {
	background-position: -12px 0;
}
.navigation .level-1>li.more:hover::after, .cate-tree .level-1>li.more:hover::after {
	background-position: -72px 0;
}
.navigation .level-1>li.more.active::after, .cate-tree .level-1>li.more.active::after {
	background-position: -84px 0;
}
.navigation .level-1>li.active>a, .cate-tree .level-1>li.active>a, .navigation .level-1>li:hover>a, .cate-tree .level-1>li:hover>a {
	color:#f00;
}
.navigation .level-2, .cate-tree .level-2 {
	display: none;
}
.navigation .level-2 a, .cate-tree .level-2 a {
	padding: 0 2em 0 3em;
}
.navigation .level-2 li:first-child, .cate-tree .level-2 li:first-child {
	border-top: solid 1px #e4e4e4;
}
.navigation .level-2 li:last-child, .cate-tree .level-2 li:last-child {
	border-bottom: none;
}
.navigation .level-2>li::before, .cate-tree .level-2>li::before {
	right: auto;
	left: 1.5em;
	background-position: 0 0;
}
.navigation .level-2>li::after, .cate-tree .level-2>li::after {
	background-position: -48px 0;
}
.navigation .level-2>li.active::after, .cate-tree .level-2>li.active::after {
	background-position: -108px 0;
}
.navigation .level-3, .cate-tree .level-3 {
	line-height: 40px;
	display: none;
}
.navigation .level-3 a, .cate-tree .level-3 a {
	font-size: .8em;
	padding-left: 4em;
}

/****首页公司简介****/
.HomeAbout { padding:80px 0; overflow:hidden;}
.about_fl{ width:49%; float:left; overflow:hidden;}
.about_fl h2{ font-size:26px; color:#333;}
.about_fl h3{ font-size:14px; color:#999; line-height:35px; margin-bottom:20px;}
.about_fl p{ font-size:14px; color:#666; line-height:33px; font-family: "times new roman", serif;}
.about_fr{ float:right; width:49%; margin-top:80px; overflow:hidden;}
.about_fr img{ width:100%;}

/****横幅***/
.hf img{ width:100%;}

/****首页产品展示***/
.product{ padding:80px 0;}
.product h2{ font-size:26px; color:#333; text-align:center}
.product h3{ font-size:14px; color:#999; line-height:35px; margin-bottom:20px; text-align:center;}
.prd_zs{ width:100%; overflow:hidden;}
.prd_zs li{ 
	width: calc(24.8% - 20px);
	background-color: #fff;
    box-sizing: border-box;
    display: inline-block;
    margin: 10px;
    overflow: hidden;
    text-align: center;
    transition: all .5s ease-out;
    vertical-align: top;
}
.prd_zs li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.1)}
.prd_zs li:hover span{ color:#ef4136;}
.prd_zs li img{ width:100%;}
.prd_zs li span{ line-height:27px; margin:10px 0; font-size:16px; color:#333; width:100%; float:left; overflow:hidden;}
.prd_zs li font{ font-size:18px; color:#ef4136; margin-bottom:10px; overflow:hidden; width:100%; float:left;}

/******车型两点****/
.cxld{ height:210px; background:url(../images/ld.jpg) center bottom no-repeat;}
.cxld h2{ font-size:26px; color:#fff; text-align:center; padding-top:110px;}
.cxld h3{ font-size:14px; color:#eee; line-height:35px; margin-bottom:20px; text-align:center;}
.hf2{ height:230px; background:url(../images/ld1.jpg) center top no-repeat;}
.hf2 ul{ padding-top:40px; overflow:hidden;}
.hf2 li{ width:25%; float:left; text-align:center; color:#fff;}
.hf2 li h2{ font-size:16px; font-weight:bold; margin-bottom:20px;}
.hf2 li span{ font-size:14px; color:#eee; line-height:25px;}

/****首页新闻**/
.news{ padding:80px 0; background:url(../images/newbg.jpg) left bottom repeat-x; overflow:hidden;}
.news h2{ font-size:26px; color:#333; text-align:center}
.news h3{ font-size:14px; color:#999; line-height:35px; margin-bottom:20px; text-align:center;}
.news_ct{width:46%; float:left; padding:2% 1.5% 0 1.5%; margin-left:1%; }
.news_ct:hover{ box-shadow: 0 0 15px rgba(0,0,0,.1)}
.news_ct:hover .news_tit{ color:#f00;}
.news_ct:hover .news_con{ color:#000;}
.news_ct:hover .news_img img {
	transition: all 0.5s ease-out;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}
.news_c{ width:100%%; float:left; border-bottom:1px solid #ddd; padding-bottom:20px;}
.news_img{ width:30%; height:auto; float:left; overflow:hidden;}
.news_img img{ width:100%; transition: all 0.5s ease-out;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;}
.news_tit{ width:68%; float:right; line-height:40px; font-size:20px; font-weight:bold;}
.news_data{ float:left; text-indent:15px; color:#999; line-height:30px;}
.news_con{ width:68%; float:right; line-height:25px; font-size:14px;  color:#666;}

/***首页联系我们***/
.lxwm{ padding:80px 0; overflow:hidden;}
.lxwm h2{ font-size:26px; color:#333; text-align:center}
.lxwm h3{ font-size:14px; color:#999; line-height:35px; margin-bottom:20px; text-align:center;}
.lxwm ul{ width:100%; float:left; margin-top:20px;}
.lxwm li{ margin-bottom:20px;}
.lxwm li label{ line-height:40px;}
.lxwm li label span{ color:#f00;}
.lxwm li input{ background: hsla(0,0%,80%,.15); border:0; }
.lxwm li input.dianhua{ width:100%; line-height:44px; height:44px;}
.lxwm li .ly{ height:150px; padding:10px; background: hsla(0,0%,80%,.15); border:0; }
.lxwm li button{ width:300px; border:0; color:#fff; height:44px; line-height:44px; float:left; text-align:center; background:#ef4136;}

/****footer****/
.footer-copy {
	padding: 15px 0;
	font-size: 12px;
	background-color: rgba(24, 24, 24, 1);
	color: #888;
	line-height:25px;
	text-align:center;
}
.footer-copy a {
	color: #888;
}
.fhdb{ position:fixed; right:40px; text-align:center; line-height:48px; bottom:60px; width:48px; height:48px; background:#ef4136; color:#fff; border-radius:50px; display:none;}

.show-xs {
	display: none;
}
/*****关于我们单页****/
.cpys{ padding:80px 0; background:#; overflow:hidden; background-color: rgba(241, 242, 243, 1);}
.cpys h2{ font-size:26px; color:#333; text-align:center}
.cpys h3{ font-size:14px; color:#999; line-height:35px; margin-bottom:20px; text-align:center;}
.cpys ul{ width:100%; overflow:hidden; margin-top:50px;}
.cpys li{ width:25%; float:left; text-align:center;}
.cpys li span{ width:100%; line-height:30px; text-align:center; float:left; margin-top:20px; overflow:hidden; font-size:16px; color:#333;}
/*****联系我们单页***/
.lxfs{ padding:40px 0; overflow:hidden;}
.lxfs li{ width:25%; float:left; text-align:center;}
.lxfs li span{ width:100%; line-height:30px; height:90px; text-align:center; float:left; margin-top:20px; overflow:hidden; font-size:16px; color:#333;}
.zxdt{ padding:40px 0; overflow:hidden;}
.zxdt h2{ color:#ef4136; font-size:16px; line-height:50px; font-weight:bold;}

/****留言页面**/
.qbly{ overflow:hidden; padding:0 0 50px 0;}
.qbly h2{ font-size:15px; color:#999; border-bottom:1px solid #f0f0f0; line-height:40px;}
.lynr{ width:100%; float:left; margin:50px 0; text-align:center;}
.ly_img{
    background: url(../images/ly.png) 0 -135px;
    display: inline-block;
    height: 123px;
    width: 157px;
}
.lynr span{ width:100%; float:left; line-height:40px; font-size:16px; color:#666;}
/****新闻中心***/
.news_cts{width:96%; float:left; padding:2% 1.5% 0 1.5%; margin-left:1%; margin-bottom:0px;}
.news_cts:hover{ box-shadow: 0 0 15px rgba(0,0,0,.1)}
.news_cts:hover .newsc_tit{ color:#f00;}
.news_cts:hover .newsc_con{ color:#000;}
.news_cts:hover .newsc_img img {
	transition: all 0.5s ease-out;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}
.news_cc{ width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:40px;}
.newsc_img{ width:25%; height:auto; float:left; overflow:hidden;}
.newsc_img img{ width:100%; transition: all 0.5s ease-out;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;}
.newsc_tit{ width:73%; float:right; line-height:40px; font-size:20px; font-weight:bold;}
.newsc_data{ float:left; text-indent:30px; color:#999; line-height:30px;}
.newsc_con{ width:73%; float:right; line-height:25px; font-size:14px; color:#666;}

/****新闻内页***/
.newsc_c{ padding:30px 0; overflow:hidden;}
.newsc_c h1{ font-size:22px; color:#333; overflow:hidden;}
.newsc_c h2{ font-size:14px; color:#999; margin:36px 0 24px 0;}
.newstcon{ width:100%; float:left; border-top:1px solid #ddd; border-bottom: 1px dashed #efefef; margin-bottom: 26px; padding:40px 0; overflow:hidden; font-size:17px; color:#333; line-height:2.8;}
.newstcon p{ text-indent:2em;}
.newstcon img{ display:block; max-width:100%; margin-left:auto; margin-right:auto;}
.reLink{ float:left; width:60%;}
.prevLink{ width:100%; float:left; line-height:40px;}
.prevLink a:hover{ color:#f00;}
.demo{ float:right;}

/*Layer*/
.Smohan_Layer_Shade{position:fixed; _position:absolute; zoom:1; top:0; left:0; width:100%; height:100%; overflow:hidden; background:url(../images/hei.png) repeat; z-index:99900;}
.Smohan_Layer_box{ min-width:300px; height:auto; padding:20px; background:#ffffff; position:fixed; _position:absolute; top:50%; left:50%; overflow:hidden; z-index:99999;-moz-border-radius:20px;-webkit-border-radius:20px;
border-radius:20px;}
.Smohan_Layer_box h3{ display:block; width:100%; height:30px; line-height:30px; padding:0px 0px 10px 0px; margin:0; border-bottom:1px solid #cccccc; overflow:hidden;}
.Smohan_Layer_box h3 .text{ float:left;font-size:16px; font-family:'Microsoft JhengHei','Microsoft YaHei', Arial, sans-serif; font-weight:600; color:#84c017; text-indent:0.5em; display:block;}
.Smohan_Layer_box h3 .close{ display:block; width:30px; height:30px; background:url(../images/Smohan.layer.close.png) 0px 0px no-repeat; float:right;}
.Smohan_Layer_box h3 .close:hover{background-position:0px -31px;}
.Smohan_Layer_box .layer_content{ display:block; width:100%; height:100%; margin-top:10px; margin-bottom:10px; padding:0; overflow:hidden; position:relative;}
.Smohan_Layer_box .layer_content .loading{ display:block; width:36px; height:36px; background:url(../images/Load.gif) center center no-repeat; position:absolute; top:0; left:0;}
/*Share*/
#Share{ display:none; width:360px; height:120px; padding:15px 10px;}
#Share ul{ margin:0; padding:0; list-style-type:none;}
#Share ul li{ float:left; display:block; width:50px; height:50px;margin-left:5px; margin-right:5px; cursor:pointer; position:relative;}
#Share ul li a{ display:block; width:28px; height:28px; margin-left:11px; margin-top:12px;}
#Share ul li span{ display:block;width:40px;height:10px;background:url(../images/share_shade.png) 0px 0px no-repeat; position:absolute; left:5px; bottom:0px;}
#Share ul li a.share1{ background:url(../images/share_icon.png) 0px 0px;}
#Share ul li a.share2{ background:url(../images/share_icon.png) -28px 0px;}
#Share ul li a.share3{ background:url(../images/share_icon.png) -56px 0px;}
#Share ul li a.share4{ background:url(../images/share_icon.png) -84px 0px;}
#Share ul li a.share5{ background:url(../images/share_icon.png) -112px 0px;}
#Share ul li a.share6{ background:url(../images/share_icon.png) -140px 0px;}

/******产品中心****/
.prd_zss{ width:100%; overflow:hidden;}
.prd_zss li{ 
	width: calc(33% - 20px);
	background-color: #fff;
    box-sizing: border-box;
    display: inline-block;
    margin:20px 10px;
    overflow: hidden;
    text-align: center;
    transition: all .5s ease-out;
    vertical-align: top;
}
.prd_zss li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.1)}
.prd_zss li:hover span{ color:#ef4136;}
.prd_zss li img{ width:100%;}
.prd_zss li span{ line-height:27px; margin:10px 0; font-size:16px; color:#333; width:100%; float:left; overflow:hidden;}
.prd_zss li font{ font-size:18px; color:#ef4136; margin-bottom:10px; overflow:hidden; width:100%; float:left;}

/*****产品内页****/
.prd_c{ padding:70px 0; overflow:hidden;}
.prd_fl{ width:652px; height:auto; float:left; overflow:hidden;}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.swiper {
  position:relative;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  width: 650px;
  height: 650px;
  border:1px solid #eee;
}

.mySwiper {
	width:610px;
	height:100px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	overflow:hidden;
}

.mySwiper .swiper-slide {
  width: 18.2% !important;
  height: auto;
  border:1px solid #fff;
}

.mySwiper .swiper-slide-thumb-active { border:1px solid #f00;}
.swiper-button-next, .swiper-button-prev{ top:113% !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	width:12px !important;
	height:16px !important;
    background: url(../images/vbg01.png) -53px -233px !important;
    right: 0px !important;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    width:12px !important;
	height:16px !important;
    background: url(../images/vbg01.png) -23px -208px !important;
    right: auto;
    left: 0px !important;
}

#prd_show .swiper-button-next,#prd_show .swiper-button-prev{ display:inline !important;}

.cpfy{ width:100%; float:left; overflow:hidden; margin-top:20px;}
.cpfy_f {
    border: 1px solid #e9e9e9;
    border-radius: 15px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 80px;
}

.prd_fr{ width:800px; float:right;}
.prd_fr h1{ line-height:50px; float:left; font-size:22px; color:#333; font-weight: inherit; margin-top:10px;}
.prd_fr h2{ float:right; height:50px; border-left:1px solid #f0f0f0; padding-left:30px; margin-top:10px; margin-right:70px;}
.prd_fr h2 a{ font-size:13px;}
.jiage{ width:100%; height:110px; line-height:110px; float:left; margin-top:36px; background:#f7f7f7; font-size:30px; color:#ef4136; text-indent:20px; font-weight:bold;}
.zdycc{ width:100%; float:left; margin-top:6px; overflow:hidden;}
.zdycc p{ line-height:40px; font-size:14px; color:#666; text-indent:20px;}
.prd_ul{ width:99%; height:55px; line-height:55px; float:left; border:1px solid #f0f0f0; margin-top:60px; overflow:hidden;}
.prd_ul span{ width:160px; border-top:2px solid #ef4136; line-height:54px; height:54px; float:left; text-align:center; border-right:1px solid #f0f0f0; font-size:15px; color:#ef4136;}
.prd_con{ width:93%; padding:20px 3%; height:auto; float:left; border:1px solid #f0f0f0; background:#fafafa; margin-top:30px; overflow:hidden; font-size:17px; line-height:30px;}
.prd_con img{ display:block; max-width:100%; margin-left:auto; margin-right:auto;}
.prd_con td{ border:1px solid #ddd; padding:4px;}
.prd_con table{ width:100% !important; word-wrap: break-word; word-break: break-all;}

 @media screen and (max-width: 768px) {
.hide-xs {
	display: none;
}
.show-xs {
	display: block;
}
.layui-container {
	padding: 0 10px;
}

.main {
	height: auto;
	padding: 0;
	width: 100%;
}
.logo {
	height: auto;
	margin: 0;
}
.logo img {
	height: 60px;
	margin-left:10px;
}
.MainNav{ display:none;}
.banner {
	margin-top: 60px;
}
.HomeAbout,.product,.news,.lxwm,.prd_c{ padding:30px 0;}
.about_fl{ width:100%;}
.about_fr{ width:100%; margin-top:20px;}
.prd_zs li{ width: 96.4%; margin: 0 1.8% 20px;}
.cxld{ height:150px;}
.cxld h2{ padding-top:50px;}
.hf2 li{ width:50%;}
.hf2 ul{ padding:0;}
.news_ct{ width:97%; margin:0;}
.news_tit{ line-height:30px; font-size:16px;}
.news_con{ display:none;}
.lxwm li button{ width:100%;}
.cpys li,.lxfs li{ width:50%; margin-bottom:10px;}
.newsc_tit{ line-height:23px; font-size:14px; font-weight:400;}
.newsc_data{ text-indent:10px; line-height:15px;}
.newsc_con{ height:50px; overflow:hidden;}
.news_cc{ padding-bottom:10px; margin-bottom:10px;}
.prd_fl,.prd_fr{ width:100%;}
.mySwiper2{ width:100%; height:auto; border:0;}
.mySwiper,.cpfy{ display:none;}
.swiper-button-next, .swiper-button-prev{ display:none;}
.prd_fr h2{ display:none;}
.jiage{ height:60px; line-height:60px; margin-top:20px;}
.fhdb{ width:38px; height:38px; line-height:38px; right:10px; bottom:85px;}
}