﻿.wrap {
    width: 100%;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.w590 {
    width: 590px;
}
.maintop{
	 width: 100%;
    height: 40px;
	background:#1d83e7;
}
.maintop .info{
	width:1200px;
	margin: 0 auto;
	color:white;
	height: 40px;
}
.maintop .info div{
	height:40px;
	line-height:40px;
	float:left;
	font-size:15px;
}

.info .collect { float: right; color: white; height:40px;line-height:40px;font-size:15px;}

.info .collect li { position: relative; float: left; margin-left: 5px; }

.info .collect li#code img { display: none; position: absolute; left: 50%; top: 24px; margin-left: -66px; }

.info .collect a { color: white; margin-right: 4px; }

.info .collect a:hover {
 color: #000;

 cursor: pointer;
}

.head {
    width: 100%;
    height: 250px;
    background: url(headbg.png) center center no-repeat;
    overflow: hidden;
}

.headinner .top {
    text-align: right;
    margin-top: 15px;
    overflow: hidden;
}

.headinner .top a {
    font-size: 16px;
    margin-left: 20px;
}

.headinner form {
    width: 440px;
    height: 47px;
    margin-top: 15px;
}

.headinner form .item {
    border: 1px solid #1d83e7;
    padding-left: 50px;
    position: relative;
}

.headinner form input {
    width: 298px;
    height: 47px;
    float: left;
    font-size: 16px;
}

.headinner form .item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 45px;
    background: #fff url(sousuo.png) center center no-repeat;
}

.headinner form input::placeholder {
    font-size: 16px;
    color: #999;
}

.headinner form button {
    width: 90px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #1d83e7;
    outline: none;
    border: none;
}

.headinner .bot {
    margin-top: 55px;
    overflow: hidden;
}

.nav {
    width: 100%;
    height: 47px;
    background: #1d83e7;
    overflow: hidden;
    position: relative;
}
.navinner{
    
    height: 47px;
   
    line-height: 47px;
 
}
.navinner a {
    width: 14.25%;
    height: 47px;
    text-align: center;
    float: left;
    line-height: 47px;
    font-size: 19px;
    color: #fffefe;
}
.nav{
	overflow:visible;
	z-index:9999;
  }
.dropdown {
  position: relative;
  display: inline-block;
  width:12.2%;
}
.dropdown a{
  
  width:100%;
}
.drophref{
	
	width:70% !important;
}
.dropdown img{
  float: left;
width: 25px;
    height: 25px;
    margin-top: 18px;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #1d83e7;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  margin-top:60px;
}
.dropdown-content p{
	font-size: 17px;
    color: white;
    height: 40px;
    line-height: 40px;
}
.dropdown-content a{
	font-size: 17px;
    color: white;
    height: 40px;
    line-height: 40px;
}
.dropdown:hover .dropdown-content {
  display: block;
}


.toutiao{
	width:1200px;
	margin:5px auto;
	height:90px;

}
.toutiao .toutiaotop{
	font-size:26px;
	font-weight:bold;
	color:red;
	text-align:center;
	height:40px;
	line-height:55px;
}
.toutiao .toutiaodown{
	font-size:15px;
	color:#333;
	text-align:center;
	height:50px;
	line-height:40px;
}

.foot {
    width: 100%;
    background: #1d83e7;
    overflow: hidden;
    position: relative;
}

.foot .top {
    padding: 20px 0;
    border-bottom: 1px solid #1d83e7;
}

.foot .topinner .name {
    width: 90px;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
}

.foot .links {
    width: 1110px;
}

.foot .links a {
    display: inline-block;
    vertical-align: top;
    padding: 0 12px;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    border: 1px solid #bbbbbb;
}

.foot .links a+a {
    margin-left: 10px;
}

.foot .links select {
    height: 43px;
    line-height: 43px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    border: none;
}

.foot .bot {
    padding: 10px 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
	color:#fff;
}
.foot .bot1 {
    padding: 20px 0 0px;
    display: flex;
    justify-content: center;
    align-items: center;
	color:#fff;
}
.foot .bot1 a{
    width:150px;
	color:#fff;
	text-align:center;
}
.foot .bot a{
    
	color:#fff;
}
.foot .botinfo {
    padding: 0 25px;
    font-size: 16px;
    float: left;
}

.foot .botinfo p {
    text-align: center;
	height: 40px;
    line-height: 40px;
}

.foot .botinfo p:nth-child(1) {
    margin-bottom: 8px;
}

.foot .botinfo img {
    display: inline-block;
    vertical-align: middle;
}

.foot .bot .img1 {
  
    float: left;
  

}

.foot .bot .img2 {
    width: 80px;
 
    float: left;
}
.friendBg{background:#eee;padding:20px 0;}
.friendList{display:flex;justify-content:space-between;}
.friendList li{position:relative;font-size:16px;color:grey; border-radius: 5px; cursor:pointer;;background: #FFF;padding: 10px 10px;margin: 0 15px 0 0;width:25%;}
.friendList li b{font-weight:normal;}
.friendList a{color:grey;margin: 0 10px;}
.friendList li:after{content:'';display:block;position:absolute;right: 20px;top:45%;border:5px solid transparent;border-top-color:grey;}
.friendList li div{width: 100%;box-shadow:0 0 6px 0px rgb(207 228 255);position:absolute;left:0px;bottom:40px;padding:10px 20px 20px 20px;display:none;background:#ffffff;z-index:999;max-height:300px;overflow-y:auto !important;}
.friendList li div a{display:block;white-space:nowrap;padding-bottom:10px;}
@media screen and (max-width: 900px) {
    * {
        font-size: 14px !important;
    }

    .container {
        width: 100%;
        padding: 0 10px;
    }

    .fl,
    .fr {
        float: none;
    }


    .headinner .bot {
        margin-top: 30px;
        overflow: hidden;
    }

    .headinner .logo {
        width: 80%;
        display: block;
        margin: 0 auto;
    }
	.headinner .logo2 {
        width: 80%;
        display: block;
        margin: 0 auto !important;
		
    }
    .headinner .logo img {
        display: block;
        width: 100% !important;
    }
 .headinner .logo2 img {
        display: block;
        width: 100% !important;
    }
    .headinner form {
        width: 100%;
    }

    .headinner form .item {
        padding-left: 50px;
        display: flex;
        height: 47px;
        align-items: center;
    }

    .headinner form input {
        width: 80%;
        background: white;
		height: 100%;
    }

    .con1inner .lef {
        width: 100%;
    }

    .navinner {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
    }
.nav{
	height:60px;
}
    
.navinner div {
    width: 20%;
    height: 30px;
    line-height: 30px;
}
.nav a{
        width: 25%;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        font-weight: normal;
    }
    .nav .container {
        height: 100%;
    }

    .foot {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
.sanpic{
	width:100% !important;
	
}
    .foot .links {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .foot .links a+a {
        margin-left: 0px;
    }

    .foot .links a {
        margin-bottom: 10px;
    }

    .foot .bot {
        display: flex;
        flex-direction: column;
    }
.foot .botinfo p{
	height: 80px;
    line-height: 40px;
}
    .foot .bot .img1 {
        margin-bottom: 10px;
    }
	.dropdown img{
display:none;
}
	.dropdown-content {
display:none;
}
.dropdown-content p{
	display:none;
}
	.dropdown:hover .dropdown-content {
  display: none;
}
.drophref {
    width: 100% !important;
}
.bigban {width: 100%;}
.friendList{display: block;justify-content:space-between;}
.friendList li{ width:100%;margin:5px 0px 5px}	
.link-wza{
	width:100% !important;
}
.foot{
	height:auto !important;
}
.foot-wza{
	width:100% !important;
	height:auto !important;
}
}