@charset "utf-8";
*{box-sizing: border-box;}
html,body{height:100%;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#444444; width:100%;zoom:1; background:#fff; font-family:"微软雅黑",Regular;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:Arial, Helvetica, sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#444444; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
/**{transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}*/
.HrList li .txtCont{transition:all 0s linear; -webkit-transition:all 0s linear;}
.fl{ float:left;}
.fr{ float:right;}
.tr{ text-align:right;}
.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
/*.clearfix{overflow:hidden;_zoom:1;}*/
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
.margin0a{margin: 0 auto;}
:-moz-placeholder {color: #979898;}
::-moz-placeholder {color: #979898;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #979898;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #979898;}
.Contain{width:1440px;margin:0px auto;}
@media (max-width: 1440px){
.Header .Contain {
    width: 92%;
}
}


/*.Content{width:1200px; margin:0px auto;}*/
.por{ position:relative;}

.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}


@font-face{
     font-family: 'siyuan'; 
     src: url('../fonts/SourceHanSansCN-Light.eot');
     src:url('../fonts/SourceHanSansCN-Light.woff') format('woff'),
         url('../fonts/SourceHanSansCN-Light.ttf') format('truetype'),
         url('../fonts/SourceHanSansCN-Light.svg') format('svg');
}


/*header*/
.Header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99999;height:80px;width: 100%;background: rgba(0,0,0,.5);}
.Head_Logo{height: 53px;margin-top: 13px;display: block;float: left;width: 222px;}
.Head_Logo img{height: 53px;}

.Navs{height: 80px;float: right;line-height: 80px;transition: all .5s;}
/*.Navs.c-left{margin-right: 200px;}*/
.Navs li{width: 150px;float: left;}
.Navs li a{position: relative;font-size: 18px;color: #d6d4d4;text-align: center;display: block;letter-spacing:10px;}
.Navs li a .img{position: absolute;display: none;width: 30px;height:17px;bottom:-6px;left: 50%;margin-left: -20px;z-index: 999;background:url(../images/in_117s.png) 0 center no-repeat;background-size: auto 100%;
    animation: music 30s linear infinite 0s;
    -webkit-animation: music 30s linear infinite 0s;}
.Navs li.on a,.Navs li:hover a{color: #fff;}
.Navs li.on a .img,.Navs li:hover a .img{display: block;}

.Navs li a:before{content: " ";display: block;width: 1px;height: 11px;background:#999;position: absolute;right: 0;top: 50%;margin-top: -5px;}
.Navs li.li5 a:before{display: none;}


.Search{position: relative;margin-left: 30px;float: right;width: 42px;height: 80px;background: url(../images/search1.png) no-repeat center center;cursor: pointer;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.search-box{position: absolute; right:0; top:30px; font-size: 0; width: 0px; height: 36px; z-index: 100; border-radius: 30px; border: solid 1px rgba(255,255,255,0.2); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; overflow: hidden;}
.Search.hover{width:240px;background: url(../images/search1s.png) no-repeat center center;}
.Search.hover .search-box{width: 240px; opacity: 1;}
.search-box .search{width:196px; border: none; height:36px; float: left; font-size: 14px; color:#fff; height:38px; margin-top: -2px; margin-left: -2px; background: none; padding:3px 20px;box-sizing:border-box;}
.search-box .butt{width:40px; height:30px; background:url(../images/search1.png) no-repeat center; float: right; outline: none; border: none; cursor: pointer; transition: all .3s;}

.Head_Tel{margin-left: 15px;float: right;padding-left: 58px;margin-top: 25px;line-height: 25px;background: url(../images/tel1.png)no-repeat left center;font-size: 16px;color: #808080;}
.Head_Tel h4{font-size: 24px;color: #fda93b;}


@media ( max-width:1400px){
    .Navs li{width: 130px;}
    .Navs{margin-left: 20px;}
/*    .Search{margin-left: 0;}*/
}



/*banner*/
.slideBox{ width:100%; overflow:hidden; position:relative;  }
.slideBox .hd{ height:36px;width: 100%; overflow:hidden; position:absolute; right:0; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center; }
.slideBox .hd ul li{display: inline-block; margin:0 7px;  width:51px; height:36px; background-image: url(../images/d_03.png);background-size:100% 100%;}
.slideBox .hd ul li.on{ background-image: url(../images/d_05.png);animation: txt-scale 3s infinite; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block; /*-webkit-animation-name: fadescan; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1);*/}

@-webkit-keyframes fadescan {
  0% {
  -moz-transform:scale(2,2);  
  -webkit-transform:scale(2,2);  
  -o-transform:scale(2,2); 	
  opacity: 0;
  visibility:visible;
  }
  100% {
  -moz-transform:scale(1,1);  
  -webkit-transform:scale(1,1);  
  -o-transform:scale(1,1); 	
  opacity: 1;
  visibility:hidden;
  }
}

@keyframes txt-scale{
    from{transform:scale(1)}
    25%{transform:scale(0.8)}
    50%{transform:scale(1)}
    75%{transform:scale(0.8)}
    100%{transform:scale(1)}
}

@media(max-width:768px){
	.slideBox .hd{bottom:0;}
	.slideBox .hd ul li{width:41px;height:26px;}
}


/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; top:50%; margin-top:-25px; display:block; width:25px; height:50px;opacity: .5; filter:alpha(opacity=50);  }
.slideBox .next{ right:50%;margin-right: -720px;background-image: url(../images/in_22.png);}
.slideBox .prev{left: 50%;margin-left: -720px;background-image: url(../images/in_19.png);}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


/*侧边栏*/

.Right_Box{width: 65px;height: 350px;background-repeat: no-repeat;background-position: top center;position: fixed;z-index:9;right: 30px;top: 50%;margin-top: -175px;}
.CBL_UL{}
.CBL_UL li{width: 100%;height: 65px;border: 1px solid #e5e5e5;position: relative;border-radius: 5px;margin-top: 10px;background: #fff;}
.CBL_UL li a{display: block;padding-top: 35px;background-repeat: no-repeat;background-position: center 10px;text-align: center;color: #666666;}
@-moz-keyframes tada{
		    0%{-moz-transform:scale(1);}
		    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
		    30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg);}
		    40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg);}
		    100%{-moz-transform:scale(1) rotate(0);}
		   }
		
		  @-webkit-keyframes tada{
		    0%{-webkit-transform:scale(1);}
		    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
		    30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);}
		    40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);}
		    100%{-webkit-transform:scale(1) rotate(0);}}
		
.CBL_UL li a:hover{
  -webkit-animation: tada 1s .2s ease both;
  -moz-animation: tada 1s .2s ease both;
}
.R_TC{padding: 10px;background: #fff;position: absolute;right: 64px;bottom: 0;display: none;}
.R_TC h3{border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px;}
.R_TC h3:last-child{margin-bottom: 0; border-bottom: none;}
.R_TC h3 img{display: inline-block; vertical-align: middle; margin-right: 10px;}
.CBL_UL li:hover .R_TC{display: block;}



/* .CBL_UL li{width: 100%;height: 65px;border: 1px solid #e5e5e5;position: relative;border-radius: 5px;margin-top: 10px;background: #fff; 
	-webkit-transition: width 0.5s, -webkit-transform 0.5s; 
    transition: width 0.5s, transform 0.5s;}
	 .CBL_UL li:hover{width: 150%; }
	 */

.FW_Box{padding: 50px 0;background-image: url(../images/bg2_03.jpg);}
.FW_Box li{width: 360px;float: left;padding-left: 20px;}
.FW_Box li img{float: left;-webkit-transition: -webkit-transform 0.5s ease-out;border-radius:100px;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.FW_Box li img:hover{-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);}
.FW_Box li .FW_Txt{margin-left: 85px;padding-top: 8px;}
.FW_Box li .FW_Txt h3{font-size: 18px;line-height: 25px;color: #333333;}
.FW_Box li .FW_Txt h3 p{font-size: 14px;color: #666666;line-height: 25px;}

.Footer{background-image: url(../images/ind_56.jpg);background-position: center top;padding: 30px 0;}
.Foot_Top{padding: 40px 0;border-bottom: 1px solid #303030;}
.Foot_Top li{height: 40px;line-height: 40px;width: 360px;float: left;background-repeat: no-repeat;background-position: left center;padding-left: 62px;}
.Foot_Top li a{display: block;color: #fff;font-size: 16px;}

.Foot_Center{padding: 40px 0 50px;border-bottom: 1px solid #303030;}
.Foot_Left{width: 280px;float: left;}
.Foot_Left .p1{letter-spacing:20px;font-size: 18px;color: rgba(255,255,255,.2);margin-top: 10px; font-family: 'siyuan';}
.Foot_Left .p2{font-size: 12px;color: rgba(255,255,255,.1); font-family: 'siyuan';}
.Foot_Left .EWM{margin-top: 20px;}
.Foot_Left .EWM .EWM_Img{width: 106px;float: left;}
.EWM_Txt{margin-left: 125px;padding-top: 5px;}
.EWM_Txt .voice{width:30px;height:17px;background:url(../images/in_117s.png) 0 center no-repeat;background-size: auto 100%;
    animation: music 30s linear infinite 0s;
    -webkit-animation: music 30s linear infinite 0s;}

@-webkit-keyframes music {
    0% {
        background-position: left center;
    }
    100% {
        background-position: right center;
    }
}

@-moz-keyframes music {
    0% {
        background-position: left center;
    }
    100% {
        background-position: right center;
    }
}

@-ms-keyframes music {
    0% {
        background-position: left center;
    }
    100% {
        background-position: right center;
    }
}

@keyframes music {
    0% {
        background-position: left center;
    }
    100% {
        background-position: right center;
    }
}

.EWM_Txt p{margin-top: 15px;font-size: 12px;line-height: 16px;color: #d8d8d8;}


.Foot_Center dl{float: right;margin-right: 70px;margin-left: 50px; }
.Foot_Center dl dt{font-size: 16px;font-family: '宋体';color: #dcdcdc;margin-bottom: 30px;}
.Foot_Center dl dd{font-family: '宋体';font-size: 14px;color: #9c9c9c;}
.Foot_Center dl dd a{color: inherit;}
.Foot_Center dl dd:hover a{color: #fff;}

.Foot_but{padding: 25px;text-align: center;font-size: 12px;color: #a9a9a9;}
.Foot_but a{color: inherit;}


.Main_Box{background-image: url(../images/bg.jpg);background-repeat: no-repeat;background-position: center top;}
.Ind_FL{padding: 100px 0 15px;}
.Ind_FL ul{margin-left: -3%;}
.Ind_FL ul li{width: 13.66667%;margin-left: 3%;float: left;height: 155px;background-image: url(../images/in_36.png);background-repeat: no-repeat;background-position: center;text-align: cetner;transition:all 0.4s linear; -webkit-transition:all 0.4s linear;background-size: 100%;}
.Ind_FL ul li a{display: block;text-align: center;padding-top: 20px;}

.Ind_FL ul li a .tb{position:relative;width:34px;height:46px;margin:0 auto;}
.Ind_FL ul li a .tb .i1,.Ind_FL ul li a .tb .i2{display:block;position:absolute;left:0;top:0;width:100%;}
.Ind_FL ul li a .tb .i1{transition:400ms;}
.Ind_FL ul li a .tb .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.Ind_FL ul li:hover .tb .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Ind_FL ul li:hover .tb .i1{ opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}



.Ind_FL ul li:hover .iconfont{color:red;}


.Ind_FL ul li a .Txt1{display: block;font-size: 18px;color: #222222;text-align: center;margin-top: 15px;}
.Ind_FL ul li a .Txt2{display: block;font-size: 14px;color: #c5c5c5;text-align: center;}

.Ind_FL ul li:hover{background-image: url(../images/in_34.png);}




.Ind_FL ul .ondiv{background-image: url(../images/in_34.png);}


.Ind_Music ul{margin-left:-3%;}
.Ind_Music li{width: 47%;margin-left:3%;border-radius:20px;margin-top:50px; float: left;border:2px solid #eef2f7;padding: 20px;background-color: #fff; position: relative;}
.Ind_Music li:hover{border-color: #3c89fc; box-shadow: 0 0 20px rgba(60,137,252,0.2);}
.Ind_Music li.cur{border-color: #3c89fc;}
.Music_Top{padding: 20px 0 30px;border-bottom: 1px solid #f2f5f9;line-height: 30px;position:relative;z-index:1;}
.Music_Top .Name{font-size: 16px;color: #1c1c1c;display: inline-block;margin-left: 15px;}
.Music_Top  .BH{font-size: 14px;color: #999999;display: inline-block;margin-left: 40px;}
.Music_Top  .BH span{font-size: 16px;color: #3b90fc;}
.Music_Top a{display: inline-block;float: right;margin-left: 30px;padding-left: 40px;font-size: 14px;line-height: 30px;background-repeat: no-repeat;background-position: left center;}
.Music_Top .A1{color: #ff6f18;background-image: url(../images/in_46.png);}
.Music_Top .A2{color: #9aafcb;background-image: url(../images/in_43.png);}
.Music_Top .A2.on{color:#ff6f18;background-image: url(../images/in_43s.png);}


.Music_Top .A3{color: #a8bab9;background-image: url(../images/in_41.png); /*-webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;*/}
.Music_Top .A3{position: relative;}
.Music_Top .A3 img{position: absolute;top: 8px;left: 9px;-ms-transition: all 0.1s;transition: all 0.1s;}
.Music_Top .A3 img:hover{top: 3px;-ms-transition: all 0.1s;transition: all 0.1s;}

.Ind_Music li .shadow{border-radius:20px;  top: 0; left: 0; padding: 0; z-index: 1; opacity: 0; position: absolute; width: 100%; height: 100%; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);transform: scale(0.95);}
 .Ind_Music li:hover .shadow{ animation: sonarEffect 1.3s ease-out 75ms infinite;}  
@keyframes sonarEffect{
	 0% {opacity: 0.3;}
	 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3b90fc, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1);}
	 100% {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3b90fc, 0 0 0 10px rgba(255, 255, 255, 0.5);transform: scale(1.04);opacity: 0;}
 }
 @-webkit-keyframes sonarEffect{
	 0% {opacity: 0.3;}
	 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3b90fc, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1);}
	 100% {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3b90fc, 0 0 0 10px rgba(255, 255, 255, 0.5);-webkit-transform: scale(1.04);opacity: 0;}
 }
 @-moz-keyframes sonarEffect{
	 0% {opacity: 0.3;}
	 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3b90fc, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1);}
	100% {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3b90fc, 0 0 0 10px rgba(255, 255, 255, 0.5);-moz-transform: scale(1.04);opacity: 0;}
 }

.Music_Cont{padding-top: 20px;position:relative;z-index:1;}
.Music_Img{width: 120px;height: 120px;border-radius: 50%;float: left;position: relative;}
.Music_border{border-radius: 50%;border:1px solid #e8e8e8;padding: 3px;width: 120px;height: 120px;margin: 0 auto;}
.Mu_BG{background-image: url(../images/ind_44.png);padding: 33px;width: 112px;height: 112px;background-repeat: no-repeat;background-position: center;margin: 0 auto;}
.Mu_BG .Img{display: block;width: 100%;height: 100%;border-radius: 50%;overflow: hidden;text-align: center;}
.Mu_BG .Img img{width: 100%;}
.Mu_BG .Img a{display: block;width: 100%;position: absolute;height: 100%;z-index: 99;top: 0;left: 0;}
.Play{background-image: url(../images/in_52.png);background-repeat: no-repeat;background-position: center;}
.Pause{background-image: url(../images/in_54.png);background-repeat: no-repeat;background-position: center;}
.Music_Img .Bor{display: none;position: absolute;width: 100%;left: 0;top: 0;z-index: 0;}

.dh{animation:myfirst 5s linear infinite;-moz-animation:myfirst 5s linear infinite; /* Firefox */-webkit-animation:myfirst 5s linear infinite; /* Safari and Chrome */-o-animation:myfirst 5s linear infinite; /* Opera */}
.zt{animation-play-state:paused;}
.bf{animation-play-state:running;}
@keyframes myfirst{
	0% {transform:rotate(0deg);
    -ms-transform:rotate(0deg); 	/* IE 9 */
    -moz-transform:rotate(0deg); 	/* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg); 	/* Opera */}
	100% {transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */}
}

@-moz-keyframes myfirst {
	0% {transform:rotate(0deg);
    -ms-transform:rotate(0deg); 	/* IE 9 */
    -moz-transform:rotate(0deg); 	/* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg); 	/* Opera */}
	100% {transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */}
}

@-webkit-keyframes myfirst {
	0% {transform:rotate(0deg);
    -ms-transform:rotate(0deg); 	/* IE 9 */
    -moz-transform:rotate(0deg); 	/* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg); 	/* Opera */}
	100% {transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */}
}

@-o-keyframes myfirst {
	0% {transform:rotate(0deg);
    -ms-transform:rotate(0deg); 	/* IE 9 */
    -moz-transform:rotate(0deg); 	/* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg); 	/* Opera */}
	100% {transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */}
}

.Music_Right{width: 74%;float: right;}
.Mucis_BQ{margin-top: 15px;}
.Mucis_BQ a{display: inline-block;margin-right: 30px;}

.Ind_GDMore{margin-left:3%;}
.Ind_GD{border-radius:100px; display: block;margin: 100px auto 0;width: 160px;height: 50px;line-height: 50px;text-align: center;font-family: 'siyuan';font-size: 18px;color: #3879dc;border:1px solid #3879dc;}



.Ind_YS{padding: 110px 0 90px;}
.Ind_YS .Tit{text-align: center;font-size: 36px;color: #333333;line-height: 1.2;}
.YS_Cont{margin-top: 20px;font-size: 16px;line-height: 25px;color: #7b8296;text-align: center;}
.YS_UL{margin-top: 65px;margin-left: -3%;}
.YS_UL li{width: 22%;height:380px;float: left;margin-left: 3%;padding-top: 100px;text-align: center;overflow: hidden;position: relative;}

.Num_icon1{position: absolute;width: 100%;left: 0; transition: all 1s;
    -ms-transition: all 1s;}
.Num_icon2{position: absolute;width: 100%;left: -320px; transition: all 1s;
    -ms-transition: all 1s;}
	
.Num_text1{position: absolute;width: 100%;right: 0; top: 190px; transition: all 1s;
    -ms-transition: all 1s;}
.Num_text2{position: absolute;width: 100%;right: -320px;top: 190px; transition: all 1s;
    -ms-transition: all 1s;}

.YS_UL li .Num{color: #fff;font-size: 26px;line-height: 80px;position: relative;display: inline-block;}
.YS_UL li .Num .count-title{font-size: 80px;}
.YS_UL li .Num .up{position: absolute;top: 0;right: -20px;line-height: 15px;}
.YS_UL li .p1{margin-top: 25px;color: #fff;font-size: 28px;}
.YS_UL li .p2{margin-top: 10px;color: #fff;font-size: 14px;}

.YS_UL li .Num2{color: #fff;font-size: 26px;line-height: 80px;position: relative;display: inline-block;}
.YS_UL li .Num2 .count-title{font-size: 80px;}
.YS_UL li .Num2 .up{position: absolute;top: 0;right: -20px;line-height: 15px;}


.YS_UL li:hover .Num_icon1{left: 320px; transition: all 1s;
    -ms-transition: all 1s;}
.YS_UL li:hover .Num_icon2{left: 0; transition: all 1s;
	-ms-transition: all 1s;}
	
.YS_UL li:hover .Num_text1{right: 320px; transition: all 1s;
    -ms-transition: all 1s;}
.YS_UL li:hover .Num_text2{right: 0; transition: all 1s;
	-ms-transition: all 1s;}	

/* .YS_UL li:hover .Num{left: 50px; transition: all 1s;
    -ms-transition: all 1s;} */



/*2020-03-25 新增css*/
/*客服*/
/* .new-float{position: fixed; right: 0; top: 50%; z-index: 50; width: 77px; height: 374px; margin-top: -150px;}
.new-float li{position: relative; width: 77px; height: 57px; margin-bottom:3px; line-height: 27px; color: #fff; background: #e60012; border-radius: 5px; text-align: center;}
.new-float li *{box-sizing:initial;}
.new-float li.hover{overflow: hidden;}
.new-float li a{display: inline-block; color: #fff; font-size: 12px;}
.new-float li a.tit{width: 77px; height: 27px; padding: 30px 10px 0 0; color: #fff;}
.new-float li p{position: relative; z-index: 2; height: 27px; padding-top: 30px; cursor: pointer;}
.new-float li.fi a{background: url(../images/xd/bg_float03.png) no-repeat;}
.new-float li.se a{background: url(../images/bg_float02.png) no-repeat;}
.new-float li.th a{background: url(../images/float_qqicon2.png) no-repeat;}
.new-float li.fo a.tit{background: url(../images/bg_float04.png) no-repeat;}
.new-float li.fif p{background: url(../images/bg_float05.png) no-repeat; font-size: 12px;}
.new-float li.zixun a{background: url(../images/bg_float01.png) no-repeat;}
.new-float li.six a{background: url(../images/xxf_bg_float01.png) no-repeat; cursor: pointer;}
.new-float li .tel{position: absolute;left:74px;top:0;z-index:1;width:187px;height:57px;font:24px/57px Arial;color:#fff;background: url(../images/bg_float06.png) no-repeat;cursor: pointer;}
.new-float a.mof{display: inline-block; width: 54px; height: 71px; padding: 12px 11px 0 12px; margin-top: 10px; *margin-top: 7px; background: url(../images/bg_float07.png) no-repeat; font-size: 18px; line-height: 22px; color: #fff;}
.new-float li input{background: url(../images/zxzzz.png) no-repeat; width:87px; height:30px; border-radius: 5px; border:0px;background-color:transparent; cursor: pointer; outline:none;}
.float_shwx{ position:absolute;top: -172px; left:-216px; background:url(../images/float_wxbd.png) no-repeat bottom right; width:216px; height:216px; padding-bottom:9px; display:none;}
.float_shwx img{ display:block; padding:14px; background-color:#FFF; width:188px; height:188px;}
.new-float li:hover .float_shwx{display:block;}
.new-float li.lia p{padding-top:0px;font-size:12px;}
.new-float li.th2 a {
    background: url(../images/float_qqicon4.png) no-repeat;
} */

@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px); opacity: 1;}
    50%, 100% {-webkit-transform: translateY(0); opacity: 1;}
    75% {-webkit-transform: translateY(10px); opacity: 1}
}
@keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px); opacity: 1;}
    50%, 100% {-webkit-transform: translateY(0); opacity: 1;}
    75% {-webkit-transform: translateY(10px); opacity: 1;}
}





.mask{display:none;position:fixed;/*width:550px;height:430px;*/bottom:0px;right:0px;/*transform:translate(-50%,-50%);*/z-index:999;}
.mask img{width:100%;height:100%;}


.mask .close{cursor:pointer; display:block; position:absolute; width:30px; height:30px; border-radius:50%; background:#ff6f18; right:3%; top:3%; z-index:2;}
.mask .close::before,
.mask .close::after{ position:absolute; content:''; width:70%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(45deg); left:15%;}
.mask .close::after{ transform:rotate(-45deg);}


@media(max-width:1440px){
    .Ind_FL ul li a .Txt1{font-size: 16px;}
}

@media(max-width:1024px){
    .Ind_FL ul li{width:30.33%;margin-bottom:0;height:260px;}
}

@media(max-width:768px){
    .Ind_FL{padding:10px 0 0 0;}
    .Ind_FL ul li{height:105px;}
    .Ind_FL ul li a .Txt1{font-size: 12px;margin-top:5px;}
    .Ind_FL ul li a .tb{width:28px;height:28px}
    .Ind_FL ul li a .tb img{max-width:28px;}

    .Ind_Music ul{margin-left:0;}
    .Ind_Music li{width:100%;margin-left:0;margin-top:10px;padding:0 10px;}

    .Music_Img{width:58px;height:58px;margin-left:15px;}
    .Music_border{height:58px;width:58px;}
    .Mu_BG{background-size: 100% 100% !important;width:50px;height:50px;padding:25px;}
	.Mucis_BQ{margin-top:5px;}
    .Mucis_BQ a{margin-right:5px;font-size:13px;}
    .Music_Top {padding:5px 0 10px 0;}
    .Music_Top .Name{width:50%;margin-left:0;font-size:15px;}
    .Music_Top a{margin-left:0;margin-right:20px;float:left;line-height:28px;font-size:13px;}
    .Music_Right{width:70%;}
	.Music_Top .BH span{font-size:14px;}
	
	.Music_Cont{padding-top:10px;}

    
    .Ind_GDMore{margin-left:0;}
    .Ind_GD{width:120px;height:40px;line-height: 40px;margin:30px auto 0;}

    .Ind_YS{padding:30px 0;}
    .Ind_YS .Tit{font-size: 25px;}

    .YS_UL li{width:47%;padding-top:50px;margin-bottom:20px;height:250px;}
    .YS_UL li .Num .count-title{font-size: 50px;}
    .Num_text1{top:125px;}

    .FW_Box{padding-top:0;}
    .FW_Box li{width:50% !important;margin-bottom:20px;}
    .FW_Box li img{width:40px;position: relative;top:10px;}
    .FW_Box li .FW_Txt{margin-left:50px !important;}
    .FW_Box li .FW_Txt h3{font-size: 16px !important;}
    .FW_Box li .FW_Txt p{font-size: 13px !important;}

    .Play{background-size: 13% 20%;}
    .Pause{background-size: 13% 20%;}


    
}