*{ font-size:18px; font-family:"΢���ź�"}
body,img{ margin:0}
input{ margin:0px; outline:none;}
a{ text-decoration:none;color:#3161b9}
h1{ font-weight: normal}
.clear{ overflow: hidden}
body{
    background-color:#F7F7F7;
}
font{
   font-size:16px;
   color:red;
   line-height: 30px;
}
/*��������ʦ��ʽ-����ҳ��*/
.top{
     height:50px;
	 width:100%;
	 background-color:#2380d4;
	 box-shadow: 0px 3px 6px #b5b5b5;
	 position:fixed;
	 top:129px;
}
.intop{
     width:1200px;
	 margin:auto;
	 display:flex;
	 justify-content:space-between;
}
.logo{
     color:#fff;
	 font-size:24px;
	 line-height:130px;
}
.logo img{
     width:70px;
	 margin:22px 0 0 26px;
}
.top-size{
	 color:#fff;
	 display:flex;
	 justify-content:space-between;
	 line-height:50px;
	 width:1200px;
	 margin:auto;
	 position:relative;
}
.topsize{
     font-size:20px;
	 width:240px;
	 text-align:center;
	 color:#fff;
}
.topsize:hover{
     background-color:#4190d8;
	 color:#fff
}
.intopsize{
     background-color:#2380d4;
	 position:absolute;
	 top:50px;
	 left:0;
	 display:none;
}
.topsize:hover .intopsize{
     display:block
}
.intopsize2{
     background-color:#2380d4;
	 position:absolute;
	 top:100px;
	 left:0;
	 display:none
}
.topsize:hover .intopsize2{
     display:block
}
.banner{
	width:100%;
	height:130px;
	background:url(../images/bg1.jpg) center;
	background-repeat: no-repeat;
	font-size:40px;
	color:#fff;

	text-align:center;
	background-color:#0D69C0;
	 position:fixed;
	 top:0;
}
.banner-tille{
	margin-top: 28px;
	padding-left: 30px;
}
.fl{
	margin-left: auto;
	margin-top: 29px;
}
.banner-size{
	line-height: 40px;
	text-align: left;

font-size: 28px;}
.banner-size2{
	line-height: 27px;
	text-align: left;
	font-size: 14px;
}
.time{
	text-decoration:underline;
	font-size: 30px;
	color: #f7e6a7;
	font-weight: bold;
}
em{font-style:normal;font-size: 18px;line-height: 30px;text-align: center;}
.first{
     width:1200px;
	 margin:auto;
	 display:flex;
	 justify-content:space-between;
	 margin-top:185px;
}
.first-box1{
     background-color:#fff;
	 margin-top:20px;
	 width:308px;
	 height:460px;
	 position:absolute;
	 top:55px;
	 right:0;
}
.first-size{
     font-size:22px;
	 text-align:center;
	 color:#333;
	 margin-top:15px;
	 line-height:30px;
}
.cx{
	 background-color:#2380d4;
	 margin:15px 15px 0 15px;
	 display: flow-root;
     border-radius:5px;
}

.first-inbox{
     width:70px;
	 height:70px;
	 margin: auto;
    text-align: center;
	 margin:20px auto 0px auto;
	 
}
.first-inbox img{
     width: 100%;
}
.first-inbox-size{
     font-size:18px;
	 color:#fff;
	 margin-bottom:0px;
	 text-align:center;
}
.first-box2{
     background-color:#fff;
	 margin-top:20px;
	 width:870px;
}
.first-size2{
	 margin:20px 20px 0 20px;
	 padding:10px 0 10px 10px;
	 background-color:#f5f5f5;
	 display:flex;
	 font-size:16px;
     color:#7b7b7b;
}
.ejjz{
     font-size:16px;
     color:#337ab7;
}
.xian{
     width:95%;
	 height:1px;
	 background-color:#e6e6e6;
	 margin:15px auto 15px auto;
}
.size2-neirong{
     width:80%;
	 margin:25px auto 25px auto;
}
.nr-size{
     color:#333;
	 text-align:center;
	 font-size:24px;
}
.nr-size-fu{
     font-size:14px;
	 color:#9d9d9d;
	 text-align:center;
}
.nr-size-wz{
     width:90%;
     margin-left:auto;
	 margin-right:auto;
	 font-size:16px;
	 color:#333;
	 line-height:30px;
}
.more{
     width:278px;
	 margin:15px;
	 font-size:16px;
	 color:#fff;
	 border:none;
	 border-radius:2px;
	 line-height:40px;
	 background-color:#f78f2c;
	 text-align:center;
}
#customers
  {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  width:100%;
  border-collapse:collapse;
  margin-bottom:20px
  }

#customers td, #customers th 
  {
  font-size:1em;
  border:1px solid #d0cfcf;
  padding:3px 7px 2px 7px;
  background-color:#fff;
  color:#333;
  font-size:16px;
  text-align:center;
  }

#customers th 
  {
  font-size:1.1em;
  text-align:left;
  padding-top:5px;
  padding-bottom:4px;
  background-color:#fff;
  color:#333;
  text-align:center
  }

#customers tr.alt td 
  {
  color:#333;
  background-color:#fff;
  }
  

.tanchu-box{
    width:650px;
	height:330px;
	position:fixed;
	top:50%;
	margin-top:-150px;
	left:50%;
	margin-left:-325px;
	background-color:#fff;
	border-radius:4px;
	display:none;
	z-index:999
}
.tanchu-inbox{
    width:100%;
	height:80px;
	background:url(../images/bg1.jpg) center;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	color:#fff;
	font-size:36px;
	line-height:80px;
	text-align:center;
	font-weight:bold
}
.bottombox{
     width: 339px;
    height: 40px;
    padding-left: 12px;
    font-size: 16px;
    color: #333;
    margin-left: 0;
	margin-top:30px;
	border:solid 1px #DEDEDE;
}
.bottombox option{
    font-size: 16px;
    color: #333;
	line-height:30px
}
.inputbox{
     width: 320px;
    height: 34px;
    padding-left: 16px;
    font-size: 16px;
    color: #333;
    margin-left: 0px;
	margin-top:20px;
	border:solid 1px #DEDEDE;
}
.xiala{
    display:flex;
	justify-content:center;
}
.xiala label{
    margin-top:30px;
	height:40px;
	line-height:40px
}
.xiala label1{
    margin-top:20px;
	height:40px;
	line-height:40px
}
.box-a{
    width:428px;
	height:40px;
	line-height:40px;
	background-color:#cc2d2d;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	text-align:center;
	color:#fff;
	cursor:pointer
}
.close {
    position: relative;
    width: 40px;
    height: 40px;
	margin-left: 606px;
    margin-top: -67px;
	cursor:pointer;
}

.close::before,
.close::after {
    position: absolute;
    content: ' ';
    background-color:#fff;
    left:20px;
    width:2px;
    height:18px;
}

.close::before {
    transform: rotate(45deg);
}

.close::after {
    transform: rotate(-45deg);
}
.zhenzhao{
    position:fixed;
	top:0; 
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:2;
	display:none;
}
@media (max-width:767px){
    .intop {
	   width:100%;
	}
	.first-box2{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-top:7px
	}
	.top-size{
	   width:100%;
	   display:flex;
	   justify-content: space-around
	}
	.topsize{
	   width: auto;
	   font-size:0.85em;
	  
	}
	.topsize-g{
	width:25%;
	height:50px
	}
	.topsize-gx{
    width:100%
	}
	.box-fenye{
	margin-top:15px
	}
	.mobile-index{
	padding:0 0 0 15px
	}
	.topsize-mobile{
	   display:none
	}
	.first{
	width:100%;
	}
	.first-box1{
	position:fixed;
	bottom:0;
	left:0;
	top: auto;
	width:100%;
	height:auto;
	display:flex;
	justify-content: space-around;
	box-shadow: 0px 5px 16px #b5b5b5;
	}
	.first-inbox img{
	display:none;
	}
	.first-inbox img{
	display:none;
	}
	.first-size{
	font-size:0.6em;
	margin:0;
	line-height: unset;
	display:none;
	}
	.cx{
	margin:7px auto 7px auto;
	font-size:0.6em;
	}
	.more{
	width:92px;
	margin:auto;
	font-size:14px;
	line-height:34px;
	margin:7px auto 7px auto;
	border-radius:5px
	}
	.nr-size{
	font-size:1em;
	
	}
	
	.first-inbox{
	width:auto;
	height:auto;
	margin:auto;
	}
	.first-inbox-size{
	font-size:14px;
	line-height: 34px;
    width: 92px;
	
	}
	.join{
	line-height:normal
	}
	.topsize-g {
    width: 25%;
    height: 50px;
    }
	.topsize-gx {
    width: 100%;
    }
	.a-none{
	display:none
	}
}