@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}

body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:'PingFang SC','PingFangMedium',"microsoft yahei"; font-size: 16px;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
div,li,ul,h6{box-sizing:border-box;color: #000;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{margin:0 auto;width: 1080px;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #fff;overflow-x: hidden;}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}


.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline:hover{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}

.relative{position: relative;}
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}


/* index */
.head{background-color: #2967e6;height: 100px;position: sticky;width: 100%;left: 0;top: 0;z-index:100;}
.head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.hd-logo{}
.hd-logo .img{height: 54px;width: auto;}

.hd-nav{}
.hd-nav li{display: inline-block;vertical-align: middle;margin-left: 35px;}
.hd-nav li>a{display: block;font-size: 18px;color:#fff;line-height: 48px;position: relative;}
.hd-nav li>a::after{content:'';position: absolute;width: 0;height: 2px;background-color: #fff;border-radius:4px;left: 50%;bottom: 0;transition: all .3s;}
.hd-nav li.cur>a::after,.hd-nav li:hover>a::after{width: 30px;margin-left: -15px;}



.idx-ban .item{background-color: #2967e6;height: 600px;display: flex;align-items: flex-end;}
.idx-ban .auto{margin:50px auto;width: 1080px;}
.idx-ban .detail{display: flex;align-items: flex-start;}
.idx-ban .info{flex:1;overflow: hidden;padding-top: 90px;}
.idx-ban .title{font-size: 36px;color:#fff;}
.idx-ban .txt{font-size: 16px;color:#fff;margin-top: 25px;}
.idx-ban .pic{width: 48%;margin-left: 30px;}

.idx-tt{margin-bottom: 35px;text-align: center;}
.idx-tt .bt{font-size: 30px;color:#333333;}


.idx-intro{padding:70px 0;}
.idx-intro .txt{font-size: 16px;line-height: 2;color:#000;}
.idx-intro .txt p{text-indent: 2em;}

.idx-func{padding:20px 0 100px;}
.idx-func .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.idx-func .list .item{width: 31.3%;margin:0 0 2% 2%;padding:35px 20px;background-color: #f8f8f8;}
.idx-func .list .icon{width: 96px;display: block;margin:0 auto;transition: all .3s;}
.idx-func .list .title{font-size: 22px;text-align: center;margin-top: 20px;}
.idx-func .list .txt{font-size: 16px;line-height: 2;margin-top: 20px;}
.idx-func .list .item:hover .icon{transform: scale(1.1,1.1);}


.idx-xt{padding:60px 0;background-color: #f8f8f8;}
.idx-xt .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.idx-xt .list .item{width: 46%;margin-bottom: 4%;}
.idx-xt .list .imgbox{/* height: 310px; */ height: auto!important;}
.idx-xt .list .title{font-size: 18px;text-align: center;margin-top: 20px;}

.foot{background-color: #1d3549;padding-bottom: 6px;}
.ft-t{padding:50px 0;display: flex;}
.ft-t .col{width: 25%;}
.ft-t .tit{font-size: 18px;color:#fff;margin-bottom: 16px;}
.ft-t .lks{}
.ft-t .lk{font-size: 14px;color:#bbbbbb;display: block;line-height: 26px;margin-bottom: 10px;}
.ft-t a.lk:hover{color:#fff;}

.ft-b{text-align: center;font-size: 14px;color:#bbb;padding:15px 0;}



@media screen and (min-width:992px) and (max-width:1100px){
	.auto{width: 92%;}
	
	.hd-logo .img{height: 45px;}

}

@media screen and (min-width:768px) and (max-width:991px){
	.auto{width: 92%;}
	
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 40px;height: 40px;background: url(../images/menu.png) no-repeat center;background-size:34px;margin-top: -20px;display: block;z-index:101;}
	.sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:30px;}
	
	.head{height: 75px;}
	.hd-logo .img{height: 40px;}
	
	
	.hd-nav{position: fixed;width: 100%;left: 0;top: 75px;bottom: 0;background-color: rgba(0,0,0,.6);display: none;}
	.hd-nav ul{width: 300px;background-color: #2967e6;position: absolute;right: 0;top: 0;bottom: 0;overflow-y: scroll;}
	.hd-nav li{display: block;margin: 0;text-align: center;border-top:1px solid rgba(255,255,255,.1);}
	.hd-nav li>a{line-height: 80px;}
	
	.idx-ban .detail{align-items: center;}
	.idx-ban .item{height: 350px;}
	.idx-ban .title{font-size: 30px;}
	.idx-ban .pic{margin-left: 40px;}
	.idx-ban .info{padding-top: 0;}
	
	.idx-func .list .item{width: 48%;}
	
	.idx-xt .list .imgbox{height: 250px;}
	
}

@media screen and (min-width:320px) and (max-width:767px){
	.auto{width: 92%;}
	
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 40px;height: 40px;background: url(../images/menu.png) no-repeat center;background-size:30px;margin-top: -20px;display: block;z-index:101;}
	.sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:26px;}
	
	.head{height: 65px;}
	.hd-logo .img{height: 35px;}
	
	
	.hd-nav{position: fixed;width: 100%;left: 0;top: 65px;bottom: 0;background-color: rgba(0,0,0,.6);display: none;}
	.hd-nav ul{width: 60%;background-color: #2967e6;position: absolute;right: 0;top: 0;bottom: 0;overflow-y: scroll;}
	.hd-nav li{display: block;margin: 0;text-align: center;border-top:1px solid rgba(255,255,255,.1);}
	.hd-nav li>a{line-height: 80px;}
	
	
	.idx-ban .item{height: auto;text-align: center;padding:40px 0;}
	.idx-ban .title{font-size: 24px;}
	.idx-ban .detail{display: block;}
	.idx-ban .txt{margin-top: 5px;font-size: 14px;}
	.idx-ban .pic{margin:30px auto 0;display: block;width: 75%;}
	.idx-ban .info{padding-top: 0;}
	
	
	.idx-tt{margin-bottom: 20px;}
	.idx-tt .bt{font-size: 24px;}
	
	.idx-intro{padding:50px 0;}
	.idx-intro .txt{line-height: 1.8;}
	
	.idx-func{padding:20px 0 50px;}
	.idx-func .list{margin-left: 0;}
	.idx-func .list .item{width: 100%;margin:0 0 5%;}
	.idx-func .list .icon{width: 70px;}
	.idx-func .list .title{font-size: 20px;}
	.idx-func .list .txt{font-size: 16px;line-height: 1.8;margin-top: 8px;}
	.idx-func .list .item:last-child{margin-bottom: 0;}
	
	.idx-xt{padding:50px 0;}
	.idx-xt .list .item{display: block;width: 100%;}
	.idx-xt .list .imgbox{height: auto;max-height: 300px;}
	
	.ft-t{display: block;padding:40px 0 30px;}
	.ft-t .col{display: block;width: 100%;margin-bottom: 20px;}
	.ft-t .col:last-child{margin-bottom: 0;}
	.ft-t .tit{font-size: 16px;margin-bottom: 10px;}
	.ft-t .lks{margin-left: -15px;}
	.ft-t .lk{display: inline-block;vertical-align: middle;margin-left: 15px;margin-bottom: 0;}
	
	.ft-b{font-size: 13px;padding:10px 0;line-height: 1.6;}
	.ft-b span{display: block;}
}