/* CSS Document */
*{margin: 0;padding: 0;}
.width{margin: auto;}
.small{display: none;}

/*header-top*/
.top{width: 100%;height: 10px;background: #005080;}
.top .width{display: flex;justify-content: space-between;}
.top .width p{line-height: 45px;color: #fff;font-size: 18px;opacity: .7;letter-spacing: 1px;}
.top .width div img{float: left;}
.top .width div p{float: left;}

/*header-nav*/
.nav{background-image: url("../images/banner.jpg");background-repeat: no-repeat;padding-bottom: 200px;background-position:top right;}
.nav_top{padding-top: 90px;display: flex;justify-content: space-between;}
.nav_top div:nth-child(1) img{width: 100%;}
.nav_top div:nth-child(2){width: 500px;margin-top: 30px;}
.nav_top div input{width: 230px;height: 45px;float: left;border: 0;font-size: 16px;color: #666;padding-left: 10px;}
.nav_top .sstj{width: 55px !important;height: 45px;background: #006fb0;float: left;margin: 0 !important;}
.nav_top div:nth-child(2) .ssimg{margin-top: 20%;margin-left: 10%; width:22px !important; height:24px !important;}
.nav_bot{display: flex;justify-content: space-around;background: #184f80;margin-top: 35px;}
.nav_bot li{list-style: none;}
.nav_bot li a{text-decoration: none;display: block;width: 100%;color: #fff;font-size: 24px;letter-spacing: 2px;line-height: 65px;}
.nav_bot li a img{float: left;margin-right: 10px;margin-top: 20px;}
.nav_bot li a p{float: left;}
.small{position: absolute;right: 0;top: 70px;width: 20%;z-index: 4;}
#danji{float: right;margin-right: 20px;}
#danji img{width: 100%;}
#small_nav{display: none;width: 200px;margin-top: 50px;position: absolute;right: 0;}
#small_nav li{list-style: none;}
#small_nav li a{text-decoration: none;display: block;width: 100%;color: #fff;font-size: 20px;letter-spacing: 2px;line-height: 65px;background: #005080;height: 65px;padding: 0 10px;}
#small_nav li a img{float: left;margin-right: 10px;margin-top: 20px;}
#small_nav li a p{float: left;}
.small_padding{padding-left: 20% !important;}
.ssform{ margin-right:200px;margin-top: 26px;}
/*footer*/
.footer{padding: 45px 0 45px;background: #184f80;color: #fff;text-align: center;}
.footer p{line-height: 30px;font-size: 14px;letter-spacing: 1px;}
.footer a{color: #fff; text-decoration: none; font-size:14px;}
.footer div:nth-child(1) img:nth-child(2){margin-left: 10px;margin-bottom: 10px;}
.footer div:nth-child(5) img{margin-bottom: -10px;margin-right: 5px;margin-top: 20px;}

@media screen and (max-device-width:400px){
	.width{width: 95%;}
	.small{display: block;}
	#danji{width: 50%;}
	.nav_bot{display: none;}
	.nav_top div:nth-child(1){width: 70%;}
	.nav_top div:nth-child(2){display: none;}
	.ssform{ display:none;}
	#small_nav li a{ font-size:16px;}

}
@media screen and (min-device-width:401px) and (max-device-width:768px){
	.width{width: 95%;}
	.small{display: block;}
	#danji{width: 35%;}
	.nav_bot{display: none;}
	.nav_top div:nth-child(1){width: 70%;}
	.nav_top div:nth-child(2){display: none;}
	.ssform{ display:none;margin-right: 150px; margin-top:15px; margin-left:10px;}
	#small_nav li a{ font-size:16px;}
}
@media screen and (min-device-width:769px) and (max-device-width:1399px){
	.width{width: 98%;}
}
@media screen and (min-device-width:1400px){
	.width{width: 1400px;}
}