@charset "utf-8";
/* CSS Document */

*,*:before,*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html,body {
  min-height: 100%;
  font-size:12px; color:#555;
}

@media only screen and (min-width:1200px) and (max-width:1400px){
html,body{font-size:14px;}
}
@media only screen and (min-width:1400px) and (max-width:1600px){
html,body{font-size:15px;}
}
@media only screen and (min-width:1600px){
html,body{font-size:16px;}
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
b,strong {
  font-weight: bold;
}
small {
  font-size: 80%;
}
img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  border: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
button,input,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,input {
  line-height: normal;
}
button,select {
  text-transform: none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
button[disabled],html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,th {
  padding: 0;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
  position: relative;
  background: #fff;
  font-family: Arial, "Microsoft YaHei";
  font-weight: normal;
  line-height: 1.8;
  color: #333333;
  font-size:1rem;
}
/*body{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}   防COPY*/
body,input,textarea,select,button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
}
a {
  color: #555; text-decoration: none; cursor:pointer;
  blr:expression(this.onFocus=this.blur()); outline:none; }
a:focus {
  outline: none;
}
ul,li,ol,dd,dt,p{list-style:none; padding:0; margin:0;}
h1,h2,h3,h4,h5 {
  margin: 0 0 1.6rem 0;
  font-weight: 400;
  font-size: 100%;
}
button,input:not([type="radio"]):not([type="checkbox"]),select {
  vertical-align: middle;
}
.clear{clear:both;}
.inner{width:90%; max-width:1600px; min-width:900px; margin:0 auto; position:relative;}
.oneline{width:100%;}
.gray{background:#f2f2f2;}

/*! for icons */
@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
.glyphicon{position:relative;font-family:"Microsoft YaHei", 'Glyphicons Halflings'; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.glyphicon-asterisk:before{content:"\2a"}
.glyphicon-plus:before{content:"\2b"}
.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}
.glyphicon-minus:before{content:"\2212"}
.glyphicon-cloud:before{content:"\2601"}
.glyphicon-envelope:before{content:"\2709"}
.glyphicon-pencil:before{content:"\270f"}
.glyphicon-glass:before{content:"\e001"}
.glyphicon-music:before{content:"\e002"}
.glyphicon-search:before{content:"\e003"}
.glyphicon-heart:before{content:"\e005"}
.glyphicon-star:before{content:"\e006"}
.glyphicon-star-empty:before{content:"\e007"}
.glyphicon-user:before{content:"\e008"}
.glyphicon-film:before{content:"\e009"}
.glyphicon-th-large:before{content:"\e010"}
.glyphicon-th:before{content:"\e011"}
.glyphicon-th-list:before{content:"\e012"}
.glyphicon-ok:before{content:"\e013"}
.glyphicon-remove:before{content:"\e014"}
.glyphicon-zoom-in:before{content:"\e015"}
.glyphicon-zoom-out:before{content:"\e016"}
.glyphicon-off:before{content:"\e017"}
.glyphicon-signal:before{content:"\e018"}
.glyphicon-cog:before{content:"\e019"}
.glyphicon-trash:before{content:"\e020"}
.glyphicon-home:before{content:"\e021"}
.glyphicon-file:before{content:"\e022"}
.glyphicon-time:before{content:"\e023"}
.glyphicon-road:before{content:"\e024"}
.glyphicon-download-alt:before{content:"\e025"}
.glyphicon-download:before{content:"\e026"}
.glyphicon-upload:before{content:"\e027"}
.glyphicon-inbox:before{content:"\e028"}
.glyphicon-play-circle:before{content:"\e029"}
.glyphicon-repeat:before{content:"\e030"}
.glyphicon-refresh:before{content:"\e031"}
.glyphicon-list-alt:before{content:"\e032"}
.glyphicon-lock:before{content:"\e033"}
.glyphicon-flag:before{content:"\e034"}
.glyphicon-headphones:before{content:"\e035"}
.glyphicon-volume-off:before{content:"\e036"}
.glyphicon-volume-down:before{content:"\e037"}
.glyphicon-volume-up:before{content:"\e038"}
.glyphicon-qrcode:before{content:"\e039"}
.glyphicon-barcode:before{content:"\e040"}
.glyphicon-tag:before{content:"\e041"}
.glyphicon-tags:before{content:"\e042"}
.glyphicon-book:before{content:"\e043"}
.glyphicon-bookmark:before{content:"\e044"}
.glyphicon-print:before{content:"\e045"}
.glyphicon-camera:before{content:"\e046"}
.glyphicon-font:before{content:"\e047"}
.glyphicon-bold:before{content:"\e048"}
.glyphicon-italic:before{content:"\e049"}
.glyphicon-text-height:before{content:"\e050"}
.glyphicon-text-width:before{content:"\e051"}
.glyphicon-align-left:before{content:"\e052"}
.glyphicon-align-center:before{content:"\e053"}
.glyphicon-align-right:before{content:"\e054"}
.glyphicon-align-justify:before{content:"\e055"}
.glyphicon-list:before{content:"\e056"}
.glyphicon-indent-left:before{content:"\e057"}
.glyphicon-indent-right:before{content:"\e058"}
.glyphicon-facetime-video:before{content:"\e059"}
.glyphicon-picture:before{content:"\e060"}
.glyphicon-map-marker:before{content:"\e062"}
.glyphicon-adjust:before{content:"\e063"}
.glyphicon-tint:before{content:"\e064"}
.glyphicon-edit:before{content:"\e065"}
.glyphicon-share:before{content:"\e066"}
.glyphicon-check:before{content:"\e067"}
.glyphicon-move:before{content:"\e068"}
.glyphicon-step-backward:before{content:"\e069"}
.glyphicon-fast-backward:before{content:"\e070"}
.glyphicon-backward:before{content:"\e071"}
.glyphicon-play:before{content:"\e072"}
.glyphicon-pause:before{content:"\e073"}
.glyphicon-stop:before{content:"\e074"}
.glyphicon-forward:before{content:"\e075"}
.glyphicon-fast-forward:before{content:"\e076"}
.glyphicon-step-forward:before{content:"\e077"}
.glyphicon-eject:before{content:"\e078"}
.glyphicon-chevron-left:before{content:"\e079"}
.glyphicon-chevron-right:before{content:"\e080"}
.glyphicon-plus-sign:before{content:"\e081"}
.glyphicon-minus-sign:before{content:"\e082"}
.glyphicon-remove-sign:before{content:"\e083"}
.glyphicon-ok-sign:before{content:"\e084"}
.glyphicon-question-sign:before{content:"\e085"}
.glyphicon-info-sign:before{content:"\e086"}
.glyphicon-screenshot:before{content:"\e087"}
.glyphicon-remove-circle:before{content:"\e088"}
.glyphicon-ok-circle:before{content:"\e089"}
.glyphicon-ban-circle:before{content:"\e090"}
.glyphicon-arrow-left:before{content:"\e091"}
.glyphicon-arrow-right:before{content:"\e092"}
.glyphicon-arrow-up:before{content:"\e093"}
.glyphicon-arrow-down:before{content:"\e094"}
.glyphicon-share-alt:before{content:"\e095"}
.glyphicon-resize-full:before{content:"\e096"}
.glyphicon-resize-small:before{content:"\e097"}
.glyphicon-exclamation-sign:before{content:"\e101"}
.glyphicon-gift:before{content:"\e102"}
.glyphicon-leaf:before{content:"\e103"}
.glyphicon-fire:before{content:"\e104"}
.glyphicon-eye-open:before{content:"\e105"}
.glyphicon-eye-close:before{content:"\e106"}
.glyphicon-warning-sign:before{content:"\e107"}
.glyphicon-plane:before{content:"\e108"}
.glyphicon-calendar:before{content:"\e109"}
.glyphicon-random:before{content:"\e110"}
.glyphicon-comment:before{content:"\e111"}
.glyphicon-magnet:before{content:"\e112"}
.glyphicon-chevron-up:before{content:"\e113"}
.glyphicon-chevron-down:before{content:"\e114"}
.glyphicon-retweet:before{content:"\e115"}
.glyphicon-shopping-cart:before{content:"\e116"}
.glyphicon-folder-close:before{content:"\e117"}
.glyphicon-folder-open:before{content:"\e118"}
.glyphicon-resize-vertical:before{content:"\e119"}
.glyphicon-resize-horizontal:before{content:"\e120"}
.glyphicon-hdd:before{content:"\e121"}
.glyphicon-bullhorn:before{content:"\e122"}
.glyphicon-bell:before{content:"\e123"}
.glyphicon-certificate:before{content:"\e124"}
.glyphicon-thumbs-up:before{content:"\e125"}
.glyphicon-thumbs-down:before{content:"\e126"}
.glyphicon-hand-right:before{content:"\e127"}
.glyphicon-hand-left:before{content:"\e128"}
.glyphicon-hand-up:before{content:"\e129"}
.glyphicon-hand-down:before{content:"\e130"}
.glyphicon-circle-arrow-right:before{content:"\e131"}
.glyphicon-circle-arrow-left:before{content:"\e132"}
.glyphicon-circle-arrow-up:before{content:"\e133"}
.glyphicon-circle-arrow-down:before{content:"\e134"}
.glyphicon-globe:before{content:"\e135"}
.glyphicon-wrench:before{content:"\e136"}
.glyphicon-tasks:before{content:"\e137"}
.glyphicon-filter:before{content:"\e138"}
.glyphicon-briefcase:before{content:"\e139"}
.glyphicon-fullscreen:before{content:"\e140"}
.glyphicon-dashboard:before{content:"\e141"}
.glyphicon-paperclip:before{content:"\e142"}
.glyphicon-heart-empty:before{content:"\e143"}
.glyphicon-link:before{content:"\e144"}
.glyphicon-phone:before{content:"\e145"}
.glyphicon-pushpin:before{content:"\e146"}
.glyphicon-usd:before{content:"\e148"}
.glyphicon-gbp:before{content:"\e149"}
.glyphicon-sort:before{content:"\e150"}
.glyphicon-sort-by-alphabet:before{content:"\e151"}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}
.glyphicon-sort-by-order:before{content:"\e153"}
.glyphicon-sort-by-order-alt:before{content:"\e154"}
.glyphicon-sort-by-attributes:before{content:"\e155"}
.glyphicon-sort-by-attributes-alt:before{content:"\e156"}
.glyphicon-unchecked:before{content:"\e157"}
.glyphicon-expand:before{content:"\e158"}
.glyphicon-collapse-down:before{content:"\e159"}
.glyphicon-collapse-up:before{content:"\e160"}
.glyphicon-log-in:before{content:"\e161"}
.glyphicon-flash:before{content:"\e162"}
.glyphicon-log-out:before{content:"\e163"}
.glyphicon-new-window:before{content:"\e164"}
.glyphicon-record:before{content:"\e165"}
.glyphicon-save:before{content:"\e166"}
.glyphicon-open:before{content:"\e167"}
.glyphicon-saved:before{content:"\e168"}
.glyphicon-import:before{content:"\e169"}
.glyphicon-export:before{content:"\e170"}
.glyphicon-send:before{content:"\e171"}
.glyphicon-floppy-disk:before{content:"\e172"}
.glyphicon-floppy-saved:before{content:"\e173"}
.glyphicon-floppy-remove:before{content:"\e174"}
.glyphicon-floppy-save:before{content:"\e175"}
.glyphicon-floppy-open:before{content:"\e176"}
.glyphicon-credit-card:before{content:"\e177"}
.glyphicon-transfer:before{content:"\e178"}
.glyphicon-cutlery:before{content:"\e179"}
.glyphicon-header:before{content:"\e180"}
.glyphicon-compressed:before{content:"\e181"}
.glyphicon-earphone:before{content:"\e182"}
.glyphicon-phone-alt:before{content:"\e183"}
.glyphicon-tower:before{content:"\e184"}
.glyphicon-stats:before{content:"\e185"}
.glyphicon-sd-video:before{content:"\e186"}
.glyphicon-hd-video:before{content:"\e187"}
.glyphicon-subtitles:before{content:"\e188"}
.glyphicon-sound-stereo:before{content:"\e189"}
.glyphicon-sound-dolby:before{content:"\e190"}
.glyphicon-sound-5-1:before{content:"\e191"}
.glyphicon-sound-6-1:before{content:"\e192"}
.glyphicon-sound-7-1:before{content:"\e193"}
.glyphicon-copyright-mark:before{content:"\e194"}
.glyphicon-registration-mark:before{content:"\e195"}
.glyphicon-cloud-download:before{content:"\e197"}
.glyphicon-cloud-upload:before{content:"\e198"}
.glyphicon-tree-conifer:before{content:"\e199"}
.glyphicon-tree-deciduous:before{content:"\e200"}
.glyphicon-cd:before{content:"\e201"}
.glyphicon-save-file:before{content:"\e202"}
.glyphicon-open-file:before{content:"\e203"}
.glyphicon-level-up:before{content:"\e204"}
.glyphicon-copy:before{content:"\e205"}
.glyphicon-paste:before{content:"\e206"}
.glyphicon-alert:before{content:"\e209"}
.glyphicon-equalizer:before{content:"\e210"}
.glyphicon-king:before{content:"\e211"}
.glyphicon-queen:before{content:"\e212"}
.glyphicon-pawn:before{content:"\e213"}
.glyphicon-bishop:before{content:"\e214"}
.glyphicon-knight:before{content:"\e215"}
.glyphicon-baby-formula:before{content:"\e216"}
.glyphicon-tent:before{content:"\26fa"}
.glyphicon-blackboard:before{content:"\e218"}
.glyphicon-bed:before{content:"\e219"}
.glyphicon-apple:before{content:"\f8ff"}
.glyphicon-erase:before{content:"\e221"}
.glyphicon-hourglass:before{content:"\231b"}
.glyphicon-lamp:before{content:"\e223"}
.glyphicon-duplicate:before{content:"\e224"}
.glyphicon-piggy-bank:before{content:"\e225"}
.glyphicon-scissors:before{content:"\e226"}
.glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before{content:"\e227"}
.glyphicon-jpy:before,.glyphicon-yen:before{content:"\00a5"}
.glyphicon-rub:before,.glyphicon-ruble:before{content:"\20bd"}
.glyphicon-scale:before{content:"\e230"}
.glyphicon-ice-lolly:before{content:"\e231"}
.glyphicon-ice-lolly-tasted:before{content:"\e232"}
.glyphicon-education:before{content:"\e233"}
.glyphicon-option-horizontal:before{content:"\e234"}
.glyphicon-option-vertical:before{content:"\e235"}
.glyphicon-menu-hamburger:before{content:"\e236"}
.glyphicon-modal-window:before{content:"\e237"}
.glyphicon-oil:before{content:"\e238"}
.glyphicon-grain:before{content:"\e239"}
.glyphicon-sunglasses:before{content:"\e240"}
.glyphicon-text-size:before{content:"\e241"}
.glyphicon-text-color:before{content:"\e242"}
.glyphicon-text-background:before{content:"\e243"}
.glyphicon-object-align-top:before{content:"\e244"}
.glyphicon-object-align-bottom:before{content:"\e245"}
.glyphicon-object-align-horizontal:before{content:"\e246"}
.glyphicon-object-align-left:before{content:"\e247"}
.glyphicon-object-align-vertical:before{content:"\e248"}
.glyphicon-object-align-right:before{content:"\e249"}
.glyphicon-triangle-right:before{content:"\e250"}
.glyphicon-triangle-left:before{content:"\e251"}
.glyphicon-triangle-bottom:before{content:"\e252"}
.glyphicon-triangle-top:before{content:"\e253"}
.glyphicon-console:before{content:"\e254"}
.glyphicon-superscript:before{content:"\e255"}
.glyphicon-subscript:before{content:"\e256"}
.glyphicon-menu-left:before{content:"\e257"}
.glyphicon-menu-right:before{content:"\e258"}
.glyphicon-menu-down:before{content:"\e259"}
.glyphicon-menu-up:before{content:"\e260"}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}


/*for common*/
#header{background:#fff; height:60px; font-size:1.1rem;}
#header #header_cont{height:60px; z-index:20; position:fixed; top:0; width:100%; left:0; background:#fff;  box-shadow:0 0 3px #999;}
#header_cont #logo{ float:left; width:14%;}
#header_cont #logo img{max-width:100%; display:block;}
#header_cont .bg{background:#e2001a; position:absolute; top:0; left:14%; width:7%; height:60px; opacity:0;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;}
#header_cont #nav{width:42%; height:60px; float:left; position:relative; z-index:2; display:table;}
#header_cont #nav li{display:table-cell; text-align:center;}
#header_cont #nav li a{display:block; line-height:60px;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;}
#header_cont #nav li.curr a{color:#fff;}
#header_cont .user{width:18%; float:right; padding-left:1.5%;}
#header_cont .user.login{ position:relative; line-height:60px;}
#header_cont .user.logout{ position:relative; line-height:60px; text-align:center;}
#header_cont .user.login a{display:block; line-height:60px; height:60px; overflow:hidden;}
#header_cont .user.login .user_pic{width:40px; height:40px; border-radius:20px; display:block; overflow:hidden; margin-right:10px; margin-top:10px; float:left;}
#header_cont .user.login .user_pic img{width:100%; height:100%; display:block;}
#header_cont .user.login .more{ position:absolute; top:59px; left:0; width:100%;}
#header_cont .user.login .more a{ border-top:1px solid #efefef; background:#fff; display:block; line-height:60px; height:60px; padding-left:34%;}
#header_cont .user.login .more a:before{margin-right:20px; color:#c8c8c8; font-size:1.5rem;
position:absolute; left:16%; top:4px;}
#header_cont .user.login .more a:hover{background:#c8c8c8; color:#fff;}
#header_cont .user.login .more a:hover:before{color:#fff;}
#header_cont #search{width:22%; float:right; position:relative;}
#header_cont #search .search{background:#eeeeee; padding:0; width:100%; padding-right:60px; padding-left:10px; height:60px; line-height:60px; border:none;}
#header_cont #search .searchbtn{ height:60px; width:60px; background:url(../images/icon_search.png) no-repeat center; position:absolute; right:0; top:0; border:none;}


#sub_header{ height:60px;}
#sub_header #snav{background:#ececec; text-align:center; height:60px; line-height:60px; position:fixed; top:60px; left:0; width:100%; z-index:18;}
#snav li{display:inline-block; width:120px; text-align:center; font-size:1.1rem;}
#snav li a{display:block;}
#snav li.curr a{border-bottom:6px solid #e2001a; color:#e2001a; line-height:54px; height:57px;}
#snav li a:hover{color:#e2001a;}

#sub_header.recipes{}
.recipes #snav li{ position:relative; width:180px;}
.recipes #snav li a{overflow:hidden;}
.recipes #snav li a:before{position:absolute; right:10px; top:3px;}
.recipes #snav li .more{border-top:6px solid #e2001a; position:absolute; top:54px; left:0; width:100%; display:none; max-height:307px; overflow:auto;}
.recipes #snav li .more a{background:#fff; line-height:50px; height:50px; border-bottom:1px solid #efefef;}
.recipes #snav li .more a:hover{background:#c8c8c8; color:#fff;}
.recipes #snav li .more a.curr{background:#c8c8c8; color:#fff;}

#links{position:fixed; right:0; top:50%; width:60px; margin-top:-120px; background:#fff; z-index:60;}
#links .close{width:60px; height:60px; background:#58585a; cursor:pointer; overflow:hidden;}
#links .close img{ margin:5px; display:block;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;}
#links .close.on img{-webkit-transform: rotate(-225deg);transform: rotate(-225deg);}
#links .more{width:60px;}
#links .more li{height:60px; min-width:60px; text-align:center; display:block; position:relative; cursor:pointer;}
#links .more li.phone{background:url(../images/icon_phone_d.png) no-repeat center;}
#links .more li.phone:hover{background:url(../images/icon_phone.png) no-repeat center #c8c8c8;}
#links .more li.wechat{background:url(../images/icon_wechat_d.png) no-repeat center;}
#links .more li.wechat:hover{background:url(../images/icon_wechat.png) no-repeat center #c8c8c8;}
#links .more li.mail{background:url(../images/icon_mail_d.png) no-repeat center;}
#links .more li.mail:hover{background:url(../images/icon_mail.png) no-repeat center #c8c8c8;}
#links .more li.prog{background:url(../images/icon_prog_d.png) no-repeat center;}
#links .more li.prog:hover{background:url(../images/icon_prog.png) no-repeat center #c8c8c8;}
#links .more li .info{position:absolute; right:60px; top:0; padding:15px 0; background-color:#fff; display:none;}
#links .more li .info p{padding:0 20px; line-height:28px; color:#666; font-size:1.1rem; white-space:nowrap;}
#links .more li.wechat .info{padding:5px;}
#links .more li .info img{max-width:130px;}


#links.top{position:absolute; top:0; right:20%; margin-top:0; background:none;}
#links.top .close{ display:none;}
#links.top .more{width:180px;}
#links.top .more li{float:left;}
#links.top .more li.phone{background:url(../images/icon_phone.png) no-repeat center;}
#links.top .more li.phone:hover{background:url(../images/icon_phone.png) no-repeat center;}
#links.top .more li.wechat{background:url(../images/icon_wechat.png) no-repeat center;}
#links.top .more li.wechat:hover{background:url(../images/icon_wechat.png) no-repeat center;}
#links.top .more li.mail{background:url(../images/icon_mail.png) no-repeat center;}
#links.top .more li.mail:hover{background:url(../images/icon_mail.png) no-repeat center;}
#links.top .more li .info{position:absolute; left:0px; top:68px; line-height:40px; background-color:#fff; display:none; text-align:center;}
#links.top .more li .info:before { 
position: absolute; 
display: inline-block; 
border-bottom: 10px solid #fff;
border-right: 8px solid transparent; 
border-left: 8px solid transparent;
top: -10px; 
content: ''; 
}
#links.top .more li.phone .info{ width:180px; left:0px;}
#links.top .more li.wechat .info{ width:150px; left:-30px;}
#links.top .more li.mail .info{ width:240px; left:-180px;}
#links.top .more li .info p{padding:0 20px; font-size:1.1rem;}
#links.top .more li.phone .info:before{left:22px;}
#links.top .more li.wechat .info:before{left:54px;}
#links.top .more li.mail .info:before{right:20px;}

#totop{position:fixed; right:0; bottom:10%; width:60px; height:60px; background:#f8f9fb; box-shadow:0px 0px 3px #ccc; z-index:90;}
#totop a{background:url(../images/icon_top.png) no-repeat center; display:block; height:60px;}

#footer{background:#c8c8c8; padding-top:20px;}
#footer #fnav{ padding-bottom:30px;}
#footer #fnav .inner{ max-width:1000px; min-width:inherit;}
#fnav .navs{width:18%; margin-right:2%; float:left;}
#fnav .navs li{height:2rem; overflow:hidden;}
#fnav .navs li a{color:#555;}
#fnav .navs li.title{font-size:1.2rem; line-height:3rem; height:3rem; font-weight:600;}
#fnav .infos{width:18%; float:right; text-align:center;}
#fnav .infos .title{background:#e2001a; line-height:2.4rem; display:block; width:100%; float:left; border-radius:1.2rem; color:#fff;}
#fnav .infos .phone{line-height:1.6rem; margin:10px 0;}

#footer .copyright{background:#555; color:#fff; font-size:0.8rem; text-align:center; padding:10px 0;}
#footer .copyright a{color:#fff; padding:0 12px;}
#footer .copyright img{width:30px;}

#login{background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; display:none;}
#login .loginform{width:480px; height:360px; border-radius:3px; position:absolute; z-index:101;
position:fixed; left:50%; top:50%; margin-left:-240px; margin-top:-180px; background:url(../images/logo2.jpg) no-repeat center 30px #fff;}
#login .loginform .close{ position:absolute; top:20px; right:20px; cursor:pointer; width:22px; height:22px; display:block;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear}
#login .loginform .close img{ display:block;}
#login .loginform .close:hover{ -webkit-transform:rotate(270deg);transform:rotate(270deg); }
#login .loginform .inputs{width:282px; margin:0 auto; padding-top:120px;}
#login .loginform .inputs .oneline{height:38px; line-height:38px; border:1px solid #ccc; margin-bottom:10px; background:#fff; padding:0 12px;}
#login .loginform .inputs .red{background:#df0012; color:#fff; border:none;}

#login .loginform .links{width:282px; margin:0 auto; font-size:0.9rem; color:#ccc;}
#login .loginform .links a{color:#ccc;}
#login .loginform .links a:hover{color:#999;}
#login .loginform .links a.right{float:right;}

/*=====================for index==========*/
#index_gif{ position:relative; overflow:hidden;}
#index_gif img{width:100%;}
#index_gif .info{ position:absolute; bottom:32%; right:58%; text-align:center;  font-size:1.75rem;}
#index_gif .info .words{ text-align:center; padding:8px; border:2px solid #fff; margin-bottom:30px; color:#555;
-webkit-animation: dialog 2s infinite linear;animation: dialog 2s infinite ease-in-out;}
#index_gif .info .words p{background:rgba(255,255,255,0.9); padding:20px 40px;}
@-webkit-keyframes dialog {
	0% {-webkit-transform: translate(0,0px);transform: translate(0,0px);}
	80% {-webkit-transform: translate(0,0px);transform: translate(0,0px);}
	85% {-webkit-transform: translate(-10px,0px);transform: translate(-10px,0px)}
	90% {-webkit-transform: translate(10px,0px);transform: translate(10px,0px)}
	95% {-webkit-transform: translate(-10px,0px);transform: translate(-10px,0px);}
	100% {-webkit-transform: translate(0px,0px);transform: translate(0px,0px);}
}
@keyframes dialog {
	0% {-webkit-transform: translate(0,0px);transform: translate(0,0px);}
	80% {-webkit-transform: translate(0,0px);transform: translate(0,0px);}
	85% {-webkit-transform: translate(-10px,0px);transform: translate(-10px,0px)}
	90% {-webkit-transform: translate(10px,0px);transform: translate(10px,0px)}
	95% {-webkit-transform: translate(-10px,0px);transform: translate(-10px,0px);}
	100% {-webkit-transform: translate(0px,0px);transform: translate(0px,0px);}
}
#index_gif .more{background:#e2001a; color:#fff; border-radius:30px; line-height:60px; width:220px; display:inline-block;}


#idx_blocks{}
#idx_blocks .btitle{font-size:1.3rem; color:#e2001a; text-align:center; padding-bottom:10px;}
#idx_blocks ul{}
#idx_blocks li{width:25%; float:left; position:relative; overflow:hidden;}
#idx_blocks li img{ width:100%; display:block;}
#idx_blocks li .hover{ position:absolute; top:0%; left:-100%; width:100%; height:100%; padding-top:23%; text-align:center; color:#fff;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;}
#idx_blocks li .hover .title{font-size:1.5rem; margin-bottom:30px;
/*-webkit-transform: translate(0px,500px);transform: translate(0px,500px);
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;*/}
#idx_blocks li .hover .infos{ height:3rem; line-height:2.0rem; font-size:1.2rem; margin-bottom:10%; 
/*-webkit-transform: translate(0px,500px);transform: translate(0px,500px);
transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
-webkit-transition: all 0.8s linear;
-o-transition: all 0.8s linear;*/}
#idx_blocks li .hover a{background:#fff; padding:4px 22px; font-size:1.1rem; border-radius:2rem; 
/*-webkit-transform: translate(0px,500px);transform: translate(0px,500px);
transition: all 1s linear;
-moz-transition: all 1s linear;
-webkit-transition: all 1s linear;
-o-transition: all 1s linear;*/}
#idx_blocks li .hover a:hover{background:#555; color:#fff;}

#idx_blocks li:hover .hover{left:0%;}
/*#idx_blocks li:hover .title{-webkit-transform: translate(0px,0px);transform: translate(0px,0px);}
#idx_blocks li:hover .infos{-webkit-transform: translate(0px,0px);transform: translate(0px,0px);}
#idx_blocks li:hover a{-webkit-transform: translate(0px,0px);transform: translate(0px,0px);}*/

#idx_blocks li:nth-child(1) .hover{background:rgba(58,110,183,0.9);}
#idx_blocks li:nth-child(2) .hover{background:rgba(158,182,29,0.9);}
#idx_blocks li:nth-child(3) .hover{background:rgba(71,69,74,0.9);}
#idx_blocks li:nth-child(4) .hover{background:rgba(127,185,170,0.9);}
#idx_blocks li:nth-child(5) .hover{background:rgba(228,183,33,0.9);}
#idx_blocks li:nth-child(6) .hover{background:rgba(227,113,104,0.9);}
#idx_blocks li:nth-child(7) .hover{background:rgba(200,173,144,0.9);}
#idx_blocks li:nth-child(8) .hover{background:rgba(172,40,40,0.9);}

/* ==========================================================================
   Component: Flex Slider Plugin
 ============================================================================ */
#slider{overflow:hidden; margin-bottom:0;}
.am-slider a:hover,
.am-slider a:focus {
  outline: none;
}
.am-slides,
.am-control-nav,
.am-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.am-slider {
  margin: 0;
  padding: 0;
}
.am-slider .am-slides:before,
.am-slider .am-slides:after {
  content: " ";
  display: table;
}
.am-slider .am-slides:after {
  clear: both;
}
.am-slider .am-slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative;
}
.no-js .am-slider .am-slides > li:first-child {
  display: block;
}
.am-slider {
  position: relative;
}
.am-slides li{position:relative; text-align:center;}
.am-slides li img{max-width:100%; display:inline-block;}

.am-slides li .bg{overflow:hidden; width:100%; max-width:1400px; margin:0 auto; position:relative;}
.am-slides li .right{width:100%; left:0; top:0; height:100%; position:absolute;
-webkit-transform: translate(800px,0px);transform: translate(800px,0px);opacity: 0;
transition-delay:0.2s; -moz-transition-delay:0.2s;}
.am-slides li .left{width:100%; left:0; top:0; height:100%; position:absolute;
opacity: 0; transition-delay:0.3s; -moz-transition-delay:0.3s;}

.am-slides li.am-active-slide .right{-webkit-animation: bright 2s linear 1;animation: bright 2s linear 1; 
-webkit-transform: translate(0px,0px);transform: translate(0px,0px);opacity:1;}
.am-slides li.am-active-slide .left{-webkit-animation: bleft 2s linear 1;animation: bleft 2s linear 1;
opacity:1;}

@-webkit-keyframes bright {
	0% {-webkit-transform: translate(800px,0px);transform: translate(800px,0px);opacity: 0;}
	10% {-webkit-transform: translate(800px,0px);transform: translate(800px,0px);opacity: 0;}
	40% {-webkit-transform: translate(0px,0px);transform: translate(0px,0px);opacity: 1;}
	100% {-webkit-transform: translate(0px,0px);transform: translate(0px,0px);opacity: 1;}
}
@keyframes bright {
	0% {-webkit-transform: translate(800px,0px);transform: translate(800px,0px);opacity: 0;}
	10% {-webkit-transform: translate(800px,0px);transform: translate(800px,0px);opacity: 0;}
	40% {-webkit-transform: translate(0px,0px);transform: translate(0px,0px);opacity: 1;}
	100% {-webkit-transform: translate(0px,0px);transform: translate(0px,0px);opacity: 1;}
}
@-webkit-keyframes bleft {
	0% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes bleft {
	0% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}


.am-slider-default {
  margin: 0 0 20px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
.am-slider-default .carousel li {
  margin-right: 5px;
}
.am-slider-default .am-slider-desc {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  padding: 10px;
  width: 100%;
  color: #ffffff;
}
.am-slider-default .am-control-nav {
  width: 100%;
  position: absolute;
  bottom: 40px;
  text-align: right;
  padding-right:15%;
}
.am-slider-default.center .am-control-nav{ text-align:center; padding-right:0;}
.am-slider-default .am-control-nav li {
  margin: 0 10px;
  display: inline-block;
}
.am-slider-default .am-control-nav li a {
  width: 16px;
  height: 16px;
  display: block;
  background-color: #fff;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
}
.am-slider-default .am-control-nav li a:hover {
  background-color: #e2001a;
}
.am-slider-default .am-control-nav li a.am-active {
  background-color: #e2001a;
  cursor: default;
}

#idx_story{padding:50px 0;}
#idx_story .btitle{font-size:2.4rem; color:#e2001a; text-align:center; padding-bottom:10px;}
#idx_story ul{}
#idx_story li{width:33.3%; float:left; position:relative; overflow:hidden; padding-bottom:2.5rem;}
#idx_story li img{width:100%; display:block; opacity:1;}
#idx_story li .title{ position:absolute; width:100%; text-align:center; left:0; top:6%; font-size:1.4rem;}
#idx_story li .infos{position:absolute; width:100%; text-align:center; left:0; top:77%; font-size:1.1rem;}

#idx_story li.animate img{ -webkit-transform:rotate(360deg);transform:rotate(360deg); opacity: 1;
transition: all 1.5s linear;
-moz-transition: all 1.5s linear;
-webkit-transition: all 1.5s linear;
-o-transition: all 1.5s linear}
#idx_story li.animate:nth-child(2) img{transition-delay:1s; -moz-transition-delay:1s;}
#idx_story li.animate:nth-child(3) img{transition-delay:2s; -moz-transition-delay:2s;}



/*===========================prolist and prodetail=====*/
#prolist{}
#prolist .list{height:500px; background-position:top; background-attachment:fixed; background-repeat:no-repeat; overflow:hidden;}
#prolist .list .left{width:50%; float:left;}
#prolist .list .right{width:50%; float:right;}
#prolist .list .classname{ height:500px; text-align:center;}
#prolist .list .classname .cname{ width:34%; border:3px solid #fff; margin:0 auto; font-size:1.4rem; color:#fff; margin-top:200px; padding:2px 0;}
#prolist .list .classname .ename{ color:#fff;}

#prolist .list .proshow{ position:relative; background:#fff; overflow:hidden;}
#prolist .list .proshow ul{ height:400px; overflow:hidden; margin-left:0;}
#prolist .list .proshow .arrl{position:absolute; top:160px; left:20px; color:#ccc;font-size:3rem;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear}
#prolist .list .proshow .arrl:hover{color:#999;}
#prolist .list .proshow .arrr{position:absolute; top:160px; right:20px;font-size:3rem; color:#ccc;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear}
#prolist .list .proshow .arrr:hover{color:#999;}
#prolist .list .proshow ul li{height:398px; background-position:center; background-repeat:no-repeat; float:left; position:relative;}
#prolist .list .proshow ul li a{display:block; width:100%; height:400px; position:absolute; top:0; left:0;}
#prolist .list .proshow ul li .title{margin-top:20px; margin-left:58%; padding-left:24px; font-size:1.4rem; position:relative; background:url('../images/dot.png') no-repeat 0px 0.7rem; background-size:14px; }
#prolist .list .proshow .class{display:table; height:100px; width:100%; background:#fff; border:none; border-top:1px solid #ccc; padding:0; margin:0;}
#prolist .list .proshow .class a{display:table-cell; height:100px; text-align:center; vertical-align:middle; border:none; padding:0; margin:0;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear}
#prolist .list .proshow .class a.curr{background:#e3001b;}
#prolist .list .proshow .class a:hover{background:#e3001b;}
#prolist .list .proshow .class a img{vertical-align:middle; max-width:100%;}


#prodetail{padding-top:30px;}
#prodetail .pname{text-align:center; font-size:1.4rem; padding:10px 0;}
#prodetail .pname span{color:#e3001b;}

#prodetail .proshow{ position:relative; background:#fff; overflow:hidden;}
#prodetail .proshow .icon{text-align:center; padding-bottom:30px;}
#prodetail .proshow ul{ height:398px; overflow:hidden; margin-left:0;}
#prodetail .proshow .arrl{position:absolute; top:160px; left:20px; color:#ccc;font-size:3rem;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear}
#prodetail .proshow .arrl:hover{color:#999;}
#prodetail .proshow .arrr{position:absolute; top:160px; right:20px;font-size:3rem; color:#ccc;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear}
#prodetail .proshow .arrr:hover{color:#999;}
#prodetail .proshow ul li{height:398px; background-position:center; background-repeat:no-repeat; float:left;}

#prodetail .proinfos{background:#ececec; padding:36px 0;}
#prodetail .proinfos .block{width:18%; border-right:1px solid #ccc; float:left; line-height:50px; text-align:center; height:120px; font-size:1.05rem;}
#prodetail .proinfos .block .download{background:#c8c8c8; display:inline-block; width:50px; height:50px; border-radius:3px; color:#fff; font-size:1.6rem; padding-top:4px; text-align:center;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear}
#prodetail .proinfos .block .download:hover{background:#555;}
#prodetail .proinfos .links{width:27%; float:right;}
#prodetail .proinfos .links li{ clear:both; padding:6px 0 12px 0;}
#prodetail .proinfos .links li a{display:inline-block; margin:0 6px;}
#prodetail .proinfos .links li .collect{background:#e3001b; border-radius:20px; color:#fff; width:120px; height:40px; padding:0; font-size:1rem; line-height:40px; text-align:center; overflow:hidden;}
#prodetail .proinfos .links li .collect.curr{background:#999;}
#prodetail .proinfos .links li .collect:hover{ background:#c20017;}
#prodetail .proinfos .links li .wechat{background:url(../images/icon_wechat_g1.png) center no-repeat; width:40px; height:40px;}
#prodetail .proinfos .links li .wb{background:url(../images/icon_wb_g1.png) center no-repeat; width:40px; height:40px;}
#prodetail .proinfos .links li .wechat:hover{background-image:url(../images/icon_wechat_g.png);}
#prodetail .proinfos .links li .wb:hover{background-image:url(../images/icon_wb_g.png);}
#prodetail .proinfos .links li .tm{background:url(../images/icon_tm.png) center no-repeat #fff; width:50px; height:50px;border-radius:4px; }
#prodetail .proinfos .links li .jd{background:url(../images/icon_jd.png) center no-repeat #fff; width:50px; height:50px;border-radius:4px; }
#prodetail .proinfos .links li .sn{background:url(../images/icon_sn.png) center no-repeat #fff; width:50px; height:50px;border-radius:4px; }
#prodetail .proinfos .links li .yhd{background:url(../images/icon_yhd.png) center no-repeat #fff; width:50px; height:50px;border-radius:4px; }
#prodetail .proinfos .links li .linear{transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear}
#prodetail .proinfos .links li .linear:hover{ background-color:#ddd;}

#prodetail .propics li{ text-align:center;}
#prodetail .propics li img{max-width:1000px;}
#prodetail .propics li.moviebg{padding:50px 0;}

/*=========================================shop*/

#shop{background:url(../images/shopbg.jpg) top no-repeat; background-size:cover; min-height:950px; padding-bottom:30px;}

#shop .shoptitle{font-size:2.8rem; padding-top:56px; text-align:center; padding-bottom:20px;}
#shop .onlineshops{ padding-top:4px; padding-bottom:10px; font-size:0.95rem; margin:0 16%;}
#shop .onlineshops a{margin:0 10px; white-space:nowrap;}
#shop .onlineshops .title{color:#0084ff; text-align:center; font-size:1.3rem; line-height:200%; font-weight:600;}
#shop .onlineshops .links{ margin-left:8.5rem; margin-bottom:4px;}
#shop .onlineshops .offline{width:100%; background:rgba(255,255,255, 0.7); border-top:1px solid #d2d2d2; display:table;}
#shop .onlineshops .offline p{display:table-row;}
#shop .onlineshops .offline p a{padding:2px 20px; border-bottom:1px solid #d2d2d2; line-height:1.8rem; height:1.8rem; display:table-cell; overflow:hidden; text-align:right;}
#shop .onlineshops .offline p a.sname{color:#0084ff; text-align:left;}
#shop .search{text-align:center; position:relative; padding-bottom:12px;}
#shop .search select{background:#fff; border:1px solid #d2d2d2; line-height:40px; height:40px; width:15%; margin-right:0.5%; padding-left:10px;}
#shop .search select.big{width:30.5%;}
#shop .search .searchipt{background:#fff; border:1px solid #d2d2d2; line-height:40px; height:40px; width:20%; padding:0px 10px;}
#shop .search .searchbtn{width:40px; height:40px; background:#e2001a; border:0; padding:0; position:absolute; top:0; right:16%}
#shop .search .searchbtn:before{color:#fff; font-size:1.4rem; font-weight:200; position:absolute; right:10px; top:4px;}

#shop .pages{ text-align:right; margin-right:17%; padding:10px 0; font-size:0.9rem;}
#shop .pages .arrl{ display:inline-block; padding:0 10px; line-height:30px; text-align:center; border-radius:5px; background:#ccc;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear}
#shop .pages .arrl:hover{color:#fff; background:#555;}
#shop .pages .arrr{display:inline-block; padding:0 10px; line-height:30px; text-align:center; border-radius:5px; background:#ccc; margin-left:10px;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear}
#shop .pages .arrr:hover{color:#fff; background:#555;}
#shop .pages .arrback{ display:inline-block; width:28px; height:28px; padding-top:4px; text-align:center; border-radius:50%; 
color:#fff; background:#555;}

#shop #list{width:68%; margin:0px auto;}
#shop #list .links{padding:12px; margin-top:20px; background:rgba(255,255,255,0.9); border:1px solid #d2d2d2;}
#shop #list .links a{padding:20px 6px; margin:0px 10px; white-space:nowrap; text-decoration:underline;}
#shop #list .list{display:table; width:100%; background:#fff; line-height:1.5rem; border:1px solid #d2d2d2; border-bottom:none; font-size:0.95rem;}
#shop #list .list li{border-top:none; display:table-row;}
#shop #list .list li:hover{ background:#ececec;}
#shop #list .list li a{display:table-cell; padding:8px 16px; border-bottom:1px solid #d2d2d2;}
#shop #list .list li a.phone{}

#shop .infopage{ display:none;}
#shop .info{display:none; width:68%; margin:0 auto; background:#fff; border:1px solid #d2d2d2; padding:30px;}
#shop .info .sname{font-size:1.3rem;}
#shop .info span{color:#0084ff;}
#shop .info #allmap{height:300px; margin-top:10px;}



/*=====================================service*/

#service{}
#service .banner{height:800px;}

#service .links{padding-top:80px; height:800px; background:#ececec; text-align:center;}
#service .links .inner{max-width:1280px;}
#service .links .btitle{font-size:3.3rem; margin-bottom:50px;}
#service .colorblock{width:22%; float:left; height:440px; overflow:hidden; margin-right:4%; color:#fff;}
#service .down{margin-right:0;}
#service .colorblock .cont{width:100%; height:440px; border-radius:5px; margin:0 auto; overflow:hidden;
transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
#service .wechat:hover .cont{background-color:#a1b91d; }
#service .phone:hover .cont{background-color:#ffcd26;}
#service .mail:hover .cont{background-color:#3a6eba;}
#service .down:hover .cont{background-color:#e67168;}

#service .colorblock .icon{width:150px; height:150px; border-radius:50%; overflow:hidden; margin:30px auto;
transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
#service .wechat .icon{background:url(../images/icon_serwechat.png) center 25px no-repeat #a1b91d; }
#service .phone .icon{background:url(../images/icon_serphone.png) center 25px no-repeat #ffcd26;}
#service .mail .icon{background:url(../images/icon_sermail.png) center 25px no-repeat #3a6eba;}
#service .down .icon{background:url(../images/icon_serdown.png) center 25px no-repeat #e67168;}
#service .wechat:hover .icon{background:url(../images/icon_serwechat_h.png) center 25px no-repeat #fff; }
#service .phone:hover .icon{background:url(../images/icon_serphone_h.png) center 25px no-repeat #fff;}
#service .mail:hover .icon{background:url(../images/icon_sermail_h.png) center 25px no-repeat #fff;}
#service .down:hover .icon{background:url(../images/icon_serdown_h.png) center 25px no-repeat #fff;}

#service .colorblock p{line-height:32px; color:#666}
#service .colorblock:hover p{ color:#fff;}
#service .colorblock .title{padding-bottom:20px; font-size:1.4rem;}
#service .colorblock .half{width:46%; padding:0 2%;}
#service .mail .title{padding-bottom:0px;}
#service .colorblock a{color:#666; border-radius:20px; line-height:40px; margin:2px auto 10px auto; width:120px; display:block;  font-size:1.2rem;
transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
#service .colorblock:hover a{color:#fff;}
#service .colorblock a:hover{color:#808080; background:#fff;}
#service .colorblock .big{font-size:2.2rem; line-height:3.5rem;}
#service .colorblock .small{font-size:1.15rem;}

#service .codecheck{ padding:60px 0; background:#fff;}
#service .codecheck .cont{background:url(../images/service_09.jpg) 80% center no-repeat; height:530px; padding-right:50%; text-align:center;}
#service .codecheck .btitle{font-size:2.3rem; padding-top:30px; padding-bottom:10px;}
#service .codecheck .input{width:350px; margin:16px auto;}
#service .codecheck .input input{width:100%; background:#fff; border:1px solid #c8c8c8; line-height:48px; height:48px; padding:0 12px;}
#service .codecheck .btn{width:350px; margin:16px auto;}
#service .codecheck .btn input{line-height:48px; height:48px; padding:0 12px; width:100%; display:block; color:#fff; border:none;}
#service .codecheck .btn input.red{background:#e2001a;}
#service .codecheck .result{width:350px; margin:30px auto; text-align:left; font-size:1.1rem; color:#888;}
#service .codecheck .result span{font-weight:600; color:#e2001a;}

#service .codecheck2{ padding:30px 0; height:410px; overflow:hidden; text-align:center;}
#service .codecheck2 .input{width:350px; margin:16px auto;}
#service .codecheck2 .input input{width:100%; background:#fff; border:1px solid #c8c8c8; line-height:48px; height:48px; padding:0 12px;}
#service .codecheck2 .btn{width:350px; margin:16px auto;}
#service .codecheck2 .btn input{line-height:48px; height:48px; padding:0 12px; width:100%; display:block; color:#fff; border:none;}
#service .codecheck2 .btn input.red{background:#e2001a;}
#service .codecheck2 img{width:450px; max-width:100%;}

#service .faq{overflow:hidden; background:url(../images/service_13.jpg) no-repeat #a8afb5; background-position:center top;}
#service .faq .cont{ height:700px; overflow:hidden; padding-left:25%; padding-top:20px; text-align:center;}
#service .faq .question2{height:250px; overflow:hidden; padding-top:30px;}
#service .faq .ques_left{float:left; width:50%;}
#service .faq .question2 .result{height:54px; line-height:27px; overflow:hidden;}
#service .faq .ques_right{float:right; width:50%;}
#service .faq .ques_right .blank{margin-bottom:64px;}
#service .faq .btitle{font-size:2.1rem; padding-top:10px; padding-bottom:6px; color:#fff;}
#service .faq .input{width:350px; margin:16px auto;}
#service .faq .input select{width:100%; background:#fff; border:1px solid #c8c8c8; line-height:48px; height:48px; padding-left:12px;}
#service .faq .result{width:350px; margin:10px auto; text-align:left; font-size:1.1rem; color:#fff;}
#service .faq .result span{font-weight:600; color:#e2001a;}
#service .faq .btn{width:350px; margin:16px auto;}
#service .faq .btn a{line-height:48px; height:48px; padding:0 12px; width:100%; display:block; color:#fff;}
#service .faq .btn a.red{background:#e2001a;}
#service .faq .btn .gray{background:#666; line-height:48px; height:48px; padding:0 12px; width:100%; display:block; color:#fff; border:none;}
#service .faq .list{ display:none;}
#service .faq .list li{ margin-bottom:20px; background:#fff; line-height:30px; color:#808080}
#service .faq .list li .question{background:url(../images/icon_question.jpg) no-repeat 14px 12px; padding:12px; padding-left:56px;}
#service .faq .list li .answer{background:url(../images/icon_answer.jpg) no-repeat 14px 12px; padding:12px; padding-left:56px; font-size:0.8rem; border-top:1px dashed #ececec; display:none;}
#service .faq .list li .question a{float:right; position:relative; margin-right:20px;}
#service .faq .list li .question a:before{position:absolute; right:-20px; top:2px;}

#service .faq .question2 .input input{width:100%; background:#fff; border:1px solid #c8c8c8; line-height:48px; height:48px; padding:0 12px;}

#service .auth{ padding:60px 0; background:#fff;}
#service .auth .cont{text-align:center;}
#service .auth .btitle{font-size:2.3rem; padding-top:30px; padding-bottom:10px;}
#service .auth .input{width:350px; margin:16px auto;}
#service .auth .input input{width:100%; background:#fff; border:1px solid #c8c8c8; line-height:48px; height:48px; padding:0 12px;}
#service .auth .btn{width:350px; margin:16px auto; font-size:1.4rem;}
#service .auth .btn input{line-height:48px; height:48px; padding:0 12px; width:100%; display:block; color:#fff; border:none;}
#service .auth .btn input.red{background:#e2001a;}
#service .auth .btn .gobtn{line-height:48px; text-align:center; width:100%; display:block; color:#fff; background:#e2001a;}
#service .auth .link{width:678px; margin:20px auto 0 auto;  height:1000px;}

#service .contact{padding:40px 0 80px 0;}
#service .contact .btitle{font-size:2.3rem; padding-bottom:10px; text-align:center;}
#service .contact .list{margin:0 10%; width:80%; color:#808080;}
#service .contact .list li{line-height:50px; height:50px; overflow:hidden; width:100%; border-bottom:1px solid #e5e5e5;}
#service .contact .list li:hover{background:#f9f9f9;}
#service .contact .list li p{width:15%; float:left; text-indent:4px; overflow:hidden;}
#service .contact .list li p.addr{width:55%;}
#service .contact .list li p.blue{color:#0084ff; float:right;}
#service .contact .list li p.phone{float:right;}
#service .contact .showmore{ display:;}
#service .contact .more{text-align:center; line-height:50px;}
#service .contact .more a{position:relative;}
#service .contact .more a:before{position:absolute; right:-1.5rem; top:-12px;}


#service .contact .list .ol{background:url(../images/icon_contol.png) 12px 4px no-repeat;}
#service .contact .list .book{background:url(../images/icon_contbook.png) 12px 4px no-repeat;}
#service .contact .list .tv{background:url(../images/icon_conttv.png) 12px 4px no-repeat;}
#service .contact .list .tuan{background:url(../images/icon_conttuan.png) 12px 4px no-repeat;}
#service .contact .list .man{background:url(../images/icon_contman.png) 12px 4px no-repeat;}
#service .contact .list .buss{background:url(../images/icon_contbuss.png) 12px 4px no-repeat;}
#service .contact .list a{display:block;position:relative; margin-right:20px;}
#service .contact .list a:before{position:absolute; right:-20px; top:2px;}

#downalert{ width:700px; height:300px; background:#fff; box-shadow:0 0 5px #ccc; border-radius:5px;
position:fixed; left:50%; top:50%; margin-left:-350px; margin-top:-150px; overflow:auto; display:none;}
#downalert .title{padding:20px 0 5px 0; text-align:center; font-size:1.1rem;}
#downalert ul{height:300px; overflow:auto; margin-left:16px;}
#downalert ul li{width:180px; height:210px; margin:45px 20px; float:left;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear}
#downalert ul li img{width:100%;}
#downalert ul li:hover img{box-shadow:3px 3px 5px #999;}
#downalert ul li p{ line-height:20px; text-align:center; padding-top:10px;}
#downalert .close{ position:absolute; top:15px; right:15px; cursor:pointer; width:22px; height:22px; display:block;
transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
#downalert .close img{ display:block;}
#downalert .close:hover{ -webkit-transform:rotate(270deg);transform:rotate(270deg); }



/*=================================================brand*/

#brand .banner{height:550px;}

#brand .blocks li.b1{ background:#3a6eba; color:#fff;}
#brand .blocks li.b2{ background:#f0b900; color:#fff;}
#brand .blocks li.b3{ background:#a1b91d; color:#fff;}
#brand .blocks li{width:100%; overflow:hidden; position:relative;}
#brand .blocks li .imgs,#brand .blocks li .cont{transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#brand .blocks .imgs{width:50%;}
#brand .blocks .imgs img{width:100%;}
#brand .blocks .cont{width:50%; height:100%; padding:0; line-height:40px; position:absolute;}
#brand .blocks .left .imgs{float:right; margin-right:-50%;}
#brand .blocks .right .imgs{float:left; margin-left:-50%;}
#brand .blocks .left .cont{float:left; margin-left:-50%; left:0;}
#brand .blocks .right .cont{float:right; margin-right:-50%; right:0;}

#brand .blocks .left.show .imgs{margin:0;}
#brand .blocks .right.show .imgs{margin:0;}
#brand .blocks .left.show .cont{margin:0;}
#brand .blocks .right.show .cont{margin:0;}

#brand .blocks .cont .btitle{font-size:3rem; padding-top:50px; text-align:center; position:absolute; width:100%;}
#brand .blocks .cont .infos{ display:table; width:100%; height:100%; font-size:1.4rem;}
#brand .blocks .cont .infos .text{ display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }
#brand .blocks .cont .year{background:url(../images/brand_11.png); width:187px; height:110px; text-align:center; margin:0 auto; font-size:3rem; padding-top:20px; position:absolute; left:50%; margin-left:-94px; top:0;}
#brand .blocks .b1 .cont .year{color:#3a6eba;}
#brand .blocks .b2 .cont .year{color:#928b7b;}
#brand .blocks .b3 .cont .year{color:#93aa64;}
#brand .blocks .cont  .blank{padding-bottom:190px;}


/*=============================================recipes*/

#recipes{ padding-top:20px;}
#recipes .search_title{ color:#888; padding-bottom:20px;}
#recipes li{float:left; width:23.5%; margin-right:2%; margin-bottom:20px; position:relative; overflow:hidden; background:#ececec;}
#recipes li:nth-child(4N){margin-right:0;}
#recipes li img{width:100%;
transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear}
#recipes li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
#recipes li .title{position:absolute; left:0px; bottom:0px; font-size:1.2rem; color:#fff; background:url(../images/recipesbg.png) repeat-x; opacity: 1;
height:100px; line-height:70px; width:100%; padding-left:30px; padding-right:30px; padding-top:30px;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear}
#recipes .addmore{text-align:center; vertical-align:middle; padding-bottom:20px;}
#recipes .addmore a{margin:0 10px;}

#recidetail{background:rgba(0,0,0,0.9); overflow:hidden;}
#recidetail.fix{position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; display:none;}
#recidetail .detail{background:#ececec; width:90%; max-width:900px; margin:50px auto; border-radius:5px; position:relative;}
#recidetail.fix .detail{ max-height:90%;}
#recidetail .recileft{width:35%; padding:30px;}
#recidetail .recileft .radius{border-radius:5px; width:100%;}
#recidetail .recileft .cont{background:#fff; border-radius:5px;  margin-top:20px; padding:12px 20px;}
#recidetail .reciright{width:65%; height:100%; background:#fff; position:absolute; right:0; top:0%; border-radius:0 5px 5px 0; overflow:hidden;}
#recidetail .reciright .scroll{height:100%;overflow-y:auto; padding-bottom:15px; }
#recidetail .reciright .cont{padding:15px 30px; line-height:200%;}
#recidetail .reciright .line{border-bottom:1px solid #c9c9c9; height:0;}
#recidetail .reciright .matiral li{width:33%; float:left;}
#recidetail .reciright .matiral li span{float:right; padding-right:30%;}
#recidetail .small{font-size:0.8rem;}
#recidetail .red{color:#e2001a; font-weight:600;}
#recidetail .title{font-size:1.1rem;}
#recidetail .btitle{font-size:1.6rem; padding:10px 0;}
#recidetail .pepper{background:url(../images/icon_recimat.png) -6px center no-repeat; padding-left:36px; margin-bottom:10px;}
#recidetail .way{background:url(../images/icon_reciway.png) -6px center no-repeat; padding-left:36px; margin-bottom:10px;}
#recidetail .detail .close{ position:absolute; right:-60px; top:20px; width:60px; height:60px; background:#58585a; display:none;}
#recidetail.fix .detail .close{ display:block;}
#recidetail .detail .close:hover{background:#c8c8c8;}
#recidetail .detail .close a{background:url(../images/icon_plus.png) no-repeat center; display:block; height:60px;
-webkit-transform: rotate(45deg);transform: rotate(45deg);} 
#recidetail .detail .share{position:absolute; right:-60px; bottom:20px; width:60px;}
#recidetail .detail .share a{height:60px; width:60px; margin-top:1px; background:#c8c8c8; display:block;}
#recidetail .detail .share .collect{background:url(../images/icon_collet_g2.png) center no-repeat #c8c8c8;}
#recidetail .detail .share .wechat{background:url(../images/icon_wechat_g2.png) center no-repeat #c8c8c8;}
#recidetail .detail .share .weibo{background:url(../images/icon_wb_g2.png) center no-repeat #c8c8c8;}
#recidetail .detail .share .collect:hover{background-image:url(../images/icon_collet_g.png); background-color:#fff;}
#recidetail .detail .share .collected{background:url(../images/icon_collet_g.png) center no-repeat #fff;}
#recidetail .detail .share .wechat:hover{background-image:url(../images/icon_wechat_g.png); background-color:#fff;}
#recidetail .detail .share .weibo:hover{background-image:url(../images/icon_wb_g.png); background-color:#fff;}


#article{ padding-top:20px;}
#article li{float:left; width:23.5%; margin-right:2%; margin-bottom:20px; position:relative; overflow:hidden;}
#article li:nth-child(4N){margin-right:0;}
#article li img{width:100%;
transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear}
#article li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
#article li .title{position:absolute; left:0px; bottom:0px; color:#fff; background:url(../images/recipesbg.png) repeat-x; opacity: 1;
height:100px; line-height:20px; width:100%; padding-left:60px; padding-right:30px; padding-top:45px; font-size:0.85rem;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear}
#article li .title:before{left:30px; position:absolute; font-size:1.3rem; top:50px;}
#article .addmore{text-align:center; vertical-align:middle; padding-bottom:20px;}

#artidetail{background:rgba(0,0,0,0.9); overflow:hidden;}
#artidetail.fix{position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; display:none;}
#artidetail.fix .inner{height:100%;}
#artidetail .detail{width:800px; margin:50px auto; border-radius:5px; position:relative;}
#artidetail.fix .detail{ height:calc(100% - 100px);}
#artidetail .detail .artiinfo{border-radius:5px; min-height:400px; overflow:hidden; background:#fff;}
#artidetail .detail .videoinfo{min-height:400px;}
#artidetail.fix .detail .artiinfo{width:100%; height:100%; position:absolute; right:0; top:0%;}
#artidetail.fix .detail .videoinfo{width:100%; height:100%; position:absolute; right:0; top:0%;}
#artidetail .detail .artiinfo .scroll{padding:25px 60px;}
#artidetail .detail .videoinfo .scroll{padding:10px 50px;}
#artidetail.fix .detail .artiinfo .scroll{ height:100%; overflow-y:auto;}
#artidetail .detail .artiinfo .title{font-size:1.6rem; padding-bottom:20px; text-align:center; border-bottom:1px solid #c8c8c8;}
#artidetail .detail .videoinfo .title{ font-size:1.6rem; padding-bottom:20px; text-align:center; color:#fff;}
#artidetail .detail .date{font-size:0.9rem; text-align:right; color:#0084e1; padding-bottom:10px;}
#artidetail .detail .cont img{ max-width:100%; height:auto;}
#artidetail .detail .close{ position:absolute; right:-60px; top:20px; width:60px; height:60px; background:#58585a; display:none;}
#artidetail.fix .detail .close{ display:block;}
#artidetail .detail .close:hover{background:#c8c8c8;}
#artidetail .detail .close a{background:url(../images/icon_plus.png) no-repeat center; display:block; height:60px;
-webkit-transform: rotate(45deg);transform: rotate(45deg);} 
#artidetail .detail .share{position:fixed; left:50%; margin-left:400px; top:200px; width:60px;}
#artidetail.fix .detail .share{position:absolute; bottom:20px; top:auto;}
#artidetail .detail .share a{height:60px; width:60px; margin-top:1px; background:#c8c8c8; display:block;}
#artidetail .detail .share .collect{background:url(../images/icon_collet_g2.png) center no-repeat #c8c8c8;}
#artidetail .detail .share .wechat{background:url(../images/icon_wechat_g2.png) center no-repeat #c8c8c8;}
#artidetail .detail .share .weibo{background:url(../images/icon_wb_g2.png) center no-repeat #c8c8c8;}
#artidetail .detail .share .collect:hover{background-image:url(../images/icon_collet_g.png); background-color:#fff;}
#artidetail .detail .share .collected{background:url(../images/icon_collet_g.png) center no-repeat #fff;}
#artidetail .detail .share .wechat:hover{background-image:url(../images/icon_wechat_g.png); background-color:#fff;}
#artidetail .detail .share .weibo:hover{background-image:url(../images/icon_wb_g.png); background-color:#fff;}

/*========================================usercenter*/

#usercenter{ background:#ececec; padding:50px 0;}
#usercenter .inner{background:#fff; box-shadow:0 0 5px #ccc; padding:15px 0 30px 0; border-radius:5px;}
#usercenter .btitle{ line-height:50px; text-align:center; font-size:1.1rem;}
#usercenter .cont{padding:10px 20px;}
#usercenter .title{padding:10px; border-bottom:1px dashed #ececec; border-top:1px solid #ececec; margin-bottom:10px;}
#usercenter .title a{float:right; padding:0 32px; position:relative;}
#usercenter .title a:before{right:10px; top:2px; position:absolute;}
#usercenter .inp{ padding:5px 0;}
#usercenter .inp .left{width:40%; display:inline-block; text-align:right; margin-right:4px;}
#usercenter .inp input{width:280px; height:40px; line-height:40px; border:1px solid #c8c8c8; padding:0 8px;}
#usercenter .inp{}
#usercenter .inp .half{width:160px;}
#usercenter .inp .sendsms{background:#333; border-color:#333; color:#fff; width:115px; font-size:0.8rem;}
#usercenter .inp .sendsms:disabled{background:#c8c8c8; border-color:#c8c8c8;}
#usercenter .inp .modi{color:#0084ff;}
#usercenter .inp .modi:before{padding-right:6px;}
#usercenter .inp .phone{display:inline-block; width:220px;}
#usercenter .inp .tips{color:#e2001a; font-size:0.8rem; margin-left:20px; display:none;}
#usercenter .inp .tips:before{padding-right:6px;}
#usercenter .inp .submit{width:280px; height:40px; border:0; background:#e2001a; color:#fff;}

#getcode{width:900px; margin:0 auto;}
#getcode .btitle{border-bottom:1px solid #ececec; padding-bottom:5px;}
#getcode .cont{padding:20px 0 140px 0; margin-left:310px;}
#getcode .inp{ width:280px;}
#getcode .inp .half{width:160px;}
#getcode .inp .sendsms{background:#333; border-color:#333; color:#fff; width:115px; font-size:0.8rem;}
#getcode .inp .sendsms:disabled{background:#c8c8c8; border-color:#c8c8c8;}
#getcode .links{font-size:0.8rem; color:#999;}
#getcode .right{ float:right;}
#getcode .setok{text-align:center; padding-left:30px; font-size:1.5rem; padding:20px 0; line-height:3rem;}
#getcode .setok:before{color:#1fb901; font-size:2rem; padding-right:10px;}
#getcode .showlinks{ font-size:1.2rem; text-align:center; margin-bottom:180px;}
#getcode .showlinks a{color:#0284ff;}

#pages{}
#pages .detail{width:800px; margin:50px auto; border-radius:5px; position:relative;}
#pages .detail .cont{}
#pages .detail .cont img{ max-width:100%;}
#pages .detail .share{position:fixed; left:50%; margin-left:410px; top:100px; width:60px;}
#pages .detail .share a{height:60px; width:60px; margin-top:1px; background:#c8c8c8; display:block;}
#pages .detail .share .back{ color:#fff; font-size:0.9rem; text-align:center; line-height:60px;}
#pages .detail .share .wechat{background:url(../images/icon_wechat_g2.png) center no-repeat #c8c8c8;}
#pages .detail .share .weibo{background:url(../images/icon_wb_g2.png) center no-repeat #c8c8c8;}
#pages .detail .share .collect:hover{background-image:url(../images/icon_collet_g.png); background-color:#fff;}
#pages .detail .share .collected{background:url(../images/icon_collet_g.png) center no-repeat #fff;}
#pages .detail .share .wechat:hover{background-image:url(../images/icon_wechat_g.png); background-color:#fff;}
#pages .detail .share .weibo:hover{background-image:url(../images/icon_wb_g.png); background-color:#fff;}


#promore{ background:#f8f8f8; padding:10px 0 60px 0; color:#666;overflow:hidden;}
#promore .title{line-height:50px; margin-left:7%;}
#promore .morelist{position:relative; overflow:hidden; width:90%; margin:0 auto;}
#promore .morelist ul{ overflow:hidden; margin-left:0;}
#promore .marrl{position:absolute; top:50%; margin-top:-2rem; left:0px; color:#ccc;font-size:3rem;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear}
#promore .marrl:hover{color:#999;}
#promore .marrr{position:absolute; top:50%; margin-top:-2rem; right:0px;font-size:3rem; color:#ccc;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear}
#promore .marrr:hover{color:#999;}
#promore .morelist ul li{ border:1px solid #e1e1e1; background:#fff; float:left; position:relative; text-align:center; margin:0 20px; overflow:hidden;}
#promore .morelist ul li img{max-width:100%; display:block; margin:5px auto;
transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear}
#promore .morelist ul  li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
#promore .morelist ul li .info{ padding:4px; border-top:1px solid #e1e1e1;}



#showinfos{width:400px; height:200px; position:fixed; left:50%; top:50%; margin-left:-200px; margin-top:-100px; background:rgba(0,0,0,0.8); border-radius:8px; text-align:center; color:#fff; display:none; z-index:999}
#showinfos .title{ font-size:1.3rem; padding:20px 10px;}
#showinfos #showdetail{ font-size:1.1rem; padding:10px 20px;}



#err{background:url(../images/404_02.jpg) top no-repeat; height:540px;}
#err a{display:block; height:540px;}


#auth_alert{
	position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); z-index:999;
	width:100%; height:100vh; overflow:auto;
}
#auth_alert .frame{
	position:relative; left:50%; margin: 50px 0 50px -350px;
}

#auth_alert .close{
	position:absolute; right: 30px; top:30px; width:50px; height:50px; display:block;
	background:url(../images/icon_plus.png) top no-repeat;
	-webkit-transform: rotate(45deg);transform: rotate(45deg);
}
/* Static deployment repairs: preserve real image grids and stable page interaction. */
#prolist .list{background-size:cover!important;background-attachment:scroll!important;min-height:500px;}
#prolist .list .proshow ul{display:flex!important;align-items:stretch!important;}
#prolist .list .proshow ul li{display:block!important;float:none!important;flex:0 0 33.333%!important;width:33.333%!important;background-size:contain!important;}
#prolist .list .proshow ul li .title{margin:330px 8px 0!important;padding-left:18px!important;min-height:42px!important;line-height:1.55!important;word-break:normal!important;overflow-wrap:normal!important;}
#prolist .list .proshow .class{position:relative!important;z-index:2!important;}
#slider .am-slides .bg img{display:block!important;width:100%!important;height:auto!important;}
#header_cont #nav{width:34%!important;}
#header_cont #logo img{width:240px!important;height:60px!important;max-width:100%!important;object-fit:contain!important;}

@media (min-width:768px) and (max-width:1199px){
  #header_cont #logo{width:18%!important;} #header_cont #nav{width:42%!important;}
  #header_cont #nav li a{font-size:14px!important;} #header_cont #search{width:23%!important;}
  #prolist .list .left,#prolist .list .right{width:50%!important;}
  #prolist .list .proshow ul li{flex-basis:33.333%!important;width:33.333%!important;}
}
#brand .banner{display:none!important;}