/*base*/
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background: #f6f6f6
}
body {
min-width: 1200px
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Geneva, Microsoft YaHei, "Helvetica Neue", Helvetica, sans-serif;
font-size: 14px;
color: #585858;
-webkit-font-smoothing: antialiased;
}
ol, ul {
list-style: none;
}
h1, h2, h3, h4, h5, h6, button, dd, dt, dl {
margin: 0px;
padding: 0
}
h1, h2, h3, h4, h5, h6, button, .btn {/*clear:both;*/
font-size: 14px;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
_display: block;
}
form, input, select;, textarea, td, th {
font-size:12px;
}
img {
border: none;
}
em, i {
font-style: normal
}
li {
list-style-type: none;
}
button, input {
height: auto;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
textarea {
background: none repeat scroll 0 0 #ffffff;
resize: none;
}
/*link style*/
/*link style*/
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #1E50A1;
}
.text-overflow {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.m {
margin: auto;
width: 1200px;
clear: both;
}
.warp {
margin: auto;
width: 1200px;
clear: both;
overflow: hidden
}
.w1200 {
margin: auto;
width: 1200px;
clear: both;
/*margin-top: 15px;*/
}
.top {
background: white;
position: relative;
height: 100px;
padding: 10px 0
}
/*顶部区域*/
.head {
background: #f7f7f7;
width: 100%;
height: 35px;
font-size: 12px;
color: #333;
border-bottom: #eee 1px solid
}
.head_m {
margin: auto;
width: 1200px;
position: relative
}
.head_l {
float: left;
line-height: 35px;
}
.head_r {
float: right;
}
.head_r .login {
padding-top: 9px
}
.head_r .login a {
padding: 0px 12px;
line-height: 14px;
height: 14px;
border-right: #dadada 1px solid;
display: block;
float: left;
color: #ff5200
}
.head_r .tel {
line-height: 35px;
font-size: 14px;
background: url(img/tel.png) no-repeat left center;
background-size: 20px 20px;
padding-left: 25px;
color: #ff5200;
font-weight: bold;
margin-left: 15px
}
.userCon {
display: flex;
}
.userCon .down {
position: relative;
z-index: 5;
}
.userCon .down:after {
content: "";
background: #dadada;
width: 1px;
height: 12px;
right: 0;
position: absolute;
top: 10px
}
.userCon .down .level {
display: flex;
align-items: center;
margin: 0;
justify-content: center;
padding: 0 12px;
position: relative;
z-index: 3;
line-height: 35px
}
.userCon .down .level:before {
content: '';
width: 100%;
height: 35px;
top: 0;
left: 0;
position: absolute;
z-index: -1;
}
.userCon .down .level i {
width: 6px;
height: 6px;
border: 1px #aaa solid;
border-right-width: 0;
border-bottom-width: 0;
display: inline-block;
margin-left: 7px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
margin-top: -4px;
}
.userCon .down .down-menu {
position: absolute;
width: 100%;
left: 0;
box-shadow: 0 2px 6px 0 rgba(193, 200, 199, 0.43);
background: #fff;
margin-top: -100px;
padding-top: 8px;
padding-bottom: 10px;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
display: block;
min-width: auto;
border: 0;
border-radius: 0;
}
.userCon .down .down-menu li a {
margin: 0;
display: block;
padding-left: 15px;
line-height: 25px;
}
.userCon .down:hover {
box-shadow: 0 2px 6px 0 rgba(193, 200, 199, 0.43);
}
.userCon .down:hover .level {
color: #1E50A1;
opacity: 1;
}
.userCon .down:hover .level i {
border-left-width: 0;
border-top-width: 0;
margin-top: 2px;
border-right-width: 1px;
border-bottom-width: 1px;
}
.userCon .down:hover .down-menu {
margin-top: 0px;
visibility: visible;
opacity: 1;
}
.logo {
width: 400px;
position: relative;
height: 60px;
overflow: hidden;
padding: 15px 0
}
.logo img {
float: left
}
.modname {
font-size: 20px;
margin-top: 30px
}
.slogo {
float: left;
margin-top: 5px
}
.head_search {
float: left;
height: 40px;
margin-top: 27px;
position: relative;
}
.search_i {
width: 440px;
font-size: 12px;
height: 38px;
line-height: 38px;
padding: 0px 0 0 10px;
color: #666666;
background: url('image/spacer.gif');
border: #1E50A1 2px solid;
border-left: none;
border-right: none
}
.search_i:focus {
outline: none;
}
.search_m {
width: 80px;
cursor: default;
font-size: 12px;
height: 38px;
line-height: 38px;
color: #333;
border: #1E50A1 2px solid;
float: left;
border-right: none;
text-indent: 12px
}
.search_s {
width: 80px;
height: 42px;
font-size: 14px;
line-height: 42px;
border: none;
text-align: center;
margin: 0;
cursor: pointer;
color: white;
background: linear-gradient(to right, #FF9900, #1E50A1);
float: right
}
.dropdown {
position: relative;
z-index: 1;
width: 80px;
float: left;
}
.dropdown .level {
position: relative;
}
.dropdown .level i {
width: 5px;
height: 5px;
border: 1px #aaa solid;
border-right-width: 0;
border-bottom-width: 0;
display: inline-block;
margin-left: 7px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
margin-top: -4px;
position: absolute;
right: 8px;
top: 19px;
}
.dropdown .dropdown-menu {
position: absolute;
width: 100%;
left: 2px;
top: 40px;
box-shadow: 0 2px 6px 0 rgba(193, 200, 199, 0.43);
background: #fff;
margin-top: 0px;
padding-bottom: 10px;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
display: block;
min-width: auto;
border: 0;
border-radius: 0;
padding-top: 5px
}
.dropdown .dropdown-menu li {
margin: 0;
display: block;
line-height: 25px;
font-size: 12px;
padding-left: 10px;
cursor: pointer
}
.dropdown .dropdown-menu li:hover {
color: #1E50A1;
font-weight: bold
}
.dropdown:hover .level {
color: #006953;
opacity: 1;
}
.dropdown:hover .level i {
border-left-width: 0;
border-top-width: 0;
margin-top: 2px;
border-right-width: 1px;
border-bottom-width: 1px;
}
.dropdown:hover .dropdown-menu {
margin-top: 0px;
visibility: visible;
opacity: 1;
}
.weixin {
position: absolute;
z-index: 1000;
width: 120px;
float: right;
top: 5px;
right: 0px
}
.weixin .level {
text-align: center
}
.weixin .level p {
padding-bottom: 5px
}
.weixin .weixin-menu {
position: absolute;
width: 100%;
right: 5px;
top: 20px;
box-shadow: 0 2px 6px 0 rgba(193, 200, 199, 0.43);
background: #fff;
margin-top: -100px;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
display: block;
min-width: auto;
border: 0;
text-align: center;
border-radius: 0;
padding: 10px;
}
.weixin:hover .weixin-menu {
margin-top: 0px;
visibility: visible;
opacity: 1;
}
#search_tips {
z-index: 1000;
position: absolute;
width: 446px;
overflow: hidden;
cursor: pointer;
margin: 78px 0 0 480px;
font-size: 14px;
line-height: 20px;
color: #666666;
background: #FFFFFF;
border: #1E50A1 2px solid;
padding-top: 8px;
}
#search_tips div {
height: 20px;
padding: 3px 8px 3px 10px;
clear: both;
overflow: hidden;
}
#search_tips div span {
float: right;
font-size: 12px;
}
#search_tips label {
display: block;
width: 100%;
background: #f5f5f5;
font-size: 12px;
line-height: 26px;
color: #ff7200;
text-align: right;
}
.search_t_div_1 {
color: #333333;
}
.search_t_div_1 span {
color: #008000;
}
.search_t_div_2 {
background: #3366CC;
color: #FFFFFF;
}
.search_t_div_2 span {
color: #FFFFFF;
}
/*è´ç‰©è½¦*/
.grid-car {
width: 120px;
margin-right: 50px;
float: right;
padding: 10px;
margin-top: 15px;
font-size: 14px;
background: #f7f7f7;
color: #000;
border-radius: 5px;
border: #dadada 1px solid;
padding-left: 15px;
}
.grid-car i {
margin-right: 10px;
color: #1E50A1;
font-size: 16px
}
.grid-car:hover {
background: #1E50A1;
border: #1E50A1 1px solid;
}
.grid-car:hover span {
color: #fff;
}
.grid-car:hover i {
color: #fff;
}
.grid-car span {
float: left;
margin-right: 6px;
}
.grid-car em {
color: white;
font-weight: bold;
margin-left: 4px;
background: #1E50A1;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
border-radius: 100%;
display: block;
overflow: hidden
}
/* form style */
.cdx-form {
width: 1140px;
overflow: hidden;
padding: 30px 30px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
background: white;
margin: 0px auto;
font-size: 14px;
}
.cdx-form input {
border: #e3e3e3 1px solid;
padding: 7px
}
.cdx-form select {
border: #e3e3e3 1px solid;
padding: 6px
}
.cdx-form input.adr {
margin-top: -4px
}
.cdx-box {
width: 1140px;
overflow: hidden;
padding: 20px 30px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
background: white;
margin: 0px auto;
font-size: 14px;
}
/* pages */
.pages {
padding: 24px 0;
text-align: center;
font-size: 12px;
/*color: #fff;*/
clear: both;
}
.pages a:link, .pages a:visited, .pages a:active {
background: #FFFFFF;
border: #eee 1px solid;
padding: 6px;
text-decoration: none;
}
.pages a:hover {
background: #258CFF;
border: #258CFF 1px solid;
color: #FFFFFF;
padding: 6px;
text-decoration: none;
}
.pages strong {
background: #258CFF;
padding: 6px;
border: #258CFF 1px solid;
color: #FFFFFF;
}
.pages_inp {
width: 32px;
border: #eee 1px solid;
color: #666666;
padding: 4px;
text-align: center;
}
.pages_btn {
width: 32px;
border: #1d5ed6 1px solid;
color: #FFFFFF;
padding: 4px 6px;
background: #1d5ed6;
font-weight: bold;
font-size: 11px;
}
.pages label {
background: #FFFFFF;
border: #eee 1px solid;
color: #666666;
padding: 6px 6px;
}
.pages label em {
color: red;
font-weight: bold;
font-style: normal;
}
.pages label span {
font-weight: bold;
}
.pages cite {
font-style: normal;
}
/*分类列表*/
.selectList {
background: #fff;
margin-bottom: 20px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.09);
}
.selectList dl {
padding: 10px 80px 10px 80px;
line-height: 30px;
border-bottom: 1px solid #eee;
overflow: hidden;
}
.selectList dl: last-child {
border-bottom: #fff 0px solid;
}
.selectList dl dt {
position: absolute;
width: 70px;
left: 20px;
top: 12;
text-align: left;
margin: 0;
font-size: 14px;
}
.selectList dl dd a {
color: #266eab;
line-height: 30px;
margin-left: 20px;
display: inline-block;
}
.selectList dl dd a:hover {
text-decoration: none
}
.selectList dl dd {
height: 30px;
overflow: hidden;
}
.selectList dl dd.showMore {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
.selectList dl dd.showMore h3 {
line-height: normal;
padding: 5px 8px;
background: #f7f7f7;
border: 1px solid #eee;
font-size: 12px;
text-align: center;
font-weight: normal;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
border-radius: 3px;
}
.selectList dl dd.showMore h3 i {
background: none;
float: none;
display: inline-block;
font-size: 12px;
}
.selectList dl dd.showMore h3:hover {
color: #1E50A1;
border: #1E50A1 solid 1px;
background: #fbeaed;
}
.selectList dl dd a.on {
font-weight: bold
}
/*å…责声明*/
.state {
height: auto;
margin: 0 auto;
margin-top: 20px;
background: #fff;
padding: 0px 20px 20px;
color: #999;
line-height: 22px
}
.state dt {
font-size: 16px;
line-height: 40px;
padding: 5px 0px;
font-weight: normal;
color: #000;
overflow: hidden;
border-bottom: #eee 1px solid
}
.state dt:before {
content: "";
background: #1E50A1;
float: left;
margin-right: 10px;
height: 16px;
width: 3px;
margin-top: 12px;
}
.state b {
color: #333
}
.state p {
margin-top: 10px;
font-size: 12px
}
.state p a {
color: #1E50A1;
font-weight: bold
}
.state p a:hover {
text-decoration: underline
}
/* table */
.tb {
width: 100%;
}
.tb th {
background: #EEEEEE;
}
.tb td {
border-bottom: #EEEEEE 1px solid;
}
.tb tr:hover {
background: #F3F3F3;
}
.tf {
width: 100%;
}
.tf td {
border-top: #F0F0F0 1px solid;
}
.tf tr:hover {
background: #F4F4F4;
}
.tf .tl {
width: 100px;
text-align: right;
}
.btns {
padding: 20px 20px 20px 150px;
}
.thumb {
padding: 6px 0;
}
.thumb img {
border: #eee 1px solid;
padding: 2px;
}
.thumb li {
height: 22px;
line-height: 22px;
overflow: hidden;
}
.thumbml ul {
margin: 10px 0 15px 0;
}
.imb img {
border: #eee 1px solid;
padding: 3px;
}
/* album */
#mid_pos {
position: absolute;
}
#mid_div {
width: 400px;
height: 300px;
cursor: crosshair;
text-align: center;
}
#mid_div img {
height: 100%;
}
#zoomer {
border: #333333 1px solid;
width: 120px;
height: 90px;
background: #FFFFFF url('image/zoom_bg.gif');
position: absolute;
opacity: 0.5;
filter: alpha(opacity=50);
}
#big_div {
width: 400px;
height: 400px;
border: #CCCCCC 1px solid;
background: #FFFFFF;
position: absolute;
overflow: hidden;
z-index: 1000
}
#big_pic {
position: absolute;
}
.tbs {
width: 414px;
height: 56px;
margin: 20px 0;
}
.tbs img {
cursor: pointer;
}
.tbsl {
width: 32px;
height: 56px;
float: left;
}
.tbsr {
width: 20px;
height: 56px;
float: left;
}
.tbsm {
width: 348px;
height: 56px;
float: left;
overflow: hidden;
}
.ab_zoom {
width: 30px;
height: 30px;
background: url('image/ab-zoom.png') no-repeat center center;
position: absolute;
z-index: 5;
margin: 270px 0 0 -30px;
}
.ab_play {
width: 48px;
height: 48px;
border-radius: 50%;
background: #FFFFFF url('image/ab-play.png') no-repeat center center;
position: absolute;
z-index: 7;
margin: -160px 0 0 176px;
}
.ab_play:hover {
background: #FFFFFF url('image/ab-play-on.png') no-repeat center center;
cursor: pointer;
}
.ab_hide {
width: 30px;
height: 30px;
background: url('image/ab-hide.png') no-repeat center center;
position: absolute;
z-index: 12;
margin: -300px 0 0 370px;
display: none;
}
.ab_hide:hover {
background: url('image/ab-hide-on.png') no-repeat center center;
cursor: pointer;
}
.ab_video {
width: 400px;
height: 300px;
border: #000000 1px solid;
background: #000000;
position: absolute;
z-index: 10;
margin: -302px 0 0 0;
display: none;
}
.ab_im {
padding: 2px;
margin: 0 14px 0 0;
border: #C0C0C0 1px solid;
float: left;
width: 50px;
height: 50px;
}
.ab_on {
padding: 2px;
margin: 0 14px 0 0;
border: #FF6600 1px solid;
float: left;
width: 50px;
height: 50px;
background: #FF6600;
}
/* ads */
.adword table {
background: url('image/adword_bg.gif') repeat-x 0 bottom;
}
.adword_tip {
color: #FF1100;
border-bottom: #eee 1px solid;
padding: 8px 10px 8px 28px;
background: url('image/arrow_up.gif') no-repeat 10px 8px;
}
.sponsor {
margin-bottom: 10px;
}
/* basic */
/*common*/
.b1 {
height: 1px;
font-size: 1px;
clear: both;
width: 100%;
overflow: hidden
}
.b5 {
height: 5px;
font-size: 1px;
clear: both;
width: 100%;
overflow: hidden
}
.b6 {
height: 6px;
font-size: 1px;
clear: both;
width: 100%;
overflow: hidden
}
.b8 {
height: 8px;
font-size: 1px;
clear: both;
width: 100%;
overflow: hidden
}
.b10 {
height: 10px;
font-size: 1px;
clear: both;
width: 100%;
overflow: hidden
}
.newb10 {
clear: both;
width: 100%;
}
.b15 {
height: 15px;
font-size: 1px;
clear: both;
width: 100%;
overflow: hidden
}
.b20 {
height: 20px;
font-size: 1px;
clear: both;
width: 100%;
overflow: hidden
}
.b25 {
height: 25px;
font-size: 1px;
clear: both;
width: 100%;
overflow: hidden
}
.b30 {
height: 25px;
font-size: 1px;
clear: both;
width: 100%;
overflow: hidden
}
.mt8 {
margin-top: 8px;
}
.mt10 {
margin-top: 10px;
}
.mt1 {
margin-top: 20px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt25 {
margin-top: 25px
}
.mt30 {
margin-top: 30px
}
.f_l {
float: left
}
.f_r {
float: right
}
.t_l {
text-align: left;
}
.t_r {
text-align: right;
}
.t_c {
text-align: center;
}
.f_b {
font-weight: bold;
}
.f_n {
font-weight: normal;
}
.f_white {
color: white;
}
.f_gray {
color: #666666;
}
.f_orange {
color: #1d5ed6;
}
.f_red {
color: red;
}
.f_green {
color: green;
}
.f_blue {
color: blue;
}
.f_dblue {
color: #1E50A1;
}
.f_price {
font-weight: bold;
font-family: Arial;
color: #FF0000;
}
.px12 {
font-size: 12px;
}
.px14 {
font-size: 14px;
}
.px16 {
font-size: 16px;
}
.px18 {
font-size: 18px;
}
.bd-t {
border-top: #eee 1px solid;
}
.bd-b {
border-bottom: #eee 1px solid;
}
.lh18 {
line-height: 180%;
}
.ls1 {
letter-spacing: 1px;
}
.c_p {
cursor: pointer;
}
.c_b {
clear: both;
}
.o_h {
overflow: hidden;
}
.dsn {
display: none;
}
.absm {
vertical-align: middle;
}
.btn_s {
background: #2388FA;
color: #FFFFFF;
border: none;
padding: 2px;
letter-spacing: 1px;
}
.btn_r {
background: #D7D7D7;
color: #666666;
border: none;
padding: 2px;
letter-spacing: 1px;
}
.highlight {
color: red;
}
.jt {
color: #003278;
cursor: pointer;
}
.np {
padding: 20px 30px 20px 50px;
line-height: 25px;
}
.lazy {
background: #FAFAFA url('image/loading.gif') no-repeat center center;
}
.slide {
background: #FAFAFA;
overflow: hidden;
}
/* position */
.nav {
padding: 0 10px 15px 22px;
height: 24px;
line-height: 24px;
background: url('image/ico-nav.png') no-repeat 0px 3px;
font-size: 14px;
color: #FFF
}
.nav a {
color: #fff
}
.nav div {
float: right;
}
.nav i {
font-style: normal;/*color:#fff;*/
padding: 0 0px;
font-family: simsun;
}
.nav em {
font-style: normal;/*color:#fff;*/
padding: 0 10px;
font-size: 12px;
}
/*.nav a{color:#fff}
.nav a:hover{color:#fff}*/
/* show */
.title {
height: 48px;
line-height: 48px;
text-align: center;
font-weight: bold;
font-size: 22px;
padding: 0;
margin: 0;
}
.title_trade {
font-weight: bold;
font-size: 22px;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: #eee 1px solid;
}
.info {
padding: 16px;
background: #F2F2F2;
}
.introduce {
margin: 20px 0;
padding: 20px;
line-height: 180%;
font-size: 16px;
background: #F2F2F2;
border-left: #eee 2px solid;
}
.content {
font-size: 16px;
line-height: 200%;
padding: 16px;
}
.content p {
text-indent: 2em;
line-height: 25px
}
.content a:link, .content a:visited, .content a:active {
color: #225588;
text-decoration: underline;
}
.content a:hover {
color: #1d5ed6;
text-decoration: none;
}
.property {
border: #E6E6E6 1px solid;
background: #F6F6F6;
padding: 10px;
margin: 0 10px 0 10px;
}
.property li {
float: left;
width: 30%;
height: 22px;
line-height: 22px;
overflow: hidden;
}
.detail {
background: url('image/arrow.gif') no-repeat 0 9px;
border-bottom: #C0C0C0 1px dotted;
padding: 8px 0 8px 20px;
margin: 0 15px 0 15px;
}
.related {
padding: 10px 16px;
line-height: 32px;
}
.related a {
font-size: 14px;
}
.keylink {
font-weight: normal;
padding: 0 3px 0 3px;
}
.share {
width: 20px;
height: 20px;
cursor: pointer;
}
.share:hover {
width: 24px;
height: 24px;
}
.award {
padding: 32px;
text-align: center;
}
.award div {
width: 80px;
height: 44px;
line-height: 44px;
font-size: 20px;
font-weight: bold;
letter-spacing: 2px;
margin: auto;
background: #FFFFFF;
color: #E94657;
border: #E94657 2px solid;
border-radius: 10px;
cursor: pointer;
}
.award div:hover {
background: #E94657;
color: #FFFFFF;
}
#comment_main div {
height: 100px;
background: url('image/loading.gif') no-repeat center center;
}
/* search */
.fsearch {
padding: 5px 0 10px 15px;
margin: 1px 1px 0 1px;
background: #F5FAFE url('image/fsearch_bg.gif') repeat-x;
;
}
.sch {
padding: 15px 20px 5px 20px;
margin-bottom: 10px;
}
.sch p {
padding: 10px 10px 10px 10px;
font-size: 13px;
margin: 0;
}
.sch_find {
border-top: #eee 1px solid;
border-bottom: #EEEEEE 1px solid;
margin: 5px 0 5px 0;
padding: 5px 0 5px 5px;
font-weight: bold;
}
.sch_site li {
background: url('image/ico_search.gif') no-repeat 3px 3px;
height: 23px;
line-height: 23px;
overflow: hidden;
padding: 0 5px 0 25px;
color: #666666;
}
.sch_relate li {
background: url('image/arrow_up.gif') no-repeat 3px 3px;
height: 23px;
line-height: 23px;
overflow: hidden;
padding: 0 5px 0 25px;
color: #666666;
}
.rank_list {
background: url('image/rank_list.gif') no-repeat;
}
.rank_list li {
height: 23px;
line-height: 23px;
overflow: hidden;
padding: 0 5px 0 35px;
}
.ppt {
padding: 1px 15px 1px 35px;
line-height: 25px;
}
.ppt_l {
width: 60px;
font-weight: bold;
}
.ppt_r {
color: #DFDFDF;
}
.ppt span {
padding: 1px;
background: #2E6AB1;
border: #1D589E 1px solid;
color: #FFFFFF;
}
/* sell && buy && company */
.contact_head {
height: 44px;
line-height: 44px;
border: #eee 1px solid;
background: white;
padding: 0 16px;
font-weight: bold;
font-size: 16px;
}
.contact_body {
padding: 10px;
border: #eee 1px solid;
border-top: none;
margin-bottom: 16px;
}
.contact_body li {
line-height: 24px;
border-bottom: #E2E2E2 1px solid;
padding: 6px 10px;
}
.contact_body li span {
color: #1B4C7A;
padding: 0 8px 0 0;
}
.type {
height: 31px;
line-height: 31px;
overflow: hidden;
border-top: #eee 1px solid;
background: #EEEEEE;
padding-left: 35px;
}
a.type_1:link, a.type_1:visited, a.type_1:active, a.type_1:hover {
float: left;
display: block;
padding: 0 15px 0 15px;
background: #FFFFFF;
color: #000000;
font-weight: bold;
}
a.type_2:link, a.type_2:visited, a.type_2:active {
float: left;
display: block;
padding: 0 15px 0 15px;
border-right: #E2F0FB 1px solid;
}
a.type_2:hover {
background: #258CFF;
color: #FFFFFF;
}
.img_tip {
width: 200px;
z-index: 1000;
position: absolute;
padding: 5px;
border: #eee 1px solid;
background: #FFFFFF;
}
.vote {
padding: 10px;
}
.vote div {
font-weight: bold;
}
.vote li {
padding: 3px 0 3px 0;
}
.vote p {
margin: 5px 0 5px 0;
}
.sort {
line-height: 45px;
border-bottom: #eee 1px solid;
font-size: 14px;
padding-left: 20px;
}
.sort-k {
width: 80px;
padding-left: 10px;
font-weight: bold;
float: left;
overflow: hidden;
}
.sort-v {
width: 850px;
float: left;
}
.sort-v li {
float: left;
padding: 0 10px;
}
.sort-v .on {
}
.sort-v .on a {
color: #1E50A1
}
.sort-v i {
font-style: normal;
padding-left: 2px;
color: #999999;
font-size: 12px;
}
.sort-v b {
padding: 0 20px;
}
.sort-v input {
padding: 5px 5px;
border: #e3e3e3 1px solid;
border-radius: 2px;
}
.sort-v select {
height: 26px;
width: 110px;
padding: 0 0 0 5px;
border: 1px solid #e3e3e3;
color: #555;
}
.sort-v .btn-blue, .sort-v .btn {
padding: 0;
line-height: 28px;
width: 80px;
margin-right: 20px;
}
.list {
line-height: 180%;
}
.list:hover {
background: #F2F2F2;
}
.list div img {
border: #eee 1px solid;
}
.list table {
width: 100%;
border-bottom: #eee 1px solid;
}
.list td {
padding: 10px 0 10px 0;
}
.list h3 {
font-size: 14px;
margin: 0px;
height: 22px;
overflow: hidden;
}
.user-info {
height: 64px;
padding: 20px;
box-shadow: 0px 0px 15px #dadada;
background: white;
overflow: hidden;
border-radius: 10px;
}
.user-info img {
width: 64px;
height: 64px;
border-radius: 50%;
float: left;
margin-right: 20px;
}
.user-info ul {
float: right;
width: 175px;
margin-top: 4px;
}
.user-info li {
height: 28px;
line-height: 28px;
overflow: hidden;
}
.user-info strong {
font-size: 16px;
}
.user-info em {
font-size: 14px;
font-style: normal;
float: right;
}
.user-info i {
font-style: normal;
color: #999999;
padding: 0 6px;
}
.head-txt {
padding: 10px 15px;
line-height: 28px;
background: white;
overflow: hidden;
clear: both;
}
.head-txt strong {
font-size: 18px;
border-left: #1E50A1 3px solid;
text-indent: 10px;
display: block;
height: 16px;
line-height: 16px;
margin-top: 5px;
color: #333;
}
.head-txt span {
float: right;
font-size: 14px;
color: #999999;
}
.head-txt i {
font-style: normal;
font-weight: bold;
padding: 0 2px;
font-family: simsun;
}
.head-sub {
padding: 10px 15px;
line-height: 28px;
background: white;
overflow: hidden;
clear: both;
}
.head-sub strong {
font-size: 16px;
border-left: #1E50A1 3px solid;
text-indent: 10px;
display: block;
height: 16px;
line-height: 16px;
margin-top: 5px;
font-weight: normal;
color: #000
}
.head-sub span {
float: right;
font-size: 14px;
color: #999999;
}
.head-sub i {
font-style: normal;
font-weight: bold;
padding: 0 2px;
font-family: simsun;
}
.list-txt {
padding: 10px;
background: white;
overflow: hidden;
clear: both;
margin-bottom: 15px;
border-top: #eee 1px solid
}
.list-txt li {
height: 32px;
line-height: 32px;
overflow: hidden;
font-size: 14px;
background: url('image/li_dot.gif') no-repeat 6px center;
padding: 0 16px 0 16px;
}
.list-txt .f_r {
font-size: 12px;
color: #666666;
}
.list-rank {
padding: 10px;
background: white;
overflow: hidden;
clear: both;
margin-bottom: 15px;
border-top: #eee 1px solid
}
.list-rank li {
height: 32px;
line-height: 32px;
font-size: 14px;
padding: 0 6px;
overflow: hidden;
}
.list-rank .f_r {
float: right;
font-size: 12px;
color: #666666;
padding-left: 10px;
}
.list-rank em {
font-size: 26px;
font-style: normal;
color: #F34540;
padding-right: 10px;
font-family: Georgia;
}
.list-rank i {
font-size: 18px;
font-style: normal;
color: #999999;
padding-right: 14px;
font-family: Georgia;
}
.tool {
padding: 24px 0;
text-align: center;
border-top: #F5F5F5 1px solid;
}
.tool i {
font-style: normal;
font-size: 14px;
color: #555555;
height: 24px;
line-height: 24px;
padding: 5px 28px;
cursor: pointer;
}
.tool b {
font-weight: normal;
font-size: 12px;
}
.tool .like {
background: url('image/tool-like.png') no-repeat 0 center;
}
.tool .like:hover {
background: url('image/tool-like-on.png') no-repeat 0 center;
color: #FF6600;
}
.tool .hate {
background: url('image/tool-hate.png') no-repeat 0 center;
}
.tool .hate:hover {
background: url('image/tool-hate-on.png') no-repeat 0 center;
color: #FF6600;
}
.tool .report {
background: url('image/tool-report.png') no-repeat 0 center;
}
.tool .report:hover {
background: url('image/tool-report-on.png') no-repeat 0 center;
color: #FF6600;
}
.tool .favorite {
background: url('image/tool-favorite.png') no-repeat 0 center;
}
.tool .favorite:hover {
background: url('image/tool-favorite-on.png') no-repeat 0 center;
color: #FF6600;
}
.tool .comment {
background: url('image/tool-comment.png') no-repeat 0 center;
}
.tool .comment:hover {
background: url('image/tool-comment-on.png') no-repeat 0 center;
color: #FF6600;
}
.tool .award {
background: url('image/tool-award.png') no-repeat 0 center;
}
.tool .award:hover {
background: url('image/tool-award-on.png') no-repeat 0 center;
color: #FF6600;
}
.tool .share {
background: url('image/tool-share.png') no-repeat 0 center;
}
.tool .share:hover {
background: url('image/tool-share-on.png') no-repeat 0 center;
color: #FF6600;
}
.xuanze {
color: #FF6600 !important;
background: url('image/tool-like-on.png') no-repeat 0 center;
}
.xuanzef {
background: url('image/tool-favorite-on.png') no-repeat 0 center;
color: #FF6600 !important;
}
.ui-ico-time, .ui-ico-hits, .ui-ico-info, .ui-ico-play, .ui-ico-pics, .ui-ico-down, .ui-ico-comm, .ui-ico-area, .ui-ico-user, .ui-ico-none, .ui-ico-sort, .ui-ico-like, .ui-ico-hate, .ui-ico-delete, .ui-ico-quote, .ui-ico-report, .ui-ico-price {
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #999999;
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 10px 0 20px;
}
.ui-ico-time {
background: url('image/ico-time.png') no-repeat 0 center;
}
.ui-ico-hits {
background: url('image/ico-hits.png') no-repeat 0 center;
}
.ui-ico-info {
background: url('image/ico-info.png') no-repeat 0 center;
}
.ui-ico-play {
background: url('image/ico-play.png') no-repeat 0 center;
}
.ui-ico-pics {
background: url('image/ico-pics.png') no-repeat 0 center;
}
.ui-ico-down {
background: url('image/ico-down.png') no-repeat 0 center;
}
.ui-ico-area {
background: url('image/ico-area.png') no-repeat 0 center;
}
.ui-ico-user {
background: url('image/ico-user.png') no-repeat 0 center;
}
.ui-ico-comm {
background: url('image/ico-comm.png') no-repeat 0 center;
cursor: pointer;
}
.ui-ico-comm:hover {
background: url('image/ico-comm-on.png') no-repeat 0 center;
color: #FF6600;
}
.ui-ico-like {
background: url('image/ico-like.png') no-repeat 0 center;
cursor: pointer;
}
.ui-ico-like:hover {
background: url('image/ico-like-on.png') no-repeat 0 center;
color: #FF6600;
}
.ui-ico-hate {
background: url('image/ico-hate.png') no-repeat 0 center;
cursor: pointer;
}
.ui-ico-hate:hover {
background: url('image/ico-hate-on.png') no-repeat 0 center;
color: #FF6600;
}
.ui-ico-sort {
background: url('image/ico-sort.png') no-repeat 0 center;
cursor: pointer;
}
.ui-ico-sort:hover {
background: url('image/ico-sort-on.png') no-repeat 0 center;
color: #FF6600;
}
.ui-ico-delete {
background: url('image/ico-delete.png') no-repeat 0 center;
cursor: pointer;
}
.ui-ico-delete:hover {
background: url('image/ico-delete-on.png') no-repeat 0 center;
color: #FF6600;
}
.ui-ico-quote {
background: url('image/ico-quote.png') no-repeat 0 center;
cursor: pointer;
}
.ui-ico-quote:hover {
background: url('image/ico-quote-on.png') no-repeat 0 center;
color: #FF6600;
}
.ui-ico-report {
background: url('image/ico-report.png') no-repeat 0 center;
cursor: pointer;
}
.ui-ico-report:hover {
background: url('image/ico-report-on.png') no-repeat 0 center;
color: #FF6600;
}
.ui-ico-price {
color: #FF0000;
padding: 0;
font-size: 14px;
}
.ui-fr {
float: right;
}
.ui-toast {
height: 48px;
line-height: 48px;
overflow: hidden;
display: inline-block;
padding: 0 16px;
background: #000000;
opacity: 0.8;
filter: alpha(opacity=80);
color: #FFFFFF;
border-radius: 6px;
position: fixed;
z-index: 99;
top: 40%;
left: 48%;
font-size: 16px;
}
/* album */
.cdx-album {
width: 400px;
height: 500px;
z-index: 1000;
}
#mid_pos {
position: absolute;
}
#mid_div {
width: 400px;
height: 400px;
cursor: crosshair;
background: #F2F2F2;
border: 1px solid #e6e6e6;
}
#zoomer {
width: 160px;
height: 120px;
background: #FFFFFF url('image/ab-zoom-bg.gif');
position: absolute;
z-index: 6;
opacity: 0.5;
filter: alpha(opacity=50);
}
#big_div {
width: 500px;
height: 473px;
border: #DDDDDD 1px solid;
background: #FFFFFF;
position: relative;
overflow: hidden;
right: -410px;
top: -495px;
z-index: 10000
}
#big_pic {
position: absolute;
}
.tbs {
width: 414px;
height: 56px;
margin: 20px 0;
}
.tbs img {
cursor: pointer;
}
.tbsl {
width: 32px;
height: 56px;
float: left;
}
.tbsr {
width: 20px;
height: 56px;
float: left;
margin-left: -7px;
}
.tbsm {
width: 350px;
height: 56px;
float: left;
overflow: hidden;
}
.ab_zoom {
width: 30px;
height: 30px;
background: rgba(0,0,0,.6) url(img/ab-zoom.png) no-repeat center center;
position: absolute;
z-index: 5;
margin: 370px 0 0 -30px;
background-size: 20px;
}
.ab_play {
width: 48px;
height: 48px;
border-radius: 50%;
background: url(img/ab-play.png) no-repeat center center;
position: absolute;
z-index: 7;
margin: -223px 0 0 176px;
}
.ab_play:hover {
background: url(img/ab-play-on.png) no-repeat center center;
cursor: pointer;
}
.ab_hide {
width: 40px;
height: 40px;
background: url(img/ab-hide.png) no-repeat center center;
position: absolute;
z-index: 12;
margin: -390px 0 0 350px;
display: none;
background-size: 40px;
}
.ab_hide:hover {
background: url(img/ab-hide.png) no-repeat center center;
cursor: pointer;
background-size: 40px;
opacity: .6;
}
.ab_video {
width: 400px;
height: 400px;
border: #eee 1px solid;
background: #fff;
position: absolute;
z-index: 10;
margin: -402px 0 0 0;
display: none;
}
.ab_im {
padding: 2px;
margin: 0 14px 0 0;
border: #e6e6e6 1px solid;
float: left;
width: 50px;
height: 50px;
}
.ab_on {
padding: 2px;
margin: 0 14px 0 0;
border: #FF6600 1px solid;
float: left;
width: 50px;
height: 50px;
background: #FF6600;
}
video {
height: 400px!important;
}
.shenqing {
width: 110px;
height: 40px;
background-color: #ff9f00;
font-size: 18px;
color: #fff;
border: none;
border-radius: 2px;
text-align: center;
}
.footbg {
width: 100%;
background: #0f0c0c;
overflow: hidden;
padding: 40px 0 40px;
margin-top: 20px;
}
.foot_top {
width: 1200px;
margin: 0 auto;
overflow: hidden;
border-bottom: 1px solid #272323;
padding-bottom: 30px;
}
.foot_top ul li {
width: 210px;
float: left;
margin-left: 33px;
border-right: 1px solid #272323;
height: 90px;
}
.foot_top ul li a {
display: block;
color: #7f7f7f;
line-height: 30px;
}
.foot_top ul .bott_logo {
margin-left: 15px;
width: 209px;
}
.foot_top ul .bott_logo img {
margin-top: 20px
}
.foot_top ul .fontlogo {
border-right: none;
}
.foot {
width: 1200px;
margin: 0 auto;
color: #d1c5c5;
padding: 17px 0 0;
text-align: center;
}
.foot a {
padding-right: 26px;
color: #d1c5c5;
}
.foot p {
margin-top: 13px;
}
.foot p span {
color: #7f7f7f;
font-size: 12px;
margin-right: 26px;
}
.box_head {
border: 0px solid #ebebeb;
background: #ffffff;
border-bottom: #ebebeb 1px solid;
height: 40px;
line-height: 40px;
overflow: hidden;
padding: 0 10px 0 10px;
}
.box_head div i {
width: 4px;
height: 16px;
background: #E70012;
float: left;
margin-top: 13px;
}
.box_head strong {
font-size: 18px;
font-weight: 500;
padding-left: 8px;
font-weight: bold;
}
.box_body {
border: 0px solid #ebebeb;
border-top: none;
background-color: #ffffff;
font-size: 14px;
}
.box_body li {
height: 28px;
line-height: 28px;
white-space: nowrap;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.box_body li a {
color: #333;
}
.box_body li em {
margin-right: 8px;
padding: 0px 5px;
}
.box_y {
background: red;
color: #fff;
}
.box_n {
background: #ddd;
color: #333;
}
.category_comment {
padding: 0 0 30px 0;
}
.xuanzhong {
padding: 0 10px;
margin-right: 10px;
font-size: 14px;
color: #fff !important;
text-align: center;
line-height: 24px;
border: 1px solid #f79333;
background: #f79333;
}
.titleBar1 {
display: inline-block;
position: relative;
font-size: 18px;
width: 80px;
}
.titleBar1:after {
content: "";
transition: all .3s;
display: inline-block;
border-style: solid;
border-width: 9px 9px 0 0;
border-color: transparent #ccc;
transform: rotate(45deg);
position: absolute;
right: 23px;
top: 6px;
}
.titleBar1:hover:after {
border-color: transparent #ccc;
transform: rotate(225deg);
top: 10px;
}
.title1 {
display: none;
position: absolute;
font-size: 14px;
background: #f6f7f8;
border-radius: 3px;
}
.title1 p {
line-height: 25px;
border-bottom: #CCC dashed 1px;
padding: 2px 10px;
}
.titleBar1:hover .title1 {
display: block;
}
.sjrz{ width:1160px; float:left; background:#fff; padding:20px; padding-bottom:40px;}
.sjrz_left{ width:600px; float:left}
.sjrz_left h2{ font-size:20px; font-weight:300; padding-bottom:20px; line-height:30px;}
.sjrz_right{width:400px; float:right;font-size:20px; line-height:36px; padding-top:100px;}
.sjrz1{ width:1180px; float:left; background:#f3f7f9; padding-top:10px; padding-left:20px;padding-bottom:30px;}
.sjrz2{ width:1200px; float:left; background:url(images/email_bg.png) no-repeat !important;}
.sjrz3{ width:1000px; float:left; padding:40px 100px; padding-bottom:40px; color:#fff}
.strengths_tit {
margin-top: 20px;
text-align: center;
font-size: 22px;
line-height: 27px;
height: 27px;
color: #474747; margin-bottom:20px;
}
.apt_con{margin-top: 30px; width: 1200px;height: 220px;}
.apt_con ul li{position: relative;float: left;margin-right: 20px; text-align: center; width: 275px;overflow: hidden;}
.box ul li:nth-child(4n){ margin-right:0px;}
.apt_con ul li .apt_img{width: 275px;height: 190px;transition: 1s;}
.apt_con ul li .apt_p{position: absolute;bottom: 0; width: 100%;height: 48px;line-height: 48px;font-size: 16px;background-color: rgba(0,0,0,.5);color: #fff;}
.apt_con ul li:hover .apt_img{transform: scale(1.1);}
.ptzc{margin-top: 10px;}
.ptzc ul li{position: relative;float: left;margin-right: 20px; text-align: center; width: 275px;overflow: hidden;}
.ptzc ul li:nth-child(4n){ margin-right:0px;}
.ptzc ul li img{width: 150px;height: 150px;transition: 1s;}
.ptzc ul li p{bottom: 0; width: 100%;line-height: 48px;font-size: 16px; }
.email_content {
width: 400px;
padding-left: 15px;
border: 1px solid #ccc;
background-color: #fff;
box-sizing: border-box;
border-radius: 3px;
color:#787878;
outline: none; height:36px; margin-bottom:20px
}
.email_btn {
display: block;background-color:rgba(255,255,255,0.1);
margin-top: 10px;
width: 160px;
height: 43px;
border: 1px solid #fff;
line-height: 43px;
color: #fff;
box-sizing: border-box;
border-radius: 5px;
text-align: center;
cursor: pointer;
font-size: 18px;
}
.noice{ line-height:32px; color:#900; text-align:right}