/* Browser Resets
*********************************/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* Icon Fonts
*********************************/


/* Font-face Icons */

@font-face {
    font-family: 'flexslider-icon';
    src: url('fonts/flexslider-icon.eot');
    src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* FlexSlider Necessary Styles
*********************************/

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
}


/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}


/* Clearfix for the .slides element */

.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}


/* No JavaScript Fallback */


/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides>li:first-child {
    display: block;
}


/* FlexSlider Default Theme
*********************************/

.flexslider {
    position: relative;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}


/* Direction Nav */

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
    left: -50px;
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}

.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
}

.flex-direction-nav a.flex-next:before {
    content: '\f002';
}


/* Pause/Play */

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a.flex-play:before {
    content: '\f003';
}


/* Control Nav */

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}

@charset "utf-8";

/*common*/


/*html{filter:gray;}*/


/*html{filter: grayscale(100%);


-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(1);}*/

body,
ul,
ol,
li,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img,
div {
    margin: 0px;
    padding: 0px;
    border: 0px;
}


/* body,
ul,
ol,
li,
p,
form,
fieldset,
table,
td {
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
} */

body {
    background-image: url(../img/headBg/Sunny.png);
    background-color: #f2f9fd;
    background-repeat: no-repeat;
    width: 100%;
    color: #333;
    border-top: 3px solid #379FEE;
    overflow-x: hidden;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
}

td,
li,
select,
input,
textarea,
div {
    font-size: 14px;
    color: #323232;
}

ul,
dl {
    list-style-type: none;
}

select,
input {
    vertical-align: middle;
    outline: none;
}

a:link {
    color: #333;
    text-decoration: none;
}

a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: none;
}

a:active {
    color: #333;
    text-decoration: none;
}

input,
button,
select,
textarea,
a:focus,
select:focus {
    outline: none;
}


/*start*/

.container {
    width: 1000px;
    margin: auto;
    clear: both;
}

.space0 {
    height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

.space1 {
    height: 1px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

.space3 {
    height: 3px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

.space4 {
    height: 4px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

.space5 {
    height: 5px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

.space8 {
    height: 8px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

.space10 {
    height: 10px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

.border_all {
    border: 1px solid #dddddd;
}

.border_notop {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}


/*head*/

.header {
    background: url(../img/head_bg.jpg) repeat-x;
    height: 340px;
    margin-bottom: -145px;
}

.head_top {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

.head_top_text {
    width: 990px;
    margin: 0px auto;
    color: #000;
}

.head_top_text a:link {
    color: #fff;
    text-decoration: none;
}

.head_top_text a:visited {
    color: #fff;
    text-decoration: none;
}

.head_top_text a:hover {
    color: #fff;
    text-decoration: none;
}

.head_top_text a:active {
    color: #fff;
    text-decoration: none;
}

.head_top_text .left {
    width: 695px;
    float: left;
}

.head_top_text .right {
    width: 285px;
    float: right;
}

.head_search_type a.current:link {
    color: #002c88;
    background: url(../img/head_search_type.gif) repeat-x;
    border: 1px solid #7f9db9;
    padding: 1px 3px;
}

.head_search_type a.current:visited {
    color: #002c88;
    background: url(../img/head_search_type.gif) repeat-x;
    border: 1px solid #7f9db9;
    padding: 1px 3px;
}

.head_search_type a.current:hover {
    color: #002c88;
    background: url(../img/head_search_type.gif) repeat-x;
    border: 1px solid #7f9db9;
    padding: 1px 3px;
}

.head_search_type a.current:active {
    color: #002c88;
    background: url(../img/head_search_type.gif) repeat-x;
    border: 1px solid #7f9db9;
    padding: 1px 3px;
}

.head_top_notice {
    background: url(../img/common_icon3.gif) no-repeat left center;
    text-indent: 25px;
    width: 700px;
    overflow: hidden;
    /*超出的部分隐藏起来。*/
    white-space: nowrap;
    /*不显示的地方用省略号...代替*/
    text-overflow: ellipsis;
    /* 支持 IE */
    -o-text-overflow: ellipsis;
    /* 支持 Opera */
    line-height: 22px;
}

.head_top_notice a:link {
    color: #fff;
    text-decoration: none;
}

.head_top_notice a:visited {
    color: #fff;
    text-decoration: none;
}

.head_top_notice a:hover {
    color: #fff;
    text-decoration: none;
}

.head_top_notice a:active {
    color: #fff;
    text-decoration: none;
}

.head_search {
    border: 1px solid #7f9db9;
    background: #fff;
    height: 14px;
    width: 148px;
    overflow: hidden;
    padding: 1px 0 1px 5px;
}

.head_search .input_text {
    width: 115px;
    border: 0px;
    margin: 0px;
    background: none;
    height: 14px;
    padding: 0 5px;
    line-height: 14px;
}

.head_search .input_submit {
    width: 23px;
    height: 14px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    background: url(../img/head_search_btn2.gif) no-repeat;
    cursor: pointer;
}

.head_banner {
    position: relative;
    height: 89px;
    overflow: hidden;
}

.head_banner .city_show {
    background: url(/img/other_city_bg.gif) repeat-x;
    left: 50%;
    margin-left: -495px;
    height: 89px;
    width: 990px;
    position: absolute;
    display: none;
}

.city_internet {
    width: 64px;
    text-indent: 7px;
    background: url(/img/other_city.gif) no-repeat;
    cursor: pointer;
    display: block;
}

.head_banner .other_city {
    float: left;
    padding: 15px 70px 0px 25px;
    line-height: 32px;
    font-size: 16px;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    color: #FFFFFF;
}

.head_banner .other_city2 {
    float: right;
    padding: 15px 15px 0 0px;
    line-height: 32px;
    font-size: 16px;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    color: #FFFFFF;
}

.head_banner .other_city3 {
    float: left;
    padding: 15px 70px 0px 25px;
    line-height: 32px;
    font-size: 16px;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    color: #FFFFFF;
}

.head_banner .other_city a {
    color: #FFFFFF;
}

.head_banner .other_city a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.head_banner .other_city2 a {
    color: #FFFFFF;
}

.head_banner .other_city2 a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.head_banner .other_city3 a {
    color: #FFFFFF;
}

.head_banner .other_city3 a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.head_banner_text {
    width: 990px;
    margin: 0px auto;
}

.head_banner_text .hot {
    position: absolute;
    margin-left: 668px;
    margin-top: 54px;
    display: block;
    width: 128px;
    height: 25px;
}

.head_banner_text .logo {
    position: absolute;
    margin-left: 5px;
    margin-top: 0px;
    display: block;
    width: 300px;
    height: 89px;
}

.head_banner_text .alert {
    /*background:url(../img/head_alert.gif) no-repeat top center;*/
    position: absolute;
    margin-left: 805px;
    margin-top: 40px;
    display: block;
    width: 150px;
    height: 38px;
    display: none;
}

.head_banner_text .alert a {
    /*display:block;*/
}

#head_title {
    height: 68px;
    padding-top: 7px;
    overflow: hidden;
}

.head_title_1 {
    background: url(../img/head_nav_1.jpg) no-repeat top center;
}

.head_title_2 {
    background: url(../img/head_nav_2.jpg) no-repeat top center;
}

.head_title_3 {
    background: url(../img/head_nav_3.jpg) no-repeat top center;
}

.head_title_4 {
    background: url(../img/head_nav_4.jpg) no-repeat top center;
}

.head_title_5 {
    background: url(../img/head_nav_5.jpg) no-repeat top center;
}

.head_title_text1 a {
    width: 76px;
    height: 50px;
    display: block;
}

.head_title_text2 {
    line-height: 20px;
    word-spacing: 5px;
    font-weight: bold;
}

.head_title_text2 a:link {
    color: #fff;
    text-decoration: none;
}

.head_title_text2 a:visited {
    color: #fff;
    text-decoration: none;
}

.head_title_text2 a:hover {
    color: #ff0000;
    text-decoration: none;
}

.head_title_text2 a:active {
    color: #fff;
    text-decoration: none;
}


/*foot*/

.footer {
    width: 990px;
    margin: 0px auto;
    background: #fff;
}

.foot_link ul {
    margin: 0px auto;
    width: 900px;
}

.foot_link li {
    padding: 10px 28px;
    float: left;
    width: auto;
    white-space: nowrap;
}

.foot_link dt {
    background: url(../img/foot_link_icon.gif) center left no-repeat;
    text-indent: 12px;
    line-height: 25px;
    font-weight: bold;
}

.foot_link dd {
    text-indent: 12px;
    line-height: 20px;
}

.foot_link_left {
    background: url(../img/foot_link_left.gif) no-repeat;
    width: 21px;
    height: 100px;
    overflow: hidden;
}

.foot_link_right {
    background: url(../img/foot_link_right.gif) no-repeat;
    width: 21px;
    height: 100px;
    overflow: hidden;
}

.foot_info {
    background: #e5e5e5;
    height: 126px;
    padding-top: 4px;
    line-height: 25px;
}

.foot_info_link {
    border-bottom: 1px solid #bbb;
    word-spacing: 2px;
    margin-bottom: 3px;
    line-height: 30px;
}

.foot_info_right {
    color: #676767;
}

.foot_info_right b {
    color: #000;
}

.foot_info_right p {
    padding: 0px 10px;
}

.foot_info_right a:link {
    color: #676767;
    text-decoration: none;
}

.foot_info_right a:visited {
    color: #676767;
    text-decoration: none;
}

.foot_info_right a:hover {
    color: #676767;
    text-decoration: underline;
}

.foot_info_right a:active {
    color: #676767;
    text-decoration: none;
}


/*common*/

.common_on {
    height: 29px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.common_on a:link {
    color: #fff;
    text-decoration: none;
}

.common_on a:visited {
    color: #fff;
    text-decoration: none;
}

.common_on a:hover {
    color: #fff;
    text-decoration: none;
}

.common_on a:active {
    color: #fff;
    text-decoration: none;
}

.common_out {
    background: url(../img/common_bg2.gif) repeat-x;
    height: 29px;
    overflow: hidden;
    text-align: center;
    color: #000000;
    font-size: 14px;
}

.common_bg1 {
    background: url(../img/common_bg1.gif) repeat-x;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
    color: #fff;
}

.common_bg1 .left {
    font-size: 14px;
    font-weight: bold;
    float: left;
    padding-left: 10px;
}

.common_bg1 .right {
    float: right;
    padding-right: 8px;
}

.common_bg1 a:link {
    color: #fff;
    text-decoration: none;
}

.common_bg1 a:visited {
    color: #fff;
    text-decoration: none;
}

.common_bg1 a:hover {
    color: #fff;
    text-decoration: underline;
}

.common_bg1 a:active {
    color: #fff;
    text-decoration: none;
}

.common_bg2 {
    background: url(../img/common_bg2.gif) repeat-x;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
    color: #000;
}

.common_bg3 {
    background: url(../img/common_bg3.gif) repeat-x #fff;
    min-height: 120px;
}

.common_bg4 {
    background: url(../img/common_bg4.gif) repeat-x center top;
    height: 29px;
    line-height: 28px;
    overflow: hidden;
    color: #001c80;
}

.common_bg4 .line {
    border-bottom: 1px solid #4d98ba;
    margin: 0px 10px;
    height: 28px;
}

.common_bg4 .left {
    font-size: 14px;
    font-weight: bold;
    float: left;
    padding-left: 15px;
    color: #001c80;
}

.common_bg4 .right {
    float: right;
    padding-right: 12px;
}

.common_bg5 {
    background: url(../img/common_bg3.gif) repeat-x #fff;
    min-height: 120px;
}

.common_bg5 a {
    line-height: 28px;
    color: #36B;
}

.common_bg5 a:hover {
    line-height: 28px;
    color: #ff0000;
}

.common_bg5 td {
    text-align: center;
}

#head_title1 {
    height: 47px;
}

.header1 {
    height: 400px;
    margin-bottom: -235px;
}

.head_td {
    font-size: 20px;
    height: 52px;
    color: #000000;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    line-height: 46px;
    font-weight: bold;
    display: block;
}

.head_td a {
    font-size: 20px;
    height: 52px;
    color: #000000;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    line-height: 46px;
    font-weight: bold;
    display: block;
}

.head_td a:hover {
    height: 52px;
    font-size: 20px;
    color: #64B4EF;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    line-height: 46px;
    font-weight: bold;
    display: block;
}

.head_title_sep {
    background: #eee;
    width: 1px;
}

.head_td2 a {
    height: 52px;
    font-size: 20px;
    color: #000;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    line-height: 46px;
    font-weight: bold;
    display: block;
}

.head_td2 a:hover {
    height: 52px;
    font-size: 20px;
    color: #62B4F6;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    line-height: 46px;
    font-weight: bold;
    display: block;
}

.sec_title {
    background: #62B4F6;
    height: 36px;
    color: #fff;
    display: block;
}

.sec_title a {
    font-weight: bold;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    display: block;
}

.sec_title a:hover {
    font-weight: bold;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    display: block;
}

.fyzy {
    /*background:url(../img/index_fyzy.gif) no-repeat center top;*/
    width: 280px;
    height: 88px;
}

.fyzy a {
    width: 280px;
    height: 88px;
}

.under_line {
    border-bottom: 1px solid #04adfe;
}

.qxwb {
    background: url(../img/index_qxwb_title.gif) no-repeat center top;
    width: 698px;
    height: 32px;
}

.gzfw {
    background: url(../img/index_qxfw_title.gif) no-repeat center top;
    width: 88px;
    height: 29px;
}

.yjya {
    background: url(../img/index/index_yjyh.gif) no-repeat center top;
    width: 343px;
    height: 29px;
}

.yjya a {
    width: 343px;
    height: 29px;
}

.yjcs {
    background: url(../img/index/index_yjcs.gif) no-repeat center top;
    width: 343px;
    height: 29px;
}

.yjcs a {
    width: 343px;
    height: 29px;
}

.qhpd {
    background: url(../img/index/index_qhpd.gif) no-repeat center top;
    width: 343px;
    height: 29px;
}

.qhpd a {
    width: 343px;
    height: 29px;
}

.shqx {
    background: url(../img/index/index_shqx.jpg) no-repeat center top;
    width: 343px;
    height: 29px;
}

.shqx a {
    width: 343px;
    height: 29px;
}

.foot_all {
    border: 1px solid #dddddd;
    height: 140px;
    background: url(../img/common_bg3.gif);
    background-repeat: repeat-x;
}

.yjgjx {
    background: url(../img/index_dqrd_title.gif) no-repeat center top;
    width: 988px;
    height: 29px;
    display: block;
}

.second_list {
    height: 46px;
}

.border_3 {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #dddddd;
    border-bottom-color: #dddddd;
    border-left-color: #dddddd;
}

.wttq {
    background: URL(/img/fwqd/wbtq3.gif) no-repeat;
    width: 698px;
    height: 29px;
}

.weibo_top {
    background: URL(/img/fwqd/border_weibo2.gif) repeat-x;
    height: 29px;
}

.weibo_show {
    height: 29px;
    background: URL(/img/fwqd/border_weibo3.gif) repeat-x;
    color: #002c88;
    font-size: 14px;
    font-weight: bold;
}

.weibo_hide {
    color: #002c88;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #c8d7ea;
}

.weibo_show2 {
    height: 29px;
    background: URL(/img/common_bg1.gif) repeat-x;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.weibo_hide2 {
    color: #002c88;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #c8d7ea;
}

.zxContain {
    height: auto;
    clear: both;
    margin-bottom: 20px;
}

.artical-command {
    margin: 20px 10px 0;
}

.artical-command textarea {
    width: 98%;
    height: 125px;
    padding: 5px;
}

.artical-command .ltitle {
    margin-bottom: 5px
}

.artical-command .ac-bom {
    margin-top: 10px;
    text-align: right;
}

.artical-command .ac-bom input {
    vertical-align: middle;
}

.artical-command .ac-bom button {
    margin-left: 10px;
}

.artical-command .bigTitle {
    font-size: 20px;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    margin-bottom: 5px;
}

button.common-btn {
    background: #8CD233;
    border: 0;
    padding: 5px 25px;
    cursor: pointer;
    display: inline-block;
    color: #fff;
}

button.common-btn:hover {
    background: #379FEE;
}

.artical-command .ac-allcom {
    background: #E3E3E3;
    clear: both;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin-top: 20px;
}

.artical-command .ac-allcom a {
    color: #565656;
    cursor: pointer;
}

.artical-command .ac-allcom a:hover {
    color: #389FEE;
}

.artical-command .userFeedback li .top .time {
    font-size: 12px;
    line-height: 25px;
}

.channel {
    line-height: 23px;
    margin-left: 5px;
    font-size: 18px;
}

.yjya-list ul.padno li {
    margin: 0;
}

.uni-title {
    display: block;
    float: left;
    padding-left: 8px;
    font-size: 18px;
    color: #323232;
    background: url(../img/title-decoration.png) no-repeat 0 4px;
    height: 30px;
    letter-spacing: 1px;
}

.uni-title img {
    vertical-align: top;
}

.uni-title a {
    cursor: default
}

.uni-more {
    float: right;
    line-height: 30px;
    font-size: 13px;
}

.uni-sp {
    color: #ffffff;
    direction: ltr;
    font-weight: bold;
    overflow: hidden;
    padding: 1px 6px;
    text-align: center;
    background: #188EEE;
    float: right;
    line-height: 20px;
    font-size: 13px;
    letter-spacing: 0.4em;
    margin-top: 4px;
}

.uni-sp:hover {
    background: #8cd233;
}

.uni-sp a {
    display: inline-block;
    background: url(../img/uni-more-bg-white.png) no-repeat 36px 9px;
    color: #fff;
}

.uni-more a {
    display: inline-block;
    background: url(../img/uni-more-bg.png) no-repeat 28px 9px;
    width: 40px;
}

.uni-more a:hover {
    cursor: pointer;
    color: #188eee;
}

ul.ulist li {
    height: 30px !important;
    line-height: 30px !important;
    background: url("/img/common/listIcon.png") no-repeat 0px 13px;
    padding-left: 9px;
}

ul.ulist li:hover a {
    color: #188eee;
}

.public-title {
    height: 30px;
    border-bottom: 1px solid #c5c5c5;
}

.contentPage {
    width: 660px;
    float: left;
    height: auto;
    margin-bottom: 20px;
}

.contentRight {
    width: 310px;
    float: right;
    height: auto;
}

.clear {
    clear: both;
}


/*蓝白切换框*/

.blue-change-box {
    margin: 5px;
    cursor: pointer;
    z-index: 0;
    position: absolute;
    right: 0px;
    top: 0px;
}

.blue-change-box .box-element {
    float: left;
    cursor: pointer;
}

.blue-change-box .box-element div {
    color: rgb(51, 51, 51);
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    font-size: 13px;
    background-color: rgb(255, 255, 255);
    -moz-user-select: none;
    padding: 1px 6px;
    direction: ltr;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    border-color: rgb(113, 123, 135) rgb(113, 123, 135) rgb(113, 123, 135);
    -moz-use-text-color;
    -moz-border-top-colors: none;
    border-width: 1px 1px 1px 0;
    border-image: none;
    font-weight: normal;
    border-style: solid;
}

.blue-change-box .box-element:first-child div {
    border-width: 1px 0 1px 1px;
}

.blue-change-box .box-element div.on {
    color: rgb(255, 255, 255);
    background-color: rgb(38, 154, 234);
    border: 1px solid rgb(113, 123, 135);
    font-weight: bold;
}


/*微谈天气样式开始*/

.news_focus_container {
    width: 660px;
    height: 345px;
}

.slide {
    position: relative;
}

.slide_caption {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    /*需要添加IE8兼容*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
    color: #fff;
    font-size: 20px;
}

.slide img {
    width: 680px;
    height: 345px;
}

p.title {
    text-indent: 8px;
}

#index_slider {
    position: relative;
}


/* Control Nav */

.flex-control-nav {
    z-index: 1002;
    width: 120px;
    position: absolute;
    right: 4px;
    bottom: 15px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 4px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    color: rgba(58, 161, 240, 1);
    width: 10px;
    height: 10px;
    display: block;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    /*-webkit-box-shadow:    inset 0 0 3px rgba(0, 0, 0, 0.3);*/
    /*-moz-box-shadow:       inset 0 0 3px rgba(0, 0, 0, 0.3);*/
    /*-o-box-shadow:         inset 0 0 3px rgba(0, 0, 0, 0.3);*/
    /*box-shadow:            inset 0 0 3px rgba(0, 0, 0, 0.3);*/
}

.flex-control-paging li a:hover {
    background: #fff;
    background: rgba(0, 135, 237, 0.7);
    color: rgba(255, 255, 255, 0.8);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 135, 237, 0.8);
    color: rgba(255, 255, 255, 0.8);
    cursor: default;
    width: 12px;
    height: 12px;
    line-height: 22px;
}


/*微谈天气样式结束*/


/*天气预报样式开始*/

.index-weather {
    width: 310px;
    height: 375px;
    padding: 5px 5px;
    margin-top: 4px;
}

.top-city-select {
    float: left;
    height: 45px;
}

.top-city-select span {
    display: block;
    float: left;
    font-size: 20px;
    color: #323232;
    padding-right: 12px;
    border-right: 1px solid #c5c5c5;
}

.top-selector {
    float: right;
    border-color: #2277E1 #fff #fff;
    border-style: solid;
    border-width: 10px 8px 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 0;
    margin: 8px 5px;
}

.current-time {
    float: right;
    width: 100px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #323232;
    margin-right: 10px;
}

.current-time span:first-child {
    display: block;
    float: left;
    width: 36px;
    text-align: right;
    margin-right: 4px;
}

.current-time span:last-child {
    display: block;
    float: right;
    width: 60px;
}

.weather-warnings {
    width: 90px;
    height: 20px;
    float: right;
    padding-left: 3px;
    margin-right: 10px;
    background-color: #ed832f;
    color: #fff;
    font-size: 14px;
    clear: both;
}

.weather-icon {
    float: left;
    width: 310px;
    text-align: center;
}

.weather-icon img {
    width: 120px;
}

.weather-content {
    float: left;
    width: 310px;
}

.weather-temperature {
    font-size: 36px;
    display: block;
    text-align: center;
    margin: 5px 0;
}

.weather-description {
    font-size: 20px;
    display: block;
    text-align: center;
    margin: 5px 0;
}

.weather-details {
    float: left;
    width: 310px;
    height: 80px;
    font-size: 14px;
    margin-top: 10px;
}

.weather-uv,
.weather-comfort {
    float: left;
    width: 290px;
    margin: 5px 0;
    font-size: 14px;
}

.weather-details img {
    width: 12px;
    vertical-align: middle;
    margin-bottom: 2px;
}

span.uv,
span.comfort {
    margin-right: 20px;
}

span.pm25 {
    margin: 0 5px;
    color: #188eee;
}

span.pm25-content {
    background-color: #ffa901;
    color: #fff;
    padding: 0 5px;
}

span.humidity {
    margin: 0 10px;
}

.weather-3days {
    width: 300px;
    float: left;
    margin-top: 5px;
}

.weather-3days-content {
    width: 99px;
    height: 120px;
    float: left;
    background-color: #ebebeb;
    text-align: center;
    border-right: 1px solid #fff;
}

.weather-3days-content img {
    width: 60px;
    margin: 4px 0;
}

.weather-3days-content span {
    display: block;
    width: 98px;
    margin: 3px 0;
    font-size: 14px;
}

.weather-3days-content span:first-child {
    font-size: 18px;
}

.bottom-select {
    width: 294px;
    height: 20px;
    line-height: 20px;
    float: left;
    margin: 15px 0px 0px 0px;
    border: 1px solid #c5c5c5;
    font-size: 14px;
}

.bottom-city-select span {
    width: 60px;
    height: 20px;
    float: left;
    padding: 0 5px;
    margin-left: 5px;
}

.bottom-district-select span {
    width: 65px;
    height: 20px;
    float: left;
    padding: 0 5px;
    margin-left: 5px;
    border-left: 1px solid #c5c5c5;
}

.bottom-street-select span {
    width: 74px;
    height: 20px;
    float: left;
    padding: 0 5px;
    margin-left: 5px;
    border-left: 1px solid #c5c5c5;
}

.bottom-selector {
    float: left;
    border-color: #2277E1 #fff #fff;
    border-style: solid;
    border-width: 8px 5px 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 0;
    margin: 6px 2px;
}

.weather-feeling {
    float: left;
    width: 300px;
    height: 25px;
    font-size: 16px;
    line-height: 25px;
    background: #7bb52b;
    color: #fff;
    text-align: center;
}

.weather-feeling img {
    width: 12px;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px;
}


/*天气预报样式结束*/


/*新闻列表样式开始*/

.index-news {
    height: 174px;
    width: 100%;
    background: #fff;
    margin-top: 15px;
    position: relative;
}

.index-news li {
    float: left;
    height: 20px;
    margin: 0 0 10px 16px;
    width: 301px;
}

.index-news a {
    display: block;
    font-size: 16px;
}


/*新闻列表样式结束*/


/*应急预警样式开始*/

.yjyj-title {
    width: 660px;
    height: 30px;
    border-bottom: 1px solid #c5c5c5;
}

.yjyj-more {
    display: block;
    float: right;
    font-size: 13px;
    height: 32px;
    line-height: 25px;
    margin-top: 4px;
    letter-spacing: 0.4em
}

.yjyj-tab {
    width: 660px;
    height: 458px;
}


/*应急预警样式结束*/


/*热点专题样式开始*/

.hot-topic {
    position: relative;
}

.hot-topic-title {
    height: 28px !important;
    border-bottom: 1px solid #cc4c4c4;
}


/*.hot-topic-title span:first-child{*/


/*display: block;*/


/*float: left;*/


/*height: 36px;*/


/*line-height: 36px;*/


/*margin-left: 5px;*/


/*font-size: 20px;*/


/*color: #fff;*/


/*}*/

.hot-topic img {
    width: 330px;
    height: 142px;
}

.hot-topic-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 310px;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
    text-indent: .5em;
    background-color: rgba(0, 0, 0, .3);
    color: #222;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
    /*IE8支持*/
    text-align: center;
}

.hot-topic-caption a {
    color: #fff
}


/*热点专题样式结束*/


/*天气排行样式开始*/

.tqph-for-border {
    width: 310px;
    height: 316px;
}

.tqph-title {
    width: 310px;
    height: 30px;
}

.tqph-tab-switch {
    float: left;
    width: 310px;
    height: 30px;
    background-color: #e4f2fb;
}

.tqph-tab-switch li {
    display: block;
    float: left;
    height: 27px;
    line-height: 15px;
    margin-bottom: 3px;
    font-size: 14px;
    text-align: center;
}

.tqph-tab-switch li span {
    display: inline-block;
    padding: 0px 13px;
    height: 14px;
    margin: 8px 0;
    border-left: 1px solid #c5c5c5;
}

.tqph-tab-switch li:first-child span {
    border-left: 0px;
    margin-left: 2px;
}

.tqph-tab-switch li.current {
    border-bottom: 3px solid #188eee;
    color: #188eee;
    cursor: pointer;
}

.tqph-list {
    height: auto;
    overflow: hidden;
    width: 310px;
    background: #fff;
    min-height: 208px;
}

.tqph-bottom-tip {
    background: #e4f2fb;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.tqph-list li {
    float: left;
    display: block;
    height: 24px;
    width: 308px;
    margin: 4px 0;
    padding-left: 10px;
    cursor: default;
}

.tqph-list li:hover {
    color: #188eee;
}

.tqph-list li:first-child {
    margin-top: 10px;
}

.tqph-list li:first-child:hover {
    color: #333;
}

.tqph-list li span.col1 {
    display: block;
    float: left;
    width: 20px;
    margin: 0 10px;
    border: 1px solid #e5e5e5;
    text-align: center;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #f2f9fd;
}

.tqph-list li:first-child span.col1 {
    display: block;
    float: left;
    width: 40px;
    margin: 0;
    border: 0;
    border-radius: 0;
    text-align: center;
}

.tqph-list li:first-child span.col1:first-child {
    background: none;
}

.tqph-list li span.col2 {
    display: block;
    float: left;
    width: 85px;
    text-align: center;
}

.tqph-list li span.col3 {
    display: block;
    float: left;
    width: 65px;
    text-align: center;
}

.tqph-list li span.col4 {
    display: block;
    float: left;
    width: 100px;
    text-align: center;
}

.tqph-list.hide {
    display: none;
}


/*天气排行样式结束*/


/*应急预案样式开始*/

.yjya-title {
    width: 660px;
    height: 30px;
    /* margin-bottom: 5px;*/
    border-bottom: 1px solid #c5c5c5;
}

.yjya-left-img img {
    height: 240px !important;
    height: 235px\9;
    width: 345px !important;
    width: 340px\9;
    background: #fff;
    margin: 5px;
}

.yjya-left-img {
    cursor: pointer;
    float: left;
    height: 255px;
    position: relative;
    width: 355px;
    background: #fff;
}

.yjya-img-title {
    width: 300px;
    top: 125px;
}

.yjya-img-title {
    position: absolute;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
    text-align: center;
    background-color: rgba(0, 0, 0, .3);
    left: 0;
    z-index: 1;
    margin-left: 5px;
    color: #fff;
    display: inline-block;
}

.nyqx-img-title {
    width: 305px;
    top: 128px;
}

.yjya-img-title-b {
    width: 345px;
    top: 215px;
}

.yjya-img-title-b a {
    color: #fff;
}

.yjya-right-content {
    background: #fff;
    float: left;
    padding-left: 15px;
    width: 290px;
}

.yi-yiya-headline {
    color: #737373;
    float: left;
    font-size: 13px;
    height: 90px;
    line-height: 1.8em;
    margin-bottom: 2px;
    margin-top: 7px;
    padding-bottom: 10px;
    width: 281px;
}

.yi-yiya-headline a:hover {
    color: #1F90DE
}

.yjya-headline {
    width: 280px;
    height: 100px;
    float: left;
    line-height: 1.8em;
    margin-bottom: 10px;
    font-size: 13px;
    color: #737373;
}

.yjya-list {
    width: 270px;
    height: 130px;
    float: left;
    margin: 5px 0;
    border-top: 1px dashed #c4c4c4;
}

.yjya-list li {
    width: 250px;
    height: 30px;
    float: left;
    margin-left: 20px;
}


/*应急预案样式结束*/


/*应急动态样式开始*/

.yjdt-title {
    width: 310px;
    height: 30px;
    border-bottom: 1px solid #c5c5c5;
}

.content-switch {
    float: right;
}

.content-switch li {
    display: block;
    float: left;
    height: 25px;
    line-height: 15px;
    margin-top: 11px;
}

.content-switch a {
    display: inline-block;
    font-size: 14px;
    height: 2px;
    line-height: 3px;
    padding: 5px;
}

.content-switch li a {
    border-right: 1px solid #c5c5c5;
}

.content-switch li:last-child a {
    border-right: 0px;
}

.content-switch li.hover {
    background: url(../img/spanhover.png) no-repeat -3px 19px;
    position: relative;
    z-index: 555;
}


/*两个字的切换*/

.content-switch li.hover1 {
    background: url(../img/spanhover.png) no-repeat -9px 19px;
    position: relative;
    z-index: 555;
}


/*四个字的切换*/

.content-switch li.hover2 {
    background: url(../img/spanhover.png) no-repeat 5px 18px;
    position: relative;
    z-index: 555;
}

.yjdt-content-hover {
    background: #fff
}

.yjdt-content {
    width: 310px;
    height: 256px;
    background: #fff;
    display: none;
    position: relative;
}

.yjdt-content.on {
    display: block;
}

span.yjdt-more a {
    position: absolute;
    display: inline-block;
    background: url("../img/uni-more-bg-white.png") no-repeat 33px 3px #8cd233;
    height: 16px;
    line-height: 15px;
    right: 5px;
    bottom: 8px;
    color: #fff;
    font-size: 13px;
    padding: 1px 4px;
    width: 38px;
}

.yjdt-more a:hover {
    background: url(../img/uni-more-bg-white.png) no-repeat 33px 3px #1F90DE;
    background-image: url("../img/uni-more-bg-white.png");
}

.yjdt-content li {
    width: 280px;
    height: 40px;
    line-height: 40px;
    float: left;
    margin-left: 20px;
}


/*应急动态样式结束*/


/*天气实景样式开始*/

.tqsj-title {
    width: 1000px;
    height: 30px;
    float: left;
    border-bottom: 1px solid #c5c5c5;
}

.tqsj-container {
    cursor: pointer;
    float: left;
    margin: 0 5px 5px 0;
    position: relative;
}

.tqsj-container img {
    height: 152px;
    width: 242px;
}

.tqsj-big-container {
    width: 500px;
    height: 320px;
    position: relative;
    float: left;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
}

.tqsj-big-container img {
    width: 495px;
    height: 310px;
    margin-top: 5px;
}

.img-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 242px;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    /*需要添加IE8兼容*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
}

.img-big-title {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 5px;
    font-size: 14px;
    height: 75px;
    left: 0;
    padding: 0 10px;
    position: absolute;
    text-indent: 2em;
    width: 475px;
    color: #fff;
}

.left-img-container {
    background: #fff;
    float: left;
    height: 315px;
    padding: 5px 0 0 5px;
    width: 495px;
}

.img-big-title p {
    padding: 0px 15px;
    line-height: 24px;
}

.img-big-title span:first-child {
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 5px auto 3px;
    text-align: center;
}


/*天气实景样式结束*/


/*应急响应样式开始*/

.yjxx-title {
    width: 660px;
    height: 30px;
    /* margin-bottom: 5px;*/
    border-bottom: 1px solid #c5c5c5;
}

.yjya-left-img img {
    width: 345px;
    height: 240px;
}

.yjya-left-img {
    position: relative;
    float: left;
    cursor: pointer;
}

.yjxy-img-title {
    position: absolute;
    width: 345px;
    .width: 340px\9;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
    text-align: center;
    background-color: rgba(0, 0, 0, .3);
    top: 216px;
    left: 5px;
    z-index: 1;
    color: #fff;
    display: inline-block;
}

.yjxx-right-content {
    width: 290px;
    height: 255px;
    height: 250px\9;
    float: left;
    padding-left: 15px;
    background: #fff;
}

.index-yjxx-headline {
    width: 280px;
    height: 100px;
    float: left;
    line-height: 1.8em;
    margin-bottom: 10px;
    font-size: 13px;
    color: #737373;
}

.yjxx-list {
    border-top: 1px dashed #c4c4c4;
    float: left;
    height: 130px;
    margin: 0;
    width: 270px;
    padding-top: 8px;
}

.yjxx-list li {
    width: 250px;
    height: 30px;
    float: left;
}

.yjxx-headline-content {
    width: 280px;
    float: left;
    line-height: 1.8em;
    margin-bottom: 6px;
    font-size: 13px;
    color: #737373;
    text-indent: 2em;
}

.yjxx-headline-content a span:hover {
    color: #1F90DE
}

.yjxx-headline-topic {
    display: block;
    float: left;
    text-indent: 2px;
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin: 10px 0 6px;
}


/*应急响应样式结束*/


/*气象微博样式开始*/

.content-switch.for-qxwb li a {
    cursor: default;
}

.index-qxwb {
    width: 644px;
    height: 270px;
    background: #fff;
}

.qxwb-title {
    width: 100%;
    height: 28px;
    border-bottom: 1px solid #c5c5c5;
    background: #f4f9fd;
}

.qxwb-content-container {
    width: 100%;
    height: 230px;
    overflow: hidden;
    background: #fff;
}

weibo-content ui,
li {
    list-style: none;
}

.no-border a {
    border: 0 !important;
}

.weibo-content-title {
    width: 308px;
    height: 50px;
    margin: 3px 0 0 10px;
    float: left;
}

.weibo-content-title span {
    display: block;
    float: left;
    margin-bottom: 0;
    font-size: 13px;
}

.weibo-content-title img {
    display: block;
    float: left;
}

.weibo-info-container {
    width: 170px;
    height: 16px;
    float: right;
}

span.weibo-info {
    display: block;
    float: left;
    height: 16px;
    width: 65px;
}

span.weibo-info:first-child {
    color: #188eee;
    padding: 0 5px 0 10px;
    margin: 16px 0 3px;
    border-right: 1px solid #188eee;
}

span.weibo-info:last-child {
    color: #188eee;
    padding: 0 2px 0 15px;
    margin: 16px 0 3px;
}

span.weibo-name {
    width: 52px;
    height: 20px;
    margin: 16px 1px 3px 5px;
}

img.weibo-name-decoration {
    margin-top: 5px;
}

div.content-switch.for-qxwb {
    display: none;
    width: 108px;
}

.weibo-content-text {
    float: left;
    width: 295px;
    height: 170px;
    padding: 10px;
    font-size: 13px;
    color: #737373;
    /*background: #fff;*/
    /*letter-spacing: .1em;*/
    line-height: 25px;
    text-indent: 2em;
}


/*气象微博样式结束*/


/*天气视频样式开始*/

.index-tqsp {
    width: 660px;
    height: 270px;
}

.tqsp-title {
    width: 660px;
    height: 28px;
    float: left;
    border-bottom: 1px solid #c5c5c5;
}

.tqsp-left-container {
    background: #fff;
    float: left;
    height: 240px;
    position: relative;
    width: 370px;
    padding-right: 20px;
}

.tqsp-left-container img {
    margin-top: 5px;
    margin-left: 5px;
}

.tqsp-img-title {
    bottom: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    left: 0;
    line-height: 28px;
    margin-left: 5px;
    position: absolute;
    width: 364px;
    text-align: center;
    background-color: rgba(0, 0, 0, .3);
    /*需要添加IE8兼容*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
}

span.tqsp-img-title span {
    float: right;
}

img#tqsp-big-image {
    top: 0;
    left: 0;
}

img#tqsp-play {
    position: absolute;
    top: 90px;
    left: 157px;
}

.tqsp-list {
    float: left;
    width: 270px;
    height: 228px;
    font-size: 14px;
    color: #323232;
    background: #fff;
    padding-top: 12px;
}

.tqsp-list li {
    display: block;
    float: left;
    width: 255px;
    height: 40px;
    line-height: 40px;
}

.tqsp-list li span {
    display: block;
    height: 30px;
    line-height: 30px;
}

.tqsp-list li a span {
    width: 180px;
    float: left;
}

.tqsp-list li span {
    width: 45px;
    float: right;
}

.tqsp-right-container {
    background: #fff;
    position: relative;
    width: 310px;
}

.tqsp-right-container img {
    margin: 5px;
}


/*天气视频样式结束*/


/*天气实景样式开始*/

.tqsj-title {
    width: 1000px;
    height: 30px;
    float: left;
}

.tqsj-container img {
    width: 242px;
    height: 152px;
}


/*天气实景样式结束*/


/*下面开始是module7的样式*/

.index-nyqx {
    height: 440px;
    width: 317px;
}

.nyqx-title {
    width: 315px;
    height: 30px;
    border-bottom: 1px solid #c5c5c5;
}

.nyqx_img_container {
    width: 315px;
    height: 155px;
    position: relative;
    background: #fff;
    cursor: pointer;
}

span.nyqx_head_title {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 304px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #323232;
    text-indent: 1em;
    margin-left: 3px;
    text-align: center;
    background-color: rgba(255, 255, 255, .6);
    /*需要添加IE8兼容*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
}

.nyqx_img_container img {
    width: 305px;
    height: 153px;
    border: 0;
    margin: 5px;
}

.nyqx_headline {
    width: 305px;
    height: 60px;
    float: left;
    padding: 10px 5px;
    margin-top: 0px;
    border-bottom: 1px dashed #c4c4c4;
    background: #fff;
    text-indent: 2em;
    color: #737373;
    font-size: 14px;
    line-height: 22px;
}

.nyqx_headline a span:hover {
    color: #1F90DE;
}

.nyqx_headline p {
    padding: 0px 10px;
    line-height: 22px;
    text-align: justify;
    color: #737373;
}

.nyqx_list_container {
    width: 315px;
    float: left;
    background: #fff;
    padding-top: 10px;
}

.nyqx_list_container li {
    margin-left: 20px;
}

.nyqx_list_container a {
    display: block;
    width: 270px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}


/*农业气象样式结束*/


/*生活气象样式开始*/

.index-shqx {
    width: 660px;
    height: 440px;
}

.shqx-title {
    width: 660px;
    height: 30px;
    float: left;
    border-bottom: 1px solid #c5c5c5;
}

.shqx-img-container {
    width: 370px;
    height: 270px;
    float: left;
    background: #fff;
}

div.shqx-pic:first-child {
    width: 364px;
    height: 182px;
    float: left;
    margin: 5px;
}

div.shqx-pic:first-child~div {
    width: 180px;
    height: 70px;
    float: left;
    margin: 0 0 0 5px;
}

div.shqx-pic:first-child img {
    width: 364px;
    height: 182px;
}

div.shqx-pic:first-child~div img {
    width: 180px;
    height: 70px;
}

.shqx-headline {
    width: 290px;
    height: 270px;
    float: left;
    background: #fff;
}

span.headline-topic {
    display: block;
    width: 270px;
    height: 35px;
    margin-left: 20px;
    line-height: 42px;
    font-size: 16px;
    color: #323232;
    text-align: center;
    margin-bottom: 6px;
}

p.headline-content {
    border-bottom: 1px dashed #c4c4c4;
    color: #737373;
    display: block;
    font-size: 13px;
    height: 77px;
    margin-bottom: 10px;
    line-height: 22px;
    margin-left: 20px;
    width: 259px;
    text-indent: 2em;
}

p.headline-content a span:hover {
    color: #1F90DE
}

.shqx-headline-list {
    width: 290px;
    height: 130px;
}

.shqx-headline-list li {
    margin-left: 20px;
}

.shqx-nqcs-container {
    background: #fff;
    float: left;
    height: 133px;
    margin-left: 0;
    padding-top: 5px;
    width: 320px;
}

.shqx-ztfx-container {
    background: #fff;
    float: left;
    font-size: 14px;
    height: 133px;
    padding-top: 5px;
    width: 340px;
}

.shqx-nqcs-container li,
.shqx-ztfx-container li {
    margin-left: 20px;
}

.shqx-nqcs-container a,
.shqx-ztfx-container a {
    display: block;
    width: 290px;
    height: 40px;
    line-height: 30px;
}


/*生活气象样式结束*/


/*module7样式结束*/


/*部门联动样式开始*/


/*Part of module8*/

.index-bmld {
    width: 660px;
    height: 520px;
}

.bmld-title {
    width: 660px;
    height: 30px;
    float: left;
    border-bottom: 1px solid #c5c5c5;
}

.bmld-top {
    width: 660px;
    height: 216px;
    float: left;
    border-bottom: 1px dashed #ddd;
    background: #fff;
}

.bmld-bottom {
    width: 660px;
    height: 338px;
    float: left;
    background: #fff;
}

.bmld-img {
    float: left;
    width: 310px;
    height: 210px;
    margin: 5px;
}

.bmld-img img {
    width: 310px;
    height: 205px;
}

.bmld-head-list {
    width: 320px;
    height: 210px;
    float: left;
    margin-top: 10px;
}

.bmld-head-list li {
    display: block;
    width: 320px;
    height: 40px;
    line-height: 40px;
    list-style: url(../img/li_img30.png) outside;
    margin-left: 20px;
}

.bmld-list {
    width: 320px;
    height: 160px;
    float: left;
    padding-top: 5px;
}

span.bmld-list-title {
    display: block;
    width: 310px;
    height: 25px;
    margin-top: 5px;
    margin-left: 18px;
    font-size: 18px;
    color: #323232;
}

.bmld-list li {
    width: 310px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    color: #323232;
}

.bmld-list:first-child {
    border-bottom: 1px dashed #dddddd;
}

.bmld-list:first-child+.bmld-list {
    border-bottom: 1px dashed #dddddd;
}


/*部门联动样式结束*/


/*应急科普样式结束*/


/*Part of module8*/

.index-yjkp {
    width: 680px;
    height: 195px;
}

.yjkp-title {
    width: 660px;
    height: 30px;
    float: left;
    border-bottom: 1px solid #c5c5c5;
}

.yjkp-img-container {
    width: 660px;
    height: 165px;
    float: left;
    background: #fff;
}

.yjkp-pic-container {
    width: 160px;
    float: left;
    margin: 5px 2px;
    text-align: center;
}

.yjkp-pic-container:hover img {
    opacity: 0.8;
}

.yjkp-pic-container:hover .yjkp_sub_topic a {
    color: #188eee;
}

.yjkp-pic-container img {
    width: 160px;
    height: 120px;
}

.yjkp_sub_topic {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #737373;
}


/*应急科普样式结束*/


/*气候盘点内容开始*/


/*Part of module8*/

.index-qhpd {
    width: 317px;
    height: 288px;
    float: right;
}

.qhpd-title {
    width: 310px;
    height: 30px;
    float: left;
    border-bottom: 1px solid #c5c5c5;
}

.qhpd-list {
    width: 310px;
    height: 230px;
    float: left;
    background: #fff;
}

.qhpd-list li {
    width: 280px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    color: #323232;
    letter-spacing: 1px;
}


/*气候盘点内容结束/
/*农业气象*/

.nyqx-list {
    width: 310px;
    height: 208px;
    float: left;
    padding: 6px 0;
    background: #fff;
    position: relative;
}

.nyqx-list li {
    width: 280px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    color: #323232;
    letter-spacing: 1px;
}


/*农业气象结束*/


/*应急工具箱样式开始*/


/*Part of module8*/

.index-yjgjx {
    width: 310px;
}

.yjgjx-title {
    width: 310px;
    height: 30px;
    float: left;
    border-bottom: 1px solid #c5c5c5;
}

.yjgjx-content-container {
    float: left;
    width: 310px;
    height: 480px;
    background: #fff;
}

.yj-module3-right .yjgjx-content-container {
    height: 450px;
}

.yj-module3-right .yjgjx-sub-container {
    height: 84px;
}

.yjgjx-sub-container {
    width: 290px;
    height: 90px;
    float: left;
    padding-bottom: 5px;
    margin-left: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.yjgjx-sub-container:last-child {
    border-bottom: 0;
}

.yjgjx-img {
    width: 90px;
    height: 80px;
    display: block;
    float: left;
    text-align: center;
}

.yjgjx-img img {
    width: 70px;
    height: 70px;
    margin: 10px 0;
}

.yjgjx-content {
    width: 190px;
    height: 80px;
    float: left;
    margin-left: 10px;
}

.yjgjx-content-title {
    display: block;
    height: 30px;
    margin-top: 5px;
    margin-left: 12px;
    font-size: 18px;
    color: #323232;
}

.yjgjx-content p>a {
    display: inline-block;
    width: 60px;
    height: 12px;
    margin: 0 15px;
    font-size: 14px;
    color: #737373;
}

.yjgjx-content p>a:hover {
    color: #188eee;
}

.yjgjx-content p {
    margin-bottom: 5px;
}


/*应急工具箱样式结束*/


/*公众服务样式开始*/

.gzfw-title {
    width: 100%;
    height: 25px;
    margin-bottom: 25px;
}

.gzfw-container {
    width: 980px;
    height: 420px !important;
    margin: 0 0 20px 0;
    position: relative;
}

img.gzfw-item-bg {
    width: 175px;
    cursor: pointer;
}

img.gzfw-item-bg {
    position: absolute;
}

img.gzfw-item-bg.item1 {
    top: 117px;
    left: 0;
}

img.gzfw-item-bg.item2 {
    top: 27px;
    left: 90px;
}

img.gzfw-item-bg.item3 {
    top: 207px;
    left: 90px;
}

img.gzfw-item-bg.item4 {
    top: 117px;
    left: 180px;
}

img.gzfw-item-bg.item5 {
    top: 27px;
    left: 270px;
}

img.gzfw-item-bg.item6 {
    top: 207px;
    left: 270px;
}

img.gzfw-item-bg.item7 {
    top: 117px;
    left: 360px;
}

img.gzfw-item-bg.item8 {
    top: 27px;
    left: 450px;
}

img.gzfw-item-bg.item9 {
    top: 207px;
    left: 450px;
}

img.gzfw-item-bg.item10 {
    top: 117px;
    left: 540px;
}

img.gzfw-item-bg.item11 {
    top: 27px;
    left: 635px;
}

img.gzfw-item-bg.item12 {
    top: 207px;
    left: 635px;
}

img.item13 {
    height: 370px;
    position: absolute;
    top: 19px;
    left: 730px;
}

.gzfw-icon-container {
    width: 99px;
    height: 90px;
    font-size: 20px;
    color: #fff;
}

.gzfw-icon-container a {
    color: #fff;
}

span.gzfw-icon-title {
    display: block;
    text-align: center;
    font-size: 18px;
}

img.gzfw-icon {
    margin: 10px 26px;
}

.gzfw-icon-container.item1 {
    position: absolute;
    top: 132px;
    left: 38px;
}

.gzfw-icon-container.item2 {
    position: absolute;
    top: 42px;
    left: 128px;
}

.gzfw-icon-container.item3 {
    position: absolute;
    top: 218px;
    left: 128px;
}

.gzfw-icon-container.item4 {
    position: absolute;
    top: 132px;
    left: 215px;
}

.gzfw-icon-container.item7 {
    position: absolute;
    top: 132px;
    left: 398px;
}

.gzfw-icon-container.item10 {
    position: absolute;
    top: 132px;
    left: 575px;
}

.gzfw-icon-container.item5 {
    position: absolute;
    top: 42px;
    left: 305px;
}

.gzfw-icon-container.item8 {
    position: absolute;
    top: 42px;
    left: 485px;
}

.gzfw-icon-container.item6 {
    position: absolute;
    top: 218px;
    left: 305px;
}

.gzfw-icon-container.item9 {
    position: absolute;
    top: 218px;
    left: 488px;
}

.gzfw-more {
    position: absolute;
    height: 20px;
    width: 90px;
    top: 104px;
    left: 680px;
    text-align: center;
    letter-spacing: 2px;
}

.weixin {
    width: 140px;
    position: absolute;
    left: 820px;
    top: 125px;
}

span.weixin-title {
    display: block;
    width: 140px;
    margin-top: 5px;
    font-size: 20px;
    text-align: center;
}


/*放大辅助*/

.sj_item1 {
    left: 45px;
    position: absolute;
    top: 154px;
    z-index: 3;
    width: 86px;
    height: 86px;
}

.sj_item2 {
    left: 45px;
    position: absolute;
    top: 154px;
    z-index: 3;
    width: 86px;
    height: 86px;
}

.sj_item3 {
    left: 45px;
    position: absolute;
    top: 154px;
    z-index: 3;
    width: 86px;
    height: 86px;
}

.sj_item4 {
    left: 45px;
    position: absolute;
    top: 154px;
    z-index: 3;
    width: 86px;
    height: 86px;
}

.sj_item5 {
    left: 45px;
    position: absolute;
    top: 154px;
    z-index: 3;
    width: 86px;
    height: 86px;
}

.sj_item6 {
    left: 45px;
    position: absolute;
    top: 154px;
    z-index: 3;
    width: 86px;
    height: 86px;
}

.sj_item7 {
    left: 45px;
    position: absolute;
    top: 154px;
    z-index: 3;
    width: 86px;
    height: 86px;
}

.sj_item8 {
    left: 45px;
    position: absolute;
    top: 154px;
    z-index: 3;
    width: 86px;
    height: 86px;
}

.sj_item9 {
    left: 45px;
    position: absolute;
    top: 154px;
    z-index: 3;
    width: 86px;
    height: 86px;
}

.sj_item10 {
    left: 45px;
    position: absolute;
    top: 154px;
    z-index: 3;
    width: 86px;
    height: 86px;
}


/*公众服务样式结束*/

ul.ulone li {
    margin: 0;
}


/*首页头部样式开始*/

.header-container {
    margin: auto;
    position: relative;
    width: 1000px;
    z-index: 999;
    margin-bottom: 15px;
}

.index-header {
    width: 1000px;
    margin: 0 auto 15px;
    height: 170px;
    position: relative;
}

.header-time {
    position: absolute;
    right: 0px;
    top: -7px;
    color: #ffffff;
    font-size: 13px;
    text-indent: 25px;
    height: 32px;
    line-height: 31px;
    width: 316px;
    background: url(../img/head_timebg.png) no-repeat 0;
}

.header-logo {
    position: absolute;
    top: 40px;
    left: 10px;
    width: 400px;
}

input.header-search {
    width: 300px;
    height: 33px;
    position: absolute;
    top: 51px;
    right: 78px;
    border: 0;
    background: #f4f9fd url(../img/search_bg.png);
    font-size: 18px;
    color: #737373;
    text-indent: 10px;
}

input.search-button {
    width: 80px;
    height: 35px;
    position: absolute;
    top: 51px;
    right: 2px;
    border: 0;
    background: #f4f9fd url(../img/search_button.png);
    cursor: pointer;
}

.index-nav {
    width: 1000px;
    height: 50px;
    position: absolute;
    top: 120px;
    left: 0;
    color: #fff;
}

.index-nav>ul>li {
    display: block;
    float: left;
    width: 125px;
    height: 48px;
    background: url(../img/nav_bg.png);
    font-size: 20px;
    text-align: center;
}

.index-nav>ul>li:hover {
    background: #8cd233;
}

li.no-hover:hover {
    background: url(../img/nav_bg.png) !important;
}

.index-mav>ul>li:first-child:hover {
    background: url(../img/nav_bg.png);
}

.index-nav>ul>li>a {
    color: #fff;
    display: block;
    height: 24px;
    line-height: 22px;
    margin: 12px 0;
    font-size: 20px;
}

.index-nav li:last-child a {
    border-right: 0;
}


/*悬停菜单通用样式，通用样式后只需针对各菜单定义宽度等*/

ul#nav li ul {
    width: 1000px;
    height: 48px;
    position: absolute;
    left: 0;
    top: 47px;
    z-index: 199;
}

ul#nav li ul li {
    display: block;
    height: 20px;
    float: left;
    background: #8cd233;
    padding: 6px 0;
    font-size: 16px;
    padding-left: 10px;
}

ul#nav li ul li a {
    display: block;
    height: 20px;
    line-height: 20px;
    margin-top: 7px;
    color: #fff;
    padding-right: 10px;
}

ul#nav li ul li:last-child a {
    border-right: 0;
}


/*通用样式结束*/


/*通用的弹出控制*/

#nav>li:hover>ul {
    display: block;
    background: #8cd233;
}

#nav>li>ul {
    display: none;
}


/*通用弹出控制结束*/


/*针对性的对各二级菜单定义大小*/


/*预警*/

.nav-yj li:first-child {
    margin-left: 18px;
}

.nav-yj li>span {
    display: block;
    height: 28px;
    margin-top: 0;
}

.nav-yj li div {
    width: 160px;
    text-align: left
}

.nav-yj li div.sign {
    width: 90px;
}

.nav-yj li div span {
    width: auto;
    display: inline-block;
}

.nav-yj li>span:first-child {
    font-size: 20px;
    text-align: left;
}

.nav-yj li>span:first-child a {
    color: #379FEE;
    cursor: default
}

.nav-yj li>div span {
    font-size: 16px;
    margin-right: 20px
}

ul#nav li ul.nav-yj {
    height: 188px;
}


/*资讯*/

.nav-zx li:first-child {
    margin-left: 104px;
}


/*科普*/

.nav-kp li:first-child {
    margin-left: 480px;
}


/*天气*/

.nav-tq li:first-child {
    margin-left: 100px;
}


/*服务*/

.nav-fw li:first-child {
    margin-left: 47px;
}


/*互动*/

.nav-hd li:first-child {
    margin-left: 624px;
}


/*首页头部样式结束*/


/*横幅样式开始*/

.ad-tip {
    background: #10aeb5;
    height: 82px;
    line-height: 82px;
    margin: 0 auto;
    width: 1000px;
    margin-bottom: 10px;
    opacity: 0.80;
}

.ad-tip-left {
    color: #fff;
    float: left;
    font-size: 30px;
    margin: 0 50px;
    width: 650px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ad-tip-left img {
    vertical-align: middle;
    width: 67px;
    height: 67px;
    margin-top: -7px;
    margin-right: 20px;
}

.ad-tip .ad-tip-right {
    color: #fff;
    position: relative;
    float: right;
    font-size: 12px;
    height: 60px;
    margin-right: 50px !important;
    margin-top: 10px;
}

.ad-tip-right span {
    display: inline-block;
    height: 21px;
    line-height: 43px;
    font-size: 13px;
}
.ad-tip-right span.title{
    position: absolute;
    left: -64px;
    top: 10px;
    height: 100%;
}
.ad-tip-right div span {
    display: block;
}

.ad-tip span {
    color: #fff;
    letter-spacing: 1px;
}

.ad-tip-right span a {
    color: #fff;
}


/*横幅样式结束*/

.header-img-ad {
    margin-left: 28px;
    margin-top: -11px;
    vertical-align: top;
}

.index_tools {
    width: 100%;
    height: 120px;
    background-color: #3775ed;
    margin: 0 auto;
}

.tools-sub-container {
    width: 245px;
    height: 120px;
    position: relative;
    float: left;
}

.tools-sub-container:first-child {
    margin-left: 20px;
}

.tools-sub-topic {
    width: 140px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 85px;
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: 3px;
    color: #fff;
    border-right: 1px solid #2485f0;
}

.tools-sub-content {
    width: 130px;
    height: 75px;
    position: absolute;
    top: 30px;
    left: 85px;
    margin-top: 5px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    border-right: 1px solid #2485f0;
}

.tools-sub-container.lastchild .tools-sub-content {
    border-right: 0;
}

.tools-sub-container.lastchild .tools-sub-topic {
    border-right: 0;
}

.tools-sub-container img {
    position: absolute;
    top: 25px;
    left: 5px;
}

.tools-sub-topic a {
    color: #fff;
}

div.footer {
    width: 100%;
    float: left;
    margin-top: 35px;
    text-align: center;
    /* background: #e6f3fb; */
}

.footer_info {
    margin: 10px auto;
    font-size: 14px;
    color: #323232;
    letter-spacing: 1px;
}

.footer-link {
    width: 600px;
    margin: 5px auto;
    font-size: 13px;
    color: #737373;
    letter-spacing: 1px;
}

.footer-link a {
    font-size: 13px;
    color: #737373;
}

.footer-link p {
    margin: 6px 0;
}

p.contact {
    height: 75px;
    line-height: 75px;
    font-size: 12px;
    color: #737373;
    text-align: center;
}

.contact>span {
    margin: 3px 10px;
}

.contact .phone {
    color: #188eee;
    text-decoration: underline;
}

.copyright {
    width: 100%;
    height: 36px;
    background-color: #333;
    font-size: 13px;
    line-height: 33px;
    color: #fff;
    letter-spacing: 2px;
}

.copyright p {
    text-align: center;
    color: #fff;
}

.footer-space {
    width: 1300px;
    height: 1px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}


/*div{*/


/*border: 1px solid black;*/


/*}*/

.module1 {
    height: 520px;
}

.module1-left {
    float: left;
    width: 660px;
    height: 528px;
    background: #fff;
}

.module1-left1 {
    height: 340px;
}

.module1-left2 {
    height: 100px;
}

.module1-right {
    float: right;
    width: 310px;
    height: 528px;
    background: #fff;
}

.module2 {
    height: 493px;
}

.module2-left {
    float: left;
    width: 660px;
    height: 493px;
    position: relative;
    z-index: 5000;
}

.module2-right {
    float: right;
    width: 310px;
    height: 492px;
}

.module2-right1 {
    float: left;
    margin-bottom: 20px;
}

.module2-right2 {
    float: left;
    height: 318px;
}

.module3 {
    height: 285px;
    margin-top: 20px;
}

.module3-left {
    height: 288px;
    width: 680px;
    float: left;
}

.module3-right {
    width: 310px;
    float: right;
}

.module4 {
    height: 352px;
    margin-top: 38px;
}

.module5 {
    height: 384px;
    margin-top: 20px;
}

.module6 {
    height: 910px;
    margin-top: 40px;
}

.module6-left {
    width: 310px;
    float: left;
}

.module6-right {
    width: 660px;
    float: right;
}

.module7 {
    height: 440px;
    margin-top: 20px;
}

.module7-left {
    width: 310px;
    float: left;
}

.module7-right {
    width: 660px;
    float: right;
}

.module8 {
    height: 801px;
    margin-top: 20px;
}

.module8-left {
    width: 660px;
    float: left;
}

.module8-left1 {
    height: 586px;
    float: left;
}

.module8-left2 {
    height: 200px;
    float: left;
    margin-top: 20px;
}

.module8-right {
    width: 310px;
    float: right;
}

.module8-right1 {
    height: auto;
    float: left;
}

.module8-right2 {
    height: 450px;
    float: left;
    margin-top: 20px;
}

.index-footer {
    /* height: 320px; */
    margin-top: 20px;
    margin-left: 0;
    width: 100%;
    clear: both;
}

.moduleContent {
    width: 660px;
    height: 250px;
    overflow: hidden;
    background: #fff;
    padding-top: 5px;
}

.common_select {
    line-height: 30px;
    position: relative;
}

.common_select .dt {
    padding: 0 25px 0 10px;
    float: left;
}

.common_select:hover .ci-right {
    transform: rotate(180deg);
}

.cw-icon {
    cursor: default;
    position: relative;
}

.common_select .cw-icon {
    cursor: default;
    position: relative
}

.common_select .ci-right {
    color: #6a6a6a;
    font: 400 15px/15px consolas;
    height: 7px;
    overflow: hidden;
    right: 8px;
    top: 12px;
    transition: transform 0.1s ease-in 0s;
}

.cw-icon .i,
.cw-icon i {
    display: block;
    overflow: hidden;
    position: absolute;
}

.common_select .ci-right s {
    position: relative;
    text-decoration: none;
    top: -7px;
}

.dorpdown {
    position: relative;
}

.common_select .dd {
    padding: 10px 0 10px 10px;
    width: 301px;
    line-height: 24px;
}

.common_select .dorpdown-layer {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd !important;
    top: 30px;
    z-index: 700;
    margin-left: -1px;
}

.common_select:hover .dorpdown-layer {
    display: block;
}

.selectno .dorpdown-layer {
    display: none;
}

.dorpdown-layer {
    display: none;
    position: absolute;
}

.common_select .item {
    float: left;
    padding: 2px 0;
    width: 70px;
}

.item a {
    color: #666;
    text-decoration: none;
    font-size: 13px;
    float: left;
    padding: 0 8px;
}

.common_select .item a.selected {
    background: none repeat scroll 0 0 #0372B1;
    color: #fff;
}

.common_select .item a:hover {
    background: none repeat scroll 0 0 #f4f4f4;
    color: #0372B1;
}

.common_select:hover .dt {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px !important;
    margin-left: -1px;
    margin-top: -1px;
    height: 29px;
}

.typhoonContent .mapSelect {
    z-index: 999;
}

.mapSelect .common_select:hover .dt {
    margin-left: 0px;
    margin-top: 0px;
    height: 30px;
}

.mapSelect .common_select {
    display: inline-block;
}

.mapSelect .common_select .dorpdown-layer ul {
    background: #f3f3f4;
}

.mapSelect .common_select .dorpdown-layer ul li {
    height: 20px;
    line-height: 20px;
    padding: 5px 15px;
    background: #f3f3f4;
    color: #737373;
    font-size: 13px;
    letter-spacing: 2px;
}

.mapSelect .common_select .dorpdown-layer ul li:hover {
    background: #e4e4e5;
}

.mapSelect .common_select .dd {
    width: 226px;
    padding: 0px;
    border: 1px solid #dadada;
}

.common_select .dd-spacer {
    background: none repeat scroll 0 0 #fff;
    height: 10px;
    overflow: hidden;
    position: absolute;
    top: -5px;
    left: 0;
    width: 83px;
}

.selectSpan {
    height: 19px;
    line-height: 31px;
}

div.olMap {
    z-index: 0;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default;
    height: 503px;
}

div.olMapViewport {
    text-align: left;
    -ms-touch-action: none;
}

div.olLayerDiv {
    -moz-user-select: none;
    -khtml-user-select: none;
}

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;
}

.olLayerGoogleV3.olLayerGoogleCopyright {
    right: auto !important;
}

.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;
}

.olLayerGoogleV3.olLayerGooglePoweredBy {
    bottom: 15px !important;
}


/* GMaps should not set styles on its container */

.olForeignContainer {
    opacity: 1 !important;
}

.olControlAttribution {
    font-size: smaller;
    right: 3px;
    bottom: 4.5em;
    position: absolute;
    display: block;
}

.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}

.olControlScaleLine {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 15px;
    font-size: xx-small;
}

.olControlScaleLineBottom {
    border: solid 2px black;
    border-bottom: none;
    margin-top: -2px;
    text-align: center;
}

.olControlScaleLineTop {
    border: solid 2px black;
    border-top: none;
    text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
}

div.olControlMousePosition {
    bottom: 0;
    right: 3px;
    display: block;
    position: absolute;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    font-size: smaller;
}

.olControlOverviewMapContainer {
    position: absolute;
    bottom: 0;
    right: 0;
}

.olControlOverviewMapElement {
    padding: 10px 18px 10px 10px;
    background-color: #00008B;
    -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton,
.olControlOverviewMapMaximizeButton {
    height: 18px;
    width: 18px;
    right: 0;
    bottom: 80px;
    cursor: pointer;
}

.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url("img/blank.gif");
    cursor: move;
    border: 2px dotted red;
}

.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    background-image: url("img/overview_replacement.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.olLayerGeoRSSDescription {
    float: left;
    width: 100%;
    overflow: auto;
    font-size: 1.0em;
}

.olLayerGeoRSSClose {
    float: right;
    color: gray;
    font-size: 1.2em;
    margin-right: 6px;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
}

.olLayerGeoRSSTitle {
    float: left;
    font-size: 1.2em;
}

.olPopupContent {
    padding: 5px;
    overflow: auto;
}

.olControlNavigationHistory {
    background-image: url("img/navigation_history.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.olControlNavigationHistoryPreviousItemActive {
    background-position: 0 0;
}

.olControlNavigationHistoryPreviousItemInactive {
    background-position: 0 -24px;
}

.olControlNavigationHistoryNextItemActive {
    background-position: -24px 0;
}

.olControlNavigationHistoryNextItemInactive {
    background-position: -24px -24px;
}

div.olControlSaveFeaturesItemActive {
    background-image: url(img/save_features_on.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}

div.olControlSaveFeaturesItemInactive {
    background-image: url(img/save_features_off.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

.olControlPanPanel {
    top: 10px;
    left: 5px;
}

.olControlPanPanel div {
    background-image: url(img/pan-panel.png);
    height: 18px;
    width: 18px;
    cursor: pointer;
    position: absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
    top: 0;
    left: 9px;
    background-position: 0 0;
}

.olControlPanPanel .olControlPanSouthItemInactive {
    top: 36px;
    left: 9px;
    background-position: 18px 0;
}

.olControlPanPanel .olControlPanWestItemInactive {
    position: absolute;
    top: 18px;
    left: 0;
    background-position: 0 18px;
}

.olControlPanPanel .olControlPanEastItemInactive {
    top: 18px;
    left: 18px;
    background-position: 18px 18px;
}

.olControlZoomPanel {
    top: 71px;
    left: 14px;
}

.olControlZoomPanel div {
    background-image: url(img/zoom-panel.png);
    position: absolute;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
    top: 0;
    left: 0;
    background-position: 0 0;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top: 18px;
    left: 0;
    background-position: 0 -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
    top: 36px;
    left: 0;
    background-position: 0 18px;
}


/*
 * When a potential text is bigger than the image it move the image
 * with some headers (closes #3154)
 */

.olControlPanZoomBar div {
    font-size: 1px;
}

.olPopupCloseBox {
    background: url("img/close.gif") no-repeat;
    cursor: pointer;
}

.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;
}

.olControlNoSelect {
    -moz-user-select: none;
    -khtml-user-select: none;
}

.olImageLoadError {
    background-color: pink;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* IE */
}


/**
 * Cursor styles
 */

.olCursorWait {
    cursor: wait;
}

.olDragDown {
    cursor: move;
}

.olDrawBox {
    cursor: crosshair;
}

.olControlDragFeatureOver {
    cursor: move;
}

.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    cursor: -moz-grabbing;
}


/**
 * Layer switcher
 */

.olControlLayerSwitcher {
    position: absolute;
    top: 25px;
    right: 0;
    width: 20em;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    font-size: smaller;
    color: white;
    background-color: transparent;
}

.olControlLayerSwitcher .layersDiv {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    background-color: darkblue;
}

.olControlLayerSwitcher .layersDiv .baseLbl,
.olControlLayerSwitcher .layersDiv .dataLbl {
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,
.olControlLayerSwitcher .layersDiv .dataLayersDiv {
    padding-left: 10px;
}

.olControlLayerSwitcher .maximizeDiv,
.olControlLayerSwitcher .minimizeDiv {
    width: 18px;
    height: 18px;
    top: 5px;
    right: 0;
    cursor: pointer;
}

.olBingAttribution {
    color: #DDD;
}

.olBingAttribution.road {
    color: #333;
}

.olGoogleAttribution.hybrid,
.olGoogleAttribution.satellite {
    color: #EEE;
}

.olGoogleAttribution {
    color: #333;
}

span.olGoogleAttribution a {
    color: #77C;
}

span.olGoogleAttribution.hybrid a,
span.olGoogleAttribution.satellite a {
    color: #EEE;
}


/**
 * Editing and navigation icons.
 * (using the editing_tool_bar.png sprint image)
 */

.olControlNavToolbar,
.olControlEditingToolbar {
    margin: 5px 5px 0 0;
}

.olControlNavToolbar div,
.olControlEditingToolbar div {
    background-image: url("img/editing_tool_bar.png");
    background-repeat: no-repeat;
    margin: 0 0 5px 5px;
    width: 24px;
    height: 22px;
    cursor: pointer
}


/* positions */

.olControlEditingToolbar {
    right: 0;
    top: 0;
}

.olControlNavToolbar {
    top: 295px;
    left: 9px;
}


/* layouts */

.olControlEditingToolbar div {
    float: right;
}


/* individual controls */

.olControlNavToolbar .olControlNavigationItemInactive,
.olControlEditingToolbar .olControlNavigationItemInactive {
    background-position: -103px -1px;
}

.olControlNavToolbar .olControlNavigationItemActive,
.olControlEditingToolbar .olControlNavigationItemActive {
    background-position: -103px -24px;
}

.olControlNavToolbar .olControlZoomBoxItemInactive {
    background-position: -128px -1px;
}

.olControlNavToolbar .olControlZoomBoxItemActive {
    background-position: -128px -24px;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
    background-position: -77px -1px;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
    background-position: -77px -24px;
}

.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
    background-position: -51px -1px;
}

.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
    background-position: -51px -24px;
}

.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
    background-position: -26px -1px;
}

.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
    background-position: -26px -24px;
}

div.olControlZoom {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    padding: 2px;
}

div.olControlZoom a {
    display: block;
    margin: 1px;
    padding: 0;
    color: white;
    font-size: 18px;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 22px;
    width: 22px;
    line-height: 19px;
    background: #130085;
    /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 60, 136, 0.5);
    filter: alpha(opacity=80);
}

div.olControlZoom a:hover {
    background: #130085;
    /* fallback for IE */
    background: rgba(0, 60, 136, 0.7);
    filter: alpha(opacity=100);
}

@media only screen and (max-width: 600px) {
    div.olControlZoom a:hover {
        background: rgba(0, 60, 136, 0.5);
    }
}

a.olControlZoomIn {
    border-radius: 4px 4px 0 0;
}

a.olControlZoomOut {
    border-radius: 0 0 4px 4px;
}


/**
 * Animations
 */

.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}


/* Turn on GPU support where available */

.olTileImage {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}


/* when replacing tiles, do not show tile and backbuffer at the same time */

.olTileReplacing {
    display: none;
}


/* override any max-width image settings (e.g. bootstrap.css) */

img.olTileImage {
    max-width: none;
}

@font-face {
    font-family: 'icomoon';
    src: url('/js/icon/fonts/icomoon.eot?-5gnz1');
    src: url('/js/icon/fonts/icomoon.eot?#iefix-5gnz1') format('embedded-opentype'), url('/js/icon/fonts/icomoon.woff?-5gnz1') format('woff'), url('/js/icon/fonts/icomoon.ttf?-5gnz1') format('truetype'), url('/js/icon/fonts/icomoon.svg?-5gnz1#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-rain3:before {
    content: "\e602";
}

.icon-rain1:before {
    content: "\e604";
}

.icon-fog:before {
    content: "\e605";
}

.icon-snow2:before {
    content: "\e600";
}

.icon-night:before {
    content: "\f100";
}

.icon-day:before {
    content: "\f101";
}

.icon-snow1:before {
    content: "\f103";
}

.icon-rain4:before {
    content: "\f104";
}

.icon-basecloud:before {
    content: "\f105";
}

.icon-cloud:before {
    content: "\f106";
}

.icon-mist:before {
    content: "\f108";
}

.icon-windybasecloud:before {
    content: "\f109";
}

.icon-rain5:before {
    content: "\f10a";
}

.icon-snow3:before {
    content: "\f10b";
}

.icon-sleet:before {
    content: "\f10c";
}

.icon-moon:before {
    content: "\f10d";
}

.icon-rain2:before {
    content: "\f10e";
}

.icon-hail:before {
    content: "\f10f";
}

.icon-sunset:before {
    content: "\f110";
}

.icon-windybasecloud1:before {
    content: "\f111";
}

.icon-sunrise:before {
    content: "\f112";
}

.icon-sun:before {
    content: "\f113";
}

.icon-thunder:before {
    content: "\f114";
}

.icon-windy:before {
    content: "\f115";
}

@CHARSET "UTF-8";

/*天气预报样式开始*/


/*
  宽度300，高度520
*/

body {
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
}

.index-weather {
    width: 300px;
    padding: 5px 5px;
    margin-top: 4px;
}

.top-city-select {
    float: left;
    margin-left: -10px;
    width: 100px;
}

.top-city-select select {
    width: 100%;
    height: 25px;
    font-size: 16px;
    font-family: 'Alibaba-PuHuiTi-Regular', '微软雅黑', Arial, Helvetica, simsun, sans-serif;
}

.top-city-select span {
    display: block;
    float: left;
    font-size: 18px;
    padding-right: 12px;
    border-right: 0px;
    color: #444;
}

.top-selector {
    float: right;
    border-color: #2277E1 #fff #fff;
    border-style: solid;
    border-width: 10px 8px 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 0;
    margin: 8px 5px;
}

.tq-current-time {
    float: right;
    width: 100px;
    font-size: 13px;
    color: #323232;
}

.tq-current-time span:first-child {
    display: block;
    float: left;
    width: 36px;
    text-align: right;
    margin-right: 4px;
}

.tq-current-time span:last-child {
    display: block;
    float: right;
}

.tq-warning {
    width: 90px;
    height: 20px;
    float: right;
    padding-left: 3px;
    margin-left: 30px;
    margin-top: 5px;
    background-color: #ff9000;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
}

.tq-warning td {
    font-size: 12px;
}

.tq-icon {
    float: left;
    width: 300px;
    margin-top: 2px;
    text-align: center;
    height: 116px;
    position: relative;
}

.tq-icon img {
    width: 120px;
}

.tq-content {
    float: left;
    width: 300px;
}

.tq-temperature {
    font-size: 36px;
    display: block;
    text-align: center;
    margin: 5px 0;
}

.tq-description {
    font-size: 20px;
    display: block;
    text-align: center;
    margin: 5px 0;
}

.tq-details {
    float: left;
    width: 300px;
    height: 80px;
    font-size: 14px;
    margin-top: 10px;
}

.tq-uv,
.tq-comfort {
    float: left;
    width: 290px;
    margin: 3px 0;
    padding-left: 10px;
    font-size: 14px;
}

.tq-details img {
    width: 16px;
    vertical-align: middle;
    margin-right: 3px;
}

span.uv,
span.comfort {
    margin-right: 20px;
    display: inline-block;
    width: 94px;
}

span.pm25 {
    margin: 0 5px;
    color: #323232;
    letter-spacing: 3px;
}

span.pm25-content {
    background-color: #ffa901;
    color: #fff;
    padding: 1px 5px;
}

span.humidity {
    margin: 0 10px;
}

.weather-3days {
    width: 101%;
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
}

.weather-3days-content {
    width: 99px;
    height: 120px;
    float: left;
    background-color: #EDF4FA;
    text-align: center;
    border-right: 1px solid #fff;
}

.weather-3days-content img {
    width: 60px;
    margin: -5px 0;
}

.weather-3days-content span {
    display: block;
    width: 98px;
    margin: 5px 0;
    font-size: 16px;
}

.city-select {
    width: 294px;
    height: 20px;
    line-height: 20px;
    float: left;
    margin: 15px 5px 5px;
    border: 1px solid #c5c5c5;
    font-size: 14px;
}

.cityplace {
    width: 100%;
    height: auto;
    position: relative;
    clear: both;
}

.cityplace select {
    height: 25px;
    width: 60px;
    margin-left: 4px;
}

.seeWea {
    text-decoration: none;
    padding: 3px;
    display: inline-block;
    float: right;
    background: #188eee;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin-top: 4px;
}

.cityplace a:hover {
    background: #8cd233;
    color: #fff;
}

.bottom-city-select span {
    width: 60px;
    height: 20px;
    float: left;
    padding: 0 5px;
    margin-left: 5px;
}

.bottom-district-select span {
    width: 65px;
    height: 20px;
    float: left;
    padding: 0 5px;
    margin-left: 5px;
    border-left: 1px solid #c5c5c5;
}

.bottom-street-select span {
    width: 74px;
    height: 20px;
    float: left;
    padding: 0 5px;
    margin-left: 5px;
    border-left: 1px solid #c5c5c5;
}

.chart-selector {
    float: left;
    border-color: #2277E1 #fff #fff;
    border-style: solid;
    border-width: 8px 5px 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 0;
    margin: 6px 2px;
}

.tq-feeling {
    background: #8cd233;
    color: #fff;
    float: left;
    font-size: 15px;
    height: 22px;
    line-height: 21px;
    margin: 2px auto;
    text-align: center;
    width: 299px;
}

.tq-feeling img {
    width: 12px;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px;
}

.weather-icon2 {
    width: 99px;
    height: 60px;
    position: relative;
}

.tq-warning ul li a {
    color: #fff
}

;
#imgConac {
    position: absolute;
    left: 100%;
    bottom: -40%;
}

.footer-link {
    position: relative;
}

.index-env-geo-wrapper {
    margin-bottom: 10px;
    overflow: hidden;
}

.weibo-left {
    width: 600px;
    float: left;
}

.video-right {
    float: right;
    width: 330px;
}

.index-tqsp {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.bmld-bottom {
    width: 100%;
}

.bmld-top {
    width: 100%;
    height: auto;
}

.bmld-top>.bmld-img:first-child {
    border-bottom: 1px dashed #ddd;
}

.bmld-top>.bmld-img {
    margin: 5px 10px !important;
}

.left-ulist {
    display: none;
}

.tqsp-title {
    width: 100%;
}


/* 预警/预报/实况 */

.forecast-now-wrapper {
    height: 610px;
}

.forecast-now-wrapper .title-left {
    padding-left: 0;
}

.forecast-now-title li {
    width: 100px;
    float: left;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.forecast-now-title li.current {
    border-bottom: 2px solid #ff8c2f;
}

.forecast-now-tab-list.hide {
    display: none;
}

.syht-title {
    height: 28px;
}