/*
*********外层框架start*********
*/
.box{ background: #FFF; padding: 0 .5rem;}
.box.hui{ background: #f7f7f7;}
.box1{padding: 0 .5rem;}
/*顶部start*/
.head1{ height: 2.5rem; line-height: 2.5rem; position: relative; z-index: 5; background: #FFF; overflow: hidden;}
.logo{float: left;margin: .525rem 0 0 .5rem;}
.logo img{display: block;height: 1.15rem;}
.headText{ overflow: hidden; font-size: .8rem; text-align: center; color: #333;}
.menuBtn{display: block;width:2.5rem;height:2.5rem; float: right; display: inline; text-align:center; z-index: 6; position: relative; color: #FFF;}
.menuBtn:before{ display: block; content: ''; width: 0px; height: 100%; position: absolute; left: 0px; top: 0px; transform: scaleX(0.5); -webkit-transform: scaleX(0.5)}
.menuBtn span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.menuBtn .line{width: 1.175rem;height: 2px;background-color: #1a7232;display: block;margin: 8px auto;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;/* transform: scaleY(.5) */}
.menuBtn.active .line{ background: #fff;}
.menuBtn.active .line:nth-child(2){opacity: 0;}
.menuBg1{ height: 2.5rem; position: fixed; left: 0px; top: 0px; z-index: 1; background:#000; width: 100%; transition: all 0s;-webkit-transition: all 0s; visibility: hidden; opacity: 0;}
.menuBg1.active{ opacity: 0; visibility: visible;}
.menuBtn.active .line:nth-child(1){-webkit-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
.menuBtn.active .line:nth-child(3){-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg);}
/*顶部end*/
/* 搜索start */
.search {float: right;height: 2.5rem;width: 2rem; text-align: center; line-height: 2.5rem;background: url(/subsiteSrc/cnMb/images/search.png)no-repeat center /60%;}
.search span{ font-size: 1rem;color: #1a7232;display: none;}
.searchBtn{ width: 2rem;height: 2.5rem; text-align: center; line-height: 2.5rem; color: #7c90b1; float: right;}
.searchBox{ height: 1.75rem; padding:.5rem; padding-right: 0; background: #FFF; margin-top: -2.75rem; transition: all .5s;-webkit-transition: all .5s; visibility: hidden;}
.searchBox.show{margin-top: 0; visibility: visible;}
.searchBox input{ height: 1.75rem; line-height: 1.75rem; vertical-align: middle; border: none; width: 100%; background: #f5f5f5; border-radius: .35rem; box-sizing: border-box;-webkit-box-sizing: border-box; padding: 0 .5rem;}
.searchBox span{display: block; width: 1.75rem; height: 1.75rem; text-align: center; line-height: 1.75rem; color: #0169a6; font-size: .7rem; padding:0 .5rem;}
/* 搜索end */
/*导航start*/
.menuBg{position: fixed; width: 100%; height: 100%; right: 0px; top: 0px; background: rgba(0,0,0,0.5); z-index: 5; visibility: hidden; opacity: 0; transition: all 300ms linear;-webkit-transition: all 300ms linear;}
.menuPage{ position: fixed; width: 100%; height: 100%; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); background:#fff; right: 0px; top: 0px; z-index: 6; overflow: hidden;display:flex;flex-direction:column;visibility: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0;transform: translateX(100%);-webkit-transform: translateX(100%);}
.menuHead{ position: relative; z-index: 2; height: 2.5rem;}
.closeMenu{ position: absolute; right: 0.75rem; top: 0; height: 2.5rem; line-height: 2.5rem;}
.closeMenu i{ font-size: 1.4rem; color: #1A7232;}
.menuPageBody{ clear: both;flex-grow: 1; flex-basis: 0;overflow: hidden; overflow-y: auto;-webkit-overflow-scrolling: touch;}
.menuPageList{ overflow: hidden;padding: 0 .75rem;}
.menuPageList dd{ overflow: hidden; position: relative;}
.menuPageList dd:before{ display: block; content: ''; width: 100%; height: 0; border-bottom: 1px solid #e6e6e6; position: absolute; left: 0px; bottom: 0px; transform: scaleY(0.5); -webkit-transform: scaleY(0.5)}
.menuPageList dd span{ display: block;overflow: hidden; position: relative;}
.menuPageList dd span a{ display: block;overflow: hidden; height: 2rem; line-height: 2rem; text-align: left; font-size: .7rem; color: #333333; padding: 0 .75rem; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; }
.menuPageList dd span em{ display: block; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; color: #999; position: absolute; right: 0px; top: 0px; font-style: normal; display: none; z-index: 1; font-size: .8rem; transition: all .3s linear;-webkit-transition: all .3s linear;}
/*.menuPageList dd span em.icn2{ background-image: url(/subsiteSrc/cnMb/images/jian.png);}*/
.menuPageList dd span em.active{ display: block;}
.menuPageList dd .ejBox{ padding: .4rem .75rem; display:none; background: #FFF;}
.menuPageList dd .ejBox .ejdd{ overflow: hidden; margin-bottom: .5rem;}
.menuPageList dd .ejBox .ejdd .ej{ position: relative;}
.menuPageList dd .ejBox .ejdd .ej em{ display: block; position: absolute; right: 0px; top: 0px; width: 1.25rem; height: 1.25rem; text-align: center; line-height: 1.25rem; font-size: .7rem; display: none; z-index: 20;}
.menuPageList dd .ejBox .ejdd .ej em.active{ display: block;}
/*.menuPageList dd .ejBox .ejdd .ej em.icn3{ background-image: url(/subsiteSrc/cnMb/images/jian2.png);}*/
.menuPageList dd .ejBox .ejdd .ej a{ display: block; height: 1.25rem; line-height: 1.25rem; overflow: hidden; color: #666666; font-size: .65rem; padding-left: 1.4rem; position: relative}
.menuPageList dd .ejBox .ejdd .sj{ overflow: hidden; padding: .25rem .75rem; display: none;}
.menuPageList dd .ejBox .ejdd .sj a{ display: block; height: 1.25rem; line-height: 1.25rem; overflow: hidden; color: #666666; font-size: .6rem; padding-left: 1rem; position: relative}
.menuPageList dd .ejBox .ejdd .sj a:before{ display: block; content: ''; position: absolute; left: .5rem; top: 50%; margin-top: 0; width: .25rem; height: 1px; background: #666666;}

.menuPageList dd.hover span a{ color: #333333;}
.menuPageList dd.hover span em{color: #999999; transform: rotate(0deg);-webkit-transform: rotate(0deg);}
/*导航end*/
/*导航动画start*/
.menuBg.active{visibility: visible; opacity: 1;}
.menuPage.active{visibility: visible; transform: translateX(0);-webkit-transform: translateX(0)}
.menuPage.active .menuPageC1{ display: block;}
/*导航动画end*/
/*底部start*/
.footerList{ height: 2.25rem; overflow: hidden; display: flex; background: #FFF;}
.footerList .item{ flex: 1;}
.footerList .item a{ display: block; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: .25rem; color: #999;}
.footerList .item .icn{ height: .95rem; line-height: .95rem; font-size: .9rem; text-align: center;}
.footerList .item .icn img{ height: .75rem; display: block; margin: 0 auto;}
.footerList .item .text{ height: 1rem; line-height: 1rem; text-align: center; font-size: .6rem;}

.footerList .item.hover a{color: #0092dd;}
/*底部end*/
/*banner start*/
.indexBanner{ width: 100%; position: relative; z-index: 1;}
.indexBanner img{ width: 100%;}
.indexBanner .swiper-pagination{ text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;}
.indexBanner .swiper-pagination span{ outline: none;width: 8px; height: 8px; border-radius: 8px; text-align: center; line-height: 8px; font-size: .6rem; background: #FFF; color: #FFF; opacity: 1;}
.indexBanner .swiper-pagination span.swiper-pagination-bullet-active{ width: 20px;border-radius: 30px;}
/*banner end*/
/*通用问题层start*/
.indexTitle{text-align: center;}
.indexTitle .title{  color: #e5e5e5; font-size: 0.65rem;height: .75rem;margin-bottom: 0.375rem;overflow: hidden;font-family: "Baskerville Old Face";font-style: italic;}
.indexTitle .titlec{  color: #333; font-size: 0.75rem;height: .75rem;overflow: hidden;line-height: .75rem;}
.indexTitle.baise .title{color: #4e634c;}
.indexTitle.baise .titlec{color: #fff;}
/*通用问题层end*/
/*通用按钮start*/
.indexBtn{text-align: center;width: 4.875rem;height: 1.25rem;line-height: 1.25rem;border: 1px solid #d7d7d7;border-radius: 25px;margin: 0 auto;}
.indexBtn a{color: #666;font-size: 0.55rem;}
/*通用按钮end*/
/*通用列表start*/
.indexList{ overflow: hidden;}
.indexList dd{ line-height: 1.5rem; height: 1.5rem;}
.indexList dd a{ display: flex;}
.indexList dd a span{ flex: 1;}
.indexList dd a em{ display: block; font-style: normal; margin-left: .5rem; color: #999;}

/*通用列表end*/
/*
*********外层框架end*********
*/
/*
*********首页内容start*********
*/
/*第1通栏start*/
.col1swiper{margin-left: 0.5rem;overflow: hidden;}
.col1swiper a{display: block;}
.col1swiper .pic::before{padding-top: 152%;}
.col1swiper .text{position: absolute;bottom: 1rem;left: 0;width: 100%;padding: 0 1rem;}
.col1swiper .text .title{font-size: 0.9rem;color: #fff;height: .9rem;line-height: .9rem;margin-bottom: 0.5rem;overflow: hidden;}
.col1swiper .text .info{font-size: 0.6rem;color: #e5e5e5;height: .6rem;line-height: .6rem;margin-bottom: 0.75rem;overflow: hidden;}
.col1swiper .text em{display: block;width: 100%;height: 2px;background: #848980;margin-bottom: 0.5rem;}
.col1swiper .text .num{font-size: 0.75rem;line-height: 0.75rem;height: 0.75rem;color: #f2f2f2;}
.col1swiper .newbtn{padding-right: .5rem;overflow: hidden;}
.col1swiper .btn{width: 2.25rem;margin-right: 1.875rem;position: relative;height: .575rem;;}
.col1swiper .btn .prev{width: 0.8rem;height: 0.575rem;cursor: pointer;outline: none;position: absolute;left: 0;top: 0;background: url(/subsiteSrc/cnMb/images/col1prev.png)no-repeat center /cover;}
.col1swiper .btn .next{width: 0.8rem;height: 0.575rem;cursor: pointer;outline: none;position: absolute;right: 0;top: 0;background: url(/subsiteSrc/cnMb/images/col1prev.png)no-repeat center /cover;transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg)}
.col1swiper .btn2{overflow: hidden;height: .575rem;}
.col1swipertion{height: 3px;background: #c8c8c8;width: 100%;position: relative !important;top: 3px;}
.col1swipertion span.swiper-pagination-progressbar-fill{background: #1a7232;}
/*第1通栏end*/
/*第2通栏start*/
.column2 .list{text-align: center;}
.column2 .list span{display: inline-block;margin: 0 0.25rem;width: 4rem;height: 1.25rem;line-height: 1.25rem;text-align: center;font-size: 0.6rem;color: #333333;background: #fff;border-radius: 30px;overflow: hidden;}
.column2 .list span.hover{color: #1a7232;}
.col2swiper{overflow: hidden;}
.col2swiper .swiper-slide{padding: .5rem 0.75rem 0 1.2rem;box-sizing: border-box;}
.col2swiper .pic{width: 69.1680%;margin-right: 1.425rem;box-shadow: 0 0 4px 8px rgb(0,0,0,0.1);border-radius: 50%;overflow: hidden;}
.col2swiper .pic::before{padding-top: 100%;}
.col2swiper .text{overflow: hidden;}
.col2swiper .text .info{float:left;font-size: 0.55rem;width: .75rem;overflow: hidden;padding-top: 1.25rem;color: #e8d4c6;writing-mode: vertical-lr;margin-right: 0.5rem;}
.col2swiper .text .title{float:left;}
.col2swiper .text .title img{max-width: 2.075rem;}
.col2swipertion{text-align: center;}
.col2swipertion span{background: none;opacity: 1;border: 1px solid #fff;outline: none;}
.col2swipertion span.swiper-pagination-bullet-active{background: #fff;}
/*第2通栏end*/
/*第3通栏start*/
.col4pic{position: relative;border-radius: 5px;overflow: hidden;}
.col4pic::before{display: block;content: "";padding-top: 60%;}
.col4pic img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.col3List .item .con{border-top: 1px solid #e6e6e6;padding: 0.75rem 0;}
.col3List .item:first-child .con{border-top: none;}
.col3List .item .con .title{font-size: 0.7rem;color: #333;line-height: 0.7rem;height: 0.7rem;overflow: hidden;margin-bottom: 0.45rem;}
.col3List .item .con .time{font-size: 0.6rem;color: #999;line-height: 0.6rem;height: 0.6rem;overflow: hidden;margin-bottom: 0.4rem;}
.col3List .item .con .info{font-size: 0.6rem;color: #666;line-height: 1.2rem;height: 2.2rem;overflow: hidden;}
/*第3通栏end*/
/*底部start*/
.footer1{background: #323232;padding: 0.75rem 0.75rem 0.55rem;}
.footer1 .vx{display: block;height: 0.875rem;line-height: 0.875rem;overflow: hidden;text-align: center;font-size: 0.7rem;color: #e5e5e5;margin-bottom: 0.625rem;}
.footer1 .vx img{display: inline-block;vertical-align: middle;height: 0.875rem;margin-right: 0.375rem;position: relative;top: -2px;}
.footer1 a{ color: #e5e5e5;}
.footer1 span{text-align: center;font-size: 0.6rem;color: #e5e5e5;line-height: 1.1rem;display: block;}
/*底部end*/
/*
*********首页内容end*********
*/
/*
*********内页外框架start*********
*/
.pagePrev{display: block;width:2.25rem;height:2.25rem; line-height: 2.3rem; float: left; text-align:center;position: relative;}
.pagePrev a{ font-size: 1rem;}
/**
 * page
 * @author 杨朝杰
 * @return
 */
.ajaxLoad{color:#666;height:2rem;line-height:2rem;text-align:center;clear:both;position:relative;background:#fff;margin:5px 0 0 0; font-size:0.7rem;}
.ajaxLoad i{font-size:0.8rem;margin:0 5px 0 0;color:#e6282d;}

/*二级菜单start*/
.bdTop.c3{position: fixed; left: 0;box-shadow: 0px 0px 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1)}
.mobileSubMenuBox{height: 2rem;}
.mobileSubMenu{
	height:2rem;
	position:relative;
	z-index:5;
	margin:0 auto;
	width: 100%;
	
    background:#FFF;
}
.subMenu .swiper-slide{
	font-size: 0.6rem;
	width: auto;
}
.subMenu a{
	display: block;
	color: #000;
	position: relative;
	margin: 0 0.5rem;
	height: 2rem;
	font-size: 0.7rem;
	line-height: 2rem;
}
.subMenu .swiper-slide.hover a{
	border-bottom: 2px solid #1a7232;
	height: 1.9rem;
}
/*二级菜单end*/
/*二级轮播start*/
.subBanner{
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.subBanner::before{content: "";display: block;padding-top:73.3333%;}
/*二级轮播end*/
/*
*********内页外框架end*********
*/
/* 产品分类 start */
.clasifyHead{padding: .35rem .5rem;background: #FFF;border-radius: .25rem;margin-bottom: 1rem;position: relative;z-index: 1;}
.clasifyHeadTab{height: 2.25rem;line-height: 2.25rem;border-bottom: 1px solid #e5e5e5;margin-bottom: .5rem;}
.clasifyHeadTabL{
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}
.clasifyHeadTabL::after{ display: block; content: ''; clear: both; visibility: hidden;}
.clasifyHeadTabL a{display: inline-block;height: 2.25rem;line-height: 2.25rem;margin: 0 .5rem 0 0;font-size: .7rem;color: #333333;position: relative;}
.clasifyHeadTabL a i{position: absolute;left: 0;margin-left: 0;bottom: -1px;border-bottom: 3px solid #1a7232;width: 100%;height: 0;border-top-color: #cfcfcf;display: none;}
.clasifyHeadTabL a i::before{display: block;content: '';position: absolute;left: -10px;top: -11px;border: 10px solid transparent;width: 0;height: 0;  border-top-color:#fff ;}
.clasifyHeadTabL a:hover{ color: #1a7232; font-weight: bold;}
.clasifyHeadTabL a.hover{ color: #1a7232; font-weight: bold;}
.clasifyHeadTabL a.hover i{ display: block;}
.clasifyHeadTabR{ float: right; display: inline; margin-top: -8px;}
.clasifyHeadSearch{ width: 253px; height: 38px; border: 1px solid #e5e5e5; overflow: hidden; position: relative; padding:0 50px 0 15px; border-radius: 5px;}
.clasifyHeadSearch input{ display: block; width: 100%; height: 100%; font-size: 16px; color: #333; background: none; border: none;}
.clasifyHeadSearch input::-webkit-input-placeholder{ font-size: 16px; color: #999999;}
.clasifyHeadSearch a{ position: absolute; right: 0; top: 0; width: 35px; height: 100%; background: url(/subsiteSrc/cnMb/images/classifyIcn1.png) no-repeat center center;}

.clasifyHeadTabC{padding-top: .25rem;}
.clasifyHeadListBox dd{margin-bottom: .25rem;}
.clasifyHeadListBox dd .label{width: 2.5rem;text-align: left;margin-right: .25rem;height: 1.2rem;line-height: 1.2rem;font-size: .7rem;color: #333333;float: left;display: inline;}
.clasifyHeadListBox dd .ddCon{ overflow: hidden;}
.clasifyHeadList{ overflow: hidden;}
.clasifyHeadList a{overflow: hidden;float: left;display: inline;height: 1.2rem;line-height: 1.2rem;padding: 0 .5rem;color: #333333;font-size: .7rem;margin-right: .5rem;background: #fafafa;margin-bottom: .5rem;border-radius: 5px;}
.clasifyHeadList a:hover{ background: #1a7232; color: #FFF; font-weight: bold;}
.clasifyHeadList a.selected{background: #1a7232;color: #FFF;}
/* 产品分类 end */<!--耗时1759821902.3767秒-->