/* Brow
er 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: 20px;left:260px; 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: #fff; 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)!important; }
.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,ol,p,form,fieldset,table,td{font-family:"？￥？？？？？¨？？？ˉ？？a€oa€|？？？？a€？",Arial,simsun;}
/* body{
    background-image:url(../img/headBg/Sunny.png);;
    background-color:#f2f9fd;
    background-repeat:no-repeat;
    width:100%;
    color:#333;
    overflow-x:hidden;
   } */
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; /*？¨？？a€|？￥a€？？o？§？？a€？？？？’？¨？￥？？a€？？？？？？？？¨a€”？？？¨？μ？·？|？？？￥？￡a？？a€？*/
    white-space:nowrap;/*？¤？？？？？|？？？？？§？¤？o？§？？a€？？￥？“？°？|a€“？1？§a€？？¨？§？“？？？§a€￠？￥？￥？？？·...？¤？？？￡？|a€o？？*/
    text-overflow:ellipsis;/* ？|a€？？ˉ？|？’？？ IE */
    -o-text-overflow: ellipsis;    /* ？|a€？？ˉ？|？’？？ 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:"？￥？1？？？￥？“a€？";
    color:#FFFFFF;
}
.head_banner .other_city2{
    float:right;
    padding:15px 15px 0 0px;
    line-height:32px;
    font-size:16px;
    font-family:"？￥？1？？？￥？“a€？";
    color:#FFFFFF;
}
.head_banner .other_city3{
    float:left;
    padding:15px 70px 0px 25px;
    line-height:32px;
    font-size:16px;
    font-family:"？￥？1？？？￥？“a€？";
    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:'？￥？1？？？￥？“a€？';
    line-height:46px;
    font-weight:bold;
    display:block;
}
.head_td a{
    font-size:20px;
    height:52px;
    color:#000000;
    font-family:'？￥？1？？？￥？“a€？';
    line-height:46px;
    font-weight:bold;
    display:block;
}
.head_td a:hover{
    height:52px;
    font-size:20px;
    color:#64B4EF;
    font-family:'？￥？1？？？￥？“a€？';
    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:'？￥？1？？？￥？“a€？';
    line-height:46px;
    font-weight:bold;
    display:block;
}

.head_td2 a:hover{
    height:52px;
    font-size:20px;
    color:#62B4F6;
    font-family:'？￥？1？？？￥？“a€？';
    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:？￥？？？？？¨？？？ˉ？？a€oa€|？？？？a€？;
  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{
  display:inline-block;
  background:url(../img/drightarrow.png) no-repeat 28px 11px;
  width:50px;
  color:#999;
}
.uni-more a:hover{
cursor:pointer;
color:#188eee;

}
ul.ulist li{height: 32px !important;line-height: 32px !important;background: url("/img/common/listIcon.png") no-repeat 0px 13px;padding-left: 9px;/* border-bottom: 1px solid; */width: 100%;overflow: hidden;}
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;}

/*？¨a€？？？？§a？￠？？？￥？？a€？？|？？？￠？|？？a€？*/
.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: Arial,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;
}


/*？￥？？？？？¨？°？？？￥？¤？？？|？°a€？？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.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);/*？？？“a？？？¨？|？？？|？·？？？￥？？？？IE8？￥a€|？？？￥？？？1*/
    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;
}
/*？￥？？？？？¨？°？？？￥？¤？？？|？°a€？？|？？？·？￥？？？？？§？？a€？？|？？？？*/
/*？￥？¤？？？|？°a€？？？？￠a€？？|？？？￥？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.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;
}/*？￥？¤？？？|？°a€？？？？￠a€？？|？？？￥？|？？？·？￥？？？？？§？？a€？？|？？？？*/
/*？|a€“？°？？a€”？？？￥？？a€”？¨？？？¨？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.index-news{
    height:174px;
    width:660px;
    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;
}
/*？|a€“？°？？a€”？？？￥？？a€”？¨？？？¨？|？？？·？￥？？？？？§？？a€？？|？？？？*/
/*？￥？oa€？？|a？？？￥？？？￠a€？？¨？-？|？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.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;
}
/*？￥？oa€？？|a？？？￥？？？￠a€？？¨？-？|？|？？？·？￥？？？？？§？？a€？？|？？？？*/
/*？§？’？-？§a€？？1？¤？？a€？？？？￠？？？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.hot-topic{
    position: relative;
}
.hot-topic-title{
height:30px;
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:310px;
    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？|a€？？ˉ？|？’？？*/
   text-align:center;

}
.hot-topic-caption a{color:#fff}
/*？§？’？-？§a€？？1？¤？？a€？？？？￠？？？|？？？·？￥？？？？？§？？a€？？|？？？？*/
/*？￥？¤？？？|？°a€？？|？？a€？？¨？？？’？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.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;
}
/*？￥？¤？？？|？°a€？？|？？a€？？¨？？？’？|？？？·？￥？？？？？§？？a€？？|？？？？*/

/*？￥？oa€？？|a？？？￥？？？￠a€？？|？？？？？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.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;
    /* padding: 0 5px; */
}
.yjya-left-img{
     cursor: pointer;
     float: left;
     /* height: 255px; */
     position: relative;
     width: 43%;
     background:#fff;
}
.yjya-img-title{
    /* width:300px; */
    /* top:125px; */
}
.yjya-img-title{
    position: absolute;
    height: 30px;
    line-height: 28px;
    font-size:16px;
    text-align: left;
    text-indent: 20px;
    background-color: rgba(0, 0, 0, .3);
    /* left: 10px; */
    /* top: 987px; */
    /* top: 98%; */
    bottom: 2%;
    z-index: 1;
    margin-left: 1%;
    color:#fff;
    display:inline-block;
}
.nyqx-img-title{width: 96%;/* 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;
}
/*？￥？oa€？？|a？？？￥？？？￠a€？？|？？？？？|？？？·？￥？？？？？§？？a€？？|？？？？*/
/*？￥？oa€？？|a？？？￥？￥？？？¨？|a？？？？？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.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;
    transition: all .2s;
}
.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 4px 19px;
    position:relative;
     z-index:555;
}
/*？¤？？？¤？¤？？？a？￥？-a€”？§？？a€？？￥？？a€？？|？？？￠*/
.content-switch li.hover1{
    background: url(../img/spanhover.png) no-repeat -9px 19px;
    position:relative;
     z-index:555;
}
/*？￥a€oa€o？¤？？？a？￥？-a€”？§？？a€？？￥？？a€？？|？？？￠*/
.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;
}

/*？￥？oa€？？|a？？？￥？￥？？？¨？|a？？？？？|？？？·？￥？？？？？§？？a€？？|？？？？*/

/*？￥？¤？？？|？°a€？？￥？？？？？|a？￠？ˉ？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.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);/*？？？“a？？？¨？|？？？|？·？？？￥？？？？IE8？￥a€|？？？￥？？？1*/
    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;
}
/*？￥？¤？？？|？°a€？？￥？？？？？|a？￠？ˉ？|？？？·？￥？？？？？§？？a€？？|？？？？*/





/*？￥？oa€？？|a？？？￥？￥a€？？？？￥？oa€？？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.yjxx-title{
    width: 100%;
    height:30px;
    /* margin-bottom: 5px;*/
    /* border-bottom: 1px solid #eee; */
    ee; */
}
.yjya-left-img img{
    width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.yjya-left-img{
    position: relative;
    float: left;
    cursor:pointer;
    box-sizing: border-box;
}
.yjxy-img-title{
    position: absolute;
    width: 100%;
    .width:340px
    \9;
    height: 30px;
    line-height: 28px;
    font-size:16px;
    text-align: center;
    background-color: rgba(0, 0, 0, .3);
    /* top:216px; */
    left: 10px;-
    index: 1;
    bottom: 10px;
    color:#fff;
    display:inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.yjxx-right-content{
    width: 50%;
    height: 257px;
    height:250px\9;
    float: right;
    padding-left: 10px;
    background:#fff;
    margin-left: 4%;
}
.index-yjxx-headline{
    width: 100%;
    height: 100px;
    /* float: right; */
    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: 100%;
    float: left;
    line-height: 1.8em;
    margin-bottom: 6px;
    font-size: 13px;
    color: #737373;
    border-bottom: 1px dashed #c4c4c4;
    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;

}
/*？￥？oa€？？|a？？？￥？￥a€？？？？￥？oa€？？|？？？·？￥？？？？？§？？a€？？|？？？？*/


/*？|？°a€？？¨？±？？？￥？？？？？￥？？？？？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.content-switch.for-qxwb li a{
  cursor:default;
}
.index-qxwb{
    width: 315px;
    height: 270px;
    /* background:#fff; */
}
.qxwb-title{
    width: 315px;
    height: 30px;
    border-bottom: 1px solid #eee;
  }
.qxwb-content-container{
   width:310px;
    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{
    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;
}
/*？|？°a€？？¨？±？？？￥？？？？？￥？？？？？|？？？·？￥？？？？？§？？a€？？|？？？？*/

/*？￥？¤？？？|？°a€？？¨？§a€？？？？￠a€？？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.index-tqsp{
    width: 660px;
    height: 270px;
}
.tqsp-title{
    width: 660px;
    height: 30px;
    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);/*？？？“a？？？¨？|？？？|？·？？？￥？？？？IE8？￥a€|？？？￥？？？1*/
    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;
}
/*？￥？¤？？？|？°a€？？¨？§a€？？？？￠a€？？|？？？·？￥？？？？？§？？a€？？|？？？？*/

/*？￥？¤？？？|？°a€？？￥？？？？？|a？￠？ˉ？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.tqsj-title{
    width:1000px;
    height:30px;
    float: left;
    border-bottom: 1px solid #c5c5c5;
}
.tqsj-container img{
    width: 242px;
    height: 152px;
}
/*？￥？¤？？？|？°a€？？￥？？？？？|a？￠？ˉ？|？？？·？￥？？？？？§？？a€？？|？？？？*/


/*？¤？？a€1？？？？？￠？￥？？a？？？￥？§a€1？|？？？ˉmodule7？§？？a€？？|？？？·？￥？？？？*/
.index-nyqx{
    height: 440px;
    width: 100%;
}
.nyqx-title{
    width: 100%;
    height:30px;
    border-bottom: 1px solid #eee;
}

.nyqx_img_container{
    width: 100%;
    height: 230px;
    position: relative;
    background:#fff;
    cursor:pointer;
    border: 1px solid #eee;
    border-top: none;
    box-sizing: border-box;
}
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);/*？？？“a？？？¨？|？？？|？·？？？￥？？？？IE8？￥a€|？？？￥？？？1*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
}
.nyqx_img_container img{
    width: 100%;
    height: 100%;
    display: inline-block;
    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: 100%;
    height: 209px;
    float: left;
    background:#fff;
    padding-top:10px;
}

.nyqx_list_container li{
    margin-left:20px;
}
.nyqx_list_container a{
    display: block;
    width: 100%;
    height: 30px;
    line-height:30px;
    cursor:pointer;
    overflow: hidden;
    text-overflow: hidden;
}

/*？￥a€？？“？¤？？？？？|？°a€？？¨？±？？？|？？？·？￥？？？？？§？？a€？？|？？？？*/
/*？§a€？？？？|？′？？？|？°a€？？¨？±？？？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.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;
}
/*？§a€？？？？|？′？？？|？°a€？？¨？±？？？|？？？·？￥？？？？？§？？a€？？|？？？？*/

/*module7？|？？？·？￥？？？？？§？？a€？？|？？？？*/

/*？？？’？¨？？a€”？¨？¨？？a€？？￥？？？¨？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
/*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;
}
/*？？？’？¨？？a€”？¨？¨？？a€？？￥？？？¨？|？？？·？￥？？？？？§？？a€？？|？？？？*/

/*？￥？oa€？？|a？？？￥？§？§a€？？|a？￠？？？|？？？·？￥？？？？？§？？a€？？|？？？？*/
/*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;
}
/*？￥？oa€？？|a？？？￥？§？§a€？？|a？￠？？？|？？？·？￥？？？？？§？？a€？？|？？？？*/

/*？|？°a€？？￥a？？a？￠？§a€o？？？§a€？？1？￥a€？a€|？￥？？？1？￥？？a？？？￥？§a€1*/
/*Part of module8*/
.index-qhpd{
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}
.qhpd-title{
    width: 100%;
    height: 30px;
    float: left;
    border-bottom: 1px solid #eee;
    /* background: #fff; */
}
.qhpd-list{
    width: 100%;
    /* margin-left: 5%; */
    height: 100%;
    float: left;
    /* padding-top:10px; */
    background:#fff;
    box-sizing: border-box;
}

.qhpd-list li{
    width: 300px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    color: #323232;
    letter-spacing: 1px;
}
/*？|？°a€？？￥a？？a？￠？§a€o？？？§a€？？1？￥a€？a€|？￥？？？1？§？？a€？？|？？？？/
/*？￥a€？？“？¤？？？？？|？°a€？？¨？±？？*/
.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;
    
}
/*？￥a€？？“？¤？？？？？|？°a€？？¨？±？？？§？？a€？？|？？？？*/
/*？￥？oa€？？|a？？？￥？￥？·？￥？￥a€|？·？§？？？±？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
/*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;
}
/*？￥？oa€？？|a？？？￥？￥？·？￥？￥a€|？·？§？？？±？|？？？·？￥？？？？？§？？a€？？|？？？？*/

/*？￥a€|？？？¤？？a€”？|？“？？？￥？？？？？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/

.gzfw-title{
    width: 990px;
    height: 25px;
}

.gzfw-container{
    width: 980px;
    height: 360px;
    margin: 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;
}
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;
}

/*？|a€？？？？￥？¤？§？¨？？a€|？￥？？？？*/

.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;
}

/*？￥a€|？？？¤？？a€”？|？“？？？￥？？？？？|？？？·？￥？？？？？§？？a€？？|？？？？*/
ul.ulone li{margin:0;}



/*？？？|a€“？？？？？μ？￥？¤？′？？？’？¨？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.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;
}

/*？|a€？？？？￥？？？“？¨？？？“？￥？？a€￠？？a？？？？？§a€？？¨？|？？？·？￥？？？？？ˉ？？？’？？a？？？？？§a€？？¨？|？？？·？￥？？？？？￥？？？？？￥？？？a？？？“a？？？？a€？？？？￥？ˉ？1？￥？？a€？？¨？？？“？￥？？a€￠？￥？？？？？¤？1a€°？￥？？？？？￥？o？|？§？-a€°*/
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;
}
/*？？a？？？？？§a€？？¨？|？？？·？￥？？？？？§？？a€？？|？？？？*/
/*？？a？？？？？§a€？？¨？§？？a€？？￥？？？1？￥a€？？o？|？？？§？￥？？？？*/
#nav>li:hover >ul{
    display:block;
    background:#8cd233;
 }
#nav>li >ul{
    display:none;
 }
/*？？a？？？？？§a€？？¨？￥？？？1？￥a€？？o？|？？？§？￥？？？？？§？？a€？？|？？？？*/

/*？？a€？？？？￥？ˉ？1？|a？？？§？§？？a€？？￥？ˉ？1？￥？？a€？？¤？o？’？§？o？§？¨？？？“？￥？？a€￠？￥？？？？？¤？1a€°？￥？¤？§？￥？°？？*/
/*？？？￠a€？？¨？-？|*/
.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;}
/*？¨？μa€？？¨？？？ˉ*/
.nav-zx li:first-child{
   margin-left: 104px;
}
/*？§？§a€？？|a？￠？？*/
.nav-kp li:first-child{
   margin-left: 480px;
}
/*？￥？¤？？？|？°a€？*/
.nav-tq li:first-child{
  margin-left:100px;
}
    /*？|？“？？？￥？？？？*/
 .nav-fw li:first-child{
  margin-left:47px;
}
    /*？¤？oa€？？￥？？？¨*/
.nav-hd li:first-child{
  margin-left:624px;
}

/*？？？|a€“？？？？？μ？￥？¤？′？？？’？¨？|？？？·？￥？？？？？§？？a€？？|？？？？*/

/*？|？¨？a？￥？1a€|？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
.ad-tip{
  background:#EC3D28;
  height: 82px;
  line-height: 82px;
  margin: 0 auto;
  width: 1000px;
  margin-bottom: 10px;
  margin-top: -10px;
  opacity: 0.80;
}
.ad-tip-left{
  color: #fff;
  float: left;
  font-size: 30px;
  margin:0 50px;
}
.ad-tip-left img{
  vertical-align: middle;
  width: 67px;
  height:67px;
  margin-top:-7px;
  margin-right:20px;
}
.ad-tip-right{
  color: #fff;
  float: right;
  font-size: 12px;
  height: 60px;
  margin-right:20px;
  margin-top:10px;
}
.ad-tip-right span{
  display: block;
  height: 21px;
  line-height: 43px;
  
}
.ad-tip span{
  color:#fff;
  letter-spacing:1px;
}
.ad-tip-right span a{
  color:#fff;
}
/*？|？¨？a？￥？1a€|？|？？？·？￥？？？？？§？？a€？？|？？？？*/
.header-img-ad{
  margin-left: 28px;
  margin-top: -11px;
  vertical-align: top;
}




.index_tools {
    width:100%;
    height:120px;
    background-color:#389fee;
    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: 20px;
    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: 10px;
    padding-right: 10px;
    font-size: 14px;
    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: 20px;
    left: 0;
}
.tools-sub-topic a{
  color:#fff;
}
div.footer{
    width:100%;
    /* float: left; */
    /* margin-top: 66px; */
    /* background: #e6f3fb; */
    position:static;
}

.footer_info{
    width: 700px;
    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{
    font-size: 12px;
    color: #737373;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 30px;
}
.contact>span{
    margin:3px 10px;
}
.contact .phone{
    color: #188eee;
}
.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: 350px;
            margin-top:20px;
        }
          .module5{
            height: 384px;
            margin-top:20px;
        }
        .module6{
            height: 270px;
            margin-top:40px;
        }
        .module6-left{
            width: 310px;
            float: left;
        }
        .module6-right{
            width: 660px;
            float: right;
        }
        .module7{
            height: 440px;
            margin-top: 20px;
        }
        .module7-left{
            width: 100%;
            /* 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: 60px;
	}
.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: Arial;
    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: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: 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: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, 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";
/*？￥？¤？？？|？°a€？？？？￠a€？？|？？？￥？|？？？·？￥？？？？？￥？？a？？？￥？§a€1*/
/*
  ？￥？？？？？￥？o？|300？ˉ？？？’？？？？？？？￥？o？|520
*/
body{
	font-family:"？￥？？？？？¨？？？ˉ？？a€oa€|？？？？a€？";
	width: 100%;
}
.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:"？￥？？？？？¨？？？ˉ？？a€oa€|？？？？a€？"
}

.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}