body{ font-family:"微软雅黑"; font-size:12px; overflow-x: hidden; color: #2f201b; position: relative; max-width: 640px; margin:0 auto;}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
a:hover{ text-decoration:none !important; color: #272d5a;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover{outline: none !important;}
ul,ol{ margin:0; padding:0; }
img{ max-width:100%;}
html{ max-width: 640px; margin:0 auto; }
input,button {outline:none;}
.header{ position: fixed; left: 0; top: 0; right:0; background: rgba(0,0,0,0.3); z-index: 10000; height: 50px; padding:0 15px; }
.logo img{ height: 40px; }
.logo{ line-height: 50px; }
.search-click{ line-height: 50px; }
.search-click img{ height: 24px; }
.header-a{ line-height: 50px; color: #fff; font-size: 14px; margin-left: 10px; margin-right: 50px; }
.header-a a{ color: #fff; }
.banner .swiper-pagination-clickable .swiper-pagination-bullet{ background: none; border:solid 2px #fff; opacity: 1; outline: none!important; }
.banner .swiper-pagination-clickable .swiper-pagination-bullet-active{ background: #214ea2; width: 20px; border-color: #214ea2; border-radius: 4px; }
.phone-a{ position: fixed; right: 0; top: 50%; background: #295ca6; color: #fff; padding:5px; font-size: 12px; z-index: 10000; }
.phone-a img{ width: 25px; margin-bottom: 3px; }
.title{ font-size: 24px; color: #333; font-weight: bold; margin-top: 20px;}
.tt-lind{ margin:10px auto; width: 30px; height: 3px; background: #2e5ac6; }
.cp-txt{ font-size: 12px; color: #6f6f70; line-height: 20px; text-align: justify; }
.nav-swiper a{ display: block; border-right: solid 1px #e8e8e8; border-left: solid 1px #e8e8e8; font-size: 12px; color: #494747; font-weight: bold; }
.nav-swiper a img{ height: 40px;}
.nav-swiper a img.img-hover{ display: none; }
.nav-swiper .swiper-slide-active a img{ display: none; }
.nav-swiper .swiper-slide-active a{ color: #295ca6; }
.nav-swiper .swiper-slide-active a img.img-hover{ display: inline-block; }
.endChange.nav-swiper .swiper-slide-active a img{ display: inline-block; }
.endChange.nav-swiper .swiper-slide-active a{ color: #494747; }
.endChange.nav-swiper .swiper-slide-active a img.img-hover{ display: none; }
.endChange.nav-swiper .active a img{ display: none; }
.endChange.nav-swiper .active a{ color: #295ca6; }
.endChange.nav-swiper .active a img.img-hover{ display: inline-block; }
.nav-lb{ margin:15px 0; position: relative;}
.nav-lb .swiper-button-prev{ left: 0px; width: 10px; outline: none!important; height: 100%; top: 0; margin-top: 0; background: url(../images/left.png) left center no-repeat; background-size: 100% auto; }
.nav-lb .swiper-button-next{ right: 0px; width: 10px; outline: none!important; height: 100%; top: 0; margin-top: 0; background: url(../images/right.png) left center no-repeat; background-size: 100% auto; }
.swiper-button-prev:after,.swiper-button-next:after{ display: none; }
.cp-back{ background: url(../images/cp-back.png) center no-repeat; background-size: cover; padding:30px 15px; }
.cp-title{ font-size: 36px; color: #fff; font-weight: bold; }
.cp-tt-sm{ font-size: 18px; color: #fff; }
.cp-more{ display: inline-block; border:solid 2px #fff; padding:6px 10px; margin:10px 5px; color: #fff; }
.cp-img img{ width: 100%; margin-top: 20px; }
.cp-more:hover{ background: #295ca6; border-color: #295ca6; color: #fff; }
.news-swiper img{ width: 100%; }
.news-swiper .swiper-pagination-clickable .swiper-pagination-bullet{ width: 25px; outline: none!important; text-align: center; line-height: 25px; height: 25px; opacity: 1; background: #000; color: #fff; }
.news-swiper .swiper-pagination-clickable{ text-align: right; padding-right: 20px; bottom: 190px; }
.news-swiper .swiper-pagination-clickable .swiper-pagination-bullet-active{ background: #376ee9; }
.news-title a{ font-size: 16px; color: #373838; }
.news-title{ margin:10px 0 5px 0; }
.txt-elise{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.news-date{ color: #666; }
.news-p{ color: #797979; line-height: 20px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; margin-top: 5px; }
.news-more{ display: inline-block; padding:6px 15px; margin-top: 15px; border-radius: 30px; background: #313134; font-size: 12px; color: #fff!important; }
.news-more span{ padding-right: 20px; display: inline-block; background: url(../images/raw.png) right center no-repeat; background-size: 10px auto; }
.about-back{ background: url(../images/about-back.png) center no-repeat; background-size: cover; padding:10px 0 40px 0; margin-top: 30px; }
.about-back .title{ color: #fff; }
.about-list li{ float:left; width: 33.333333%; font-size: 12px; color: #fff; }
.about-list li img{ height: 40px; margin-bottom: 5px; }
.about-list{ margin:30px 0; }
.about-txt{ color: #fff; line-height: 25px; text-align: justify; margin-bottom: 20px; }
.bottom{ background: url(../images/bottom.png) center no-repeat; background-size: cover; padding:25px 0 20px 0; }
.botom-ul li{ float:left; width: 20%;  }
.botom-ul li a{ color: #fff; font-weight: bold; }
.car-a{ display: inline-block; border-radius: 8px; padding:6px 10px; margin-top: 25px; font-size: 14px; color: #fff; border:solid 2px #535659; }
.car-a span{
	padding-left: 28px;
	background: url(../images/car.png) left center no-repeat;
	background-size: 18px auto;
	font-weight: bold;
}
.bototm-p{ color: #a5a5a5; line-height: 25px; margin-top: 15px; }
.dh{ font-size: 18px; color: #a5a5a5; padding-left: 35px; margin-top: 10px; background: url(../images/dh.png) left center no-repeat; background-size: 25px auto; }
.ewm-box img{ height: 110px; margin-bottom: 5px; }
.ewm-box{ font-size: 11px; color: #a1a0a0; margin-top: 20px; }
.ewm-box div{ display: inline-block; margin:0 5px; }
.footer{ font-size: 10px; color: #8d8d8d; background: #0f1012; line-height: 25px; padding:15px; }
.menuBox {
	display: none;
    position: fixed;
    left: 0;
    top: 50px;
    bottom: 0;
    background: #fff;
    width: 100%;
    z-index: 999999;
    overflow-y: auto;
}
.menuBox li {
    position: relative;
    border-top: 1px solid #eee;
    cursor: pointer;
    font-size: 16px;
}
.menuBox li a {
    display: block;
    color: #333;
    padding:15px;
    background: url(../images/raw-sm.png) 95% center no-repeat;
}
.menuBox li .child {
    display: none;

}
.menuBox li a p{ margin:0; }
.menuBox li .child li{ padding:0 10px; }
.menu-button { position: absolute; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.nav-click{ display: none; }
.search-back{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; transform: translate(0,-100%); transition: 0.3s all; background: url(../images/search-back.png) center no-repeat; background-size: cover; z-index: 1000000; }
.search-back.active{ transform: translate(0,0); }
.search-back-box{ position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%); }
.search-box-logo img{ width: 200px; }
.search-tabs li{ display: inline-block; font-size: 12px; padding:0 5px; color: #999; margin:20px 0 10px 0; }
.search-tabs li a{ color: #999; padding:0; }
.search-tabs li a.active{ color: #fff; }
.search-tabs{ display: inline-block; }
.input-box {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin:0 auto;
    margin-top: 0.4rem;
    font-size: 0;
}
.input-box input {
    box-sizing: border-box;
    width: 80%;
    height: 34px;

    padding: 0 12px;
    border: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 16px;
    vertical-align: middle;
}
.input-box .button {
    width: 20%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #e50212;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
}
.search-a{ display: inline-block; margin-top: 100px; }
.search-a img{ width: 30px; }
/***************about**************/
.about-banner img{ width: 100%; }
.about-banner-bottom{ background: #eee; height: 65px; }
.about-nav{ display: flex; margin-top: -25px; background: #fff; position: relative; z-index: 100; }
.about-nav li{ flex: 1; }
.about-nav li a{ display: block; height: 50px; font-weight: bold; line-height: 50px; border-right: solid 1px #ddd; }
.about-nav li:last-child a{ border:none; }
.about-nav li.active a{ background: #043785; border-color: #043785; color: #fff; }
.about-article p{ text-align: justify; font-size: 14px; color: #6f6f70; line-height: 25px; margin-bottom: 20px; }
.tj-title span{ font-size: 16px; color: #49494a; font-weight: bold; height: 16px; line-height: 16px; border-left: solid 5px #043785; padding-left: 15px; }
.tj-title-lind{ margin:10px -15px; border-top: solid 1px #ddd; }
.tj-img{ position: relative; padding-top: 60%; }
.tj-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.tj-link-tt{ padding:5px 0; border-bottom: solid 1px #ddd; font-weight: bold; color: #333; }
.tj-link-p{ font-size: 12px; color: #999; margin-top: 8px; }
.tj-swiper{ padding-bottom: 40px; margin-bottom: 15px; }
.tj-swiper .swiper-pagination-clickable .swiper-pagination-bullet{ opacity: 1; }
.map img{ width: 100%; }
.map{ margin:0 -15px; }
.contact-box{ margin-top: -15px; background: #fff; padding-top: 20px; position: relative; z-index: 100; }
.contact-top{ border-top: solid 1px #ddd; margin-bottom: 20px; border-bottom: solid 1px #ddd; padding:10px 0; font-size: 12px; }
.contact-top span{ font-size: 18px; }
.contact-p p{ font-size: 12px; color: #666; margin:0; line-height: 25px; }
.contact-p img{ height: 14px; margin-right: 5px; }
.contact-ewm{ font-size: 12px;color: #666; padding-top: 5px; }
.contact-ewm img{ width: 70px; margin-bottom: 5px;}
.fw-title{ font-size: 18px; color: #333; margin:20px 0 5px 0; }
.fw-p{ font-size: 12px; line-height: 20px; text-align: justify; }
.dh-p img{ width: 22px; }
.dh-p{ font-size: 12px; color: #004b9f; padding:20px 0; border-bottom: solid 1px #ddd; }
.dh-p span{ font-size: 18px; font-weight: bold; }
.contact-list li{ background: #f7f5f5; padding:10px 15px; margin-top: 15px;}
.contact-name{ color: #4d4d4d; border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.contact-name span{ font-weight: bold; font-size: 18px; }
.contact-txt p{ position: relative; padding-left: 70px; margin:0; line-height: 25px; }
.contact-txt p span{ position: absolute; left: 0; top: 0; font-weight: bold; width: 70px; }
.contact-list{ padding-bottom: 15px; }
.news-list-img img{ width: 100%; }
.news-list-img a{ display: block; }
.news-list li{ margin-bottom: 15px; }
/*************product*************/
.search-box-c{ background: #fff; padding:10px; margin-top: -25px; position: relative; z-index: 100; }
.search-left{ font-weight: bold; line-height: 36px; }
.search-right{ position: relative; margin-left: 70px; border:solid 3px #eee; }
.search-right .form-control{ border:none; border-radius: 0; padding-right: 100px; font-size: 10px; height: 30px; }
.btn-ss{ position: absolute; right: 0; top: 0; background: #295ca6; padding:0 10px; line-height: 30px; border-radius: 0; border:none; color: #fff!important; }
.btn-ss span{ padding-left: 20px; background: url(../images/icon-ss.png) left center no-repeat; background-size: 14px auto; }
.about-banner-bottom-lg{ height: 70px; }
.down-box{ margin-top: 15px; margin-bottom: 15px; }
.down-select{ background: #4c6ec3; border-radius: 0; outline: none!important; color: #fff; outline: 0!important; font-size: 14px; width: 100%; text-align: left; } 
.dropdown-toggle::after{ float:right; margin-top: 10px; }
.shop-list-img a{ display: block; position: relative; padding-top: 100%; border:solid 1px #ddd; }
.shop-list-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.shop-list li{ float:left; width: 50%; padding:5px; margin:0 0 10px 0; }
.shop-list{ margin:0 -5px; }
.shop-list-tt a{ color: #666; font-weight: bold; }
.shop-list-tt{ margin:10px 0 5px 0; }
.shop-list-p{ font-size: 12px; line-height: 20px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.shop-list-img a:hover:before{ display: block; content: ""; position: absolute; left: 0; background: rgba(41,92,166,0.16); top: 0; width: 100%; height: 100%; z-index: 10; border:solid 3px #295ca6; }
.shop-lg img{ width: 100%; border:solid 1px #ddd; }
.shop-lg-tt{ font-weight: bold; font-size: 16px; margin:15px 0 10px 0; }
.shop-lg-p p{ margin:0; line-height: 25px; color: #666; }
.shop-bj a{ display: inline-block; margin-left: 5px; padding:8px 30px; color: #fff; font-size: 16px; font-weight: bold; background: #1f61b0; }
.shop-bj{ margin:20px 0; }
.cp-tabs{ background: #e8e9e9; margin-bottom: 20px; }
.cp-tabs li{ float:left; }
.cp-tabs li a{ display: block; padding:8px 20px; font-size: 16px; color: #333; font-weight: bold; border-top: solid 2px #e8e9e9; }
.cp-tabs li a.active{ background: #fff; border-color: #1f61b0; }
.cp-qh-p p{ line-height: 25px; text-align: justify; margin-bottom: 15px; }
.table{ font-size: 12px; }
.table th, .table td{ padding:10px; }
.table td.table-c{ background: #f2f2f2; }
.page-box{ display: inline-block; }
.pagination{ margin:20px 0 30px 0; }
.page-link{ margin:0 5px; border-radius: 0!important; color: #333; }
.btn-secondary{ width: 100%;background: #4c6ec3!important; text-align: left; border-radius: 0; }
.dropdown-menu{ width: 100%;background: #4c6ec3!important; border-radius: 0; }
.dropdown-item{ color: #fff!important; }


.clear{ font: 0px/0px sans-serif; clear:both; display: block; height:0px; overflow:hidden }
#zzphotos li{margin-bottom:20px;position: relative;border:5px solid #ddd;}
#zzphotos li .tu{}
#zzphotos li img{width:100%;}
#zzphotos li .tit{text-align: center;font-size:12px;;height:35px;line-height:35px;background:url(../images/tm.png);position: absolute;left:0;bottom:0;width:100%;color:#fff;overflow: hidden}
#zzphotos li:hover{background:#efefef}

.cxview{padding:15px;}
.cxview .cxtit{font-size:18px;line-height:32px;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}
.cxview .cxcon{line-height:23px;padding:15px 0}
.cxview  img{max-width:100%}
.cxview .cxcon img{width:100%}
.cxview .cxtj{margin-bottom:15px}

.abjj{}
.abjj .ab2{margin-bottom:15px}
.abjj .ab1{margin-bottom:15px}

.fenye{text-align:center;margin:20px 0}
.fenye li{display: inline-block;height:25px;line-height:25px;padding:0 3px;}