@charset "utf-8";
*{
   -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body {
	font-family: 微软雅黑;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	 pointer-events:none;
}

ul,
h3,
h2,
h1,
li,
p {
	padding: 0;
	margin: 0;
	list-style: none;
}
a:hover,
a:focus{
	text-decoration: none;
}
.btn:focus,
.btn:active,
.btn:focus:active{
	outline: 0;
}
.flex{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}

/* 主轴居中 */
.flex-hc {
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/* 主轴两端对齐 */
.flex-zBetween {
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

/* 主轴end对齐 */
.flex-zEnd {
    -webkit-box-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

/* 主轴start对齐 */
.flex-zStart {
    -webkit-box-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

/* 侧轴居中 */
.flex-ac {
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

/* 侧轴start对齐 */
.flex-cStart {
    -webkit-box-align: start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

/* 侧轴底部对齐 */
.flex-cEnd {
    -webkit-box-align: end;
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

/* 侧轴文本基线对齐 */
.flex-cBaseline {
    -webkit-box-align: baseline;
    -moz-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

/* 侧轴上下对齐并铺满 */
.flex-cStretch {
    -webkit-box-align: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

/* 主轴从上到下 */
.flex-zTopBottom {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

/* 主轴从下到上 */
.flex-zBottomTop {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

/* 主轴从左到右 */
.flex-zLeftRight {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

/* 主轴从右到左 */
.flex-zRightLeft {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


/* 不允许子元素缩小 */
.flex-shrink {
    -webkit-box-flex: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

/*各个行中间对齐*/
.flex-center {
    -webkit-align-content: center;
    align-content: center;
}

/*各个行中间对齐*/
.flex-start {
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

/*各个行中间对齐*/
.flex-end {
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

/*各个行平均分布*/
.flex-between {
    -webkit-align-content: space-between;
    align-content: space-between;
}

/*各个行两端保留子元素与子元素之间间距大小的一半*/
.flex-container {
    -webkit-align-content: space-around ;
    align-content: space-around ;
}

/*父元素-横向换行 */
.flex-wrap{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap:wrap;
}

/*父元素-不允许横向换行 */
.flex-nowrap{
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap:nowrap;
}
/*充满父元素*/
.flex_bd{
    -prefix-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* 显示两行文字 */
.line-2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;   
}
.line-3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;   
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* 文字省略号 */
.ellipsis{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.margin-left-auto {
	margin-left: auto;
}
.margin-right-auto {
	margin-right: auto;
}

/* header */
body{
	padding-top: 70px;
}
.navbar-os{
	position: fixed;
	background-color: #000;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	height: 70px;
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
}
.navbar-logo{
	float: left;
	display: block;
	padding: 12px 0;
}
.navbar-logo img{
	height: 44px;
}
.navbar-nav>li{
	position: static;
}
.navbar-os > .container{
	position: relative;
}
.navbar-nav>li .dropdown-menu{
	min-width: 100%;
	margin: 0;
}
.dropdown-menu-nav li{
	border-bottom: 1px solid #F2F2F2;
}
.dropdown-menu-nav li a{
	display: block;
	padding: 10px;
	color: #333333;
	text-align: center;
}
.navbar-nav>li>a{
	display: block;
	color: #ffffff;
	padding:15px 10px;
	line-height: 28px;
	font-size: 16px;
	font-weight: bold;
}
.navbar-nav>li:hover>a{
	color: rgb(35, 111, 206);
}
.navbar-nav>li>a .icon-sm-down{
	padding-left: 4px;
	font-size: 12px;
}
.nav-bar-right{
	float: right;
	padding: 20px 0;
}

.input-search {
	position: absolute;
	z-index: 333;
	width: 100%;
	height: 100%;
	padding: 18px 5%;
	left: 0;
	top: 0;
	display: none;
	background-color: #FFFFFF;
	box-shadow: 0 2px 7px rgba(0,0,0,.1);
}
.input-search .iconfont{
	font-size: 20px;
	cursor: pointer;
}

.input-search .form-control {
	height: 32px;
	border:0;
	box-shadow:0 0 0 transparent;
}
.input-search .form-control:focus{
	box-shadow:0 0 0 transparent;
}
.lan-dropdown{
	float: left;
	line-height: 32px;
	margin-left: 30px;
	font-size: 16px;
}
.lan-dropdown .icon-sm-down{
	font-size: 12px;
}
.lan-dropdown .dropdown-menu{
	margin: 0;
	left: 20px;
}
.lan-dropdown:hover .dropdown-menu{
	display: block;
}
.input-search .btn-so {
	border: 0;
	outline: 0;
	background-color: transparent;
	border-radius: 0;
}
.navbar-nav{
	display: block;
}

.btn-click-so{
	cursor: pointer;
	background-color: transparent;
	border: 0;
	height: 24px;
	line-height: 1;
	margin-left: 20px;
}
.btn-click-so .iconfont{
	color: #FFFFFF;
	font-size: 24px;
}
.lang-switch{
	height: 30px;
	background-color: #FFFFFF;
}
.lang-switch .link{
	display: block;
	padding: 0 15px;
	line-height: 28px;
	color: #333;
}
.lang-switch .link:first-child{
	color: #ff0000;
}
.lang-switch .line{
	width: 1px;
	background: #ccc;
	height: 14px;
}

/* pc导航 下拉*/
.nav-dropdown{
	z-index: 9;
	position: absolute;
	left: 0;
	right: 0;
	top: 90px;
	visibility: hidden;
	opacity: 0;
	background-color: #FFFFFF;
	box-shadow: 0 5px 20px rgba(0,0,0,.1);
	padding: 20px;
}
.nav-dropdown-panel{
	margin: 0 -15px;
}
.nav-dropdown-panel .col{
	flex: 1;
	padding: 0 15px;
}
.dr-about-pic{
	font-size: 0;
	margin-bottom: 10px;
}
.dr-title a{
	font-weight: bold;
	color: #000;
	font-size: 18px;
}
.about-col{
	padding: 0 15px;
	width: 33.33%;
}


.flex-show{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	top: 70px;
	visibility: visible;
	opacity: 1;
	transition: .5s all;
}
.nav-cat ul{
	width: 290px;
	padding-top: 60px;
	margin-left: 180px;
	padding-bottom: 60px;
}
.nav-cat ul>li> a{
	position: relative;
	display: block;
	padding: 15px 30px;
	line-height: 20px;
	height: 50px;
	font-size: 16px;
	color: #333;
}
.nav-cat ul>li> a::after{
	position: absolute;
	right: 24px;
	top: 50%;
	line-height: 1;
	margin-top: -8px;
	content: "\e826";
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.nav-cat ul>li> a *{
	display: inline-block;
	vertical-align: middle;
}
.nav-cat ul>li> a img{
	margin-right: 15px;
}
.nav-cat ul li.on{
	background-color: #e8eced;
}
.nav-sub-cat {
	height: 680px;
}
.nav-sub-cat .hd{
	height: 680px;
	width: 340px;
	background-color: #e8eced;
}
.nav-sub-cat .hd li a{
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 16px;
	color: #333;
}
.nav-sub-cat .hd ul{
	padding-top: 60px;
}
.nav-sub-cat .hd li.on a{
	background-color: #ffffff;
	color: #ff5c35;
}

.nav-sub-cat .hd li a::after{
	position: absolute;
	right: 24px;
	top: 50%;
	line-height: 1;
	margin-top: -8px;
	content: "\e826";
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.drop-show-body{
	padding: 70px 100px 0 100px;
}
.dropdown-heading{
	height:30px;
	line-height: 30px;
}
.dropdown-heading .title{
	float: left;
	font-size: 24px;
}
.dropdown-heading .d-more{
	float: right;
	display: inline-block;
	color: #565656;
}
.dropdown-heading .d-more span{
	text-decoration: underline;
}
.dropdown-heading .d-more .iconfont{
	font-size: 14px;
}
.drop-attr{
	white-space: nowrap;
}
.drop-attr{
	margin: 0 -2px;
}
.drop-attr>div{
	padding: 0 2px;
}
.drop-attr .attr-box{
	background-color: #efefef;
	color: #565656;
	font-size: 16px;
	line-height: 1;
	padding: 12px 0;
}
.attr-box .text{
	margin-bottom: 10px;
	text-align: center;
}
.attr-box .val{
	font-weight: bold;
	text-align: center;
}
.drop-photo{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 40px 0;
	text-align: center;
	height: 350px;
}
.drop-photo img{
	max-height: 350px;
}
.drop-flex-left{
	width: 120px;
	margin-right: 50px;
}
.drop-flex-left .third-hd{
	font-size: 20px;
	line-height: 1;
	padding-bottom: 15px;
	border-bottom: 1px solid #5D5D5D;
	margin-bottom: 15px;
}
.drop-third-nav li a{
	display: inline-block;
	padding: 10px 0;
	font-size: 16px;
	color: #333333;
}
.drop-third-nav li.on a{
	text-decoration: underline;
	color: #ff5c35;
}

.dr-navlink{
	padding-top: 10px;
}
.dr-navlink li{
	margin-bottom:6px;
}
.dr-navlink li a{
	color: #333333;
}

.dr-dot-navlink{
	padding-top: 10px;
}
.dr-dot-navlink li{
	margin-bottom: 6px;
	background: url(../image/dot-sm.png) left center no-repeat;
	padding-left: 15px;
}
.dr-dot-navlink li a{
	color: #333333;
}

.dr-group .dr-dot-navlink{
	width: 30%;
}






@media (max-width:1500px) {
	.nav-cat ul{
		margin-left: 100px;
	}
	.nav-sub-cat .hd{
		width: 250px;
		height: 480px;
	}
	.nav-sub-cat {
		height: 480px;
	}
	.drop-photo{
		height: 200px;
	}
	.drop-show-body{
		padding: 50px 50px 0 40px;
	}
}


/* 手机导航 */
.navbar_m-nav{
	z-index: 9;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	overflow: hidden;
	overflow-y: auto;
	background-color: #f3f3f3;
	height: 0;
    transition: all 0.5s;
}
.c-open .navbar_m-nav{
	height: calc(100vh - 60px);
    height: -webkit-calc(100vh - 60px);
}
.navbar_m-nav>li{
	border-bottom: 1px solid #e8eced;
}
.navbar_m-nav>li>a{
	position: relative;
	display: block;
	color: #333;
	height: 50px;
	line-height: 50px;
	padding: 0 50px;
	font-size: 16px;
}
.navbar_m-nav li.active a{
	background-color: #e8eced;
}
.navbar_m-nav>li>a .iconfont{
	display: inline-block;
	line-height: 1;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -8px;
}
.m-nav-list{
	display: none;
}
.m-nav-list li a{
	position: relative;
	display: block;
	color: #333;
	height: 40px;
	line-height: 40px;
	padding: 0 70px;
	font-size: 15px;
	color: #666;
}




.c-switch {
	float: left;
	margin-left: 7px;
	display: none;
	width: 24px;
	height: 20px;
	cursor: pointer;
}
.c-switch i {
	float: left;
	position: relative;
	display: block;
	height: 2px;
	width: 24px;
	background:#FFFFFF;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.c-head-hide .c-switch i,
.c-open .c-switch i {
	background:#FFFFFF;
}
.c-switch i:nth-child(1) {
	top: 0;
}
.c-switch i:nth-child(3) {
	bottom: 0;
}
.c-switch i:nth-child(2) {
	margin: 6px 0;
}
body.c-open .c-switch i:nth-child(2) {
	opacity: 0;
}
body.c-open .c-switch i:nth-child(1) {
	top: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
body.c-open .c-switch i:nth-child(3) {
	bottom: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media (min-width:768px) {
	.navbar-nav{
		margin-left: 40px;
	}
}
@media (min-width:1200px) {
	.navbar-nav{
		margin-left: 100px;
		display: block;
	}
}

@media (max-width: 991px) {
	.c-switch{
		display: block;
	}
	.btn-click-so{
		margin-left: 7px;
	}
	.lang-switch .link{
		padding: 0 10px;
	}
	.navbar-os .container{
		padding-left: 10px;
		padding-right: 10px;
	}
	.lang-switch .link{
		font-size: 12px;
	}
}

@media (min-width:1300px) {
	.navbar-nav>li>a{
		padding: 20px 50px;
	}
	body{
		padding-top: 70px;
	}
}
@media (min-width:1900px) {
	.navbar-os .container-fluid{
		padding: 0 60px;
	}
}
.navbar-nav>li:hover .dropdown-menu{
	display: block;
}



.index-section{
	padding: 50px 0;
	overflow: hidden;
}
.index-section.bg{
	background-color: #f2f2f2;
}
.sec-head{
	text-align: center;
	margin-bottom: 50px;
}
.sec-head .sec-title{
	font-size: 36px;
	line-height: 1;
	font-weight: bold;
}
.sec-foot{
	text-align: center;
	margin-top: 40px;
}
.sec-foot a{
	display: inline-block;
	line-height: 1;
	color: #ff5c35;
	font-size: 16px;
}
.sec-foot a .iconfont{
	font-size: 14px;
}
@media (min-width:1200px) {
	.container{
		padding: 0;
		width: 1200px;
	}
}
@media (min-width:1300px) {
	.container{
		width: 1300px;
	}
}
@media (min-width:1600px) {
	.container{
		width: 1500px;
	}
}
.news-cell{
	display: block;
	background-color: #FFFFFF;
}

.scale{
	display: block;
	overflow: hidden;
	font-size: 0;
}
.scale img{
	transition: .3s all;
}
.scale:hover img{
	transform: scale(1.1);
}


.tranUp{
	transition: .5s all;
}
.tranUp:hover {
	transform: translateY(-10px);
}


.swiper-banner .swiper--prev{
	left: 0px;
	border-radius: 0 10px 10px 0;
}
.swiper-banner .swiper--next{
	right: 0px;
	border-radius:10px 0 0 10px;
}
.swiper-banner .swiper--prev,
.swiper-banner .swiper--next{
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -30px;
	z-index: 99999;
	width: 48px;
	height: 100px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	background-color: rgba(0,0,0,.7);
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	transition: .3s all;
}
.swiper-banner .swiper--prev .iconfont,
.swiper-banner .swiper--next .iconfont{
	font-size: 40px;
}

.swiper-banner .swiper--prev:hover,
.swiper-banner .swiper--next:hover{
	background-color: rgba(0,0,0,.9);
	color: #FFFFFF;
}

/* footer */
.footer{
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
}
.footer a{
	color: #FFFFFF;
}
.copyright{
	border-top: 1px solid rgb(63, 63, 63);
	padding: 30px 15px;
	color: #696969;
}
.copyright a{
	color: #696969;
}
.foot-nav{
	padding: 30px 15px;
}
.foot-nav li{
	position: relative;
	display: inline-block;
	padding: 5px 25px;
}
.foot-nav li::after{
	width: 1px;
	height: 16px;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
	background-color: #696969;
}
.foot-nav li:last-child::after{
	display: none;
}

/* 内页 */
.page-heading{
	margin: 0 auto;
	padding: 80px 0;
	max-width: 960px;
}
.page-heading h2{
	text-align: center;
	margin-bottom: 20px;
	font-size: 36px;
	color: #878787;
}
.page-heading .page-intro{
	font-size: 22px;
}
.page-tabs{
	margin: 0 -5px;
}
.page-tabs li{
	flex: 1;
	padding: 0 5px;
}
.page-tabs li a{
	display: block;
	background-color: #dfe2e5;
	padding: 15px;
	height: 80px;
	color: #333333;
	font-size: 17px;
}
.page-tabs li.active a{
	background-color: #0068b7;
	color: #FFFFFF;
}
.page-tabs-bar{
	position: relative;
	z-index: 99;
	width: 100%;
	background-color: #FFFFFF;
	max-width: 1500px;
}

.content_holder{
	padding: 30px 0;
	line-height: 1.8;
	font-size: 18px;
}
.content_holder .h2{
	font-size:24px;
	color: #0068b7;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 15px;
}

.content_holder h1{
	text-align: center;
	margin-bottom: 20px;
}

.kh-row{
	padding: 50px 0;
}
.kh-cell .kh-pic{
	font-size: 0;
	max-width: 150px;
}
.kh-cell .flex_bd{
	padding: 15px;
}
.kh-cell .name{
	font-size:24px;
	color: #0068b7;
	margin-bottom: 10px;
}
.kh-cell .item{
	font-size:16px;
	line-height: 2;
	color: #333;
}
.lx-box{
	padding:30px 40px;
	line-height: 1.6;
    background-color: rgb(242, 242, 242);
}
.lx-box .lx-icon{
	font-size: 0;
	margin-bottom:15px;
}
.lx-box .lx-text{
	font-size: 16px
}
.lx-box .lx-val{
	font-size: 18px;
	color: #666;
}
.lx-icon img{
	width: 50px;
	height: 50px;
}
.lx-row{
	padding: 30px 0;
	margin: 0 -5px;
}
.lx-row>div{
	padding: 5px;
}
.search-page{
	margin: 30px 0;
	padding:20px;
	background-color: rgb(242, 242, 242);
}
.portlet-title{
	font-size: 18px;
	margin-bottom: 10px;
}
.todo-project-list li a{
	color: #333333;
	padding: 12px 10px;
}
.search-content .search-title{
	margin: 5px 0;
}
.search-content .search-title a{
	font-size: 14px;
	color: #333333;
}
.search-content .search-post-foot a{
	font-size: 12px;
	color: #333333;
}
.search-content .search-post-foot img{
	width: 16px;
}
.search-item{
	margin-bottom: 25px;
}
.search-item img{
	widtht: 16px;
}
.dev-wrapper .container{
	max-width: 1200px;
}
.dev-wrapper .page-tabs-bar{
	max-width: 1200px;
}
.page-tabs-bar.isStuck{
	padding-top: 70px;
}

@media (max-width:992px) {
	.page-tabs{
		flex-wrap: wrap;
	}
	.page-tabs li{
		flex: unset;
		padding: 5px;
		width: 33.33%;
	}
	.page-tabs li a{
		padding: 10px;
		font-size: 14px;
	}
	.kh-cell .item{
		font-size: 14px;
	}
	.kh-cell .kh-pic{
		width: 100px;
	}
	.kh-row .kh-cell{
		padding: 15px 0;
	}
	.kh-cell .name{
		font-size: 20px;
	}
	.kh-cell .flex_bd{
		padding: 10px 15px;
	}
	.content_holder{
		font-size: 15px;
	}
	.page-tabs-bar.isStuck{
		width: auto;
		left: 15px;
		right: 15px;
	}
	.page-heading h2{
		font-size: 28px;
	}
	.page-heading .page-intro{
		font-size: 16px;
	}
	.content_holder h1{
		font-size: 28px;
	}
	.lx-box{
		padding: 20px 15px;
	}
	
	.lx-box .lx-text{
		font-size: 14px
	}
	.lx-box .lx-val{
		font-size: 14px;
	}
}

/* 关于我们  = =======================*/
.classify-topbar{
	position: relative;
	z-index: 99;
	background-color: #FFFFFF;
	width: 100%;
	padding-top: 30px;
}
.classify-tabs{
	border-top: 1px solid rgb(242, 242, 242);
	border-bottom: 1px solid rgb(242, 242, 242);
}
.one-classify-box li{
	width: 160px;
	text-align: center;
	border-right: 1px solid rgb(242, 242, 242);
}
.one-classify-box li a{
	display: block;
	padding: 20px 10px;
	color: #555555;
	font-size: 14px;
}
.one-classify-box li.active a{
	font-weight: bold;
	color: #0068b7;
}
.mod-section{
	padding: 50px 0;
}
.bg-gray{
	background-color: rgb(242, 242, 242);
}
.about-cell{
	line-height: 1;
}
.about-cell .en-text{
	font-size: 30px;
	font-weight: bold;
	color: #d3d3d3;
	margin-bottom: 15px;
}
.about-cell .line{
	width: 30px;
	height: 2px;
	background-color: #0068b7;
	margin: 20px 0;
}
.about-cell .ch-text{
	font-size: 30px;
	font-weight: bold;
	color: #333;
}
.about-items .item{
	color: #696969;
	font-size: 16px;
	padding-left: 12px;
	line-height: 1.6;
	margin-bottom: 15px;
	background: url(../image/dot-sm.png) 0 9px no-repeat;
}
.about-photo{
	max-width: 700px;
}
.about-photo-row{
	max-width: 980px;
	text-align: center;
}
.about-photo-row p{
	margin-top: 10px;
	color: #696969;
	font-size: 16px;
}
.about-cell .flex_bd{
	padding: 0 90px;
}

.item .item-title{
	font-weight: 700;
	font-size: 14px;
	color: #333333;
}
.item .item-des{
	color: #696969;
	font-size: 14px;
}
.mod-honor{
	display: flex;
	
}
.honor-tt{
	background-color: #0070c0;
	width: 345px;
	color: #FFFFFF;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	padding: 154px 0;
}
.honor-tt>span{
	font-weight: 700;
	font-size: 24px;
}

.honor-bd{
	background-color: #FFFFFF;
	flex: 1;
	padding: 0 0 0 40px;
}
.honor-bd-item{
	border-bottom: 1px solid #d8d8d8;
	padding: 30px 0;
}
.honor-item-tt{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 5px;
}
.honor-bd-item .about-items .item{
	margin-bottom: 5px;
	font-size: 14px;
}

.mod-prove{
	display: flex;
	align-items: center;
	margin-top: 50px;
}
.prove-item{
	width: 335px;
	margin-right: 40px;
	background-color: #FFFFFF;
	text-align: center;
	position: relative;
	overflow: hidden;
	
}

.prove-from{
	width: 335px;
	height: 472px;
	border: 1px solid #FFFFFF;
	position: absolute;
	top: -1px;
	left: 0;
	transition: all 0.5s;
	z-index: 1;
}
.prove-item:hover .prove-from{
	cursor: pointer;
	transform: scale(0.95);
}
.prove-ss{
	width: 50px;
	height: 50px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	line-height: 50px;
	position: absolute;
	margin-left: -25px;
	margin-top: -5px;
	top: 50%;
	left: 50%;
	transition: opacity 2s all;
	z-index: 9;
	opacity: 0;
}
.prove-item:hover .prove-ss{
	z-index: 9;
	cursor: pointer;
	display: block;
	opacity: 1;
	transition-duration: 1s;
	transform: translateY(-20px);
}
.prove-ss img{
	width: 60%;
}
.mod-news{
	display: flex;
}
.news-cat{
	background-color: #FFFFFF;
	width: 346px;
	padding: 20px;
	margin-bottom: 20px;
	margin-right: 30px;
}
.news-cat-name{
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.news-cat-bd>div{
	padding:15px 10px;
	margin: 5px 0;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-cat-bd>div:hover{
	background-color: #EEEEEE;
	cursor: pointer;
}
.news-cat-bd>div.active{
	color: #3f444a;
	background-color: #f1f4f7!important;
}
.news-cat-bd a{
	color: #333333;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mod-news-list{
	background-color: #FFFFFF;
	padding: 20px;
	flex: 1;
}

.news-panel{
	display: flex;
	border-bottom: 1px solid #f4f6f8;
	padding-bottom: 20px;
	margin: 10px 0 30px;
}
.news-panel-hd img{
	width: 200px;
	margin-right: 20px;
}
.news-panel-bd{
	flex: 1;
}
.news-panel-bd_tt{
	font-size: 16px;
}
.news-panel-bd_tt a{
	color: #4e5a64;
	
}
.news-date-d:hover{
	color: #005096;
	cursor: pointer;
}
.news-date-num:hover{
	color: #005096;
	cursor: pointer;
}
.news-panel-bd_desc{
	color: #a0a9b4;
	margin: 5px 0;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;   
}
.news-panel-bd_date{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 13px;
	color: #9aa5b2;
}
.news-date-icon{
	width: 20px;
	height: 20px;
	text-align: center;
}
.news-date-d,.news-date-num{
	margin:0 10px;
	font-weight: bold;
}
.news-date-icon img{
	width: 80%;
}
.news-page{
	display: flex;
	justify-content: center;
}
.news-page a{
	color: #000000;
}
.news-page>a{
	border: 1px solid #DDDDDD;
	padding: 6px 12px;
	margin: 0 2px;
}
.news-page>a:hover{
	color: #23527c;
	background-color: #DDDDDD;
	border: 1px solid #DDDDDD;
}

.news-page .active{
	background-color: #005096;

	color: #FFFFFF;
}

.mod-video video{
	width: 600px;
	height: 400px;
}
.mod-about-hd{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 50px;
}
.about-name{
	font-weight: bold;
	font-size: 30px;
	color:#d3d3d3;
}
.about-name>span{
	color: #000000;
}
.about-us{
	max-width: 720px;
	line-height: 1.75;
	color:#696969;
}
.mod-about-bd{
	background-color: #FFFFFF;
	padding: 5px;
}
.mod-about-list{
	padding: 40px;
	display: flex;
	flex-wrap: wrap;
}
.a-list-panel{
	display: flex;
	width: 50%;
	margin-bottom: 50px;
}
.a-list-panel_tt{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.a-list-panel .about-items{
	width: 280px;
}
.a-list-panel .item{
	font-size: 14px;
	margin-bottom: 0;
}
.a-list-panel_img{
	width: 80px;
	height: 80px;
	min-width: 80px;
}
.prove-tt {
	color: #000000;
}

.mod-news-body_tt{
	border-bottom: 1px solid #EEEEEE;
	font-size: 16px;
	padding-bottom: 10px;
}
.mod-news-body .news-panel-bd_date{
	justify-content: flex-start;
	margin: 10px 0 20px;
}
.body-img{
	text-align: center;
	margin-bottom: 10px;
}

.mod-news-body p{
	font-size: 16px;
	margin-bottom: 10px;
}
.mod-news-body_piece {
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	padding: 30px 0;
	margin-top: 50px;
}
.mod-news-body_piece .piece-hd{
	font-weight: bold;
	margin: 5px 0;
}
.mod-news-body_piece .piece-hd a{
	color: #000000;
	font-weight: 500;
}


@media (min-width:1200px) {
	.mod-section.bg-gray .about-cell{
		flex-direction: row-reverse;
	}
	.mod-section.bg-gray .flex_bd{
		padding-left: 0;
	}
}
@media (max-width:780px) {
	.about-cell{
		display: block;
	}
	.about-cell .flex_bd{
		padding:35px 20px 0 20px;
	}
	.about-photo-row{
		margin: 0 -4px;
	}
	.about-photo-row>div{
		padding: 4px;
	}
	.mod-news{
		flex-wrap: wrap;
	}
	.news-panel{
		flex-wrap: wrap;
	}
	.news-panel-hd img{
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.news-cat{
		width: 100%;
		margin-right: 0;
	}
	.mod-news-nav{
		width: 100%;
	}
	.news-panel-bd_date{
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.mod-video video{
		width: 100%;
		height: 100%;
	}
	.mod-honor{
		flex-wrap: wrap;
	}
	.honor-bd{
		padding: 10px;
	}
	.mod-prove{
		flex-wrap: wrap;
	}
	.prove-item{
		width: 48%;
		margin:1% 1% 3% 1%;
	}
	.prove-from{
		display: none;
	}
	.mod-about-hd{
		flex-wrap: wrap;
	}
	.a-list-panel{
		width: 100%;
	}
	.mod-about-list{
		padding: 10px;
	}
	.a-list-panel .about-items{
		width: 100%;
		flex: 1;
	}
	.news-date-icon:nth-child(3){
		margin-left: auto;
	}
}


/* 关于我们  = =======================================================================================================================*/
.flex-auto li{
	float: left;
}
.flex-auto li a{
    padding: 20px ;
}
/* 产品=============== */

.single-wrapper{
	padding: 40px 0;
}
.main-class-container-mobile{
	background-color: #FFFFFF;
}
.pro-aside{
	margin-right: 30px;
	width: 340px;
}
.pro-aside .main-class-item{
	padding: 0 22px;
	height: 55px;
	display: flex;
	align-items: center;
}
.pro-aside .main-class-item .main-class-text{
	font-size: 16px;
	color: #333333;
	display: block;
	line-height: 40px;
	width: 80%;
	
}
.pro-aside .main-class-item-box{
	position: relative;
}
.pro-aside .main-class-item-box::after{
	height: 1px;
	background-color: #e5e5e5 ;
	position: absolute;
	right: 20px;
	left: 20px;
	content: '';
	bottom: 0;
}
.pro-aside .main-class-item-box:last-child::after{
	display: none;
}
.pro-aside .main-class-item .main-class-icon{
	margin-left: auto;
	font-size: 12px;
	color: #999999;
	display: inline-block;
	transform: rotateZ(-90deg);
}
.pro-aside .main-class-item.active .main-class-icon{
	transform: rotateZ(0);
}

.pro-aside .sub-class-item{
	height: 50px;
	line-height: 50px;
	background: url(../image/landian.png) left center no-repeat;
}
.pro-aside .sub-class-item.active{
	background:#6eb1ec url(../image/landian-w.png) left center no-repeat;
}
.pro-aside .sub-class-item-box{
	display: none;
}
.pro-aside .sub-class-item a{
	display: block;
	padding-left: 30px;
	font-size: 14px;
	color: #666;
}
.pro-aside .sub-class-item.active a{
	color: #FFFFFF;
}



.pro-aside .main-class-item.active{
	background-color: rgb(0, 112, 192);
}
.pro-aside .main-class-item.active *{
	color: #FFFFFF;
}
.product-row{
	margin: 0 -10px;
}
.product-row>div{
	padding: 0 10px;
}
.product-link{
	background-color: #FFFFFF;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.product-link .pro-title{
	background-color: #fbfafa;
	height: 60px;
	padding:12px 10px 10px 10px;
	font-size: 16px;
	color: #333;
}
.product-link:hover .pro-title{
	color: #1e88e5;
}
.pro-wrapper .container{
	max-width: 1200px;
}

@media (max-width:1000px) {
	.pro-aside{
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.product-main{
		display: block;
	}
}

/* 产品详情 */
.detail-wrap{
	padding: 25px 0;
	background-color: #f7f7f7;
}
.detail-wrap .bread-cell{
	margin-bottom: 25px;
}
.sku-detail {}
.sku-detail-panel{
	background-color: #FFFFFF;
	padding: 0 20px 20px 20px;
}
.sku-bar{
	height: 64px;
	width: 100%;
	max-width: 920px;
	overflow: hidden;
	background-color: #FFFFFF;
	border-bottom: 1px solid #EEEEEE;
	margin: 0 -20px;
	padding: 0 20px;
}

.sku-tab{
	white-space: nowrap;
	overflow: hidden;
	overflow-x: auto;
	height: 70px;
}
.sku-tab li{
	display: inline-block;
}
.sku-tab li a{
	position: relative;
	display: inline-block;
	padding: 20px 10px;
	font-size: 16px;
	color: #333333;
}

.sku-section{
	padding-top: 40px;
}
.sku-section.is-active{
	padding-top: 160px;
}
.sku-section .sku-head{
	font-size: 24px;
	color: #215aa8;
	margin-bottom: 20px;
}
.sku-content{
	font-size: 16px;
	color: #666666;
}
.hy-cell{
	display: block;
	margin-bottom: 20px;
}
.hy-pic{
	margin-bottom: 15px;
}
.hy-pic img{
	width: 100%;
}
.hy-cell .hy-title{
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
}
.hy-cell .hy-desc{
	line-height: 1.8;
	color: #666666;
	font-size: 14px;
}
.sku-tab li.current a{
	color: #215aa8;
}
.sku-tab li.current a::after{
	content: '';
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -1px;
	background-color: #215aa8;
}
.sku-aside{
	background-color: #FFFFFF;
	padding: 0 20px 20px 20px;
}
.sku-back{
	text-align: center;
	padding: 20px 0;
}
.sku-back a{
	color: #215aa8;
}
.aside-hd{
	padding: 20px 0;
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
.aside-real li{
	margin-bottom: 20px;
}
.aside-real .real-link{
	display: block;
	text-align: center;
}
.aside-real .real-link{
	display: block;
}
.aside-real .real-link .real-title{
	background-color: #808080;
	color: #FFFFFF;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
}

.product-intro{
	background-color: #FFFFFF;
	margin-bottom: 60px;
}
.sku-title{
	font-size: 24px;
	padding: 20px 0;
	border-bottom: 2px solid #666;
}
.sku-cell{
	overflow: hidden;
	margin-top: 35px;
}
.sku-cell .sku-hd{
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.sku-bd{
	line-height: 1.8;
}
.attr-table{
	width: 100%;
	color: #666666;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
}
.attr-table td{
	height: 40px;
	text-align: center;
	border: 1px solid #CCCCCC;
}
.pt-list{
	overflow: hidden;
	margin: 0 -10px;
}
.pt-list li {
	position: relative;
	padding: 0 10px;
	margin-bottom: 10px;
	float: left;
}
.pt-list li a{
	color: #666666;
}
.pt-list li.lighthight a{
	color: #215aa8;
}
.pt-list li::after{
	width: 1px;
	height: 16px;
	content: '';
	background-color: #dcdcdc;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
}
.pt-list li:last-child::after{
	display: none;
}
.file-cell{
	margin-top: 30px;
}
.file-row{
	margin-bottom: 20px;
}
.file-row:last-child{
	margin-bottom: 0;
}
.file-name *{
	display: inline-block;
	vertical-align: middle;
}
.file-name img{
	margin-right: 10px;
}
.file-name {
	font-size: 16px;
	min-width: 150px;
}
.file-row .file-link{
	color: #666666;
	margin-right: 15px;
}
.sku-foot{
	font-size: 0;
	margin-top:50px;
}
.sku-foot .btn{
	width: 120px;
	height: 40px;
	padding: 8px 0;
	font-size: 14px;
	border-radius: 0;
}
.sku-foot .btn *{
	display: inline-block;
	vertical-align: middle;
}
.sku-foot .btn .icon-duihua{
	margin-right: 4px;
}
.gallery-top {
	height: 360px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.gallery-top .swiper-slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.gallery-thumbs {
	height: 80px;
	box-sizing: border-box;
}

.gallery-thumbs .swiper-slide {
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.gallery-thumbs .swiper-slide-thumb-active {
	box-shadow:inset  0 0 0 2px #000;
}
.scan-icon{
	width: 38px;
	height: 38px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 33;
	/* background: url(../image/scan.png) no-repeat; */
}
.preview-wrap{
	position: relative;
}
.preview-wrap .swiper-button-next,
.preview-wrap .swiper-button-prev{
	width: 30px;
	height: 50px;
	background-color: #cacaca;
	outline: 0;
	top: auto;
	bottom: 14px;
}
.preview-wrap  .swiper-button-next:after, 
.preview-wrap  .swiper-button-prev:after{
	font-size: 16px;
}

.pro-content{
	padding: 40px 0;
}
.pro-tab-box {
	border-bottom: 1px solid #dbdbdb;
}
.pro-tab-box li a{
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px;
	color: #333333;
}
.pro-tab-box li{
	float: left;
}
.pro-tab-box li.active{
	border-bottom: 2px solid #005096;
}
.pro-tab-box li.active a{
	color: #005096;
}















@media (min-width:768px) {
	.gallery-top {
		height:420px;
	}
	.sku-detail-panel{
		padding: 0 40px 40px 40px;
	}
	.sku-aside{
		padding: 0 30px;
	}
	.hy-cell{
		display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
		display: -moz-box; /* 老版本语法: Firefox (buggy) */
		display: -ms-flexbox; /* 混合版本语法: IE 10 */
		display: -webkit-flex; /* 新版本语法: Chrome 21+ */
		display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
		-webkit-box-align: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.hy-pic img{
		width: 195px;
		height: 126px;
	}
	.hy-pic{
		margin-right: 20px;
	}
	.hy-pic2 img{
		width: 345px;
		height: 206px;
	}
	.hy-pic2{
		margin-right: 35px;
	}
	.sku-tab li{
		margin-right: 50px;
	}
}

@media (min-width:1200px) {
	.sku-bar{
		margin: 0 -40px ;
		padding: 0 40px;
	}
	.product-intro{
		display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
		display: -moz-box; /* 老版本语法: Firefox (buggy) */
		display: -ms-flexbox; /* 混合版本语法: IE 10 */
		display: -webkit-flex; /* 新版本语法: Chrome 21+ */
		display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	}
	.preview-wrap{
		width: 420px;
		margin-right: 80px;
	}
	.itemInfo-wrap{
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	.sku-w{
		position: relative;
		padding-right: 460px;
	}
	.sku-w .sku-aside{
		position: absolute;
		right: 0;
		width: 450px;
		top: 0;
	}
	.sku-foot{
		display: flex;
	}
}
@media (max-width:450px) {
	.sku-foot .btn:last-child{
		margin-top: 10px;
	}
	.preview-wrap{
		margin-bottom: 30px;
	}
}

/* 产品=============== */

.index-bk{
	border-radius: 10px;
	overflow: hidden;
	background-color: #f9f9f9;
	margin-bottom: 20px;
}
.index-bk .bk-pic img{
	width: 100%;
}
.bk-intro{
	padding:25px 20px;
}
.index-bk .bk-tt{
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
.index-bk .bk-v{
	font-size: 18px;
	font-weight: bold;
	color: #005096;
	margin-bottom: 15px;
}
.bk-items{
	padding: 15px 0;
}
.bk-link a{
	color: #787878;
	font-weight: bold;
}

.bk-items .item{
	font-size: 16px;
	padding-left: 12px;
	line-height: 1.6;
	margin-bottom: 5px;
	background: url(../image/dot-sm.png) 0 8px no-repeat;
}
.index-bg{
	background: url(../image/index-bg.jpg) center no-repeat;
	background-size: cover;
}
.index-photo{
	font-size: 0;
}
.index-photo img{
	border-radius: 10px;
}
.index-about{
	color: #000000;
}
.index-about .en-title{
	font-weight: bold;
	font-size: 22px;
}
.index-about .h-title{
	font-size: 24px;
	margin-bottom: 20px;
}
.index-about .sub-title{
	font-size: 18px;
	margin-bottom: 20px;
}
.index-c{
	line-height: 1.5;
	margin-bottom: 15px;
}

.data-row{
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 80px;
	margin-left: 5%;
	margin-right: 5%;
}
.data-row>div{
	padding: 15px 0;
}
.data-cell{
	border-right: 1px solid #EEEEEE;
}
.data-cell .data-heading{
	color: #107ad4;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1;
}
.data-heading sup{
	position: relative;
	padding:0 4px;
	display: inline-block;
	top: -6px;
}
.data-cell .counter{
	font-size: 36px;
}
.data-cell .data-txt{
	color: #999;
}
@media (max-width:760px) {
	.data-row{
		margin-left: 0;
		margin-right: 0;
	}
	.index-about{
		padding-top: 40px;
	}
	.data-cell .counter{
		font-size: 24px;
	}
	.data-cell .data-txt{
		font-size: 12px;
	}
}

.one-classify-box .main-class-text{
	font-size: 14px;
}
.d-aside-panel{
	background-color: #FFFFFF;
	padding: 10px 15px;
}
.ds-panel{
	border-radius: 0;
	border: 0;
	box-shadow: 0 0 0 transparent;
}
.d-aside-hd{
	padding: 12px 5px;
	font-size: 16px;
	font-weight: bold;
    border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}
.download-list li{
	padding: 20px 0;
    border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.download-list .d-title{
	display: block;
	font-size: 16px;
	color: #233;
}
.download-list .d-title *{
	display: inline-block;
	vertical-align: middle;
}
.download-list .d-title img{
	width: 20px;
	margin-right: 10px;
}
.d-foot{
	text-align: right;
	color: #9aa5b2;
	font-size: 13px;
}
.d-foot .icon-rili{
	color: rgb(0, 80, 150)!important;
	margin-right: 10px;
}
.search-pagination>.pagination>li>a {
    margin: 0 3px;
	border-radius: 0;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: rgb(0, 80, 150);
    border-color: rgb(0, 80, 150);
}
.search-pagination .num{
	color: #000000;
}

@media (max-width:800px) {
	.download-row{
		display: block;
	}
	.download-list .d-title{
		margin-bottom: 10px;
	}
	.flex-auto li{
		width: 33.33%;
	}
	.flex-auto li a{
		padding: 20px 10px;
	}
	.mod-section{
		padding: 40px 0;
	}
	.one-classify-box li a{
		padding: 10px;
	}
	.page-tabs li a{
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.copyright a{
		display: block;
		padding-top: 5px;
	}
	.news-panel-bd_date{
		display: flex;
		align-items: center;
	}
	.d-foot{
		text-align: left;
	}
}

.swiper-pagination-bullet{
	background-color: #efefef;
	opacity: 1;
}
.swiper-pagination-bullet-active{
	background-color: #000;
}
.mod-search{
	margin:0 auto;
	margin-bottom: 50px;
	max-width: 660px;
}
.btn-search{
	background-color: #dfdfdf;
}
.btn-search .iconfont{
	font-size: 14px;
}
.pro-item{
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	max-width: 266px;
}
.pro-text{
	padding: 10px 0;
}
.pro-item .pro-name{
	font-size: 16px;
	color: #000000;
}

@media (min-width:1200px) {
	.swiper-pagination-bullet{
		width: 15px;
		height: 15px;
		margin: 0 6px!important;
	}
	.index-about{
		padding-left: 20px;
	}
	.reuslt-row{
		margin-left: 0;
		margin-right: 0;
	}
	.page-tabs-bar.isStuck+.tab-content{
		padding-top: 80px;
	}
}
.calssify-bar{
	display: none;
	padding: 0 15px 0 20px;
	align-items: center;
	justify-content: space-between;
	height: 50px;
	color: #FFFFFF;
    background-color: rgb(0, 80, 149);
}
.calssify-bar .tt{
	font-weight: bold;
	font-size: 16px;
}
.mobileFootNav{
	display: none;
}

@media (max-width:768px) {
	.calssify-bar{
		display: flex;
	}
	.classify-topbar{
		visibility: hidden;
		opacity: 0;
		transform: translateX(100%);
		transition: .3s all;
		position: fixed!important;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: #FFFFFF;
		width: 290px;
		z-index: 9999;
		padding-top: 0;
	}
	.classify-topbar.show{
		visibility: visible;
		opacity: 1;
		transform: translateX(0);
	}
	.classify-topbar .container{
		padding: 0;
	}
	.classify-tabs{
		position: relative;
		z-index: 2229;
	}
	.one-classify-box{
		display: block;
	}
	.one-classify-box li a{
		padding: 15px 20px;
		text-align: left;
	}
	.one-classify-box li{
		width: 100%;
		border-right:0;
		border-bottom: 1px solid rgb(242, 242, 242);
	}
	body{
		padding-bottom: 50px;
	}
	.footer{
		display: none;
	}
	.mobileFootNav{
		position: fixed;
		display: block;
		height: 50px;
		z-index: 99999;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #000000;
	}
	.mobile-navbar{
		display: flex;
	}
	.mobile-navbar li{
		flex: 1;
	}
	.mobile-navbar li a{
		padding: 5px 0;
		text-align: center;
		line-height: 1;
		color: #FFFFFF;
		display: block;
	}
	.mobile-navbar li a .iconfont{
		font-size: 20px;
	}
	.mobile-navbar li a .tlabel{
		padding-top: 5px;
	}
	.mod-section{
		margin-top: 0!important;
	}
	
}

#aside-share {
    display: block;
    width: 42px;
    position: fixed;
    right: 15px;
    bottom: 50%;
    z-index: 3;
}
#aside-share ul li {
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 5px;
	transition: .3s all;
}

#aside-share ul li:hover{
	transform: translateY(-5px);
}


.foot-end{
	padding: 30px 0;
	line-height: 20px;
	font-size: 16px;
	border-top: 1px solid #455563;
}
.right-info{
	float: left;
}
.foot-info{
	float: right;
}
.foot-main{
	padding-top: 75px;
	padding-bottom: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial,Tahoma,"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
.foot-link{
	float: left;
	text-align: left;
	width: 295px;
}
.foot-link li{
	margin-bottom: 15px;
	line-height: 24px;
}
.foot-link h3{
	margin-bottom: 20px;
}
.foot-link li a {
    font-size: 16px;
    color: #9fa3a6;
}
.foot-link li a:hover {
	color: rgb(0, 80, 150);
}
.ul-wx{
	float: right;
		text-align: left;
	margin-left: auto;

}
.ul-wx img{
	width: 280px;
}

.ul-wx h3{
	padding-top: 45px;
	padding-bottom: 10px;

}
.ul-wx li{
font-size: 16px;
    color: #9fa3a6;
    line-height:2;
}

/*修改 */
.swiper-banner .swiper--prev .iconfont, .swiper-banner .swiper--next .iconfont{
	font-size: 30px;
}

.video-play{
	margin: 0 auto;
	max-width: 600px;
	position: relative;
}
.video-play .play-button{
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 50px;
	border-radius: 10px;
	background-color: rgba(0,0,0,.6);
}

.video-box{
	height: 400px;
}
video{
	object-fit: cover;
}
.vjs-poster{
	background-size: cover;
}
.video-js{
	width: 100%;
	height: 100%;
}

@media (max-width:750px) {
	.video-box{
		height: 340px;
	}
}

/* 3.9 */
@media (max-width:750px) {
	.swiper-banner .swiper--prev, .swiper-banner .swiper--next{
		width: 25px;
		height: 50px;
	}
	.swiper-banner .swiper--prev .iconfont, .swiper-banner .swiper--next .iconfont {
	    font-size: 20px;
	}
}
.indextxt {
    font-size:18px;
    margin: 0 auto;
    text-align:center ;
    line-height:1.8;
    padding-top:10px ;
}

/* 3.11 */

@media (max-width:750px) {
    .container {
    padding-right: 0px;
   padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.sku-title {
    font-size: 24px;
    padding: 20px 0 0 15px;
    border-bottom: 2px solid #666;
}
.sku-bd{
    padding-left: 15px;  
}
.sku-foot{ padding-left: 15px;}
	.index-section{

	}
	.gallery-thumbs{
	 display: none;
	}
	.data-row{
		margin-top: 30px;
	}
}

.boxindex{
      text-align:center ;
      font-size:14px;
margin-bottom: 10px;
height:20px;
display:flex;
justify-content:space-between;
align-items:center;
color: #ccc;
}
.line1{
 width: 25%;
margin: 0 auto;   
height:1px;
background-color:#eee;
flex-grow:0.1;
}
.line2{
width: 25%;
margin: 0 auto;
height:1px;
background-color:#eee;
flex-grow:1;
}
.linetext{width: 50%;
margin: 0 auto;
}
.video-box2{    position: relative;    width: 650px;    height: 0;    padding-bottom: 56.25%;text-align:center;}
.video-box2 iframe{    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;padding-bottom: 10px; text-align:center;}
@media screen and (max-width:800px){  .video-box2{        width:100%;  }}
.pro-content {
	padding: 40px 0;
   }
 /* 6.8 */
.section {padding: 60px 0;}
.section-title {margin-bottom: 40px;text-align: center;font-size: 28px;}
.section-title p {color: #999;font-size: 14px;margin: 5px 0 0;}
.section-title:after {display: block;content: '';width: 38px;height: 3px;margin: 15px auto 0;background-color: #333;}


.in-prod-menu {text-align: center;font-size: 0;margin-bottom: 20px;}
.in-prod-menu li {display: inline-block;vertical-align: middle;}
.in-prod-menu li a {display: block;margin: 0 5px 10px;font-size: 14px;line-height: 39px;position: relative;background: url(../image/pro-btn.png) no-repeat center / 100% 100%;width: 175px; color: #333333;}
.in-prod-menu li a:hover{
	color: #333;
}

.in-prod-menu li.active a {color: #fff;background-image: url(../image/pro-btn-on.png);}
.in-prod-menu li.active a:before,.in-prod-menu li.active a:after {display: block;}

.list-1 {margin: -20px 0 0 -20px;}
.list-1 li {float: left;width: 25%;}
.list-1 li a {display: block;margin: 20px 0 0 20px;color: #333333;}
.list-1 li .img-cover {border: 1px solid #ddd;padding-top:calc(72% - 2px);}
.list-1 li .text {line-height: 40px;background-color: #e6e6e6;text-align: center;margin: 2px 0 0;position: relative;}
.list-1 li .text:before {content: '';position: absolute;left: 50%;width: 0;height: 100%;background-color:#333;transition: all 0.5s;}
.list-1 li .text p {margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 1;transition: all 0.5s;}
.list-1 li a:hover .img-cover span {transform: scale(1.1);}
.list-1 li a:hover .text:before {width: 100%;left: 0;}
.list-1 li a:hover .text p {color: #fff;}

.list-1-1 li {width: 33.333333%;}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}

.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}

@media (max-width:767px) {
	.section-title {margin-bottom: 20px;font-size: 20px;}
	.section-title p {font-size: 12px;}
	.section-title:after {width: 20px;height: 2px;margin-top: 10px;}

	.in-prod-menu {margin-bottom: 10px;}
	.in-prod-menu li a {width: 100px;margin: 0 3px 6px;line-height: 34px;}
	.in-prod-menu li a:before, .in-prod-menu li a:after {display: none !important;}

	.list-1 {margin: -10px 0 0 -10px;}
	.list-1 li {float: left;width: 50%;}
	.list-1 li a {margin: 10px 0 0 10px;}
	.list-1 li .text {line-height: 34px;font-size: 12px;}
}