body { color: #555;margin: 0px;padding: 0px;  font-size: 16px;font-family: "Microsoft YaHei";text-align: left;}
a {	text-decoration: none;}
* {margin: 0px;padding: 0px;font-family: "Microsoft YaHei";outline: none}
ul,li {list-style-type: none;margin: 0px;padding: 0px;}
img {border: 0px;vertical-align: middle; max-width:100%;}
.clear {	clear: both;}
input,select {vertical-align: middle;}
.no {	display: none;}
.max_img img {width: 100%; bottom: 0; top: 0;position: relative;left: 0;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;-o-transition: -o-transform 0.5s;transition: transform 0.5s;}

.top{height: 228px; line-height: 228px;}
.top img{position: relative;z-index: 99;}


.box{line-height: 55px; height: 55px;background: #0F70B3;}
.box_l{width: 1200px;}
.box_r{padding-top:7px;width: 320px;}
.box_l ul li{float:left; height: 55px; background: url(../images2024/20gnj_xian2.png) no-repeat center right; width: 12.5%; text-align: center;}
.box_l ul li span{display: inline-block;transition: all 0.5s; width: 45px; text-align: center;}
.box_l ul li:hover span{transform: rotate(360deg);}
.box_l ul li a{color: #FFFFFF;font-size: 18px;display: block;}

.box_l ul li:nth-child(1) a{background: url(../images2024/20gnj_xian2.png) left center no-repeat;}
.box_l ul li:hover,.box_l ul li.on{ background:#04558D url(../images2024/20gnj_xian2.png) no-repeat center right;}
.box_r{width: 310px;}
.box_r .in1{width: 260px; background: #FFFFFF; height: 35px; border: none;padding-left: 15px;color: #999999; font-size: 16px; border-radius:17px 0px 0px 17px;}
.box_r .in2{background: #FFFFFF url(../images2024/20gnj_icon6.png) no-repeat center; height: 35px; border: none; width: 50px; border-radius: 0px 17px 17px 0px;margin-left: -5px;  }
.media_a{position: fixed; z-index: 999; top: 15px; right: 15px; border: 1px solid transparent; border-radius: 4px;}
.trans-3{display: block;width: 22px; margin-bottom: 4px; background: #000; height: 2px; border-radius: 1px;}
.trans-3{ transition: all 0.35s linear;}
.box.on .trans-3:nth-child(1){-webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg); transform: matrix(1,0,0,1,0,6) rotate(45deg);}
.box.on .trans-3:nth-child(3){-webkit-transform: matrix(1,0,0,1,0,-6) rotate(-45deg); transform: matrix(1,0,0,1,0,-6) rotate(-45deg);}
.box.on .trans-3:nth-child(2){width: 0;}
.box.on .trans-3{background: #FFFFFF;}

.bottom{padding:10px 0px;}
 .clearflx:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.bot_tit a{color:#333333;}
.bot_tit img{ vertical-align: middle;}
.bot_tit{ padding-bottom:5px; line-height: 34px; color: #333333;}
.bot_tit ul{margin-right: -35px;}
.bot_tit li{ float: left; position: relative; z-index: 2; width:25%;}
.bot_tit li .bot_con{ margin-right:35px; border: 1px solid #d9d9d9; background-color: #ffffff; padding-left: 13px; padding-right: 14px; position: relative;}
.bot_tit li .bot_con dl{ display: none; position: absolute; left:-1px; bottom: 34px; right: 29px; padding-left: 23px; height: 140px; overflow-y: auto; border: 1px solid #d9d9d9; border-bottom: 0; background-color: #ffffff;}
.bot_tit li .bot_con p{ background: url(../images2024/20gnj_dian4.png) no-repeat right center; cursor: pointer;}
.bot_tit li:hover .bot_con dl{ display: block;}
.bot_tit1{ padding: 10px 0; line-height: 30px;}
.bot_tit1 a{ padding-right: 15px; margin-right: 15px; color: #333333;}
.bot_tit1 a:last-child{ background-image: none;}

.media_b,.media_a{display: none;}