* {
    padding: 0;
    margin: 0;
    list-style: none;
}
html,body {
    width: 100%;
}
/*html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}*/
a {

    text-decoration: none;
    color: #333;
}
a:hover {
    color: #21878b;
}
body {
    font-family: 'Microsoft Yahei';
    /* font-weight: lighter; */
    /*background: url(../images/foot_bg.png) bottom center no-repeat;*/
    font-size: 14px;
    color: #333;
    /*background: url(../images/bg.png);*/
    background: #f4f3f3;
    position: relative;
}
.wrap {
    width: 1200px;
    margin: 0 auto;
}
.top {
    height: 360px;
}
.nav {
    /*background: #21878b;*/
    background: #fff;
    height: 44px;
    line-height: 44px;
}
.nav ul li {
    line-height: 42px;
    float: left;
    /*border-right: #ae2720 1px solid;
    border-left: #ee4037 1px solid;*/
    position: relative;
}

.nav ul li dl {
    display: none;
}
.nav ul li dl {
    position: absolute;
    left: 0;
    top:44px;
    /*background: rgba(0, 0, 0, 0.4); */
    background: #fff;
    /*background: rgba(255, 255, 255, 0.4); */
    z-index: 999;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 0 10px 0;
}
.nav ul li dl dd {
    line-height: 1 !important;
    padding: 5px 0;
    text-align: center;
    width: 142px;
    border-bottom: #ddd 1px solid;
}
.nav ul li dl dd a {
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    text-align: center;
    /*border-bottom: #ddd 1px dashed;*/
    
}
.nav ul .cur, .nav ul li:hover {
    background: #21878b !important;
}
.nav ul .cur a, .nav ul li:hover a {
    color: #fff;
}
.nav ul li:hover dl dd a {
    color: #000 !important;
}
.nav ul li a {
    color: #000;
    padding: 0 35px;
    font-size: 18px;
}
/*.nav ul li a:hover {
    color: #fff005;
}*/
.info {
    background: #f4f4f4;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    margin-bottom: 10px;
    overflow: hidden;
}
.info .time {
    background: url(../images/time_icon.png) 15px 10px no-repeat;
    padding-left: 35px;
    float: left;
}
#fancybox-frame {
    padding: 5px 0 0 0;
    float: left;
    margin-left: 20px;
}
.mt10 {
    margin-top: 10px;
}
.footer {
    line-height: 26px;
    padding: 15px 0;
    color: #333;
    border-top: 2px #21878b solid;
    background: url(../images/foot_bg.png) left no-repeat;
}
.fnav {
    width: 870px;
    margin: 0 auto;
}
.fnav ul li {
    float: left;
}
.fnav ul li a {
    color: #f9f9f9;
    padding: 0 15px;
}
.footer a {
    color: #f9f9f9;
}
.gaj {
    background: url(../images/gaj.png) 2px 0 no-repeat;
    padding-left: 30px;
    margin-left: 10px;
    height: 20px;
}
/*.scroll {
    width: 1180px;
    margin: 0 auto;
}*/
.whitebg {
    background: #fff;
    overflow: hidden;
}
.top img {
    width: 100%;
}
/* flexslider */
.flexslider{position:relative;height:360px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:360px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(images/next.png) center center no-repeat;}

.search-wrap {
    width: 230px;
    float: right;
    padding: 8px 0 0 0;
}
.ip1 {
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    border: #dcbc6e 1px solid;
    float: left;
}
.ip2 {
    height: 22px;
    width: 40px;
    text-align: center;
    float: left;
    background: #21878b;
    color: #fff;
    border: none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.flink a {
    color: #333;
    padding-right: 15px;
}
.footer .wrap {
    position: relative;
}
.footer .wrap .wechat {
    position: absolute;
    height: 100px;
    width: 100px;
    right: 50px;
    top: 20px;
}
.xc1 {
    width: 160px;
    height: 250px;
    position: fixed;
    top: 400px;
    left: 0;
}
.xc2 {
    width: 160px;
    height: 250px;
    position: fixed;
    top: 400px;
    right: 0;
}