﻿/*全局样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ background:#b9b9b9;font:12px Verdana, Simsun, Helvetica, Arial, sans-serif;color:#555;}

fieldset, img{border:0;}
/*表单中的字体属性与表单以外的不一致，需要单独定义*/
input, label, select, option, textarea, button, fieldset, legend{font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif;}
ul{list-style:none;}
img{ display:block;}


/*-------------------------------------------重置样式----------------------------------*/
.w1200{ width:1200px; margin:0 auto;}
.bold{ font-weight:bold;}
.no_bold{ font-weight:normal;}
/*连接样式*/
a{ color:#484848; text-decoration:none;}
a:hover{ text-decoration:none; color:#e71f19;}

a.red{ color:#ce0000; text-decoration:none;}
a.red:hover{ text-decoration:underline;color:#ce0000;}

a.blue{ color:#004e91; text-decoration:none;}
a.blue:hover{ text-decoration:underline;color:#004e91;}

a.oranage{ color:#eb6204; text-decoration:none;}
a.oranage:hover{ text-decoration:underline;color:#eb6204;}


/*浮动样式*/
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{ display:block; content:''; visibility:hidden; height:0px; clear:both;}
.clearfix{ zoom:1;}

/*-------------------------------------------首页样式开始----------------------------------*/

/*头部样式开始*/
.top_bg{ background:#000; height:490px;}
.top_list{ width:1200px; margin:0px auto;}
/*----------------------------------搜索框-----------------------------*/
/* reset webkit search input browser style */
.search-user{ margin-top:60px; margin-bottom:5px;}
.search-user input { outline: none; }
.search-user input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; }
.search-user input::-webkit-search-decoration, input::-webkit-search-cancel-button {
 display: none; /* remove the search and cancel icon */
}
/* search input field */
.search-user input[type=search] { background: url(../images/search-icon.png) no-repeat right center; border:none; padding: 9px 10px 9px 32px; width: 100px; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.search-user input[type=search]:focus { width: 160px; background-color: #fff; border: solid 1px #6dcff6; -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5); -moz-box-shadow: 0 0 5px rgba(109,207,246,.5); box-shadow: 0 0 5px rgba(109,207,246,.5); }

/* placeholder */
.search-user input:-moz-placeholder {
 color: #999;
}
.search-user input::-webkit-input-placeholder {
 color: #999;
}
/* demo B */
#demo-b input[type=search] { background:url(../images/search-icon.png) no-repeat 8px center; width:29px; padding-left: 10px; color: transparent; cursor: pointer; border: solid 1px #000; }
#demo-b input[type=search]:hover {}
#demo-b input[type=search]:focus { width: 130px; padding-left:45px; color: #000; background-color: #fff; cursor: auto; }
#demo-b input:-moz-placeholder {
 color: transparent;
}
#demo-b input::-webkit-input-placeholder {
 color: transparent;
}



/*头部样式结束*/





/*菜单样式开始*/
/*menu*/
.menu { width:650px; margin:0px auto; }
.menu ul.nav { float:right;}
.menu ul.nav li { font-family: "微软雅黑"; font-size:16px; float:left; position:relative;}
.menu ul.nav li span { font-size:12px; font-family:'reefbold'; color:#e71f19; }
.menu ul.nav li a { padding:3px 15px; color:#999;}
.menu ul.nav li a.current, .menu ul.nav li a:hover { color:#fff; -webkit-transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -ms-transition:color .2s ease-in-out; transition:color .2s ease-in-out; }
.menu ul.nav li .xuanting { position:absolute; z-index:999; top:21px; left:-50px; padding-top:15px; display:none; width:220px;}
.menu ul.nav li .xuanting .sanjiao_icon { position:absolute; z-index:999; top:0px; left:40%; height:18px; background: url(../images/hong_icon.png) no-repeat top center; width:24px; }
.menu ul.nav li .xuanting ul { line-height:30px; padding:0px; background:#fff; overflow:hidden; }
.menu ul.nav li .xuanting ul li { text-align:center;color:#cccccc; overflow:hidden; padding:0px 15px; margin:0px; width:190px;}
.menu ul.nav li .xuanting ul li:hover { }
.menu ul.nav li .xuanting ul li a { display:block; text-align:center; height:35px; line-height:35px; color:#333; width:100%; padding:0px; border-bottom:1px solid #ccc; }
.menu ul.nav li .xuanting ul li a:hover,ul.subnav li .xuanting ul li a:hover {color:#F00; border-bottom:1px solid #000; }
/*sub_nav*/

.submenu { width:1200px; margin:0px auto; }
ul.subnav { clear:both; width:760px; margin-top:15px; position:relative; z-index:1002; }
ul.subnav li { font-family:'reefbold'; font-size:25px; float:left; display:inline-block; position:relative; z-index:9999; }
ul.subnav li span { font-size:20px; font-family:'reefbold'; color:#fff; }
ul.subnav li a { padding:0px 28px; color:#666666; }
ul.subnav li a.logos { background:url(../images/sub_logo.png) no-repeat left center; width:105px; display:inline-block; text-indent:-9999px; }
ul.subnav li.current a, .submenu ul.subnav li a:hover { color:#fff; -webkit-transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -ms-transition:color .2s ease-in-out; transition:color .2s ease-in-out; }
ul.subnav li .xuanting { position:absolute; z-index:9999; top:30px; left:0px; padding-top:15px; background:red; overflow:hidden;}
ul.subnav li .xuanting .sanjiao_icon { position:absolute; z-index:10; top:0px; left:40%; height:18px; background: url(../images/hong_icon.png) no-repeat top center; width:24px; }
ul.subnav li .xuanting ul { line-height:30px; padding:0px; background:#fff; overflow:hidden; color:#fff;}
ul.subnav li .xuanting ul li { text-align:left; color:#cccccc; padding:0px 15px; margin:0px; }
ul.subnav li .xuanting ul li a { display:block; text-align:left; height:35px; line-height:35px; color:#ccc; padding:0px 25px; border-bottom:1px solid #ccc; white-space:nowrap; }
ul.subnav li .xuanting ul li a:hover{ border-bottom:1px solid #000;}


/*菜单样式结束*/



/*焦点图样式开始*/
.con{ margin:-315px auto 0px auto; width:1200px;}
/*焦点图样式结束*/



/*底部样式开始*/
/*footer*/
.footer { width:1100px; margin:40px auto;}
.foot_left { margin-right:-40px; }
.foot_left dl { float:left; border-right:1px solid #000; padding-right:40px; margin-right:40px; }
.foot_left dl dt { font-size:16px; font-family:"微软雅黑"; text-transform:uppercase; color:#000000; margin-bottom:15px;}
.foot_left dl dd { font-size:14px; line-height:27px; padding-left:26px;}
.foot_left dl dt.d1 { background:url(../images/footer_icon.png) no-repeat 0 0; padding-left:26px; }
.foot_left dl dt.d2 { background:url(../images/footer_icon.png) no-repeat left -23px; padding-left:26px; }
.foot_left dl dt.d3 { background:url(../images/footer_icon.png) no-repeat left -48px; padding-left:26px; }
.foot_left dl dt.d4 { background:url(../images/footer_icon.png) no-repeat left -74px; padding-left:26px; }
.foot_left dl dt.d5 { background:url(../images/footer_icon.png) no-repeat left -102px; padding-left:26px; }
.foot_left dl dt.d6 { background:url(../images/footer_icon.png) no-repeat left -129px; padding-left:26px; }
.foot_left dl dt.d7 { background:url(../images/footer_icon.png) no-repeat left -155px; padding-left:26px; }
.foot_left dl dd a { color:#000000; }
.foot_left dl dd a:hover { text-decoration:underline; }
.foot_right { padding-top:20px; }
.fenxiang { height:40px; overflow:hidden; margin-top:20px;}
.fenxiang a { float:left; display:block; height:40px; text-indent:-10000px;}
.fenxiang a.facebook { width:45px; background: url(../images/footer_fenxiang.png) no-repeat 0px 0px; }
.fenxiang a.twitter { width:45px; background:url(../images/footer_fenxiang.png) no-repeat -45px 0px; }
.fenxiang a.in { width:45px; background:url(../images/footer_fenxiang.png) no-repeat -90px 0px; }
.fenxiang a.email { width:55px; background:url(../images/footer_fenxiang.png) no-repeat -140px 0px; }

/*底部样式结束*/

/*flickr style*/
    div#flickrpager {
        padding-right: 3px;
        padding-left: 3px;
        padding-bottom: 3px;
        margin: 3px;
        padding-top: 3px;
        text-align: center;
        clear: both;
    }
div#flickrpager a {border: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; padding-left: 6px; padding-bottom: 2px;  color: #0061de; margin-right: 3px; padding-top: 2px; text-decoration: none}
div#flickrpager a:hover {border: #000 1px solid;background-image: none; color: #fff;background-color: #0061de}
div#flickrpager a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de}
div#flickrpager span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px}
div#flickrpager a.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px}

/*badoo style*/
    div#badoopager {
        padding-right: 0px;
        padding-left: 0px;
        font-size: 13px;
        padding-bottom: 10px;
        color: #48b9ef;
        padding-top: 10px;
        font-family: arial, helvetica, sans-serif;
        text-align: center;
        clear: both;
    }
div#badoopager a {border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; border-left: #f0f0f0 2px solid; color: #48b9ef; padding-top: 2px; border-bottom: #f0f0f0 2px solid; text-decoration: none}
div#badoopager a:hover {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager a:active {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager span.current {border-right: #FF6D06 2px solid; padding-right: 5px; border-top: #FF6D06 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #FF6D06 2px solid; color: #fff; padding-top: 2px; border-bottom: #FF6D06 2px solid; background-color: #ff6c16}
div#badoopager a.disabled {display: none}
div#badoopager input[type=text]{width:30px}