body {
  margin: 0;
  padding: 0;
    box-sizing: border-box;
    flex-shrink: 0;
  }

  input {
    background-color: transparent;
    border: none;
  }
  button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
  }
  
  button:active {
    opacity: 0.6;
  }
  .flex-col {
    display: flex;
    flex-direction: column;
  }
  .flex-row {
    display: flex;
    flex-direction: row;
  }
  .justify-start {
    display: flex;
    justify-content: flex-start;
  }
  .justify-center {
    display: flex;
    justify-content: center;
  }
  
  .justify-end {
    display: flex;
    justify-content: flex-end;
  }
  .justify-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .justify-around {
    display: flex;
    justify-content: space-around;
  }
  .justify-between {
    display: flex;
    justify-content: space-between;
  }
  .align-start {
    display: flex;
    align-items: flex-start;
  }
  .align-center {
    display: flex;
    align-items: center;
  }
  .align-end {
    display: flex;
    align-items: flex-end;
  }
 




.none{

	display:none;

}



.online_x{

	cursor:pointer;

}

button:hover,

input[type=submit]:hover {

    cursor: pointer

}



button:focus,

input:active,

input:focus,

textarea:focus {

   /* border: 0*/

  	outline: 0 none;

  	outline-color: transparent;

}



a {

    color: #333;

    display: inline-block;

}



a:link {

    text-decoration: none

}



a:visited {

    text-decoration: none

}



a:hover {

    text-decoration: none;



}



a:active {

    text-decoration: none

}



li {

    list-style: none;

}



.clear {

    clear: both;

    font-size: 0;

    line-height: 0;

    height: 0;

    visibility: hidden

}



.clearfix:after,

.clearfix:before {

    content: "";

    display: table

}



.clearfix:after {

    clear: both

}



.clearfix {

    zoom: 1

}


.conwidth{

	width: 85.41%;

	margin: auto;

}

.mwidth{

	max-width: 1500px;

	width: 100%;

	margin: 0 auto;

}

.cwidth{

	max-width: 1300px;

	width: 100%;

	margin: 0 auto;

}

/*间距*/

.pad{

	padding-top: 100px;

}

.pad-t1{

	padding-top: 90px;

}

.pad-t2{

	padding-top: 55px;

}

.pad-t3{

	padding-top: 80px;

}

.pad-t4{

	padding-top: 70px;

}

.pad-t5, .lookup.pad-t5{

	padding-top: 60px;

}

.pad-t6{

	padding-top: 110px;

}

.pad-b1{

	padding-bottom: 150px;

}

.pad-b2{

	padding-bottom: 55px;

}

.pad-b3, .recommended.pad-b3{

	padding-bottom: 110px;

}

.pad-b4{

	padding-bottom: 80px;

}

.pad-b5{

	padding-bottom: 35px;

}

.pad-b6{

	padding-bottom: 70px;

}

.mar-b1{

	margin-bottom: 75px;

}

/*header*/

.header{

	width: 100%;

}

.header.white{

	position: fixed;

	top: 0;

	left:0;

	z-index: 99999;

	box-shadow: 0px 0px 20px rgba(0,0,0,.15);

}

.header.white, .header.white1{

	background-color: #ffffff;

}

.header .box{

}

.header .logo{

	float: left;
  margin-top: 20px;

}

.header .logo a{

	display: inline-block;

	width: 100%;

	line-height: 100px;

}

.header .logo a img{

	max-width: 277px;

	height: 61px;

}

.header .logo a .logo1{

}

.header .logo a .logo2{

	display: none;

}

.header.white .logo a .logo1, .header.white1 .logo a .logo1{

	display: none;

}

.header.white .logo a .logo2, .header.white1 .logo a .logo2{

	display: inline-block;

}

.header .header-right{

	float: right;

}

.header .nav{

	float: left;

}

.header .nav>ul>li{

	position: relative;

	float: left;

	line-height: 100px;

	margin: 0px 35px;

}

.header .nav>ul>li>a{

	color: #ffffff;

	font-size: 16px;

	font-weight: bold;

}

.header.white .nav>ul>li>a, .header.white1 .nav>ul>li>a{

	color: #333333;

}

.header .nav>ul>li:hover>a, .header.white .nav>ul>li:hover>a, .header.white1 .nav>ul>li:hover>a{

	color: #0088d2;

}

.header .navcell{

	display: none;

	position: absolute;

	left: 50%;

	top: 100px;

	z-index: 100;

	-o-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	padding: 18px 0px;

	background: rgba(255,255,255,.85);

	/*min-width: 200px;*/

	-moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    white-space: nowrap;

    border-top: #ddd solid 1px;

}

.header .navcell .con{

	min-height: 270px;

	min-width: 200px;

}

.header .nav-li{

	width: 100%;

	text-align: center;

	margin-bottom: 8px;

}

.header .nav-li:last-child{

	margin-bottom: 0;

}

.header .nav-li>a, .header .nav-li .a-level{

	display: block;

	width: 100%;

	color: #333333;

	font-size: 16px;

	line-height: 42px;

	cursor: pointer;

	padding: 0px 12px;

	-moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

}

.header .nav-li>a{

	padding: 0px 30px;

	text-align: left;

}

.header .nav-li .a-level{

	position: relative;

	padding-right: 25px;

	padding-left: 30px;

    text-align: left;

}

.header .nav-li .a-level i{

	position: absolute;

	right: 12px;

	top: 0;

	display: inline-block;

	width: 7px;

	height: 100%;

	background: url(../image/img8.png) center right no-repeat;

	background-size: 7px 12px;

}

.header .nav-li:hover .a-level i{

	background: url(../image/img9.png) center right no-repeat;

	background-size: 7px 12px;

}

.header .nav-li:hover>a, .header .nav-li:hover .a-level{

	color: #ffffff;

	background-color: #0088d2;

}

.header .nav-li .level-con{

	position: absolute;

	left: 200px;

	top: -1px;

	/*min-height: 306px;*/

	min-height: 100%;

	background: rgba(242,242,242,0.85);

	display: none;

	border-top: #ddd solid 1px;

}

.header .nav-li:hover .level-con{

	display: block;

}

.header .nav-li .level-con ul{

	padding: 20px 0px;

}

.header .nav-li .level-con ul li{

	line-height: 36px;

}

.header .nav-li .level-con ul li a{

	display: inline-block;

	width: 100%;

	color: #333333;

	font-size: 16px;

	margin-bottom: 5px;

	padding: 0 30px;

	min-width: 140px;

	text-align: left;

	-moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

}

.header .nav-li .level-con ul li a:hover{

	color: #0088d2;

}

/*手机header*/

.header .menubtn{

	float: right;

	display: none;

	width: 50px;

    height: 60px;

    background: url(../image/menu-icon11.png) center right no-repeat;

    -moz-background-size: 36px 36px;

    -webkit-background-size: 36px 36px;

    background-size: 36px 36px;

    cursor: pointer;

}

.header.white .menubtn, .header.white1 .menubtn{

	background: url(../image/menu-icon1.png) center right no-repeat;

	 -moz-background-size: 36px 36px;

    -webkit-background-size: 36px 36px;

    background-size: 36px 36px;

}

.header .menubtn.on{

    background: url(../image/menu-icon21.png) center right no-repeat;

    -moz-background-size: 36px 36px;

    -webkit-background-size: 36px 36px;

    background-size: 36px 36px;

}

.header.white .menubtn.on, .header.white1 .menubtn.on{

	background: url(../image/menu-icon2.png) center right no-repeat;

	-moz-background-size: 36px 36px;

    -webkit-background-size: 36px 36px;

    background-size: 36px 36px;

}

#footer1{
  margin-top: 1vw;
  background: #fff;
}