@charset "utf-8";
/* CSS Document */
body, button, input, select, textarea {
	background: none repeat scroll 0 0 #fff;
	color: #5f5f5f;
	font: 14px/1 "Arial", "微软雅黑";
	margin: 0;
	padding: 0;
	overflow: hidden;
}
@media(max-width:990px){
	.wrap>header{display: block; border:transparent solid 1px;}
}

body, html {
	scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	padding: 0;
	margin: 0;
}
ul, ol, li, dl, dt, dd {
	list-style: none;
	text-decoration: none;
	height: auto;
	padding: 0;
	margin: 0;
}
address, cite, dfn, em, var {
	font-style: normal;
} /* 将斜体扶正 */
code, kbd, pre, samp, tt {
	font-family: "Courier New", Courier, monospace;
} /* 统一等宽字体 */
small {
	font-size: 14px;
} /* 小于 12px 的中文很难阅读，让 small 正常化 */
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
	border-bottom: 1px dotted;
	cursor: help;
}
q:before, q:after {
	content: '';
}
p {
	margin: 0;
	padding: 0;
}
/* 重置表单元素 */
legend {
	color: #5f5f5f;
} /* for ie6 */
fieldset, img {
	border: none;
} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
	font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
/* 重置 hr */
hr {
	border: none;
	height: 1px;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
:hover {
	text-decoration: none !important;
}
html {
	overflow-y: scroll;
}
:link {
	text-decoration: none;
	color: #5f5f5f;
}
:visited {
	text-decoration: none;
	color: #5f5f5f;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
[data-mfp-src], .btn-img-popup {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
/*======================公用样式=======================*/
.wrap {
	width: 100%;
}
.top {
	width: 100%;
	height: 35px;
	background-color: #fff;
	border-bottom: 1px #e7e7e7 solid;
}
.top .tit {
	float: left;
	line-height: 35px;
	text-indent: 12px;
	display: block;
	color: #888;
}
.top .lang {
	float: right;
	line-height: 34px;
}
.top .lang img {
	margin-right: 3px;
}
.top .lang a {
	color: #fefefe;
	margin-right: 8px;
}
.menu .nav > li {
	border-right: 1px solid #bbb;
}
nav {
	position: relative;
	z-index: 999;
	border-color: transparent !important;
}
nav .navbar-nav {
	float: right;
}
.wrap .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #000 !important;
}



.navbar-area{ }
.navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto;
      }
.navbar-nav > li > a {
  line-height: 28px;
}
.navbar-brand {width: 220px;height: 100px;background:url(../images/logo.jpg) no-repeat;}
.navbar-light .navbar-brand img{float:left;margin-left:-15px}
.sticky-nav{position:fixed;top:0;left:0;right:0;-webkit-box-shadow:0 0 15px rgba(0,0,0,.3);box-shadow:0 0 15px rgba(0,0,0,.3);margin:auto;z-index:999; background:#fff;-webkit-animation:.9s ease-in-out 5s normal none 1 running fadeInDown;animation:.9s ease-in-out 5s normal none 1 running fadeInDown;-webkit-transition:.9s;transition:.9s;width:100%!important}
.sticky-nav .nav-top{width:100%;border-radius:0}
.sticky-nav .main-nav{-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1)}
.main-nav{position:relative;top:0;left:0;padding:0;width:100%;z-index:999;height:auto;}
.main-nav .navbar {padding: 0; margin-bottom: 0;}
.main-nav nav .navbar-nav .nav-item {padding: 40px 0px;}
.main-nav nav .navbar-nav .nav-item .active,.main-nav nav .navbar-nav .nav-item:hover a{color:#fff;background: #23a0d6;}
.main-nav nav .navbar-nav .nav-item a{text-transform:capitalize;color:#404040;padding: 45px 28px;margin: 0;}
.main-nav nav .navbar-nav .nav-item a i{font-size:10px}
.main-nav nav .navbar-nav .nav-item a :focus,.main-nav nav .navbar-nav .nav-item a:hover{color:#fff}
.main-nav nav .navbar-nav .nav-item a.active{color:#fff!important; background: #23a0d6;}
.main-nav nav .navbar-nav .nav-item a.active i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.main-nav nav .navbar-nav .nav-item a:hover i{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.7s;transition:.7s}
.main-nav nav .navbar-nav .nav-item a .active::before{-webkit-transform:scale(1);transform:scale(1)}
.main-nav nav .navbar-nav .nav-item .dropdown-menu{border:0;border-radius:0;background-color: #23a0d6!important;padding-left: 0;padding-right: 0;width: 120px;}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li{border-bottom:0;text-align: center;}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child{border-bottom:0}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a{position:relative;-webkit-transition:.7s;transition:.7s;font-size: 15px;}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before{width:100%}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover{color: #58595b;background: #ffffff;}
.mobile-nav .mean-container .mean-nav ul li a .active{color:#2ca6e0}
.mean-container a.meanmenu-reveal{color:#373e58}
.mean-container a.meanmenu-reveal span{background-color: #888;}


.other-side .lang {float:right;margin-top:34px; margin-right: 5px; display: block;}
.other-side .lang a {color: #fff;}
.other-side .lang img {margin-left: 10px;}
.lang-mobile {display: none;}
.other-side .modal-menu{float:right;margin-left:20px;margin-top:3px}
.other-side .modal-menu a{color:#64acff;font-size:20px;font-weight:700;width:40px;height:40px;line-height:40px;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);text-align:center}
.other-side .modal-menu a:hover{color:#6d82a7}


.dropdown-submenu {
            position: relative;
        }
        .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -6px;
            margin-left: -1px;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px;
            border-radius: 0 6px 6px 6px;
        }
        .dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }
        .dropdown-submenu > a:after {
            display: block;
            float: right;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-left-color: #ccc;
            margin-top: 5px;
            margin-right: -10px;
        }
        .dropdown-submenu:hover > a:after {
            border-left-color: #fff;
        }
        .dropdown-submenu.pull-left {
            float: none;
        }
        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.navbar-nav .dropdown-menu {
    position: static;
	float: none;}


.carousel-indicators .active {background-color: #1c69f7;}
.carousel-indicators li {border:1px solid #1c69f7; display: none;}


.wrap .navbar-toggle {
	margin-top: 20px;
}
.wrap .navbar {
	margin-bottom: 0;
	/*background: #fff;*/
}
.carousel-indicators .active {
	background-color: #1c69f7;
}
.carousel-indicators li {
	border: 1px solid #1c69f7;
	display: none;
}
/*首页*/
.ban-pc {
	display: block;
}
.ban-pc  .swiper-container .swiper-slide img{ width:100%;}
.ban-mobile {
	display: none;
}
.ban-mobile img {
	width: 100%;
	height: auto;
}
.ban-pc .swiper-pagination-bullet-active {
	background: #23a0d6!important;
}
.ban-pc .swiper-pagination-bullet {
	width: 12px!important;
	height: 12px!important;
	background: #fff;
	opacity: 1!important;
}
.ban-pc .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 47px!important;
}
.indexsearch {
	width: 100%;
	background: #f1f1f1;
}
.index-search {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	background: #23a0d6;
	margin-top: -40px;
	position: relative;
	z-index: 9999;
}
.search-hot-txt {
	display: block;
	float: left;
	line-height: 60px;
	color: #fff;
}
.search-hot-txt a {
	color: #fff;
}
.search-hot-txt span {
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
}
.search-hot-txt em {
	padding: 0 15px;
}
.search_info {
	width: 332px;
	height: 37px;
	position: relative;
	float: right;
	background: url("../images/search_bg.png") no-repeat;
	margin-top: 12px;
}
.search_info_txt {
	display: inline;
	width: 272px;
	height: 37px;
	float: left;
}
.search_info_txt_css {
	background-color: transparent;
	border-color: -moz-use-text-color;
	border-style: none;
	border-width: 0;
	float: left;
	overflow: hidden;
	width: 245px;
	height: 37px;
	line-height: 37px;
	color: #666;
	text-indent: 10px;
}
.search_info_btn {
	width: 60px;
	height: 37px;
	float: right;
}
.search_info_btn_css {
	width: 60px;
	height: 37px;
	background: transparent;
	border-color: -moz-use-text-color;
	border-style: none;
	border-width: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
}
.index-tit {
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin: 10px 0;
}
.index-tit h2 {
	display: block;
	font-size: 34px;
	/* font-weight: bold; */
	color: #000;
	padding-bottom: 12px;
}
.index-tit p {
	color: #212121;
	padding-bottom: 30px;
}
.index-tit em {
	display: block;
	color: #787878;
}
/*首页产品*/
.hot-pro {
	width: 100%;
	overflow: hidden;
	padding: 70px 0;
	background: #f1f1f1;
}
.hot-pro-cat {
	height: 45px;
}
.hot-pro-cat span {
	display: block;
	float: left;
	font-size: 16px;
	width: 200px;
	line-height: 45px;
	background: #fff;
	text-align: center;
}
.hot-pro-cat span:hover {
	display: block;
	background: #23a0d6;
}
.hot-pro-cat span:hover a {
	color: #fff;
}
/* scrollpic */
.scrollpic {
	margin: 20px auto 0;
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 390px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0 9px;
	background: #fff;
	overflow: hidden;
}
#myscroll ul li img {
	display: block;
	width: 100%;
}
#myscroll ul li:hover {
	background: #fff;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
#myscroll ul li:hover a .intro {
	display: block;
	background: #23a0d6;
	color: #fff;
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 324px;
	height: 375px;
}
#myscroll a .intro {
	line-height: 44px;
	text-align: center;
	border-top: 1px solid #f1f1f1;
	font-size: 15px;
	color: #2b2a2a;
}
#myscroll .img {
	overflow: hidden;
}
#mybtns {
	width: 100%;
	display: block;
	height: 42px;
	position: relative;
	top: -240px;
}
#mybtns a {
	width: 42px;
	height: 42px;
	display: block;
	float: left;
	margin-right: 1px;
	background-color: #c1c1c1;
	text-decoration: none;
}
#mybtns a:hover {
	background: #23a0d6;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns i {
	line-height: 42px;
	font-size: 28px;
	text-align: center;
	display: block;
	color: #fff;
}
#mybtns #right {
	float: right;
}

@media(max-width:1309px) {
.scrollpic {
	max-width: 1048px;
	width: 100%;
}
#myscroll {
	width: 1048px;
}
}

@media(max-width:1047px) {
.scrollpic {
	max-width: 786px;
	width: 100%;
}
#myscroll {
	width: 786px;
}
}

@media(max-width:767px) {
.scrollpic {
	max-width: 524px;
	width: 100%;
}
#myscroll {
	width: 524px;
}
}

@media(max-width:523px) {
.scrollpic {
	max-width: 330px;
	width: 100%;
}


#myscroll {
	width: 330px;
}
}
/*首页案例*/
.index-al {

width: 100%;

overflow: hidden;

padding: 70px 0;

background: #f1f1f1;
}
.index-al-con {
}
/* scrollpic */
#scrollpic {
	margin: 20px auto 0;
}
.myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 265px;
	overflow: hidden;
}
.myscroll .myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
.myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0 9px;
	overflow: hidden;
}
.myscroll ul li img {
	display: block;
	width: 100%;
}
.myscroll ul li:hover a .intro {
	display: block;
	background: #23a0d6;
	color: #fff;
}
.myscroll ul li a {
	display: block;
	float: left;
	width: 330px;
	height: 265px;
}
.myscroll a .intro {
	background: #4f4e4c;
	line-height: 20px;
	color: #fff;
	padding: 10px 25px;
	height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.myscroll .img {
	overflow: hidden;
}
.mybtns {
	width: 100%;
	display: block;
	height: 42px;
	position: relative;
	top: -200px;
}
.mybtns a {
	width: 42px;
	height: 42px;
	display: block;
	float: left;
	margin-right: 1px;
	background-color: #c1c1c1;
	text-decoration: none;
}
.mybtns a:hover {
	background: #23a0d6;
}
.mybtns a:hover, .myscroll, .mybtns a, .myscroll a:hover .intro, .myscroll a .intro, .myscroll .myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.mybtns i {
	line-height: 42px;
	font-size: 28px;
	text-align: center;
	display: block;
	color: #fff;
}
.mybtns .right {
	float: right;
}

@media(max-width:1309px) {
#scrollpic {
	max-width: 1048px;
	width: 100%;
}
.myscroll {
	width: 1048px;
}
}

@media(max-width:1047px) {
#scrollpic {
	max-width: 786px;
	width: 100%;
}
.myscroll {
	width: 786px;
}
}

@media(max-width:767px) {
#scrollpic {
	max-width: 524px;
	width: 100%;
}
.myscroll {
	width: 524px;
}
}

@media(max-width:523px) {
#scrollpic {
	max-width: 330px;
	width: 100%;
}
.myscroll {
	width: 330px;
}
}
.hot-pro-con .swiper-container {
	width: 100%;
	height: 100%;
	padding-bottom: 40px;
	margin-top: 20px;
}
.show_pro {
	width: 100%;
	margin-top: 20px;
}
.show_pro:hover {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.show_pro:hover .intro {
	display: block;
	background: #23a0d6;
	color: #fff;
}
.show_pro:hover .intro .tit a {
	color: #fff;
}
.show_pro .intro {
	border-top: 1px solid #f1f1f1;
	padding: 10px;
	background: #fff;
}
.show_pro .tit {
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
}
.show_pro .tit a {
	color: #333;
}
.show_pro .txt {
	font-size: 12px;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
	margin-top: 5px;
}
.show_pro img {
	width: 100%
}
.hot-pro-con .swiper-pagination-bullet, .index-al-con .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
}
@media(max-width:990px) {
.hot-pro-con .col-sm-6 {
}
.hot-pro-con .swiper-pagination-bullet, .index-al-con .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
}
}
.show_case {
	width: 100%;
}
.show_case:hover {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.show_case:hover .intro {
	display: block;
	background: #23a0d6;
	color: #fff;
}
.show_case:hover .intro a {
	color: #fff;
}
.show_case img {
	width: 100%;
}
.show_case span {width:5rem;height:5rem;display:block;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background: url("../images/video.png") no-repeat center;background-size:100%;z-index:12;}
.show_case .intro {
	line-height: 40px;
	height: 40px;
	font-size: 16px;
	text-align: center;
	background: #58595b;
}
.show_case .intro a {
	color: #fff;
}
.index-al-con .swiper-container {
	width: 100%;
	height: 100%;
	padding-bottom: 40px;
	margin-top: 20px;
}
/*首页关于我们*/



.index-about {
	width: 100%;
	background: #23a0d6;/*url("../images/index_about_bg.jpg") no-repeat center*/
	overflow: hidden;
	padding-bottom: 70px;
}
.index-about-tit {
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.index-about-tit h2 {
	display: block;
	font-size: 36px;
	/* font-weight: bold; */
	color: #fff;
	padding-bottom: 12px;
}
.index-about-tit p {
	color: #fff;
	padding-bottom: 30px;
}
.index-about .con {
	padding-top: 70px;
}
.index-about .con img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 10px;
}
.index-about-main {
	/* margin-top: 10px; */
}
.index-about-main .tit {
	margin-bottom: 24px;
	font-size: 25px;
	color: #fff;
}
.index-about-main .txt {
	color: #fff;
	font-size: 16px;
	line-height: 28px;
}
.index-about-main .txt p {
	margin-bottom: 10px;
}
.index-about-main .more {
	width: 110px;
	line-height: 37px;
	float: right;
	text-align: center;
	border: 1px solid #fff;
	margin-bottom: 20px;
}
.index-about-main .more a {
	color: #fff;
	display: block;
}
.numCount{width: 100%;color: #fff;float: left;}
.numCount li{ float: left; width: 25%; text-align: center;}
.numCount li .item{ margin: 0 10px;}
.numCount li .item .indt {font-size: 18px;}
.numCount li .item .indc {color: #868787;}
.numCount li .numU{line-height: 1.5;}
.numCount li .numCX{font-size: 44px;}
.numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;}
.numCount li .numU em {font-size: 18px;}
@media (max-width:991px){
	.numCount li{ width: 50%;margin-bottom: 10px;}
}	
@media (max-width:640px){
	.numCount{margin: 20px 0 0;}
	.numCount li .numCX{ font-size:8vw;}
}

/*首页视频*/
@media (max-width:991px){
    .show_case {margin-bottom: 20px;}
}	

/*首页新闻*/
.index-news {
	width: 100%;
	overflow: hidden;
	padding: 70px 0;
}
.index-news .more {
	width: 130px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #a8a7a7;
	text-align: center;
	margin: 24px auto 0;
}
.index-news .more a {
	color: #a8a7a7;
	display: block;
}
.index-news .more i {
	margin-left: 5px;
}
.index-news .menu {
	width: 100%;
}
.index-news .menu ul {
	width: 380px;
	height: 40px;
	margin: 0 auto;
}
.index-news .menu li {
	width:31%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #d7d7d7;
	text-align: center;
	float: left;
	margin-right: 3%;
}
.index-news .menu ul li:last-child {
	margin-right: 0px;
}
.index-news .menu li a {
	font-size: 16px;
	color: #676767;
}
.index-news .menu li:hover {
	display: block;
	background: #23a0d6;
}
.index-news .menu li:hover a {
	color: #fff;
}
.index-news .con {
	margin-top: 30px;
}
.index-news .con .top-new {
	overflow: hidden;
}
.index-news .con .top-new img {
	width: 100%;
	height: auto;
	padding: 20px;
	border: 1px solid #e6e6e6;
}
.index-news .con .top-new .intro {
	padding: 15.5px;
	margin-top: 5px;
	background: #e9e9e9;
}
.index-news .con .top-new .intro:hover {
	background: #23a0d6;
	color: #fff;
}
.index-news .con .top-new .intro:hover .tit a {
	color: #fff;
}
.index-news .con .top-new .intro .tit {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}
.index-news .con .top-new .intro .tit a {
	color: #111;
}
.index-news .con .top-new .intro .txt {
	display: block;
	line-height: 22px;
	max-height: 66px;
}
.index-news .con .new-list {
}
.index-news .con .new-list li {
	background: #e9e9e9;
	overflow: hidden;
	display: block;
	margin-bottom: 5px;
	padding: 20px;
}
.index-news .con .new-list li:hover {
	background: #23a0d6;
	color: #fff;
}
.index-news .con .new-list li:hover .time {
	border-right: 1px solid #fff;

}
.index-news .con .new-list li:hover .time span, .index-news .con .new-list li:hover .time em {
	color: #fff;
}
.index-news .con .new-list li:hover .txt .tit a,.index-news .con .new-list li:hover .txt span {
	color: #fff;
}
.index-news .con .new-list li .pic {
	padding-right: 3%;
	margin-right: 3%;
	border-right: 1px solid #cfcfcf;
	width: 30%;
	text-align: center;
	float: left;
	display: block;
}
.index-news .con .new-list li .pic img {
	width:100%;
	max-height: 120px;
}
.index-news .con .new-list li .time em {
	color: #343434;
	display: block;
}
.index-news .con .new-list li .txt {
	width: 67%;
	float: right;
}
.index-news .con .new-list li .txt .tit {
	font-size: 16px;
	display: block;
	margin-top: 2px;
	margin-bottom: 8px;
	font-weight: bold;
}
.index-news .con .new-list li .txt span {
	line-height: 20px;
	max-height: 60px;
	margin-bottom: 8px;
	color: #888;
	display: block;
}
.index-news .con .new-list li .txt em {
	line-height: 18px;
}
@media(max-width:990px){
	.index-news .menu ul{ width:100%;}
}
/*底部*/
.foot {
	width: 100%;
	background: #212121;
}
.foot-menu {
	text-align: center;
	color: #f6f6f6;
	line-height: 57px;
	display: block;
}
.foot-menu span {
	margin: 0 20px;
}
.foot-menu a {
	color: #f6f6f6;
}
.foot-con {
	color: #f6f6f6;
}
.foot-logo img {
	height: auto;
}
.foot-lx {
	margin-top: 10px;
}
.foot-lx p {
	line-height: 25px;
}
.foot-sj {
	position: relative;
}
.foot-sj .tit {
	margin-top: 10px;
}
.foot-sj ul {
	display: block;
	float: right;
	margin-top: 16px;
	overflow: hidden;
	padding-right: 42px;
}
.foot-sj ul li {
	margin-left: 13px;
	float: left;
}
.foot-link {
	color: #f6f6f6;
	margin-top: 10px;
	line-height: 22px;
}
.foot-link a{
	color: #f6f6f6;
}
.foot-copy {
	color: #f6f6f6;
	text-align: center;
	line-height: 44px;
}
.foot-copy a{
	color: #f6f6f6;
}
@media(max-width:990px){
.foot-logo,.foot-lx{ display:none;
}
}

/*内页*/
.bg-img {
	background: no-repeat center center;
	background-size: cover;
}
.page-header-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 500px;
}

@media only screen and (max-width: 767.98px) {
.page-header-content {
	height: 350px;
}
}
.page-header-content h1 {
	color: #FFFFFF;
	font-weight: 600;
	font-size: 30px;
}
.page-header-content .h1 {
	color: #FFFFFF;
	font-weight: 600;
	font-size: 30px;
}

@media only screen and (max-width: 575.98px) {
.page-header-content h1 {
	font-size: 28px;
	line-height: 1.4;
}
}
#breadcrumb {
	background-color: transparent;
	border-radius: 0;
	padding: 0;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 0;
	margin-top: 20px;
}
#breadcrumb {
	position: relative;
	color: #FFFFFF;
}
#breadcrumb a {
	color: #FFFFFF;
	font-weight: 300;
	line-height: 1;
}
#breadcrumb a:hover {
	color: #db0303;
}
#breadcrumb .current:after {
	display: none;
}
#breadcrumb .current a {
	color: #db0303;
	pointer-events: none;
}
.breadcrumb {
	display: inline-block;
	background-color: transparent;
	line-height: 20px;
}
.breadcrumb > .active {
	color: #fff;
}
.pro-ban {
	background: url("../images/products_ban.jpg") no-repeat center;
	display: block;
}
.contact-ban {
	background: url("../images/contact_ban.jpg") no-repeat center;
	display: block;
}
.down-ban {
	background: url("../images/down_ban.jpg") no-repeat center;
	display: block;
}
.about-ban {
	background: url("../images/about_ban.jpg") no-repeat center;
	display: block;
}
.news-ban {
	background: url("../images/news_ban.jpg") no-repeat center;
	display: block;
}
.case-ban {
	background: url("../images/case_ban.jpg") no-repeat center;
	display: block;
}

.video-ban {
	background: url("../images/video_ban.jpg") no-repeat center;
	display: block;
}

.inner {
	padding: 30px 0 50px;
}
.inner-ban {
	width: 100%;
	height: 460px;
}
.inner-ban img {
	display: none;
}
.inner-pro {
	width: 100%;
	overflow: hidden;

	padding-top: 30px;
	background: #f3f3f3;
}
.inner-menu {
	width: 100%;
	height: 128px;
	background: url(../images/inner_menu_bg.jpg) no-repeat center;
	display: block;
}
.inner-menu .tit {
	float: left;
	padding-top: 35px;
	color: #fff;
}
.inner-menu .tit p {
	margin-bottom: 13px;
	font-size: 35px;
}
.page-nav {
	width: 70%;
	float: right;
	padding-top: 40px;
}
.page-nav ul {



	display: table;
	width: 100%;
}
.page-nav ul > * {
	display: table-cell;
	vertical-align: middle;
}
.page-nav a {
	display: inline-block;
	text-align: left;
	color: #fff;
}
.page-nav li {
	text-align: right;
}

.page-nav li:hover a, .page-nav .active a {
	color: #ffffff;
}
.page-nav .id {
	position: relative;
}
.page-nav .id::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 30px;
	height: 1px;
	border-bottom: 1px solid #fff;
}
.page-nav h5 {
	font-size: 18px;
	margin-top: 5px;
}

@media (max-width: 1200px) {
.page-nav {
	width: 80%;
}
.page-nav h5 {
	font-size: 15px;
}
}
.m-ins-navbox {
	display: none;
}
.filters {
	text-align: center;
	background: #e3e3e3;
}
.filters .filter-tabs {
	position: relative;
	float: left;
}
.filters li {
	position: relative;
	display: inline-block;
	line-height: 30px;
	padding: 10px 55px;
	cursor: pointer;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	top: 0;
	font-family: "Roboto", sans-serif;
}
.filters a:hover, .filters a:focus {
	text-decoration: underline;
}
.filters li:last-child {
	margin-right: 0;
}
.filters .filter.active, .filters .filter:hover {
	background: #e62129;
	color: #fff !important;
}
.filters .filter:hover a {
	color: #fff;
}
.filters .filter.active a {
	color: #fff;
}
/*index_product*/
.product {
}
.product-item {
	float: left;
	padding: 0;
	margin: 0 3px;
	margin-bottom: 50px;
	background: #ebebeb;
	overflow: hidden;
}
.product-item img {
	display: block;
	border: 3px solid #ebebeb;
	text-align: center;
	margin: auto;
}
.product-item img:hover {
	transform: scale(1.1);
	transition: transform 0.3s;
}
.product-item a {
	display: block;
	float: left;
	position: relative;
	color: #333;
}
.product-item a .intro {
	padding: 30px 18px;
}
.product-item a .intro span {
	line-height: 24px;
	display: block;
	color: #424242;
}
.product-item a .intro em {
	line-height: 23px;
	font-size: 12px;
	display: block;
	color: #939393;
}
.product-item:hover {
	background: #db0303;
	border: #ebebeb;
}
.product-item:hover .intro span, .product-item:hover .intro em {
	color: #fff;
}
.prod-details-info-content {
	/* margin: 0 10px; */
	font-size: 16px;
}
.prod-details-info-content p {
	line-height: 30px;
}
.contact-lx {
	width: 100%;
	padding-bottom: 50px;
	overflow: hidden;
	background: #f4f6f8;
}
.contact-lx i {
	margin-right: 15px;
	color: #23a0d6;
}
/*======================
Contact Page Style
========================*/
.contact-info-item {
	border: 1px solid #e1e1e1;
	text-align: center;
	padding: 60px 10px;
	line-height: 20px;
}
.contact-info-item .con-info-icon {
	border: 1px solid #23a0d6;
	border-radius: 100px;
	color: #23a0d6;
	font-size: 35px;
	margin: 0 auto 20px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	line-height: 60px;
	height: 60px;
	width: 60px;
}
.contact-info-item .con-info-txt h4 {
	font-size: 18px;
	margin-top: -2px;
}
.contact-info-item:hover .con-info-icon {
	background-color: #23a0d6;
	color: #FFFFFF;
}
.contact-form-content span {
	font-size: 20px;
	text-transform: uppercase;
	margin-top: -3px;
}
.input-item {
	margin-top: 30px;
}
.input-item input, .input-item textarea {
	border: 1px solid #e1e1e1;
	display: block;
	padding: 12px 15px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	width: 100%;
}
.input-item input:focus, .input-item textarea:focus {
	border-color: #eeb644;
}
.input-item .nice-select {
	border-color: #e1e1e1;
	height: 50px;
	padding-left: 15px;
	line-height: 50px;
}
.input-item .nice-select .list {
	max-height: 200px;
	overflow: auto;
}
.input-item .btn-brand {
	font-size: 14px;
	border-radius: 2px;
	margin-top: 10px;
	letter-spacing: 1.6px;
}
.contact-form-content {
	margin-top: 80px;
}
.contact-map {
	height: 500px;
}
.contact-map img {
	width: 100%;
}

@media only screen and (max-width: 767.98px) {
.contact-map {
	height: 300px;

}
.news_time {
	display:none;
}
}
.btn-brand {
	background-color: #23a0d6;
	border-color: #23a0d6;
	border-radius: 25px;
	color: #fff;
}
.btn-brand:hover {
	background-color: #d8d8d8;
	border-color: #d8d8d8;
}
/*NEWS*/


.news-box {
	margin-bottom: 30px;
	background: #e9e9e9;
	width: 100%;
	overflow: hidden;
}
.news-box:hover {
	background: #23a0d6;
	color: #fff;
}
.news-box:hover .tit a {
	color: #fff;
}
.news-box .t-1 {
	height: 27px;
	line-height: 27px;
}
.news-box .t-1 c {
	float: left;
	margin-right: 13px;
}
.news-box .tit {

	height: 40px;
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
}
.news-box .tit a {
	color: #111;
}
.news-box .txt {
	line-height: 28px;
}
.news-img {
	width: 100%;
	height: auto;
	margin-left: -15px;
	border: 1px solid #e6e6e6;
}
.news-list {
}
.news-list .con {
	background: #e9e9e9;
	overflow: hidden;
	display: block;
	margin-bottom: 30px;
	padding: 20px;
	height: 170px;
}
.news-list .con:hover {
	background: #23a0d6;
	color: #fff;
}
.news-list .con:hover .pic {
	border-right: 1px solid #fff;
}
.news-list .con:hover .txt .tit a {
	color: #fff;
}
.news-list .con .pic {
	padding-right: 20px;
	border-right: 1px solid #cfcfcf;
	width:35%;
	text-align: center;
	float: left;
	display: block;
}
.news-list .con .pic img{ 
    width:100%;
    max-height: 130px;
}
.news-list .con .txt {
	width: 62%;
	float: right;
}
.news-list .con .txt .tit {
    font-size: 16px;
    display: block;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-list .con .txt span {
	display: block;
	margin-top: 5px;
}
.news-list .con .txt span a {
	color: #111;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.news-list .con .txt em  {
	line-height: 20px;
	height: 60px;
	margin-top: 8px;
	overflow: hidden;
	display: block;
}
.news-info {
	width: 100%;
	overflow: hidden;
}
.news-info .rightwrap {
}
.news-info h1 {
	color: #505050;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
}
.news-info .entry-meta {
	overflow: hidden;
	color: #777;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
}
.news-info .entry-meta i {
	font-size: 16px;
	margin-right: 10px;
}
.news-info .contwrap {
	font-size: 14px;
	padding: 20px 0;
	color: #555;
}
.news-info .contwrap p {
	line-height: 30px;
	font-size: 16px;
	margin-bottom: 10px;
}
.news-info .contwrap p a{
	color:#23a0d6;
}
.news-info .contwrap img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	border: 1px solid #ddd;
}
.news-info .rightwrap h4 {
	font-weight: bold;
	padding: 12px 14px;
	line-height: 23px;
	margin-bottom: 20px;
	background: #23a0d6;
	font-size: 16px;
	color: #fff;
}
.news-info .rightwrap ul {
	width: 94%;
	padding: 0 3%;
}
.news-info .rightwrap li {
	width: 100%;
	padding-bottom: 14px;
	padding-top: 7px;
	border-bottom: 1px solid #dadada;
}
.news-info .rightwrap li:last-child {
	border-bottom: none;
}
.news-info .rightwrap li a {
	color: #333;
	font-weight: bold;
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
}
.news-info .rightwrap li a:hover {
	color: #23a0d6;
}
.news-info .rightwrap li .post-date {
	display: block;
	line-height: 21px;
	font-size: 13px;
	color: #555;
	margin-top: 1px;
}
.paging {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
}
.paging .fl {
	font-size: 16px;
	line-height: 22px;
}
.paging .fl p{
	margin-bottom:10px
}
.paging a {
	color: #666;
}
.paging a:hover {
	color: #23a0d6;
}
.paging .return {
	border: 1px solid #ddd;
	display: block;
	height: 34px;
	line-height: 34px;
	margin-top: 10px;
	text-align: center;
	width: 100px;
	font-size: 14px;

	position: relative;
	z-index: 2000;
}
.paging .return:hover {
	border: 1px solid #23a0d6;
	background-color: #23a0d6;
	color: #fff;
}
/*关于我们*/
.about {
	line-height: 28px;
	background: url("../images/about_bg.png") no-repeat center bottom;
	overflow: hidden;
	padding-bottom: 50px;
}
.about p{
	font-size: 16px;
	margin-bottom: 10px;
}
.about img{
	max-width: 100%;
}
.about-box {
	margin-top: 95px;
}
.about-box .tit {
	margin-bottom: 70px;
	overflow: hidden;
	text-align: center;
}
.about-box .tit em {
	display: block;
	font-size: 38px;
	font-weight: bold;
	color: #0b0b0b;
	margin-bottom: 14px;
}
.about-box .tit span {
	display: block;
	color: #212121;
}
.about-box .tit p {
	margin-top: 23px;
	color: #787878;
}
.about-pic {
}
.about-pic img {
	width: 100%;
	height: auto;
	margin-bottom: 2px;
}
/*JOB*/
.joblist {
}
.jonav li {
	width: 25%;
}
.jot {
	background: #eee;
}
.jot:hover {
	background: linear-gradient(to right, #4fc858, #14b6c9);
}
.joa {
	background: linear-gradient(to right, #4fc858, #14b6c9);
}
.jotxs:hover .jot {
	background: linear-gradient(to right, #4fc858, #14b6c9);
}
.jot span {
	display: block;
	width: 14%;
	float: left;
	line-height: 47px;

	height: 47px;
	overflow: hidden;
	font-size: 20px;
}
.jot span:first-child {
	padding-left: 4%;
	width: 26%;
}
.jod > span {
	color: #666;
	cursor: pointer;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.jotxs {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}
.jos {
	display: none;
	padding-right: 1px;
}
.jos .bodr {
	border: 1px solid #eee;
	overflow: hidden;
	padding: 30px 5% 30px 5%;
	border-top: 0;
	line-height: 30px;
}
.jos .bodr span {
	display: block;
	border-top: 1px solid #eee;
	padding-top: 20px;
	margin-top: 20px;
}
.jotxs .line {
	background: #000;
	display: block;
	position: absolute;
}
.jotxs .line_1 {
	width: 21px;
	height: 1px;
	top: 23px;
	left: 15px;
}
.jotxs .line_2 {
	width: 1px;
	height: 21px;
	top: 13px;
	left: 25px;
}
.jotxs .arrow {
	width: 55px;
	height: 47px;
	position: absolute;
	top: 0;
	right: 0;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.jotxs:hover .jod > span, .jotxs.act .jod > span {
	color: #fff;
}
.jotxs.act .arrow {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.jo2 {
}
.jos a {
	color: #666
}
select.selbox {
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0px;
	outline: none;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "microsoft yahei";
	cursor: pointer;
	display: block;
	font-size: 14px;
	padding-left: 14px;
	border: 1px solid #ddd;
	color: #666
}
.no-csstransitions select.selbox {
	padding-left: 0;
	background-image: none;
}
select.selbox option {
	padding: 2px 12px;
}
select.selbox:hover {
	color: #323232;
}
.jobview {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 50px;
}
.jobview .list {
	margin-top: 30px;
}
.jobview .list dd {
	width: 48.5%;
	display: block;
	margin-bottom: 20px;
	margin-right: 3%;
	float: left
}
.jobview .list dt {
	width: 100%;
	display: block;
}
.jobview .list dd:nth-child(2n+2) {
	margin-right: 0
}
.jobview .list .txt {
	background-color: #fff;
	border: 0px none;
	padding: 10px 12px;
	box-sizing: border-box;
	width: 100%;
	font: 14px/1.8 "microsoft yahei";
	border: 1px solid #ddd;
	color: #999
}
.jobview .list .txt2 {
	height: 200px;
	margin-bottom: 0px;
}
.jobview .list .btn {
	text-align: center;
	margin: 20px auto;
}
.jobview .list .fromBtn {
	display: inline-block;
	width: 100%;
	max-width: 150px;
	margin: 0px auto;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #0769b2;
	border: 0px;
	border-radius: 5px;

	margin-right: 20px;
	cursor: pointer
}
.jobview .list .fromBtn:hover {
	background-color: #045b9c;
}
/*DOWN*/
.down {
	padding-bottom: 75px;
}
.down li {
	width: 100%;
	height: 85px;
	border-bottom: 1px solid #ddd;
}
.down li span {
	display: block;
	line-height: 85px;
	float: left;
	font-size: 18px;
}
.down li span a {
	color: #131313;
}
.down li span i {
	font-size: 20px;
	margin-right: 20px;
}
.down li em {
	display: block;
	width: 195px;
	line-height: 48px;
	text-align: center;
	margin-top: 25px;
	background: #eaeaea;
	float: right;
	font-size: 18px;
}
.down li em a {
	color: #939393;
	display: block;
}
.down li:hover span a {
	color: #23a0d6;
}
.down li:hover em a {
	color: #fff;
	background: #23a0d6;
}
/*PC产品分类*/
.cata_list {
	padding: 10px 15px;
	line-height: 30px;
	margin-bottom: 20px;
}
.cata_list p {
	font-size: 16px;
}
.cata_list h1 {
	line-height: 30px;
	font-size: 26px;
	text-align: center;
}
.list-pro {
	width: 100%;
	display: block;
}
.list-pro .tit {
	color: #fff;
	padding: 30px 0 30px 20px;
	background: #23a0d6;
}
.list-pro .tit span {
	font-size: 30px;
	display: block;
	margin-bottom: 14px;
}
.list-pro .tit em {
	font-size: 16px;
}
.list-pro li {
	background-color: #e6e6e6;
	height: 46px;
	margin-top: 10px;
	font-size: 18px;
	line-height: 46px;
}
.list-pro a {
	margin-left: 20px;
	display: block;
	color: #6e6e6e;
}
.list-pro li:hover {
	background-color: #23a0d6;
}
.list-pro a:hover {
	color: #fff;
}
.list-pro-r {}
.list-pro-r .con {
	display: block;
	border: 1px solid #ccc;
	padding: 0;
	margin-bottom: 30px;
	overflow: hidden;
	background: #f3f3f3;
}
.list-pro-r .con img {
	display: block;
	width: 100%;
}
.list-pro-r .con:hover {
	background: #fff;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.list-pro-r .con:hover .intro {
	display: block;
	background: #23a0d6;
	color: #fff;
}
.list-pro-r .con:hover .intro .tit a,.list-pro-r .con:hover .intro .txt {
	color: #fff;
}
.list-pro-r li {
	display: block;
	float: left;
	width: 330px;
	height: 391px;
}
.list-pro-r .con .intro {
	border-top: 1px solid #f1f1f1;
	padding: 10px;
}
.list-pro-r .con .tit {
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
}
.list-pro-r .con .tit a {
	color: #333;
}
.list-pro-r .con .txt {
	font-size: 14px;
	line-height: 18px;
	height: 54px;
	overflow: hidden;
	margin-top: 5px;
	color: #999;
}
.list-pro-r .img {
	overflow: hidden;
}
.list_case {}
.list_case .con {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	overflow: hidden;
	background: #f3f3f3;
}
.list_case .con img {
	display: block;
	width: 100%;
}
 .list_case .con span {width:5rem;height:5rem;display:block;overflow:hidden;position:absolute;left:50%;top: 44%;transform:translate(-50%,-50%);background: url("../images/video.png") no-repeat center;background-size:100%;z-index:12;}
.list_case .con:hover {
	background: #fff;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.list_case .con:hover .intro {
	display: block;
	background: #23a0d6;
	color: #fff;
}
.list_case .con:hover .intro a{
	color: #fff;
}
.list_case li a {
	display: block;
	float: left;
	width: 330px;
	height: 391px;
}
.list_case .intro {
	line-height: 44px;
	height: 44px;
	text-align: center;
	border-top: 1px solid #f1f1f1;
	font-size: 15px;
	color: #2b2a2a;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list_case .img {
	overflow: hidden;
}
.catList {
	width: 100%;
	overflow: hidden;
}
.catList h1 {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
}
.catList .txt {
	margin-bottom: 30px;
}
.catList .txt h2 {
	font-size: 16px;
	line-height: 30px;
	margin: 10px 0 10px 10px;
	border-bottom: 1px solid #e2e2e2;
}
.catList .txt p {
	line-height: 28px;
	margin: 0 10px;
}
/*--------------------------------
Magnific JS Customization
----------------------------------*/
.ht-mfp {
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.ht-mfp.mfp-bg {
	background: rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.ht-mfp .mfp-content {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

@media only screen and (min-width: 1200px) {
.ht-mfp .mfp-content {
	max-width: 70%;
}
}

.ht-mfp .mfp-content .mfp-close {
	display: none;
}
.ht-mfp .mfp-close {
	background-color: #db0303;
	color: #FFFFFF;
	padding: 0;
	text-align: center;
	opacity: 0;
	top: 50px;
	right: 50px;
	height: 50px;

	width: 50px;
	line-height: 50px;
}

@media only screen and (max-width: 767.98px) {
.ht-mfp .mfp-close {
	top: 30px;
	right: 30px;
	height: 40px;
	width: 40px;
	line-height: 40px;
}
}
.ht-mfp .mfp-close:hover {
	background-color: #db0303;
}
.ht-mfp .mfp-arrow {
	background-color: #db0303;
	opacity: 1;
	margin-left: 15px;
	height: 55px;
	width: 55px;
}
.ht-mfp .mfp-arrow:before {
	display: none;
}
.ht-mfp .mfp-arrow:after {
	content: '\f104';
	color: #FFFFFF;
	font-family: "FontAwesome";
	font-size: 25px;
	line-height: 40px;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}
.ht-mfp .mfp-arrow-right {
	margin-left: auto;
	margin-right: 15px;
}
.ht-mfp .mfp-arrow-right:after {
	content: '\f105';
}
.ht-mfp .mfp-arrow:hover {
	background-color: #000;
}
.ht-mfp.zoom-animate.mfp-bg {
	opacity: 0;
}
.ht-mfp.zoom-animate .mfp-content {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
}
.ht-mfp.zoom-animate.mfp-ready.mfp-bg {
	opacity: 0.9;
}
.ht-mfp.zoom-animate.mfp-ready .mfp-content {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.ht-mfp.zoom-animate.mfp-removing .mfp-content {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
}
.ht-mfp.zoom-animate.mfp-removing.mfp-bg {
	opacity: 0;
}
.ht-mfp.zoom-animate.mfp-removing .mfp-close {
	opacity: 0;
}

/*================================
Single Product Page Style
==================================*/
@media only screen and (max-width: 767.98px) {
.product-thumb-area {
	margin-bottom: 30px;
}
}
.product-thumb-area .pro-thumb-item img {
	margin: auto;
	max-width: 100%;
}
.product-thumb-area .product-details-thumbnail {
	border: 1px solid #e1e1e1;
	text-align: center;
	position: relative;
}
.product-thumb-area .product-details-thumbnail .btn-large-view {
	background-color: rgba(255, 255, 255, 0.9);
	bottom: 10px;
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
	color: #1b1b1c;
	display: block;
	font-weight: 700;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	line-height: 22px;
	padding: 10px 0;
	position: absolute;
	text-align: center;
	width: 136px;
}
.product-thumb-area .product-details-thumbnail .btn-large-view i {
	margin-left: 3px;
	vertical-align: middle;
}
.product-thumb-area .product-details-thumbnail-nav {
	margin-top: 10px;
}
.product-thumb-area .product-details-thumbnail-nav .pro-thumb-item {
	border: 1px solid #e1e1e1;
	text-align: center;
	cursor: pointer;
}
.product-thumb-area .product-details-thumbnail-nav .slick-list {
	margin: 0 0px;
}
.product-thumb-area .product-details-thumbnail-nav .slick-list .slick-slide {
	margin-right: 10px;
}

@media only screen and (min-width: 1200px) {
.prod-details-info-content {
	padding-left: 10px;
}
.prod-details-info-content p {
	font-size: 16px;
}
}
.prod-details-info-content h1 {
	font-size: 28px;
	margin-bottom: 20px;

}

@media only screen and (max-width: 767.98px) {
.prod-details-info-content h1 {
	font-size: 24px;
	margin-bottom: 10px;
}
}
.prod-details-info-content .price {
	font-size: 18px;
	margin: 20px 0;
}

@media only screen and (max-width: 767.98px) {
.prod-details-info-content .price {
	font-size: 18px;
	margin: 20px 0;
}
}
.prod-details-info-content .price-amount {
	font-size: 18px;
	font-weight: 500;
	vertical-align: middle;
}
.product-config {
	margin: 40px 0;
}
.product-config .table {

	margin-bottom: 0;
}
.product-config .table-bordered td, .product-config .table-bordered th {
	border-color: #e1e1e1;
}
.product-config .table th {
	font-size: 18px;
	font-weight: 500;
}
.product-config .table .config-option a {
	color: #1b1b1c;
	font-size: 16px;
	font-weight: 500;
	margin-right: 10px;
}

.product-config .table .config-option a:last-child {
	margin-right: 0;
}
.product-config .table .config-option a:hover {
	color: #db0303;
}
.product-meta {
	margin-top: 40px;
}
.product-meta span:not(.sku) {
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
}
.product-meta span:not(.sku):last-child {
	margin-bottom: 0;
}
.product-meta a {
	color: #1b1b1c;
	margin-right: 5px;
	font-size: 15px;
	vertical-align: middle;
}
.product-meta a:last-child {
	margin-right: 0;
}
.product-meta a:hover {
	color: #db0303;
}
.pro-qty {
	border: 1px solid #e1e1e1;
	display: inline-block;
	position: relative;
	width: 150px;
}

@media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.pro-qty {
	width: 120px;
}
}
.pro-qty input {
	font-weight: 600;
	border: none;
	text-align: center;
	padding: 12px 45px;
	outline: none;
	width: 100%;
}
.pro-qty a {
	color: #000000;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	position: absolute;
	top: 0;
	line-height: 50px;
	height: 100%;
	width: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
.pro-qty a {
	width: 35px;
	line-height: 54px;
}
}

@media only screen and (max-width: 767.98px) {
.pro-qty a {
	width: 35px;
	line-height: 48px;
}
}
.pro-qty a:hover {
	background-color: #db0303;
	border-color: #db0303;
	color: #FFFFFF;
}
.pro-qty a.inc {
	right: 0;
	border-left: 1px solid #e1e1e1;
}
.pro-qty a.dec {
	left: 0;
	border-right: 1px solid #e1e1e1;
}
.product-description-review {
	margin-top: 20px;
}

@media only screen and (max-width: 767.98px) {
.product-description-review {
	margin-top: 10px;
}
}
.product-description-review .desc-review-tab-menu {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.product-description-review .desc-review-tab-menu li {
	width: 100%;
}
.product-description-review .desc-review-tab-menu li a {
	background-color: #1b1b1c;
	border-right: 2px solid #ddd;
	color: #FFFFFF;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	padding: 20px 0;
}
.product-description-review .desc-review-tab-menu li a:last-child {
	border: none;
}
.product-description-review .desc-review-tab-menu li a.active {
	background-color: #db0303;
}

@media only screen and (max-width: 767.98px) {
.product-description-review .desc-review-tab-menu li a {
	font-size: 15px;
	font-weight: 500;
	padding: 10px 0;
}
.product-description-review .tab-content {
	font-size: 12px;
}
}
.product-description-review .tab-tit {
	line-height: 40px;
	background: #4F5152;
	text-indent: 20px;
	color: #fff;
	font-size: 16px;
}
.product-description-review .tab-content {
	padding: 20px 0;
	line-height: 30px;
	font-size: 16px;
}
.product-description-review .tab-content img{
	max-width: 100%;
}
.product-description-review .tab-content video{
	max-width: 100%;
}
.product-description-review .tab-content p{
    margin-bottom: 10px;
}
/*产品介绍区域*/
.product-description-review .tab-content .line_tab {
	clear: both;
}
.product-description-review .tab-content .line_tab strong.sub_line {
	display: block;
	font-weight: bold;
	font-size: 18px;
	line-height: 50px;
	border-bottom: 4px solid #00539b;
}

.product-description-review .tab-content .tit{
	background: url(../images/prodetail-titbg.jpg) repeat-x;
	height:34px;
	width:100%;
	margin: 20px 0;
   clear:both;
}
.product-description-review .tab-content .tit h2{
	background: url(../images/prodetail-tit.jpg) no-repeat;
	width:137px;
	height:42px;
	line-height: 35px;
	display:block;
	padding-left: 20px;
	color:#fff;
	font-size: 18px;
}
.product-description-review .tab-content table {
	
margin-bottom: 10px;
}
@media(max-width:990px){
	.product-description-review .tab-content img{ width:100%;}

}

.product-description-review .tab-content .product_download {
	margin-top: 10px;
	margin-bottom: 10px;
}
.product-description-review .tab-content .product_download i {
	color: red;
}
.product-description-review .tab-content .product_download .col-lg-4 img {
	width: 25px;
	height: 25px;
}
.product-description-review .tab-content .line img {
	width: 100%;
}
.product-description-review .tab-content .intro img {
	width: 100%;
}

@media(max-width:780px) {
.product-description-review .tab-content p.w_100 img {
	width: 100%;
}
}
.product-description-review .tab-content p.w_100 img {
	max-width: 840px;
}
.product-description-review .tab-content table.bg1 {
	border-collapse: collapse;
	border: #ccc solid 1px;
	width: 100%;
}
.product-description-review .tab-content table.bg1 td {
	border: #ccc solid 1px;
	line-height: 25px;
}
.product-description-review .tab-content table.bg1 tr:nth-child(odd) {
	background: rgba(0,0,0,.1);
}
.product-description-review .tab-content table.bg2 {
	border-collapse: collapse;
	border: #ccc solid 1px;
	border-left: 0;
	border-right: 0;
	width: 100%;
}
.product-description-review .tab-content table.bg2 td {
	border: #ccc solid 1px;
	border-left: 0;
	border-right: 0;
	line-height: 25px;
}
.product-description-review .tab-content table.bg2 td img {
	padding: 2px;
	background: #fff;
}
.product-description-review .tab-content table.bg2 tr:nth-child(odd) {
	background: rgba(0,0,0,.1);
}
.product-description-review .tab-content table.bg4 tr td {
	border: #ccc solid 1px;
}
.product-description-review .tab-content table.bg4 tr.firstRow td {
	background: rgba(0,0,0,.1);
}
.product-description-review .tab-content table.bg4 tr:nth-child(even) {
	background: rgba(0,0,0,.1);
}
/*
.product-description-review .tab-content table.bg4 tr td:first-child{ border-left:none;}
.product-description-review .tab-content table.bg4 tr td:last-child{ border-right:none;}
*/


.product-description-review .tab-content .zt img {
	width: 100%;
}
.product-description-review .tab-content .yz {
	height: 279px;
}

@media(max-width:990px) {
.product-description-review .tab-content .yz {
	height: 30px;
}
}
.product-description-review .tab-content .zt {
	clear: both;
}
.product-description-review .tab-content .yz img {
	width: 100%;
}
.inner_table {
	overflow: scroll;
}
.inner_table .tableHtml {
	overflow-x: scroll;
	width: 200%;

}
.inner_table .tableHtml table {
	border-collapse: collapse;
}
.inner_table .tableHtml table td {
	line-height: 21px;
	padding: 0px 2px;
}
p.table_title {
	line-height: 25px;
}
p.table_title i {
	font-size: 2rem;
	color: #171c61;
	line-height: 25px;
}
p.table_title i.fa-hand-o-down {
	color: red;
	padding: 0px 7px;
}
p.table_title strong {
	font-size: 2rem;
	text-indent: 10px;
	line-height: 25px;
	margin-right: 10px;
}
.product-description-review .tab-content table.bg3 {
	border-collapse: collapse;
	border: #ccc solid 1px;
}
.product-description-review .tab-content table.bg3 td {
	border: #ccc solid 1px;
	line-height: 25px;
}
.product-description-review .tab-content table.bg3 tr:nth-child(1) td {
	background: rgba(0,0,0,.1);
}
.product-description-review .tab-content table.bg3 tr:nth-child(2) td {
	background: rgba(0,0,0,.1);
}
.product-description-review .tab-content table.bg3 tr td:first-child {
	background: rgba(0,0,0,.1);
}
.other-pro {
	width: 100%;
	overflow: hidden;
}
.other-pro .other-pro-con {
	margin-top: 15px;
}
.other-pro .other-pro-con .con {/* margin-bottom: 20px; */
}
.other-pro .other-pro-con .con .img {
	overflow: hidden;
}
.other-pro .other-pro-con .con .img img {
	width: 100%;
	border: #ccc solid 1px;
}
.other-pro .other-pro-con .con .txt {
	padding: 10px 0;
	background: #fff;
	width: 100%;
	text-align: center;
}
.other-pro .other-pro-con .con .txt span {
	display: block;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.other-pro .other-pro-con .con .txt span a {
	color: #111;
}
.other-pro .other-pro-con .con .txt em {
	display: block;

	line-height: 24px;
	height: 73px;
}
.other-pro .other-pro-con .con:hover .txt {
	display: block;
	background: #6d82a7;
}
.other-pro .other-pro-con .con:hover .txt span a, .other-pro .other-pro-con .con:hover .txt em {
	color: #fff;
}

@media (max-width: 991px) {
.other-pro {
	padding: 40px 0;
  /*background: #efefef;*/
}
.other-pro .other-pro-con {
	margin-top: 35px;
}
.other-pro .other-pro-con .con .txt span {
	font-size: 14px;
	line-height: 20px;
}
.other-pro .other-pro-con .con .txt em {
	display: none;
}
.other-pro .other-pro-con .con .img img {
	width: 100%;
}
}
.other-pro .index-tit span {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding-bottom: 10px;
	text-align: left;
}
.inner .related_news .col-md-6 {
	width: 48%;
}
.news-info .contwrap table.table1 tr {
	line-height: 25px;
}
.news-info .contwrap table.table1 tr td {
	padding: 0px 2px;
	line-height: 25px;
}

/*产品介绍区域*/
@media only screen and (max-width: 767.98px) {
.product-description-review .tab-content {
	padding: 0;
}
}
.product-rating-wrap .average-rating {
	margin-bottom: 30px;
}
.product-rating-wrap .average-rating h4 {
	font-weight: 400;
	font-size: 22px;
	margin-bottom: 3px;
}
.product-rating-wrap .display-ratings .rating-item {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.product-rating-wrap .display-ratings .rating-item:last-child {
	margin-bottom: 0;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-pic {
	max-width: 50px;
	-webkit-flex-basis: 50px;
	-ms-flex-preferred-size: 50px;
	flex-basis: 50px;
	border-radius: 2px;
	overflow: hidden;
	margin-right: 10px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt {
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	padding: 15px;
	-webkit-flex-basis: calc(100% - 60px);
	-ms-flex-preferred-size: calc(100% - 60px);
	flex-basis: calc(100% - 60px);
	max-width: calc(100% - 60px);
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta h3 {
	font-size: 14px;
	margin-top: 0;
	font-family: "Poppins", sans-serif;
	display: inline-block;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta .time {
	vertical-align: middle;
	margin-left: 5px;
	font-size: 13px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star {
	color: #db0303;
	font-size: 14px;
	margin-bottom: 5px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i {
	margin-right: 5px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i:last-child {
	margin-right: 0;
}
.product-rating-wrap .rating-form-wrapper {
	margin-top: 60px;
}
.product-rating-wrap .rating-form-wrapper h3 {
	font-size: 24px;
	font-weight: 500;
	margin-top: -5px;
	margin-bottom: 20px;
}
.product-rating-wrap .rating-form-wrapper .rating-form h5 {
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 8px;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i {
	color: #ccc;
	margin-right: 10px;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:last-child {
	margin-right: 0;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:hover~i {
	color: #ccc;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star:hover i {
	cursor: pointer;
	color: #db0303;
}
.product-rating-wrap .rating-form-wrapper .rating-form input, .product-rating-wrap .rating-form-wrapper .rating-form textarea {
	background-color: #FFFFFF;
	border: 1px solid #e1e1e1;
	display: block;
	padding: 12px 20px;
	width: 100%;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.product-rating-wrap .rating-form-wrapper .rating-form input:focus, .product-rating-wrap .rating-form-wrapper .rating-form textarea:focus {
	border-color: #db0303;
}

@media screen and (max-width:991px) {
.top .tit {
	/* display: none; */
}
.logo img {
	height: 70px;
}
.menu .nav > li > a {
	font-size: 16px;
	color: #fff!important;
}
	

nav .navbar-nav {
	width: 100%;
	float: left;
	margin: 0 auto;
	padding-top: 0;
}
.menu .nav > li > a {
	padding: 0 30px;
	line-height: 40px;
}
.wrap .navbar-default .navbar-collapse {
	position: fixed;
	top: 80px;
	left: 0px;
}
.wrap .navbar-default .navbar-collapse, .wrap .navbar-default .navbar-form {
	background: rgba(16, 16, 16, 0.85);
	padding: 15px 0;
	text-align: center;
	margin: 30px auto 0;
	width: 100%;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #fff!important;
}
.menu .navbar-nav > .active > a, .menu .navbar-nav > .active > a:hover, .menu .navbar-nav > .active > a:focus {
	background: none;
	color: #fff!important;
}
.menu .navbar-nav > .open > a, .menu .navbar-nav > .open > a:hover, .menu .navbar-nav > .open > a:focus {
	color: #fff!important;
	border-bottom: 0;
}
.menu a {
	letter-spacing: 1px;
	font-size: 0.9em;
	font-size: 15px;
}
.menu li li a {
	padding: 5px 0!important;
	text-align: center!important;
}
.index-search {
	height: auto;
	margin-top: 0;
	z-index: 0;
	background: none;
}
.search-hot-txt {
	display: none;
}
.search_info {
	margin-right: 0;
	float: none;
	margin: 20px auto 0;
}
.index-tit em {
	display: none;
}
.index-tit h2{
	font-size: 28px;
}
.index-about p{
	font-size: 14px;
}
.index-about-tit h2{
	font-size: 28px;
}
.hot-pro {
	padding: 30px 0;
}
.hot-pro-cat {
	width: 100%;
	height: auto;
}
.hot-pro-cat li{
    width: 33.33%;
    float: left;
    padding-right: 0;
    padding-bottom: 15px;
}
.hot-pro-cat li:nth-child(3n){
    padding-right: 15px;
}
.hot-pro-cat span {
	width: 100%;
	line-height: 30px;
}
.show_pro{
	margin-top: 10px;
}

#myscroll ul li {
	margin: 0;
}
.index-tit span {
	font-size: 28px;
	padding-top: 20px;
}
.index-about {
	padding-bottom: 30px;
	background: #23a0d6;
}
.index-about .con {
	padding-top: 30px;
}
.index-about-tit span {
	font-size: 28px;
}
.index-about-main .tit {
	margin-bottom: 15px;
	font-size: 16px;
}
.index-al{
	padding: 30px 0;
}
.sm-top {
	margin-top: 20px;
}
.inner-ban img {
	display: block;
	width: 100%;
	height: auto;
}
.ban-pc {
	display: none;
}
.ban-mobile {
	display: block;
	margin-top: 70px;
}
.index-jl {
	width: 100%;
	height: auto;
	background-image: none;
}
.index-jl a {
	height: auto;
}
.index-jl img {
	width: 100%;
	height: auto;
	display: block;
}
.index-news {
	padding: 30px 0;
}
.index-news .con .top-new {
	margin-bottom: 5px;
}
.index-news .con .top-new .intro {
	padding: 12px 20px;
}
.index-news .con .new-list li .pic {
	width: 30%;
	padding-right: 12px;
}
.index-news .con .new-list li .txt {
	width: 67%;
}
.index-news .con .new-list li {
	padding: 12px;
}
.index-news .con .top-new .intro .txt {
	font-size: 15px;
}
.index-news .con .new-list li .txt .tit {
	font-size: 15px;
}
.index-news .con .new-list li .txt span {
	display: none;
}
.index-news .more {
	margin: 0 auto;
}
.index-news .con {
	margin-top: 15px;
}
.foot-menu {
	display: none;
}
/********内页菜单*********/
.m-ins-navbox {
	width: 100%;
	height: 38px;
	background-color: #fff;
	position: relative;
	z-index: 11;
	display: block;
}
.m-ins-navbox.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
}
.m-ins-navbox .left {
	width: 15%;
	cursor: pointer;
	float: left;
}
.m-ins-navbox .left .ico {
	display: block;
	width: 100%;
	height: 38px;
	background: url(../images/ico_35.png) no-repeat center #23a0d6;
	background-size: auto 50%;
}
.m-ins-navbox .ret-subbox {
	position: absolute;
	top: 38px;
	width: 100%;
	background-color: #0055b9;
	left: 0;
	z-index: 2;
	display: none;
}
.m-ins-navbox .ret-subbox a {
	display: block;
	width: 100%;
	padding-left: 5%;
	height: 38px;
	line-height: 38px;
	color: #fff;
	font-size: 14px;
	background: url(../images/ico_38.png) no-repeat 92% center;
	background-size: auto 35%;
}
.m-ins-navbox .right {
	width: 85%;
	position: relative;
	float: right;
}
.m-ins-navbox .right .tit {
	display: block;
	width: 95%;
	padding-left: 5%;
	font-size: 16px;
	color: #000;
	line-height: 38px;
	background: url(../images/ico_36.png) no-repeat 93% center;
	background-size: auto 50%;
	cursor: pointer;

}
.m-ins-navbox .right .subbox {
	width: 100%;
	position: absolute;
	top: 38px;
	background-color: #fff;
	z-index: 2;
	display: none;
	left: 0;
}
.m-ins-navbox .right .subbox a {
	display: block;
	width: 95%;
	padding-left: 5%;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	border-top: 1px solid #e5e5e5;
	background: url(../images/ico_37.png) no-repeat 92% center;
	background-size: auto 35%;
}
.inner-menu {
	display: none;
}
.about-box {
	margin-top: 30px;
}
.about-box .tit p {
	display: none;
}
.about-box .tit {
	margin-bottom: 30px;
}
.core {
	padding: 30px 0;
}
.core_tit .t-1 {
	margin-bottom: 10px;
	font-size: 20px;
}
.core_tit .t-2 {
	margin-bottom: 5px;
	font-size: 20px;
}
.core_con_fr .core-top {
	padding: 14px 0;
	overflow: hidden;
}
.core_con_fr .core-s {
	font-size: 30px;
	margin-right: 5px;
}
.core_con_fr .core-txt {
	margin-top: 10px;
	margin-left: 0;
	line-height: 37px;

	color: #333;
}
.core_con_fr .core-tit .core-tit-1 {
	line-height: 20px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #333;
}
.core_con_fr .core-tit .core-tit-2 {
	color: #666;
	font-size: 12px;
}
.swiper-button-next, .swiper-button-prev {
	top: 25% !important;
}
.news-img {
	margin-left: 0;
}
.news-box .tit {
	font-size: 16px;
}
.new-pro {
	width: 100%;
	height: auto;
	margin-top: 0;
}
.new-pro-pic {
	margin-top: 0;
}
.list-pro {
	display: none;
}
.webzi {
	width: 100%;
	height: 300px;
}
.webzi .t1 {
	width: 140px;
	line-height: 25px;
	position: absolute;
	top: 70px;
	left: 0;
	font-size: 18px;
}
.webzi .line {
	position: absolute;
	top: 130px;
	left: 0;
}
.webzi .t2 {
	display: none;
}
.webzi .location {
	position: absolute;
	top: 200px;
	left: 0;
}
.about-tit-1 {
	font-size: 25px;
	margin-bottom: 15px;
}
.about-tit-1 span {
	margin-top: 9px;
	margin-left: 27px;
}
.inner-ban {
	height: auto;
}
.pro-ban, .contact-ban, .about-ban, .news-ban, .down-ban {
}
.news-box {
	margin-bottom: 30px;
}
.news-list .con {
	padding: 12px;
	margin-bottom: 15px;
	height: 140px;
}
.news-list .con .time {
	display: none;
}
.news-list .con .txt {
	width: 100%;
	float: none;
}
.news-list .con .txt span {
	font-size: 14px;
}
.foot-copy {
	line-height: 25px;
	padding: 20px 0;
}
.filters li {
	padding: 10px 18px;
	font-size: 14px;
}
.inner {
	padding: 30px 0;
}
.product-item {
	margin-bottom: 20px;
}
.product-item img {
	width: 100%;
}
.about-box-1 {
	margin-bottom: 40px;
}
.about-box-2 {
	background: #f3f3f3;
}
.about-box-tit {
	margin: 40px 0 25px 0;
}
.about-box-tit span {
	height: 30px;
	font-size: 24px;
}
.about-box-tit em {
	height: 25px;
	font-size: 20px;
}
.about-txt-2 {
	margin-left: 10px;
	margin-top: 20px;
}
.down {
	padding-bottom: 25px;
}
.down li {
	height: 40px;
}
.down li span {
	line-height: 40px;
	font-size: 12px;
}
.down li span i {
	font-size: 16px;
	margin-right: 10px;
}
.down li em {
	display: none;
}
}
.pages {
	clear: both;
	text-align: center;
	font-size: 16px;
}
.search_form {
	overflow: hidden;
	margin-bottom: 10px;
	line-height: 35px;
}
ul.breadcrumb li a {
	/*color: #fff;*/
}

/*相关产品+新闻*/
.list_related {
	padding-top: 10px;
	clear: both;
	margin-bottom: 10px;
}
.left_h {
	background: url(../images/title_line.jpg) left bottom no-repeat;
	font-size: 18px;
	display: block;
	padding-bottom: 10px;
}

.related_product{
	clear: both;
	font-size: 16px;
	padding: 20px 0;
	float: left;
	width: 100%;
}
.related_product li img{
	width: 100%;
	border: 1px solid #ddd;
}
.related_product li span{
	display: block;
	height: 24px;
	line-height: 24px;
	margin: 5px 0;
	text-align: center;
	overflow: hidden;
}
.related_product li span a:hover{
	color: #337ab7;
}
.related_product li em {
	display: block;
	font-size: 14px;
	height: 60px;
	line-height: 20px;
	overflow: hidden;
	color: #888;
}
.related_news {
	margin: 10px 0;
	padding: 0 15px;

	font-size: 15px;
	float: left;
	clear: both;
	width: 100%;
}
.related_news li {
	color: #898989;
	background: url(../images/li.png) no-repeat left 15px;
	line-height: 30px;
	height: 35px;
	overflow: hidden;
	padding: 5px 0px;
	padding-left: 14px;
	border-bottom: 1px dashed #e3e2e2;
}
.related_news li a {
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}
.related_news li a:hover{
	text-decoration: none;
	color: #337ab7;
}
.related_news li span {
	float: right;
	margin-right: 10px;
}
.related_news_img {
	margin: 15px 0;
	float: left;
	clear: both;
	width: 100%;
}
.related_news_img li {
	color: #898989;
	overflow: hidden;
	padding: 10px;
}
.related_news_img li img{
	width: 30%;
	float: left;
	margin-right: 2%;
	border: #ccc solid 1px;
}
.related_news_img li .txt {
	float: left;
	width: 68%;
}
.related_news_img li span {

	display: block;
	font-size: 16px;
	line-height: 25px;
	max-height: 25px;
	overflow: hidden;
}
.related_news_img li span a {
color: #333;
}
.related_news_img li span a:hover{
	text-decoration: none;
	color: #337ab7;
}
.related_news_img li em {
	display: block;
	line-height: 20px;
	max-height: 40px;
	margin-top: 5px;
	overflow: hidden;
	color: #999;
}
.related_news_img li p {
	line-height: 20px;
	margin-top: 5px;
	color: #999;
}
@media screen and (max-width: 991px){ 
.related_news li span {
	display:none;
}
.related_news_img li img{
	width: 35%;
}
.related_news_img li .txt {
	width: 63%;
}
.news-list .con .pic {
	display: none;
}
.related_news_img li span {
	line-height: 23px;
    max-height: 46px;
	overflow: visible;
}
.related_news_img li em {
    display: none;
}
.links {display:none;
}
}
.links {line-height: 30px;font-size: 14px; margin: 20px auto;}
.links a{margin-right: 10px;color: #5f5f5f;}
.breadcrumb > li + li:before {
    padding: 0px;
    color: #ccc;
    content: " ";
}
.breadcrumb > li{ text-indent: 0px;}