/* CSS Document */
body,div,ul,li,p,h3,h1,h2,h5,h6,h4,dl,dt,dd,table,tr,td,img,span,b,form,input,span,video{ margin:0; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* 禁止缩放表单  取消ios默认样式*/
input[type="submit"],input[type="reset"],input[type="button"],input,textarea {resize: none;border: none;-webkit-appearance: none;}
/*去掉默认number的上下按钮样式*/
input[type=number] {-moz-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
/* 设置HTML5元素为块 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
img{ border:none;display: block;vertical-align:middle}
ol, ul, li{ list-style:none;}
table {	border-collapse: collapse;	border-spacing: 0;	empty-cells: show;	font-size: inherit;}
em,i{ font-style: normal;}
a,input,textarea{ text-decoration:none}
/*取消边线*/
input,select,button,textarea {outline: none;}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
font{ font-size:12px;}
body{ min-width: 320px; font-size:12px; color:#000; font-family:"PingFangSC-Regular","微软雅黑","Microsoft Yahei";}
/*单行溢出*/
.one-txt-cut {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*多行溢出 手机端使用*/
.txt-cut {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;/* -webkit-line-clamp: 2; */-webkit-box-orient: vertical;}


/* 顶部菜单 */
.header{width: 100%;height: 100px;background: transparent;position: fixed;top: 0;display: block;z-index: 99;}
header{width: 90%;height: 100%;margin: 0 auto;display: flex;align-items: center; justify-content: space-between;}
header .logo .ilogo{width: 202px;height: 58px;display: block;background: url("../img/common/logo1.png") no-repeat;background-size: 100%;}
.navbox{height: 58px;display: flex;margin: 0 10px;}
.navbox .item{font-size: 18px;line-height: 24px;color: #fff;padding: 17px 0;}
.navbox .item + .item{margin-left: 50px;}
.navbox .item.on,.navbox .item:hover{color: #9bc83e;}
.qrcodebox{width: 160px;height: 40px;display: flex;align-items: center;justify-content: space-between;}
.qrcodebox .item{width: 40px;height: 40px;position: relative;cursor: pointer;}
.qrcodebox .item .icon{display: block;width: 100%;height: 100%;}
.qrcodebox .item .i1{background: url("../img/common/top-1.png") no-repeat;background-size: 100%;}
.qrcodebox .item .i2{background: url("../img/common/top-2.png") no-repeat;background-size: 100%;}
.qrcodebox .item .i3{background: url("../img/common/top-3.png") no-repeat;background-size: 100%;}
.qrcodebox .item .qrcode{width: 90px;height: 90px;position: absolute;left: -35px;top: 60px; opacity: 0;
	border: 10px solid #fff;background: #fff;box-shadow: 0px 0px 10px 1px #ddd;}
.qrcodebox .item .icon:hover  + .qrcode{opacity: 1;}
.header.is-fixed{background: #fff;box-shadow: 0px 2px 10px 0px rgba(185, 185, 185, 0.5);}
.is-fixed header .logo .ilogo{background: url("../img/common/logo2.png") no-repeat;background-size: 100%;}
.is-fixed .navbox .item{color: #333;}
.is-fixed .navbox .item.on, .is-fixed .navbox .item:hover{color: #75a315;}
.is-fixed .qrcodebox .item .i1{background: url("../img/common/top-1-2.png") no-repeat;background-size: 100%;}
.is-fixed .qrcodebox .item .i2{background: url("../img/common/top-2-2.png") no-repeat;background-size: 100%;}
.is-fixed .qrcodebox .item .i3{background: url("../img/common/top-3-2.png") no-repeat;background-size: 100%;}
.header,.header * {transition: all 0.3s ease-in-out;}

.headerm{width: 100%;height: 50px;display: none;align-items: center; justify-content: space-between;position: fixed;top: 0;background: #fff;z-index: 99;}
.headerm .logom{margin-left: 10px;}
.headerm .logom img{height: 36px;}

@media (min-width:768px) and (max-width:1500px){
	.navbox .item {font-size: 16px;}
	.navbox .item + .item{margin-left: 20px;}
	header .logo .ilogo{width: 153px; height: 44px;}
}
@media (max-width:767px){
	.header{display: none;}
	.headerm{display: flex;}
	.banner .hd{display: none !important;}
	.banner .line{display: none !important;}
}

/* 底部菜单 */
.footer{width: 100%;height: auto;background: #f9f9f9;position: relative;}
.footer .line{width: 90%;height: 1px;background: #ddd;position: absolute;left: 0;right: 0;margin: 0 auto; top: 200px;}
.footer .line2{width: 90%;height: 1px;background: #ddd;position: absolute;left: 0;right: 0;margin: 0 auto; bottom: 104px;}
footer{width: 90%;height: auto;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
footer .zuo{width: 44%;height: 626px;}
footer .zuo .logof{display: block;padding: 88px 0 50px 0;}
footer .zuo .logof img{width: initial;height: 58px;}
footer .zuo h3{font-size: 30px;line-height: 40px;color: #343434;padding: 36px 0 56px;}
footer .gray{width: 100%;height: 200px;background: #e7e7e7;position: relative;left: 0;box-sizing: border-box;padding: 36px 0 0 0;}
footer .gray::after{content: '';display: block; width: 5vw;height: 100%;background: #e7e7e7;position: absolute;left: -5vw;top: 0;}
footer .gray .t1{font-size: 20px;line-height: 40px;color: #000;}
footer .gray .t1 span{ font-size:22px}
footer .gray .t2{font-size: 26px;line-height: 40px;color: #000;margin-top: 16px;}
footer .gray .t3{font-size: 20px;line-height: 40px;color: #000;}
footer .icpbox{width: 100%;height: 104px;box-sizing: border-box;padding: 26px 0 0 0;display: flex;justify-content: space-between;}
footer .icpbox p {height: 32px;font-size: 14px;line-height: 24px;color: #999999;display: flex;align-items: center;}
footer .icpbox p a{color: #999999;}
footer .icpbox p a:hover{color: #73a315; text-decoration:underline}
footer .icpbox p img{width: 18px;height: 17px;margin: 0 4px 0 12px;}
footer .you{width: 40%;height: 626px;}
footer .phone{height: 22px;font-size: 16px;line-height: 22px;color: #333;display: flex;align-items: center;margin-top: 76px;}
footer .phone img{width: 22px;height: 22px;margin-right: 10px;}
footer  h2{font-size: 40px;line-height: 1em;color: #333;margin-top: 16px;}
footer .tel{height: 18px;display: flex;align-items: center;margin-top: 14px;}
footer .tel span{font-size: 18px;line-height: 1.2em;color: #333;}
footer .tel span + span{margin-left: 28px;}
footer .locat{height: 28px;font-size: 24px;line-height: 1em;color: #333;display: flex;align-items: center;margin-top: 52px;}
footer .locat img{width: 24px;height: 28px;margin-right: 18px;}
footer .address{height: 24px;font-size: 16px;line-height: 1em;color: #444;display: flex;align-items: center;justify-content: space-between;margin-top: 26px;}
footer .address a{height: 24px;font-size: 16px;line-height: 1em;color: #666666;display: flex;align-items: center;}
footer .address img{width: 24px;height: 24px;margin-right: 12px;}
footer .us{height: 27px;font-size: 24px;line-height: 1.2em;color: #333;display: flex;align-items: center;margin-top: 50px;}
footer .us img{width: 27px;height: 27px;margin-right: 18px; }
footer .qrcodegroup{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 40px;}
.qrcodegroup li img{width: 90px;height: 90px;border: 10px solid #fff;}
.qrcodegroup li img:hover{box-shadow: 0px 0px 10px 1px #ddd;}
.qrcodegroup li p{font-size: 14px;line-height: 32px;color: #444444;text-align: center;}
.footer,.footer * {transition: all 0.3s ease-in-out;}
@media (min-width:1201px) and (max-width:1500px){
	footer .you{width: 52%;}
}
@media (min-width:768px) and (max-width:1200px){
	footer .zuo{width: 100%;height: auto;}
	footer .you{width: 100%;}
	footer .gray::after{display: none;}
}
@media (max-width:767px){
	footer{}
	footer .zuo{width: 100%;height: auto;}
	footer .you{width: 100%;height: auto;}
	.footer .line,.footer .line2{display: none;}
	footer .zuo .logof{padding: 20px 0;}
	footer .zuo .logof img{height: 36px;}
	footer .zuo h3{font-size: 18px;line-height: 1.4em;padding: 0 0 20px 0;}
	footer .gray::after{display: none;}
	footer .gray{height: auto;padding: 10px 0;}
	footer .gray .t1{font-size: 16px;line-height: 1.2em;}
	footer .gray .t2{font-size: 18px;line-height: 1.2em;margin: 10px 0;}
	footer .gray .t3{font-size: 16px;line-height: 1.2em;}
	footer .phone{margin-top: 20px;}
	footer h2{font-size: 22px;line-height: 1.4em;margin-top: 10px;}
	footer .tel{margin-top: 10px;}
	footer .tel span{font-size: 16px;line-height: 1.4em;}
	footer .locat{font-size: 18px;margin-top: 20px;}
	footer .address{margin-top: 10px;font-size: 14px;flex-wrap: wrap;height: auto;}
	footer .address a{width: 100%;margin-top: 10px;font-size: 14px;}
	footer .us{font-size: 18px;margin-top: 20px;}
	footer .qrcodegroup{flex-wrap: wrap;justify-content: flex-start;margin-top: 20px;}
	.qrcodegroup li{margin-right: 10px;}
	.qrcodegroup li img{width: 80px;height: 80px;border: 6px solid #fff;}
	footer .icpbox{display: block;padding: 10px 0;height: auto;}
	footer .icpbox p{width: 100%;height: auto; flex-wrap: wrap;font-size: 12px;}
}


.consult{height: auto;position: fixed;right: 20px;top: 55vh;opacity: 1;z-index: 999; background:#9CC}
.consult .citem{height: auto;position: relative;box-shadow: 12px 12px 26px 6px rgba(20, 21, 22, 0.1); width:74px; }
.consult .citem .show{width: 74px;height: 84px;display: flex;flex-direction: column;align-items: center;justify-content: center; background: #fff;cursor: pointer;}
.consult .citem .show .icon{width: 40px;height: 40px;}
.consult .citem .show .icon0{background: url("../img/common/dy.png") no-repeat;background-size: 40px;}
.consult .citem .show .icon1{background: url("../img/common/tel.png") no-repeat;background-size: 40px;}
.consult .citem .show .icon2{background: url("../img/common/qr.png") no-repeat;background-size: 40px;}
.consult .citem .show .icon3{background: url("../img/common/top.png") no-repeat;background-size: 40px;}
.consult .citem .show p{font-size: 12px;line-height: 1em;color: #333;margin-top: 8px;}
.consult .citem .tel{width: 130px;height: 36px;font-size: 14px;line-height: 36px;background: #fff;color: #333;border-radius: 4px;border: 1px solid #f2f4f5;
	position: absolute;top: 23px;left: 0px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);text-align: center;opacity: 0;}
.consult .citem .tel::after{content: "";display: block;width: 12px;height: 12px;background: #fff;transform: rotate(45deg);position: absolute;
	right: -6px;top: 12px; }
.consult .citem .qrimg{width: 128px;height: 128px;background: #fff;border-radius: 4px;border: 1px solid #f2f4f5;position: absolute;top: -23px;left: 0px; 
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);opacity: 0;display: flex;align-items: center;justify-content: center;}
.consult .citem .qrimg img{width: 110px;height: 110px;}
.consult .citem:hover .show{background: #18439b;}
.consult .citem:hover .show .icon0{background: url("../img/common/dy-on.png") no-repeat;background-size: 40px;}
.consult .citem:hover .show .icon1{background: url("../img/common/tel-on.png") no-repeat;background-size: 40px;}
.consult .citem:hover .show .icon2{background: url("../img/common/qr-on.png") no-repeat;background-size: 40px;}
.consult .citem:hover .show .icon3{background: url("../img/common/top-on.png") no-repeat;background-size: 40px;}
.consult .citem:hover .show p{color: #fff;}
.consult .citem:hover .tel{opacity: 1;left: -150px;}
.consult .citem:hover .qrimg{opacity: 1; left:-150px}
.consult *{transition: all 0.4s ease-in-out;} 
#top{opacity: 0;}
@media (max-width:767px){
	.consult{display: none;}
}


/*分页*/
.page02{ display:none}
.page01{float:left; overflow:hidden; width:100%; text-align:center;  font-size:16px  }
.page-num:not(:disabled) {cursor: pointer;}
.page-num, .page-link {padding:13px 23px; margin:0 7px;margin-left: -1px;line-height:50px; color: #75a315; background-color: #fff; border: 1px solid #dee2e6;}
a.page-num:hover, .page-link:hover {text-decoration: none;}
.page-num-current {z-index: 1; color: #fff; background-color: #75a315; border-color: #75a315;}
.page-num-current:hover {color: #fff;}
.page02{ display:none}
/*分页*/

/******** 手机版 ********/
@media (max-width:767px){


/*分页*/
.page01{ display:none}
.page02{ display:block; padding-top:20px; margin-top:0px; border-top:1px solid #eee; margin-bottom:0px}
.page-num:not(:disabled) {cursor: pointer;}
.page-num, .page-link {padding:6px 8px; margin:0 5px;margin-left: -1px; line-height:40px; color: #75a315; background-color: #fff; border: 1px solid #dee2e6; border-radius:3px; font-size:14px;}
/*分页*/
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.page02{ display:none}
/*分页*/
.page01{border-top:1px solid #eee;  padding-top:40px; margin-top:0px; font-size:14px  }
.page-num, .page-link {padding:10px 20px; margin:0 7px;margin-left: -1px;line-height:50px; }
/*分页*/
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){

.page02{ display:none}
/*分页*/
.page01{border-top:1px solid #eee;  padding-top:40px; margin-top:0px; font-size:14px  }
.page-num, .page-link {padding:11px 21px; margin:0 7px;margin-left: -1px;line-height:50px; }
/*分页*/
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.page02{ display:none}
/*分页*/
.page01{border-top:1px solid #eee;  padding-top:50px; margin-top:0px; font-size:15px  }
.page-num, .page-link {padding:11px 21px; margin:0 7px;margin-left: -1px;line-height:50px; }

/*分页*/


}