article, aside, dialog, footer, header, main, section, nav, figure, menu { display: block; }

.j-lazy { min-width: 20%; }

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

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

body { width: 100%; overflow-x: hidden; font-family: arial, helvetica, sans-serif; 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: #009ee4; }

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 { width: 100%; position: relative; max-width: 1920px; margin: 0 auto; }

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

.clear { clear: both; }

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

@media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } }

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

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

@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: #009ee4; }

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

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

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

.m-crm { margin-top: 6px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; margin-bottom: 43px; }

.m-crm .wp { border-bottom: 1px solid #e9e9e9; padding-bottom: 4px; }

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

.m-crm a:hover { color: #009ee4; }

.m-crm a.active { color: #009ee4; }

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

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

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

.m-page a:hover { color: white; border-color: #009ee4; background-color: #009ee4; }

.m-page a.active { color: white; border-color: #009ee4; background-color: #009ee4; }

.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: 5px; margin-right: 8px; }

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

.m-page .add { width: 260px\0; }

.m-page2 { position: relative; }

@media screen and (max-width: 767px) { .m-page { padding-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; } }

.m-kf { position: fixed; z-index: 9998; right: 0px; top: 30%; }

.m-kf .kf-item { display: table; line-height: 0; font-size: 0; margin-bottom: 1px; -moz-border-radius: 5px; border-radius: 5px; position: relative; width: 69px; height: 69px; /*background: #ebebeb;*/ text-align: center; }

.m-kf .iconfont { font-size: 32px; font-size: 3.2rem; line-height: 69px; display: block; text-align: center; }

.m-kf .icon-email11 { color: #007cbc; }

.m-kf .icon-skype1 { color: #09a8fa; }

.m-kf .icon-whatsapp1 { color: #3ac34c; }

.m-kf .icon-wechat { color: #83c14c; }

.m-kf .kf-wx { position: absolute; display: none; bottom: 0; right: 53px; width: 90px; }

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

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

.m-kf .kf-item2:hover .ewm2 { bottom: 0; display: block !important; }
.m-kf .kf-item{     background: #ebebeb;}
@media screen and (max-width: 767px) { .m-kf .kf-item .img-responsive { top: -151%; right: 0px; width: 80px; height: 80px; }
  .m-kf { right: 0; top: auto; 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; width: 100%; background: #fff; }
  .m-kf .kf-item { width: 20%; text-align: center; max-width: 40px; height: 40px; }
  .m-kf .kf-wx { bottom: 100%; left: 0; }
  .m-kf .ewm3 { right: 0%; left: -30px; top: -254%; bottom: auto; width: 100px; height: 100px; }
  .m-kf .ewm3.active { display: block; }
  .m-kf .ewm2 { display: none !important; }
  .m-kf .kf-item2:hover .ewm2 img { display: none !important; }
  .m-kf .iconfont { line-height: 40px; font-size: 22px; font-size: 2.2rem; }
  .m-kf .kf-item2 i { line-height: 40px; }
  .m-kf .kf-item{     background: #fff;}
  body { padding-bottom: 40px; } }

.returntop { position: fixed; *position: absolute; z-index: 9999; right: 16px; bottom: 30px; -moz-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; line-height: 0; display: none; }

.returntop i { display: block; width: 60px; height: 60px; -moz-border-radius: 50%; border-radius: 50%; font-size: 60px; font-size: 6rem; color: #009ee4; }

@media screen and (max-width: 959px) { .returntop { right: 10px; bottom: 35px; width: 36px; height: 36px; }
  .returntop i { font-size: 34px; font-size: 3.4rem; } }

.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: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

.wap-nav .shejiao a { display: block; float: left; text-align: center; margin-right: 10px; }

.wap-nav .shejiao i { font-size: 30px; font-size: 3rem; color: #fff; }

.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; position: relative; }

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

.wap-nav .nav form i { position: absolute; top: 1px; right: 5px; font-size: 20px; font-size: 2rem; color: #009ee4; }

.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: #009ee4; }

.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: #009ee4; }
  .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: #009ee4; } }

.m-hdlang { position: relative; height: 36px; display: inline-block; margin-right: 43px; }

.m-hdlang .lang-click { position: relative; display: block; width: 56px; height: 27px; border: 1px solid #333333; text-indent: 48px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px; font-size: 1.4rem; color: #6b6b6b 9px center; }

.m-hdlang .lang-click:before { content: ""; position: absolute; right: 0; width: 15px; height: 100%; background: url("../images/lang2.png") no-repeat center; }

.m-hdlang .lang-list { position: absolute; display: none; top: 100%; left: 0; width: 100%; padding: 10px 0; background-color: #f8f7f7; border: 1px solid #fff; z-index: 99; }

.m-hdlang .list-item { padding: 0 5px; }

.m-hdlang .list-item a { display: block; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; text-align: center; }

.m-hdlang .list-item a:hover { color: #fff; background-color: #009ee4; }

.m-hdlang .list-item a.active { color: #fff; background-color: #009ee4; }

/* header_top */
.header_top { margin-top: 28px; margin-bottom: 8px; /* search */ }

.header_top .shejiao a { display: block; float: left; text-align: center; margin-left: 10px; }

.header_top .shejiao i { font-size: 30px; font-size: 3rem; color: #666666; line-height: 30px; }

.header_top .shejiao i:hover { color: #009ee4; }

.header_top .shejiao svg { width: 30px; height: 30px; }

.header_top .shejiao img { width: 30px\0; height: 30px\0; }

.header_top .header_form { margin-left: 30px; border: 1px solid #6a6a6a; background: #fff; width: 174px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 31px; line-height: 31px; -moz-border-radius: 50px; border-radius: 50px; position: relative; z-index: 999; }

.header_top .header_form .tex { background: transparent; padding-left: 10px; width: 100%; line-height: 33px; height: 33px; display: inline-block; color: #999999; font-size: 12px; font-size: 1.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header_top .header_form .sub { position: absolute; top: 0px; right: 0px; height: 33px; width: 33px; font-size: 0px; cursor: pointer; z-index: 99; }

.header_top .header_form i { position: absolute; top: -1.5px;

right: 3px;font-size: 26px; font-size: 2.6rem; color: #009ee4; }

.header_top p { color: #999999; font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.header_top p a { color: #999; }

/* header */
.header { padding-bottom: 17px; }

.header .wp { position: relative; }

.header .logo { margin-top: 13px; }

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

.header_bottom { background: #333333;text-transform:Uppercase; }

.header_ul1 > li { float: left; margin-left: 43px; margin-right: 0px; position: relative; padding: 7px 0px; }

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

.header_ul1 > li > a { color: #fff; line-height: 43px; display: block; font-size: 16px; font-size: 1.6rem; padding: 0px 18px; }

.header_ul1 > li:hover > a, .header_ul1 li.on > a { color: #fff; background: #009ee4; }

.dan_header { padding: 7px 0px; display: none; width: 207px; position: absolute; left: -44px; top: 100%; background: #009ee4; z-index: 999999; }

.dan_header > ul > li { padding-bottom: 4px; line-height: 30px; padding-left: 9px; padding-right: 9px; position: relative; left: 0px; }

.dan_header > ul > li > a { padding: 10px 0px; padding-left: 17px; position: relative; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 23px; display: block; }

.dan_header > ul > li:hover > a { background: #ffa800; }

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

.dan_sanheader { padding: 7px 0px; display: none; width: 207px; padding-left: 1px; position: absolute; left: 100%; top: -7px; z-index: 999999; background: #009ee4; }

.dan_sanheader > ul { border-left: 1px solid #fff; }

.dan_sanheader > ul > li { padding-bottom: 4px; line-height: 30px; padding-left: 9px; padding-right: 9px; position: relative; left: 0px; }

.dan_sanheader > ul > li > a { padding: 10px 0px; padding-left: 17px; position: relative; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 23px; display: block; }

.dan_sanheader > ul > li:hover > a { background: #ffa800; }

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

.dan_sanheader3 { padding: 7px 0px; display: none; width: 207px; padding-left: 1px; position: absolute; left: 100%; top: -7px; z-index: 999999; background: #009ee4; }

.dan_sanheader3 > ul { border-left: 1px solid #fff; }

.dan_sanheader3 > ul > li { padding-bottom: 4px; line-height: 30px; padding-left: 9px; padding-right: 9px; position: relative; left: 0px; }

.dan_sanheader3 > ul > li > a { padding: 10px 0px; padding-left: 17px; position: relative; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 23px; display: block; }

.dan_sanheader3 > ul > li:hover > a { background: #ffa800; }

@media screen and (max-width: 1219px) { .header .logo { width: 234px; }
  .header_ul1 > li { margin-left: 30px; margin-right: 0px; }
  .header_ul1 > li > a { padding: 0px 10px; } }

@media screen and (max-width: 999px) { .header .logo { width: 195px; margin-top: 20px; }
  .dan_header { display: none !important; }
  .header { position: relative; }
  .header_ul1 > li > a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 959px) { .header { padding-bottom: 10px; padding-top: 30px; }
  .header_bottom { display: none; }
  .header_top, .header_right { float: none; margin: 0 auto; padding: 0px; width: 100%; }
  .header_top .header_form, .header_top p { display: none; }
  .header_top .shejiao { float: none; position: absolute; top: -22px; }
  .header .logo { float: none; margin: 0 auto; width: 100%; max-width: 300px; margin-top: 10px; margin-bottom: 10px; } }

@media screen and (max-width: 768px) { .header_top .shejiao i { font-size: 24px; font-size: 2.4rem; line-height: 24px; }
  .header_top .shejiao svg { width: 20px; height: 20px; } }

/* footer */
.footer { background: #333; padding-top: 80px; }

.footer .shejiao { margin-top: 27px; }

.footer .shejiao a { display: block; float: left; text-align: center; margin-right: 17px; }

.footer .shejiao i { font-size: 36px; font-size: 3.6rem; color: #fff; }

.footer .shejiao i:hover { color: #bbb; }

.footer a:hover { color: #009ee4 !important; }

.footer .title { font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #fff; line-height: 30px; text-transform: uppercase; }

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

.footer .title b { display: block; width: 38px; height: 3px; background: #fff; margin-top: 3px; }

.footer .footer_left { float: left; width: 309px; }

.footer .footer_center { float: left; margin-left: 99px; width: 340px; }

.footer .footer_right { float: right; width: 395px; }

.footer .ftx_ul2 { margin-top: 16px; width: 50%; }

.footer .ftx_ul2 li { line-height: 35px; color: #fff; }

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

.footer .ftx_ul2 li i { color: #fff; display: inline-block; margin-right: 10px; }

.footer .ftx_ul { margin-top: 20px; }

.footer .ftx_ul li { line-height: 30px; color: #fff; }

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

.footer .ftx_ul li i { color: #fff; display: inline-block; margin-right: 10px; }

.footer .footer_right p { color: #fff; line-height: 30px; margin-top: 13px; }

.footer .footer_right p a { display: inline-block; color: #fff; }

.footer .cnzz { display: inline-block; margin-left: 10px; }

.footer_bot { border-top: 1px solid #5c5c5c; color: #fff; margin-top: 2px; }

.Links { line-height: 62px; font-size: 18px; font-size: 1.8rem; font-weight: bold; }

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

@media screen and (max-width: 1219px) { .footer .footer_center { float: left; width: 255px; margin-left: 0px; } }

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

@media screen and (max-width: 768px) { .footer { padding-top: 0px; padding-bottom: 30px; }
  .footer .footer_left { display: none; }
  .footer .footer_center { display: none; }
  .footer .footer_right { padding-left: 0px; background: none; }
  .Links { display: none; }
  .footer_bot { display: none; } }

.morewrap { display: block; font-size: 16px; font-size: 1.6rem; font-weight: bold; width: 181px; height: 64px; line-height: 54px; text-align: center; background: url(../images/morewrap.png) no-repeat center top; }

.morewrap:hover { background: url(../images/morewrapon.png) no-repeat center top; color: #fff; }

/*==========main1==================*/
.main1 { margin-top: 86px; padding-bottom: 12px; }

.main1 .img { display: block; margin-left: 90px; }

.main1 .m1_title1 { font-size: 20px; font-size: 2rem; font-weight: bold; color: #009ee4; }

.main1 .m1_title2 { font-size: 40px; font-size: 4rem; font-weight: bold; text-transform: uppercase; }

.main1 .m1_im1 { position: relative; top: -8px; }

.main1 p { padding-bottom: 83px; }

.main1 p a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; display: block; max-height: 150px; overflow: hidden; }

.main1 .title { padding-top: 30px; padding-bottom: 45px; }

.main1 .more { display: block; font-size: 16px; font-size: 1.6rem; font-weight: bold; }

@media screen and (max-width: 1219px) { .main1 .title { padding-bottom: 10px; }
  .main1 .img { width: 47%; }
  .main1 p { padding-bottom: 10px; } }

@media screen and (max-width: 999px) { .main1 .img { width: 100%; max-width: 659px; margin: 0 auto; float: none; } }

@media screen and (max-width: 768px) { .main1 { margin-top: 50px; }
  .main1 .m1_title1 { font-size: 16px; font-size: 1.6rem; }
  .main1 .m1_title2 { font-size: 30px; font-size: 3rem; }
  .main1 p a { font-size: 14px; font-size: 1.4rem; } }

.main1 .m1img-scroll { position: relative; width: 100%; margin-top: 34px; }

.main1 .m1img-scroll .prev { position: absolute; display: block; width: 36px; height: 82px; line-height: 82px; text-align: center; top: 50%; margin-top: -41px; background: #fff; background: rgba(255, 255, 255, 0.7); z-index: 99; font-size: 26px; font-size: 2.6rem; }

.main1 .m1img-scroll .next { position: absolute; display: block; width: 36px; height: 82px; line-height: 82px; text-align: center; top: 50%; margin-top: -41px; background: #fff; background: rgba(255, 255, 255, 0.7); z-index: 99; font-size: 26px; font-size: 2.6rem; }

.main1 .m1img-scroll .prev { left: 0; cursor: pointer; color: #fff; }

.main1 .m1img-scroll .next { right: 0; cursor: pointer; color: #fff; }

.main1 .m1img-scroll .prev:hover { background: #009ee4; background: rgba(0, 158, 228, 0.7); }

.main1 .m1img-scroll .next:hover { background: #009ee4; background: rgba(0, 158, 228, 0.7); }

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

.main1 .m1img-list ul { width: 10000%; }

.main1 .m1img-list li { float: left; width: 291px; margin-right: 12px; }

.main1 .m1img-list .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; }

.main1 .m1img-list .m4fu span { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; color: #fff; font-size: 30px; font-size: 3rem; }

.main1 .m1img-list img { display: block; max-width: 291px; width: 100%; margin: 0 auto; }

.main1 .m1img-list .m4zi { display: block; margin: 0 auto; max-width: 291px; 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; }

.main1 .m1img-list .m3lien { max-width: 291px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; }

.main1 .m1img-list .m3lien:hover .m4fu { top: 0; }

@media screen and (max-width: 1219px) { .main1 .m1img-list li { width: 0.3%; margin-right: .05%; } }

@media screen and (max-width: 999px) { .main1 .m1img-list { width: 100%; }
  .main1 .m1img-list li { width: 0.3%; margin-right: .05%; } }

@media screen and (max-width: 638px) { .main1 .m1img-scroll { margin-top: 20px; }
  .main1 .m1img-list li { width: 0.45%; margin-right: 0.1%; } }

@media screen and (max-width: 460px) { .main1 .m1img-scroll { max-width: 291px; width: 100%; margin: 20px auto; }
  .main1 .m1img-list li { width: 1%; margin-right: .487%; } }

/*==========main2==================*/
.main2 { background: #f9f9f9; padding-top: 84px; padding-bottom: 86px; }

.main2 .title { text-align: center; font-size: 30px; font-size: 3rem; font-weight: bold; line-height: 30px; padding-bottom: 30px; background: url(../images/m2titibj.png) no-repeat center bottom; }

.main2 #tab { overflow: hidden; width: 100%; background: url(../images/m2xian.png) no-repeat right bottom; padding-top: 30px; }

@media screen and (max-width: 999px) { .main2 #tab { background: none; } }

.main2 #tab li { font-size: 16px; font-size: 1.6rem; font-weight: bold; cursor: pointer; text-align: center; float: left; line-height: 30px; padding-bottom: 8px; margin-left: 55px; border-bottom: 3px solid transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media screen and (max-width: 1219px) { .main2 #tab li { margin-left: 25px; } }

@media screen and (max-width: 999px) { .main2 #tab li { width: 23%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 638px) { .main2 #tab li { width: 48%; margin-left: 1% !important; margin-right: 1%; } }

.main2 #tab li:hover { border-color: #f28500; color: #009ee4; }

.main2 #tab li.current { border-color: #f28500; color: #009ee4; }

.main2 #maln { margin-left: 0 !important; }

.main2 #content { padding-bottom: 30px; }

.main2 #content .chanxn { display: none; padding-top: 25px; width: 100%; }

.main2 .m2_ul li { width: 294px; float: left; margin-left: 8px; margin-bottom: 9px; }

.main2 .m2_ul .wrap { position: relative; overflow: hidden; }

.main2 .m2_ul .wrap:hover .fu { top: 0px; }

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

.main2 .m2_ul p { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 43px; line-height: 43px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 20px; color: #fff; text-align: center; background: #b2b2b2; }

.main2 .m2_ul p a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-weight: bold; }

.main2 .m2_ul a { color: #fff; }

@media screen and (max-width: 1219px) { .main2 .m2_ul li { width: 23%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 999px) { .main2 .m2_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; }
  .main2 .m2_ul .fu { top: 0px; opacity: 0; } }

@media screen and (max-width: 638px) { .main2 .m2_ul li { width: 48%; margin-left: 1% !important; margin-right: 1%; } }

.main2 .morewrap { display: block; margin: 0 auto; }

/*==========main3==================*/
.main3 { background: url(../images/main31.png) no-repeat center top; padding-bottom: 159px; padding-top: 90px; }

.main3 .m3_l { width: 346px; padding-top: 81px; }

.main3 .m3_l .title { font-size: 50px; font-size: 5rem; font-weight: bold; background: url(../images/m3titt.png) no-repeat center top; line-height: 149px; }

.main3 .m3_l .title a { color: #fff; }

.main3 .m3_l .title span { color: #009ee4; }

.main3 .m3_l p { padding-top: 53px; }

.main3 .m3_l p a { display: block; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 30px; max-height: 180px; overflow: hidden; }

.main3 .m3_r { width: 645px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 67px; }

.main3 .m3_r .title2 { font-size: 20px; font-size: 2rem; font-weight: bold; line-height: 40px; margin-bottom: 10px; }

.main3 .m3_r .title2 a { color: #009ee4; }

.main3 .m3_r p { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 10px; padding-left: 14px; background: url(../images/m3_rp.png) no-repeat left 12px; }

.main3 .m3_rp { padding-left: 52px; }

.main3 .m3_rp1 { background: url(../images/m3_rp1.png) no-repeat left top; }

.main3 .m3_rp2 { background: url(../images/m3_rp2.png) no-repeat left top; }

.main3 .m3_rp3 { background: url(../images/m3_rp3.png) no-repeat left top; }

.main3 a:hover { color: #f28500 !important; }

@media screen and (max-width: 1219px) { .main3 .m3_l p { padding-right: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .main3 .m3_r { width: 545px; } }

@media screen and (max-width: 999px) { .main3 { background: #333; }
  .main3 .m3_r p a { color: #fff; }
  .main3 .m3_l { width: 100%; }
  .main3 .m3_r { width: 100%; }
  .main3 .m3_l .title { max-width: 346px; } }

@media screen and (max-width: 768px) { .main3 { padding-bottom: 50px; padding-top: 0px; }
  .main3 .m3_l .title { font-size: 40px; font-size: 4rem; }
  .main3 .m3_r .title2 { font-size: 18px; font-size: 1.8rem; }
  .main3 .m3_r p { font-size: 14px; font-size: 1.4rem; }
  .main3 .m3_l p a { font-size: 14px; font-size: 1.4rem; } }

/*==========main4==================*/
.main4 { background: #f9f9f9; padding-top: 84px; padding-bottom: 106px; }

.main4 .title { text-align: center; font-size: 30px; font-size: 3rem; font-weight: bold; line-height: 30px; padding-bottom: 30px; background: url(../images/m2titibj.png) no-repeat center bottom; }

.main4 .title a { color: #333; }

.main4 .m4_ul { padding-top: 37px; }

.main4 .m4_ul li { float: none; margin-left: 9px; width: 394px; float: left; }

.main4 .m4_ul .wrap { padding: 7px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.main4 .m4_ul .title21 { color: #333; font-size: 16px; font-size: 1.6rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-top: 22px; padding-bottom: 2px; }

.main4 .m4_ul p { padding: 0px 20px; padding-bottom: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.main4 .m4_ul p a { font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 78px; overflow: hidden; display: block; color: #333; }

@media screen and (max-width: 1219px) { .main4 .m4_ul li { float: left; width: 31%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 999px) { .main4 .m4_ul p { padding: 0px; padding-bottom: 10px; } }

@media screen and (max-width: 768px) { .main4 { padding-bottom: 50px; }
  .main4 .m4_ul li { float: left; width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

/*==========main5==================*/
.main5 { padding-top: 85px; padding-bottom: 55px; }

.main5 .title { font-size: 24px; font-size: 2.4rem; font-weight: bold; padding-bottom: 33px; }

.main5 .m5_l { width: 49%; }

.main5 .m5_r { width: 50%; }

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

.main5 .fwp { padding-bottom: 15px; position: relative; }

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

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

.main5 .swp a img { display: block; max-width: 240px; max-height: 148px; width: 100%; margin: 0 auto; }

.main5 .zi { padding-left: 267px; min-height: 148px; padding-right: 0px; }

.main5 .zi .time { padding-bottom: 0px; padding-top: 0px; line-height: 24px; color: #666666; }

.main5 .zi .title3 { padding-top: 7px; display: block; line-height: 30px; font-size: 18px; font-size: 1.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.main5 .zi .p { display: block; max-height: 72px; overflow: hidden; margin-bottom: 13px; color: #666666; line-height: 24px; }

.main5 .zi .title3:hover { color: #009ee4; }

.main5 .zi .p:hover { color: #009ee4; }

@media screen and (max-width: 768px) { .main5 { padding-top: 30px; }
  .main5 .fwp { padding-bottom: 30px; }
  .main5 .swp { position: relative; top: 0; left: 0; padding: 0px; }
  .main5 .zi { padding-left: 0px; min-height: auto; padding-right: 0px; }
  .main5 .zi .time { padding-bottom: 0px; padding-top: 0px; }
  .main5 .zi .p { margin-bottom: 0px; font-size: 14px; font-size: 1.4rem; }
  .main5 .zi .title3 { margin-top: 10px; font-size: 16px; font-size: 1.6rem; }
  .main5 .zi .time { font-size: 14px; font-size: 1.4rem; } }

.main5 .img-scroll { position: relative; width: 100%; }

.main5 .img-scroll .prev { position: absolute; display: block; width: 36px; height: 84px; line-height: 84px; text-align: center; top: 50%; margin-top: -60px; z-index: 99; font-size: 26px; font-size: 2.6rem; }

.main5 .img-scroll .next { position: absolute; display: block; width: 36px; height: 84px; line-height: 84px; text-align: center; top: 50%; margin-top: -60px; z-index: 99; font-size: 26px; font-size: 2.6rem; }

.main5 .img-scroll .prev { left: 0; cursor: pointer; color: #fff; background: #999999; }

.main5 .img-scroll .next { right: 0; cursor: pointer; color: #fff; background: #999999; }

.main5 .img-scroll .prev:hover { background: #009ee4; }

.main5 .img-scroll .next:hover { background: #009ee4; }

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

.main5 .img-list ul { width: 10000%; }

.main5 .img-list li { float: left; width: 0.45%; margin-right: 0.1%; }

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

.main5 .img-list .m4fu span { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; color: #fff; font-size: 30px; font-size: 3rem; }

.main5 .img-list img { display: block; max-width: 202px; width: 100%; margin: 0 auto; }

.main5 .img-list .m4zi { display: block; margin: 0 auto; max-width: 202px; width: 100%; margin-top: 10px; color: #333; line-height: 38px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

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

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

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

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

@media screen and (max-width: 460px) { .main5 .img-list li { width: 1%; margin-right: .487%; } }

/*==========about==================*/
.about .litop { max-width: 596px; width: 100%; position: relative; padding-bottom: 64.22%; height: 0; overflow: hidden; }

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

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

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

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


.about .litop svg { position: absolute; left: 50%; top: 50%; background: #fff; margin-top: -22.5px; margin-left: -22.5px; z-index: 99; -moz-border-radius: 50%; border-radius: 50%; }

.about .about_left { width: 596px; }

.about .about_right { width: 552px; padding-top: 14px; }

.about .about_right .title { margin-bottom: 26px; padding-left: 15px; line-height: 30px; background: url(../images/wenziab.png) no-repeat left 5px; font-size: 20px; font-size: 2rem; font-weight: bold; }

.about .about_right span { display: block; color: #009ee4; margin-bottom: 5px; }

.about .about_right span.span3 { color: #333; text-transform: uppercase; }

.about .about_right p { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; }

.about .morewrap { margin: 0 auto; margin-top: 42px; }

.about .morewrap i { display: inline-block; margin-left: 10px; }

@media screen and (max-width: 1219px) { .about .about_left { width: 48%; }
  .about .about_right { width: 50%; } }

@media screen and (max-width: 999px) { .about .about_left { max-width: 596px; width: 100%; float: none; margin: 0 auto; }
  .about .about_right { width: 100%; float: none; padding-top: 20px; } }

@media screen and (max-width: 768px) { .about .about_right p { font-size: 14px; font-size: 1.4rem; }
  .about .about_right span.span3 { font-size: 16px; font-size: 1.6rem; } }

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

.about .img-scroll .prev { position: absolute; display: block; width: 36px; height: 82px; line-height: 82px; text-align: center; top: 50%; margin-top: -41px; background: #fff; background: rgba(255, 255, 255, 0.7); z-index: 99; font-size: 26px; font-size: 2.6rem; }

.about .img-scroll .next { position: absolute; display: block; width: 36px; height: 82px; line-height: 82px; text-align: center; top: 50%; margin-top: -41px; background: #fff; background: rgba(255, 255, 255, 0.7); z-index: 99; font-size: 26px; font-size: 2.6rem; }

.about .img-scroll .prev { left: 0; cursor: pointer; color: #0d100e; }

.about .img-scroll .next { right: 0; cursor: pointer; color: #0d100e; }

.about .img-scroll .prev:hover { background: #009ee4; background: rgba(0, 158, 228, 0.7); }

.about .img-scroll .next:hover { background: #009ee4; background: rgba(0, 158, 228, 0.7); }

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

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

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

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

.about .img-list .m4fu span { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; color: #fff; font-size: 30px; font-size: 3rem; }

.about .img-list img { display: block; max-width: 386px; width: 100%; margin: 0 auto; }

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

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

@media screen and (max-width: 1219px) { .about .img-list li { width: 0.3%; margin-right: .05%; } }

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

@media screen and (max-width: 638px) { .about .img-scroll { margin-top: 20px; }
  .about .img-list li { width: 0.45%; margin-right: 0.1%; } }

@media screen and (max-width: 460px) { .about .img-scroll { max-width: 291px; width: 100%; margin: 20px auto; }
  .about .img-list li { width: 1%; margin-right: .487%; } }

.about2 { background: url(../images/about21.jpg) no-repeat top left; margin-top: 61px; padding-bottom: 76px; }

.about2 .title { padding-top: 60px; display: block; }

.about2 .title2 { color: #fff; font-size: 30px; font-size: 3rem; font-weight: bold; line-height: 30px; padding-top: 20px; padding-bottom: 26px; text-transform: uppercase; }

.about2 p { font-size: 18px; font-size: 1.8rem; color: #fff; }

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

.ab1main2 { padding-top: 44px; padding-bottom: 98px; background: #f6f6f6; }

.ab1main2 .ab1biao2 { display: block; font-weight: bold; color: #009ee4; font-size: 30px; font-size: 3rem; text-transform: uppercase; }

.ab1main2 .img-scroll { position: relative; z-index: 9; }

.ab1main2 .ab1nav { width: 67px; height: 30px; position: absolute; right: 0px; top: 10px; z-index: 999; }

.ab1main2 .img-scroll .prev, .ab1main2 .img-scroll .next { position: absolute; display: block; width: 30px; height: 30px; z-index: 9999; -moz-border-radius: 50%; border-radius: 50%; }

.ab1main2 .img-scroll .prev { left: 0; cursor: pointer; }

.ab1main2 .img-scroll .prev i { color: #009ee4; font-size: 28px; font-size: 2.8rem; font-weight: normal; }

.ab1main2 .img-scroll .next { right: 0; cursor: pointer; }

.ab1main2 .img-scroll .next i { color: #009ee4; font-size: 28px; font-size: 2.8rem; font-weight: normal; }

.ab1main2 .img-scroll .prev:hover i { color: #333; }

.ab1main2 .img-scroll .next:hover i { color: #333; }

.ab1main2 .img-list { position: relative; width: auto; overflow: hidden; z-index: 99; }

.ab1main2 .img-list ul { width: 10000%; }

.ab1main2 .img-list li { float: left; display: block; width: 246px; margin-right: 72px; margin-top: 45px; }

.ab1main2 .zhengshu { max-width: 246px; width: 100%; position: relative; overflow: hidden; z-index: 9; }

.ab1main2 .zhengtu { max-width: 246px; width: 100%; }

.ab1main2 .zhengtu img { width: 100%; max-width: 246px; }

.ab1main2 .zhengfu { background: url(../images/zhengshibh.png) no-repeat center; position: absolute; width: 100%; height: 100%; top: 100%; left: 0px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.ab1main2 .fangda2 { display: block; position: absolute; left: 50%; margin-left: -16px; top: 50%; margin-top: -56px; z-index: 99; }

.ab1main2 .zhengfu p { position: absolute; width: 80%; left: 10%; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #fff; top: 50%; z-index: 10; margin-top: -9px; }

.ab1main2 .img-list li:hover .zhengfu { top: 0px; }

.ab1main2 i { font-size: 30px; font-size: 3rem; color: #fff; font-weight: bold; }

.ab1main2 .ab1main3 { padding-bottom: 70px; padding-top: 9px; }

.ab1main2 .ab1main3 p { font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-top: 17px; }

.ab1main2 .ablie { width: 378px; float: left; margin-left: 32px; margin-top: 8px; }

.ab1main2 .ablie a { display: block; border: 1px solid #b5b5b5; max-width: 380px; margin: auto; }

.ab1main2 .ablie a img { width: 100%; max-width: 380px; max-height: 255px; }

.ab1main2 .ablie p { margin-left: 5px; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .ab1main2 .ablie { width: 320px; margin-left: 10px; margin-top: 10px; }
  .ab1main2 .abtu1 { width: 457px; margin-top: 50px; }
  .ab1main2 .abtu2 { width: 440px; }
  .ab1main2 .img-list ul { width: 1000%; }
  .ab1main2 .img-list li { width: 2.2%; margin-right: .4%; } }

@media screen and (max-width: 999px) { .ab1main2 .abmain2 p { width: auto; font-size: 16px; font-size: 1.6rem; line-height: 26px; }
  .ab1main2 .img-list li { width: 0.3%; margin-right: .05%; }
  .ab1main2 .ab1main1 p { font-size: 14px; font-size: 1.4rem; margin-bottom: 20px; }
  .ab1main2 .abtu1 { float: none; width: auto; margin: auto; margin-top: 20px; }
  .ab1main2 .abbiao1 { font-size: 26px; font-size: 2.6rem; line-height: 35px; margin-top: 30px; }
  .ab1main2 .abtu2 { float: none; width: auto; margin: auto; margin-top: 20px; }
  .ab1main2 .ab1p { padding-top: 20px !important; }
  .ab1main2 .ab1main3 p { font-size: 14px; font-size: 1.4rem; margin-bottom: 20px; }
  .ab1main2 .ablie { width: 32.333%; margin-left: 0.5% !important; margin-right: 0.5%; margin-top: 10px; }
  .ab1main2 .ab1main3 { padding-bottom: 10px; padding-top: 10px; }
  .ab1main2 .zhengshu { margin: auto; }
  .ab1main2 .zhengfu { top: 0px; background: rgba(0, 0, 0, 0.3); }
  .ab1main2 .abnav { background: none; }
  .ab1main2 .abnav a { width: 25%; float: left; margin: auto; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 729px) { .ab1main2 .img-list li { width: 0.45%; margin-right: 0.1%; }
  .ab1main2 .ablie { width: 99%; margin-left: 0.5% !important; margin-right: 0.5%; margin-top: 10px; } }

@media screen and (max-width: 609px) { .ab1main2 .ab1nav { top: 0px; right: 0px; }
  .ab1main2 .ab1biao2 { width: 200px; font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 529px) { .ab1main2 .img-list li { width: 1%; margin-right: .487%; }
  .ab1main2 .zhengfu p { width: 96%; left: 2%; } }

/*==========product==================*/
.product { /*list*/ }

.product .list { width: 242px; margin-bottom: 0px; position: relative; padding-bottom: 40px; }

.product .list .subNav { width: 233px; cursor: pointer; margin-bottom: 0px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; background: #ececec; }

.product .list .subNav a { display: block; line-height: 33px; padding: 5px 0px; padding-left: 10px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333333; }

.product .list .subNav a i { font-size: 12px; font-size: 1.2rem; }

.product .list .subNav:hover { background: #009ee4; margin-left: 10px; }

.product .list .subNav:hover a { color: #fff; }

.product .list .currentDd { background: #009ee4; margin-left: 10px; }

.product .list .currentDd a { color: #fff; }

.product .list .navContent { display: none; background: #fcfcfc; position: relative; padding-top: 10px; padding-bottom: 10px; margin-left: 9px; border-top: 0; margin-top: -5px; margin-bottom: 10px; }

.product .list .navContent > li a { display: block; font-size: 14px; font-size: 1.4rem; padding-top: 0; padding-bottom: 0px; color: #666666; padding-left: 24px; line-height: 30px; }

.product .list .navContent > li a:hover { color: #009ee4; }

.product .prot_r { width: 928px; }

.product .m2_ul { padding-bottom: 19px; }

.product .m2_ul li { width: 294px; float: left; margin-left: 23px; margin-bottom: 35px; }

.product .m2_ul .wrap { position: relative; overflow: hidden; border: 1px solid #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.product .m2_ul .wrap:hover .fu { top: 0px; }

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

.product .m2_ul p { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 43px; line-height: 43px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 20px; color: #fff; text-align: center; background: #b2b2b2; }

.product .m2_ul p a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.product .m2_ul a { color: #fff; }

.product .m2_ul .chanmor { text-align: center; margin-top: 26px; }

.product .m2_ul .chanmor a { display: inline-block; font-size: 14px; font-size: 1.4rem; text-align: center; width: 118px; height: 30px; line-height: 28px; border: 1px solid #009ee4; color: #009ee4; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.product .m2_ul .chanmor input { display: inline-block; position: relative; top: 2px; cursor: pointer; margin-right: 5px; }

.product .m2_ul .chanmor a:hover { color: #fff; background: #009ee4; }

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

@media screen and (max-width: 999px) { .product .m2_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; }
  .product .m2_ul .fu { top: 0px; opacity: 0; } }

@media screen and (max-width: 638px) { .product .m2_ul li { width: 48%; margin-left: 1% !important; margin-right: 1%; } }

.product .titlems { position: relative; display: none; background: #009ee4; padding: 10px 10px; margin-bottom: 20px; }

.product .titlems a { text-align: left; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #fff; text-transform: uppercase; font-weight: bold; }

.product .dan_p { display: none; position: absolute; right: 5px; top: 15px; }

.product .dan_p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: #fff; }

@media screen and (max-width: 999px) { .product .titlems, .product .dan_p { display: block; }
  .product .list .subNavBox { display: none; }
  .product .list .subNav { width: 90%; }
  .product .list .subNav:hover { margin-left: 10px; }
  .product .list .currentDd { margin-left: 10px; } }

@media screen and (max-width: 1219px) { .product .prot_r { width: 692px; } }

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

/*goods1*/
#showArea img { cursor: pointer; display: block; margin-bottom: 3px; width: 119px; height: 119px; border: 1px solid #eeeeee; }

#showArea a:hover img { border-color: #009ee4; }

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

#gotop { cursor: pointer; display: block; margin: auto; height: 20px; text-align: center; color: #cdcdcd; font-weight: bold; font-size: 24px; font-size: 2.4rem; }

#gobottom { cursor: pointer; display: block; margin: auto; height: 20px; text-align: center; color: #cdcdcd; font-weight: bold; font-size: 24px; font-size: 2.4rem; }

#gotop:hover { color: #009ee4; }

#gobottom:hover { color: #009ee4; }

#showArea { height: 373px; margin-top: 19px; overflow: hidden; margin-bottom: 12px; }

.MagicZoomBigImageCont { background: #FFF; }

.MagicZoomBigImageCont img { max-width: 866px; }

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

.left-pro { width: 563px; margin: 0 auto; }

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

.left-pro .t2 { width: 433px; text-indent: 0; float: left; height: 433px; border: 1px solid #eeeeee; }

.left-pro .t2 a { display: block; }

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

@media screen and (max-width: 1219px) { .MagicZoomBigImageCont { background: #FFF; display: none !important; }
  .MagicZoomPup { display: none !important; } }

/* product */
.product { /*pro media xiangqingyemian*/ }

.product .content { max-width: 563px; width: 100%; margin: 0 auto; }

.product .content .title { margin-top: 19px; margin-bottom: 30px; }

.product .content .title h1 { font-size: 20px; font-size: 2rem; font-weight: bold; color: #333333; line-height: 30px; }

.product .content .btn { max-width: 277px; width: 100%; display: inline-block; }

.product .content .btn a, .product .content .btn span { display: block; width: 131px; height: 40px; line-height: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; border: 1px solid #009ee4; color: #009ee4; font-size: 16px; font-size: 1.6rem; }

.product .content .btn a:hover { background-color: #009ee4; color: #fff; }

.product .share1 { position: relative; display: block; float: right; width: 200px; top: 10px; }

.product .share1 .span4 { color: #666666; height: 26px; line-height: 26px; }

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

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

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

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

.product .protitle1 { color: #333; font-size: 18px; font-size: 1.8rem; line-height: 48px; width: 100%; margin-bottom: 30px; margin-top: 44px; background: #eeeeee left center; padding-left: 13px; }

.product .pro_x { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; margin-top: 20px; }

.product .pro_x a { color: #009ee4; line-height: 30px; }

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

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

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

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

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

.product .prot_title { margin-top: 36px; font-size: 26px; font-size: 2.6rem; font-weight: bold; text-transform: uppercase; background: url(../images/prot_title.png) no-repeat left center; }

.product .prot_title2 { margin-top: 60px; font-size: 26px; font-size: 2.6rem; font-weight: bold; text-transform: uppercase; background: url(../images/prot_title2.png) no-repeat left center; }

.product .img980 { display: none; }

.product .img980 .img-scroll { position: relative; width: 100%; }

.product .img980 .img-scroll .prev { position: absolute; display: block; width: 36px; height: 26px; top: 50%; margin-top: -18px; z-index: 99; font-size: 26px; font-size: 2.6rem; }

.product .img980 .img-scroll .next { position: absolute; display: block; width: 36px; height: 26px; top: 50%; margin-top: -18px; z-index: 99; font-size: 26px; font-size: 2.6rem; }

.product .img980 .img-scroll .prev { left: 0; cursor: pointer; color: #999999; }

.product .img980 .img-scroll .next { right: 0; cursor: pointer; color: #999999; }

.product .img980 .img-scroll .prev:hover { color: #009ee4; }

.product .img980 .img-scroll .next:hover { color: #009ee4; }

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

.product .img980 .img-list ul { width: 10000%; }

.product .img980 .img-list li { float: left; width: 341px; margin-right: 30px; }

.product .img980 .img-list img { display: block; max-width: 341px; width: 100%; margin: 0 auto; }

.product .img980 .img-list .m3lien { max-width: 341px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; }

@media screen and (max-width: 1219px) { .product .img980 .img-list li { width: 0.3%; margin-right: .05%; } }

@media screen and (max-width: 999px) { .product .img980 .img-list { width: 100%; }
  .product .img980 .img-list li { width: 0.3%; margin-right: .05%; } }

@media screen and (max-width: 768px) { .product .img980 .img-list li { width: 0.45%; margin-right: 0.1%; } }

@media screen and (max-width: 460px) { .product .img980 .img-list li { width: 1%; margin-right: .487%; } }

@media screen and (max-width: 999px) { .product .content { padding-bottom: 30px; }
  .product .img980 { display: block; }
  .product .left-pro { display: none; } }

@media screen and (max-width: 768px) { .product .content .btn { float: none; }
  .product .share1 { float: none; margin-top: 20px; }
  .product .content .btn a, .product .content .btn span { width: 48%; }
  .product .prot_title { font-size: 20px; font-size: 2rem; }
  .product .prot_title2 { font-size: 20px; font-size: 2rem; } }

/*==========pro_bottom==================*/
.pro_bottom { padding-bottom: 81px; }

.pro_bottom .img-scroll { position: relative; width: 100%; }

.pro_bottom .img-scroll .hot { position: relative; top: -32px; float: right; max-width: 83px; width: 100%; height: 25px; background: #fff; }

.pro_bottom .img-scroll .prev { position: absolute; display: block; width: 36px; height: 36px; z-index: 99; font-size: 34px; font-size: 3.4rem; }

.pro_bottom .img-scroll .next { position: absolute; display: block; width: 36px; height: 36px; z-index: 99; font-size: 34px; font-size: 3.4rem; }

.pro_bottom .img-scroll .prev { left: 0; cursor: pointer; color: #009ee4; }

.pro_bottom .img-scroll .next { right: 0; cursor: pointer; color: #009ee4; }

.pro_bottom .img-scroll .prev:hover { color: #333; }

.pro_bottom .img-scroll .next:hover { color: #333; }

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

.pro_bottom .img-list ul { width: 10000%; }

.pro_bottom .img-list li { float: left; width: 284px; margin-right: 20px; }

.pro_bottom .prom2_ul { padding-bottom: 19px; }

.pro_bottom .prom2_ul .wrap { position: relative; overflow: hidden; border: 1px solid #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pro_bottom .prom2_ul .wrap:hover .fu { top: 0px; }

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

.pro_bottom .prom2_ul p { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 43px; line-height: 43px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 20px; color: #fff; text-align: center; background: #b2b2b2; }

.pro_bottom .prom2_ul p a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.pro_bottom .prom2_ul a { color: #fff; }

.pro_bottom .prom2_ul .chanmor { text-align: center; margin-top: 26px; }

.pro_bottom .prom2_ul .chanmor a { display: inline-block; font-size: 14px; font-size: 1.4rem; text-align: center; width: 118px; height: 30px; line-height: 28px; border: 1px solid #009ee4; color: #009ee4; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pro_bottom .prom2_ul .chanmor input { display: inline-block; position: relative; top: 2px; cursor: pointer; margin-right: 5px; }

.pro_bottom .prom2_ul .chanmor a:hover { color: #fff; background: #009ee4; }

@media screen and (max-width: 999px) { .pro_bottom .prom2_ul .fu { top: 0px; opacity: 0; } }

@media screen and (max-width: 1219px) { .pro_bottom .img-list li { width: 0.3%; margin-right: .05%; } }

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

@media screen and (max-width: 768px) { .pro_bottom { padding-bottom: 40px; }
  .pro_bottom .img-list li { width: 0.45%; margin-right: 0.1%; } }

@media screen and (max-width: 460px) { .pro_bottom .img-list li { width: 1%; margin-right: .487%; } }

/*==========oem==================*/
.oem { padding-bottom: 99px; }

.oem .oem_l { width: 50%; padding: 33px 29px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f4f3f3; min-height: 658px; }

.oem .oem_r { width: 50%; padding: 33px 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #eff7fa; min-height: 658px; }

.oem .title { font-size: 30px; font-size: 3rem; font-weight: bold; color: #009ee4; line-height: 30px; }

.oem .title em { display: block; width: 39px; height: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #009ee4; margin-top: 17px; }

.oem .title2 { padding-left: 20px; background: url(../images/oemtitle2.png) no-repeat left 10px; font-size: 20px; font-size: 2rem; line-height: 30px; margin-top: 30px; }

.oem .title2 strong { display: block; }

.oem .title3 { padding-bottom: 120px; }

@media screen and (max-width: 1219px) { .oem .title2 p { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 999px) { .oem .oem_l { width: 100%; min-height: auto; padding: 33px 29px; }
  .oem .oem_r { width: 100%; min-height: auto; padding: 33px 29px; }
  .oem .title3 { padding-bottom: 50px; } }

@media screen and (max-width: 768px) { .oem .title { font-size: 22px; font-size: 2.2rem; }
  .oem .title em { margin-top: 5px; }
  .oem .title2 p { font-size: 14px; font-size: 1.4rem; } }

/*==========project==================*/
.project li { margin-bottom: 46px; border-bottom: 1px solid #ccecfa; min-height: 296px; padding-bottom: 37px; }

.project .n2_l { width: 743px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 27px 29px 0px; }

.project .n2_l .title2 { margin-top: 14px; margin-bottom: 7px; display: block; font-size: 20px; font-size: 2rem; font-weight: bold; color: #333; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*.project .n2_l p { margin-top: 17px; }*/

.project .n2_l p a { max-height: 150px; overflow: hidden; display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; }

.project .nesp img { display: block; max-width: 401px; max-height: 296px; width: 100%; }

@media screen and (max-width: 1219px) { .project .n2_l { width: 527px; } }

@media screen and (max-width: 999px) { .project .l { margin: 0 auto; width: 100%; float: none; }
  .project li { padding-bottom: 10px; }
  .project .r { margin: 0 auto; width: 100%; float: none; }
  .project .nesp img { margin: 0 auto; }
  .project .n2_l p { margin-top: 0px; }
  .project .more { margin-top: 10px; }
  .project .n2_l p a { font-size: 14px; font-size: 1.4rem; }
  .project .n2_l { width: 100%; margin-top: 0px; float: none; padding: 10px; } }

/*==========news==================*/
.news ul { padding-bottom: 10px; }

.news .fwp { padding-bottom: 48px; position: relative; border-bottom: 1px solid #ccecfa; margin-bottom: 42px; }

.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: 455px; max-height: 280px; width: 100%; margin: 0 auto; }

.news .zi { padding-left: 508px; min-height: 280px; padding-right: 0px; }

.news .zi .time { padding-bottom: 0px; padding-top: 0px; line-height: 24px; color: #666666; font-size: 16px; font-size: 1.6rem; }

.news .zi .title3 { padding-top: 14px; padding-bottom: 5px; display: block; line-height: 30px; font-size: 18px; font-size: 1.8rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

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

.news .zi .title3:hover { color: #009ee4; }

.news .zi .p:hover { color: #009ee4; }

.news .more { display: block; border: 1px solid #009ee4; color: #009ee4; text-align: center; width: 174px; height: 40px; line-height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 25px; font-size: 16px; font-size: 1.6rem; font-weight: bold; }

.news .more:hover { background: #009ee4; color: #fff; }

@media screen and (max-width: 999px) { .news .fwp { padding-bottom: 30px; }
  .news .swp { position: relative; top: 0; left: 0; padding: 0px; }
  .news .zi { padding-left: 0px; min-height: auto; padding-right: 0px; }
  .news .zi .p { margin-top: 10px; font-size: 14px; font-size: 1.4rem; }
  .news .zi .title3 { margin-top: 10px; font-size: 16px; font-size: 1.6rem; }
  .news .zi .time { font-size: 14px; font-size: 1.4rem; }
  .news .more { margin-top: 10px; } }

/*==========news2==================*/
.news2 { padding-bottom: 74px; }

.news2 h1 { font-weight: bold; font-size: 18px; font-size: 1.8rem; line-height: 30px; line-height: 30px; text-align: center; }

.news2 .new_top2 { text-align: center; margin-top: 0px; margin-bottom: 20px; }

.news2 .time { display: block; text-align: center; position: relative; margin-bottom: 19px; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #666; }

.news2 .share1 { position: relative; display: block; width: 200px; margin: 0 auto; }

.news2 .share1 .span4 { color: #666666; height: 26px; line-height: 26px; }

.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 .newsx { color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 26px; }

.news2 .newsx p { color: #666666; }

.news2 .newsx span { color: #666666; }

.news2 .newsx li { color: #666666; }

.news2 .newsx strong { color: #666666; }

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

.news2 .newsx a { color: #009ee4; }

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

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

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

.news2 .updown { border-top: 1px solid #a9a9a9; padding: 29px 0px; }

.news2 .updown p { display: inline-block; line-height: 30px; color: #142347; font-size: 16px; font-size: 1.6rem; }

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

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

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

.news2 .updown p .on { color: #009ee4; }

.news2 .updown p a { color: #142347; text-transform: none; }

.news2 .updown p:hover a { color: #009ee4; }

.news2 .updown i { display: inline-block; width: 26px; height: 26px; text-align: center; line-height: 26px; -moz-border-radius: 50%; border-radius: 50%; font-size: 12px; font-size: 1.2rem; color: #fff; margin-right: 5px; background: #009ee4; }

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

.vi_ul1 { padding-bottom: 10px; }

.vi_ul1 li { width: 573px; margin-bottom: 33px; }

.vi_ul1 .wen { line-height: 30px; margin-top: 20px; font-size: 16px; font-size: 1.6rem; color: #333; font-weight: bold; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.vi_ul1 .litop { position: relative; padding-bottom: 68%; height: 0; overflow: hidden; }

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

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

@media screen and (max-width: 1219px) { .vi_ul1 li { width: 48%; } }

@media screen and (max-width: 999px) { .vi_ul1 li { width: 48%; margin-bottom: 20px; } }

@media screen and (max-width: 768px) { .vi_ul1 { padding-bottom: 30px; }
  .vi_ul1 .wen { margin-top: 10px; font-size: 14px; font-size: 1.4rem; line-height: 30px; } }

@media screen and (max-width: 450px) { .vi_ul1 li { width: 98%; } }

/*-------------contact------------------------------------------------------------*/
.contact .m-crm { margin-bottom: 0px; }

/*-------------3-10-About start------------------------------------------------------------*/
.contact-box { background: url(../images/web18.jpg) repeat-y center; padding-top: 118px; padding-bottom: 180px; }

/*.contact-left start*/
.contact-left { width: 410px; margin-right: 120px; }

.contact-left .item-title { margin-bottom: 73px; font-size: 30px; font-size: 3rem; position: relative; padding-bottom: 22px; }

.contact-left .item-title:after { position: absolute; content: ''; width: 67px; height: 1px; background-color: #009ee4; left: 0; bottom: 0; }

.contact-left ul { padding-bottom: 46px; }

.contact-left li { line-height: 27px; }

.contact-left i { display: inline-block; margin-right: 10px; font-size: 20px; font-size: 2rem; color: #666666; }


.contact-left .ull { padding-bottom: 46px; }

.contact-left div { line-height: 27px; }

.contact-left em { display: inline-block; margin-right: 10px; font-size: 20px; font-size: 2rem; color: #666666; }


.contact-left a:hover { color: #009ee4; }

@media screen and (max-width: 1219px) { .contact-box { padding-top: 70px; padding-bottom: 70px; }
  .contact-left { width: 340px; margin-right: 80px; } }

@media screen and (max-width: 999px) { .contact-box { background-image: none; padding: 50px 0; }
  .contact-left { width: 100%; margin-right: 0; margin-bottom: 30px; float: none !important; }
  .contact-left .item-title { text-align: center; margin-bottom: 30px; padding-bottom: 0; }
  .contact-left .item-title:after { display: none; }
  .contact-left ul { padding-left: 22px; }
  .contact-left .item6 { background-position-y: 5px; } }

@media screen and (max-width: 767px) { .contact-box { padding: 30px 0; }
  .contact-left .item-title { font-size: 24px; font-size: 2.4rem; }
  .contact-left li { line-height: 30px; } }

/*.contact-left end*/
/*.contact-right start*/
.contact-right { overflow: hidden; /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ }

.contact-right .item-title { font-size: 30px; font-size: 3rem; text-align: center; }

.contact-right .item-desc { color: #666666; line-height: 30px; margin-top: 29px; margin-bottom: 50px; padding-left: 22px; }

.contact-right ::-webkit-input-placeholder { color: #666; }

.contact-right :-o-placeholder { color: #666; }

.contact-right ::-moz-placeholder { color: #666; }

.contact-right :-ms-input-placeholder { color: #666; }

.m-ctusform1 { overflow: hidden; }

.m-ctusform1 select { padding-left: 0; }

.m-ctusform1 .form-item { float: left; position: relative; margin-bottom: 23px; padding-left: 22px; line-height: 0; font-size: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.m-ctusform1 .form-item.important { background: url("../images/star.png") no-repeat 8px 28px; }

.m-ctusform1 .form-item-1 { width: 50%; }

.m-ctusform1 .form-item-2 { width: 100%; margin-bottom: 15px; }

.m-ctusform1 .form-item-2.important { background: url("../images/star.png") no-repeat 8px 18px; }

.m-ctusform1 .form-item-3 { margin-right: 3.28358%; width: 29.85075%; }

.m-ctusform1 .form-item-4 { width: 26.26866%; height: 54px; padding-left: 0; line-height: 52px; text-align: center; background-color: transparent; -moz-border-radius: 0; border-radius: 0; background-color: #fff; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; }

.m-ctusform1 .form-item-4 img { max-height: 100%; vertical-align: middle; }

.m-ctusform1 .form-item-5 { float: right; border: none; width: 37.31343%; padding-left: 0; }

.m-ctusform1 .item-btn1 { width: 100%; height: 54px; padding-left: 0; line-height: 54px; color: #ffffff; font-size: 14px; font-size: 1.4rem; text-align: center; text-transform: uppercase; background-color: #009ee4; }

.m-ctusform1 .item-text { width: 100%; height: 54px; line-height: 52px; padding-left: 14px; padding-right: 14px; font-size: 14px; font-size: 1.4rem; color: #666; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; }

.m-ctusform1 .item-text option { line-height: 52px; }

.m-ctusform1 .item-text2 { height: 193px; line-height: 40px; }

@media screen and (max-width: 767px) { .m-ctusform1 .form-item { margin-bottom: 15px; width: 100%; }
  .m-ctusform1 .form-item.important { background-position: 5px 13px; }
  .m-ctusform1 .item-text { height: 35px; line-height: 35px; font-size: 14px; font-size: 1.4rem; }
  .m-ctusform1 .item-text2 { height: 140px; }
  .m-ctusform1 .form-item-4 { margin-left: 22px; height: 40px; line-height: 40px; width: calc(100% - 22px); width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px); }
  .m-ctusform1 .form-item-5 { padding-left: 22px; }
  .m-ctusform1 .item-btn1 { height: 40px; line-height: 40px; } }

@media screen and (max-width: 767px) { .contact-right .item-title { font-size: 24px; font-size: 2.4rem; }
  .contact-right .item-desc { line-height: 22px; margin: 15px 0 20px; } }

/*.contact-right end*/
/*map*/
.map { width: 100%; margin-bottom: 1px; }

.map img { width: 100%; display: block; }

/*-------------3-10-About end--------------------------------------------------------------*/
/*==========video==================*/

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


.listcart{ width:100%; margin-top:40px;margin-bottom: 40px;}
.listcart a{ background:#fff;display:inline-block;height: 30px; width:200px; line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #009ee4;cursor: pointer;  border:1px solid #009ee4; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}
.listcart a:hover{  border:#009ee4 solid 1px; background:#009ee4; 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}
}
.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;}
.ppp{line-height: 30px;margin-bottom: 20px;margin-top: 20px;}


.m-page2 a.no:hover{color: #333;
background: #fff;

border: 1px solid #e5e5e5;}


.product .pro_x .table table tr td{line-height: 30px;}


.dan_header a{text-transform:Capitalize;}


@media screen and (max-width: 1000px) { 
.qqq{display: none;}
}
@media screen and (min-width: 1000px) { 
.qqq2{display: none;}
}

@media screen and (max-width:640px){
#wowslider-container1 .ws_bullets a {
    position: relative;
    text-shadow: none;
    color: transparent;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px 0px;
    background: url(../images/yao_hui.png) no-repeat center center;
    background-size: 15px!important;
}
#wowslider-container1 .ws_bullets a.ws_selbull{background-size: 15px!important;}
}


#cnzz_stat_icon_1277885004{padding-left: 5px!important;}


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