*{ font-size:18px; font-family:"΢���ź�"}
body,img{ margin:0}
input{ margin:0px; outline:none;}
a{ text-decoration:none;color:#3161b9}
h1{ font-weight: normal}
ul{list-style: none;padding:0;margin:0}
button{
   outline:none;
  }
.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;
}
.first-size3{
	 margin:20px 20px 0 20px;
	 padding:0px 0 0px 10px;
	 display:flex;
	 font-size:16px;
}
.ejjz{
     font-size:16px;
     color:#7b7b7b;
}
.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:#337ab7;
	 text-align:center;
	 font-size:24px;
}


.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;
  }

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

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

#customers tr.alt td 
  {
  color:#333;
  background-color:#fff;
  }
.zc-li{
  width:95%;
  display:flex;
  justify-content:space-between;
  margin:auto;
  margin-bottom:15px;
  border-left:2px solid #f78f2c;
}
.nr-size4{
     color:#333;
     line-height:30px;
	 font-size: 18px;
    margin-left: 7px;
	cursor:pointer;
}
.nr-font{
    font-size:12px;
	 color:#fff;
	 margin-left:8px;
	 padding: 1px 3px 1px 3px;
	 border-radius:2px;
	 height: 17px;
     margin-top: 3px;
	 background-image: linear-gradient(#f13434, #fb7526);
}
.nr-size3{
    font-size: 16px;
    width: 100px;
    height: 30px;
    background-color: #f78f2c;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    color: #fff;
	cursor:pointer;
}
.hide {
     display: none;
        }
.box-fenye{
     display: flex;
     justify-content: center;
	 margin-top:30px;
	 margin-bottom:40px
}
.mu-page-pre{
    font-size:16px;
	color:#FFF;
	border:none;
	background-color:#f78f2c;
	padding:5px 10px;
	border-radius:3px;
}
.mu-page-num{
    line-height:31px;
	color:#333;
	padding:0 30px;
}
.mu-page-next{
    font-size:16px;
	color:#FFF;
	border:none;
	background-color:#f78f2c;
	padding:5px 10px;
	border-radius:3px;
}
footer {
    background-color: #2380d4;
    font-size: 16px;
}
footer p {
    padding: 10px 0;
	margin:0
}
footer p a{
    
}
/*������*/
.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;
	margin-bottom: 70px;
	}
	.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
	}
	.zc-li{
	border-left:none;
	display:block;
	padding-bottom: 17px;
    padding-top: 10px;
    border-bottom: dashed 1px #b3cff9;
	}
	.nr-size3{
	width:100%;
	margin-top:5px;
	}
	/*������ʼ*/
	.tanchu-box{
	width:90%;
	top:45%;
	margin-top:auto;
	margin-left:auto;
	transform: translateX(-50%) translateY(-50%);
	height:auto;
	}
	.tanchu-inbox{
	font-size: 1.1em;
	height:60px;
	line-height:60px;
	position:relative
	}
	.close{
	position:absolute;
	top:6px;
	right:0;
	margin-left: auto;
    margin-top: auto;
	}
	.xiala label1{
	font-size:0.9em;
	margin-top: 10px;
	}
	.inputbox{
	width:auto;
	font-size:0.8em;
	padding-left:5px;
	margin-top: 10px;
	}
	
	.box-a{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	font-size:0.9em;
	height:30px;
	line-height:30px;
	margin-bottom:20px
	}
	.bottombox{
	width:48%;
	padding-left:3px;
	font-size:0.8em
	}
	.hd span.current{
	font-size:0.5em;
	}
	.hd span{
	font-size:0.5em;
	}
	/*����*/
	.topsize-g {
    width: 25%;
    height: 50px;
    }
	.topsize-gx {
    width: 100%;
    }
	.a-none{
	display:none
	}
}