@charset "utf-8";
:root{    
	--main_color:#DB3A32;        /* 主色 */
	--main_color_rgb:34,83,142 ;  /*rgba*/
    --second_color:#437af0;      /* 副色 */    

}
* {
	padding: 0;
	margin: 0;
	outline: 0;
	text-decoration: none;
	list-style: none;
	box-sizing: border-box;
}
html, body {
	font-size: 14px;
	font-family: "Microsoft YaHei";
	color: #8c8c8c;
}
input, textarea {
	border: none;
	font-family: "Microsoft YaHei";
}
img {
	border: none;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
table {
	width: 100%;
	border-collapse: collapse;
}
audio, canvas, video {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
p {
	line-height: 1.6em;
	color: #8c8c8c;
}
a {
	color: #000;
}
a:hover{
	color: #BD3A07
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.container {
	width: 1388px;
	margin: 0 auto;
}
.clear:after {
	content: '';
	display: table;
	clear: both;
}
.w1388 {
	width: 1388px;
	margin: 0 auto;
}
.w1128 {
	width: 1128px;
	margin: 0 auto;
}
.bg15 {
	background: #151515;
}
.relative {
	position: relative;
}
.img100 img {
	width: 100%;
	vertical-align: bottom;
}
.pc-show {
	display: block;
}
.phone-show {
	display: none;
}
.table {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
}
.table-cell b {
	color: #fff;
}
.margin-t60 {
	margin-top: 60px;
}
.text-center {
	text-align: center;
}
.paddin-tb60 {
	padding: 60px 0;
}
/*common*/
.h80{height: 80px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.txt_left{text-align:left}
.txt_right{text-align:right}
.txt_center{text-align:center}
.txt_ellipsis{overflow:hidden!important;white-space:nowrap;text-overflow:ellipsis}
.txt_bold{font-weight:bold}
.lay_flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.txt_justify{text-align:justify;text-justify:inter-ideograph;}
.txt_justify p{text-align:justify;text-justify:inter-ideograph;}
.p_relative{position:relative}
.vs_hidden {visibility: hidden;margin: 0px!important; padding: 0px!important; height: 0px!important}

/*文字省略*/
.ellipsis1 {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.flex_start{display:flex;justify-content: flex-start;flex-wrap:wrap;}
.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
/*header*/

.header {
	position: relative;
	z-index: 99999;
}
.head-top {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.head-top2 {
	position: fixed;
	z-index: 99999;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #DA392F
}
.head-top2.active {
	bottom: -50px;
}
.head-top div, .head-top span {
	font-size: 12px;
}

.hotLine .span1 {
	color: #DA392F;
	position: relative;
	padding-left: 20px;
}
.header-pd{margin-left: 80px;margin-right: 80px}
/*
.hotLine .span1:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 0;
	width: 15px;
	height: 14px;
	background: url("../images/i0.png");
}
.head-top2 .hotLine .span1:before {
	width: 28px;
	height: 25px;
	background: url("../images/tel2.png") no-repeat center;
	background-size: cover;
	margin-top: -12px;
	margin-right: 2px;
}*/
.hotLine .span2 {
	color: #fff;
	font-weight: bold;
}
.head-top2 .hotLine .span1 {
	color: #fff;
	padding-left: 30px;
}
.head-top2 .hotLine span {
	font-size: 16px;
}
.head-mid {
	height: 90px;
}
.head-con {
	width: 100%;
	background: #fff;
	height: 90px;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}
.header.active .head-con {
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0 2px 4px #ddd;
	height: 90px;
}
.header.active .nav-yi, .header.active .language {
	line-height: 90px;
}
.header.active .logo {
	
}
.logo {
	padding-top: 12px
}
.logo img {
	vertical-align: bottom;
	
}
.menu-handler {
	width: 30px;
	height: 32px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 14px;
	transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
	-moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
	display: none;
}
.menu-handler .burger {
	height: 2px;
	background: #E76134;
	display: block;
	width: 20px;
	position: absolute;
	z-index: 5;
	left: 5px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	top: 8px;
}
.menu-handler .burger-2 {
	top: 15px;
}
.menu-handler .burger-3 {
	top: 22px;
}
.menu-handler.active .burger-1 {
	top: 15px;
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}
.menu-handler.active .burger-2 {
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}
.menu-handler.active .burger-3 {
	top: 15px;
	-moz-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
.menu-box {
	/*margin-right: 120px;*/
}
.menu-box li {
	float: left;
	margin-left: 40px;
}


.menu-box li:first-child {
	margin-left: 0;
}
.nav-yi {
	display: inline-block;
	line-height: 90px;
	color:#333;
	position: relative;
	font-size: 18px!important;
}
.nav-yi:hover{color: #BD3A07!important}
.nav-er {font-size: 16px!important;}
.nav-er-box {
	position: absolute;
	width: 140px;
	text-align: center;
	left: 50%;
	margin-left: -70px;
	background: #BD3A07;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: -webkit-transform .3s .2s;
	transition: transform .3s .2s;
}
.nav-tap {
	opacity: 0;
	-webkit-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
	transform: translate(0, -20px);
	-webkit-transition: all .2s;
	transition: all .2s;
}
.menu-box li:hover .nav-er-box {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}
.menu-box li:hover .nav-tap {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.nav-san-box {
	position: absolute;
	left: 100%;
	top: 0;
	width: 0;
	background: #fff;
	overflow: hidden;
}
.nav-san-box a {
	width: 140px;
	font-size: 12px;
}
.nav-er-box a {
	display: block;
	line-height: 45px;
	color: #fff;
	font-size: 12px;
}
.language {
	position: absolute;
	right: 40px;
	top: 0;
	line-height: 100px;
	color: #313131;
	font-weight: bold;
	padding-left: 20px;
	font-family: dincondBold;
	font-size: 16px;
}
.language:before {
	width: 14px;
	height: 14px;
	left: 0;
	top: 50%;
	margin-top: -7px;
	background: url("../images/earth.jpg");
	content: '';
	position: absolute;
}
.nav-yi:after {
	content: '';
	position: absolute;
	width: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: 0;
	border-top: 2px solid #BD3A07;
}
.menu-box li.active .nav-yi:after {
	/*width: 100%;*/
}
.menu-box li.active .nav-yi {
	color:#BD3A07;
	font-weight: bold
}
.ljgd {
	display: block;
	width: 150px;
	line-height: 50px;
	background: #E76134;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
.banner .ljgd {
	position: absolute;
	left: 50%;
	margin-left: -75px;
	bottom: 25%;
}
.ljgd:hover {
	background: #fff;
	color: #E76134;
}
.swiper-slide-active .ljgd {
	animation: toUp 1s linear both;
}
 @keyframes toUp {
 0% {
 transform: translateY(50px);
 -webkit-transform: translateY(50px);
 opacity: 0;
}
 100% {
 transform: translateY(0);
 -webkit-transform: translateY(0);
 opacity: 1;
}
}
.swiper-pagination-bullets {
	z-index: 4;
	text-align: center;
}
.banner .pagination1 {
	position: absolute;
	bottom: 5%;
	text-align: center;
}
/*
.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: 1;
	background: #fff;
	margin: 0 15px;
}
*/
.header-top{height:45px;line-height:45px;font-size:15px;font-weight:400;color:#fff;background-color:#bd3a07;color:#FFFFFF}
.header-top a{color:#FFFFFF}
.header-top span{display:inline-block;width:30px;text-align:center;color:#ddd}
.form-search{margin-top:25px;position:relative}
.form-search input{width:200px;border:solid 1px #DB3A32!important;height:40px;line-height:40px;text-align:left;padding-left:16px;padding-right:11px;border-radius:6px}
.form-search a{display:inline-block;position:absolute;right:2px;top:3px;width:42px;line-height:33px;text-align:center;background-color: #DB3A32;color: #fff}
.form-search i{font-size:18px;color:#BD3A07}


/*导航中的宽屏产品*/
.nav-er-box2{border-top:1px solid #ddd;position:absolute;width:100%;left:0px;background:#fff;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s .2s;transition:transform .3s .2s;padding-bottom:30px;padding-top:10px}
.menu-box li:hover .nav-er-box2{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
.nav-er-box2 dl{width:24%;margin-top:15px}
.nav-er-box2 dt a{font-size:16px;font-weight:bold;color:#333}
.nav-er-box2 dd a{ont-size:16px;display:inline-block;margin-right:10px;margin-top:8px}

/*首页--表头*/
.index-header-entitle{font-size: 20px!important;padding-bottom: 0px}
.index-title{text-align:center;font-size:28px;font-weight:bold;color:#32464D}
.index-title-en{text-align:center;font-size:16px;font-weight:normal;padding-top:5px}
.index-header-line{width:60px;height:2px;background-color:#B00000;margin-bottom:30px;margin-top:10px;margin-left: auto;margin-right: auto}
.index-title2 a{padding-top:10px;display:block;padding-right:10px}
.index-title2 li{position:relative;padding-bottom:15px}
.index-title2 .index-title2-line{position:absolute;left:0px;bottom:0px;height:2px;width:50px;background-color:#BD3A07}
.index-title2-title{font-size:28px;font-weight:bold;color:#32464D;display:inline-block;margin-right:10px}
.index-top{padding-top:50px;padding-bottom:50px}
.index-top .index-top-left{width:32%;float:left}
.index-top .index-top-center{width:32%;float:left;margin-left:2%}
.index-top .index-top-right{width:32%;float:right}

/*首页---推荐，热点产品*/
.index-cp{padding-top: 50px;padding-bottom: 50px;}
.index-cp .index-cp-main{border: 1px solid #ddd;padding: 35px 30px; position: relative;box-shadow:0px 0px  10px 5px #ddd;border-radius:20px;background-image: url(../images/bg3.jpg)}
.index-cp .index-cp-nav{text-align: center;padding-top: 10px;padding-bottom: 40px}
.index-cp .index-cp-nav a{color: #fff;width: 140px;line-height: 46px;background-image: url(../images/btn.png);background-position:0 0;background-repeat: no-repeat; text-align: center;display: inline-block;font-size: 20px;margin-left: 8px;margin-right: 8px;font-weight: bold}
.index-cp .index-cp-nav a:hover{background-position: 0 -46px}
.index-cp .index-cp-nav a.active{background-position: 0 -46px}

.index-cp .index-cp-list>li{width: 24%;position: relative}
.index-cp-list p{line-height: 40px;text-align: center}
.index-cp-list img{display: block;transition: all .4s;}
.index-cp-list div{overflow: hidden}
.index-cp-list a{display: block;overflow: hidden;background-color: #fff;}
.index-cp-list a:hover{color: #fff;background-color:#BD3A07; }
.index-cp-list a:hover p{font-weight: bold;color: #fff}
.index-cp-list a:hover img{transform: scale(1.12);}
.index-cp-list span{display:block;font-size: 14px; width: 50px; height:50px;line-height: 30px; background-image: url(../images/flag2.png);background-repeat: no-repeat;color: #fff;position: absolute;top: 0px; right: -2px;box-sizing: border-box;color:#fff;font-weight: bold;text-indent: 25px}

/*首页---产品系列*/

.index-product{;background-color: #F9F9F9;padding-top: 40px;padding-bottom: 40px;background-image: url(../images/main01-bg.jpg);overflow: hidden}
.pro_slide{width:18%;float: left;background:#fff;box-sizing:border-box;border-radius: 10px;border: 1px solid #DB3A32;background-image: url(../images/bg-1.jpg);overflow: hidden;padding-bottom: 30px}
.pro_slide .pro_slide_a{text-align:left;color:#fff;font-size:20px;font-weight:normal;}
.pro_slide svg{height:26px;fill:#fff;position:relative;;padding-left:10px;}
.pro_slide .slide_list {padding-top: 10px}
.pro_slide .slide_list li{padding-left: 5px;padding-right: 5px}
.pro_slide .slide_list li a{line-height: 42px;height: 42px;position:relative;padding-left:30px;font-size:15px;color:#666;display: block;border-bottom:1px solid rgba(204,204,204,.3); }
.pro_slide .slide_list li a:before {content: '';width: 6px;height: 6px;border-radius: 100%;background: #fff;position: absolute;left:15px;top: 18px;border:1px solid #666;transition: all .6s;}
.pro_slide .slide_list li:hover a{;font-weight: bold;color: #fff;border-bottom:1px solid #DB3A32;color:var(--main_color)}
.pro_slide .pro_slide_h{padding:10px 20px}
.index-cpxl-list{width: 80%;float: right;overflow: hidden}

.index-cpxl{;background-color: #F9F9F9;padding-top: 40px;padding-bottom: 40px}	
.index-cpxl-list{margin-top: 5px}
.index-cpxl-list li{width: 20%;text-align: center;margin-bottom: 20px;float: left;padding-left: 10px;padding-right: 10px;-webkit-transition: all .3s;transition: all .3s}
.index-cpxl-list li:hover{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.index-cpxl-list p{line-height:20px; height:50px; overflow:inherit; font-size:14px; padding-top:0px 4px; box-sizing:border-box;display: flex;
  justify-content: center;
  align-items: center;}
.index-cpxl-list img{display: block;transition: all .4s; height:180px}
.index-cpxl-list div{overflow: hidden}
.index-cpxl-list a{display: block;overflow: hidden;background-color: #fff;}
.index-cpxl-list a:hover{color: #fff;background-color:#BD3A07; }
.index-cpxl-list a:hover p{font-weight: bold;color: #fff}
.index-cpxl-list a:hover img{transform: scale(1.12);}
.index-cpxl .index-cpxl-a {border-bottom: 2px solid #BD3A07;margin-top: 15px}
.index-cpxl .left1{line-height: 40px;font-size: 18px;font-weight: bold}
.index-cpxl .right1 a{display: inline-block; line-height: 40px;}
.index-cpxl .right1 a:hover{font-weight: bold}
.index-cpxl .right1 span{width: 18px;text-align: center;display: inline-block;color: #ddd}
.index-cpxl .right1 i{width:15px;height: 15px;text-align: center;display: inline-block;background-color:#ccc;color: #fff;border-radius: 50%;margin-left: 5px }
.index-cpxl .right1 a:hover i{background-color:#BD3A07;}

/*小标题*/
.index-bt{text-align: center;background-image: url(../images/image.png);background-size: contain;background-position: center; background-repeat: no-repeat;width: 500px;margin-left: auto;margin-right: auto;margin-bottom: 40px}
.index-bt .index-bt-en{font-size: 20px;padding-top: 20px;padding-bottom: 10px}
.index-bt .index-bt-title{font-size: 32px;padding-bottom: 30px;font-weight: bold;color: #DB3A32}

/*更多按钮*/
.index-more{margin-top:40px;text-align:center}
.index-more a{display:inline-block;padding:0 18px;border-radius:3px;line-height:42px;color:#fff;font-size:16px;font-weight:bold;border:1px solid #CE3028;transition:.3s all;background:#CE3028}
.index-more a:hover{background:#9E1D17;color:#fff;padding:0 25px;letter-spacing:3px}


@media (max-width:1500px){
	.header-pd{margin-left: 40px;margin-right: 40px}
}
@media (max-width:1300px){
	.header-pd{margin-left: 10px;margin-right: 10px}
}
@media (max-width:1100px){
	.header-pd{margin-left: 10px;margin-right: 10px}
}
@media (max-width:768px){
	.logo {top: 0px !important;}
	.header-pd{margin-left: 0px;margin-right: 0px}
	.index-bt{width: 100%;margin-bottom: 10px}
	.index-bt .index-bt-en{font-size: 16px;padding-top: 10px;padding-bottom: 10px}
	.index-bt .index-bt-title{font-size: 20px;padding-bottom: 20px;}
	.pro_slide{display: none}
	.index-cpxl-list{width: 100%}
	.index-cpxl-list p{font-size: 12px;line-height: 26px}
	/**/
	.index-more{margin-top:20px;}
	.index-more a{padding:0 10px;border-radius:3px;line-height:32px;font-size: 14px}
	.index-more a:hover{padding:0 15px;letter-spacing:3px}
}


/*首页--ad*/
.index-ad{ padding-top: 40px}
.flex{display:flex;}

/*首页--新闻资讯*/
.index-zx{background-color: #F7FCFD;padding-top: 50px;padding-bottom: 80px;margin-top: 50px;}
.index-zx .index-zx-left{float: left;width:48%; box-sizing: border-box}
.index-zx .index-zx-right{float: right;width:48%; box-sizing: border-box}

.index-zx .index-zx-list{background-color: #fff;display: block;padding:25px 20px;margin-top: 20px;overflow: hidden;box-shadow: 0px 8px 15px 0px rgba(7, 0, 2, 0.08);-webkit-transition: all .3s;
	transition: all .3s}

.index-zx .index-zx-list:hover{-webkit-box-shadow: 0px 8px 15px 0px rgba(7, 0, 2, 0.08); box-shadow: 0px 8px 15px 0px rgba(7, 10, 4, 0.1);-webkit-transform: translateY(-5px);
	transform: translateY(-5px);}
.index-zx .index-zx-list div{font-size: 20px;margin-bottom: 8px;float: right;width: 18%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;text-align: right;}
.index-zx h3{font-weight: bold;font-size: 18px;padding-bottom: 12px;float: left;width: 82%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;position: relative;text-indent: 15px}
.index-zx h3::before{position: absolute;width: 5px;height: 5px;border-radius: 50%; content: ""; background-color:#CE3028;left: 0px;top:10px}
.index-zx .index-zx-list p{clear: both;text-indent: 20px}
	
/*列表--banner*/	
.list-banner{position: relative; margin-bottom:32px}
.list-banner .list-banner-a{position: absolute;left: 0px;top: 30%;width: 100%;text-align: center}
.list-banner .list-banner-b{font-size: 36px;font-weight: bold;color: #fff}
.list-banner .list-banner-c{height: 2px;background-color: #fff; width: 60px;margin-left: auto;margin-right: auto;margin-top: 20px}
.list-banner .list-banner-d{text-align: center;margin-top: 10px;color: #fff}	
.list-main{background-color: #F6F8FA;padding-top: 0px;padding-bottom: 30px}
.list-main .list-nav{padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #ddd;margin-bottom: 10px}
.list-main .list-nav .fa-home{color: #999;font-size: 18px;font-weight: normal}
.list-main .list-nav a:last-child{font-weight: bold;color: #B21816}



/*一般列表导航*/
.list-main2{position: relative;margin-top: 20px;padding-bottom: 50px}
.list-left{width: 310px;;padding-right: 60px;box-sizing: border-box;}
.list-left-main{width: 250px;;border:4px solid #B21816;border-radius:4px;background-color:#fff}
.list-left .list-left-title{height:70px;line-height:70px;font-size:24px;text-indent:35px;color:#fefefe;background-color:#B21816;position: relative;}
.list-left .list-left-title i{display: inline-block;height: 22px;width: 3px;background-color: #fff;position: absolute;left: 16px;top: 24px}	
.list-left .list-menu{min-height:300px;}
.list-left .list-menu li{height: 48px;line-height: 48px;padding-left: 5px;padding-right: 5px}
.list-left .list-menu li a{line-height: 48px;height: 48px;text-indent: 40px;display: block;font-size: 18px;padding-right: 12px;border-bottom: 1px solid #ddd;transition:none}
.list-left .list-menu li a.active,.list-left .list-menu li a:hover{font-weight: bold;color: #B21816;background-image: url(../images/jt.png);background-repeat: no-repeat;background-position: 190px 16px;}

.list-right-header{font-size: 20px;padding-bottom: 15px;font-weight: bold;color: #333;border-bottom: 1px solid #B21816;margin-bottom: 15px;color: #B21816}

/*产品右侧导航*/
.list-menu2{padding-left: 5px; padding-right: 5px}
.list-menu2>li{}
.list-menu2 .list-nav-sub{background-color: #F6F8FA;padding-top: 5px;padding-bottom: 5px}
.list-menu2 .list-nav-sub>li{width: 49%;text-align: center;line-height: 28px;border-bottom: 1px dotted #E5E7EA}
.list-menu2 .list-nav-title{font-size: 20px;padding:10px 15px}
.list-menu2 .list-nav-title a{color: #B21816}


/*列表--资讯*/
.list-right{flex: auto}	
.list-right dl {position:relative;display:block;border-bottom:1px dashed #ddd;height:150px;overflow:hidden;padding:0px; background-color:#fff; box-sizing:border-box;margin-bottom: 20px}
.list-right dl:hover {-webkit-box-shadow: 0px 8px 15px 0px rgba(7, 0, 2, 0.08); box-shadow: 0px 8px 15px 0px rgba(7, 0, 2, 0.08);}
.list-right dl:hover a{color:#B21816;}
.list-right dt {width:150px;border: 1px solid #B21816;background-color: #fff;text-align: center;margin-top:25px; margin-left:20px; padding:0px 0px; box-sizing:border-box }
.list-right dt span {display:block;width:100%;text-align:center;color:#888;}
.list-right dd {position:absolute;left:200px;top:10px;line-height:27px;margin:0 20px; box-sizing:border-box}
.list-right dd a {font-weight:bold;font-size:16px;color:#333;display: block;padding-top: 15px}
.list-right dd a:hover,.list-right ul li a:hover {color:#B21816;}
.list-right dd span {display:block;height:55px;padding-top:10px;line-height:25px;color:#999;;font-size: 15px; font-weight:normal}	
.list-right .t2{display:block;padding-bottom: 10px;margin-top: 6px}
.list-right .t1{;font-size: 30px;line-height: 1.3;color: #333; text-align:center;padding-top: 10px}
.list-right .list-right-more{ font-weight:normal; margin-top:10px; text-align:right; font-size:14px}


/*详情*/
.show-main{;box-shadow:0px 0px  5px 3px #EEEEEE;padding: 40px 60px 60px 60px;background-color: #fff;margin-top: 40px}
.show-title{font-size: 30px;line-height: 40px;text-align: center;color: #222}
.show-info{text-align: center;padding-top:8px;padding-bottom:8px}
.show_rq{margin-top: 25px;text-align: center;clear: both}
.show_content{text-align:justify;text-justify:inter-ideograph;margin-top: 50px;color: #333}
.show_content p{text-align: left;font-size: 16px;text-align:justify;text-justify:inter-ideograph;margin-top: 15px;color: #333}
.show_line{border-top: 1px dotted #ddd;height: 30px;margin-top: 10px}  
.show-main .show-info{text-align:center; padding-top:8px}
.show-main .show-np{padding-top:10px; padding-bottom:10px}
.show-main .show-np>div{margin-top:10px}
.show-main .show-np span{ font-weight:bold}
/*详情--分享*/
.sharea-tips{text-align: center;padding-top: 30px;}
.sharea{text-align: center;padding-top: 5px;font-size: 14px}	
/*详情--上页，下页*/	
.show-main .show-np{padding-top:10px; padding-bottom:10px}
.show-main .show-np>li{margin-top:10px}
.show-main .show-np span{ font-weight:bold}	

/*产品列表*/
.list-cp-ul li{width: 19%;text-align: center;margin-bottom: 18px}
.list-cp-ul p{line-height: 40px;}
.list-cp-ul img{display: block;transition: all .4s;}
.list-cp-ul div{overflow: hidden}
.list-cp-ul a{display: block;overflow: hidden;background-color: #fff;}
.list-cp-ul a:hover{color: #fff;background-color:#BD3A07; }
.list-cp-ul a:hover p{font-weight: bold;color: #fff}
.list-cp-ul a:hover img{transform: scale(1.12);}

/*产品详情*/
.show-cp{;box-shadow:0px 0px  5px 3px #EEEEEE;padding: 40px 60px 60px 60px;background-color: #fff}
.show-cp .show-cp-title{font-size: 24px;line-height: 40px;text-align: center;color: #222;font-weight: bold}
.show-cp .show-cp-top{margin-top: 30px}
.show-cp .show-cp-img{width: 40%}
.show-cp .show-cp-info{width: 56%}
.show-cp .show-cp-info ul{position: relative;padding-left: 120px;margin-bottom: 10px;border-bottom: 1px solid #ddd}
.show-cp .show-cp-a{width:120px;position: absolute;left: 0px;top: 0px;text-align: center;;font-size: 15px;font-weight: bold;padding-bottom: 12px}
.show-cp .show-cp-b{width: 100%;padding-bottom: 12px;font-size: 15px;text-align:justify;text-justify:inter-ideograph;}
.show-cp .show-cp-link a{display:inline-block;width: 120px;height: 36px;background-color:#BD3A07;text-align: center;line-height: 36px;color: #fff;margin-top: 20px;transition: all .3s;}
.show-cp .show-cp-link a:hover{background-color: #862E0C;padding-left: 10px;color: #fff}	

.show-cp-nav{border-bottom: 2px solid #CC0000;margin-top: 20px}
.show-cp-nav span{display: inline-block;text-align: center;font-size: 18px; background-color:#CC0000;width: 120px;padding-top: 6px;padding-bottom:6px;color: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px; }
.show-cp-content{text-align:justify;text-justify:inter-ideograph;margin-top: 20px;color: #333;padding-left: 15px;padding-right: 15px}
.show-cp-content p{text-align: left;font-size: 16px;text-align:justify;text-justify:inter-ideograph;margin-top: 10px;color: #333}

/*产品详情--相关产品*/
.show-cp-rel{overflow: hidden;margin-top: 20px}
.show-cp-rel li{width: 20%;text-align: center;float: left;padding-left: 5px;padding-right: 5px;box-sizing: border-box}
.show-cp-rel p{line-height: 40px;height: 40px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.show-cp-rel img{display: block;transition: all .4s;}
.show-cp-rel div{overflow: hidden}
.show-cp-rel a{display: block;overflow: hidden;background-color: #fff;}
.show-cp-rel a:hover{color: #fff;background-color:#BD3A07; }
.show-cp-rel a:hover p{font-weight: bold;color: #fff;}
.show-cp-rel a:hover img{transform: scale(1.12);}	

/*页脚*/
.footer-mid a:hover{color: #BD3A07}
footer{text-align: center}
footer a{color:#ddd;margin-right: 10px;display: inline-block;margin-bottom: 4px; font-size:14px}
.footer-left{ float: left;width: 30%; }
.footer-right{float: right;width:20%; padding-left:100px; box-sizing:border-box}
.footer-copyright{text-align:center;padding-top:20px; padding-bottom:20px; background-color:#E7E7E7; color:#333;padding-left: 12px;padding-right: 12px}
.footer-copyright p{padding-top: 2px;padding-bottom: 2px;color: #333}
.footer-copyright a{color:#333}
.footer-products{float: left;width: 50%}
.footer-left .footer-lxwm li{ margin-bottom:10px}
.footer-title{ font-weight:bold; font-size:18px; margin-bottom:15px}
.footer-left ul span{display:inline-block; width:100px}
.footer-products-list li{float: left;width: 25%; margin-bottom:10px;  position:relative; text-indent: 8px;}
.footer-products-list a::before{position: absolute;width: 3px;height: 3px; border-radius:50%; content: ""; background-color:#ddd;left: 0px;top:8px}

.top-search{display: none}
.active2 a{color: #BD3A07!important;font-weight: bold}

.footer-copyright{overflow: hidden}
.footer-copyright .footer-copyright-left{width: 20%;text-align: left}
.footer-copyright .footer-copyright-left img{max-width: 260px}
.footer-copyright .footer-copyright-right{width: 80%}
.footer-copyright .footer-copyright-right p:nth-child(1){padding-top: 15px}

@media (max-width:768px){
.hide-mobile{display: none}
.list-banner .list-banner-a{position: absolute;left: 0px;top: 20%;width: 100%;text-align: center}
.list-banner .list-banner-b{font-size: 20px;font-weight: bold;color: #fff}
.list-banner .list-banner-c{height: 2px;background-color: #fff; width: 40px;margin-top:5px}
	
.list-main2{padding-left: 0px;}
.list-left{display: none}
footer a{font-size: 14px}	
.footer-copyright .footer-copyright-left{width: 100%;text-align: center}
.footer-copyright .footer-copyright-right{width: 100%}	
/*列表*/	
.list-right dl {;height:auto;}
.list-right dt {width:100px;border: 1px solid #B21816;background-color: #fff;text-align: center;margin-top:20px; margin-left:15px; padding:0px 0px; box-sizing:border-box }
.list-right dt span {display:block;width:100%;text-align:center;color:#888;}
.list-right dd {position:absolute;left:120px;top:10px;line-height:27px;margin:0 20px; box-sizing:border-box;height: auto}
.list-right dd a {font-weight:bold;font-size:16px;color:#333;display: block;padding-top: 10px;padding-bottom: 20px}
.list-right dd span {display:block;padding-top:10px;line-height:25px;color:#999;;font-size: 15px; font-weight:normal}	
.list-right .t2{display:block;padding-bottom: 10px;margin-top: 6px}
.list-right .t1{;font-size: 18px;line-height: 1.3;color: #333; text-align:center;padding-top: 0px}
.list-right .list-right-more{display: none}
	
/*详情*/	
.show-main{padding: 20px;}
.show-title{font-size: 20px;line-height: 30px;text-align: center}		
.show_rq{margin-top: 10px;}
.show_content{margin-top: 10px}	
.show_line{border-bottom: 1px dotted #ddd;height: 20px}	
	
/**/
.list-cp-ul li{width: 48%;text-align: center;margin-bottom: 15px}
.list-cp-ul p{line-height: 30px;}	
	
/*产品详情*/
.show-cp{;box-shadow:0px 0px  5px 3px #EEEEEE;padding: 20px 20px 20px 20px;background-color: #fff}
.show-cp .show-cp-title{font-size: 18px;line-height: 30px;text-align: center;color: #222;font-weight: bold}	
	
.show-cp .show-cp-top{margin-top: 20px}
.show-cp .show-cp-img{width: 100%}
.show-cp .show-cp-info{width: 100%;margin-top: 10px}	
	
.show-cp .show-cp-info ul{position: relative;padding-left: 100px;margin-bottom: 10px;border-bottom: 1px solid #ddd}
.show-cp .show-cp-a{width:90px;position: absolute;left: 0px;top: 0px;text-align: center;;font-size: 15px;font-weight: bold;padding-bottom: 12px}	

.show-cp .show-cp-link{display: none}	
	
}

@media (max-width:768px){
.top-search{display: block}	
.header-search{display: none}
.active2 a{color:#333!important;font-weight:normal}	
	
#header-menu .menu-add{background-image: url(../images/menu1.png);background-position:95% 10px ;background-repeat: no-repeat;}	
#header-menu .active{background-image: url(../images/menu2.png)!important;background-position:95% 10px}	
/*导航中的宽屏产品*/	
#header-menu dl{width:100%;margin-top:15px}
#header-menu dt a{font-size:14px;font-weight:bold;color:#333}
#header-menu dd a{ont-size:14px;display:inline-block;margin-right:10px;margin-top:8px}	
	
/**/	
.index-title{font-size:18px;}
.index-title-en{font-size:14px;}
.index-header-line{width:40px;margin-bottom:15px;}
/**/
.index-title2-title{font-size:18px;}	
/**/	
.index-cpxl-list li{width: 50%;text-align: center;-webkit-transition: all .3s;transition: all .3s}
.index-cpxl-list li:hover{-webkit-transform: translateY(-5px);transform: translateY(-5px);}		
.index-header-title{font-size: 20px;padding-bottom: 0px}
	
/*首页--新闻资讯*/
.index-zx{background-color: #F9F9F9;padding-top: 25px;padding-bottom: 40px;margin-top: 25px;}
.index-zx .index-zx-left{float:none;width:100%;}
.index-zx .index-zx-right{float:none;width:100%; margin-top: 10px}	
	
.index-zx .index-zx-list{padding:6px 10px;margin-top: 10px }
.index-zx .index-zx-list div{font-size: 16px;margin-bottom: 8px}
.index-zx h3{font-weight: bold;font-size: 16px;padding-bottom: 6px}	

	
.footer-left{ float: none;width: 100%;padding-left: 20px }
.footer-products{float: none;width: 100%;display: none}	
.footer-right{float: none;width: 100%;text-align: center;display: none}	
}

/*页脚*/
.fubox {
	position: fixed;
	right: -50px;
	top: 50%;
	z-index: 999;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}
.fubox.active {
	right: 0;
}
.fu-icon {
	background-color: #E76134;
	width: 50px;
}
.fu-icon img {
	width: 100%;
	vertical-align: bottom;
}
.fu-list {
	margin-top: 1px;
	cursor: pointer;
	position: relative;
}
.fu-warp {
	background: #E76134;
	overflow: hidden;
	height: 50px;
	width: 0;
}
.fu-txt {
	padding-right: 10px;
}
.fu-warp p {
	color: #fff;
	line-height: 50px;
}
.fu-list-tel:hover .fu-warp {
	width: 116px;
}
.fu-list-tel .fu-txt {
	width: 116px;
}
.fu-list-qq .fu-txt {
	width: 66px;
}
.fu-list-qq:hover .fu-warp {
	width: 66px;
}
.weixin-code {
	position: absolute;
	right: 100%;
	margin-right: 4px;
	top: 0;
	width: 0;
	overflow: hidden;
}
.weixin-code img {
	width: 128px;
	vertical-align: bottom;
	border: 1px solid #ddd;
}
.fu-list:hover .weixin-code {
	width: 130px;
}

.line-box div {
	position: absolute;
	background: #E76134;
}
.line-01, .line-02 {
	bottom: 0;
	height: 3px;
	width: 0;
}
.line-01 {
	right: 50%;
}
.line-02 {
	left: 50%;
}
.line-03, .line-04 {
	bottom: 0;
	width: 3px;
	height: 0;
}
.line-03 {
	left: 0;
}
.line-04 {
	right: 0;
}
.line-05, .line-06 {
	height: 3px;
	width: 0;
	top: 0;
}
.line-05 {
	left: 0;
}
.line-06 {
	right: 0;
}

.search-body .header {
	border-bottom: 1px solid #ddd;
}
.search-list {
	margin-bottom: 50px;
}
.result-box .search-list li {
	margin-bottom: 0;
	margin-top: 40px;
}
.result-box {
	margin-bottom: 100px;
}
.top-search {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	cursor: pointer;
}
.search-btn {
	width: 24px;
	height: 24px;
	background: url("../images/search.png") no-repeat center;
	background-size: cover;
	margin-top: 38px;
}
.header.active .search-btn {
	margin-top: 28px;
}


.search-nr {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -16px;
	background: #eee;
	width: 0;
	z-index: 9;
	overflow: hidden;
	border-radius: 5px
}
.search-nr.active {
	width: 240px;
}
.search-nr .text {
	width: 240px;
	display: block;
	height: 32px;
	text-indent: 1em;
	background: #eee;
}
.search-nr .sbmit {
	position: absolute;
	right: 40px;
	top: 0;
	width: 32px;
	height: 32px;
	background: url("../images/search2.png") no-repeat center;
	cursor: pointer;
}
.search-close {
	position: absolute;
	width: 32px;
	height: 100%;
	right: 0;
	top: 0;
	background: url("../images/gb.png") no-repeat center;
	background-size: cover;
}
.menu-box.active .menu-box-ul {
	opacity: 0;
}
.search-nr-wap:before {
	content: '';
	position: absolute;
	height: 50%;
	top: 25%;
	right: 35px;
	border-left: 1px solid #999;
}
.search-nr-wap {
	width: 240px;
	position: relative;
}

.swiper-btn-style div {
	width: 48px;
	height: 48px;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10;
	cursor: pointer;
}
/*
.swiper-btn-style .swiper-btn-left {
	left: -50px;
	background-image: url("../images/btn1.png");
}
.swiper-btn-style .swiper-btn-right {
	right: -50px;
	background-image: url("../images/btn2.png");
}*/
.swiper-container:hover .swiper-btn-left {
	left: 70px;
}
.swiper-container:hover .swiper-btn-right {
	right: 70px;
}
/*
.swiper-btn-style .swiper-btn-left:hover {
	background-image: url("../images/btn1-1.png");
}
.swiper-btn-style .swiper-btn-right:hover {
	background-image: url("../images/btn2-1.png");
}*/

.swiper-btn-style div, .menu-handler .burger, .nav-yi:after, .index-a i, .index-a-title, .index-a-con, .ljgd2, .cptd1-con, .cptd2-con, .anli-con, .fubox, .zksq, .gdcp-txt, .language, .sel-btn:after, .weixin-code, .i7, .imgscale .img100 img, .left-yi:before, .left-yi, .pro-list-bot:after, .nav-san-box, .search-nr, .menu-box-ul, .head-top2 {
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}
.fu-warp, .nav-er-box a {
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
}


/*页脚*/
footer{background-color: #9A9A9A; padding-top: 10px; padding-bottom: 10px;color: #fff;border-top: 2px solid #8D1913;border-bottom: 2px solid #8D1913;font-size: 16px}
footer a{color: #fff!important}
footer a:hover{color: #D73A33!important}
.footer-ul-left {width: 350px; padding-left: 100px; border-right: 1px solid #434449;font-size: 16px;}
.footer-ul-left>div{margin-bottom: 10px}
.footer-ul-left-p{position: absolute;left: 0px;top: 0px}
.footer-ul-left-link{margin-top: 30px}
.footer-ul-center{flex: 1; padding-left: 100px; padding-right: 100px}
.footer-ul-center ul>li{width: 25%;text-align: center}
.footer-ul-center ul>li>div{margin-bottom: 10px;font-weight: bold}
.footer-ul-center a{display:block;margin-bottom:8px;color:#ccc}
.footer-ul-center a:hover{color: #E76134}
.footer-ul-right{width: 100px;text-align: center}
.footer-ul-right-wx{margin-top: 20px}
.footer-bottom{text-align: center;color: #D8D4D4}
.footer-bottom a{color:#D8D4D4}

.footer-info{padding-bottom: 15px;text-align: center}

/**/
.index-header-title{text-align: left; font-size: 28px; font-weight: bold; color: #092847;padding-bottom: 20px}	
.index-header-desc {text-align: center; font-size: 16px; margin-top: 15px;padding-bottom: 40px}		
	





/*首页--公司介绍*/
.index-gsjs{padding-top: 40px;padding-bottom: 60px; background-position: center;background-repeat: no-repeat;overflow: hidden}
.index-gsjs .index-gsjs-left{float: left;width: 48%;border-radius: 0px;overflow: hidden;}
.index-gsjs .index-gsjs-left p{font-size: 16px;line-height: 30px}

.index-gsjs	.index-gsjs-right{float: right;width: 48%}	
.index-gsjs	.index-gsjs-right p{margin-top: 16px;font-size: 16px;}	
.index-gsjs	.index-gsjs-link{text-align: left}	
.index-gsjs	.index-gsjs-link a{display:inline-block;width: 120px;height: 36px;background-color:#BD3A07;text-align: center;line-height: 36px;color: #fff;margin-top: 20px;transition: all .3s;}	
.index-gsjs	.index-gsjs-link a:hover{background-color: #862E0C;padding-left: 10px}		
	
.about-num {
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 25px;
	background: none;
}
 .about-num li {
	float: left;
	width: 33%;
	position: relative;
	padding-left: 0vw;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: center;
	border-left: 1px solid #ccc;
}
 .about-num li:before {
	content: '';
	position: absolute;
	left: -1px;
	top: 0px;
	width: 1px;
	height: 30%;
	background: #c52730;
	z-index: 1;
}
 .about-num li h2 {
	font-family: 'Oswald';
	font-size: 50px;
	color: #333;
	line-height: 40px;
	font-weight: bold;
	display: inline-block;
}
 .about-num li p {
	color: #666;
	font-size: 14px;
	line-height: 30px;
}
 .about-num .count-unit {
	font-size: 16px;
	color: #dc0c19;
	text-align: right;
	display: inline-block;
	font-style: normal;
}
 .about-num li .bot p {
	font-size: 15px;
	color: #666;
	line-height: 24px;
}

@media only screen and (max-width: 768px) {
.index-header-title{text-align: center}	
.index-gsjs .index-gsjs-left p{font-size: 14px;line-height: 26px}	

 .about-num li h2 {
	font-size: 20px;
	line-height: 30px;
}
.about-num {
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
}
 .about-num .count-unit {
	font-size: 14px;
}
 .about-num li p {
	font-size: 12px!important;
}
 .about-num li {
	width: 30%;
	border-bottom: none;
}
 .about-num li:nth-child(1) {
	border-top: none;
}
 .about-num li:nth-child(2) {
	border-top: none;
	border-right: none;
}
 .about-num li:nth-child(4) {
	border-right: none;
}
 .about-num li:last-child {
	display: block;
}	
	}


/*联系热线*/
.footer-question{width: 95px;height: 120px;position: fixed;right: 10px;top: 80%;z-index: 999;}
	.footer-question .footer-question2{width: 95px;height: 100px; background-image: url(../images/zx.png);background-repeat: no-repeat}
	.footer-question .footer-question-p{padding-top: 50px;text-align: right;position: relative}
	.footer-question-p img {
    position: absolute;
    top: 48px;
    right: 10px;
    -webkit-animation: centermove 2s linear infinite;
    -moz-animation: centermove 2s linear infinite;
    -o-animation: centermove 2s linear infinite;
    animation: centermove 2s linear infinite;
}
	@-webkit-keyframes centermove {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    5% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    10% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    15% {
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    20% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    
    25% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    30% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

@-moz-keyframes centermove {
     0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    5% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    10% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    15% {
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    20% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    
    25% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    30% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

@-o-keyframes centermove {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    5% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    10% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    15% {
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    20% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    
    25% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    30% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes centermove {
     0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    5% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    10% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    15% {
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    20% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    
    25% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    30% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

/*页面导航*/
.page-top{position: relative}
.page-top .page-top-title{position: absolute;text-align: center;width: 100%;left: 0px;top: 40%;font-size: 48px;color: #fff}
.page-navication{padding-top: 20px;padding-bottom: 20px;font-size: 16px}
.page-navication a:hover{color: red}
.page-main{padding-top: 20px;padding-bottom: 80px;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url("../images/bg-1.jpg");min-height: 500px}

/*分页*/
.search-pagination{text-align:center; margin:50px 0 20px 0;}
.pagination li {display: inline-block;margin:0 3px; }
.pagination li a{display: inline-block;font-size: 15px;min-width: 42px;height: 42px;line-height: 42px; box-sizing: border-box; padding:0 10px; box-sizing:border-box;transition: 0.3s; background:#e8e8e8; border:solid 0px #ddd;}	
.pagination li.active a,.pagination li a:hover{color: #fff !important;background-color:#A9241D;border:solid 0px #A9241D;}

.pagination-wrapper {
	margin: 20px 0;
}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
}
.pagination li a {
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
}
.pagination li a:hover {
	background: #A9241D;
	color: #0099ff;
}
.pagination li.thisclass {
	background: #09f;
	color: #fff;
}
.pagination li.thisclass a, .pagination li.thisclass a:hover {
	background: transparent;
	border-color: #A9241D;
	color: #fff;
	cursor: default;
}
/**/
@media (max-width:768px){
/**/
.header-top{display: none}
.index-cp{display: none}	
/*页脚*/
footer{ padding-top: 20px; padding-bottom: 20px;}
.footer-ul-left {width: 100%; padding-left: 100px; border-right:none ;font-size:14px;}
.footer-ul-center{flex: 1; padding-left: 0px; padding-right: 0px;border-top: 1px solid #434449; margin-top: 20px;padding-top: 20px}
.footer-ul-right{width: 100%;border-top: 1px solid #434449; margin-top: 20px;padding-top: 20px}
.footer-ul-right-gz{display: none}
.footer-ul-right-wx{margin-top: 0px}
.footer-bottom{font-size: 12px!important;border-top: 1px solid #434449; margin-top: 20px;padding-top: 20px}
.footer-bottom a{display: block;margin-top: 10px}	
.footer-info span{display: block;text-align: center;margin-bottom: 5px}	
/**/	
.index-header-title{font-size: 18px;}	
.index-header-desc { font-size: 14px;margin-top: 0px; }	

/*首页--公司介绍*/
.index-gsjs{padding-top: 60px;padding-bottom: 40px; }
.index-gsjs .index-gsjs-left{float: left;width: 100%;border-radius: 20px;overflow: hidden}
.index-gsjs	.index-gsjs-right{float: right;width: 100%}	
.index-gsjs	.index-gsjs-right p{margin-top: 16px;font-size: 14px;}	
.index-gsjs	.index-gsjs-link{text-align: center}	
.index-gsjs	.index-gsjs-link a{display:inline-block;width: 100px;height: 30px;background-color:#1996B0;text-align: center;line-height: 30px;color: #fff;margin-top: 20px;transition: all .3s;}		

/*页面导航*/
.page-top{position: relative}
.page-top .page-top-title{top: 26%;font-size: 22px;}
.page-navication{padding-top: 10px;padding-bottom: 10px;font-size: 14px}
.page-main{padding-top: 20px;padding-bottom: 60px;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url("../images/bg-1.jpg");min-height:inherit}


	
/*pages*/ 

	
	
	
}


@media (max-width:1360px){
	.menu-box li {
	margin-left: 25px!important;
	}
}


/*列表导航*/
.page-navi{ line-height:66px; height:66px; background:#fff; border-bottom:solid 1px #ececec; box-shadow: 0 1px 15px 0 rgba(0,0,0,0.1);margin:auto;font-size: 16px}
.page-navi a{font-size: 16px}
@media (max-width:768px){
	.page-navi{ line-height:50px; height:50px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1);font-size: 14px}
	.page-navi a{font-size: 14px}
}

/*首页底部链接滚动*/
.scroll_main{ position:relative;padding-left:100px}
#scroll_div {height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;width: 100%;text-align: center;position:relative;}
#scroll_begin,#scroll_end {display: inline;}
.pad_right {margin-left:20px;}
.scroll_title{position:absolute; left:0px; top:5px; color:red; font-weight:bold}
.scroll_begin a{font-size:14px!important;}

/*列表*/
.list-main3{margin-top:40px;position:relative; padding:0px}
.list-left3{float:left;width:18%;}
.list-right3{float:right;width:75%}
.ny_right_top{border-bottom:1px solid #e7e7e7}
.nytit1{height:50px;line-height:50px;float:left;overflow:hidden;border-bottom:3px solid #D83933;color:#D83933;font-size:24px;font-weight:bold;padding:0 10px}
.nytit{background:url("../images/icon4.png")7px 16px no-repeat;line-height:30px;padding-left:25px;padding-top:10px;padding-bottom:10px;float:right;font-size:14px}
.nytit a{padding-right:7px}


/*右侧导航*/
.list-nav3{width: 100%}
.list-nav3 .list-nav3-title{line-height: 30px;background-image: url(../images/f5.png);padding-top: 15px;padding-bottom: 15px;color: #fff;text-align:center;font-size: 22px;border-top-left-radius: 5px;border-top-right-radius: 5px;overflow: hidden}
.list-nav3 ul{}
.list-nav3 ul li{margin-bottom: 2px}
.list-nav3 a{display: block;line-height: 40px;text-indent: 20px;background-color: #ddd;font-size: 16px;padding-top: 5px;padding-bottom: 5px;}
.list-nav3 a:hover{background-color: #D73930;color: #fff; font-weight:bold}	
.list-nav3 a.on{background-color: #D73930;color: #fff; font-weight:bold}	
.list-nav3 a i{position: absolute; right: 20px; top: 15px;}	
.list-nav3 a{position: relative}	
/**/	


.list-right3 dl {position:relative;display:block;border-bottom:1px dashed #ddd;height:108px;margin:15px 0;overflow:hidden;padding:0 8px;}
.list-right3 dl:hover {background:#E6F0F5;}
.list-right3 dl:hover a{color:var(--main_color);}
.list-right3 dt {display:inline-block;width:70px;height:70px;background:#E6F0F5;margin-top:15px;border-radius:4px;}
.list-right3 dt span {display:block;width:70px;height:35px;text-align:center;color:#888;}
.list-right3 dt span:nth-child(1) {line-height:50px;font-weight:bold;font-size:26px;}
.list-right3 dt span:nth-child(2) {margin-top:8px;}
.list-right3 dd {position:absolute;left:100px;top:10px;line-height:27px;margin:0 10px;}
.list-right3 dd a {font-weight:bold;font-size:16px;color:#333;}
.list-right3 dd a:hover,.list-right ul li a:hover {color:var(--main_color);}
.list-right3 dd span {display:block;height:55px;padding-top:10px;line-height:25px;color:#999;;font-size: 15px}

@media (max-width:768px){
	.list-right3 dl{height: auto}
	.list-right3 dt{height: auto}
	.ny_right_top{font-size:20px}
	.nytit1{color:#333;font-size:16px;text-align:left;position:inherit;line-height:36px;height:46px;padding:7px 0;margin-bottom:0}
	.nytit a{color:#333}
/**/	
	.list-left3{ display:none}
	.list-right3{width:100%; float:left;}	
}

/*内页页脚广告*/
.page5{padding:40px 0;background-image:url(../images/platform-img01.jpg);text-align:center;color:#fff;font-size:24px;line-height:38px;margin-top:60px;clear:both}
.page5 p{color:#fff}
.page5 a{display:inline-block;padding:0 20px;border-radius:20px;background:#fff;font-size:14px;color:#0098e8;vertical-align:middle;margin-left:10px}
/*.page5 a span{display:inline-block;padding-right:30px;background:url(../images/icon5.png)no-repeat right center}*/
.page5 a:hover{padding:0 15px}
.page5 a:hover span{padding-right:40px}
.page5 b{font-size: 32px}

/*page页*/
.page_title{text-align: center;font-size: 30px;font-weight: bold;padding-bottom: 30px;padding-top: 40px}
.page_content{text-align:justify;text-justify:inter-ideograph;font-size: 16px;line-height: 32px;padding-bottom: 40px;margin-top: 20px}
.page_content p{margin-bottom: 10px;line-height: 32px}
.page_content img{max-width: 100%}
.page_gsxx{max-width: 800px;margin-left: auto;margin-right: auto}
.page_gsxx td{padding: 6px}
.page_gsxx img{height: 250px;display: block}

@media (max-width:768px){
.page_title{text-align: center;font-size: 20px;font-weight: bold;padding-bottom: 20px;padding-top: 25px}
/*内页页脚广告*/
.page5{padding:20px 0;font-size:16px;line-height:38px;margin-top:30px;clear:both}
.page5 a{display:inline-block;padding:0 10px;border-radius:10px;background:#fff;font-size:14px;color:#0098e8;vertical-align:middle;margin-left:10px}
.page5 a span{display:inline-block;padding-right:10px;background:url(../images/icon5.png)no-repeat right center}
.page5 a:hover{padding:0 15px}
.page5 a:hover span{padding-right:20px}
.page5 b{font-size: 18px}
/**/
.page_gsxx img{height:auto}	
	
}

/*企业荣誉*/
.page_container{margin-top: 40px;padding-bottom: 40px}
.page_honor li{width: 33%;float:left;margin-bottom: 25px;text-align: center} 
.page_honor li img{height: 240px}
.page_honor li div{overflow: hidden;padding: 5px}
.page_honor li img{display: block;transition: all .4s;}
.page_honor li p{padding-top: 6px}
.page_honor li div:hover img{transform: scale(1.12);}
.page_honor li a:hover p{color: var(--main_color)}
@media (max-width:768px){
	.page_honor li{width: 48%;;margin-bottom: 15px;}
	.page_honor li img{height: 140px}
}

/*产品*/
.page_product li{width: 20%;margin-bottom: 10px;box-sizing: border-box;text-align: center;overflow: hidden}	
.page_product li div{overflow: hidden}	
.page_product li img{height: 180px}
.page_product li a{display: block;padding: 20px}
.page_product li img{display: block;transition: all .4s;}
.page_product li div:hover img{transform: scale(1.12);}
.page_product li a:hover p{color: var(--main_color)}	
.page_product li p{padding-top: 6px}


/*全库索引*/
.page_all{overflow: hidden}
.page_all_title{margin-top: 15px;color: #A90100;font-size: 18px;font-weight: bold}
.page_all_list{margin-top: 10px;padding-left: 20px;padding-right: 20px}
.page_all_list>li{width: 32%;margin-right: 1px; line-height: 20px; float: left;box-sizing: border-box;margin-bottom: 5px}

@media (max-width:768px){
	.page_product li{width: 48%;}
	.page_product li img{height: 140px}
	.page_all_list>li{width: 48%}
	.page_all_title{font-size: 16px;}	
}		



/*======================产品内容页======================*/
.pro_box1{margin-top:70px;}
.pro_box1 .left{width:44%; }
.pro_box1 .right{width:52%;}
.pro_box1 .right .tit h1{font-size:32px; line-height:1.6;}
.pro_box1 .right .desc{line-height:2; font-size:16px; margin:15px 0 25px 0; text-align:justify;}

/* 手机查看二维码 */
.pro_box1 .right .tit .pro_ewm{ position:relative; right:0; top:0px;}
.pro_box1 .right .tit a { background: url(../images/xx_df.png) right center no-repeat;display: block;color: #666666;padding-right: 42px; line-height:50px; margin-right:25px;}
.pro_box1 .right .tit .show_pro_ewm{ position:absolute; line-height:1.6; right:0; top:50px; text-align:center; background:#fff; border:solid 1px #e8e8e8; padding:10px; display:none;}
.pro_box1 .right .tit .pro_ewm:hover .show_pro_ewm{display:block;}

/* 产品大图 */
.thumb-wrapper {border: 1px solid #eee; height:360px; position:relative; background:#fff;}
.thumb-wrapper img{max-width:100%; max-height:100%;padding: 20px 20px;box-sizing: border-box;}

/*产品缩略图轮播*/
.swiper-adv-father {width: 100%; position: relative;margin-top:15px;}
.swiper-adv-father .swiper-container {width: 100%; padding:0 30px; box-sizing:border-box;}
.swiper-adv-father .slide-item { width:100%; border: 2px solid #eee; background:#fff; cursor: pointer; position:relative;}
.swiper-adv-father .selected .slide-item{border: 2px solid var(--main_color);}
.swiper-adv-father .slide-item img{width:100%; opacity:1; display:block; transition:0.3s all;padding: 10px 10px;box-sizing: border-box;}
.swiper-adv-father .selected .slide-item img{opacity:1;}

#pro_thumb .swiper-button-prev{width: 18px;height: 30px;background-size: 14px 24px;background-image: url('../images/adv-left-icon.png') !important;top: 62%;left: 0;z-index: 1;outline: none;}
#pro_thumb .swiper-button-next{width: 18px;height: 30px;background-size: 14px 24px;background-image: url('../images/adv-right-icon.png') !important;top: 62%;right: 0;z-index: 1;outline: none;}

/* box */
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


/*按钮*/
.pro_box1 .right  .more{ margin-top:35px;font-weight: bold;font-size: 20px}
.pro_box1 .right  .more a{width:180px;height:56px; background:var(--main_color); display: block;text-align: center;line-height:.56px; font-size:18px; color:#fff; transition:0.3s all;}
.pro_box1 .right  .more a:hover{  background:var(--second_color); width:200px;}


@media screen and (max-width:768px) {
.pro_box1{margin-top:50px;}
.pro_box1 .left{width:100%; }
.thumb-wrapper {height:260px;}
.pro_box1 .right{width:100%;}
.pro_box1 .right .tit h1{font-size:18px; margin-top:15px;}
.pro_box1 .right .desc{ font-size:13px; margin:.15rem 0 .25rem 0;}
.pro_box1 .right .tit .pro_ewm{ display:none;}
.pro_box1 .right  .more a{width:40%;height:40px; line-height:40px; font-size:15px;}
.pro_box1 .right  .more a:hover{width:45%;}
.pro_down h3{font-size:18px;}
.pro_down li .ico{ font-size:22px;}

.pro_box2 .left{ width:100%;}
.pro_box2 .left .tit{ border-bottom:solid 2px var(--main_color); height:40px; margin-bottom:15px;}
.pro_box2 .left .tit h3{height:40px; line-height:40px; font-size:16px; display:inline-block; width:30%; text-align:center; background:var(--main_color); color:#fff; border-radius:5px 5px 0 0;}
.pro_box2 .right{ width:100%; background:#fff; padding:0; box-sizing:border-box;}
.pro_box2 .right h3{ font-size:18px; border-top:solid 8px #f5f5f5; padding-top:15px;}
.pro_box2 .right ul{}
.pro_box2 .right li{width:48%;}
}