/**{margin:0;padding:0;box-sizing:border-box;}*/
/*body{font-size:13px;color:#666;}*/
/*img{display:block;max-width:100%;border:0}
ul, li{list-style:none}
a{text-decoration:none;display:block;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{ height:55px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;top: 0;}
.sp_logo{float:left;height:50px;    padding-top: 2%;    padding-left: 7%;}
.sp_logo img{margin:auto;max-height:39px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px;margin-right: 4%;}
.sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:7px}
.sp_nav span:nth-of-type(3){top:14px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:55px;height: 94%;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:0px;position:relative;line-height:55px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------
/*公共css*/
@media all  and (min-width:960px) and (max-width:2400px) {	
	/*.right {height: 100%;}*/
}
@media all  and (min-width:0px) and (max-width:960px) {	
	#fixed-container {opacity: 0.2;position: fixed;left: 0px !important;}
}
#fixed-container {opacity: 0.2;position: fixed;}
#fixed-container canvas {height: 100% !important;width: 100% !important;}
.cs,.yj {position: relative;}
.lit {padding-top: 1rem;}
/*预加载css*/
	#loading{
		background-color: #fff;
		height: 100%;
		width: 100%;
		position: fixed;
		z-index: 1;
		margin-top: 0px;
		top: 0px;
	}
	#loading-center{
		width: 100%;
		height: 100%;
		position: relative;
		}
	#loading-center-absolute {
		position: absolute;
		height: 100%;
		width: 100%;
	}
	.object{
		width: 20px;
		height:20px;
		float: left;
		-moz-border-radius: 50% 50% 50% 50%;
		-webkit-border-radius: 50% 50% 50% 50%;
		border-radius: 50% 50% 50% 50%;
	}
	.yjz2 {position: absolute; left: 45;top: 45%;}
	.yjz1 {position: absolute; left: 55%;top: 45%;}
	#first_object{
		-webkit-animation: first_object 1.5s forwards;
		animation-iteration-count:1;

	}
	#second_object{
		-webkit-animation: second_object 1.5s forwards;
		animation-iteration-count:1;
	}		
	@-webkit-keyframes first_object {

	 0%  {
	 	left: 50%;
	 }
	 50% {
	    left: 53%;
		 }
	100% {
		left: 45%;
	} 
	 
	}		
	@-webkit-keyframes second_object {

	 0% {
	    opacity: 0;
	    left: 45%;
		 }	 
	 70% {
	    opacity: 0;
	    left: 45%;
		 }	 
	  100% {
	  	opacity: 1;
	     left: 50%;
		 }	 
	}
	@-webkit-keyframes jz {

	 0% {
	    opacity: 0;
	    width: 0;
	    height: 0;
		 }	 
	 90% {
	    opacity: 0;
		 }	 
	  100% {
	  	opacity: 1;
		 }	 
	}


	/*移动端*/
	@media all  and (min-width:0px) and (max-width:960px) {	
		#loading-center {display: none;}
		#loading-center1 {display: block;}
      .loader {left: 25% !important;}
      .loader .face:nth-child(1) {width: 40% !important;height: 40% !important;}
      .loader .face:nth-child(2) {width: 60% !important;height: 60% !important;}
	}
	#loading-center1{
		width: 100%;
		height: 100%;
		position: relative;
		}
	.yjz3 {position: absolute; left: 45;top: 45%;}
	.yjz4 {position: absolute; left: 55%;top: 45%;}
	#loading-center-absolute1 {
		position: absolute;
		height: 100%;
		width: 100%;
	}
	.object1{
		width: 20px;
		height:20px;
		float: left;
		-moz-border-radius: 50% 50% 50% 50%;
		-webkit-border-radius: 50% 50% 50% 50%;
		border-radius: 50% 50% 50% 50%;
	}
	.ob1 {position: absolute; left: 45;top: 45%;}
	.ob {position: absolute; left: 55%;top: 45%;}
	#first_object1{
		-webkit-animation: first_object1 1.5s forwards;
		animation-iteration-count:1;

	}
	#second_object1{
		-webkit-animation: second_object1 1.5s forwards;
		animation-iteration-count:1;
	}		
	@-webkit-keyframes first_object1 {

	 0%  {
	 	left: 45%;
	 }
	 50% {
	    left: 50%;
		 }
	100% {
		left: 25%;
	} 
	 
	}		
	@-webkit-keyframes second_object1 {

	 0% {
	    opacity: 0;
	    left: 40%;
		 }	 
	 70% {
	    opacity: 0;
	    left: 40%;
		 }	 
	  100% {
	  	opacity: 1;
	     left: 45%;
		 }	 
	}
	@-webkit-keyframes jz1 {

	 0% {
	    opacity: 0;
	    width: 0;
	    height: 0;
		 }	 
	 90% {
	    opacity: 0;
	    width: 20px;
	    height: 20px;
		 }	 
	  100% {
	  	opacity: 1;
		 }	 
	}


.loader {
    width: 20em;
    height: 20em;
    font-size: 10px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
	left: 45%;
    top: 35%;
    -webkit-animation-delay:5s;
    -webkit-animation: jz 5s forwards;
}

.loader .face {
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    animation: animate 3s linear infinite;
}
.loader p {
	color: #A3936F;
    font-size: 1rem;
    font-family: 黑体;
}

.loader .face:nth-child(1) {
    width: 80%;
    height: 80%;
    color: #A3936F;
    border-color: currentColor transparent transparent currentColor;
    border-width: 0.2em 0.2em 0em 0em;
    --deg: -45deg;
    animation-direction: normal;
}

.loader .face:nth-child(2) {
    width: 60%;
    height: 60%;
    color: #A3936F;
    border-color: currentColor currentColor transparent transparent;
    border-width: 0.2em 0em 0em 0.2em;
    --deg: -135deg;
    animation-direction: reverse;
}

.loader .face .circle {
    position: absolute;
    width: 50%;
    height: 0.1em;
    top: 50%;
    left: 50%;
    background-color: transparent;
    transform: rotate(var(--deg));
    transform-origin: left;
}

.loader .face .circle::before {
    position: absolute;
    top: -0.5em;
    right: -0.5em;
    content: '';
    width: 1em;
    height: 1em;
    background-color: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 2em,
                0 0 4em,
                0 0 6em,
                0 0 8em,
                0 0 10em,
                0 0 0 0.5em rgba(255, 255, 0, 0.1);
}

@keyframes animate {
    to {
        transform: rotate(1turn);
    }
}



	/*鼠标悬浮动画*/

     .sdh img:hover {transform: scale(1.2);opacity: 1; }
	 .sdh img {transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
       -o-transition: All 0.4s ease-in-out;}