@font-face {

	font-family: DeliciousRoman;
}

html,body{

	margin: 0;

	padding: 0;

	width:100%;

	height: 100%;

	background-repeat: no-repeat;

	background-size: 100% 80%;

//	font-family: 'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;

	font-family: "DeliciousRoman";

	min-width:1200px;

}

img{
	border: none;
}
/* nav*/

header{
  
      width: 100%;
  
      height: 59px;
  
      background: #323232;
  
      position:fixed;  
  
      z-index:100;
	  top:0%;
  
  }
  
  .header_section{
  
      width: 1000px;
  
      height: 59px;
  
      margin: 0 auto;
  
  }
  
  .header_img_logo {
      margin-top: 8px;
      width: 140px;
      float: left;
  }
  
  nav{display: inline-block;
  
      float: right;
  
      height: 100%;

      width: 700px;
  
  }
  
  ul{
  	  list-style: none;
      display: block;
  
      padding:inherit;
  
      height: 100%;
  
      margin: 0px;
  
  }
  
  nav li{
  
  	  float: left;
      cursor:pointer;
  
      list-style:none;
  
      display: inline-block;
  
      border-bottom:0px solid #007bea;
  
      height:90%;
  
      font-size: 14px;
  
      color: white;
  
      min-width: 66px;
  
      text-align: center;
  
      margin-right: 33px;
  
      vertical-align:middle;
  
      line-height:59px;
  
      -moz-transition: color 0.5s,border-bottom 0.2s;	/* Firefox 4 */
  
      -webkit-transition: color 0.5s,border-bottom 0.2s;	/* Safari Chrome */
  
      -o-transition: color 0.5s,border-bottom 0.2s;	/* Opera */
  
  }
  
  nav li:hover{
  
      border-bottom:3px solid #007bea;
  
      color: #007bea;
  
  }

nav li a{
	text-decoration:none;
	color:#F8F0F1;
	}

#nav_list:hover{
	color: #007bea;
	}
/*nav end*/
.spa_t{

	display: inline-block;

	margin-left: 51px;

	margin-top: 10px;

	font-size: 20px;

}

.list_li_ul li{

	margin-left:51px;

	margin-top: 35px;

	font-size: 18px; 

	list-style:none;

	cursor: pointer;

	

}

.right_section_img{

	width: 543px;

	height: 370px;

	float: right;

	position: relative;

}

.right_section_img span{

	display: inline-block;

	margin-left: 36px;

	margin-top: 27px;

	font-size: 18px;

}

.right_section_img p{

	margin-left: 36px;

	margin-top: 15px;

	font-size: 16px;

	padding: 0;

}

.right_section_img img{

	position: absolute;

	bottom:0;

}

.li_img_div{

	width: 100%;

	height: 180px;

	overflow: hidden;

}

.wrapper_title_span{

	font-size: 16px;

	margin-left:3px;

	font-weight:bold;

	display:block;

	margin-top:10px;

	margin-bottom:14px;

}

.wrapper_title_p{

	padding: 0;

	margin-top: 0;

	font-size: 14px;

	

}

.banner_div{

	width:100%;
	max-width: 1600px;
	margin: 0 auto;	
	height: 472px; 
	background-size:100% 472px; 
	min-width: 800px;
	background-repeat: no-repeat;
	margin-top:59px;
	

}

/* .vr_first_div{

	width:100%;

	max-width: 1900px;

	margin: 0 auto;

	height: 570px;	

	position: relative;

	background-color: #ededed;

	background-repeat: no-repeat;

} */

.vr_first_div{

	background-color: #ededed;

}

/* .vr_second_div{

	width:100%;

	max-width: 1900px;

	margin: 0 auto;

	height: 570px;	

	position: relative;


	background-position: center;

	background-repeat: no-repeat;

	

} */



/* .vr_first_div img{

	margin-left: 10%;

	margin-top: 10%;

	

} */

.vr_first_div .huaxian{

	width: 450px;

	height: 350px;

	position: absolute;

	left: 18%;

	top:22%;

	z-index: 2;

}

.first_video{

	width: 469px;

	height: 300px;

	position: absolute;

	left: 60%;

	top:18%;

}



.vr_second_div img{

	position: absolute;

	bottom: -10%;

	left:38%;

	z-index: 10;

}

.vr_second_div .huaxian{

	width: 400px;

	height: 350px;

	position: absolute;

	left: 40%;

	top:10%;

	z-index: 1;

}

.second_video{

	width: 450px;

	height: 300px;

	position: absolute;

	left: 25%;

	top:18%;

	z-index: 1;

}

.top_line_div{

	background-color: #37AAFF;

	width: 0%;

	height: 3px;

	position: absolute;

	top:0;

	animation:linetowidht 0.4s;

	animation-fill-mode: forwards;

	animation-timing-function: linear;

	animation-play-state:paused;

}

.left_line_div{

	background-color: #37AAFF;

	height: 0%;

	width:3px;

	position: absolute;

	right: 0;

	animation:linetoheight 0.4s;

	animation-delay:0.4s;

	animation-fill-mode: forwards;

	animation-timing-function: linear;

	animation-play-state:paused;

}

.bom_line_div{

	background-color: #37AAFF;

	height: 3px;;

	width:0%;

	position: absolute;

	bottom: 0;

	right:0;

	animation:linetowidht 0.4s;

	animation-delay:0.8s;

	animation-fill-mode: forwards;

	animation-timing-function: linear;

	animation-play-state:paused;

}

.right_line_div{

	background-color: #37AAFF;

	height: 0%;

	width:3px;

	position: absolute;

	left:0;

	bottom:0;

	animation:linetoheight 0.4s;	

	animation-delay:1.2s;

	animation-fill-mode: forwards;

	animation-timing-function: linear;

	animation-play-state:paused;

}

.running{

   animation-play-state:running;

}

@keyframes linetowidht

{

from {width:0px;}

to {width:100%;}

}



@keyframes linetoheight

{

from {height:0px;}

to {height:100%}

}



.pop_div{

		width: 100%;

		height: 100%;

		margin: 0 auto;

		display: none;

	}

/* .vr_third_div{

	width:100%;

	max-width: 1900px;

	margin: 0 auto;

	height: 570px;	

	position: relative;

//	background-color: #ffffff;

	background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);

	background: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);

	background: -o-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);

	background: -ms-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);

	background: linear-gradient(top, #ffffff 0%, #e9e9e9 100%);

} */



.vr_third_div{

	background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);

	background: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);

	background: -o-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);

	background: -ms-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);

	background: linear-gradient(top, #ffffff 0%, #e9e9e9 100%);

}

.vr_third_div img{

	position: absolute;

	left:10%;

	z-index: 10;

	top:8%;

	

}

.vr_third_div .huaxian{

	width: 450px;

	height: 350px;

	position: absolute;

	left: 18%;

	top:22%;

	z-index: 1;

}



.third_video{

	width: 469px;

	height: 300px;

	position: absolute;

	left: 60%;

	top:18%;

}



/* .vr_fours_div{

	width:100%;

	max-width: 1900px;

	margin: 0 auto;

	height: 570px;	

	position: relative;

//	background-color: #fcfcfc;

    background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);

	background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);

	background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);

	background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);

	background: linear-gradient(top, #ffffff 0%, #dcdcdc 100%);

} */

.vr_fours_div{

    background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);

	background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);

	background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);

	background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);

	background: linear-gradient(top, #ffffff 0%, #dcdcdc 100%);

}



.fours_video{

	width: 469px;

	height: 300px;

	position: absolute;

	left: 60%;

	top:17%;

}

#img4{

	position: absolute;

	top:32%;

	z-index: 10;

	max-height:550px;

	left:3%;

}

#img5{

	position: absolute;

	left:30%;

	top:55%;

	z-index: 10;

	max-height:330px;

}

.vr_fours_div .huaxian{

	width: 450px;

	height: 350px;

	position: absolute;

	left: 18%;

	top:22%;

	z-index: 1;

}

.floor1{


  background-repeat:no-repeat;

  background-size:100% 880px;

  width:100%;

  height:880px;

  position:relative;

  margin:0 auto;

}

.flying1{

   float:left;

   text-align:right;

 // margin-left:4%;

  width:350px;

  margin-top:200px;

  

}

.flying1 span{

  display:block;

  float:right;

  margin-top:60px;

  width:100%;

}

.flying{

  float:left;

  padding-top:70px;

  text-align:right;

//width:39%;

 /*

  width:32%;

  padding-left:7%;

*/

}



/* @media screen and (max-width:1500px) {

    .flying{

	  width:35%;

	  padding-left:4%;

	}

} */



.flying span{

  display:block;

  margin-top:30px;

  width:100%;

  text-align:center;

}

.flying2{

  

  float:left;

  width:350px;

  margin-top:200px;

  

}

.flying2 span{

  display:block;

  float:right;

  margin-top:60px;

  width:100%;

}

.floor2{

  width:100%;

  height:880px;

  position:relative;

  margin:80px auto;

//padding-left:20%;

  color:#2e2e2e;

  background-color: #ffffff;

  min-width:1200px;

}





.exper{

  display:block;

  color:#2e2e2;

  font-size:34px;

  margin-top:20px;

  margin-left:150px;

  text-align:left;

}

.exper p{

  line-height: 10px;

}

.exper1 p{

  line-height: 10px;

}

.exper li{

	list-style:none;

	display: block;

	border-right:1px solid #dcdcdc;

	font-size: 14px;

	color: black;

	text-align: center;

	vertical-align:middle;

	height:135px;

	float:left;

	width:250px;

	padding-top:25px;

}

.floor3{

   width:100%;

  height:680px;

  position:relative;

  margin:200px auto;

//padding-left:20%;

  min-width:1200px;

}



.con{

  height:80px;

  width:80%;

  margin-left:50px;

  vertical-align: middle;

   text-align:left;

  margin-left:150px;

}

.conint{

	

	font-size:32px;

	color:#DFC588;

	margin-right:100px;

	display:block;

	height:80px;

	line-height:80px;

	vertical-align: middle;

	

}

.floor4{

  width:100%;

  height:550px;

  position:relative;

  margin:50px auto;

//  padding-left:20%;

  color:#545454;

  min-width:1200px;

}

.huxing{

  position:absolute;

  top:10px;

  color:#353535;



}

.floor5{

  width:100%;

  height:780px;

  position:relative;

  margin:0 auto; 

  background-color: #f1f1f1;

  padding-top:50px;

  text-align:center;

  color:#2e2e2e;

  min-width:1200px;

   margin-top:-55px;

}

.floor6{

  width:100%;

  height:1000px;

  position:relative;

  margin:0 auto; 

  background-color: #ffffff;

  padding-top:50px;

  text-align:center;

  color:#2e2e2e;

}



.floor6 span{

	color:#2e2e2e;

	display:block;

	font-size:20px;

	

}

.floor7{

  width:100%;

  height:930px;

  position:relative;

  margin:0 auto; 

  background-color: #f1f1f1;

  padding-top:50px;

  text-align:center;

  color:#2e2e2e;

}

.floor7 span{

	color:#2e2e2e;

	display:block;

	font-size:20px;

}



/* 动画部分 */

.animatedImg {

  -webkit-animation-duration: 6s;

  -moz-animation-duration: 6s;

  -ms-animation-duration: 6s;

  -o-animation-duration: 6s;

  animation-duration: 6s;

  -webkit-animation-fill-mode:forwards;

  -moz-animation-fill-mode:forwards;

  -ms-animation-fill-mode:forwards;

  -o-animation-fill-mode:forwards;

  animation-fill-mode:forwards;

}



.zoomIn {

  -webkit-animation-name: zoomIn;

  -moz-animation-name: zoomIn;

  -ms-animation-name: zoomIn;

  -o-animation-name: zoomIn;

  animation-name: zoomIn;

   -webkit-animation-duration: 3s;

  -moz-animation-duration: 3s;

  -ms-animation-duration: 3s;

  -o-animation-duration: 3s;

  animation-duration: 3s;

  -webkit-animation-fill-mode:forwards;

  -moz-animation-fill-mode:forwards;

  -ms-animation-fill-mode:forwards;

  -o-animation-fill-mode:forwards;

  animation-fill-mode:forwards;

}



.flash {

  -webkit-animation-name: flash;

  -moz-animation-name: flash;

  -ms-animation-name: flash;

  -o-animation-name: flash;

  animation-name: flash;

   -webkit-animation-duration: 3s;

  -moz-animation-duration: 3s;

  -ms-animation-duration: 3s;

  -o-animation-duration: 3s;

  animation-duration: 3s;

  -webkit-animation-fill-mode:forwards;

  -moz-animation-fill-mode:forwards;

  -ms-animation-fill-mode:forwards;

  -o-animation-fill-mode:forwards;

  animation-fill-mode:forwards;

}

.slideInDown{

	-webkit-animation-name: slideInDown;

  -moz-animation-name: slideInDown;

  -ms-animation-name: slideInDown;

  -o-animation-name:slideInDown;

  animation-name: slideInDown;

   -webkit-animation-duration: 3s;

  -moz-animation-duration: 3s;

  -ms-animation-duration: 3s;

  -o-animation-duration: 3s;

  animation-duration: 3s;

  -webkit-animation-fill-mode:both;

  -moz-animation-fill-mode:both;

  -ms-animation-fill-mode:both;

  -o-animation-fill-mode:both;

  animation-fill-mode:both;

}



.slideInUp{

	-webkit-animation-name: slideInUp;

  -moz-animation-name: slideInUp;

  -ms-animation-name: slideInUp;

  -o-animation-name:slideInUp;

  animation-name: slideInUp;

   -webkit-animation-duration: 6s;

  -moz-animation-duration: 6s;

  -ms-animation-duration: 6s;

  -o-animation-duration: 6s;

  animation-duration: 6s;

  -webkit-animation-fill-mode:both;

  -moz-animation-fill-mode:both;

  -ms-animation-fill-mode:both;

  -o-animation-fill-mode:both;

  animation-fill-mode:both;

}



/*.slideInUpTit{

	-webkit-animation-name: slideInUpTit;

  -moz-animation-name: slideInUpTit;

  -ms-animation-name: slideInUpTit;

  -o-animation-name:slideInUpTit;

  animation-name: slideInUpTit;

   -webkit-animation-duration: 1s;

  -moz-animation-duration: 1s;

  -ms-animation-duration: 1s;

  -o-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode:forwards;

  -moz-animation-fill-mode:forwards;

  -ms-animation-fill-mode:forwards;

  -o-animation-fill-mode:forwards;

  animation-fill-mode:forwards;

}
*/


/*.slideInDownTit{

	-webkit-animation-name: slideInDownTit;

  -moz-animation-name: slideInDownTit;

  -ms-animation-name: slideInDownTit;

  -o-animation-name:slideInDownTit;

  animation-name: slideInDownTit;

   -webkit-animation-duration: 1s;

  -moz-animation-duration: 1s;

  -ms-animation-duration: 1s;

  -o-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode:forwards;

  -moz-animation-fill-mode:forwards;

  -ms-animation-fill-mode:forwards;

  -o-animation-fill-mode:forwards;

  animation-fill-mode:forwards;

}*/



@-webkit-keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(.9, .9, .9);

  }



 100% {

    opacity: 1;

  }

}

@-moz-keyframes zoomIn {

  from {

    opacity: 0;

   -moz-transform:  scale3d(.9, .9, .9);

  }



 100% {

    opacity: 1;

  }

}

@-ms-keyframes zoomIn {

  from {

    opacity: 0;

    -ms-transform:  scale3d(.9, .9, .9);

  }



 100% {

    opacity: 1;

  }

}



@-o-keyframes zoomIn {

  from {

    opacity: 0;

    -o-transform:  scale3d(.9, .9, .9);

  }



 100% {

    opacity: 1;

  }

}

@keyframes zoomIn {

  from {

    opacity: 0;

    transform:  scale3d(.9, .9, .9);

  }



  100% {

    opacity: 1;

  }

}





@-webkit-keyframes flash {

  from {

    opacity: 0;

   

  }



 100% {

    opacity: 1;

  }

}

@-moz-keyframes flash {

  from {

    opacity: 0;

   

  }



 100% {

    opacity: 1;

  }

}

@-ms-keyframes flash {

  from {

    opacity: 0;

   

  }



 100% {

    opacity: 1;

  }

}



@-o-keyframes flash {

  from {

    opacity: 0;

   

  }



 100% {

    opacity: 1;

  }

}

@keyframes flash {

  from {

    opacity: 0;

   

  }



  100% {

    opacity: 1;

  }

}



@-webkit-keyframes slideInDown {

	  from {

	    -webkit-transform: translate3d(0, -4%, 0);

	    visibility: visible;

	  }

	

	  to {

	    -webkit-transform: translate3d(0, 0, 0);

	  }

	}

	@-moz-keyframes slideInDown {

	  from {

	    -moz-transform: translate3d(0, -4%, 0);

	    visibility: visible;

	  }

	

	  to {

	    -moz-transform: translate3d(0, 0, 0);

	  }

	}

	@-ms-keyframes slideInDown {

	  from {

	    -ms-transform: translate3d(0, -4%, 0);

	    visibility: visible;

	  }

	

	  to {

	    -ms-transform: translate3d(0, 0, 0);

	  }

	}

	@-o-keyframes slideInDown {

	  from {

	    -o-transform: translate3d(0, -4%, 0);

	    visibility: visible;

	  }

	

	  to {

	    -o-transform: translate3d(0, 0, 0);

	  }

	}

	

	@keyframes slideInDown {

	  from {

	    transform: translate3d(0, -4%, 0);

	    visibility: visible;

	  }

	

	  to {

	    transform: translate3d(0, 0, 0);

	  }

	}

	

	@-webkit-keyframes slideInUp {

	  from {

	    -webkit-transform: translate3d(0, 4%, 0);

	    visibility: visible;

	  }

	

	  to {

	    -webkit-transform: translate3d(0, 0, 0);

	  }

	}

	@-moz-keyframes slideInUp {

	  from {

	    -moz-transform: translate3d(0, 4%, 0);

	    visibility: visible;

	  }

	

	  to {

	    -moz-transform: translate3d(0, 0, 0);

	  }

	}

	@-ms-keyframes slideInUp {

	  from {

	    -ms-transform: translate3d(0, 4%, 0);

	    visibility: visible;

	  }

	

	  to {

	    -ms-transform: translate3d(0, 0, 0);

	  }

	}

	@-o-keyframes slideInUp {

	  from {

	    -o-transform: translate3d(0, 4%, 0);

	    visibility: visible;

	  }

	

	  to {

	    -o-transform: translate3d(0, 0, 0);

	  }

	}

	

	@keyframes slideInUp {

	  from {

	    transform: translate3d(0, 4%, 0);

	    visibility: visible;

	  }

	

	  to {

	    transform: translate3d(0, 0, 0);

	  }

	}

	



    /* 头部动画 */

	

	@-webkit-keyframes slideInUpTit {

	  20% {

		   -webkit-transform:translateY(-20px);

		    visibility: visible;

		  }

	

      60%{

         -webkit-transform:translateY(-40px);

      }

  

	  to {

	     -webkit-transform:translateY(-60px);

	   

	  }

	}

	@-moz-keyframes slideInUpTit {

		 20% {

		   -moz-transform:translateY(-20px);

		    visibility: visible;

		  }

	

	      60%{

	        -moz-transform:translateY(-40px);

	      }

	  

		  to {

		     -moz-transform:translateY(-60px);

		   

		  }

	}

	@-ms-keyframes slideInUpTit {

	 

	 20% {

	    -ms-transform:translateY(-20px);

	    visibility: visible;

	  }



      60%{

        -ms-transform:translateY(-40px);

      }

  

	  to {

	     -ms-transform:translateY(-60px);

	   

	  }

	

	}

	

	@-o-keyframes slideInUpTit {

	   20% {

	    -o-transform:translateY(-20px);

	    visibility: visible;

	  }



      60%{

        -o-transform:translateY(-40px);

      }

  

	  to {

	     -o-transform:translateY(-60px);

	   

	  }

	}

	

	@keyframes slideInUpTit {

	  20% {

	    transform:translateY(-20px);

	    visibility: visible;

	  }



      60%{

       transform:translateY(-40px);

      }

  

	  to {

	     transform:translateY(-60px);

	   

	  }

	}

	

   

 

   @-webkit-keyframes slideInDownTit {

	    0% {

		   -webkit-transform:translateY(-45px);

		    visibility: visible;

		  }

	      

	      

	      50% {

		   -webkit-transform:translateY(-22px);

		    visibility: visible;

		  }

	  

		  to {

		     -webkit-transform:translateY(0px);

		   

		  }

	}

	@-moz-keyframes slideInDownTit {

	     0% {

		   -moz-transform:translateY(-45px);

		    visibility: visible;

		  }

	      

	      

	      50% {

		   -moz-transform:translateY(-22px);

		    visibility: visible;

		  }

	  

		  to {

		     -moz-transform:translateY(0px);

		   

		  }

	}

	@-ms-keyframes slideInDownTit {

	     0% {

		   -ms-transform:translateY(-45px);

		    visibility: visible;

		  }

	      

	      

	      50% {

		   -ms-transform:translateY(-22px);

		    visibility: visible;

		  }

	  

		  to {

		     -ms-transform:translateY(0px);

		   

		  }

	}

	

	@-o-keyframes slideInDownTit {

		 0% {

		    -o-transform:translateY(-45px);

		    visibility: visible;

		  }

	      

	      

	      50% {

		    -o-transform:translateY(-22px);

		    visibility: visible;

		  }

	  

		  to {

		     -o-transform:translateY(0px);

		   

		  }

	}

	

	@keyframes slideInDownTit {

	   

	      0% {

		    transform:translateY(-45px);

		    visibility: visible;

		  }

	      

	      

	      50% {

		    transform:translateY(-22px);

		    visibility: visible;

		  }

	  

		  to {

		     transform:translateY(0px);

		   

		  }

	}

	

 .infos {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

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

  padding-left:20px;

}

.infos span{

	color:white;

	font-size:20px;

}

.scale{

	-webkit-transform: scale3d(1.10,1.10,1);

	 transform: scale3d(1.10,1.10,1);

	 z-index:100;

}

	/***底部**/
footer{
	background-color:#222324;
	width:100%;
	height:1150px;
	float:left;
}
.footer-in{
	width:1200px;
	height:600px;
	margin:0 auto;
}
.footer-top{
	height:352px;
	padding-top:60px;
}
.footer-top .footer-left{
	width:630px;
	height:352px;
	float:left;
	color:#cccccc;
	padding-left:30px;
}
.footer-top .footer-right{
	width:540px;
	height:352px;
	float:left;
}
.footer-down{
	height:52px;
	line-height:52px;
	color:#cccccc;
	text-align:center;
	border-top:1px solid #545454;
}
.footer-left p{
	padding-top:10px;
	line-height:20px;
}
.lian{
	line-height:60px;
	font-weight:bold;
	color:#FFF;
}
.lian a{
	color:#FFF;
	text-decoration:none;
}
.footer-right span{
	color:#e5e3e3;
	line-height:25px;
	display:block;
}
.texts{
	width:260px;
	height:50px;
	line-height:50px;
	color:#e5e3e3;
	border:1px solid #FFF;
	background-color:#222324;
	padding-left:10px;
	margin-right:10px;
}
.ok{
	width:95px;
	background:#FFF;
	line-height:50px;
	color:#030303;
	border:0;
	margin-bottom:25px;
}
.fenxiang{
	
	width:100%;
	font-size:16px;
	color:#666;
	height:40px;
	
}
/*网站地图*/

			ul li{
				list-style: none;
			}
			.guid {
				width: 1200px;
				/*width:100%;*/
				margin:0 auto;
				/*height: 862px;*/
				/*background: #222324;*/
				padding-left: 3%;
				padding-bottom: 1.5em;
				border-bottom: 1px solid #545454;
			}
			.guid a {
				color: #fff;
				text-decoration:none;
			}
			.upsub{
				width: 1450px;
				margin: 0 auto;
				padding: 2em;
				padding-left:0;
			}
			.downsub {
				width: 1450px;
				/*padding-bottom: 2em;*/
				margin: 0 auto;
				/*padding-left: 19%;*/
				/*padding-top: 1em;*/
			}

			.upsub li,.link_theme, .sub_theme {
				
				font-family: PingFang SC;
				font-weight: 500;
				line-height: 1.5rem;
				color: #fff;
			}
			.upsub li{
				float: left;
				width: 10%;
				text-align: center;
				border-left: 2px solid #fff;
				font-size: 2rem;
			}
			.linkbox a {
				display: block;
				font-size: 1.5rem;
				color: #007BEA;
				line-height: 3rem;
			}
			.link_theme, .link_theme a{
				font-size: 1.5rem;
				margin-bottom: 2.1875rem;
			}
			.sub_theme, .sub_theme a{
				font-size: 0.875rem;
				line-height: 2.125rem;
			}
			.upsub li:nth-child(1){
				border-left:none;
				text-align: left;
				width: 5%;
			}
			.linkbox{
				float: left;
				width: 21%;
			}
			.sbox{
				width: 14%;
			}

			.link_theme a, .sub_theme a{
				color: #fff;
			}
			.clearfix:after{
				content:'';
				display: block;
				overflow: hidden;
				clear: both;
			}


@media screen and (max-width:1450px) {
		.guid{
			padding-left: 0;
		}
    .upsub{
    	width: 91%;
		}
		.upsub li:nth-child(1){
			width: 6%;
		}
		    
		.upsub li{
			width: 15%;
		}
		.downsub{
				width: 100%;
		}

/*		.linkbox{
			width:22%;
		}*/
		.sbox{
			/*width: 10%;*/
			margin-left:3%;
		}
		.linkbox:last-child{
			margin-left:2%;
		}
}