@charset "utf-8";


@font-face
{font-family: youshebiaotihei;
src: url('../font/youshebiaotihei.ttf')}


	


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:inherit;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
: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%}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
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{padding:0 2.5%;}
: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;}
.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;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}	

.imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}


.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{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.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-center{display: flex;align-items: center;justify-content: center;}
.squareimg{width:100%;padding-bottom: 100%;overflow: hidden;position: relative;}
.squareimg .img{ position: absolute;top: 50%;left: 50%;width: 100%;height: 100%; object-fit: cover;transform: translate(-50%,-50%);}
.item:hover .imgbox.squareimg .img{transform: translate(-50%,-50%) scale(1.1,1.1) ;}

.idx-body{width:100%;height:100vh;overflow: hidden;line-height: 1.6;background:url(../images/idx_01.jpg) no-repeat center;background-size:cover;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.idx-body *{box-sizing:border-box;}
.idx-head{padding:30px 45px;position: absolute;width: 100%;left:0;top:0;display: flex;align-items: center;justify-content: space-between;}
.idx-logo{display: flex;align-items: center;font-size:36px;color:#fff;font-weight: bold;text-shadow:0 1px 3px #000;}

.idx-logo .img{height:45px;width:auto;margin-right:10px;}
.idx-contact{position: relative;padding:10px 0;}
.idx-contact .text{font-size:16px;color:#fff;padding:0 25px;line-height: 44px;border-radius:22px;background:#55c981;display: flex;align-items: center;}
.idx-contact .text:before{content:'';width:24px;height:24px;background:url(../images/idx_08.png) no-repeat center;background-size:contain;margin-right:9px;}
.idx-contact .drop{border-radius:10px;overflow: hidden;position: absolute;left:50%;transform: translate(-50%,5px);width: 160px;box-shadow: 0 0 10px #ddd;z-index:101;display: none;}
.idx-contact .drop .pic{width:100%;}
.idx-contact:hover .text{background:#20c15d;}
.idx-contact:hover .drop{display: block;}


.idx-main{width: 100%;flex:1;overflow: hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-top:5vh;}
.idx-list{display: flex;width: 80%;justify-content: center;margin:0 auto;}
.idx-list .item{max-width:380px;width:30.3%;border-radius:10px;margin:0 1.2%;text-align: center;padding:40px 15px;background:url(../images/idx_14.jpg) no-repeat center top;background-size:cover;}
.idx-list .img{height:180px;width:auto;margin:0 auto;display: block;}
.idx-list .title{font-size:44px;color:#000;font-family: 'youshebiaotihei';line-height: 1.2;margin-top:8px;}
.idx-list .txt{font-size:22px;color:#767676;margin:5px auto 0;}
.idx-list .enter{margin:50px auto 0;font-size:20px;color:#fff;width:230px;height:55px; background: linear-gradient(to right, #55c981 , #20ba5a);border-radius:6px;}
.idx-list .enter::after{content:'';width:22px;height:22px;background:url(../images/idx_05.png) no-repeat center;background-size:contain;margin:2px 0 0 9px;}
.idx-list .enter:hover{background: linear-gradient(to right, #20ba5a , #20ba5a);}

.idx-bar{display: flex;justify-content: center;margin-top:55px;}
.idx-bar .link{font-size:18px;color:#5b6678;margin:0 12px;width:335px;height:48px;border-radius:6px;border:1px solid #ffffff;background: linear-gradient(rgba(255,255,255,.6), #fff);box-shadow:6px 0 16px rgba(168,204,239,.26);}
.idx-bar .link .ic{width:24px;margin-right:8px;}
.idx-bar .link:hover{color:#55c981;}

.idx-ft{text-align: center;margin-bottom:20px;}
.idx-ft span{font-size:14px;color:#fff;margin:0 15px;}


.idx-side{width:140px;background:#fff;border-radius:10px 0 0 10px;padding:15px 20px;position: fixed;right: 0;top: 50%;transform: translate(0,-50%);z-index:100;}
.idx-side .t-tit{font-size:26px;color:#000;font-family: 'youshebiaotihei';line-height: 1.2;text-align: center;position: relative;padding-bottom:4px;margin-bottom:10px;}
.idx-side .t-tit::after{content:'';position: absolute;left:50%;bottom:0;width:72px;height:2px;background:#59ca84;transform: translate(-50%,0);}
.idx-side .item{padding:12px 8px;text-align: center;position: relative;cursor: pointer;}
.idx-side .ico{height:40px;width:auto;display: block;margin:0 auto;}
.idx-side .ico-h{display: none;}
.idx-side .wz{font-size:16px;color:#5b6678;}

.idx-side .drop{width: 150px;position: absolute;left:0;transform: translate(-100%,-50%);top:50%;border:1px solid #fff;border-radius:10px;box-shadow:0 26px 56px rgba(200,226,208,.66);overflow: hidden;display: none;}
.idx-side .drop .pic{width: 100%;display: block;}
.idx-side .item:hover .drop{display: block;}
.idx-side .item:hover .ico-s{display: none;}
.idx-side .item:hover .ico-h{display: block;}
.idx-side .item:hover .wz{color:#55c981;}



@media screen and (min-width:1261px) and (max-width:1400px){
	.idx-head{padding:15px 30px;}
	.idx-logo{font-size:24px;}
	.idx-logo .img{height:35px;}
	.idx-contact{font-size:14px;padding:0 15px;line-height: 34px;}
	.idx-contact:before{width:18px;height:18px;margin-right:6px;}
	
	.idx-list{width: 80%;margin:0 auto;}
	.idx-list .item{max-width:280px;margin:0 1%;padding:25px 10px;}
	.idx-list .img{height:110px;}
	.idx-list .title{font-size:30px;}
	.idx-list .txt{font-size:16px;}
	.idx-list .enter{margin:30px auto 0;font-size:16px;width:120px;height:38px; }
	.idx-list .enter::after{width:18px;height:18px;margin:0 0 0 8px;}


	.idx-bar{margin-top:30px;}
	.idx-bar .link{font-size:16px;margin:0 8px;width:230px;height:42px;}
	.idx-bar .link .ic{width:20px;}

	.idx-ft{margin-bottom:10px;}
	.idx-ft span{font-size:13px;margin:0 10px;}

	
	
	.idx-side{width:90px;padding:15px 10px 10px;}
	.idx-side .t-tit{font-size:20px;}
	.idx-side .t-tit::after{width:60px;height:2px;}
	.idx-side .item{padding:8px 0;}
	.idx-side .ico{height:30px;}
	.idx-side .wz{font-size:14px;}
	
	.idx-side .drop{width: 110px;}
	
	
	
}