@font-face {

  font-family: 'iconfont';  /* Project id 2431691 */

  src: url('http://at.alicdn.com/t/font_2431691_5ahjdbnz2f8.woff2?t=1629360092236') format('woff2'),

       url('http://at.alicdn.com/t/font_2431691_5ahjdbnz2f8.woff?t=1629360092236') format('woff'),

       url('http://at.alicdn.com/t/font_2431691_5ahjdbnz2f8.ttf?t=1629360092236') 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: 'DINOT';  

  src: url('../fonts/DINOT-CONDBLACK.OTF');

}*/

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%;}



/*主色调 蓝色 #164ac3*/

body{--zhu-color:#164ac3;--pei-color:#61d14f;}



.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;}

@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;justify-content: space-between;align-items: center;padding:30px 0;}

	.ititle b{color: var(--zhu-color);font-size: 30px;background: url(../images/ititle-icon.png) left center no-repeat;padding-left: 40px;}

	.ititle a{color: #cccccc;font-size: 16px;transition: all .5s}

	.ititle a:hover{color: var(--zhu-color)}

	@media(max-width: 576px){

		.ititle b{font-size: 27px;margin-bottom: 10px}

	}

/*划出菜单*/

.fancynav-mainnav{position: fixed;}



/*header*/

.header{position: relative;}

	.h-nav{width:100%;z-index: 2000;}

	.h-nav-box{width:100%;margin:0 auto;}

	.h-bd{padding-top:15px;padding-bottom: 15px;}

	.h-left{height: 100%}

	.h-left img{max-height: 100%}

	.h-mid{font-size: 16px;width:100%;}

	.h-mid ul{display: flex;flex-direction: row;justify-content: space-around;}

	.h-mid li{position: relative;padding: 20px 0;}

	.h-mid .yiji{color: #fff;padding:5px 15px;position: relative;z-index: 2;transition: all .5s;border-radius:20px;}

	.h-btns{height: 100%}

	.h-search{color: #fff;padding:0 15px;cursor: pointer;float: left;}

	.h-search i{font-size: 30px;}

	.h-mid li .sublist{position: absolute;background:rgba(22,74,195,.7);display: flex;flex-direction: column;padding:15px 0;top:50px;left:50%;transform: translateX(-50%);width: 140px;border-radius: 10px;display: none;}

	.h-mid li .sublist a{color: #fff;padding:5px 15px;display: block;text-align: center;}

	.h-mid ul:hover{height: 100%}

	.h-mid li:hover{height: 100%}

	.h-mid li:hover .yiji{color: var(--zhu-color);background: #fff; }

	.h-mid li .sublist a:hover{color:var(--pei-color);}

	.h-tel{text-align: right;color:#fff;font-size: 20px;font-weight: bold;padding:5px 0;}

	.demolist{display: none;}

	.h-menu{text-align: right;display: none;}

	.h-menu i{font-size: 30px;color: #fff;}

	@media(min-width: 1400px){

		.h-nav-box{width:1400px;}

	}

	@media(max-width: 1400px){

		.h-mid .yiji{padding:5px 5px;}

	}

	@media(max-width:1200px){

		.h-mid .yiji{padding:5px;font-size: 13px;}

		.h-mid a{font-size: 15px;}

	}

/*	@media(max-width:1024px){

		.h-mid{display: none!important;}

	}*/

	@media(max-width: 992px){

		.h-btns{padding:5px 8px 0;}

		.h-mid{display: none!important;}

		.h-menu{display: block;}

		.h-bd{height: 75px;padding-top:8px;padding-bottom: 8px;}

	}

	@media(max-width:768px){

		.h-hd .lt{display: none;}

		.h-menu i{font-size:32px;}

		.h-bd{height: 65px;}

	}

	@media(max-width:576px){

		.h-hd{display: none;}

		.h-bd{height: 55px;}

		.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:url(../images/f-bg.jpg) center no-repeat;}

	.f-hd{padding: 60px 0 30px;}

	.f-hd .f-nav{display: flex;flex-direction: row;}

	.f-hd .item{width:130px;display: flex;flex-direction: column;margin-right: 30px}

	.f-hd .item .t1{color: #fff;font-size: 18px;font-weight: bold;border-bottom: solid 1px #5f637e;text-align: center;padding-bottom: 15px;margin-bottom: 10px}

	.f-hd .item ul{display: flex;flex-direction: column;align-items: center;}

	.f-hd .item ul a{color:#cccccc;padding:5px 0;max-width: 100%}

	.f-hd .item ul a:hover{color:#fff;}

	.f-con{display: flex;flex-direction: column;}

	.f-con .t1{color: #fff;font-size: 18px;font-weight: bold;margin-bottom: 5px;}

	.f-con .t2{color: var(--pei-color);font-size: 32px;font-weight: bold;}

	.f-con .t3{color: #cccccc;}

	.f-con a{width:140px;height: 42px;background: var(--pei-color);display: block;color: #fff;text-align: center;line-height: 42px;position: relative;float: left;transition: all .5s;overflow: hidden;margin-top: 30px;}

	.f-con a i{position: absolute;width:100%;height: 100%;font-style: normal;display: block;text-align: center;line-height: 42px;z-index: 2}

	.f-con a:before{content:'';position: absolute;top:0;right:0;width:18px;height: 20px;background: url(../images/f-jiao.png) right top no-repeat;transition: all .5s;z-index: 1}

	.f-con a:hover:before{width:100%;height: 100%;background: url(../images/f-jiao.png) right top no-repeat var(--zhu-color);}

	.f-bd{padding:15px 0;border-top:solid 1px #5c6078;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}

	.f-bd p{color:#4e5172;}

	.f-bd br{display: none;}

	.f-bd span{font-size: 30px;color: #cccccc;font-weight: bold;opacity: 0.4}

	@media(max-width: 992px){

		.footer{background-size: auto 100%;}

		.f-nav{justify-content: space-between;}

		.f-hd .item{margin-right: 0;}

	}

	@media(max-width: 768px){

		.footer{margin-bottom: 50px;}

		.f-con{margin-top: 30px;}

		.f-bd img{display: none;}

	}

	@media(max-width: 576px){

		.f-bd{flex-direction: column;}

		.f-bd span{font-size: 20px;}

		.f-bd p br{display: block;}

		.f-hd .f-nav{display: none}

	}



/*down*/

.down{}

	.down ul{display: flex;flex-direction: row;background: #333;position: fixed;z-index: 9999;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}