@charset "utf-8";

/*重定义*/
:root {
  --diy-base: #333333;
  --diy-zhuti: #0d6fb8;
  --diy-fuzhu: #ff4b05;
  --diy-dianjing: #f47e31;
  --diy-font: 'Microsoft YaHei',Arial,Helvetica,sans-serif,SimSun;
  --diy-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgba(244, 126, 49, 1) 100%);
  /*新增*/
  --diy-fuse: #1355bb;
}

	:root {
		--dy-space-base:8px;
	}
@media (min-width: 576px) {
	:root {
		--dy-space-base:8px;
	}
}
@media (min-width: 768px) {
	:root {
		--dy-space-base:12px;
	}
}
@media (min-width: 992px) {
	:root {
		--dy-space-base:16px;
	}
}
@media (min-width: 1200px) {
	:root {
		--dy-space-base:20px;
	}
}

body{background:#fff;text-align: justify;}
ul,p{ margin: 0; padding: 0;}


.noleaf{ overflow: hidden;}



.headerfix{position: fixed; width: 100%; z-index: 9;-webkit-animation: living 0.6s ease-out 1;}
@keyframes living {
	0%{
		top: -60px;
		opacity:1;  
	}
	100%{
		top:0px;
		opacity: 1;
	}
}


.banner .swiper{ height: 100%;}
.banner .swiper-wrapper{ /* 通过改变animation-timing-function 制作弹性切换效果  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 1s;*/}
.banner .banimg{ width: 100%; height: auto; object-fit: cover;/*transition:1s linear 1s; transform:scale(1.1,1.1);*/}
.banner .swiper .swiper-slide-active img,.banner .swiper .swiper-slide-duplicate-active img{/*transition:5s linear;transform:scale(1,1);*/}

.banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{padding-left: 12px; bottom: 3em;}




.banner .swiper-pagination-bullet{ width: 2.5em; height: .375em; border-radius: .1875em; background-color: #d5e0f4;}
.banner  .swiper-pagination-bullet-active{position: relative;}
.banner  .swiper-pagination-bullet-active::after{ content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%;-webkit-animation: jianbian 4.5s ease-out 1;  background-color: var(--diy-dianjing); z-index: 2;border-radius: .1875em;}
@keyframes jianbian {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}

.cxbox{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 4px; display: flex; flex-direction: row; justify-content:space-between; align-items: stretch; font-size: 1.125rem; background: #fafafa;}
.cxbox .s_qy{ width: 180px; flex-grow: 1.8; }
.cxbox .s_wj{ width: 190px;flex-grow: 1.9;position: relative; }
.cxbox .s_nj{ width: 80px;flex-grow: 0.8;position: relative; }
.cxbox .s_cx{ width: 50px;flex-grow: 0.5; }
.cxbox .s_cx .s_btn{background: var(--diy-zhuti); width: 100%; height: 2.8888em; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; cursor: pointer;border-radius: 5px;}
.cxbox .tit{ width: 100%;  text-align:left; margin-bottom: var(--dy-num-10); height: 1.5em; line-height: 1.5; border-radius: 5px; color: var(--diy-zhuti); font-weight: bold;}
.cxbox .fgroup{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.cxbox .s_qy .fgroup{border: 1px solid rgba(23,23,33,.2);border-radius: 5px;  background: #fff;}
.cxbox .fgroup select{ width: 100px; flex-grow: 1; height: 2.8888em; appearance:none;-webkit-appearance: none;-moz-appearance: none; background:url(../img/ic-jt.png) #fff  no-repeat right 0.611em center; background-size: 0.888em auto; padding-left: 0.61111em;border: 1px solid rgba(23,23,33,.2);border-radius: 5px;}
.cxbox .s_qy .fgroup select{border: 0px solid rgba(23,23,33,.2);border-radius: 5px;}
.cxbox .fgroup input.inpt { width: 100%; flex-grow: 1; height: 2.8888em; appearance:none;-webkit-appearance: none;-moz-appearance: none; padding-left: 0.61111em;border: 1px solid rgba(23,23,33,.2);border-radius: 5px;  text-align: right;}
.cxbox .fgroup input.inpt::placeholder{ color: var(--diy-base); text-align: left;}
.cxbox .fgroup select:nth-child(1){ margin-right: var(--dy-num-10);}
.cxbox .s_qy .fgroup select:nth-child(1){ margin-right: 0;}
.cxbox .s_wj select:first-child{ width: 160px; flex-grow: 1.6;}
.cxbox .fgroup p{ margin-left: 5px;}

.waiji-contianer {width: 100px;position: relative;flex-grow: 1;}
.neiji-contianer {width: 100%;position: relative;}
.auto-tip {position: absolute; top: 2.8888em; right: 0; width: 100%; max-height: 250px; overflow-y: scroll; z-index: 4;background: #fff;display: none;border: 0rem solid #f1f1f1; border-radius:10px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);}
/* .auto-tip {position: absolute; top: 2.222em; right: 0; width: calc(100% - var(--dy-num-20) * 2); max-height: 250px; overflow: scroll; z-index: 4;background: #eee;display: none;}
.auto-tip.waijibox {width: calc(100% - 160px - var(--dy-num-20) * 4);} */
.auto-tip li {box-sizing: border-box;padding: 10px;}
.auto-tip li:not(:last-child) {border-bottom: 1px solid #fff;}


.ttbar{ display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: var(--dy-font-42);}
.ttbar .txt{ font-size: .85em; font-weight: bold;  display: block; position: relative; line-height: 1; padding: 0em 1em 0.5em 1em;}
.ttbar .txt::after{ position: absolute; top:0.5em; left: 0; width: 100%; border: 2px solid var(--diy-zhuti); content: ''; z-index: -1; height: calc(100% - 0.5em);}
.ttbar .txt span{ background: #ffffff; display: inline-block;padding: 0em .2em;}

.taocan{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;}
.taocan .num1{ width: 100px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-grow: 1; margin-top: var(--dy-num-30);box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.taocan .num4{ width: 100px;flex-grow: 1;margin-left: var(--dy-num-30); display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.taocan .num4 li{ width: 40%; flex-grow: 1;margin-top: var(--dy-num-30); box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.taocan .num4 li:nth-child(2n){ margin-left: var(--dy-num-30);}

.taocan .txt{ font-size: .625em; padding: 1em; width: 100%;}
.taocan .txt div{ display: flex; flex-direction: column;justify-content: center;align-items: flex-start;}
.taocan .txt p{ font-size: 1.4em; font-weight: bold; line-height: 1; margin-bottom: 4px;}
.taocan .txt div i{ font-style: normal; background: var(--diy-zhuti); color: #fff; padding: 0.3em .5em; border-radius: 0.3em;margin-top: 0.3em;}
.taocan .num1 .txt{ font-size: 1.125em;padding: 1.5em 1em;}
.taocan .num1 .txt div i {margin-top: 0.5em;}

.quanyi{ width: 100%; display: flex; flex-direction:row; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.quanyi li{ width: 40%; margin-top: var(--dy-num-30);box-shadow: 0px 0px 10px rgba(0,0,0,0.1); flex-grow: 1; box-sizing: border-box; padding: var(--dy-num-30); display: flex; flex-direction:row; justify-content: flex-start; align-items: center; font-size: 1.125em;}
.quanyi li:nth-child(2n){ margin-left: var(--dy-num-30);}
.quanyi li:nth-child(2),.quanyi li:nth-child(3){ background: var(--diy-zhuti); color: #fff;}
.quanyi li img{ margin-right: var(--dy-num-30);}
.quanyi li b{ font-size: 1.33em; display: block; margin-bottom:.4em;}

/* .footer{ background: #f0f0f0; font-size: 1.125em; line-height: 2;}
.footer .row{ align-items: center;}
.footer .row .col-md-4{ display: flex; flex-direction: row; justify-content: flex-end;}
.dilogo{ margin-bottom: .8em;}
.gzewm{ display: flex; flex-direction: column; align-items: center; justify-content: center;} */


.footer{ background: #0072b3; color: #fff;}
.footer a{ color: #fff;}
.ft-logo{ height: 4em;}
.footer p{ font-size: .75em; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.footer p img{ height: 1.333em; margin-right: 1em;}
.footer p b{ font-size: 1.333em;}
.footer ul{ font-size: .75em; margin-top: .5em;}
.footer ul li{ line-height: 2.25em; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.footer ul li img{ width: 1.33em; height: auto; margin-right: .6em;}
.ftbgmap{ background: url(../img/ic-hmap.png) no-repeat right center; background-size: auto 80%; }
.footer .line{ height: 1px; line-height: 1px; background: #fff; overflow: hidden;}

.dibucon{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start; flex-wrap: wrap;}

.gzxx{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.gzxx .moren{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.gzxx .moren img{ width: 120px;}
.footer .col-md-8{ display: flex; flex-direction: row; justify-content: flex-start; align-items:center;}
.ditel{ width: auto; padding-left: 3.3em; background: url(../img/ic_l2.png) no-repeat center left; background-size: 2.8em 2.8em; font-size: 16px; }

.zzbox{ position: fixed; top: 0;  left: 0; width: 100%; height: 100%; z-index: 99; box-sizing: border-box; text-align: center;  background: rgba(0, 0, 0, 0.8);/* display: none; */}
.v-box{ width: 1200px;  height: auto; position: absolute; top: 50%; transform: translate(0, -50%); left: 50%; margin-left: -600px; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; background: #ecf9ff; border-radius: 8px; box-sizing: border-box; padding: var(--dy-num-30); flex-wrap: wrap;}
.v-box .tit{ width: 100%;  text-align: left; border-left: 3px solid var(--diy-zhuti); line-height: 1; padding-left: .5em; margin-bottom: var(--dy-num-20); font-weight: bold;}
.v-box .bjcon{ width: 100px; flex-grow: 1; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content:flex-start; box-sizing: border-box;padding: var(--dy-num-30); border-radius: 6px;}
.v-box .bjcon:last-child{ margin-left: var(--dy-num-30);}
.v-box .bjcon .bjtit{ background: #d7eefe; color:#0b70b8; width: 100%;  line-height: 2; font-size:1.125em; border-radius: 6px;}
.v-box .bjcon ul{ width: 100%; padding:var(--dy-num-10) 0px;height: ;}
.v-box .bjcon ul li{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: var(--dy-num-15) 0px; position: relative;}
.v-box .bjcon ul li::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #c8c8c8;}
.v-box .bjcon ul li span{ color: #999999;text-align: right;display: inline-block; width: calc(100% - 100px);}
.v-box .bjcon ul li b{ color: #ffa801;}
.v-box .bjcon .bjsm{ width: 100%; text-align: left; font-size: .875em; color: #999999;}

.fwsbox {max-height: calc(var(--dy-num-120) + var(--dy-num-60));overflow-y: scroll;}
.fwsbox li p {width: 90px;margin-right: 10px; display: flex;justify-content: flex-start;align-items: center;}

.jmtel{ display: flex; flex-direction:column; justify-content: center; align-items: center;}
.jmtel img{ width: 110px; height: auto;}
.jmtel p{ margin-top: var(--dy-num-15); font-size: 20px;}
.jmtel b{margin-top: var(--dy-num-10); font-size: 42px;}
.xfbttn{ position: fixed; z-index: 20; bottom: 90px;  right: 19px; width: 44px; height: auto;}
.xfbttn a{ width: 100%; height: auto; background: #000; margin-bottom: 5px; display: block; text-align: center; font-size: 14px; box-shadow: 0px 0px 4px rgba(0,0,0,0.3); border-radius: 3px; padding: 6px 0px; background: var(--diy-zhuti); color: #fff; line-height: 1.2;}

.ic-jpfws {display: inline-block;width: 94px;height: 50px;background: url(../img/jpfws.png) no-repeat left center;background-size: 100% auto; }



#gotop{ width: 65px; height: 65px; background:#fff; border-radius: 4px;}
#gotop img{ width: auto; max-width: 100%; height: auto;}

/*侧边悬浮*/
.suspension{position:fixed;z-index:9;right:15px;bottom:100px;width:81px;height:auto; text-align: center;}
.suspension-box{position:relative;float:right;border-radius: 4px;background-color:#fff;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0);border: 1px solid #e3e7ec; }
.sus-d{ position: relative;width:63px;height:63px;cursor:pointer;font-size: 12px; border-bottom: 1px solid #e3e7ec;}
.suspension-box .sus-d:last-child{ border-bottom: 0;}
.sus-d .sus-tit{ width: 100%; height: 100%;display:flex; flex-direction: column; justify-content: center; align-items: center;}
.sus-d .sus-tit img{ width: auto; max-width: 45%; margin-bottom: 3px;}
.sus-d .sus-tit i{ font-style: normal;}
.sus-d .sus-con{ width:140px;background:#fff;position:absolute;right:81px;height:auto; border-radius:6px;box-shadow: 0 0 10px rgba(0, 0, 0, .12); top: 50%; box-sizing: border-box; padding: 15px;  font-size: 14px;  transform: translateY(-50%) scale(0); transition: all linear .2s;}
.sus-d .sus-con::after{ background: #fff;
    content: "";
    -webkit-filter: drop-shadow(2px -2px 1px rgba(0, 0, 0, .05));
    filter: drop-shadow(2px -2px 1px rgba(0, 0, 0, .05));
    height: 8px;
    position: absolute;
    right: 0;
    right: -12px;
    top: 50%;
    -webkit-transform: translate(-100%, -50%) rotate(45deg);
    -ms-transform: translate(-100%,-50%) rotate(45deg);
    transform: translate(-100%, -50%) rotate(45deg);
    width: 8px;}

.sus-d:hover .sus-con{transform: translateY(-50%) scale(1);}
.sus-d .sus-con .inner-box{ line-height: 1.8;}
.sus-d .sus-con .inner-box img{ width:100%;}
.sus-d .sus-con .inner-box p{ width: 100%; text-align: left;}