body {margin:0;padding:0;font-family:"Microsoft YaHei","Verdana,Arial,sans-serif","微软雅黑","宋体";font-size: 14px;color: #333;line-height:24px;background:#fff;overflow-x: hidden;padding-top:80px;}
img{max-width:100%;max-height:100%;}
.map-body img{max-width:none;max-height:none;}
a{color:#333;text-decoration:none;outline: none;font-size:14px;}
a:hover{text-decoration:none;color:#e70012}
h1,h2,h3,h4,h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0;font-size:14px;}
ul, ol, li,p{list-style:none;margin:0;padding:0;}
.clear:after {
    content: " ";
    font-size: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    width: 100%;
}
.swiper-wrapper img,.index_cat img,.grid img, .banner img{display:block;}
.banner img,.swiper-wrapper img{width:100%;display:block;}
/* ---------------头部-------------------*/
#header{height:80px;width:100%;position:fixed;background:#fff;z-index:999;left:0;top:0;text-align:center;}
#header *,#panel-fa{-webkit-transition: all .3s linear;transition: all .3s linear;}
.fixed #header{box-shadow: 0 0 10px rgba(0,0,0,.1);}
#logo{position:absolute;max-width:270px;left:5%;top:0;height:100%;width:35%;z-index:1;background-size: contain;background-repeat: no-repeat;text-indent:-9999px;overflow:hidden}
#nav{padding-top:40px;width:100%;z-index:5}
.menu .m{display:inline-block;text-align:center;position:relative;}
.menu .menu-sub{min-width:100%;width:auto;display:none;position: absolute;left:0;background-color:#fff;box-shadow: 0 6px 10px rgba(0, 0, 0, .1);}
.menu .menu-sub li a{white-space: nowrap;padding:10px;border-bottom:1px solid #e5e5e5;font-size:14px;}
.menu .m a{padding-left:20px;padding-right:20px;display:block;font-size:16px;padding-bottom:15px;}
.menu .m:hover .menu-sub{display:block;}
.menu li a:hover,.menu li.selected>a{color:#e70012}
.top-tel{position:absolute;right:5%;top:38px;background:url('images/tel.png') no-repeat 0 2px;background-size:24px;padding-left:35px;line-height:30px;color:#e70012;font-size:18px;}
.panel {
    background: center center no-repeat transparent;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 2%;
    margin: 10px;
	display:none;
}
.panel-btn {
	width: 30px;
	height: 30px;
	position: relative;
	transform: translateZ(0) rotate(0);
	transition: transform .4s cubic-bezier(.4,.01,.165,.99)
}

.panel-btn-l {
	position: absolute;
	left: 0;
	top: 0;
	transform: translateZ(0) rotate(0);
	transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
	-webkit-transform: translateZ(0) rotate(0);
	-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
	width: 30px;
	height: 30px
}

.panel-btn-l .rect {
	width: 30px;
	height: 1px;
	background: #999;
	position: absolute;
	left: 0;
	top: 14px;
	transition: transform .2s ease .2s;
	-webkit-transition: -webkit-transform .2s ease .2s
}

.panel-btn-l .rect.top {
	transform: translate3d(0,-6px,0);
	-webkit-transform: translate3d(0,-6px,0)
}

.panel-btn-l .rect.bottom {
	transform: translate3d(0,6px,0);
	-webkit-transform: translate3d(0,6px,0)
}

.panel.open .panel-btn {
	transform: translateZ(0) rotate(90deg);
	-webkit-transform: translateZ(0) rotate(90deg)
}

.panel.open .panel-btn-l {
	transform: translateZ(0) rotate(45deg);
	transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
	-webkit-transform: translateZ(0) rotate(45deg);
	-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s
}

.panel.open .panel-btn-l.bottom {
	transform: translateZ(0) rotate(-45deg);
	-webkit-transform: translateZ(0) rotate(-45deg)
}

.panel.open .panel-btn-l .rect {
	background-color:#e70012;
	transition: transform .2s ease .2s;
	transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform .2s ease .2s;
	-webkit-transform: translate3d(0,0,0)
}
#allmap{margin:auto;width:100%;height:420px;}
#footer{background:#f6f6f6;border-top:5px solid #e70012;padding:1% 5%;text-align:center;color:#666;text-align:left;}
.footer-top{background:url('images/logo.png') no-repeat 0 center;background-size: contain;text-align:right;margin-top:20px;margin-bottom:36px;}
.footer-top a{font-size:24px;padding-left:10px;padding-right:10px;display:inline-block}
.footer-top a:hover{color:#e70012}
.footer-content{border-top:1px solid #ddd;padding-top:36px;padding-bottom:36px;}
.footer-content>div{float:left}
.footer-menu{width:55%;}
.footer-menu-item{float:left;width:22%;margin-right:3%;line-height:32px;}
.footer-menu-item a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer-menu-item h2 a{line-height:normal;padding-bottom:10px;font-size:15px}
.copy{width:25%;}
.copy-txt{padding-left:16%;padding-right:16%;border-left:1px solid #aaa;border-right:1px solid #aaa;}
.copy-b{font-size:28px;line-height:36px;font-weight:700}
.copy-b2{padding-bottom:16px}
.qrcode{width:20%;text-align:center}
.qrcode img{width:35%}
.qrcode-txt{letter-spacing: 5px;}
.footer-mobile{display:none;}
#banner{height:100%;width:100%;overflow:hidden; position:relative;}
#body{margin:2% auto; width:100%;max-width:1280px;}
#breadcrumbs, .cssbody,.cssheader{margin:0 1% 2%;}
.main-title{background:url(images/line.png) repeat-x 0 center;height: 50px;line-height: 50px;position:relative;margin-left:1%;margin-right:1%;text-align:center;margin-top:50px;margin-bottom:50px}

.main-title span{font-size:28px;font-weight:700;color:#666;background-color:#fff;display:inline-block;padding-left:35px;padding-right:35px}
.weixin-a{position:relative;}
.weixin-box{display:none;position:absolute; width:100px;height:100px;border:10px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);bottom:40px;left:50%; margin-left: -60px;}
.weixin-a .fa-caret-down {
	display:none;
    position: absolute;
    bottom: 25px;
    color: #fff;
    left: 50%;
    margin-left: -7px;
}
.weixin-a:hover .weixin-box,.weixin-a:hover .fa-caret-down{display:block}
#pagination {clear:both;padding-top:3%;padding-bottom:6%;text-align:center;font-family:"宋体";}
#pagination a,#pagination span.curr{font-size:16px;padding:0px 10px;display: inline-block;height:30px;line-height:30px;font-weight:normal;}
#pagination  a:hover,#pagination a.curr, #pagination a.curr:hover {color:#e70012;font-weight:700}
.article-title,.article-date{text-align:center;}
.article-title{font-size:20px;padding-bottom:15px;}
.article-body{padding-top:30px;padding-bottom:30px;}
.next-page{padding: 2% 0 0;}
.next-page-item,.goback{color:#e70012;}
.swiper-pagination-bullet-active{background-color:#e70012;}

#gotop{
position: fixed;
bottom: 120px;
right: 10px;
display:none;
cursor:pointer;
z-index: 9999;
background:url('images/top-ico.png') 0px -100px no-repeat rgba(0,0,0,0.3);
width:50px;
height:50px;
border-radius:5px;
}
#gotop:hover{background-position: 0 -50px;}
.swiper-container{position:relative;}

#page-main{
    transition: left 0.5s;
    -webkit-transition: left 0.5s;
}
input[type=radio],input[type=checkbox]  {  

display: inline-block;  

vertical-align: middle;  

width: 20px;  

height: 20px;  

margin-left: 5px;  

-webkit-appearance: none;  

background-color: transparent;  

border: 0;  

outline: 0 !important;  

line-height: 20px;  

color: #d8d8d8;  

}  

input[type=radio]:after  {  

content: "";  

display:block;  

width: 20px;  

height: 20px;  

border-radius: 50%;  

text-align: center;  

line-height: 14px;  

font-size: 16px;  

color: #fff;  

border: 2px solid #ddd;  

background-color: #fff;  

box-sizing:border-box;  

}  

input[type=checkbox]:after  {  

content: "";  

display:block;  

width: 20px;  

height: 20px;  

text-align: center;  

line-height: 14px;  

font-size: 16px;  

color: #fff;  

border: 2px solid #ddd;  

background-color: transparent;  

box-sizing:border-box;  

}  

input[type=checkbox]:checked:after  {  

border: 4px solid #ddd;  

background-color: #37AF6E;  

}  

input[type=radio]:checked:after  {  

content: "L";  

transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);  

-webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);  

border-color: #37AF6E;  

background-color: #37AF6E;  

}
.content{margin-left:1%;margin-right:1%;line-height:26px;}
body.page-opened{overflow:hidden}
.page-opened #nav{right:0;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.page-opened .top-tel{right:20px;}

input[type="text"],textarea,select{box-sizing: border-box;-webkit-box-sizing: border-box;width:100%;background:#f5f5f5;line-height:42px;height:42px;border:0;color:#333;font-size:14px;margin-bottom:10px;padding:0 10px}
option{background:rgba(0,0,0,.3);line-height:30px;}
textarea{height:120px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#333;font-size:14px;}
.btn-list{padding-top:30px;text-align:center;}
.btn{background:#e70012;border:0;color:#fff;padding:10px 35px; margin-left:10px;margin-right:10px;cursor:pointer;font-size:14px;}
.btn:hover{opacity: 0.8;}
.contact-title {
    line-height: 42px;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid #F00;
    display: inline-block;
	margin-top:3%;
	margin-bottom:3%
}
.menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #d2d2d2;
}
/*定义滚动条轨道 内阴影+圆角*/
.menu::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #d2d2d2;
}

/*定义滑块 内阴影+圆角*/
.menu::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #888;
}
.btn, input[type=text],textarea,option{
	-webkit-appearance: none;
    appearance: none;
	outline: 0;
}
select{outline: 0;}
.padd{padding-top:50px;padding-bottom:50px}
.index_cat{position:relative}
.index_cat_c{position:absolute;right:20%;bottom:40%;text-align: left;}
.index_cat:nth-child(odd) .index_cat_c{right:auto;left:20%;}
.index_cat_title{color:#e70012;font-size:22px;margin-bottom:20px;}
.index_cat_desc{margin-bottom:30px;font-size:16px;letter-spacing: 5px;}
.index_cat_btn a{color: #666;padding: 8px 45px;border: 1px solid #999;}
.index_cat_btn a:hover{color:#e70012;border-color:#e70012}
.w1200{max-width:1200px;margin:0 auto;text-align:left;position:relative;}
.index_title{color:#fff;font-size:45px; padding:8%;}
.grid .item{float:left;margin-left:1%;margin-right:1%;width:98%;}
.grid .item .pic-box{overflow:hidden;}
.grid .item .pic{
-webkit-transition: all .36s ease;
    transition: all .36s ease;}
.box{position:relative;}
.grid .item:hover .box{box-shadow: 0 12px 30px rgba(80,80,80,.3);}
.grid .item:hover .pic{transform: scale(1.2);}
.grid img{width:100%;}
.grid .item_c{padding:5%;text-align:left;background-color:#f5f5f5;}
.grid .item_title{font-size:20px;overflow:hidden;height:24px;}
.grid .item_desc{height:46px;overflow:hidden;color:#999}
.grid1 .item_c{background:none;padding-left:0;padding-right:0}
.grid1 .item_title{margin-bottom:2%;}
.grid1 .item:hover .box{box-shadow:none}
.grid2 .item,.product .item{margin-bottom:3%}
.grid2 .pic{padding-top:60%}
.grid2 .item_desc{margin-bottom:5%;margin-top:5%;}
.grid2 .item_c{padding:8%}
.grid2 .item_more{text-align:right;}
.item_more span{font-family:"宋体";color:#e70012;font-weight: 700;padding-left:5px;}
.item_date{font-size:16px;color:#999}
.col-1 .item_c{padding:4%;}
.col-2 .item{width:48%;}
.col-3 .item{width:31.33%;}
.col-3 .item_title.center{text-align:center;}
.product .box{border:1px solid #ddd}
.product .item_c{position:absolute;position: absolute;z-index: 2;top: 5%;left: 6%;background: none;max-width:60%}
.product .item .pic{padding-top:90%;}
.product .item_more,.submenu a.on{color:#e70012;}
.product .item_desc{font-size:20px;color:#333;padding-top: 15px;padding-bottom: 25px;font-weight:700}
.category .item-f{width:98%}
.category .item-f .pic{padding-top:45%}
.category .item-f .item_c{padding:2.5%;text-align:center;top:30%;left:3%;width: 35%;}
.category .item-f .item_title{font-size:20px}
.category .item-f .item_desc{height:auto;}
.pic{padding-top:100%;}
.mb10per{padding-bottom:3%;}
.pb10per{padding-bottom:5%;}
.pt10per{padding-top:5%;}
.submenu{text-align:center;}
.submenu a{display:inline-block;padding-left:10px;padding-right:10px}
.job_title{line-height:60px;background-color:#c0c0c0;text-align:center;font-size:22px;color:#fff}
.job{width:100%;background-color:#fff;}
.job thead th{background-color:#dcdcdc;color:#fff;width:25%;text-align:center}
.job tbody td{border-bottom:1px solid #e9e9e9;word-wrap:break-word;word-break:break-all;text-align:center;line-height: normal;}
.job tbody .job-tr{background-color:#f5f5f5;}
.job-view-title{font-size:16px;margin-bottom:5px}
.job-view-date{padding-bottom: 20px;border-bottom: 1px solid #ddd;}
#panel-fa{right:-270px;position:fixed;bottom:30px;z-index:9999;width:240px;}
hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ddd;
    margin-top: 15px;
    margin-bottom: 15px;
}
@media (min-width:1100px){
	.photo .item{margin-bottom:3%;width:98%;float:none;background:#eff0f2;}
	.photo .item .pic{padding-top:66%}
	.photo .item .pic-box{float:left;width:35%}
	.photo .item .item_c{float:left;width:57%;padding:4%}
	.photo .item_desc{margin-bottom:30px;margin-top:30px;height:70px;}
	.photo .item_title{position:relative;}
	.photo .item_date{position:absolute;right:0;top:0;}
	.w1200{width:96%;}
	.fixed #header{
		height:60px;
	}
	.fixed #nav{
			padding-top:20px;
		}
	.fixed .top-tel{
			top:18px;
		}
	.w92{max-width:none;width:92%}
}
@media (max-width:1300px){
	#logo{left:0}
	.top-tel{right:2.5%}
	.menu .m a{padding-left:10px;padding-right:10px;}
}
@media (max-width:1100px) {
	.swiper-button-next,.swiper-button-prev{transform: scale(0.5);-webkit-transform: scale(0.5);}
	a{font-size:12px;}
	#page_n1 .item-1{width:98%;margin-bottom:3%;}
	#page_n1 .item-1 .pic{background-size:cover !important;background-position:center center !important;padding-top:37.5% !important}
	#page_n1 .item-1 .item_c{padding:2.5%}
	#page_n1 .item-2,#page_n1 .item-3{width:48%;}
	#page_n1 .col-3 .item_title{font-size:16px;}
	.w1200{width:96%}
	body{padding-top:50px}
	#logo{background:url('images/logo.png') no-repeat left center !important;max-width: 150px;background-size: contain !important;left:2%}
	#header{height:50px}
	.panel{display:block;z-index:99;position: fixed;}
	.top-tel{padding-bottom:10px;position:fixed;background-image:url('images/tel1.png');background-color:#fff;top:auto;right:-270px;width:185px;bottom:90px;z-index: 99;color: #999;text-align:left;background-position-x:5px;padding-left:45px;}
	.top-tel:after{content:'';position:absolute;height:1px;background-color:#e70012;width:100%;left: 0;bottom:0px;}
	#nav{position:fixed;left:auto;right:-270px;top:0;height:100%;width:270px;background-color:#fff;padding-top:0}
	.menu {margin:60px 20px;padding-top:35px;padding-bottom:35px;border-top:1px solid #e70012;overflow-y: auto;height: 60%;}
	.menu .m{display: block;text-align: left;}
	.menu .m a{padding-left:0;padding-right:0;font-size:14px;}
	.menu .menu-sub{position:relative;box-shadow:none;padding-bottom:30px;}
	.footer-pc{display:none;}
	.footer-mobile{display:block;text-align:center}
	.footer-mobile-c{background-color:#f5f5f5;color: #666;padding:40px 10%;}
	.footer-mobile-q{padding:40px;}
	.footer-mobile-q h2{font-size:16px;}
	.footer-mobile-q img{margin-top:20px;width:35%;}
	.footer-mobile a{color: #666;font-size:14px;}
	.copy-b2{padding-bottom:25px;font-size:20px;border-bottom:1px solid #999;}
	.footer-top{background-image:none;margin:0;text-align:center;padding-top:30px;}
	.footer-top a{
		display: inline-block;
		border: 1px solid #999;
		padding: 0;
		border-radius: 50%;
		color: #666;
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 20px;
		margin: 0 2.5%;
	}
	.weixin-box{bottom:60px;}
	.weixin-a .fa-caret-down{bottom:45px;}
	.index_cat_c{bottom:20%;right:5%;}
	.index_cat:nth-child(odd) .index_cat_c {left:5%;}
	.index_cat_btn a {
		padding: 2px 10px;
	}
	.index_cat_desc {
		margin-bottom: 6%;
		font-size: 12px;
		letter-spacing:0;
	}
	.index_cat_title,.index_title{font-size:16px;}
	.index_cat_title{margin-bottom: 3%;}
	.padd {
		padding-top:30px;
		padding-bottom:30px;
	}

	.submenu a{min-width:inherit;margin-left:5px;margin-right:5px;margin-bottom:10px;}
	.job_title{line-height:46px;font-size:14px;}
	.job{font-size:10px;}
	.grid .item_title{font-size:14px;font-weight:700}
	.grid1 .item{float:none;width:98%}
	.grid1 .item_desc{height:auto;}
	.grid2 .item{width:48%;}
	.item_desc{color:#666}
	.main-title {
		margin-top:15px;
		margin-bottom:15px;
		margin-left:3%;
		margin-right:3%;
	}
	.main-title span{font-size:22px;}
	.page-opened #panel-fa{display:block;right:20px;}
	#panel-fa a{height:36px;width:36px;line-height:36px;margin: 0 3.5%;}
	.product .item_desc{font-size:12px;padding-top: 5px;padding-bottom:10px;line-height: 20px;height: 29px;}
	.product .item_title{font-weight:500;font-size:12px !important}
	.category .item-f .item_c{top:24%}
	.contact-title {
		margin-top:30px;
		margin-bottom:30px;
	}
	.pb10per{padding-bottom:30px;}
	.contact-c{width:100% !important}
	#allmap{height:270px;}
}