﻿@charset "utf-8";/* CSS Document */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, input, ruby, section, summary, time, mark, audio, video{border:0;margin:0px;padding:0px;}
body, button, input, select, textarea{font:14px/22px 'Microsoft Yahei', Helvetica, Arial, STXihei, SimSun, sans-serif; color: #fff;}
body{height:100%;background:url(bg.jpg);margin:0 auto;padding:0 0;min-width:1190;width:auto !important;width:1190px;overflow:visible;}
body{background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;}

a{-webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    -ms-transition:all 300ms;
    transition:all 300ms;
    color:#fff;cursor:pointer;text-decoration:none;outline:none/* for FF Chrome */;}
a:hover{color:#D2232A;text-decoration:none;}
a:focus{outline:0;}
a,area {blr:expression(this.onFocus=this.blur())} /* for IE */
:focus {-moz-outline-style:none;} /* for Firefox */

img{-ms-interpolation-mode:bicubic;border:0;}
ul, li, ul li{list-style-type:none;}
button, input, select, textarea{font-size:100%;}
button{background:none;border:0 none;cursor:pointer;}
input, label{line-height:18px;vertical-align:middle;}
label{display:inline-block;vertical-align:baseline;}
select{line-height:18px;}
table{border-collapse:collapse;border-spacing:0;}
hr{border:none;*color:#fff;height:1px;}

input,button, select{outline:none;}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus{border-color: #D2232A;}

table{border-collapse:collapse;border-spacing:0;}
table tr,table tr td{border:none 0;}
th{text-align:inherit;}
table tr td, table tr th {empty-cells: show;}

.clb:after{visibility:hidden;display:block;content:" ";clear:both;}
.clb{zoom:1; clear:both;}
.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear{zoom:1;clear:both;}/* for IE6 IE7 */

/*common*/
.webwidth{width:768px;margin:0 auto;}
.pos_a{position:absolute;}
.pos_r{position:relative;}
.fl{float:left;}
.fr{float:right;}
.pointer{cursor:pointer;}
.dis_bl{display:block;overflow:hidden;}
.fixed{position:fixed;}

h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:12px;}
.red{color:#d2232a;}
/*----------------------头部  开始----------------------*/
.header{width:100%;border-bottom:1px solid #ebebeb;top:0;box-shadow:0 0 3px rgba(150,150,150,.2);background:#fff;z-index:2;display: block;overflow: hidden;}
.logo img{height: 26px;margin: 15px 15px;}
.searchbox{margin-top: 10px;}
.searchbox .search_btn{width:100px;height:36px;line-height:34px;background:#d9534f;z-index:0;outline:0;font-size:16px;color:#fff;margin-left: 10px;}
.searchbox .search_btn:hover{background:#d2232a;}
.searchbox .imgupload{width:100px;height:36px;line-height:34px;text-align:center;background:#3385FF;color:#fff;cursor:pointer;font-size:16px;z-index:1;}
.searchbox .imgupload:hover{background:#0061F2;}
.searchbox .file{height: 34px;line-height: 34px;border:1px solid #ebebeb;background: #fff;}
.header p{clear: both;line-height: 30px;color: #999;margin-left: 15px;margin-bottom: 10px;}
.header p b{font-weight: normal;color: #3a3a3a;}
/*----------------------头部  结束----------------------*/

.ewm{text-align: center;width: 120px;margin-left: 15px;}
.ewm{line-height: 36px;font-size: 16px;}
.ewm img{height: 120px;}

.wrapper{margin: 15px 15px;min-width: 400px;padding:15px 0;display: block;overflow: hidden;}
.wrapper .img img{height: 110px;display: block;overflow: hidden;}
.wrapper .txt{padding: 6px 0 0 20px;}
.wrapper .red{font-size: 18px;}

.pic_list{display: block;overflow: hidden;}
.pic_list h3{font-weight: normal;font-size: 18px;margin-left: 15px;display: block;overflow: hidden;height: 36px;line-height: 36px;color: blue;}
.pic_list h3 b{color:#d2232a;padding: 0 10px;}
.pic_list ul li{height: 137px;float: left;padding-top: 15px;padding-left: 15px;}
.pic_list ul li img{/* height: 137px; */display: block;overflow: hidden;}
.pic_list ul li img:hover{-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.2);
    -ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.2);
    -o-box-shadow:0 0 16px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 16px rgba(0, 0, 0, 0.2);}

@media screen and (max-width:1920px) {
    .webwidth{width:768px;margin:0 auto;}
    .searchbox{margin-left:0;}
    .imgupload{margin-top:0;}
    .search_btn{margin-top:0;}
    .pic_list ul li{height: 200px;float: left;padding-top: 15px;padding-left: 50px;width: 26%;}
    .pic_list ul li img{width: 210px;height: 180px;display: block;overflow: hidden;}
}

@media screen and (max-width:640px) {
    .webwidth{width:640px;margin:0 auto;}
    .searchbox{margin-left: 15px;}
}

@media screen and (max-width:580px) {
    .webwidth{width:580px;margin:0 auto;}
    .searchbox{margin-left: 15px;}
}

@media screen and (max-width:540px) {
    .webwidth{width:540px;margin:0 0;}
    .searchbox{margin-left: 15px;}
    .imgupload{margin-top: 10px;}
    .search_btn{margin-top: 10px;}
    .wrapper .txt{padding:10px 0 0 0;}
    .wrapper .guess-card .fl{float: none;}
    .logo.fl{float: none;}
    .searchbox{width: 320px;}
    .searchbox.fl{float: none;}
    .searchbox .fl{float: none;}
}

@media screen and (max-width:480px) {
    .webwidth{width:480px;margin:0 0;}
    .searchbox{margin-left: 15px;}
    .imgupload{margin-top: 10px;}
    .search_btn{margin-top: 10px;}
    .wrapper .txt{padding:10px 0 0 0;}
    .wrapper .guess-card .fl{float: none;}
    .logo.fl{float: none;}
    .searchbox{width: 320px;}
    .searchbox.fl{float: none;}
    .searchbox .fl{float: none;}
}

@media screen and (max-width:360px) {
    .webwidth{width:360px;margin:0 0;}
    .searchbox{margin-left: 15px;}
    .imgupload{margin-top: 10px;}
    .search_btn{margin-top: 10px;}
    .wrapper .txt{padding:10px 0 0 0;}
    .wrapper .guess-card .fl{float: none;}
    .logo.fl{float: none;}
    .searchbox{width: 320px;}
    .searchbox.fl{float: none;}
    .searchbox .fl{float: none;}
}

@media screen and (max-width:320px) {
    .webwidth{width:320px;margin:0 0;}
    .searchbox{margin-left: 15px;}
    .imgupload{margin-top: 10px;}
    .search_btn{margin-top: 10px;}
    .wrapper .txt{padding:10px 0 0 0;}
    .wrapper .guess-card .fl{float: none;}
    .logo.fl{float: none;}
    .searchbox{width: 320px;}
    .searchbox.fl{float: none;}
    .searchbox .fl{float: none;}
}