@font-face {
  font-family: 'iconfont';  /* Project id 2431691 */
  src: url('http://at.alicdn.com/t/font_2431691_pf68qo9qiv7.woff2?t=1629701888534') format('woff2'),
       url('http://at.alicdn.com/t/font_2431691_pf68qo9qiv7.woff?t=1629701888534') format('woff'),
       url('http://at.alicdn.com/t/font_2431691_pf68qo9qiv7.ttf?t=1629701888534') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
@font-face {
  font-family: 'canger';  /* Project id 2431691 */
  src: url('../fonts/canger.ttf');
}
html{overflow:auto;overflow-y:scroll; scroll-behavior:smooth;}
body{color:#333;background:#fff;font-family:'microsoft yahei';overflow-x:hidden;height:100%;font-size: 14px;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;padding:0;margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul,li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
input,i{border:none;outline:none;}
*:focus{border:none;outline:none;}
img{max-width: 100%;}

/*主色调 绿色 #009ea9*/
body{--zhu-color:#009ea9;--pei-color:#b6000c;}

.fl{float: left;}
.fr{float: right}
.clear{clear: both;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.wrap{width:100%;margin:0 auto;overflow: hidden;}
.wrapp{width:100%;margin:0 auto;}
.wrappp{width:100%;margin:0 auto;}
@media(min-width: 1400px){
	.wrappp{width:1400px;}
}
@media(min-width: 1200px){
	.wrap{width:1200px;}
	.wrapp{width:1200px;}
}

/*自定义滚动条*/
.scrollbar::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.scrollbar::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	background   : #535353;
}
.scrollbar::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background   : #ededed;
}

/*ititle*/
.ititle{display: flex;flex-direction: row;align-items: center;width:112px;justify-content: space-between;}
	.ititle .lt{display: flex;flex-direction: column;}
	.ititle .lt span{width:65px;height: 65px;border:solid 1px #333333;border-radius: 50%;text-align: center;line-height: 65px;font-size: 44px;font-family: 'canger';margin:2px 0;}
	.ititle .rt{display: flex;flex-direction: column;}
	.ititle .rt img{width:23px;height: 44px;}
	.ititle .rt p{writing-mode:vertical-lr;text-transform: uppercase;font-size:15px;color:#999999;margin-top: 20px;}

/*ititle2*/
.ititle2{display: flex;flex-direction: column;align-items: center;width:100%;padding:45px 0;}
	.ititle2 .hd{display: flex;flex-direction: row;justify-content: center;margin:0px 2px;width:100%;align-items: center;}
	.ititle2 .hd span{width:65px;height: 65px;border:solid 1px #333333;border-radius: 50%;text-align: center;line-height: 65px;font-size: 44px;font-family: 'canger';margin:0px 2px;}
	.ititle2 .hd img{margin:0 5px;width:23px;height:44px}
	.ititle2 .bd{text-align: center;font-size: 18px;font-family: 'Myriad Pro';padding:15px 0;text-transform: uppercase;}
	@media(max-width: 576px){
		.ititle2{padding:15px 0;}
		.ititle2 .hd span{width: 45px;height: 45px;line-height: 45px;font-size: 30px;}
	}

	
/*划出菜单*/
.fancynav-mainnav{position: fixed;}

/*header*/
.header{}
	.h-nav{width:100%;background:var(--zhu-color);padding:20px 0px;transition: all .5s;height: 110px}
	.h-nav .wrappp{height: 100%}
	.h-nav .container-fluid{height: 100%}
	.h-nav.active{background:rgba(0,158,169,.9);padding:10px 0px;height: 82px; }
	.h-nav.active .h-left img{height: 100%}
	.h-bd{height: 100%}
	.h-left{height: 100%}
	
	.h-mid{font-size: 16px;width:100%;}
	.h-mid ul{width:100%;}
	.h-mid li{position: relative;width:13%;float: left;height: 100%}
	.h-mid .yiji{text-align: center;color: #fcfcfc;display: block;padding:18px 15px 0;}
	.h-mid .yiji span{display: block;width:100%;}
	.h-mid .yiji .hd{font-size:16px;}
	.h-mid .yiji .bd{font-size:12px;opacity: 0.4;text-transform: uppercase;}
	.h-btns{padding-top:10px;height: 100%}
	.h-search{color: #fff;padding:0 15px;cursor: pointer;float: left;}
	.h-search i{font-size: 30px;}
	.h-mid li .sublist{background:#fff;padding:15px 5px;width:100%;border-radius: 10px;line-height:34px;display: none;text-align: center; }
	.h-mid li .sublist a{color: #333;width:100%;display: block;font-size: 14px;}
	.h-mid ul:hover{height: 100%}
	.h-mid li:hover .yiji{background: url(../images/hover.png) right top no-repeat;}
	.h-mid li .sublist a:hover{color:var(--pei-color);}

	.demolist{display: none;}
	.h-menu{text-align: right;display: none;}
	.h-menu i{font-size: 30px;color: #fff;}
	@media(max-width:1200px){
		/*.h-nav .wrap{background: rgba(255,255,255,0.8);}*/
		.h-nav{height: 92px;padding:20px 0;}
		.h-left img{max-height: 100%}
		.h-mid a{font-size: 15px;}
		.h-mid .yiji{padding:10px 8px 0;}
	}
	@media(max-width: 1050px){
		.h-mid .yiji .hd{font-size: 14px;}
	}
	@media(max-width: 992px){
		.h-nav{padding:15px 0;height: 80px;}
		.h-btns{padding:5px 15px 0;}
		.h-menu{display: block;}
	}
	@media(max-width:768px){
		.h-menu i{font-size:32px;}
	}
	@media(max-width:576px){
		.h-nav{padding:10px 0px;height: 50px}
		.h-nav.active{height: 50px}
		.h-left img{height: 30px}
		.h-search{padding:0;}
		.h-btns{padding-top:0px;}
		.h-menu i{font-size:26px;}
		.h-search i{font-size: 26px;}
	}
/*search*/
.search{ display: flex; width: 62%; height: 60%; background: #fff; position: absolute; top:-100%; right:0; align-items: center; transition: all .3s; opacity: 0; z-index: 11000; border-top-left-radius: 10px;border-bottom-left-radius: 10px;overflow: hidden;}
	.search form{ flex:4; height: 100%; position: relative; }
	.search form input{ width: 100%; height: 100%; font-size: 18px; color: #5C5D51; box-sizing: border-box; padding:0 15px; }
	.search form button{ outline: none; position:absolute; display: inline-block; width: 40px; height: 40px; background: var(--zhu-color); text-align: center; line-height: 40px; font-size: 16px;  color: #fff; right:15px; top:50%; margin-top:-20px; border-radius: 50%; transition: all .3s;border:none; }
	.search form button:hover{ background:var(--pei-color); transition: all .3s; }
	.search > a{ flex:1; }
	.search > a span{ display: inline-block; font-size: 24px; color: #666; margin-left: 30px; transition: all .3s; }
	.search > a span:hover{ transition: all .3s; transform: rotate(360deg); }
	.search_show{ transition: all .3s; top:15px; opacity: 1; }
	@media(max-width: 576px){
		.search{width:85%;height: 80%}
		.search_show{top:5px;}

	}

/*footer*/
.footer{background:var(--zhu-color);}
	.f-hd{padding: 60px 0 30px;}
	.f-nav{display: flex;flex-direction: row;}
	.f-nav .item{width:130px;display: flex;flex-direction: column;margin-right: 60px}
	.f-nav .item .t1{color: #fff;font-size: 18px;text-align: center;padding-bottom: 15px;margin-bottom: 10px}
	.f-nav .item ul{display: flex;flex-direction: column;align-items: flex-end;padding-right: 10px;}
	.f-nav .item ul a{color:#ffffff;padding:5px 0;width:100%;text-align: right}
	.f-nav .item ul a:hover{color:#fff;}
	.f-con{display: flex;flex-direction: column;}
	.f-con li{color:#fff;font-size: 14px;line-height: 1.3;margin:10px 0;}
	.f-con li i{font-size: 15px;float: left;margin-right: 10px;}
	.f-ewm{display: flex;flex-direction: column;align-items: center;}
	.f-ewm .pic{width:143px;height: 143px;padding:10px;background: url(../images/f-ewm-kuang.png) no-repeat;background-size:100% 100%;}
	.f-ewm .pic img{width:100%;}
	.f-ewm p{color: #fff;text-align: center;padding:5px 0;}
	.f-bd{padding:15px 0;border-top:solid 1px rgba(255,255,255,.5);display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
	.f-bd p{color:#fff;}
	.f-bd br{display: none;}
	.f-bd a{color:#fff;}
	.f-bd a:hover{color:#fff;}
	@media(max-width: 1200px){
		.f-hd .item{margin-right: 40px;}
	}
	@media(max-width: 992px){
		.footer{background-size: auto 100%;}
		.f-hd .row{justify-content: space-between;padding:0 15px;}
		.f-nav{display: none;}
		
	}
	@media(max-width: 768px){
		.footer{margin-bottom: 50px;}
		.f-ewm{display: none}
	}
	@media(max-width: 576px){
		.f-bd{flex-direction: column;text-align: center;align-items:center;}
		.f-bd p br{display: block;}
		.social-share .social-share-icon{width:30px!important;height: 30px!important;line-height: 30px!important;}
	}

/*down*/
.down{}
	.down ul{display: flex;flex-direction: row;background: #333;position: fixed;z-index: 1;bottom:0;width:100%;}
	.down li{width:25%;border-right:solid 1px #eee;text-align: center;padding:5px 0;}
	.down li:nth-child(4){border-right:none;}
	.down li i{color:#fff;font-size: 22px;line-height: 1}
	.down li p{color:#fff;font-size: 16px;line-height: 1}