html, body {height: 100%;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;}
.fix {overflow:hidden}


table,th,td{border:1px solid #CCCCCC;} 


p {margin:0px;}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px;
	font-family: "微软雅黑";
	font-weight:600;
}
h1,h4{text-transform:uppercase;}
h4{color:#444;}
a {
	transition: all 0.3s ease 0s;
	text-decoration:none;
	font-weight:400;
	color:#555;
	text-transform:uppercase;
	font-family: "微软雅黑";
}
a:hover,a:hover, a:focus {
	color: #f3441e;
	text-decoration: none;
}
button:focus,a:focus {
    border: 0;
    outline: 0;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px;
}
a:active, a:hover {
	outline: 0 none;
	text-decoration:none;
}
.animated {animation-duration: 1.5s;}
i{font-size:16px;}
p{
	color:#444;
	font-size:14px;
	font-weight:400;
	line-height:24px;
}
.con-title p {
  line-height: 24px;
}
ul{
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
ul li{float:left;}
hr.line {
	background: #f3441e none repeat scroll 0 0;
	border: 0 none;
	height: 1px;
	margin: 0 auto;
	width: 100px;
}
.section-padding{padding:60px 0;}
.section-padding-top{padding-top:0px;}
.section-padding-bottom{padding-bottom:60px;}
.d-table {
    display: table;
    height: 100%;
    width: 100%;
}
.d-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.col-text-center{
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
/* next prev */
.slick-arrow {
    cursor: pointer;
    margin-top: -15px;
    position: absolute;
    top: 50%;
	transition:.4s;
}
.next.slick-arrow {right: 0;
  background: transparent;
  border-radius: 50%;
  color: #0057a6;
  font-size: 30px;
  font-weight: 700;
  height: 60px;
  line-height: 56px;
  margin: 0 0 0 0px;
  padding: 0;
  width: 60px;
  background:#fff;
  border: 1px solid #eee;
  transition: all 700ms ease 0s;}
.prev.slick-arrow {
    z-index: 2;
	left:0;
  background: transparent;
  border-radius: 50%;
  color: #0057a6;
  font-size: 30px;
  font-weight: 700;
  height: 60px;
  line-height: 56px;
  margin: 0 0 0 0px;
  padding: 0;
  width: 60px;
  background:#fff;
  border: 1px solid #eee;
  transition: all 700ms ease 0s;
}
.single-products:hover .next.slick-arrow {
  right: -25px;
}
.single-products:hover .prev.slick-arrow {
  left: -25px;
}


.news-more{ margin:40px 0}
.news-more a.more-btn {
    border: 1px solid #ccc;
}
.news-more a.more-btn:hover {
    border-color: #f3441e;
}


/* 上下页 */
.post-pagination{
    display: block;
    margin-top: 10px;
}
.post-pagination li {
    display: inline-block;
    margin: 0 3px; float:none
}
.post-pagination li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    color: #2f2f2f;
    display: block;
    font-size: 14px;
    padding: 10px 15px;
    transition: all 500ms ease 0s;
    font-family: 'Titillium Web', sans-serif;
    border-radius: 4px;
}
.post-pagination li.active a, 
.post-pagination li:hover a {
    background: #f3441e;
    color: #ffffff;
    border: 1px solid #f3441e;
}

/* ScrollUp */
#scrollUp {
	background-color: #444;
	bottom: 50px;
	font-size: 22px;
	height: 30px;
	right: 12px;
	text-align: center;
	text-decoration: none;
	width: 30px;
	overflow:hidden;
}
#scrollUp i::after {
	animation: 1.5s ease 0s normal none infinite running mymove;
	color: #f3441e;
	-webkit-animation: mymove 1.5s infinite; 
	content: "\f102";
	height: 100%;
	position: absolute;
	width: 100%;
	left: 0;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {bottom: 0px;}
    to {bottom: 20px;}
}
@keyframes mymove {
    from {bottom: 0px;}
    to {bottom: 20px;opacity:0;}
}
#scrollUp i{color:#f3441e;line-height: 30px;}
#scrollUp:hover{background-color: #f3441e;}
#scrollUp:hover i,#scrollUp:hover i::after {color:#fff;}
.clear{clear:both}
body {
	font-family: "微软雅黑";
	color:#444;
	font-size:14px;
	font-weight:400;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;}
input:focus, textarea:focus {outline: 0px;}


/***----------------------------------------------------------------------------------------------------
头部
----------------------------------------------------------------------------------------------------***/
.header-top { margin:20px 0;
    background: #fff none repeat scroll 0 0;
}
.logo {line-height: 60px;}
.header-top ul li {
    line-height: 40px;
}
.header-top .right { margin-top:10px;}
.header-top .right li, .header-top .right li a {
	color: #444;
	font-size: 18px;
}
.header-top .right span{
	color: #f3441e;
	font-size: 25px;
}
.header-bottom .container {padding: 0 30px;}
.header-bottom {
    position: absolute;
    width: 100%;
	z-index:99;
	left:0;
}
.header-bottom-bg {
    background: #0057a6;
    height: 60px;
}

/* sticky */
.header-bottom.sticky,.box-layout .header-bottom.sticky,.error-header .header-bottom.sticky {
    background: rgba(0, 87, 166, 0.8) none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.box-layout .header-bottom.sticky {
	margin: 0 auto;
	right: 0;
	width: 1200px;
}
.header-bottom.sticky .header-bottom-bg {
    background: transparent none repeat scroll 0 0;
}
/*.header-bottom.sticky .logo,.header-bottom.sticky .mainmenu nav > ul > li > a,.header-bottom.sticky .language-area li > a i {
    line-height: 70px;
	transition:.4s;
}*/
.header-bottom.sticky .language-area li a span {
    top:8px;
}
.header-bottom.sticky .mean-container .mean-bar ,.header-bottom.sticky .mean-container .mean-nav {
  top: 10px;
}
.header-bottom.sticky .logo,
.header-bottom.sticky .mainmenu nav > ul > li > a,
.header-bottom.sticky .language-area li > a i {
    line-height: 60px;
    transition:.4s;
}
.sticky .logo img {
    transition:.4s;
  width: 70%;
}

/*导航*/
a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:100%;position:relative;background: none;padding:4px 0;min-height:42px;z-index:9}
.mean-container p{ color:#fff; position: relative; top:-30px; font-size:14px;}
.mean-container a.meanmenu-reveal {
  color: #fff;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 1px;
  font-weight: 700;
  height: 22px;
  line-height: 22px;
  margin: 0 auto;
  padding: 13px 13px 11px;
  right: 0;
  text-decoration: none;
  text-indent: -9999em;
  top: 0;
  width: 22px;
}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background: none}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%;border-bottom:1px solid rgba(255,255,255,.5);}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.2)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:19px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}

/* 手机端导航 */
.mobile-menu-area{display:none;}
.mainmenu nav > ul {
  display: inline-block;
  padding-top: 3px;
  margin-bottom: -3px;
}
.mainmenu {
    text-align: left;
    width: 83%;
    position: relative;
}
.mainmenu nav> ul> li> a {
    color: #fff;
    font-size: 15px;
    line-height: 60px;
    padding: 0 60px 0 0;
	position:relative;
	display:block;
}
.mainmenu nav> ul> li:hover> a,.header-top .right li a:hover {
    color: #f3441e;
}
/* drop down menu */
.mainmenu nav> ul > li > ul {
  width: 200px;
}
.mainmenu ul > li .mega-menu ,.mainmenu nav> ul > li > ul{
	background: #fff none repeat scroll 0 0;
	left: 0; padding:10px 0 ;
	position: absolute;
	top: 102%;
	transform: scaleY(0);
	transform-origin: 0 0 0;
	transition: all 0.4s ease 0s;
	z-index: -1;
	box-shadow:0px 3px 6px #999;
}
.mainmenu ul > li:hover > ul,.mainmenu ul > li:hover .mega-menu {
    transform: scaleY(1);
}
.mainmenu ul > li:hover > ul > li > a  {
    transform: scale(1);
}
.mainmenu nav> ul > li > ul > li {
    float: none;
}
.mainmenu nav> ul > li > ul.mega-menu > li {
    float: left;
}
.mainmenu nav> ul > li > ul > li > a {
	color: #333;
	display: block;
	line-height: 40px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	transform: scale(0);
	transition: all 0.4s ease 0s;
}
.mainmenu nav> ul > li > ul > li > a:hover { color:#fff; background:#f3441e}
.mainmenu li {position: relative;}

.mainmenu ul > li > ul > li:hover > a::after {
    height: 1px;
    left: 0;
    margin-left: 0;
    width: 100%;
}

/* 语言 */
.language-area li {position: relative;}
.language-area li > a {
    display: block;
    position: relative;
}
.language {
	background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
	opacity: 0;
	padding: 10px;
	position: absolute;
	right: -15px;
	top: 150%;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 275px;
	box-shadow:0 3px 6px #999;
}
.language-area li:hover .language {
	opacity: 1;
	top: 100%;
	transition: all 0.5s ease 0s;
	visibility: visible;
}
.language-area li > a i {
    color: #fff;
    font-size: 25px;
    line-height: 60px;
}
.language-area li a span {
    color: #fff; margin-left:15px;
    text-align: center;
}
.language > li > a {
    float: left;
    width: 85px;
}
.language-title {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    padding: 23px 0 22.5px 15px;
}
.language > li {
    float: none;
    margin-bottom: 10px;
    overflow: hidden;
}
.language .language-btn > a {
    background: #fff none repeat scroll 0 0;
    font-family: roboto;
    line-height: 40px;
    text-align: center;
    width: 48.8%;
}
.language .language-btn > a:first-child {
    margin-right: 6px;
}
.language > li:last-child {
    margin-bottom: 0;
    margin-top: 15px;
}
.language .language-btn > a:hover {
    background: #f3441e none repeat scroll 0 0;
    color: #fff;
}

/*搜索*/
.outer-search-box {
    display: inline-block;
    float: left;
    padding-left: 20px;
    margin: 22px 0;
}
.outer-search-box .seach-toggle {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    text-align: center;
    transition: all 500ms ease;
    height: 16px;
    display: block;
    width: 25px;
    line-height: 14px;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
    color: #f3441e;
}
.search-box {
	background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    top: 120%;
    transition: all 500ms ease 0s;
    visibility: hidden;
    z-index: 100;
}
.search-box.now-visible {
    top: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 100;
}
.search-box .form-group{
    position:relative;
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-width: 250px;
}
.search-box .form-group input[type="search"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #1d1d1d;
    color: #000;
    display: block;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    height: 40px;
    padding-left: 15px;
    padding-right: 50px;
}
.search-box .form-group input[type="search"]:focus{
    border-color: #000000;	
}
.search-box .form-group button, 
.search-box .form-group input[type="submit"] {
    background: #1d1d1d;
    border: 1px solid #1d1d1d;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    transition: all 500ms ease 0s;
}
.search-box .form-group button:hover,
.search-box .form-group input:focus + button{
    color:#fff;
    background: #000;
}



/* 内容区标题 */
.con-title {margin-bottom: 20px;}
.con-title h3 {
    color: #444;
	font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
    text-transform: uppercase;
}
.con-title span {
    color: #f3441e;
}
.con-title .con-line::after, .con-title .con-line::before {
    background: #444 none repeat scroll 0 0;
    margin-top: 0;
    width: 50px;
}
.con-title .con-line {
    margin: 0 auto;
    padding: 18px 0;
    width: 150px;
}

.con-line {
    padding: 16px 0;
    position: relative;
    text-align: center;
}
.con-line::after, .con-line::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 45%;
}
.con-line::before {
    left: inherit;
    right: 0;
}

a.more-btn ,a.btn-style {
    background: #fff none repeat scroll 0 0;
    color: #444;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    padding: 0 30px;
    position: relative;
    z-index: 2;
}
a.more-btn::after,.submit-text:after, a.btn-style::after{
    background: #f3441e none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}
a.more-btn:hover::after,.discount-left a.more-btn:hover::after,.news-more  a.more-btn:hover::after,.submit-text:hover:after,a.btn-style:hover:after {
    height: 100%;
}
a.more-btn:hover,a.btn-style:hover {color: #fff;}

.padding100{padding:100px 0;}


/*** =============================================
三图栏目展示
=============================================***/
.service-center-area{
    position: relative;
    display: block;
    padding: 50px 0px;
}
.service-center-area .title {
    display: block;
    padding-bottom: 48px;
}
.service-center-area .title h1{
    color: #333333;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 11px;
}
.service-center-area .title span{
    color: #f3441e;    
}
.service-center-area .title p{
    color: #999999;
    font-size: 18px;
    margin: 0;
}
.service-center-area .service-box {
}
.service-center-area .service-box .single-box{
    padding-left: 6px;
    padding-right: 6px;
}

.single-service-center{
    position: relative;
    display: block;
}
.single-service-center .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-service-center .img-holder img{
    width: 100%;
    transition: all 1s ease-in-out;    
}
.single-service-center:hover .img-holder img {  
    transform: scale(1.1);
}
.single-service-center .inner-content {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    text-align: center;
    transition: all 500ms ease;
    transform: translate3d(0px, 0%, 0px);
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.single-service-center:hover .inner-content{
    transition: all 500ms ease;
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);    
}
.single-service-center .inner-content .title-holder{}
.single-service-center .inner-content .title-holder h2{
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
}

.single-service-center .img-holder .overlay-content {
    position: absolute;
    top: 38px;
    left: 30px;
    right: 30px;
    opacity: 0;
    text-align: center;
    z-index: 1;
    transition: all 700ms ease;
    transform: translate3d(0px, 100%, 0px);
}
.single-service-center:hover .img-holder .overlay-content{
    opacity: 1;
    transform: translate3d(0px, 0%, 0px);    
}
.single-service-center .img-holder .overlay-content .title-holder{
    display: block;
    padding-bottom: 25px;
    margin: 0 0 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);    
}
.single-service-center .img-holder .overlay-content .title-holder h2{
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;    
}
.single-service-center .img-holder .overlay-content .text-holder{}
.single-service-center .img-holder .overlay-content .text-holder p{
    color: #ffffff;
    font-size: 14px;
    margin: 0 0 16px;
}
.single-service-center .img-holder .overlay-content .text-holder a{
    color: #ffffff;
}
.single-service-center .img-holder .overlay-content .text-holder .btn-two{ border:1px solid #eee; padding:5px 10px;}


/*** =============================================
产品
=============================================***/
.product-area{ background:#f1f1f1}

/* 产品分类 */
.proxl-nav{
    display: block; margin-bottom:30px;
}
.proxl-nav li {
    display: inline-block;
    margin: 0 3px; 
	float:none;
}
.proxl-nav li a {
    border:1px solid #ccc;
    color: #2f2f2f;
    display: block;
    font-size: 14px;
    padding: 5px 35px;
    transition: all 500ms ease 0s;
}
.proxl-nav li.active a, 
.proxl-nav li:hover a {
    background: #f3441e;
    color: #ffffff;
    border: 1px solid #f3441e;
}


/* 产品 */
.riding-title {
    background: #fff none repeat scroll 0 0;
    padding: 20px 0;
}
.product-area .riding-title{padding:20px 15px;}
.product-area .product-item {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 0 none;
    border: 1px solid #eee;
    transition: all 0.3s ease 0s;
    padding: 0; border:1px solid #eee;
}
.product-item p{ margin:10px 0}

.link-icon a {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 0.5s ease 0s;
    width: 50px;
    z-index: 2;
}
.pro-img {position: relative;}
.product-area .pro-img::after,.single-arrival .product-item:after,.footer-contact:after {
    background: rgba(0, 87, 166, 0.9) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 100%;
	opacity:0;
}
.product-area .pro-img::after,.link-icon a  {opacity:0;}
.link-icon a:hover {
    background: #ff6600 none repeat scroll 0 0;
}
.discount-left a.shop-btn:hover,.link-icon a:hover {border-color: #ff6600;}
.product-area .product-title h5 { font-size:15px; color:#000;  height: 50px;}
.product-area .product-title span{margin:0;}
.riding-item {padding: 20px 15px;}
.riding-slider {margin: -20px 0;}
.riding-item:hover .product-item ,.single-arrival .product-item:hover{
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.4);
	transition:.3s;
}
.riding-item:hover .pro-img::after ,.riding-item:hover .link-icon a ,.single-arrival .product-item:hover:after {
    opacity:1;
}
.riding-item  .actions-btn ul,.best-sell-area .product-item  .actions-btn ul,.single-arrival .actions-btn ,.arival-two .actions-btn ul,.others-product .actions-btn ul,.product-content .actions-btn ul {
    transform:scale(0);
	transition:.5s;
}
.riding-item:hover  .actions-btn ul ,.best-sell-area .product-item:hover  .actions-btn ul ,.single-arrival .product-item:hover .actions-btn,.arival-two .product-item:hover .actions-btn ul,.others-product .product-item:hover .actions-btn ul,.product-content .product-item:hover .actions-btn ul {
    transform:scale(1);
	transition:.5s;
}
.arrival-title {
    position: relative;
    z-index: 2;
	transition:.3s;
}
.product-item:hover .arrival-title { opacity: 0.3;transition:.3s;}











/***--------------------------------------------------------------------------------------------------------
新闻
--------------------------------------------------------------------------------------------------------***/
.sell-up-left hr.line,.news-item hr.line {
    height: 4px;
    margin: 10px 0 50px;
    position: relative;
    width: 120px;
}
.sell-up-left hr.line::after,.news-item hr.line::after {
    background: #777 none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 50%;
}
.news-item{ margin-bottom:0px;}

.news-item img{height:244px;}


@media(max-width:767px){
.news-item img{height:auto;}
    
}


.news-item hr.line {
	height: 80px;
	margin: 0;
	position: absolute;
	top: -60px;
	width: 2px;
}
.news-item hr.line::after {
	background: #ccc none repeat scroll 0 0;
	height: 50%;
	width: 100%;
	bottom: 0;
}

.news-text {padding: 30px 20px 0;}
.news-item.middel .news-text {padding: 30px 20px;}
.news-text.clearfix a h4:hover {
    color: #f3441e;
}
.news-text h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-text.clearfix > p span {
    display: inline-block;
    margin-bottom: 25px;
}
.news-text.clearfix a h4,.news-item:hover hr.line::after,.news-item hr.line::after {
    transition: all 0.3s ease 0s;
}

.news-item .news-more a.more-btn {
    border: 1px solid #ccc;
}
.news-item .news-more a.more-btn:hover {
    border-color: #f3441e;
}
.news-item.middel hr.line {
	bottom: -60px;
	top:inherit;
}
.news-item.middel .news-text {padding-top:0;}
.news-item .news-more{padding:0px; margin:30px 0}
.news-item:hover hr.line::after{bottom:50%;}

.discount-left a.more-btn {
	border: 1px solid #000;
}
.discount-left a.more-btn,.news-more  a.more-btn{
	font-weight: 300;
	font-family: roboto;
}
.discount-left a.more-btn::after ,.news-more  a.more-btn::after ,.submit-text:after{
  height: 0px;
}
.single-arrival .actions-btn {
	bottom: 13%;
	left: 0;
	position: absolute;
	right: 0;
	z-index:999;
}
.single-arrival.left .pro-img, .single-arrival.right .pro-img {
    padding: 30px;
}
.single-arrival.middel .actions-btn {bottom: 28%;}
.single-arrival.middel .tag-new {
    left: 10px;
    top: 10px;
}
.tag-new {
    left: 4%;
    position: absolute;
    top: 10%;
}
.single-arrival .product-item ,.news-text{
    position: relative;
	transition:.3s;
}/*
.single-arrival.left .tag-new {
    left: inherit;
    right: 4%;
}*/
.news-box{ margin-bottom:40px;}


/***--------------------------------------------------------------------------------------------------------
底部
--------------------------------------------------------------------------------------------------------***/
.footer-top {
    background:#0057a6;
}
.footer-title > h4 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 35px;
}
.footer-menu li,.contact li {
    float: none;
    margin-bottom:10px;
}
.footer-menu li,.contact p{
    color: #fff; line-height:25px;
	
}
.footer-menu li a {
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
}
.footer-menu li a:hover {color: #f3441e;}


/* footer bottom */
.footer-bottom {
    background: #222 none repeat scroll 0 0; padding:10px 0
}
.footer-bottom .left p, .footer-bottom .left p a {
    color: #fff;
    font-family: roboto;
    font-weight: 300;
    line-height: 50px;
}
.mayment-card li {margin-left: 20px;}
.mayment-card li, .footer-bottom .left a {line-height: 50px;}
.mayment-card li a {color: #f3441e;}
.mayment-card li a:hover {color: #fff;}
.footer-bottom .left p a:hover {color: #f3441e;}



/***--------------------------------------------------------------------------------------------------------
内页样式
--------------------------------------------------------------------------------------------------------***/

/*banner*/
.ba1{ background:url(../img/ba1.jpg) no-repeat top center}
.ba2{ background:url(../img/ba2.jpg) no-repeat top center}
.ba3{ background:url(../img/ba3.jpg) no-repeat top center}
.ba4{ background:url(../img/ba4.jpg) no-repeat top center}
.ba5{ background:url(../img/ba5.jpg) no-repeat top center}
.ba6{ background:url(../img/ba6.jpg) no-repeat top center}
.ba7{ background:url(../img/ba7.jpg) no-repeat top center}

/*内页banner标题*/
.pagebanner-area{ height:400px; padding-top:250px}
.pagebanner-area .inner-content{
}
.pagebanner-area .title { float:left
}
.pagebanner-area .title h1{
    color: #ffffff;
    font-size: 40px;
    font-weight: 400;
    line-height: 40px;
    text-transform: capitalize;
}

/*当前位置*/
.pagebanner-area .page-position {
    display: inline-block;
    float: right;
}
.pagebanner-area .page-position ul {
    display: block;
    margin: 14px 0;
}
.pagebanner-area .page-position ul li {
    display: block;
    float: left;
    margin-right: 10px; 
	margin-bottom:15px;
    padding-right: 10px;
    line-height: 12px;
    font-size: 16px;
    font-weight: 400;
    border-right: 1px solid #fff;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    transition: all 500ms ease;
}
.pagebanner-area .page-position ul li:last-child{
    margin-right: 0;
    padding-right: 0;
    border: none;
}
.pagebanner-area .page-position ul li a{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    transition: all 500ms ease;
}
.pagebanner-area .page-position ul li.active{
    color: #999999; 
}
.pagebanner-area .page-position ul li a:hover{
    color: #999999;     
}


/* 内页栏目 */
.page-nav{
    display: block;
}
.page-nav li {
    display: inline-block;
    margin: 0 3px; 
	float:none;
}
.page-nav li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    color: #2f2f2f;
    display: block;
    font-size: 14px;
    padding: 10px 10px;
	margin-bottom:5px;
    transition: all 500ms ease 0s;
}
.page-nav li.active a, 
.page-nav li:hover a {
    background: #0057a6;
    color: #ffffff;
    border: 1px solid #0057a6;
}

/*公司简介*/
.about-area { margin-bottom:100px;
}

.about-left .inner-content{ margin-right:40px;}
.about-left .inner-content h2 {
    color: #000;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 34px;
    margin: 0 0 17px;
}
.about-left .inner-content p {
    margin: 0 0 43px;
    color: #777;
    text-align: justify;
}
.about-tu:after{
    position: absolute;
    top: 84px;
    right: 40px; 
	width:370px; 
	height:370px; 
	z-index:-1;
	background:#fff; border:5px solid #eee;
	color:#000;
    content: "";    
}
.about-tu p{
	color:#000; 
    font-family: 'Titillium Web', sans-serif;
	text-align:center; 
	margin-top:40px; 
	letter-spacing:2px;
}


/*企业文化*/
.culture-area{
    position: relative;
    display: block;
}
.culture-area .single-box {
    display: block;
    background: #0057a6;
    min-height: 185px;
    margin-bottom: 30px;
    text-align: center;
    padding: 35px 0;
}
.culture-area .single-box.left {
    min-height: 300px;
    padding: 85px 0;
    margin: 50px 0;
}

.culture-area .single-box i{
    display: block; 
	color:#fff; 
	font-size:35px;
    margin-bottom: 25px;
}
.culture-area .single-box .icon-holder span:before{
    color: #2bb4e6;
    font-size: 65px;
    line-height: 65px;
}
.culture-area .single-box h3{
    color: #fff;
}
.culture-area .single-box p{
    color: #fff;
}



/*企业视频*/
.video-area{
    position: relative;
    display: block;
    padding: 40px 0;
    z-index: 1;
}
.video-area:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 320px;
    background: #f1f1f1;
    content: "";
    z-index: -1;
}
.video-area .sec-title p {
    color: #777;
    line-height: 26px;
    margin: 19px 0 33px;
}

.video-box{
    position: relative;
    display: block;
    margin-bottom: 30px; 
	background:#fff;
	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
}


/*产品展示*/
#show-area {
    padding-bottom: 40px;
}
.main-show-area{
    position: relative;
    display: block;
    background: #ffffff;
}
#show-area .shop-content {
    position: relative;
    display: block;
}

.single-product-item {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    margin-bottom: 40px;
    transition-duration: .4s, .4s;
    transition-timing-function: ease, ease-out;
    transition-delay: 0s, .4s; 
}
.single-product-item:hover{
    box-shadow: 0px 3px 8px #f0f0f0;
    transform: translate(0px, -10px);
    transition: all 500ms ease;
} 

.single-product-item .pro-large-slider{ border:none; margin-bottom:0}

.single-product-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-product-item .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.single-product-item:hover .img-holder img{
    transform: scale(1.1);   
}

.single-product-item .title-holder {
    display: block;
    padding: 27px 0 34px;
    border-top: 1px solid #f2f2f2;
    margin: 0 30px; height: 140px;
}
.single-product-item .title-holder h3{
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 6px;
    line-height: 20px;
}
.single-product-item .title-holder h3 a{
    color: #444;
    transition: all 500ms ease;
}
.single-product-item .title-holder p{ color:#777}
.single-product-item .title-holder .rate{
    color: #999;
    font-weight: 400;
}
.main-show-area .post-pagination {
    padding-top: 0px;
}
.single-product-item .title-holder .btn-two i{ color:#f3441e; margin-top:10px;}


/*产品详情页*/
.pro-large-slider { border:1px solid #eee;}
.pro-large-slider p{ line-height:40px;}
.pro-large-slider a {
	background: #fff none repeat scroll 0 0;
	bottom: 20px;
	height: 100%; 
	width:100%;
	line-height: 40px;
	right: 20px;
	text-align: center;
}
.pro-large-slider {
	cursor: e-resize;
	margin-bottom: 40px;
}
.thumb-slider .slick-slide.slick-current img{border:1px solid #ddd;}
.thumb-slider{margin: 0 -15px;}
.thumb-slider .slick-slide {
	cursor: pointer;
	padding: 0 15px;
}
.image-source-link {color: #98C3D1;}

/* 切换箭头  */
.left .thumb-slider .slick-arrow i {
    border: 1px solid #e1e1e1; 
	background:#fff;
    color: #a4a4a4;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 30px;
}
.angle-left.slick-arrow {left: 0px;}
.angle-right.slick-arrow {right: 0px;}
.left .slick-arrow i:hover {
    background: #ff6600 none repeat scroll 0 0;
    border-color: #ff6600;
    color: #fff;
}
.slick-arrow {z-index: 3;}

/* 文字描述 */
.product-details .right hr {
    background: #ddd none repeat scroll 0 0;
    border: 0 none;
    height: 1px;
    margin: 30px 0;
}
.singl-pro-title > h3 {
    color: #222;
	font-size: 22px; margin-top:30px;
}
.singl-pro-title .news-more{ margin-top:50px;}
.singl-pro-title .news-more a {
    border: 1px solid #f3441e; 
	background:#f3441e; 
	color:#fff; 
	font-size:20px; 
	padding:5px 20px;
}
.singl-pro-title .news-more a:hover {
    border: 1px solid #0057a6; 
	background:#0057a6; 
	color:#fff;
}

.pro-description{ margin:40px 0;}


.product-details .leave-comment {margin-top: 0;}
.color-brand .s-select {
	float: left;
	margin-right: 15px;
	width: 108px;
}

/* 设备参数 */
.specific-pro-title {
    background: #ddd none repeat scroll 0 0;
    color: #1b1b1b;
    display: block;
    float: none;
    line-height: 40px;
    padding-left: 25px;
    text-transform: uppercase;
}
.specific-pro span {
    background: #f7f7f7 none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    color: #555;
    float: left;
    padding: 15px 0 14px 25px;
    width: 150px;
}
.specific-pro li p {
    border-right: 1px solid #eee;
    color: #555;
    line-height: 20px;
    overflow: hidden;
    padding: 15px 0 15px 15px;
}
.specific-pro ul li {float: none;}
.specific-pro li:last-child p {
    border-bottom: 1px solid #eee;
    bottom: 2px;
    position: relative;
}
.specific-pro li:last-child span {
    border-bottom: 0 none;
}


/*新闻动态*/
.news-single-area{}
.news-single-area .single-news-post.style .text-holder .date-box {
    position: relative;
    display: block;
    width: 100px;
    height: 30px;
    background: #ffffff;
    text-align: center;
    z-index: 3;
    border: 1px solid #f2f2f2;
}
.news-single-area .single-news-post.style .text-holder .date-box span{
    color: #2f2f2f;
    line-height: 30px;
}

.news-single-area .single-news-post.style .text-holder .blog-title {
    display: block;
    margin: 0 0 23px;
}

.news-single-area .single-news-post.style .text{
    position: relative;
    display: block;
    margin-top: 35px;
}
.news-single-area .single-news-post.style .text p{ margin-bottom:10px;}
.news-single-area .single-news-post.style .news-more { margin-top:50px;}
.news-single-area .single-news-post.style .news-more a{ border:1px solid #eee;} 


/*上下篇*/
.prev-next-option {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 27px 0 68px;
    border-top: 1px solid #f2f2f2;
    padding-top: 30px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 30px;
}
.prev-next-option:before{
    position: absolute;
    left: 50%;
    top: 30px;
    bottom: 30px;
    width: 1px;
    background: #f2f2f2;
    content: "";
}
.prev-next-option .single{
    position: relative;
    display: block;
} 
.prev-next-option .single.prev{
    position: relative;
    display: block;
    float: left;
}
.prev-next-option .single.prev .title {
    padding-right: 80px;
}

.prev-next-option .single .title {
    display: inline-block;
    float: left;
    margin-top: -5px;
}
.prev-next-option .single .title h4 {
    color: #303030;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 14px;
}
.prev-next-option .single .title a{
    color: #848484;
    font-size: 13px;
    transition: all 500ms ease;
}
.prev-next-option .single .title a:hover{
    color: #f3441e;
}
.prev-next-option .single .title a i{
    display: inline-block;
    padding-right: 5px;
    font-size: 18px;
}
.prev-next-option .single.next{
    position: relative;
    display: block;
    float: right;
}
.prev-next-option .single.next .title {
    text-align: right;
}
.prev-next-option .single.next .title a i {
    display: inline-block;
    padding-left: 5px;
    font-size: 18px;
}



/*联系我们*/
.contact-info {
    background: #fff none repeat scroll 0 0;
	text-align:center;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15); 
	margin-bottom:40px; margin-right:40px;
}
.contact-info > li {
    border-bottom: 1px solid #ddd;
    display: block;
    float: none;
    padding: 30px 0;
}
#dituContent img{
  max-width: none;
}

.tuso_1a { overflow:auto; height:100px;}
.col-md-12 li{ width:45%; background:#eee; text-align:center;margin:0 5px;}
.col-md-12 li a{ display:block;}
.col-md-12 li:hover a{ background:#0057a6;color:#fff;}