@charset "UTF-8";
.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }

img { display: block; max-width: 100%; }

* { font-family: "微软雅黑"!important;box-sizing: border-box; margin: 0; padding: 0; }
.glyphicon{
  font-family: 'Glyphicons Halflings'!important;
}
ul { list-style: none; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body, div { margin: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.shipin { margin: 0; }

@font-face {}html { font-size: 62.5%; font-family: "微软雅黑" !important; overflow-x: hidden; }

body { width: 100%; height: 100%; overflow-x: hidden; }

@keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%); }
  to { opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translateY(-40%); }
  to { opacity: 1;
    -webkit-transform: translateY(0%); } }

.activeInDown { animation: fadeInDown 1s .5s forwards; -moz-animation: fadeInDown 1s .5s forwards; -webkit-animation: fadeInDown 1s .5s forwards; -o-animation: fadeInDown 1s .5s forwards; }

@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translateY(40%);
    transform: translateY(40%); }
  to { opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translateY(40%); }
  to { opacity: 1;
    -webkit-transform: translateY(0%); } }

.activeInUp { animation: fadeInUp 1s .5s forwards; -moz-animation: fadeInUp 1s .5s forwards; -webkit-animation: fadeInUp 1s .5s forwards; -o-animation: fadeInUp 1s .5s forwards; }

@keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%); }
  to { opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translateX(-40%); }
  to { opacity: 1;
    -webkit-transform: translateX(0%); } }

.activeInLeft { animation: fadeInLeft 1s .5s forwards; -moz-animation: fadeInLeft 1s .5s forwards; -webkit-animation: fadeInLeft 1s .5s forwards; -o-animation: fadeInLeft 1s .5s forwards; }

.activeInLeft1 { animation: fadeInLeft .5s forwards; -moz-animation: fadeInLeft .5s forwards; -webkit-animation: fadeInLeft .5s forwards; -o-animation: fadeInLeft .5s forwards; }

.activeInLeft2 { animation: fadeInLeft 1s 1s forwards; -moz-animation: fadeInLeft 1s 1s forwards; -webkit-animation: fadeInLeft 1s 1s forwards; -o-animation: fadeInLeft 1s 1s forwards; }

.activeInLeft3 { animation: fadeInLeft 1s 1.5s forwards; -moz-animation: fadeInLeft 1s 1.5s forwards; -webkit-animation: fadeInLeft 1s 1.5s forwards; -o-animation: fadeInLeft 1s 1.5s forwards; }

@keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translateX(40%);
    transform: translateX(40%); }
  to { opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translateX(40%); }
  to { opacity: 1;
    -webkit-transform: translateX(0%); } }

.activeInRight { animation: fadeInRight 1s .5s forwards; -moz-animation: fadeInRight 1s .5s forwards; -webkit-animation: fadeInRight 1s .5s forwards; -o-animation: fadeInRight 1s .5s forwards; }

.activeInRight2 { animation: fadeInRight 1s 1s forwards; -moz-animation: fadeInRight 1s 1s forwards; -webkit-animation: fadeInRight 1s 1s forwards; -o-animation: fadeInRight 1s 1s forwards; }

.activeInRight3 { animation: fadeInRight 1s 2s forwards; -moz-animation: fadeInRight 1s 2s forwards; -webkit-animation: fadeInRight 1s 2s forwards; -o-animation: fadeInRight 1s 2s forwards; }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

.activeIn { animation: fadeIn 1s .5s forwards; -moz-animation: fadeIn 1s .5s forwards; -webkit-animation: fadeIn 1s .5s forwards; -o-animation: fadeIn 1s .5s forwards; }

.activeIn2 { animation: fadeIn 1s 1s forwards; -moz-animation: fadeIn 1s 1s forwards; -webkit-animation: fadeIn 1s 1s forwards; -o-animation: fadeIn 1s 1s forwards; }

@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

.activeOut { animation: fadeOut .5s forwards; -moz-animation: fadeOut .5s forwards; -webkit-animation: fadeOut .5s forwards; -o-animation: fadeOut .5s forwards; }

@keyframes toBig { from { -webkit-transform: scale(0, 0);
    transform: scale(0, 0); }
  to { -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-webkit-keyframes toBig { from { -webkit-transform: scale(0, 0); }
  to { -webkit-transform: scale(1, 1); } }

.activeToBig { animation: toBig .2s  forwards; -moz-animation: toBig .2s  forwards; -webkit-animation: toBig .2s  forwards; -o-animation: toBig .2s  forwards; }

@keyframes toSmall { from { -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  to { -webkit-transform: scale(0, 0);
    transform: scale(0, 0); } }

@-webkit-keyframes toSmall { from { -webkit-transform: scale(1, 1); }
  to { -webkit-transform: scale(0, 0); } }

.activeToSmall { animation: toSmall .2s  forwards; -moz-animation: toSmall .2s  forwards; -webkit-animation: toSmall .2s  forwards; -o-animation: toSmall .2s  forwards; }

#header { height: 40px; background: #fff; width: 100%; position: absolute; top: 0px; z-index: 9999; background: #fff; display: none; }

@media only all and (max-width: 640px) { #header { display: block; } }

#header button { margin-left: 20px; }

.hidden { display: hidden; }

#slide { width: 90px; height: 100%; position: fixed; top: 0; z-index: 999999999999; background: #fff; }

@media only all and (max-width: 768px) { #slide { display: none; } }

#slide ul li { width: 90px; height: 90px; border-top: 1px solid #E6E6E6;  text-align: center; position: relative; cursor: pointer; }

#slide ul li.last { position: absolute; left: 0; bottom: 0; border: none; padding-top: 45px; background-image: url("../images/common/en_a.png"); background-position-x: center; background-position-y: 15px; background-repeat: no-repeat; display: table-cell; vertical-align: middle; text-align: center; height: 90px; }

#slide ul li.last:hover { background-image: url("../images/common/en_hover.png"); }

#slide ul li.last:hover a { color: #0086d1; }

#slide ul li.last a { color: #b2b2b2; transition: all 0s; }

#slide ul li img { margin: 25px 0px 9px 32px; }

#slide ul li .logo { margin-left: 17px; }

#slide ul li span { color: #b2b2b2; display: block; }

.nei1 { width: 100%; height: 100%; padding: 55px 150px; background: #f5f5f5; color: #000; position: relative; z-index: 0; }

@media only all and (max-width: 1440px) { .nei1 { padding: 83px 186px 40px 186px; } }

@media only all and (max-width: 1024px) { .nei1 { padding: 83px 80px 40px 80px; } }

@media only all and (max-width: 640px) { .nei1 { padding: 83px 20px 40px 20px; } }

.nei1 h2 { font-size: 36px; margin-bottom: 30px; text-align: left; }

.nei1 button { position: absolute; top: 260px; left: 20px; width: 120px; height: 35px; text-align: center; border: none; outline: none; color: #fff; font-size: 18px; }

@media only all and (max-width: 1600px) { .nei1 button { top: 220px; } }

@media only all and (max-width: 1440px) { .nei1 button { top: 234px; } }

@media only all and (max-width: 1366px) { .nei1 button { top: 210px; } }

@media only all and (max-width: 1024px) { .nei1 button { top: 185px; } }

@media only all and (max-width: 640px) { .nei1 button { top: 268px; } }

@media only all and (max-width: 320px) { .nei1 button { top: 220px; } }

.nei1 .swiper-container1 { overflow: hidden; position: relative; }

.nei1 .swiper-button-prev { left: 100px; }

@media only all and (max-width: 1024px) { .nei1 .swiper-button-prev { left: 30px; } }

@media only all and (max-width: 640px) { .nei1 .swiper-button-prev { display: none; } }

.nei1 .swiper-button-next { right: 100px; }

@media only all and (max-width: 640px) { .nei1 .swiper-button-next { display: none; } }

@media only all and (max-width: 1024px) { .nei1 .swiper-button-next { right: 30px; } }

.nei1 .swiper-slide { background: #fff; height: 470px; position: relative; }

.nei1 .swiper-slide a { color: #000; width: 100%; height: 100%; }

.nei1 .swiper-slide a:hover { color: #000; }

.nei1 .swiper-slide .neiImg { width: 100%; position: absolute; top: 0; left: 0; }

.nei1 .swiper-slide .title { font-size: 28px; position: absolute; top: 310px; left: 20px; right: 20px; text-align: left; padding: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media only all and (max-width: 1600px) { .nei1 .swiper-slide .title { top: 291px; } }

@media only all and (max-width: 1440px) { .nei1 .swiper-slide .title { top: 296px; } }

@media only all and (max-width: 1366px) { .nei1 .swiper-slide .title { top: 272px; } }

@media only all and (max-width: 1024px) { .nei1 .swiper-slide .title { font-size: 23px; top: 254px; } }

@media only all and (max-width: 640px) { .nei1 .swiper-slide .title { top: 320px; } }

@media only all and (max-width: 320px) { .nei1 .swiper-slide .title { top: 280px; } }

.nei1 .swiper-slide .nr { font-size: 14px; position: absolute; top: 360px; left: 20px; right: 20px; text-align: left; }

@media only all and (max-width: 1600px) { .nei1 .swiper-slide .nr { top: 335px; } }

@media only all and (max-width: 1440px) { .nei1 .swiper-slide .nr { top: 341px; } }

@media only all and (max-width: 1366px) { .nei1 .swiper-slide .nr { top: 326px; } }

@media only all and (max-width: 1024px) { .nei1 .swiper-slide .nr { top: 294px; } }

@media only all and (max-width: 640px) { .nei1 .swiper-slide .nr { top: 360px; } }

@media only all and (max-width: 320px) { .nei1 .swiper-slide .nr { top: 320px; } }

.nei1 .swiper-slide .time { text-align: left; font-size: 12px; color: #9b9b9b; position: absolute; bottom: 20px; left: 20px; right: 20px; }

.nei1 .bk .bk-btn { background: #dd363d; }

.nei1 .bk .bktou { position: absolute; top: 250px; right: 20px; }

@media only all and (max-width: 1440px) { .nei1 .bk .bktou { top: 223px; } }

@media only all and (max-width: 1366px) { .nei1 .bk .bktou { top: 198px; } }

@media only all and (max-width: 1024px) { .nei1 .bk .bktou { top: 175px; } }

@media only all and (max-width: 640px) { .nei1 .bk .bktou { top: 257px; } }

@media only all and (max-width: 320px) { .nei1 .bk .bktou { top: 210px; } }

.nei1 .zp .zp-btn { background: #e1c121; }

.nei1 .wd .wd-btn { background: #0086d1; }

.nei1 .yy .yy-btn { background: #77bc00; }

.nei1 .xwg .xwg-btn { background: #ff9908; }

.nei1 .swiper-button-next { background: url(/assets/images/page/btn-next.png) center; }

.nei1 .swiper-button-prev { background: url(/assets/images/page/btn-prev.png) center; }

.buju2-head-bk { background: #dd363d !important; }

.buju2-head-zp { background: #e1c121 !important; }

.buju2-head-wd { background: #0086d1 !important; }

.buju2-head-yy { background: #77bc00 !important; }

.buju2-head-xwg { background: #ff9908 !important; }

.buju2-tircle-bk { border-left-color: #dd363d !important; }

.buju2-tircle-zp { border-left-color: #e1c121 !important; }

.buju2-tircle-wd { border-left-color: #0086d1 !important; }

.buju2-tircle-yy { border-left-color: #77bc00 !important; }

.buju2-tircle-xwg { border-left-color: #ff9908 !important; }

.tran .buju2-head .btn-group button { color: #fff; font-family: "微软雅黑"; }

.tran .buju2-head .btn-group .xian { color: #fff; font-family: "微软雅黑"; }

@-webkit-keyframes round { 0% { -webkit-transform: scale(0);
    transform: scale(0); }
  100% { -webkit-transform: scale(1.4);
    transform: scale(1.4); } }

@keyframes round { 0% { -webkit-transform: scale(0);
    transform: scale(0); }
  100% { -webkit-transform: scale(1.4);
    transform: scale(1.4); } }

#footer { height: 58px; line-height: 55px; width: calc(100% - 80px); margin-left: 80px; background: #fff; }

@media only all and (max-width: 1024px) { #footer { height: auto; height: 40px; line-height: 40px; } }

@media only all and (max-width: 640px) { #footer { padding-bottom: 30px; height: auto; line-height: auto; } }

#footer .footer-left { float: left; margin-left: 20px; }

#footer span { height: 12px; padding: 0 9px; font-family: "微软雅黑"; }

@media only all and (max-width: 375px) { #footer span:first-child { margin-left: 5px; } }

#footer .rightBorder { border-right: 1px solid lightgrey; }

#footer a { color: #000; }

@media only all and (max-width: 414px) { #footer { height: 134px; line-height: 35px; width: 100%; background: #fff; margin-left: 0; } }

#footer .copy { margin-right: 20px; text-align: center; }

@media only all and (max-width: 1024px) { #footer .copy { margin-right: 0; } }

@media only all and (max-width: 414px) { #footer .copy { padding: 0 10px; margin-right: 0; height: 80px; } }

@media only all and (max-width: 375px) { #footer .copy { margin-right: 0px; padding-left: 8px; } }

#footer .mar { margin-right: 20px; }

#footer .mar img { float: left; position: relative; top: 18px; }

@media only all and (max-width: 1024px) { #footer .mar img { top: 11px; } }

@media only all and (max-width: 1024px) { #footer .mar { height: 40px !important; line-height: 40px !important; }
  #footer .mar p { font-size: 12px; } }

@media only all and (max-width: 768px) { #footer .mar { display: block; width: 100%; text-align: center; margin-right: 0px; } }

#footer .mar > div { display: inline-block; }

.mengban { position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); top: 0; left: 80px; display: none; }

.slidebar { width: 0px; height: 100vh; background: rgba(2, 132, 209, 0.7); position: fixed; left: 80px; top: 0px; color: #fff; z-index: 99999; font-family: "微软雅黑" !important; }

@media only all and (max-width: 768px) { .slidebar { width: 100%; left: 100%; } }

.slidebar .fanhui1 { display: none; }

@media only all and (max-width: 768px) { .slidebar .fanhui1 { display: block; } }

.slidebar .slidetitle { padding-top: 50px; padding-left: 20px; font-family: "微软雅黑"; }

.slidebar .slidetitle h1 { font-size: 30px; color: #fff; margin-bottom: 30px; font-family: "微软雅黑"; }

.slidebar .slidetitle h2 { font-size: 18px; color: #1a6494; margin-bottom: 15px; font-family: "微软雅黑"; }

.slidebar .icon ul { margin-bottom: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.slidebar .icon ul li { width: 100%; padding: 0 10%; cursor: pointer; display: block; margin: 0; margin-bottom: 20px; }

.slidebar .icon ul li p { margin-left: 15px; display: inline-block; vertical-align: middle; }

.slidebar .icon ul li img { vertical-align: middle; display: inline-block; }

.slidebar .slidelist h2 { padding-left: 40px; font-size: 18px; color: #1a6494; font-family: "微软雅黑"; margin-bottom: 25px; }

.slidebar .slidelist ul li { padding-left: 20px; height: 45px; font-size: 15px; color: #fff; line-height: 45px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "微软雅黑"; }

.slidebar .slidelist ul .second { position: fixed; height: 100vh; left: 270px; top: 0; width: 370px; background: rgba(2, 132, 209, 0.4); display: none; padding-top: 120px; }

@media only all and (max-width: 414px) { .slidebar .slidelist ul .second { left: 170px; width: 245px; } }

@media only all and (max-width: 375px) { .slidebar .slidelist ul .second { width: 210px; } }

@media only all and (max-width: 360px) { .slidebar .slidelist ul .second { width: 180px; } }

@media only all and (max-width: 320px) { .slidebar .slidelist ul .second { width: 150px; } }

.slidebar .slidelist ul .second .second-item { padding-left: 20px; height: 45px; font-size: 14px; color: #fff; line-height: 45px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "微软雅黑"; }

.slidebar .active { background: #2c2c2c; }

.sousuo { width: 560px; height: 100vh; background: #313131; position: fixed; left: 80px; top: 0px; color: #fff; font-family: "微软雅黑"; }

@media only all and (max-width: 768px) { .sousuo { width: 100%; position: absolute; left: 0px; height: 100%; top: 40px; } }

.sousuo .ssinput { padding-top: 15px; padding-left: 30px; padding-right: 30px; height: 125px; background: #272727; float: left; width: 100%; }

.sousuo .ssinput input { width: 320px; height: 60px; border: none; outline: none; box-shadow: none; }

@media only all and (max-width: 768px) { .sousuo .ssinput input { width: auto !important; } }

.sousuo .ssinput .qian, .sousuo .ssinput .hou { background: #fff; border: none; width: 40px; padding: 4px 12px !important; }

.sousuo .ssinput .qian { font-size: 16px; }

.sousuo .ssinput .hou { font-size: 14px; }

.sousuo .ssinput .hou img { display: inline-block; }

.sousuo .closebtn { position: absolute; right: 35px; top: 35px; }

.sousuo .closebtn img { display: inline-block; }

.sousuo .jieguo { padding-top: 10px; }

.sousuo .jieguolist { list-style-type: none; margin-top: 130px; padding-top: 15px; width: 100%; max-height: 80vh; display: block; overflow-y: auto; }

.sousuo .jieguolist a { display: block; }

.sousuo .jieguolist a:hover { text-decoration: none; }

.sousuo .jieguolist li { padding-top: 25px; position: relative; padding-right: 33px; padding-left: 30px; cursor: pointer; }

@media only all and (max-width: 768px) { .sousuo .jieguolist li { padding-top: 9px; } }

.sousuo .jieguolist li h1 { margin-bottom: 20px; color: #fff; font-size: 20px; }

.sousuo .jieguolist li p { color: #adadad; font-size: 16px; }

.sousuo .xuanze { position: fixed; top: 0px; left: 560px; width: 160px; padding: 20px; height: 100vh; font-family: "微软雅黑"; color: #fff; background: #313131; opacity: 0; }

@media only all and (max-width: 768px) { .sousuo .xuanze { display: none; } }

.sousuo .xuanze h1 { font-size: 16px; margin-bottom: 20px; }

.sousuo .xuanze ul { list-style-type: none; width: 100%; cursor: pointer; }

.sousuo .xuanze ul li { height: 60px; font-size: 14px; background: #252525; line-height: 60px; border-bottom: 1px solid #212121; position: relative; cursor: pointer; padding-left: 40px; }

.sousuo .xuanze ul li .yuan { border: 1px solid #fff; width: 14px; height: 14px; border-radius: 7px; position: absolute; left: 15px; top: 22px; }

.sousuo .xuanze ul li label { width: 100%; height: 100%; }

.sousuo .xuanze ul input { display: none; }

.xuanze1 { background: #313131; position: absolute; width: 100%; height: 100%; top: 0px; z-index: 9999; left: -100%; }

.xuanze1 ul { padding: 0px 15px; }

.xuanze1 ul li { padding: 10px 0px; color: #fff; height: 64px; font-size: 22px; }

.xuanze1 ul li span { font-size: 28px; top: 5px; }

.xuanze1 ul li span.ju { font-size: 22px; display: inline-block; margin: -5px 20px 0px 20px; }

.xuanze1 ul li span.you { color: #454545; }

.fanhui { color: #fff; padding: 5px 10px; background: #272727; height: 40px; width: 100%; }

.fanhui span { padding: 8px; }

.blackbg { width: 70%; height: 100%; background: #2690d4; position: absolute; top: 0; left: 0; z-index: -999; }

.close { position: absolute; left: 50%; top: 50%; margin: -9.5px 0px 0px -9.5px !important; opacity: 1; }

.zhong { width: 8px; height: 8px; background: #77bc01; border-radius: 4px; margin-left: 2px; margin-top: 2px; }

.quxiao { visibility: hidden; cursor: pointer; }

.chuangxin, .sousuo, .zixun, .gongsi, .chanpin, .gengduo { display: none; }

.search2 { width: 100%; padding-left: 20%; margin-bottom: 30px; }

.search2 span { background: #fff; border-right: none; }

.search2 input { height: 60px; width: 70% !important; border-left: none; outline: none; box-shadow: none !important; }

.search2 input:focus { border-color: #ccc !important; }

.qingchu { clear: both; }

@media only all and (max-width: 768px) { .qingchu { clear: none; } }

html { font-family: "Microsoft YaHei",sans-serif; }

a, p, ul, li, dd, dt, dl, span, i, h1, h2, h3, h4, h5, h6, p, div { text-decoration: none; box-sizing: border-box; -webkit-margin-before: 0em; -webkit-margin-after: 0em; padding: 0; margin: 0; list-style-type: none; font-weight: normal; }

*, *:after, *:before { box-sizing: border-box; }

.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }

img { display: block; }

input, textarea { border: 1px solid #D1D1D1; background: #fff; height: 30px; line-height: 30px; padding: 0 10px; box-sizing: border-box; outline: none; }

html { font-family: 'SimHei','Microsoft YaHei'; }

a { transition: all 1s ease; }

a:hover, a:focus { transition: all 1s ease; }

@keyframes animation1 { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }

@-webkit-keyframes animation1 { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/*# sourceMappingURL=common.css.map */

/*# sourceMappingURL=../map/common.css.map */