/*CSS自定义属性*/

:root {

    --font-family : Microsoft YaHei,Tahoma, Verdana, Arial, Helvetica, sans-serif;

    --color : #666;

    --color-hover : #000;

    --color-theme : #fef02b;

 }

*{



	font-size: 14px;

	font-family: "Microsoft YaHei";



	-moz-box-sizing: border-box;  /*Firefox3.5+*/

	-webkit-box-sizing: border-box; /*Safari3.2+*/

	-o-box-sizing: border-box; /*Opera9.6*/

	-ms-box-sizing: border-box; /*IE8*/

	box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/

	

	margin:0;

	padding:0; 

	color: #000;

}

html{



}

a{

	color: #000;

	text-decoration: none;

}

a:hover{

	text-decoration: none;

}



a:link {color: #000}   /* 未访问的链接 */

a:visited {color: #000}  /* 已访问的链接 */

a:hover {color: #000}  /* 鼠标移动到链接上 */

a:active {color: #000} /* 选定的链接 */



ul,li{

	list-style: none;

}

.fl{

	float:left;

}

.fr{

	float: right;

}

.container{

  width: 100%;

	/*max-width: 1400px;*/

	margin:0 auto;

	padding: 0 5%;

}



.wrapper-padding{

  width: 100%;

  padding: 0 5%;

}

.wrapper-min{

 /* min-width: 1000px;*/

}



/*圆*/

.circle {

  display: inline-block;

  border-radius: 50%;

  min-width: 20px;

  min-height: 20px;

  /*padding: 5px;*/

  /*background: red;*/

  color: white;

  text-align: center;

  line-height: 1;

  box-sizing: content-box;

  white-space: nowrap;

}

.circle:before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  padding-top: 100%;

  height: 0;

}

.circle span {

  display: inline-block;

  vertical-align: middle;

}







/*

*{

transition-duration:1s;

-moz-transition-duration:1s;

-webkit-transition-duration:1s;

-o-transition-duration:1s;

}

*/





/* 

  turn : 定义的动画名称

  1s : 动画时间

  linear : 动画以何种运行轨迹完成一个周期

  infinite :规定动画应该无限次播放

  

  animation:turn 1s linear infinite;

 */

@keyframes turn{

  0%{-webkit-transform:rotate(0deg);}

  25%{-webkit-transform:rotate(90deg);}

  50%{-webkit-transform:rotate(180deg);}

  75%{-webkit-transform:rotate(270deg);}

  100%{-webkit-transform:rotate(360deg);}

}



.displaynone{

  display: none;

}





/*标题文字大小*/

.title-font{

  font-size: 50px;

}

.title-padding{

  padding: 3vw 0 2vw;

}







.display-wap{

   display: none;

}

.display-pc{

  display: block;

}

@media screen and (max-width: 840px) and (min-width: 0px){

  .display-wap{

    display: block;

  }

  .display-pc{

    display: none;

  }





  .title-font {

      font-size: 8vw;

  }

  .title-padding {

      padding: 10vw 0 8vw;

  }





}