@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:100%;  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/qtimg/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 1s linear;
-moz-transition: all 1s linear;
-webkit-transition: all 1s linear;
-o-transition: all 1s 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/qtimg/icon_phone_d.png) no-repeat center;}
#links .more li.phone:hover{background:url(../images/qtimg/icon_phone.png) no-repeat center #c8c8c8;}
#links .more li.wechat{background:url(../images/qtimg/icon_wechat_d.png) no-repeat center;}
#links .more li.wechat:hover{background:url(../images/qtimg/icon_wechat.png) no-repeat center #c8c8c8;}
#links .more li.mail{background:url(../images/qtimg/icon_mail_d.png) no-repeat center;}
#links .more li.mail:hover{background:url(../images/qtimg/icon_mail.png) no-repeat center #c8c8c8;}
#links .more li.prog{background:url(../images/qtimg/icon_prog_d.png) no-repeat center;}
#links .more li.prog:hover{background:url(../images/qtimg/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/qtimg/icon_phone.png) no-repeat center;}
#links.top .more li.phone:hover{background:url(../images/qtimg/icon_phone.png) no-repeat center;}
#links.top .more li.wechat{background:url(../images/qtimg/icon_wechat.png) no-repeat center;}
#links.top .more li.wechat:hover{background:url(../images/qtimg/icon_wechat.png) no-repeat center;}
#links.top .more li.mail{background:url(../images/qtimg/icon_mail.png) no-repeat center;}
#links.top .more li.mail:hover{background:url(../images/qtimg/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/qtimg/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/qtimg/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 1s linear;
-moz-transition: all 1s linear;
-webkit-transition: all 1s linear;
-o-transition: all 1s 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:1s; -moz-transition-delay:1s;}

.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;
}

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

#service{}
#service .banner{height:800px;}
.qt-us-title {
   
    font-size: 1.4rem;
}

#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:23%;  height:440px; overflow:hidden;  color:#fff;display:inline-block;margin:30px 0}
#service .phone{margin-left: 60px;margin-right: 60px}
#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/qtimg/icon_serwechat.png) center 25px no-repeat #a1b91d; }
#service .phone .icon{background:url(../images/qtimg/icon_serphone.png) center 25px no-repeat #ffcd26;}
#service .mail .icon{background:url(../images/qtimg/icon_sermail.png) center 25px no-repeat #3a6eba;}
#service .down .icon{background:url(../images/qtimg/icon_serdown.png) center 25px no-repeat #e67168;}
#service .wechat:hover .icon{background:url(../images/qtimg/icon_serwechat_h.png) center 25px no-repeat #fff; }
#service .phone:hover .icon{background:url(../images/qtimg/icon_serphone_h.png) center 25px no-repeat #fff;}
#service .mail:hover .icon{background:url(../images/qtimg/icon_sermail_h.png) center 25px no-repeat #fff;}
#service .down:hover .icon{background:url(../images/qtimg/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/qtimg/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/qtimg/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/qtimg/icon_question.jpg) no-repeat 14px 12px; padding:12px; padding-left:56px;}
#service .faq .list li .answer{background:url(../images/qtimg/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/qtimg/icon_contol.png) 12px 4px no-repeat;}
#service .contact .list .book{background:url(../images/qtimg/icon_contbook.png) 12px 4px no-repeat;}
#service .contact .list .tv{background:url(../images/qtimg/icon_conttv.png) 12px 4px no-repeat;}
#service .contact .list .tuan{background:url(../images/qtimg/icon_conttuan.png) 12px 4px no-repeat;}
#service .contact .list .man{background:url(../images/qtimg/icon_contman.png) 12px 4px no-repeat;}
#service .contact .list .buss{background:url(../images/qtimg/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;}


/*=================================================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 1s ease; -webkit-transition: all 1s 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:1.4rem; padding-top:50px; text-align:center; position:absolute; width:100%;color: #333;font-weight: bold;}
#brand .blocks .cont .infos{ display:table; width:100%; height:100%; font-size:1.4rem;}
#brand .blocks .cont .infos .text{ background:#3a6eba; color:#fff;display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; line-height: 40px;font-size: 1.4rem;}
#brand .blocks .cont .year{ 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;}