section,.w1600{width:1600px;margin:0 auto}
.img{background:url(../images/img.png) no-repeat ;}
.tit3{height:39px;width:32px;background-position:-83px -69px;}
.tit1{height:33px;width:33px;background-position:0 -72px;}
.tit4{height:33px;width:34px;background-position:-120px -72px;}
.i_more{height:39px;width:39px;background-position:-159px -69px;}
.tit2{height:29px;width:40px;background-position:-38px -74px;}
.weather_tit{height:64px;width:222px;background-position:0 0;margin:0 154px 0 140px}

/*header*/
header{height:110px;background:url('../images/t_bg.jpg') 50% no-repeat;color:#fff;position:relative;z-index:99999;border-bottom:4px solid #d8c124}
.t_search input{width:104px;height:24px;line-height:24px\0;*line-height:24px;padding-left:14px;padding-right:32px;font-size:12px;background:#5e9ec4;color:#fff;border:none;vertical-align:1px}
.t_search input[type=image]{cursor:pointer}
.t_search .i_search{font-size:18px;right:8px;top:13px;background:none;border:none;width:16px;height:17px;color:#fff;padding:0}

.top_r{margin:17px 0 0 0}
.t_link{margin-bottom:8px}
.t_link a{position: relative;padding: 0 20px;font-size: 14px;color:#fff;line-height:24px}
.t_link a:hover{color:#d8c124}

/*.ani{-webkit-animation-duration:1s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:1s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-webkit-transition: all 0.5s 0s ease-in;-webkit-transform-origin: 50% 50%;-moz-transition: all 0.5s 0s ease-in;-moz-transform-origin: 50% 50%;}*/


.t_logo{height:114px;line-height:114px}
.t1{-webkit-animation:ani_logo1 10s linear;-moz-animation:ani_logo1 10s linear;animation:ani_logo1 10s linear}

.t2{display:none;-webkit-animation:ani_logo2 10s linear;-moz-animation:ani_logo2 10s linear;animation:ani_logo2 10s linear}

@keyframes ani_logo1 {
    0%{transform:translateX(32px);opacity:0}
    8%,100%{transform:translateX(0);opacity:1}
}

@keyframes ani_logo2 {
    0%{transform:scale(1.1);opacity:0}
    8%,100%{transform:scale(1);opacity:1}
}


.t_logo img{max-height:50px}
.search_wrap .i_txt{height: 40px;line-height: 40px\0;*line-height:40px;border:none;margin-right:10px;font-size: 15px;width: 220px;padding: 0 12px;background:rgba(255,255,255,.2);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33ffffff, endcolorstr=#33ffffff)}
.search_btn{width:23px;height:24px;padding:0;border:0;position: absolute;right: 20px;top: 50%;margin-top: -12px}

.search_wrap ::-webkit-input-placeholder{color:#fff}
.search_wrap :-moz-placeholder{color:#fff}
.search_wrap ::-moz-placeholder{color:#fff}
.search_wrap :-ms-input-placeholder{color:#fff}

nav{font-size:16px;background:#fff;position:relative;-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.1);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.1);-ms-box-shadow: 0 3px 6px rgba(0,0,0,.1);box-shadow: 0 3px 6px rgba(0,0,0,.1);z-index:99999}
nav ul li{float:left;position:relative;width: 10.28%}
nav .on h3 a,nav ul li:hover{background:url('../images/nav_bg.jpg') no-repeat;color: #fff}
nav h3 a{color:#666;line-height:50px;height:50px;font-size:16px;display:block}

nav .sub_nav{display:none;position:absolute;left:0;background:#1062b6;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:100%;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<100%?"100%":"")}
.sub_nav a{display:block;line-height:46px;font-size:16px;;padding:0 20px;color:#fff;white-space:nowrap;}
.sub_nav a:hover{background:#0a4891}

/*slide banner*/
.slide_bar{width:660px;height:420px;overflow:hidden}
.slide_bar a{display:block}
.slide_bar img{width:100%;height:420px}
.slide_bar .page{position:absolute;right:24px;bottom:20px}
.slide_bar .page li,.slide_multiple .page li{width:10px;height:10px;background:#fff;margin:0 8px;display:inline-block;*display:inline;zoom:1;cursor:pointer;opacity:.6;filter:alpha(opacity=60)}
.slide_bar .page .on{background:#ffa300;opacity:1;filter:alpha(opacity=100)}
.slide_bar .txt{left:0;bottom:0;width:100%;background:rgba(0,0,0,.6);_background:#000;filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#CC000000, endColorstr=#CC000000);overflow:hidden}}
.slide_bar .txt li{width:100%}
.slide_bar .txt a{display:block;padding-left:24px;padding-right:120px}
.slide_bar .txt,.slide_bar .txt li{position:absolute;height:60px;line-height:60px;left:0;right:0}

.slide_bar .prev,.slide_bar .next{position:absolute;top:50%;margin-top:-60px;width:41px;height:80px;background:url(../images/slide_arrow.png) no-repeat;opacity:.7;filter:alpha(opacity=70)}
.slide_bar .prev{background-position:-44px 0}
.slide_bar .prev:hover,.slide_bar .next:hover{opacity:1;filter:alpha(opacity=100)}

/*notice*/
.tit{line-height:56px;border-bottom:1px solid #dbdbdb;padding:0 20px}
.notice_wrap{width:540px}
.notice_wrap .news_list{padding:11px 20px}
.news_list{background:url(../images/box_bg.jpg) right bottom no-repeat}
.news_list a{display:block;line-height:56px;border-top:1px dashed #a8bdd3;position:relative;}
.news_list a:hover em{margin-left:10px}
.news_list a:first-child{border-top:none}
.notice_wrap .news_list em{width:380px}
.news_list time{font-size:14px;color:#7f868e}
.i_dot{width:6px;height:6px;background:#a8bdd3;left:0;top:50%;margin-top:-3px;margin-right: 10px}

.cw_wrap{width:280px;height:400px;background:url('../images/cw_bg.jpg') 50% no-repeat;padding:10px 20px}
.w_tit{height:42px;background:url('../images/w_tit.png') 50% no-repeat;margin:24px 0 28px}
.lately{border-top:1px solid #65b2d7}
.m_info{padding:22px 0;line-height:28px}
.m_info li{float:left;min-width:100px;max-width:150px;margin:0 10px}
.m_info em{margin-right:10px}
.w_info img{margin-right:16px}
.lately li{float:left;width:93px;padding:20px 0}
.lately img{margin:12px 0}

.cw_txt h3{margin-bottom:20px;font-size:18px;height:56px;line-height:28px}
.cw_txt p{font-size: 16px;line-height:30px;}
.cw_txt time{display:block;margin-top:20px;line-height:30px;text-align:right}
.cw_txt time em{display:inline-block;border-right: 1px dashed #fff;padding-right: 10px;margin-right: 10px;}
.cw_txt time span{display:inline-block}
.r_more{width:30px;height:30px;background:url(../images/more.png) 50% no-repeat}

/*metar*/
.metar{height:320px;background:url(../images/bg1.jpg) 50% no-repeat;background-size: cover;padding-top:20px}
.slide_metar{padding:0 60px;height:230px;overflow:hidden;margin-top:24px}
.slide_metar .tempWrap{margin:0 auto}
.slide_metar li{position: relative;width:250px;margin:0 15px}
.metar .slide_metar li{padding:10px 0;background:#fff;border:1px solid #e2e2e3}
.slide_metar li div{margin:8px auto;position: relative;}
.slide_metar li h3{position: absolute;color:#2370b4;right: 0;font-size:42px;bottom:8px;font-family: arial}
.slide_metar li h3 span{font-size:30px}
.slide_metar img{width:240px;height:200px}
.slide_metar .prev,.slide_metar .next{position:absolute;top:50%;margin-top:-50px;width:42px;height:100px;background:url(../images/arrow.png) no-repeat}
.slide_metar .prev{left:12px;background-position:-42px 0}
.slide_metar .next{right:12px;background-position:0 -103px}
.slide_metar .prev:hover{background-position:0 0}
.slide_metar .next:hover{background-position:-42px -103px}

/*weather forecast*/
.weather_forecast{height:119px;background:url(../images/weather_bg.jpg) 50% no-repeat;font-size:0;-webkit-text-size-adjust:none;padding-top:21px}
.weather_forecast time{font-size:24px;text-align:center;border:1px solid #adbfe0;padding:10px;font-family:arial;letter-spacing:2px;vertical-align:middle}
.weather_forecast em{border-bottom:1px dashed #809ed1;padding-bottom:6px;margin-bottom:6px}
.weather_forecast .txt_wrap{width:650px;margin:0 100px 0 40px;font-size:14px}
.weather_forecast .txt_wrap p{line-height:22px;color:#8cc4eb;height:42px;margin-top:12px}

/*weather consultation*/
.weather_consultation{height:320px;/*background:url(../images/bg2.jpg) 50% no-repeat;*/background-size: cover;padding-top:20px}
.slide_consultation li{width:250px;color:#546e88;margin:0 18px}
.slide_consultation img{width:100%;height:170px;margin-bottom:10px}

/*icar*/
.icar{width:1008px}
.icar .news_list{padding:5px 20px}
.icar .news_list em{width:800px}

/*ca*/
.ca{width:552px}
.ca a:nth-child(2n){margin-left:20px}
.ca a{width:266px;height:197px;overflow:hidden;margin-top:14px}
.ca a:first-child,.ca a:nth-child(2){margin-top:0}
.ca img{position:absolute;width:100%;height:100%;left:0;top:0}
.ca p{line-height:22px;position:absolute;bottom:-70px;left:0;right:0;padding:13px 40px;background:rgba(3,54,107,.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f03366b, endcolorstr=#7f03366b)}
.ca a:hover p{bottom:0}

/*i_link*/
.i_link a{position:relative;width:326px;height:224px;overflow:hidden}
.i_link a:not(:first-child){margin-left:98px}
.i_link a img{position:absolute;width:100%;height:100%;top:0;left:0}
.i_link a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:.4s all ease-in;-moz-transition:.4s all ease-in;-ms-transition:.4s all ease-in;transition:.4s all ease-in}


/*footer*/
footer{margin-top:4.3%;background:#03448d;color:#fff;font-size:16px;line-height:40px}
.f_bg{background:#f5f5f5 url(../images/f_bg.jpg) 50% bottom no-repeat}

/*list*/
.box_wrap{padding:26px 0 50px 26px;background:#fff}
.aside_tit{height:100px;line-height:100px;padding:0 30px;background:url(../images/tit_bg.jpg) 50% no-repeat;background-size: cover}
aside{width:320px;margin-right:50px}
.nav_list a{display: block;line-height: 56px;padding: 0 26px;border-left: 5px solid #eff2f5;background:#eff2f5;margin-bottom:10px}
.nav_list .active,.nav_list .active:hover{background: #1062b6;color:#fff;border-color:#1062b6}
.nav_list a:hover{border-color:#1062b6;background:#d7e3ef;color: #1062b6}

.con_wrap{width:1174px}
.site_wrap{line-height:50px;border-bottom:1px solid #ddd}
.site_wrap h2{padding:0 10px;font-size:20px;color:#0062b2;font-weight:700;border-bottom:1px solid #0062b2;margin-bottom:-1px;float: left}
.site_wrap .current{color:#666}
.site_wrap .current .icon,.site_wrap .current a:hover,.site_wrap em{color:#1062b6}
.site_wrap .current a,.site_wrap em{display:inline-block;*display:inline;*zoom:1;padding:0 10px}

.news_list em{width:700px}
.page_wrap{margin-top:40px}

/*content*/
.news_hd{padding:26px 0 20px;margin-bottom:30px;font-size:16px;line-height:1.8em;color:#666;border-bottom:1px dashed #ddd}
.news_hd h3{font-size:24px;color:#333;margin-bottom:8px}
.news_hd p span{margin:0 16px;color:#999}
.news_hd h1{font-size:22px;font-weight:700;color:#333;margin-bottom:6px}
.news_bd{font-size:16px;line-height:1.8em;color:#666}

/*list img*/
.bar_inset{width:1920px;height:300px;position:relative;left:50%;margin-left:-960px}


.table{width:100%;font-size: 16px;text-align:center;border-spacing:0}
.table th,.table td{padding:12px 5px;border:none;line-height:1.6em}
.table th{background:#1062b6;color:#fff}
.table tr:nth-child(even){background:#f5f5f5}

@media (max-width:1680px){
section,.w1600{width:1440px}
.ml30{margin-left:30px}
.mr30{margin-right:30px}
.mt30{margin-top:30px}
.mb30{margin-bottom:30px}

.slide_bar{width: 580px}
.notice_wrap{width:480px}
.notice_wrap .news_list em{width:340px}
.slide_metar li{width:230px}
.icar{width:858px}
.icar .news_list em{width:660px}

.weather_tit{margin:0 124px 0 120px}
.weather_forecast .txt_wrap{width:620px;margin:0 70px 0 40px}

.i_link a:not(:first-child){margin-left:45px}

aside{width:300px}
.con_wrap{width:1020px}
}

@media (max-width:1520px){
section,.w1600{width:1260px}
.ml30{margin-left:20px}
.mr30{margin-right:20px}

.slide_bar{width: 520px}
.notice_wrap{width:420px}
.notice_wrap .news_list em{width:270px}
.cw_wrap{width:240px}
.w_tit{height: 36px;background-size: auto 100%}
.lately li{width:80px}
.w_info img{width: auto;height: 42px}
.lately img{height: 38px;width: auto}
.m_info{padding:18px 0}
.slide_metar li{width:250px}
.icar{width: 688px}
.icar .news_list em{width:530px}

.weather_tit{margin: 0 84px 0 80px}
.weather_forecast .txt_wrap{width: 580px;margin: 0 60px 0 30px}

.i_link a:not(:first-child){margin-left:20px}
.i_link a{width: 300px;height: 205px}

aside{width:280px}
.con_wrap{width:864px}

}