@charset "utf-8";


	/* CSS Document */


	/* z-index 1000 loading */


	/* z-index 900 absolute  */


	/* z-index 900-999 absolute 之间 */


    /* ----------------------------------------------------- clear -------------------------------------------- */


    *{padding:0;margin:0;font-size:14px;font-family: "微软雅黑"; color: #2b2b2b;box-sizing: border-box;}


    html,body { transition: all ease 200ms;}


    /* PingFangSC-Regular */


    ul,ol,dl{padding:0;margin:0;}


    li{list-style:none;}


    h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;}


    i,em{font-style:normal;}


    b,strong{font-weight:normal;}


    a{text-decoration:none;color:#000;}


    button, input {outline: none;}


    table{border-collapse:collapse;}


    th,td{border:1px solid #000;padding:0;}


    a img{border:none;}


    a:hover { text-decoration: none;color: #2b2b2b; }


    input,textarea{outline:none;}


    /* ----------------------------------------------------- 浮动 ---------------------------------------------- */


    .clearfix:after{display:block;content:'';clear:both;}


    .clearfix{zoom:1;}


    .fl{float:left;}


    .fr{float:right;}


    /* ----------------------------------------------------- flex ---------------------------------------------- */


    .flex { display: flex; }


    /* ----------------------------------------------------- common -------------------------------------------- */


    .container-box { margin: 0 auto; width: 1550px;}


    .line { border-top: 1px solid #bfbfbf; width: 100%;}


    /* ----------------------------------------------------- position -------------------------------------------- */


    .sun-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}


    .sun-center-y {position: absolute;top: 50%;transform: translate(0, -50%);}


    .sun-center-x {position: absolute;left: 50%;transform: translate(-50%, 0);}


    /* ----------------------------------------------------- 溢出隐藏 -------------------------------------------- */


    .ellipsis {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


    .ellipsis-two {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


	.ellipsis-thr {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


	/* ----------------------------------------------------- 经过上浮阴影 ---------------------------------------------- */


	.shadow {transition-duration: 0.3s;}


	.shadow:hover {transform: translateY(-5px); box-shadow: 0 4px 35px #bfbfbf;}


    /* ----------------------------------------------------- app ---------------------------------------------- */


    body {min-width: 1200px;}


    /* ----------------------------------------------------- loading -------------------------------------------- */


    #loading{


		background-color:  rgba(0,0,0, 0.4);


		height: 100%;


		width: 100%;


		position: fixed;


		z-index: 1;


		margin-top: 0px;


		top: 0px;


	}


	#loading-center{


		width: 100%;


		height: 100%;


        position: relative;


        z-index: 99999;


		}


	#loading-center-absolute {


		position: absolute;


		left: 50%;


		top: 50%;


		height: 150px;


		width: 150px;


		margin-top: -75px;


		margin-left: -75px;	


		-ms-transform: rotate(45deg); 


	   	-webkit-transform: rotate(45deg);


	    transform: rotate(45deg); 


	}


	.object{


		width: 20px;


		height: 20px;


		background-color:#FF0000;


		position: absolute;


		left: 65px;


		top: 65px;


		}


	.object:nth-child(2n+0) {


		margin-right: 0px;


	}


	#object_one {


		-webkit-animation: object_one 2s infinite;


		animation: object_one 2s infinite;


		-webkit-animation-delay: 0.2s; 


	    animation-delay: 0.2s; 


		}


	#object_two {


		-webkit-animation: object_two 2s infinite;


		animation: object_two 2s infinite;


		-webkit-animation-delay: 0.3s; 


	    animation-delay: 0.3s; 


		}


	#object_three {


		-webkit-animation: object_three 2s infinite;


		animation: object_three 2s infinite;


		-webkit-animation-delay: 0.4s; 


	    animation-delay: 0.4s; 


		}


	#object_four {


		-webkit-animation: object_four 2s infinite;


		animation: object_four 2s infinite;


		-webkit-animation-delay: 0.5s; 


	    animation-delay: 0.5s; 


	}


	#object_five {


		-webkit-animation: object_five 2s infinite;


		animation: object_five 2s infinite;


		-webkit-animation-delay: 0.6s; 


	    animation-delay: 0.6s; 


	}


	#object_six {


		-webkit-animation: object_six 2s infinite;


		animation: object_six 2s infinite;


		-webkit-animation-delay: 0.7s; 


	    animation-delay: 0.7s; 


	}


	#object_seven {


		-webkit-animation: object_seven 2s infinite;


		animation: object_seven 2s infinite;


		-webkit-animation-delay: 0.8s; 


	    animation-delay: 0.8s; 


	}


	#object_eight {


		-webkit-animation: object_eight 2s infinite;


		animation: object_eight 2s infinite;


		 -webkit-animation-delay: 0.9s; 


	    animation-delay: 0.9s; 


	}


	#object_big{


		position: absolute;


		width: 50px;


		height: 50px;


		left: 50px;


		top: 50px;


		-webkit-animation: object_big 2s infinite;


		animation: object_big 2s infinite;


		-webkit-animation-delay: 0.5s; 


	    animation-delay: 0.5s; 


	}	


	@-webkit-keyframes object_big {


	 50% { -webkit-transform: scale(0.5); }


	}


	@keyframes object_big {


	 50% { 


	    transform: scale(0.5);


	    -webkit-transform: scale(0.5);


	  } 


	}


	@-webkit-keyframes object_one {


	 50% { -webkit-transform: translate(-65px,-65px)  ; }


	}


	@keyframes object_one {


	 50% { 


	    transform: translate(-65px,-65px) ;


	    -webkit-transform: translate(-65px,-65px) ;


	  } 


	}


	@-webkit-keyframes object_two {


	  50% { -webkit-transform: translate(0,-65px) ; }


	}


	@keyframes object_two {


	 50% { 


	    transform: translate(0,-65px) ; 


	    -webkit-transform: translate(0,-65px) ; 


	  } 


	}


	@-webkit-keyframes object_three {


	 50% { -webkit-transform: translate(65px,-65px) ; }


	}


	@keyframes object_three {


	 50% { 


	    transform: translate(65px,-65px) ;


	    -webkit-transform: translate(65px,-65px) ;


	  } 


	}


	@-webkit-keyframes object_four {


	  


	  50% { -webkit-transform: translate(65px,0) ; }





	}


	@keyframes object_four {


	  50% { 


	    transform: translate(65px,0) ;


	    -webkit-transform: translate(65px,0) ;


	  } 


	}


	@-webkit-keyframes object_five {





	  50% { -webkit-transform: translate(65px,65px) ; }


	}


	@keyframes object_five {


	  50% { 


	    transform: translate(65px,65px) ;


	    -webkit-transform: translate(65px,65px) ;


	  } 


	}





	@-webkit-keyframes object_six {


	  50% { -webkit-transform: translate(0,65px) ; }


	}





	@keyframes object_six {


	  50% { 


	    transform:  translate(0,65px) ;


	    -webkit-transform:  translate(0,65px) ;


	  } 


	}


	@-webkit-keyframes object_seven {


	  50% { -webkit-transform: translate(-65px,65px) ; }


	}


	@keyframes object_seven {


	  50% { 


	    transform: translate(-65px,65px) ;


	    -webkit-transform: translate(-65px,65px) ;


	  } 


	}