a,  article, b, body, dd, div, dl, dt, em, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, li,menu, nav, object, ol, p, section, small, span, strong, td, th, time, tr, tt, u, ul{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	word-wrap: break-word;
}
section footer {
	width: 100%;
}
button, input, select, textarea {
	outline: 0;
	-webkit-box-sizing: border-box;
}
article, footer, header, menu, nav, section {
	display: block
}
a {
    color:#4c4c4c;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
li, ol, ul {
	list-style: none;
	overflow: hidden;
}
b, strong {
	font-weight: 700
}
h2{font-size:2.4rem;font-weight: bold;}
h3{font-size:1.6rem;font-weight: normal;}
h4{font-size:1.4rem;font-weight: normal;}
html {
	font-size: 62.5%
}
@media only screen and (min-width:481px) {
html {
	font-size: 85%!important
}
}
@media only screen and (min-width:561px) {
html {
	font-size: 100%!important
}
}
@media only screen and (min-width:641px) {
html {
	font-size: 120%!important
}
body {
	max-width: 750px;
}
}
body {
	font-size: 1.4rem;
	font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	background-color: #fff;
	min-width: 320px;
	margin: 0 auto;
	position: relative;
	color: #252525;
}
.clr {
	clear: both;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
    image-ms-interpolation-mode: bicubic;
	-webkit-touch-callout: none;
}




/*.page{text-align:center;clear: both;padding-top: 60px;height: 50px;}
.page a{
	border:1px solid #cccccc;
	margin-left:5px;padding:5px 9px;
	background-color:#ffffff;color:#ffffff;
	text-decoration:none;
	color:#333333;
	font-size:12px;
}*/

.carousel .swiper-pagination{bottom: 2rem !important;}
.carousel .swiper-pagination span{width: 2.5rem;height: .3rem;background: #838895;opacity: 1;}
.carousel .swiper-pagination .swiper-pagination-bullet-active{background: #ed2429;}

.product-detail .swiper-container img { width: 100%; height: 100%; margin: 2rem 0;}
.product-detail .swiper-pagination{bottom: 2rem !important;}
.product-detail .swiper-pagination span{width: 1rem;height: 1rem;background: #838895;opacity: 1;border-radius: 50%;}
.product-detail .swiper-pagination .swiper-pagination-bullet-active{background: #ed2429;}
.product-detail .swiper-button-prev { background: url(../images/product-detail_07.png) no-repeat; background-size: 100%; width: 30px; height: 60px;}
.product-detail .swiper-button-next { background: url(../images/product-detail_10.png) no-repeat;  background-size: 100%; width: 30px; height: 60px;}

.btn{
	float: right;
	margin: 2.2rem 2rem 0 0;
}
.btn{width:2.5rem;float:right;position:relative;cursor:pointer;height:3rem;}
.btn span{display:block;background:#ffffff; /*按钮颜色*/ width:2.5rem;height:.2rem;position:absolute;transition:all ease 0.35s}
.btn span:nth-of-type(1){top:0}
.btn span:nth-of-type(2){top:1rem}
.btn span:nth-of-type(3){top:2rem}
.sp_nav_se span:nth-of-type(1){top:1rem;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:1rem;transform:rotate(-45deg)}
.leftMenu a {
    text-decoration: none;
    display: block;
    color: #689f5b;
}
.leftMenu {
    background: #fff;
    position: fixed;
    right: -1000px;
    top: 64px;
    display: block;
    height: 100%;
    width: 50%;
    min-width: 140px;
    max-width: 440px;
    z-index: 10000;
    transition: all 0.4s ease;
    overflow: auto;
    border-top: 1px #e5e5e5 solid;
    box-shadow: -5px 5px 10px #333;   /*左阴影*/
}
.leftMenu.menu-open {
    right: 0;
}
.leftMenu ul li {
    position: relative;
    line-height: 45px;
    border-bottom: 1px #e5e5e5 solid;
}
.leftMenu ul li>a{
	font-size: 16px;
	margin-left: 20px;
}
.leftMenu ul li .f2 a{
	font-size: 14px;
}
.leftMenu ul li ul li{
	background: #f5f5f5;
    padding-left: 20px;
    border-bottom: 1px #e5e5e5 solid;
}
.leftMenu ul li.hasChild > a:after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 24px;
    font-weight: 300;
}
.leftMenu ul li.hasChild.open > a:after {
    content: "-";
    right: 23px;
    font-size: 28px;
    top: 0px;
}
.f2,.f3{
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height 0.4s ease;
}
.menu-dark-backdrop {
    background: rgba(0,0,0,0);
    transition: all 0.4s ease;
    width: 100%;
    position: fixed;
    top: 6.5rem;
    left: 0;
    right: 0;
    overflow: hidden;
}
.menu-dark-backdrop.in {
    height: 100%;
    z-index: 1000;
    background: rgba(0,0,0,0.5); /*背景灰度*/
}
.leftMenu ul li.open>a{
    color: #d51419; /*一级选中后颜色*/
}
.menu_fot {
    text-align: center;
    margin-top: 25px;
}
.menu_fot p{
    font-size: 12px;
    color: #999; /*底部文字颜色*/
    margin-bottom: 10px;
}
.menu_fot span{
    font-size: 26px;
    color: #d51419; /*底部电话颜色*/
}
.footer{
	width: 100%;
	max-width: 750px;
	background: #689f5b;
	position: fixed;
	bottom: 0;
	padding: 1rem 0;
	z-index: 100000;
	/*box-shadow: 0 0 1rem #ccc;*/
}
.footer ul li{
	width: 33.33%;
	float: left;
	text-align: center;
}
.footer ul li img{
	width: 2.5rem;
	margin-right: .3rem;
	float: left;
}
.footer ul li p{
	display: inline-block;
	line-height: 2.7rem;
}
.footer ul li a{
	color: #ffffff;
}

body {
	padding-top:65px;
}

.header{
	width: 100%;
	max-width: 750px;
	height: 6.5rem;
	position: fixed;
	top: 0;
	z-index: 10000;
	background-color: #000000;
    box-shadow: 0 0 1rem .1rem #000000;
}
.header .logo{
	width: 26rem;
	float: left;
	margin: 1.5rem 0 0 1.5rem;
}
.header .btn{
	float: right;
	margin: 2.2rem 2rem 0 0;
}

/*以上为默认架构*/



/*此处可重新定义菜单按钮样式*/
.btn span {
    background-color: #fff;
}

/*此处可重新定义菜单链接样式*/
.leftMenu a {
    color: #000;
}

/*此处可重新定义底部样式*/
.footer {
    background-color: #ed2328;
}

/*banner图*/
.banner img {
    width: 100%;
}



/*主题 begin*/

.color-theme {
    color: #ed2429;
}

.bg-gray {
    background-color: #f7f7f7;
}

.more {
    display: block;
    width: 100%;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    border: .1rem solid #ed2429;
    color: #ed2429;
    font-weight: bold;
    margin-top: 1rem;
}

.more img {
    width: 2rem;
    margin-left: 1rem;
    vertical-align: middle;
}

.line {
    width: 100%;
    height: 1rem;
    background-color: #f5f5f5;
}


/*主题 end*/


/*首页*/
.index-box {
    padding: 3rem 1.5rem;
}

.index-one li {
    background-color: #fff;
    padding: 1.5rem;
    margin-bottom: 1rem;
    border: .1rem solid #e5e5e5;
    box-sizing: border-box;
}
.index-one li:last-child {
    margin-bottom: 0;
}
.index-one a {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.index-one .left {
    width: 20%;
    text-align: center;
    padding-right: 1.5rem;
    align-self: center;
    border-right: 1px solid #ededed;
}
.index-one .left img {
    width: 70%;
}
.index-one .right {
    width: 80%;
    padding-left: 2rem;
    align-self: center;
    color: #323232;
    font-weight: bold;
}
.index-one .right h3 {
    font-size: 1.7rem;
    font-weight: bold;
}
.index-one .right p {
    font-size: 1.2rem;
    margin-top: .2rem;
}


.index-three .tit img {
    width: 14rem;
}
.index-three .tit {
    text-align: center;
}
.index-three .cont {
    color: #4e4e4e;
    font-size: 1.4rem;
    line-height: 2.3rem;
    margin-bottom: 1.5rem;
}
.index-three video {
    width: 100%;
    margin: 2rem 0 1rem 0;
}

.index-four {
    background: url(../images/index_06.jpg) no-repeat ;
}
.index-four .tit {
    color: #fff;
    margin-bottom: 3rem;
}
.index-four .tit h2 {
    font-size: 3rem;
}
.index-four .tit h3 {
    background: url(../images/index_11.jpg) no-repeat bottom right;
    background-size: 60% 1px;
    line-height: 1.6rem;
    margin-top: 1rem;
}
.index-four .tit h3 b {
    font-size: 2.3rem;
}

.index-four .cont li {
    background-color: rgba(0,0,0,.4);
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 2rem;
}
.index-four .cont li .img {
    width: 17%;
    padding-right: 2rem;
}
.index-four .cont li img {
    width: 100%;
}
.index-four .cont li .desc {
    width: 83%;
}
.index-four .cont li h3 {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.7rem;
    margin-bottom: 1rem;
}

.index-four .cont li p {
    color: #9caebf;
    line-height: 2.5rem;
}


.tit-list {
    text-align: center;
    margin-bottom: 2rem;
}
.tit-list h2 {
    color: #1a1a1a;
    font-size: 2.4rem;
}
.tit-list p {
    color: #ed2429;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: .3rem;
}

.site {
    text-align: center;
    padding: 3rem 0 6rem;
    background-color: #2d2e2e;
}
.site .one img {
    width: 70%;
}
.site .two {
    margin-top: 1.5rem;
}
.site .two img {
    width: 30%;
}
.site .three {
    margin-top: 2rem;
    color: #fff;
    line-height: 2.5rem;
    margin-bottom: 1rem;
}
.site .four {
    color: #ababab;
    font-size: 1.2rem;
    padding-top: 1rem;
    border-top: .1rem solid #6c6d6d;
}
.lf {
    padding: 0 1.5rem;
}
.product-list  {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product-list li {
    width: 48%;
    margin-bottom: 1.5rem;
}
.product-list li img {
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
}
.product-list li p {
    background-color: #404040;
    color: #fff;
    padding: 1rem;
    text-align: center;
	font-size:1.4rem;
}

.news-list li {
    border: .1rem solid #e5e5e5;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
}
.news-list li a {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.news-list .left {
    width: 25%;
    align-self: center;
    padding-right: 1.5rem;
    text-align: center;
    border-right: .1rem solid #e5e5e5;
}
.news-list .left b {
    font-size: 3rem;
    color: #cdcdcd;
}
.news-list .right {
    width: 80%;
    padding-left: 1.5rem;
}
.news-list .right h3 {
    font-weight: bold;
    font-size: 1.6rem;
    color: #333333;
}
.news-list .right p {
    font-size: 1.4rem;
    color: #656565;
    margin-top: .5rem;
    align-self: center;
}

/*首页*/




/* banner */
.banner {
    position: relative;
}
.banner .tit {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%)  translateX(-50%);
    color: #fff;
    border: 1px solid #989fab;
    border-top: 0;
    border-bottom: 0;
    padding: 0 1.5rem;
}
.banner .tit p {
    margin-top: .5rem;
}


/* 子页 导航*/
.nav {
    padding: 2rem 1.5rem 0;
}
.nav ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.nav li {
    width: 48%;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    margin-bottom: 1.5rem;
}
.nav li a {
    color: #343434;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f3f3f3;
}
.nav li.cur a {
    color: #fff;
    background-color: #e7161a;
}
.content {
    color: #4d4d4d;
    font-size: 14px;
    line-height: 2.2rem;
}


.box {
    padding: 2rem 1.5rem 4rem;
}


.product .list li {
    margin-bottom: 1.5rem;
}
.product .list a {
    display: flex;
    justify-content: space-between;
}
.product .list .left {
    width: 30%;
    border: .1rem solid #ececec;
    box-sizing: border-box;
}
.product .list .right {
    width: 70%;
    background-color: #f4f4f4;
    padding: 1rem;
}
.product .list .right h3 {
    color: #1b1b1b;
    font-size: 1.5rem;
    font-weight: bold;
}
.product .list .right p {
    color: #676767;
    font-size: 1.3rem;
    margin: .3rem 0;
}
.product .list .right span {
    color: #ee4b4f;
    font-size: 1.3rem;
    display: inline-block;
}
.product .list .right span img {
    width: 1.3rem;
    margin-left: .5rem;
    vertical-align: middle;
}

.product-detail {
    padding: 0 1.5rem;
}
.product-detail .crumbs {
    border-bottom: .1rem solid #000000;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 1rem 0;
}
.product-detail .crumbs h2 {
    color: #1a1a1a;
    font-size: 2.2rem;
}
.product-detail .crumbs a {
    color: #989898;
    font-size: 1.4rem;
    align-self: center;
    background: url(../images/product-detail_03.png) no-repeat left center;
    background-size: .7rem;
    padding-left: 1.2rem;
}
.product-detail .desc .tit {
    font-size: 2rem;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 1.5rem;
}
.product-detail .desc .jj {
    color: #ed2429;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: .5rem;
}
.product-detail .desc .cont {
    color: #656565;
    line-height: 2.2rem;
}
.product-detail .desc .lx {
    margin-top: 2rem;
}
.product-detail .desc .lx .zxrx {
    background-color: #f9f9f9;
    color: #d11919;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    border-radius: .5rem;
    font-size: 1.5rem;
    border: .1rem solid #ededed;
    box-sizing: border-box;
    margin-bottom: 1.5rem;
    display: block;
}
.product-detail .desc .lx .zxrx b {
    font-size: 1.9rem;
}
.product-detail .desc .lx .zxrx img {
    width: 1.8rem;
    vertical-align: text-bottom;
    margin-right: .5rem;
}
.product-detail .desc .lx .ljxj {
    background-color: #d11919;
    color: #fff;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    border-radius: .5rem;
    font-weight: bold;
    font-size: 1.5rem;
    display: block;
}

.product-detail .items {
    margin-top: 3rem;
}
.product-detail .items .tit {
    background: url(../images/product-detail_19.png) no-repeat right 1rem center #f7f7f7;
    color: #d11919;
    font-size: 1.8rem;
    line-height: 4rem;
    padding: 0 1rem;
    border-bottom: .1rem solid #999999;
    margin-bottom: 1rem;
}
.product-detail .items .cpjs {
    line-height: 2.3rem;
    color: #656565;
}

.down-list li {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    border: .1rem solid #ededed;
    padding: 1.5rem;
    border-radius: .5rem;
    background-color: #fcfcfc;
    margin-bottom: 1rem;
}
.down-list li:last-child {
    margin-bottom: 0;
}
.down-list li b {
    color: #343434;
    font-size: 1.7rem;
    align-self: center;
}
.down-list li a {
    color: #ed2328;
    font-size: 1.4rem;
    align-self: center;
}


.news-detail .tit {
    color: #333333;
    font-size: 1.7rem;
    text-align: center;
}
.news-detail .intro {
    color: #979797;
    font-size: 1.2rem;
    text-align: center;
    margin: 1rem 0;
}
.news-detail .cont {
    color: #676767;
    line-height: 2.3rem;
    border: .1rem solid #ededed;
    border-left: 0;
    border-right: 0;
    padding: 2rem 0 3rem 0;
}
.news-detail .cont video{
    width: 100%;
}
.news-detail .related {
    color: #343434;
    margin-top: 1rem;
    line-height: 3rem;
}
.news-detail .related a {
    color: #343434;
}

.contact {
    padding: 3rem 1.5rem;
}
.contact .one {
    text-align: center;
    margin-bottom: 2rem;
}
.contact .one img {
    width: 80%;
}
.contact .two {
    margin-bottom: 1rem;
}
.contact .two li {
    display: flex;
    justify-content: space-between;
    border: .1rem solid #ededed;
    border-left: .2rem solid #e71317;
    margin-bottom: 1.5rem;
    padding: 1rem 2rem;
}
.contact .two li img {
    width: 12%;
    align-self: center;
}
.contact .two li div {
    width: 80%;

}
.contact .two li h3 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #323232;
    margin-bottom: .5rem;
}
.contact .two li p {
    color: #4c4c4c;
}

#map {
    margin-top: 2rem;
    border: .2rem solid #e9eef4;
}

/*小工具 begin*/

.fs17 {
    font-size: 1.7rem;
}

.fs18 {
    font-size: 1.8rem;
}

.fwb {
    font-weight: bold;
}

.fwn {
    font-weight: normal;
}

.mb1 {
    margin-bottom: 1rem !important;
}

.mb2 {
    margin-bottom: 2rem !important;
}

.mb3 {
    margin-bottom: 3rem !important;
}

.mt1 {
    margin-top: 1rem !important;
}

.mt2 {
    margin-top: 2rem !important;
}

.mt3 {
    margin-top: 3rem !important;
}

.pb1 {
    padding-bottom: 1rem !important;
}

.pb2 {
    padding-bottom: 2rem !important;
}

.pb3 {
    padding-bottom: 3rem !important;
}

.pt1 {
    padding-top: 1rem !important;
}

.pt2 {
    padding-top: 2rem !important;
}

.pt3 {
    padding-top: 3rem !important;
}
/*小工具 end*/









/*分页*/

.pagination {
    text-align: center;
    clear: both;
    padding-top: 30px;
    height: 50px;
}

.pagination a {
    border: 1px solid #cccccc;
    margin-left: 5px;
    padding: 5px 9px;
    background-color: #ffffff;
    text-decoration: none;
    color: #333333;
    font-size: 12px;
}



