@font-face { font-family: 'OPENSANSREGULAR_0'; src: url("../fonts/OPENSANSREGULAR_0.eot"); src: url("../fonts/OPENSANSREGULAR_0.eot") format("embedded-opentype"), url("../fonts/OPENSANSREGULAR_0.woff2") format("woff2"), url("../fonts/OPENSANSREGULAR_0.woff") format("woff"), url("../fonts/OPENSANSREGULAR_0.ttf") format("truetype"), url("../fonts/OPENSANSREGULAR_0.svg#OPENSANSREGULAR_0") format("svg"); }

@font-face { font-family: 'OPENSANSBOLD'; src: url("../fonts/OPENSANSBOLD.eot"); src: url("../fonts/OPENSANSBOLD.eot") format("embedded-opentype"), url("../fonts/OPENSANSBOLD.woff2") format("woff2"), url("../fonts/OPENSANSBOLD.woff") format("woff"), url("../fonts/OPENSANSBOLD.ttf") format("truetype"), url("../fonts/OPENSANSBOLD.svg#OPENSANSBOLD") format("svg"); }

* { margin: 0px; padding: 0px; }

html { font-size: 62.5%; height: 100%; }

body { width: 100%; overflow-x: hidden; font-family: 'OPENSANSREGULAR_0'; font-size: 14px; font-size: 1.4rem; color: #333; max-width: 1920px; margin: 0 auto; }

a { color: #333; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

a:hover { color: #0a57ca; }

ol, ul, li { list-style: none; }

img { max-width: 100%; border: 0px solid #ccc; }

table, embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

button { border: none; background: none; cursor: pointer; }

em, i { font-style: normal; }

/* .c-xx start */
.c-fl { float: left; }

.c-fr { float: right; }

.c-cb { clear: both; }

.c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

.c-oh { overflow: hidden; }

.c-wd { width: 1200px; }

.c-tsn { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.c-bbx { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.c-pr { position: relative; }

.c-mt-5 { margin-top: 5px; }

.c-mt-10 { margin-top: 10px; }

.c-mt-15 { margin-top: 15px; }

.c-mt-20 { margin-top: 20px; }

.c-mt-25 { margin-top: 25px; }

.c-mt-30 { margin-top: 30px; }

.c-mt-35 { margin-top: 35px; }

.c-mt-40 { margin-top: 40px; }

.c-mt-45 { margin-top: 45px; }

.c-mt-50 { margin-top: 50px; }

.c-nomt { margin-top: 0 !important; }

.c-nomr { margin-right: 0 !important; }

.c-nomb { margin-bottom: 0 !important; }

.c-noml { margin-left: 0 !important; }

.c-nofont { line-height: 0; font-size: 0; }

.c-nobg { background: none !important; }

/* .c-xx end */
/* .f-xx start */
.f-czjz { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); }

.f-box { margin: 0 auto; max-width: 1200px; overflow: hidden; }

@media screen and (min-width: 960px) and (max-width: 1219px) { .f-box { width: 950px; } }

@media screen and (min-width: 768px) and (max-width: 959px) { .f-box { width: 750px; } }

@media screen and (max-width: 767px) { .f-box { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

/* .f-xx end */
.l { float: left; }

.r { float: right; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.box { position: relative; }

.mln { margin-left: 0 !important; }

.clear { clear: both; }

.wp { width: 1200px; margin: auto; }

.wpp { width: 1400px; margin: auto; }

@media screen and (max-width: 1420px) { .wpp { width: 980px; margin: auto; } }

@media screen and (max-width: 1219px) { .wp { width: 980px; margin: auto; }
  .wpp { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; }
  .wpp { width: 95%; margin: auto; } }

/* .m-xx start */
.m-desc { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.m-desc a { color: #0a57ca; }

.m-desc a:hover { text-decoration: underline; }

.m-desc p { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.m-desc span { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.m-desc b { font-size: 22px; font-size: 2.2rem; color: #333; line-height: 30px; }

.m-desc a { font-size: 14px; font-size: 1.4rem; color: #0a57ca; line-height: 30px; }

.m-desc img { display: block; max-width: 100%; margin: 0 auto; }

.m-desc iframe { display: block; max-width: 100%; margin: 0 auto; }

.m-desc table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; }

.m-desc table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 767px) { .m-tt1 { font-size: 24px !important; font-size: 2.4rem !important; }
  .m-tt2 { font-size: 20px !important; font-size: 2rem !important; }
  .m-tt3 { font-size: 18px !important; font-size: 1.8rem !important; }
  .m-desc1 { font-size: 16px !important; font-size: 1.6rem !important; }
  .m-desc2 { font-size: 14px !important; font-size: 1.4rem !important; }
  [class*="-item"] .item-title { font-size: 14px; font-size: 1.4rem; }
  [class*="-item"] .item-desc { font-size: 13px; font-size: 1.3rem; }
  [class*="-item"] .item-link { font-size: 13px; font-size: 1.3rem; }
  [class*="-item"] .item-modal { display: none; } }

/* .m-xx end */
/* .j-xx start */
.j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }

.j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.j-offset-left { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); opacity: 0; }

.j-offset-left.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }

.j-offset-right { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }

.j-offset-right.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }

/* .j-xx end */
[class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden; }

[class*="-item"] .item-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

[class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

[class*="-item"] .item-title { overflow: hidden; }

[class*="-item"] .item-title a:hover { color: #0a57ca; }

[class*="-item"] .item-desc { overflow: hidden; }

[class*="-item"] .item-desc a { display: block; }

[class*="-item"] .item-desc a:hover { color: #0a57ca; }

.m-crm { margin-top: 7px; margin-bottom: 17px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333; }

.m-crm a { color: #333; }

.m-crm a:hover { color: #0a57ca; }

.m-crm a.active { color: #0a57ca; }

.m-page { margin-bottom: 100px; letter-spacing: 0; font-size: 0; text-align: center; font-family: Verdana; }

.m-page a { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; width: 35px; height: 30px; line-height: 28px; font-size: 12px; font-size: 1.2rem; color: #333; text-align: center; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; background: #eeeeee; }

.m-page a.big { width: 61px; }

.m-page a:hover { color: white; border-color: #0a57ca; background-color: #0a57ca; }

.m-page a.active { color: white; border-color: #0a57ca; background-color: #0a57ca; }

.m-page span { display: inline-block; width: 50px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #333; position: relative; top: 3px; }

.m-page img { display: inline-block; position: relative; top: 2px; margin-left: 10px; margin-right: 0px; }

.m-page .ins { margin-left: 4px; width: 150px; display: inline-block; height: 30px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #eeeeee; color: #333333; font-size: 14px; font-size: 1.4rem; cursor: pointer; }

.m-page2 { position: relative; margin-bottom: 35px; }

@media screen and (max-width: 767px) { .m-page { margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }
  .m-page img { display: none; } }

/**********************  ce  ************************/
.ce { position: fixed; top: 20%; z-index: 99999; width: 69px; background: #f2f2f2; right: 0px; padding: 5px 0px; font-family: Verdana; }

.ce li { margin: 0px 10px; border-bottom: 1px solid #aaaaaa; padding-bottom: 5px; text-align: center; }

.ce li.noborder { border: none; }

.ce li a { display: block; }

.ce li span { display: block; margin-top: 1px; font-size: 12px; font-size: 1.2rem; color: #000000; }

.ce li img { margin-top: 6px; }

.weixin { position: relative; }

.ewm { position: absolute; right: 100%; bottom: -99999px; width: 100px; max-width: 100px; max-height: 100px; }

.ewm2 { position: absolute; right: 100%; bottom: -99999px; width: 100px; max-width: 100px; max-height: 100px; }

.ce li.weixin:hover .ewm2 { bottom: 0; display: block !important; }

@media screen and (max-width: 767px) { .ce { bottom: 0; top: auto; width: 100%; padding: 0; -moz-border-radius: 0; border-radius: 0; right: 0; }
  .ce li { border: none; float: left; width: 20%; margin: 0; }
  body { padding-bottom: 61px; }
  .ewm { right: auto; left: 0; }
  .weixin:hover .ewm { bottom: 100%; }
  .ewm.active { display: none; }
  .ewm2 { display: none; } }

.returntop { position: fixed; *position: absolute; z-index: 999; right: 6px; bottom: 30px; width: 72px; height: 72px; background: url("../images/gotop.png") no-repeat center; line-height: 0; font-size: 0; display: none; }

@media screen and (max-width: 959px) { .returntop { right: 0; bottom: 65px; width: 36px; height: 36px; background-size: contain; } }

.returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 30px; width: 72px; height: 72px; background: url("../images/gotop.png") no-repeat center; line-height: 0; font-size: 0; display: none; }

@media screen and (max-width: 959px) { .returntop { right: 0; bottom: 65px; width: 36px; height: 36px; background-size: contain; } }

.wap-hd-nav { display: none; }

.wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

.wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.wap-nav .nav span { font-family: arial, helvetica, sans-serif; }

.wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }

.wap-nav .nav form .iptc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }

.wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../images/sch2.png") no-repeat center center; }

.wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }

.wap-nav .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; }

.wap-nav .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }

.wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.wap-nav .nav > ul > li .c-show { display: none; width: 100%; }

.wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > dl { padding: 20px; }

.wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; }

.wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #0a57ca; }

.wap-nav, .menubtn { display: none; }

@media screen and (max-width: 959px) { .wap-nav, .menubtn { display: block; }
  .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #0a57ca; }
  .wap-hd-nav-item { width: 25%; }
  .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: white; text-align: center; background-color: #363636; }
  .wap-hd-nav-item a.active { color: white; background-color: #0a57ca; } }

/* header_top */
.header_top { padding-top: 16px; padding-bottom: 13px; }

.header_top .search { position: absolute; top: 10px; right: 197px; width: 31px; height: 31px; }

.header_top .inpu { display: block; background: url(../images/sousuo.png) no-repeat center; width: 31px; height: 31px; }

.header_form { display: none; margin-left: -167px; border: 1px solid #333; background: #fff; width: 200px; height: 31px; line-height: 31px; -moz-border-radius: 50px; border-radius: 50px; position: relative; z-index: 999; }

.header_form .tex { background: transparent; text-indent: 17px; width: 100%; line-height: 31px; height: 31px; display: inline-block; color: #333; }

.header_form .sub { position: absolute; top: 0px; right: 0px; height: 31px; width: 31px; font-size: 0px; cursor: pointer; z-index: 99; background: url(../images/sch2.png) no-repeat center; }

/* header */
.header .wp { position: relative; }

.header .logo { padding-top: 9px; }

.header .logo img { display: block; max-width: 114px; max-height: 93px; width: 100%; margin: 0 auto; }

.header_ul1 > li { float: left; margin-left: 37px; position: relative; padding-bottom: 28px; }

.header_ul1 > li:hover .dan_header { display: block; }

.header_ul1 > li > a { font-family: "OPENSANSBOLD"; color: #333; line-height: 30px; display: block; border-bottom: 2px solid transparent; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; }

.header_ul1 > li:hover > a, .header_ul1 li.on > a { color: #0a57ca; border-color: #0a57ca; }

.dan_header { display: none; width: 338px; position: absolute; left: 0px; top: 100%; background: #fff; z-index: 999999; }

.dan_header > ul > li { line-height: 46px; position: relative; left: 0px; }

.dan_header > ul > li > a { padding-left: 30px; position: relative; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 46px; display: block; }

.dan_header > ul > li:hover > a { color: #fff; background: #0a57ca; }

.dan_header > ul > li:hover .dan_sanheader { display: block; }

.dan_sanheader { display: none; width: 290px; padding-left: 2px; position: absolute; left: 100%; top: 0px; z-index: 999999; }

.dan_sanheader > ul { background: #fff; }

.dan_sanheader > ul > li { line-height: 46px; position: relative; }

.dan_sanheader > ul > li > a { padding-left: 23px; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 46px; display: block; }

.dan_sanheader > ul > li:hover > a { color: #fff; background: #0a57ca; }

@media screen and (max-width: 1219px) { .header_ul1 > li { margin-left: 11px; } }

@media screen and (max-width: 999px) { .header { position: relative; }
  .header_ul1 > li > a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 959px) { .header_top .search { right: 2px; }
  .header_ul1 { display: none; }
  .header_top .he_top { display: none; }
  .header { padding: 15px 0px; }
  .header_top { padding: 0px; }
  .header .logo { float: none; margin: 0 auto; width: 100%; max-width: 156px; padding: 0px; } }

@media screen and (max-width: 768px) { .slide .carousel-control { display: none; } }

/* footer */
.footer { background: url(../images/footer.png) repeat center top; padding-top: 52px; }

.footer a:hover { color: #fff; }

.footer .title { padding-bottom: 6px; background: url(../images/ftitle.png) no-repeat left bottom; font-size: 24px; font-size: 2.4rem; text-transform: uppercase; font-family: "OPENSANSBOLD"; color: #fff; line-height: 30px; }

.footer .title a { color: #fff; }

.footer_left { float: left; width: 545px; }

.footer_center { float: left; width: 248px; margin-left: 62px; padding-top: 60px; }

.footer_right { float: right; width: 258px; }

.footer_center p { color: #fff; line-height: 30px; font-size: 16px; font-size: 1.6rem; }

.footer_center p a { line-height: 30px; color: #fff; }

.footer_center p .tech { margin-left: 5px; margin-right: 5px; display: inline-block; }

.footer ul { margin-top: 19px; width: 50%; float: left; }

.footer ul li { line-height: 30px; color: #fff; padding-left: 27px; }

.footer ul li a { color: #fff; }

.footer ul .li1 { background: url(../images/fli1.png) no-repeat left 10px; }

.footer ul .li2 { background: url(../images/fli2.png) no-repeat left 7px; }

.footer ul .li3 { background: url(../images/fli3.png) no-repeat left 8px; }

.footer ul .li4 { background: url(../images/fli4.png) no-repeat left 10px; }

.footer ul .li5 { background: url(../images/fli5.png) no-repeat left 8px; }

.footer ul .li6 { background: url(../images/fli6.png) no-repeat left 8px; }

.footer ul .li7 { padding-left: 100px; }

.footer .shejiao { padding-top: 28px; }

.footer .shejiao a { display: block; margin-left: 10px; float: left; margin-bottom: 10px; }

.shejiao a img { -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; }

.shejiao a:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

.footer_bot { margin-top: 29px; border-top: 1px solid #727272; border-top: 1px solid rgba(255, 255, 255, 0.4); }

.Links { min-height: 46px; line-height: 46px; color: #fff; }

.Links a { display: inline-block; padding-right: 20px; color: #fff; }

@media screen and (max-width: 1219px) { .footer_left { width: 465px; }
  .footer_center { width: 220px; margin-left: 22px; padding-top: 60px; }
  .footer_right { width: 253px; } }

@media screen and (max-width: 999px) { .footer_left { width: 100%; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .footer_center { width: 100%; float: none; padding-top: 10px; margin-left: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .footer_right { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px; float: none; } }

@media screen and (max-width: 768px) { .footer { padding: 20px; }
  .footer_left { display: none; }
  .Links { display: none; }
  .footer_bot { border: 0px; padding: 20px 0px; margin: 0 auto; }
  .footer_bot span { display: none; } }

/*==========main1==================*/
.main1 a { display: block; }

.main1 img { display: block; }

.main1 .m1_li1 { width: 40.26042%; float: left; }

.main1 .m1_li2 { width: 29.89583%; float: left; }

.main1 .m1_li3 { width: 29.84375%; float: left; }

.main1 .m1_li3 .tirle21 { color: #fff; }

.main1 .m1_li4 { width: 29.94792%; float: left; }

.main1 .m1_li4 .tirle21 { color: #fff; }

.main1 .m1_li5 { width: 29.79167%; float: left; }

.main1 .m1_li5 .tirle21 { color: #333; }

.main1 .m1_li6 { width: 29.89583%; float: left; }

.main1 .wrap { position: relative; overflow: hidden; }

.main1 .wrap:hover .fu { top: 0px; }

.main1 .tirle21 { position: absolute; left: 0px; font-size: 22px; font-size: 2.2rem; color: #333; line-height: 30px; font-family: "OPENSANSBOLD"; left: 49px; top: 68px; }

.main1 .fu { position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.4); -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 1s all; }

.main1 .m1_wrap { display: table; width: 100%; height: 100%; }

.main1 .m1_wrap2 { display: table-cell; vertical-align: middle; }

.main1 .tirle22 { font-size: 24px; font-size: 2.4rem; color: #fff; text-align: center; display: block; font-family: "OPENSANSBOLD"; }

.main1 .more { width: 188px; height: 42px; line-height: 42px; text-align: center; border: 1px solid #fff; display: block; margin: 0 auto; color: #fff; text-transform: uppercase; margin-top: 78px; }

 
.main1 .wrap a{ overflow: hidden; }
.main1 .wrap a img{ display: block;  -webkit-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;transition: 0.3s all; }
.main1 .wrap :hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}




@media screen and (max-width: 1519px) { .main1 .tirle21 { font-size: 20px; font-size: 2rem; top: 30px; } }

@media screen and (max-width: 1219px) { .main1 .tirle21 { font-size: 20px; font-size: 2rem; top: 16px; left: 20px; } }

@media screen and (max-width: 999px) { .main1 .tirle21 { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 648px) { .main1 .m1_li1 { max-width: 773px; width: 100%; float: none; margin: 0 auto; }
  .main1 .m1_li2 { max-width: 574px; width: 100%; float: none; margin: 0 auto; }
  .main1 .m1_li3 { max-width: 573px; width: 100%; float: none; margin: 0 auto; }
  .main1 .m1_li4 { max-width: 575px; width: 100%; float: none; margin: 0 auto; }
  .main1 .m1_li5 { max-width: 572px; width: 100%; float: none; margin: 0 auto; } }

/*==========main2==================*/
.main2 { background: url(../images/main2.png) repeat-y center top; padding-top: 140px; padding-bottom: 142px; }

.main2 a { color: #333333; }

.main2 .img_2 { display: block; margin-right: -17%; }

.main2 .img_2 img { position: relative; }

.main2 .title21 { font-size: 48px; font-size: 4.8rem; line-height: 50px; padding-top: 22px; font-family: "OPENSANSBOLD"; }

.main2 p { line-height: 30px; font-size: 18px; font-size: 1.8rem; padding-top: 23px; }

.main2 p a { display: block; }

.main2 a.more { font-size: 14px; font-size: 1.4rem; border: 1px solid #333333; display: block; width: 188px; height: 45px; line-height: 45px; text-align: center; text-transform: uppercase; margin-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1619px) { .main2 .img_2 { width: 50%; margin-right: -5%; } }

@media screen and (max-width: 1419px) { .main2 .img_2 { margin-right: 0px; margin-left: 10px; } }

@media screen and (max-width: 1219px) { .main2 .img_2 { margin-right: 0px; }
  .main2 .title21 { font-size: 30px; font-size: 3rem; line-height: 30px; } }

@media screen and (max-width: 999px) { .main2 { padding-top: 50px; padding-bottom: 50px; }
  .main2 .img_2 { margin-right: 0px; float: none; margin: 0 auto; } }

@media screen and (max-width: 768px) { .main2 p { font-size: 14px; font-size: 1.4rem; } }

/*==========main3==================*/
.main3 { position: relative; }

.main3 .m3_img { position: absolute; left: 50%; top: 50%; margin-left: -61px; margin-top: -61px; width: 122px; height: 122px; z-index: 99; }

.main3 .m3_img img { display: block; max-width: 122px; max-height: 122px; width: 100%; }

.main3 .litop { position: relative; max-width: 1920px; width: 100%; padding-bottom: 33%; height: 0; overflow: hidden; }

.main3 .litop iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.main3 .litop iframe body { margin: 0px !important; }

.main3 .litop video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.main3 .litop video body { margin: 0px !important; }

@media screen and (max-width: 768px) { .main3 .m3_img { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } }

/*==========main4==================*/
.main4 { padding-top: 90px; padding-bottom: 47px; }

.main4 .m4_l { width: 598px; }

.main4 .m4_r { width: 544px; }

.main4 .tile2 { display: block; padding-top: 45px; font-size: 30px; font-size: 3rem; padding-bottom: 18px; background: url(../images/m2tile2.png) no-repeat bottom left; font-family: "OPENSANSBOLD"; line-height: 30px; }

.main4 p { font-size: 16px; font-size: 1.6rem; line-height: 30px; padding-top: 37px; }

.main4 p a { display: block; max-height: 120px; overflow: hidden; }

.main4 .more { font-size: 16px; font-size: 1.6rem; display: block; width: 131px; height: 40px; line-height: 40px; text-align: center; background: #0a57ca; color: #fff; margin-top: 30px; }

@media screen and (max-width: 1219px) { .main4 .m4_l { width: 49%; }
  .main4 .m4_r { width: 49%; }
  .main4 .tile2 { padding-top: 10px; }
  .main4 p { padding-top: 10px; } }

@media screen and (max-width: 999px) { .main4 .m4_l { max-width: 598px; width: 100%; float: none; margin: 0 auto; }
  .main4 .m4_r { width: 100%; float: none; margin: 0 auto; } }

@media screen and (max-width: 768px) { .main4 p { font-size: 14px; font-size: 1.4rem; } }

/*==========main5==================*/
.main5 { padding-bottom: 87px; }

.main5 .m4_l { width: 598px; }

.main5 .m4_r { width: 544px; }

.main5 .tile2 { display: block; padding-top: 27px; font-size: 30px; font-size: 3rem; padding-bottom: 22px; margin-bottom: 26px; background: url(../images/m2tile2.png) no-repeat bottom left; font-family: "OPENSANSBOLD"; line-height: 30px; }

.main5 .title3 { display: block; margin-bottom: 9px; font-size: 14px; font-size: 1.4rem; line-height: 30px; font-family: "OPENSANSBOLD"; }

.main5 .time { font-size: 14px; font-size: 1.4rem; line-height: 24px; }

.main5 p { line-height: 24px; }

.main5 p a { display: block; max-height: 48px; overflow: hidden; }

.main5 .more { font-size: 16px; font-size: 1.6rem; display: block; width: 131px; height: 40px; line-height: 40px; text-align: center; background: #0a57ca; color: #fff; margin-top: 27px; }

@media screen and (max-width: 1219px) { .main5 .m4_l { width: 49%; }
  .main5 .m4_r { width: 49%; } }

@media screen and (max-width: 999px) { .main5 .m4_l { max-width: 598px; width: 100%; float: none; margin: 0 auto; }
  .main5 .m4_r { width: 100%; float: none; margin: 0 auto; } }

/*==========main6==================*/
.main6 { background: #f1f1f1; padding-top: 66px; padding-bottom: 76px; }

.main6 .title2 { font-size: 30px; font-size: 3rem; text-transform: uppercase; font-family: "OPENSANSBOLD"; text-align: center; padding-bottom: 13px; margin-bottom: 29px; background: url(../images/m6title2.png) no-repeat center bottom; }

.main6 form { width: 600px; margin: 0 auto; }

.main6 .c_div2 { margin-top: 13px; }

.main6 .c_input, .main6 .c_captcha { font-size: 14px; font-size: 1.4rem; color: #333; height: 45px; line-height: 45px; font-family: "OPENSANSREGULAR_0"; margin-bottom: 19px; }

.main6 .c_input { width: 296px; padding-left: 13px; display: block; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.main6 .c_textarea { color: #333; font-family: "OPENSANSREGULAR_0"; line-height: 45px; background: #fff; padding-left: 13px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 102px; }

.main6 .c_yzm { display: block; float: left; cursor: pointer; }

.main6 .c_captcha { display: block; float: left; padding-left: 14px; width: 192px; margin-right: 24px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.main6 .c_send { float: right; width: 201px; background: #0a57ca; font-size: 18px; font-size: 1.8rem; color: #fff; height: 47px; line-height: 47px; cursor: pointer; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }

.main6 .c_send:hover { background: #aaa; }

@media screen and (max-width: 648px) { .main6 form { max-width: 600px; width: 100%; margin: 0 auto; }
  .main6 .c_input, .main6 .c_captcha { width: 100%; float: none; }
  .main6 .c_nr { width: 100%; }
  .main6 .c_yzm { margin-bottom: 10px; }
  .main6 .c_send { width: 100%; } }

/*==========ab_top1==================*/
.ab_top1 .ab_r { width: 655px; }

.ab_top1 img { display: block; }

.ab_top1 .title { 
    /*padding-top: 57px;*/
    font-size: 30px; font-size: 3rem; line-height: 40px; font-family: "OPENSANSBOLD"; color: #0a57ca;}

.ab_top1 .title2 { padding-bottom: 10px; background: url(../images/abtitle2.png) no-repeat left bottom; font-size: 20px; font-size: 2rem; line-height: 30px; font-family: "OPENSANSBOLD"; color: #0a57ca; margin-bottom: 24px; }

.ab_top1 p { 
    /*max-width: 550px; */
    font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333333; }

/*@media screen and (max-width: 1419px) { .ab_top1 img { width: 100%; }*/
/*  .ab_top1 .ab_r { width: 49%; }*/
/*  .ab_top1 .title { padding-top: 0px; }*/
/*  .ab_top1 p { font-size: 14px; font-size: 1.4rem; } }*/

/*@media screen and (max-width: 999px) {*/
@media screen and (max-width: 1419px) {
    .ab_top1 { padding-bottom: 30px; }
  .ab_top1 p { width: 100%; max-width: 100%; }
  .ab_top1 img { max-width: 697px; width: 100%; float: none; margin: 0 auto; }
  .ab_top1 .ab_r { width: 100%; float: none; width: 100%; }
  .ab_top1 .title { padding-top: 20px; } }

/*==========ab_top2==================*/
.ab_top2 .ab_r { width: 655px; }

.ab_top2 img { display: block; }

.ab_top2 .title { padding-top: 45px; font-size: 20px; font-size: 2rem; color: #0a57ca; line-height: 30px; font-family: "OPENSANSBOLD"; }

.ab_top2 .title2 { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

@media screen and (max-width: 1419px) { .ab_top2 img { width: 50%; }
  .ab_top2 .ab_r { width: 49%; }
  .ab_top2 .title2 { font-size: 14px; font-size: 1.4rem; }
  .ab_top2 .title { font-size: 18px; font-size: 1.8rem; padding-top: 10px; } }

@media screen and (max-width: 999px) { .ab_top2 img { max-width: 697px; width: 100%; float: none; margin: 0 auto; }
  .ab_top2 .ab_r { width: 100%; float: none; width: 100%; }
  .ab_top2 .title { padding-top: 20px; } }

.ab_top3 { font-size: 20px; font-size: 2rem; line-height: 34px; padding-top: 27px; }



@media screen and (max-width: 999px) { .ab_top3 { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 768px) { .ab_top3 { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

/*==========about==================*/
.about { padding-bottom: 100px; }

.about .ab_tiel2 { font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-size: 3rem; font-weight: bold; color: #0a57ca; text-transform: uppercase; padding-top: 37px; }

.about .img-scroll { position: relative; width: 100%; margin-top: 52px; }

.about .img-scroll .prev { position: absolute; display: block; width: 39px; height: 39px; top: 50%; margin-top: -19px; z-index: 999; }

.about .img-scroll .next { position: absolute; display: block; width: 39px; height: 39px; top: 50%; margin-top: -19px; z-index: 999; }

.about .img-scroll .prev { left: 0; cursor: pointer; background: url(../images/arrowleft.png) no-repeat center; }

.about .img-scroll .next { right: 0; cursor: pointer; background: url(../images/arrowright.png) no-repeat center; }

.about .img-scroll .prev:hover { background: url(../images/arrowlefton.png) no-repeat center; }

.about .img-scroll .next:hover { background: url(../images/arrowrighton.png) no-repeat center; }

.about .img-list { position: relative; width: 91.6%; overflow: hidden; margin: 0 auto; }

.about .img-list ul { width: 1000%; }

.about .img-list li { float: left; width: 312px; margin-right: 10px; }

.about .img-list li .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; }

.about .img-list li .m3lien { max-width: 312px; text-align: center; position: relative; overflow: hidden; margin: 0 auto; }

.about .img-list li .m3lien:hover .m4fu { top: 0; }

.about .img-list li a { display: block; }

.about .img-list li img { display: block; max-width: 312px; max-height: 207px; width: 100%; margin: 0 auto; }

.about .img-list li .m4zi { display: block; margin: 0 auto; max-width: 312px; width: 100%; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media screen and (max-width: 1419px) { .about .img-list li { width: 3%; margin-right: .5%; } }

@media screen and (max-width: 999px) { .about .img-list li .m3lien .m4fu { top: 0px; opacity: 0; }
  .about .img-list { width: 100%; }
  .about .img-list li { width: 3%; margin-right: .5%; } }

@media screen and (max-width: 768px) { .about .ab_tiel2 { font-size: 20px; font-size: 2rem; }
  .about .img-scroll { margin-top: 20px; }
  .about .img-list li { width: 4.5%; margin-right: 1%; } }

@media screen and (max-width: 400px) { .about .img-list li { width: 10%; margin-right: .487%; } }

/* contact_top */
.contact_top { background: #e5e5e5 url(../images/conleft1.png) no-repeat left top; -moz-border-radius: 8px; border-radius: 8px; padding-bottom: 17px; }

/* c_left */
.c_left { width: 537px; padding-top: 22px; padding-bottom: 1px; -moz-border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px; }

.c_left_wrap { width: 442px; margin: 0 auto; }

.c_left_wrap .c_title { margin-bottom: 28px; font-size: 16px; font-size: 1.6rem; line-height: 46px; color: #fff; }

.c_left_wrap .c_tiyl { padding-left: 29px; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 46px; }

.c_left_wrap .c_tiyl a { color: #fff; }

.c_left_wrap .c_tiyl a:hover { color: #0a57ca; }

.c_left_wrap .c_tiyl4 { background: url(../images/c_xin1.png) no-repeat left 10px; }

.c_left_wrap .c_tiyl41 { background: url(../images/c_xin2.png) no-repeat left 10px; }

.c_left_wrap .c_tiyl42 { background: url(../images/c_xin3.png) no-repeat left 15px; }

.c_left_wrap .c_tiyl43 { background: url(../images/c_xin4.png) no-repeat left 15px; }

.c_left_wrap .c_tiyl44 { background: url(../images/c_xin5.png) no-repeat left 10px; }

.c_left_wrap .c_tiyl45 { background: url(../images/c_xin6.png) no-repeat left 10px; }

.c_left_wrap .c_tiyl45 p { padding-left: 85px; }

.c_left_wrap .c_tiyl46 { background: url(../images/c_xin7.png) no-repeat left 10px; }

.c_left_wrap .c_tiyl47 { background: url(../images/c_xin8.png) no-repeat left 10px; }

.c_left_wrap .c_tiyl47 p { padding-left: 66px; }

.c_left_wrap .c_tiyl48 { background: url(../images/c_xin9.png) no-repeat left 14px; }

/* c_right */
.c_right { float: right; width: 47%; margin-right: 98px; }

.c_right .c_xp { padding-top: 19px; }

.c_right .c_bt { width: 14px; float: left; color: #ff0000; font-family: Verdana; line-height: 36px; height: 36px; font-size: 14px; font-size: 1.4rem; }

.c_right .c_div1 { padding-bottom: 21px; }

.c_right .c_div2 { padding-bottom: 23px; }

.c_right .c_div3 { padding-bottom: 23px; }

.c_right .c_div4 { padding-top: 2px; margin-bottom: 5px; }

.c_right .c_input1 { float: left; line-height: 43px; height: 43px; font-size: 16px; font-size: 1.6rem; padding-left: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #666666; width: 644px; border: solid 1px #cccccc; background: #fff; }

.c_right .c_textarea { font-family: "OPENSANSREGULAR_0"; float: left; font-size: 16px; font-size: 1.6rem; padding-left: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #666666; width: 644px; border: solid 1px #cccccc; line-height: 26px; padding-top: 1px; height: 251px; background: #fff; }

.c_right .c_captcha { font-size: 16px; font-size: 1.6rem; background: #fff; width: 183px; float: left; line-height: 43px; height: 43px; text-indent: 9px; color: #666666; border: solid 1px #cccccc; }

.c_right .c_yzm { float: left; margin-left: 22px; cursor: pointer; }

.c_right .c_send { float: right; text-align: center; color: #fff; background: #333333; width: 211px; height: 43px; line-height: 43px; font-size: 16px; font-size: 1.6rem; cursor: pointer; }

.c_title2 { padding-top: 30px; padding-left: 14px; line-height: 30px; font-size: 26px; font-size: 2.6rem; color: #0a57ca; text-transform: uppercase; /*font-family: "OPENSANSBOLD";*/ font-family: 'OPENSANSREGULAR_0'; padding-bottom: 3px; }

.map { margin: 58px auto 99px; }

.map iframe { display: block; max-width: 1400px; max-height: 446px; width: 100%; }

@media screen and (max-width: 1419px) { .c_right { margin-right: 13px; width: 40%; }
  .c_right .c_div1, .c_right .c_div2, .c_right .c_div3 { padding-bottom: 16px; }
  .c_right .c_input1 { width: 96%; }
  .c_right .c_textarea { width: 96%; }
  .c_right .c_send { width: 105px; }
  .c_right .c_captcha { width: 100px; }
  .c_left { width: 544px; background: #272b2f url(../images/conleft1.png) no-repeat left top; } }

@media screen and (max-width: 999px) { .contact_top { background: #e5e5e5; margin-top: 20px; }
  .map { margin: 20px auto 20px; }
  .c_left { float: none; width: 95%; margin: 0 auto; max-width: 544px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; }
  .c_right { float: none; width: 95%; margin: 0 auto; margin-top: 20px; }
  .c_right .c_title2 { padding-top: 0px; }
  .c_right .c_send { width: 95%; margin-left: 14px; margin-top: 15px; float: left; }
  .c_left_wrap { width: 90%; }
  .c_left_wrap .c_title { padding-bottom: 20px; }
  .c_right .c_captcha { width: 50%; } }

@media screen and (max-width: 500px) { .c_left_wrap .c_tiyl { margin-bottom: 15px; font-size: 14px; font-size: 1.4rem; }
  .c_left_wrap .c_tiyl41 p { padding-left: 42px; }
  .c_left_wrap .c_tiyl43 p { padding-left: 77px; }
  .c_right .c_input1 { width: 90%; }
  .c_right .c_textarea { width: 90%; }
  .c_right .c_send { width: 90%; }
  .c_right .c_captcha { width: 90%; margin-bottom: 20px; }
  .c_right .c_yzm { margin-left: 12px; } }

/*==========news==================*/
.news .news_wrap { padding-bottom: 20px; }

.news .fwp { margin-bottom: 35px; position: relative; }

.news .swp { position: absolute; top: 0; left: 0; }

.news .swp a { display: block; width: 100%; margin: 0 auto; }

.news .swp a img { display: block; max-width: 473px; max-height: 355px; width: 100%; margin: 0 auto; }

.news .ntime { margin-top: 12px; line-height: 30px; font-size: 16px; font-size: 1.6rem; }

.news .zi { padding-left: 517px; min-height: 355px; padding-right: 0px; }

.news .zi .title { padding-top: 70px; color: #333; display: block; line-height: 30px; font-size: 18px; font-size: 1.8rem; font-family: "OPENSANSBOLD"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.news .zi .p { display: block; max-height: 90px; overflow: hidden; color: #333; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.news .zi .more { margin-top: 27px; display: block; font-size: 16px; font-size: 1.6rem; width: 131px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #878787; }

.news .zi .title:hover { color: #0a57ca; }

.news .zi .p:hover { color: #0a57ca; }

.news .zi .more:hover { background: #0a57ca; color: #fff; }

@media screen and (max-width: 999px) { .news .swp { width: 40%; }
  .news .zi { padding-left: 45%; }
  .news .zi .title { padding-top: 0px; }
  .news .fwp { margin-bottom: 0px; } }

@media screen and (max-width: 768px) { .news .swp { width: 100%; }
  .news .fwp { padding-bottom: 50px; }
  .news .swp { position: relative; top: 0; left: 0; padding: 0px; }
  .news .zi { padding-left: 0px; min-height: 215px; padding-right: 0px; }
  .news .zi .time { padding-bottom: 0px; padding-top: 0px; }
  .news .zi .title { margin-top: 10px; }
  .news .zi .p { margin-bottom: 10px; font-size: 14px; font-size: 1.4rem; } }

/*==========news2==================*/
.news2 { position: relative; }

.news2 .title1 { text-align: center; }

.news2 .title1 h1 { font-size: 14px; font-size: 1.4rem; font-family: "OPENSANSBOLD"; line-height: 30px; }

.news2 .time { text-align: center; margin-top: 5px; margin-bottom: 18px; }

.news2 .time span.sapn1 { color: #333333; font-weight: normal; display: inline-block; line-height: 24px; }

.news2 .share1 { position: relative; display: block; width: 242px; }

.news2 .share1 .span { font-size: 16px; font-size: 1.6rem; color: #333333; height: 31px; line-height: 27px; }

.news2 .at-resp-share-element .at-icon { width: 26px !important; height: 26px !important; }

.news2 .at-style-responsive .at-share-btn { padding: 0 !important; -moz-border-radius: 2px !important; border-radius: 2px !important; }

.news2 .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 26px !important; height: 26px !important; }

.news2 .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }

.news2 .news2x { color: #333333; line-height: 30px; margin-top: 20px; margin-bottom: 30px; }

.news2 .news2x a { color: #0a57ca; line-height: 30px; }

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

.news2 .news2x iframe { display: block; max-width: 100%; margin: 0 auto; }

.news2 .news2x .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.news2 .news2x .table table tr td { padding: 3px; border: 1px solid #ccc; }

@media screen and (max-width: 1000px) { .news2 .news2x .table { width: 100%; overflow: scroll; }
  .news2 .news2x .table table { width: 885px; } }

.news2 .updown { margin-top: 29px; padding-top: 35px; border-top: 1px solid #d2d2d2; padding-bottom: 98px; }

.news2 .updown .up { margin-top: 0px; margin-bottom: 0px; }

.news2 .updown p { line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #888888; }

.news2 .updown p .img { display: inline-block; }

.news2 .updown p .img img { display: inline-block; position: relative; top: 7px; margin-right: 5px; }

.news2 .updown p .on { color: #0a57ca; }

.news2 .updown p span { font-size: 14px; font-size: 1.4rem; color: #333; }

.news2 .updown p a { font-size: 14px; font-size: 1.4rem; color: #333; }

.news2 .updown p a:hover { color: #0a57ca; }

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { font-family: Verdana, Geneva, sans-serif; font-weight: 200; color: #fff; }

#sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 9999999; text-align: left; visibility: hidden; display: none; }

#sb-overlay { position: relative; height: 100%; width: 100%; }

#sb-wrapper { position: absolute; visibility: hidden; width: 100px; }

#sb-wrapper-inner { position: relative; border: 1px solid #303030; overflow: hidden; height: 100px; }

#sb-body { position: relative; height: 100%; }

#sb-body-inner { position: absolute; height: 100%; width: 100%; }

#sb-player.html { height: 100%; overflow: auto; }

#sb-body img { border: none; }

#sb-loading { position: relative; height: 100%; }

#sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center; }

#sb-loading-inner span { padding-left: 34px; display: inline-block; }

#sb-body, #sb-loading { background-color: #060606; }

#sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden; }

#sb-title, #sb-title-inner { height: 26px; line-height: 26px; }

#sb-title-inner { font-size: 16px; }

#sb-info, #sb-info-inner { height: 20px; line-height: 20px; }

#sb-info-inner { font-size: 12px; }

#sb-nav { float: right; height: 16px; padding: 2px 0; width: 45%; }

#sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat; }

#sb-counter { float: left; width: 45%; }

#sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff; }

#sb-counter a.sb-counter-current { text-decoration: underline; }

div.sb-message { font-size: 12px; padding: 10px; text-align: center; }

div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; }

/*==========video==================*/
.video .title { font-size: 24px; font-size: 2.4rem; line-height: 26px; padding-bottom: 30px; line-height: 30px; text-align: center; text-transform: uppercase; font-family: "OPENSANSBOLD"; }

.video .syaby { max-width: 461px; width: 100%; margin: 0 auto; }

.video .vi_top li { float: left; width: 461px; margin-left: 8px; }

.video .vi_top p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 23px; padding-bottom: 28px; font-size: 16px; font-size: 1.6rem; font-family: "OPENSANSBOLD"; line-height: 30px; text-align: center; }

.video .box-img { position: relative; width: 787px; }

.video .box-video { display: none; }

.video .vmodal { position: fixed; z-index: 9999999999; *position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); background-color: #000 \9; display: none; }

.video .vmodal-close { position: absolute; right: 20px; top: 20px; display: block; width: 40px; height: 40px; background: url("../images/close.png") no-repeat center; background-size: 100% 100%; }

.video .vmodal iframe { position: absolute; top: 20%; left: 15%; width: 70%; height: 60%; }

.video .vi_top2 li { float: left; }

.video .vi_top2 p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 23px; padding-bottom: 28px; font-size: 16px; font-size: 1.6rem; font-family: "OPENSANSBOLD"; line-height: 30px; text-align: center; }

.video .img-scroll { position: relative; width: 100%; padding-bottom: 50px; }

.video .img-scroll .hot { position: relative; max-width: 100px; width: 100%; height: 39px; margin: 20px auto; }

.video .img-scroll .prev { position: absolute; display: block; width: 39px; height: 39px; top: 50%; margin-top: -30.5px; z-index: 99; }

.video .img-scroll .next { position: absolute; display: block; width: 39px; height: 39px; top: 50%; margin-top: -30.5px; z-index: 99; }

.video .img-scroll .prev { left: 0; cursor: pointer; background: url(../images/arrowleft.png) no-repeat center; }

.video .img-scroll .next { right: 0; cursor: pointer; background: url(../images/arrowright.png) no-repeat center; }

.video .img-scroll .prev:hover { background: url(../images/arrowlefton.png) no-repeat center; }

.video .img-scroll .next:hover { background: url(../images/arrowrighton.png) no-repeat center; }

.video .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }

.video .img-list ul { width: 1000%; }

.video .img-list li { float: left; width: 346px; margin-right: 5px; }

@media screen and (max-width: 1419px) { .video .img-list li .m3lien .m4fu { top: 0px; opacity: 0; }
  .video .img-list { width: 100%; }
  .video .img-scroll .hot { position: relative; top: 0px; max-width: 100px; width: 100%; height: 50px; margin-bottom: 20px; }
  .video .img-list li { width: 3%; margin-right: .5%; } }

@media screen and (max-width: 768px) { .video .img-scroll { margin-top: 20px; }
  .video .img-list li { width: 4.5%; margin-right: 1%; } }

@media screen and (max-width: 400px) { .video .img-list li { width: 10%; margin-right: .487%; } }

@media screen and (max-width: 1419px) { .video .vi_top li { width: 31%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 999px) { .video .vi_top p { padding-top: 5px; }
  .video .vi_top2 p { padding-top: 5px; } }

@media screen and (max-width: 648px) { .video .vi_top li { width: 48%; margin-left: 1% !important; margin-right: 1%; }
  .video .vi_top p { font-size: 14px; font-size: 1.4rem; }
  .video .vi_top2 p { font-size: 14px; font-size: 1.4rem; } }

/*==========pro_left==================*/
.pro_left { width: 270px; margin-bottom: 30px; }

.pro_left p { width: 260px;

background: #eeeeee url(../images/pro_left2.png) no-repeat left top;

line-height: 20px;

-moz-border-radius: 5px;

border-radius: 5px;

margin-bottom: 5px;

-webkit-transition: 1s all;

-moz-transition: 1s all;

-o-transition: 1s all;

transition: 1s all;

padding-top: 10px;

padding-bottom: 10px; }

.pro_left p:hover { background: #0a57ca url(../images/pro_left.png) no-repeat left top; margin-left: 10px; }

.pro_left p:hover a { color: #fff; }

.pro_left p a { display: block; padding-left: 38px; color: #333; font-size: 16px; font-size: 1.6rem; }

.pro_left p.on { background: #0a57ca url(../images/pro_left.png) no-repeat left top; margin-left: 10px; }

.pro_left p.on a { color: #fff; }

@media screen and (max-width: 999px) { .pro_left { width: 100%; float: none; }
  .pro_left p { width: 95%; } }

/*==========product2==================*/
.product2 { /*goods1*/ /* product */ }

.product2 .pro_right { width: 1090px; }

.product2 #showArea img:hover { border: 1px solid #0a57ca; }

.product2 #showArea img { cursor: pointer; display: block; margin-bottom: 25px; width: 201px; height: 170px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e5e5; box-sizing: border-box; }

.product2 #showArea a { display: block; }

.product2 #main_img { cursor: pointer; display: block; }

.product2 #gotop { cursor: pointer; display: block; margin: auto; height: 20px; background: url(../images/pr_top.png) no-repeat center center; }

.product2 #gobottom { cursor: pointer; display: block; margin: auto; height: 20px; background: url(../images/pro_bottom.png) no-repeat center center; }

.product2 #gotop:hover { background: url(../images/pr_toph.png) no-repeat center center; }

.product2 #gobottom:hover { background: url(../images/pro_bottomh.png) no-repeat center center; }

.product2 #showArea { height: 565px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; }

.product2 .MagicZoomBigImageCont { background: #FFF; }

.product2 .MagicZoomBigImageCont img { max-width: 1132px; }

.product2 .MagicZoomPup { border: 0px solid #aaa; background: #ffffff; }

.product2 .left-pro { width: 960px; text-align: left; margin: 0 auto; }

.product2 .left-pro .t1 { width: 203px; float: right; }

.product2 .left-pro .t2 { width: 744px; text-indent: 0; float: left; height: 628px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.product2 .left-pro .t2 a { display: block; margin-bottom: 28px; }

.product2 .left-pro .t2 img { text-indent: 0; display: block;cursor:default; }

.product2 .goods1 { width: 865px; padding-bottom: 105px; }

.product2 .content { width: 100%; padding-bottom: 17px; }

.product2 .content .title { margin-top: 33px; margin-bottom: 21px; }

.product2 .content .title h1 { text-align: center; font-size: 24px; font-size: 2.4rem; font-family: "OPENSANSBOLD"; color: #0a57ca; line-height: 30px; }

.product2 .content .btn { width: 374px; display: inline-block; }

.product2 .content .btn a, .product2 .content .btn span { display: block; width: 178px; height: 37px; line-height: 37px; font-family: "OPENSANSBOLD"; text-transform: uppercase; -moz-border-radius: 50px; border-radius: 50px; text-align: center; border: 1px solid #0a57ca; color: #0a57ca; background: #fff; }

.product2 .content .btn a:hover { background-color: #0a57ca; color: #fff; }

.product2 .content .share1 { display: inline-block; padding-left: 19px; margin-top: 7px; }

.product2 .content .share1 p { position: relative; top: -7px; margin-right: 10px; display: inline-block; font-size: 14px; font-size: 1.4rem; color: #666; }

.product2 .content .share1 .sha { display: inline-block; margin-left: -7px; }

.product2 .content .share1 .sha img { display: inline-block; }

.product2 .protitle1 { font-family: "OPENSANSBOLD"; text-transform: uppercase; font-size: 30px; font-size: 3rem; color: #333; width: 100%; margin-bottom: 10px; margin-top: 24px; background: url(../images/profjbj.png) no-repeat left center; }

.product2 .protitle3 { font-family: "OPENSANSBOLD"; text-transform: uppercase; font-size: 30px; font-size: 3rem; color: #333; width: 100%; margin-bottom: 49px; margin-top: 20px; background: url(../images/profjbj3.png) no-repeat left center; }

.product2 .protitle3 a { color: #333; }

.product2 .img980 { display: none; }

.product2 .img-scroll { position: relative; width: 100%; margin-top: 20px; }

.product2 .img-scroll .prev { position: absolute; display: block; width: 39px; height: 39px; top: 50%; margin-top: -18px; z-index: 99; }

.product2 .img-scroll .next { position: absolute; display: block; width: 39px; height: 39px; top: 50%; margin-top: -18px; z-index: 99; }

.product2 .img-scroll .prev { left: 0; cursor: pointer; background: url(../images/arrowleft.png) no-repeat center; }

.product2 .img-scroll .next { right: 0; cursor: pointer; background: url(../images/arrowright.png) no-repeat center; }

.product2 .img-scroll .prev:hover { background: url(../images/arrowlefton.png) no-repeat center; }

.product2 .img-scroll .next:hover { background: url(../images/arrowrighton.png) no-repeat center; }

.product2 .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }

.product2 .img-list ul { width: 1000%; }

.product2 .img-list li { float: left; width: 3%; margin-right: .5%; }

.product2 .img-list li .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; }

.product2 .img-list li img { display: block; max-width: 300px; max-height: 300px; width: 100%; margin: 0 auto; }

.product2 .img-list li .m4zi { display: block; margin: 0 auto; max-width: 300px; width: 100%; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 38px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.product2 .img-list li .m3lien { max-width: 300px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; }

.product2 .img-list li .m3lien:hover .m4fu { top: 0; }

.product2 .ul2 { padding-bottom: 90px; }

.product2 .ul2 li { float: left; margin-left: 5px; margin-bottom: 9px; max-width: 360px; }

.product2 .ul2 .liimg { width: 100%; max-width: 360px; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.product2 .ul2 .liimg a { display: block; }

.product2 .ul2 .liimg a img { display: block; max-width: 360px; width: 100%; }

.product2 .ul2 .fu { position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; }

.product2 .ul2 li:hover .fu { top: 0px; }

.product2 .ul2 .litxt .topp { text-align: center; background: #eeeeee; }

.product2 .ul2 .litxt .topp a { width: 95%; margin: 0 auto; color: #333; line-height: 51px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.product2 .ul2 .litxt .bott { position: relative; }

.product2 .ul2 .litxt .bott a { font-size: 14px; font-size: 1.4rem; color: #0a57ca; display: block; width: 138px; height: 31px; background-color: #fff; line-height: 31px; text-align: center; margin: 0 auto; border: 1px solid #0a57ca; }

.product2 .ul2 .litxt .bott input { position: absolute; left: 0%; top: 30%; cursor: pointer; }

.product2 .ul2 li:hover .topp a { color: #0a57ca; }

.product2 .ul2 li:hover .bott a { background-color: #0a57ca; color: #fff; }



@media screen and (max-width: 1419px) { 

  .product2 .pro_right { width: 700px; }
  .product2 .left-pro { width: 518px; }
  .product2 .left-pro .t2{ width: 400px;  max-height: 337px; }
  .product2 .left-pro .t2 a{ width: 400px!important; max-height: 337px!important;  } 
  .product2 .left-pro .t2 img{ width: 400px!important; max-height: 337px!important;  }
  .product2 #showArea img{ width: 87px; height: 73px; }
  .product2 #showArea { height: 273px; }
  .product2 .left-pro .t1{ width: 100px; }
  .product2 .ul2 li{ width: 31%; margin-left: 1% !important; margin-right: 1%; }
 }


@media screen and (max-width: 999px) { .product2 .pro_right { width: 700px; }
  .product2 .img980 { display: block; }
  .product2 .left-pro { display: none; }
  .product2 .ul2 li { width: 31%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 999px) { .product2 .pro_right { width: 100%; float: none; } }

@media screen and (max-width: 768px) { .product2 .content .title h1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; }
  .product2 .protitle1, .product2 .protitle3 { font-size: 20px; font-size: 2rem; line-height: 30px; background: none; }
  .product2 .ul2 { padding-bottom: 30px; }
  .product2 .ul2 li { width: 48%; margin-left: 1% !important; margin-right: 1%; }
  .product2 .content .share1 { float: none; margin: 0 auto; padding: 0px; margin-top: 10px; }
  .product2 .content .btn { max-width: 374px; width: 100%; }
  .product2 .content .btn a, .product2 .content .btn span { width: 48%; } }

/*==========product==================*/
/*.pro1-list start*/
.pro1-list { padding-bottom: 35px; }

.pro1-list > li { float: left; width: 361px; margin-left: 2px; margin-bottom: 5px; position: relative; }

.pro1-list .item-pic { width: 100%; position: relative; }

.pro1-list .item-pic img { display: block; width: 100%; margin: 0 auto; }

.pro1-list .item-body { background: #eeeeee; padding: 0 19px; }

.pro1-list .item-btnbox { margin-top: 10px; padding-bottom: 4px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.pro1-list .item-btnbox input { margin-right: 10px; position: relative; top: 2px; }

.pro1-list .item-btn { display: initial; text-align: center; line-height: 36px; color: #333333; }

.pro1-list .item-btn:hover { color: #0a57ca; }

.pro1-list .item-box1 { background: #eeeeee; position: relative; z-index: 9; }

.pro1-list .item-box1 .tags-list { display: none; }

.pro1-list .item-box { background: #eeeeee; -webkit-box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.22); box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.22); position: absolute; top: -26px; width: 100%; left: 50%; margin-left: -50%; background-color: #FFFFFF; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; z-index: 0; opacity: 0; }

.pro1-list .item-box .item-title { margin-top: 25px; }

.pro1-list .item-box .item-btnbox { margin-top: 0px; }

.pro1-list .item-box .item-body, .pro1-list .item-box .tags-list, .pro1-list .item-box .item-pic { display: none\9; }

.pro1-list > li:hover .item-box { opacity: 1; width: 115.2%; margin-left: -56.66%; z-index: 99; }

.pro1-list > li:hover .item-box .item-body, .pro1-list > li:hover .item-box .tags-list, .pro1-list > li:hover .item-box .item-pic { display: block\9; }

.pro1-list > li:hover .item-box .item-btnbox { padding: 13px 0px; }

.pro1-list > li:hover .item-box .item-btnbox a { color: #0a57ca; }

.pro1-list .tags-list { padding: 9px 0; position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; height: 100%; background: url(../images/afan.png) repeat center top; }

.pro1-list .tags-list a { position: absolute; bottom: 0px; left: 50%; margin-left: -63px; display: inline-block; font-size: 16px; font-size: 1.6rem; line-height: 40px; color: #fff; text-align: center; padding-right: 35px; background: url(../images/tags-list.png) no-repeat center right; }

@media screen and (max-width: 1419px) { .pro1-list > li { width: 223px; margin-left: 15px; }
  .pro1-list .item-body { padding: 0 15px; } }

@media screen and (max-width: 999px) { .pro1-list > li { width: 31.33%; margin: 0 1% 20px; }
  .pro1-list .item-title { font-size: 20px; font-size: 2rem; }
  .pro1-list .item-desc { font-size: 18px; font-size: 1.8rem; line-height: 26px; height: 52px; }
  .pro1-list .item-box { display: none; }
  .pro1-list .item-box1 .tags-list { display: block; }
  .pro1-list .tags-list { padding: 10px 0 0; }
  .pro1-list .tags-list a { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 5px; text-align: center; } }

@media screen and (max-width: 767px) { .pro1-list { padding-bottom: 10px; }
  .pro1-list > li { padding-bottom: 20px; }
  .pro1-list .item-body { padding: 0 10px; }
  .pro1-list .item-btnbox { margin-top: 15px; }
  .pro1-list .item-btnbox input { margin-right: 5px; }
  .pro1-list .item-btn { line-height: 30px; }
  .pro1-list .item-btnbox { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .pro1-list .item-btn { display: initial; } }

@media screen and (max-width: 648px) { .pro1-list { padding-bottom: 10px; }
  .pro1-list > li { width: 48%; }
  .pro1-list .tags-list a { padding-right: 25px; } }

/*==========pro_tiel==================*/
.pro_tiel { font-size: 24px; font-size: 2.4rem; line-height: 24px; text-align: center; font-family: "OPENSANSBOLD"; text-transform: uppercase; padding-bottom: 43px; background: url(../images/pro_tiel.png) no-repeat center top; padding-top: 41px; }

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


.c_textarea{font-size: 1.4rem;

color: #333;}


.listcart{ width:100%; margin-top:40px;}
.listcart a{ background:#fff;display:inline-block;height: 30px; width:200px; line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #0a57ca;cursor: pointer;  border:1px solid #0a57ca; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}
.listcart a:hover{  border:#0a57ca solid 1px; background:#0a57ca; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }
.listcart{ width:100%; margin-top:2rem }
}
@media screen and (max-width:420px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}


.ppp{line-height: 30px;margin-bottom: 10px;}


.btn a.no:hover{    border: 1px solid #0a57ca!important;
    color: #0a57ca!important;
    background: #fff!important;}
    .at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}


.m-page a.no:hover{
border: 1px solid #e5e5e5!important;
color: #333333!important;
background: #eeeeee!important;}



.MagicZoomPup{display: none!important;cursor:default;}

.MagicZoomBigImageCont{display: none!important;cursor:default;}

.product2 #main_img {

    cursor: default;
}
.pro_x p{line-height: 30px;}



@media screen and (max-width: 1024px) and (min-width: 999px) { .ab_top3 { font-size: 18px!important; font-size: 1.8rem!important; } }

.listcart{margin-bottom: 20px;}


.m-kf { position: fixed; *position: absolute; z-index: 10; right: 0; top: 20%; background-color: #ebebeb; }

.m-kf .list-item { position: relative; padding-top: 9px; padding-bottom: 13px; padding-left: 10px; padding-right: 10px; cursor: pointer; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-kf .list-item:first-child .item-line { display: none; }

.m-kf .list-item .img { position: absolute; top: 0; right: 100%; padding: 0 5px; width: 100px; height: 100px; display: none; background-color: #fff; }

.m-kf .item-pic { margin-left: auto; margin-right: auto; display: block; line-height: 0; font-size: 0; width: 49px; }

.m-kf .item-title { margin-top: 3px; font-size: 12px; font-size: 1.2rem; color: #000; text-align: center; }

.m-kf .item-title a { color: #000; }

.m-kf .item-line { position: absolute; left: 50%; top: 0; margin-left: -24px; display: block; width: 49px; height: 1px; background-color: #aaa; }

.m-kf .item-wx { position: absolute; right: 100%; top: 66px; width: 150px; line-height: 0; font-size: 0; display: none; }

.m-kf .item-wx2 { position: absolute; right: 100%; top: 138px; width: 150px; line-height: 0; font-size: 0; display: none; }


@media screen and (max-width: 767px) { body { padding-bottom: 63px; }
  .m-kf { top: auto; right: auto; left: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; }
  .m-kf .list-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; }
  .m-kf .list-item .img { left: 0; top: auto; right: auto; bottom: 100%; }
  .m-kf .item-line { display: none; }
  .m-kf .item-wx { left: 0; right: auto; top: auto; bottom: 100%; } 
  .m-kf .item-wx2 { left: 0; right: auto; top: auto; bottom: 100%; } 
}

@media screen and (min-width: 768px) { .m-kf .list-item:hover .img { display: block; } }