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

* { 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: black; }

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: #06af8b; }

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

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

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

.m-desc a { color: #06af8b; }

.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: #06af8b; 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: #06af8b; }

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

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

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

.m-crm { margin-top: 12px; padding-bottom: 2px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; background: url(../images/crm.png) no-repeat left 5px; border-bottom: 1px solid #06af8b; font-family: "FuturaStdBook"; text-transform: uppercase; margin-bottom: 39px; }

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

.m-crm a:hover { color: #06af8b; }

.m-crm a.active { color: #06af8b; }

.m-oths { margin-top: 18px; }

.m-oths .oths-item { padding-left: 22px; height: 20px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center; }

.m-oths .oths-item a { color: #666; }

.m-oths .oths-item a:hover { color: #06af8b; }

.m-oths .oths-item-1 { margin-bottom: 12px; background-image: url("../images/oths1.png"); }

.m-oths .oths-item-2 { background-image: url("../images/oths2.png"); }

.m-oths a { color: #666666; }

.m-page { margin-top: 30px; letter-spacing: 0; font-size: 0; text-align: center; margin-bottom: 90px; }

.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: #06af8b; background-color: #06af8b; }

.m-page a.active,.m-page a.ms_current_ye,.m-page a.a1 { color: white; border-color: #06af8b; background-color: #06af8b; }

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

.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: 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: #999999; color: #fff; font-size: 14px; font-size: 1.4rem; cursor: pointer; }

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

.m-page2 { position: relative; }

@media screen and (max-width: 767px) { .m-page { margin-top: 25px; 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-kf { position: fixed; z-index: 999; right: 0px; top: 30%; }

.m-kf .kf-item { display: block; line-height: 0; font-size: 0; margin-bottom: 2px; background-color: #d8d8d8; -moz-border-radius: 5px; border-radius: 5px; }

.m-kf .kf-item:hover { background-color: #06af8b; }

.m-kf .kf-item.active { background-color: #06af8b; }

.m-kf .kf-item .img-responsive { position: absolute; top: 0px; right: 100%; max-width: 200px; width: 500%; }

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

@media screen and (max-width: 767px) { .m-kf .kf-item .img-responsive { top: -151%; right: 0px; width: 69px; height: 69px; }
  .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-color: #06af8b; }
  .m-kf .kf-item { width: 20%; text-align: center; background-color: #06af8b; }
  .m-kf .kf-wx { bottom: 100%; left: 0; } }

.returntop { z-index: 9; line-height: 0; font-size: 0; display: block !important; }

.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 .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: 20px; 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: #06af8b; }

@media screen and (min-width: 960px) { 
.wap-nav, .menubtn { display: none; } 
.wap-nav .menubtn{ display:block;} 
}

@media screen and (max-width: 959px) { .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: #06af8b; }
  .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: #06af8b; } }

/* search */
.header .search { position: absolute; top: 75px; right: 0; width: 31px; height: 31px; }

.header .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/sousuo.png) no-repeat center; }

/* break */
.break { padding-top: 15px; margin-bottom: 60px; }

.break .wp { border-bottom: 1px solid #06af8b; }

.break p { text-transform: uppercase; padding-left: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; font-size: 16px; font-size: 1.6rem; }

.break a { color: #333; line-height: 35px; }

.break a.on, .break a:hover { color: #06af8b; }

/* header_top */
.header_top { margin-top: 18px; padding-bottom: 17px; }

.header_top .shejiao a { display: block; float: left; margin-left: 15px; }

.header_top .shejiao .down { margin-left: 27px; width: 130px; height: 33px; line-height: 33px; text-indent: 20px; color: #666666; background: url(../images/hdown.png) no-repeat center; }

/* header */
.header1 { background: url(../images/headerbj.png) repeat center; width: 100%; left: 0px; top: 0px; z-index: 999; }

.header1 .wp { position: relative; }

.header1 .logo { margin-top: 12px; }

.header1 .logo img { display: block; max-width: 325px; max-height: 98px; width: 100%; margin: 0 auto; }

.header { background: url(../images/headerbj.png) repeat center; position: absolute; width: 100%; left: 0px; top: 0px; z-index: 999; }

.header .wp { position: relative; }

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

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

.header_ul1 { margin-right: 78px; width: 785px\0; }

.header_ul1 > li { float: left; margin-left: 58px; position: relative; margin-left: 50px\0; }

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

.header_ul1 > li > a { color: #333; line-height: 38px; display: block; font-family: "FuturaStdBook"; text-transform: uppercase; padding-bottom: 8px; font-size: 16px; font-size: 1.6rem; background: url(../images/headerli.png) no-repeat -220px bottom; }

.header_ul1 > li:hover > a, .header_ul1 li.on > a { color: #06af8b; background: url(../images/headerli.png) no-repeat center bottom; }

.dan_header { padding: 10px 0px; display: none; width: 230px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; left: 0px; top: 100%; background: #fff; background: rgba(255, 255, 255, 0.8); z-index: 999999; }

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

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

.dan_header > ul > li:hover > a { padding-left: 10px; color: #06af8b; }

.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 { -moz-border-radius: 5px; border-radius: 5px; padding: 10px 0px; background: #fff; background: rgba(255, 255, 255, 0.8); }

.dan_sanheader > ul > li { line-height: 30px; padding-left: 23px; position: relative; }

.dan_sanheader > ul > li > a { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; display: block; }

.dan_sanheader > ul > li:hover > a { color: #0e66a4; }

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

@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 .header_form { display: none; }
  .header_top { display: none; }
  .header_right { display: none; }
  .header .logo { float: none; margin: 0 auto; width: 100%; max-width: 200px; margin-top: 10px; margin-bottom: 10px; } }

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

.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 */
.footer { background: url(../images/footer.png) no-repeat center bottom; padding-top: 51px; text-align: center; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 30px; padding-bottom: 87px; }

.footer a { color: #fff; }

.footer p { color: #fff; font-size: 16px; font-size: 1.6rem; }

.footer span { display: inline-block; margin: 0px 23px; }

.footer .title { font-size: 20px; font-size: 2rem; line-height: 30px; text-transform: uppercase; margin-top: 22px; font-family: "FuturaStdBook"; margin-bottom: 15px; }

.footer .f_img { display: block; }

.footer .f_img img { display: block; margin: 0 auto; max-width: 88px; max-height: 114px; width: 100%; }

.footer .tech { display: inline-block; margin: 0px 5px; }

.footer .shejiao { text-align: center; margin-top: 20px; padding-bottom: 11px; }

.footer .shejiao a { display: inline-block; margin: 0px 6px; }

.footer a:hover { color: #06af8b; }

.footer .Links { height: 38px; line-height: 38px; }

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

.footer .Links a:hover { color: #06af8b; }

@media screen and (max-width: 768px) { .footer { font-size: 14px; font-size: 1.4rem; }
  .footer p { font-size: 14px; font-size: 1.4rem; }
  .footer .Links { display: none; }
  .footer .title { font-size: 16px; font-size: 1.6rem; } }

.footer2 { padding-bottom: 48px; }

@media screen and (max-width: 768px) { .footer2 { padding-bottom: 80px; } }

/*==========main1==================*/
.main1 { background: #f6f6f6; }

.main1 .m1_left { width: 24.84375%; }

.main1 .m1_right { width: 75.15625%; }

.main1 img { display: block; }

.main1 strong { font-weight: normal; color: #06af8b; }

.main1 b { display: block; height: 3px; width: 50px; background: #06af8b; margin-top: 9px; margin-bottom: 43px; }

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

.main1 .m1_wrap a { display: block; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 1s all; }

.main1 .m1_wrap span { display: block; }

.main1 .m1_wrap .m1_title { font-size: 30px; font-size: 3rem; font-family: "FuturaStdBook"; line-height: 50px; }

.main1 .m1_wrap .m1_title2 { font-size: 40px; font-size: 4rem; font-family: "FuturaStdBook"; line-height: 50px; }

.main1 .m1_wrap .more { display: block; width: 138px; height: 33px; line-height: 33px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #06af8b; color: #06af8b; text-align: center; }

.main1 .m1_wrap .more:hover { background: #06af8b; color: #fff; }

.main1 .fu2 { position: absolute; left: 16%; top: 16%; }

.main1 .fu { position: absolute; left: 10%; top: 26%; }

.main1 span.p { display: block; font-size: 14px; font-size: 1.4rem; line-height: 30px; padding-right: 50px; max-height: 90px; overflow: hidden; }

.main1 .m1tu { display: block; max-width: 477px; max-height: 794px; width: 100%; margin: 0 auto; }

.main1 .m1tu2 { display: block; max-width: 848px; max-height: 396px; width: 100%; margin: 0 auto; }

.main1 .m3tu { display: block; max-width: 847px; max-height: 398px; width: 100%; margin: 0 auto; }

.main1 .m4tu { display: block; max-width: 596px; max-height: 398px; width: 100%; margin: 0 auto; }

.main1 .m1_wrap3 { width: 59%; }

.main1 .m1_wrap4 { width: 41%; }

@media screen and (max-width: 1419px) { .main1 .fu2 { position: absolute; left: 10%; top: 5%; }
  .main1 .fu { position: absolute; left: 8%; top: 9%; }
  .main1 .m1_wrap .m1_title2 { font-size: 30px; font-size: 3rem; line-height: 40px; }
  .main1 .m1_wrap .m1_title { font-size: 20px; font-size: 2rem; line-height: 35px; } }

@media screen and (max-width: 1219px) { .main1 b { margin-bottom: 10px; } }

@media screen and (max-width: 999px) { .main1 .m1_wrap3 { width: 100%; float: none; }
  .main1 .m1_wrap4 { width: 100%; float: none; background: #fafafc; }
  .main1 .m1_wrap5 { padding: 20px 0px; background: #f6f6f6; }
  .main1 .m1_wrap5 .fu { position: relative; width: 95%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0px; top: 0px; }
  .main1 .m1_wrap5 .m4tu { display: none !important; }
  .main1 .fu { left: 6%; } }

@media screen and (max-width: 768px) { .main1 .m1_left { background: #e7eae9; }
  .main1 .m1_left .m1_wrap { max-width: 300px; margin: 0 auto; }
  .main1 .m1_left { width: 100%; max-width: 477px; margin: 0 auto; float: none; }
  .main1 .m1_right { width: 100%; max-width: 1443; margin: 0 auto; float: none; }
  .main1 .m1_wrap .fu2 .m1_title { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 640px) { .main1 .m1_wrap .m1_title { font-size: 16px; font-size: 1.6rem; line-height: 26px; }
  .main1 .m1_wrap .more { width: 100px; font-size: 14px; font-size: 1.4rem; } }

/*==========main2==================*/
.main2 { background: url(../images/main2.png) no-repeat bottom center; padding-top: 102px; padding-bottom: 100px; }

.main2 .wp { position: relative; }

.main2 .m2_img { position: absolute; right: 0px; top: 0px; z-index: 9; }

.main2 .m2_img img { display: block; margin: 0 auto; }

.main2 .main2_title { margin-top: 13px; margin-bottom: 10px; font-size: 40px; font-size: 4rem; font-family: "FuturaStdBook"; padding-left: 20px; background: url(../images/m1titl.png) no-repeat left center; }

.main2 .main2_title span { color: #06af8b; }

.main2 p { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.main2 p a { display: block; padding-left: 20px; background: url(../images/m2pli.png) no-repeat left 10px; }

.main2 .m2_p { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 8px; margin-bottom: 7px; }

.main2 .m2_p a { display: block; }

.main2 .m2_p span { color: #06af8b; }

.main2 .img-scroll { position: relative; max-width: 615px; width: 100%; }

.main2 .img-scroll .hot { position: relative; max-width: 85px; width: 100%; height: 34px; margin-top: 19px; }

.main2 .img-scroll .prev { position: absolute; display: block; width: 39px; height: 34px; z-index: 99; }

.main2 .img-scroll .next { position: absolute; display: block; width: 39px; height: 34px; z-index: 99; }

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

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

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

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

.main2 .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; z-index: 99; }

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

.main2 .img-list li { float: left; width: 290px; margin-right: 30px; }

.main2 .img-list li .m3tu { display: block; background: #fff; max-width: 283px; width: 100%; margin: 0 auto; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25); }

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

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

.main2 .img-list li .m4zi { display: block; margin: 0 auto; max-width: 283px; width: 100%; font-size: 18px; font-size: 1.8rem; margin-top: 10px; color: #333; line-height: 38px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.main2 .img-list li .m3lien { max-width: 290px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; padding-top: 5px; }

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

@media screen and (max-width: 1219px) { .main2 .m2_img { width: 50%; } }

@media screen and (max-width: 999px) { .main2 { padding: 50px 0px; }
  .main2 .m2_img { width: 45%; } }

@media screen and (max-width: 768px) { .main2 .m2_img { display: block; margin: 0 auto; width: 100%; float: none; margin: 0 auto; position: relative; top: 0px; }
  .main2 .img-scroll { max-width: 100%; }
  .main2 .img-list li { width: 4.5%; margin-right: 1%; }
  .main2 .img-list li .m3tu { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #333; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .main2 .img-list li .m4zi { font-size: 14px; font-size: 1.4rem; }
  .main2 p { font-size: 14px; font-size: 1.4rem; }
  .main2 .m2_p { font-size: 14px; font-size: 1.4rem; }
  .main2 .main2_title { font-size: 30px; font-size: 3rem; } }

/*==========main3==================*/
.main3 { background: url(../images/main3.png) repeat-y center top; padding-top: 72px; padding-bottom: 100px; }

.main3 .wp { position: relative; }

.main3 .m2_img { position: absolute; left: 0px; top: 0px; z-index: 9; }

.main3 .m2_img img { display: block; margin: 0 auto; }

.main3 .m3_right { width: 605px; position: relative; z-index: 99; }

.main3 .main2_title { margin-top: 29px; margin-bottom: 16px; text-align: right; font-size: 40px; font-size: 4rem; font-family: "FuturaStdBook"; padding-right: 20px; background: url(../images/m1titl.png) no-repeat right center; }

.main3 .main2_title span { color: #06af8b; }

.main3 p { font-size: 16px; font-size: 1.6rem; line-height: 30px; text-align: right; max-width: 512px; margin-bottom: 23px; }

.main3 p a { display: inline-block; padding-left: 20px; background: url(../images/m2pli.png) no-repeat left 10px; }

.main3 p span { color: #06af8b; font-weight: bold; }

.main3 li { width: 290px; }

.main3 li .m3tu { display: block; background: #fff; max-width: 283px; width: 100%; margin: 0 auto; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25); }

.main3 li .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; }

.main3 li img { display: block; max-width: 283px; max-height: 262px; width: 100%; margin: 0 auto; }

.main3 li .m4zi { display: block; margin: 0 auto; max-width: 283px; width: 100%; font-size: 18px; font-size: 1.8rem; margin-top: 5px; color: #333; line-height: 38px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.main3 li .m3lien { max-width: 290px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; padding-top: 5px; }

.main3 li .m3lien:hover .m4fu { top: 0; }

.main3 .more { display: block; width: 170px; height: 41px; line-height: 41px; color: #fff; background: #06af8b; border: 1px solid #06af8b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px; font-size: 1.8rem; text-align: center; margin-top: 31px; }

.main3 .more:hover { background: transparent; color: #06af8b; }

@media screen and (max-width: 1219px) { .main3 .m2_img { width: 50%; } 

.main3 .m3_right { width: 472px;}
.main3 li{ width:210px;}

}

@media screen and (max-width: 999px) { .main3 .m2_img { width: 32%; } }

@media screen and (max-width: 768px) { .main3 .m2_img { display: block; margin: 0 auto; width: 100%; float: none; margin: 0 auto; position: relative; top: 0px; }
  .main3 .m3_right { width: 100%; position: relative; z-index: 99; }
  .main3 li { width: 48%; }
  .main3 p { text-align: left; font-size: 14px; font-size: 1.4rem; }
  .main3 li .m4zi { font-size: 14px; font-size: 1.4rem; } }

.main_title { text-align: center; padding-top: 97px; }

.main_title a { font-size: 40px; font-size: 4rem; font-family: "FuturaStdBook"; }

.main_title span { color: #06af8b; }

.main_title b { display: block; margin: 0 auto; width: 50px; height: 4px; background: #06af8b; margin-top: 4px; }

@media screen and (max-width: 640px) { .main_title { padding-top: 47px; } }

/*==========m3_ul2==================*/
.m3_ul2 { margin-top: 46px; padding-bottom: 104px; }

.m3_ul2 li { width: 49%; }

.m3_ul2 li a { -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 1s all; }

.m3_ul2 li:hover a { color: #06af8b; }

.m3_ul2 li:hover .more { background: url(../images/m6moreon.png) no-repeat center right; }

.m3_ul2 .m3_wrao { position: relative; min-height: 234px; padding-left: 327px; }

.m3_ul2 .m3_wrao .img { position: absolute; left: 0px; top: 0px; }

.m3_ul2 .m3_wrao img { display: block; max-width: 294px; width: 100%; margin: 0 auto; }

.m3_ul2 .ntitle3 { margin-bottom: 27px; display: block; margin-top: 15px; font-weight: bold; font-size: 14px; font-size: 1.4rem; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.m3_ul2 .time { color: #666; font-size: 14px; font-size: 1.4rem; }

.m3_ul2 p { font-size: 14px; font-size: 1.4rem; line-height: 24px; }

.m3_ul2 p a { color: #333333; display: block; max-height: 72px; overflow: hidden; }

.m3_ul2 .more { margin-top: 35px; font-size: 16px; font-size: 1.6rem; display: inline-block; padding-right: 30px; background: url(../images/m6more.png) no-repeat center right; text-transform: uppercase; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 1s all; }

@media screen and (max-width: 999px) { .m3_ul2 li { width: 100%; margin: 0 auto; float: none; margin-bottom: 20px; } }

@media screen and (max-width: 768px) { .m3_ul2 { padding-bottom: 30px; }
  .m3_ul2 .ntitle3 { margin-bottom: 10px; }
  .m3_ul2 .m3_wrao { padding: 0px; }
  .m3_ul2 .m3_wrao .img { position: relative; display: block; margin: 0 auto; max-width: 294px; }
  .m3_ul2 .more { float: none; margin-top: 10px; } }

/*==========about==================*/
/*list*/
.product .list { width: 270px; padding-bottom: 30px; }

.product .list .title1 { width: 100%; margin-bottom: 0px; width: 100%; height: 46px; line-height: 46px; background: url(../images/protut.png) center; text-align: center; }

.product .list .title1 a { color: #fff; font-size: 20px; font-size: 2rem; color: #fff; font-weight: bold; text-transform: uppercase;  height: 46px;
    line-height: 46px; display:block;  text-align:center;}

.product .list .subNavBox { width: 100%; margin-bottom: 42px; }

.product .list .subNav { cursor: pointer; background: #f4f4f4 url(../images/parrow.png) no-repeat right top; margin-top: 8px; margin-bottom: 0px; -webkit-transition: 1s all; -o-transition: 1s all; -moz-transition: 1s all; transition: 1s all; }

.product .list .subNav.div1 { margin-top: 0px; padding-top: 4px; }

.product .list .subNav a { line-height: 40px; padding-left: 20px; font-size: 16px; font-size: 1.6rem; color: #333333; -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; -webkit-transition: 1s all; -o-transition: 1s all; -moz-transition: 1s all; transition: 1s all; display:block }

.product .list .subNav:hover { background: #06af8b url(../images/parrowon.png) no-repeat right top; color: #06af8b; }

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

.product .list .currentDd { background: #06af8b url(../images/parrowon.png) no-repeat right top; }

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

.product .list .navContent { display: none; background: #f4f4f4; position: relative; top: 0px; padding-bottom: 13px; padding-top: 13px; }

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

.product .list .navContent > li > a:hover { color: #06af8b; }

.product .list .subNav.currentDd .navContent { display: block; }

.product .list_title { background: url(../images/ortgj.png) no-repeat right center; max-width: 270px; margin-bottom: 8px; }

.product .list_title a { background: #fff; padding-right: 5px; color: #06af8b; font-size: 22px; font-size: 2.2rem; font-weight: bold; line-height: 24px; }

.product .list_ul1 { margin-bottom: 46px; }

.product .list_ul1 li a { color: #fff; display: block; float: left; margin-left: 3px; margin-top: 9px; line-height: 25px; padding: 0 13px; background: #06af8b; font-size: 12px; font-size: 1.2rem; }

.product .list_ul2 { margin-top: 17px; }

.product .list_ul2 dl { position: relative; min-height: 128px; margin-bottom: 21px; }

.product .list_ul2 dt { position: absolute; top: 0px; left: 0px; }

.product .list_ul2 dt a { display: block; max-width: 128px; max-height: 128px; border: 1px solid #dcdcdc; }

.product .list_ul2 dt a img { display: block; max-width: 128px; max-height: 128px; width: 100%; }

.product .list_ul2 dd { padding-left: 149px; }

.product .list_ul2 dd a { display: block; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; padding-top: 37px; display: block; }

.product .list_ul2 dd a:hover { color: #06af8b; }

.product .goods { width: 890px; }

.product .pro_ul li { float: left; margin-left: 50px\0; margin-left: 58px; margin-bottom: 31px;     width: 258px; }

.product .pro_ul li:hover .fu { top: 0px; }

.product .pro_ul li:hover .more { background: #06af8b; border-color: #06af8b; color: #fff; }

.product .pro_ul a { display: block; }

.product .pro_ul .pro_wrap { position: relative; overflow: hidden; max-width: 254px; margin: 0 auto; width: 100%; /*border: 2px solid #06af8b;*/ }

.product .pro_ul .fu { position: absolute; top: 100%; left: 0px; width: 100%; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 1s all; }

.product .pro_ul img { display: block; max-width: 259px; max-height: 240px; margin: 0 auto; width: 100%; }

.product .pro_ul .pto_title { margin-top: 7px; margin-bottom: 11px; display: block; text-align: center; font-weight: bold; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right:10px; }

.product .pro_ul .pto_title input { display: inline-block; }

.product .pro_ul .more { -moz-border-radius: 0px 5px 0px 5px; border-radius: 0px 5px 0px 5px; display: block; text-align: center; border: 2px solid #333; font-weight: bold; line-height: 38px; height: 38px; width: 156px; margin: 0 auto; }

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

@media screen and (max-width: 999px) { .product .goods { width: 100%; float: none; }
  .product .list { width: 100%; float: none; }
  .product .list .subNavBox { display: none; margin-bottom: 0px; }
  .product .list_title { margin-top: 30px; }
  .product .list .title1 { position: relative; background: #06af8b; }
  .product .titlems .dan_p { position: absolute; right: 5px; top: 15px; }
  .product .titlems .dan_p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: #fff; }
  .product .pro_ul .more { max-width: 156px; width: 95%; margin: 0 auto; } }

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

/*goods1*/
#showArea img:hover { border-color: #06af8b; }

#showArea img { cursor: pointer; display: block; margin-bottom: 8px; width: 129px; height: 121px; border: 2px solid #eeeeee; }

#showArea a { display: block; }

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

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

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

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

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

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

.MagicZoomBigImageCont { background: #FFF; display: none !important; }

.MagicZoomBigImageCont img { width: 1000px; height: 1000px; }

.MagicZoomPup { border: 0px solid #aaa; background: #ffffff; display: none !important; }

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

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

.left-pro .t2 { width: 648px; text-indent: 0; float: left; height: 600px; border: 2px solid #06af8b; }

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

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

/* product */
.goods1 { padding-bottom: 76px; }

.product .content { width: 100%; }

.product .content .title { margin-top: 29px; margin-bottom: 18px; }

.product .content .title h1 { padding-left: 30px; background: url(../images/palrj.png) no-repeat left 10px; font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #333333; line-height: 30px; }

.product .content .btn { width: 334px; display: inline-block; }

.product .content .btn a, .product .content .btn span { display: block; width: 155px; height: 37px; line-height: 37px; text-align: center; -moz-border-radius: 0px 10px 0px 10px; border-radius: 0px 10px 0px 10px; border: 2px solid #06af8b; font-weight: bold; color: #06af8b; background: #fff; }

.product .content .btn a:hover { background-color: #06af8b; color: #fff; }

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

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

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

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

.protitle1 { color: #333; font-weight: bold; text-transform: uppercase; font-size: 20px; font-size: 2rem; width: 100%; margin-bottom: 10px; margin-top: 56px; background: url(../images/profjbj.png) no-repeat left center; }

.protitle2 { font-weight: bold; text-transform: uppercase; font-size: 20px; font-size: 2rem; width: 100%; margin-top: 20px; background: url(../images/profjbj2.png) no-repeat left center; }

.protitle2 a { color: #333; }

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

.pro_x a { color: #06af8b; line-height: 24px; }

.pro_x img { display: block; max-width: 100%;/* margin: 0 auto;*/ }

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

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

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

.img980 { display: none; }

/*pro media xiangqingyemian*/
@media screen and (max-width: 1219px) { .img980 { display: block; }
  .left-pro { display: none; } }

@media screen and (max-width: 999px) { .product .xiangqing .list { width: 100%; }
  .product .xiangqing .goods1 { width: 100%; }
  .protitle1, .protitle2 { background: none; } }

@media screen and (max-width: 640px) { .product .content .btn { float: none; width: 100%; }
  .product .content .btn a, .product .content .btn span { width: 48%; }
  .product .content .share1 { padding-left: 0px; float: none; text-align: center; margin-top: 20px; } }

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

.product .img-scroll .hot { position: relative; background: #fff; top: -26px; float: right; max-width: 58px; width: 100%; height: 25px; right: 24px; }

.product .img-scroll .prev { position: absolute; display: block; width: 24px; height: 25px; top: 50%; margin-top: -12px; }

.product .img-scroll .next { position: absolute; display: block; width: 24px; height: 25px; top: 50%; margin-top: -12px; }

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

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

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

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

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

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

.product .img-list li { float: left; width: 259px; margin-right: 55px; }

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

.product .img-list li .m3lien { max-width: 259px; text-align: center; position: relative; overflow: hidden; border: 2px solid #06af8b; }

.product .img-list li .m3lien img { max-width: 259px; max-height: 236px; width: 100%; margin: 0 auto; }

.product .img-list li .m4zi { display: block; margin: 0 auto; max-width: 259px; width: 95%; text-align: center; font-weight: bold; color: #333; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; }

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

.titlems a { text-align: left; line-height: 30px; font-size: 16px; font-size: 1.6rem; }

.titlems .dan_p { position: absolute; right: 0px; top: 16px; display: none; }

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

@media screen and (max-width: 999px) { .titlems .dan_p { display: block; }
  .product .subNavBox { display: none; } }

@media screen and (max-width: 1219px) { .product .img-list li { width: 177px; }
  .product .img-list li .m3lien { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 999px) { .goods1 { padding-bottom: 30px; }
  .product .img-list li .m3lien .m4fu { top: 0px; display: none; }
  .product .img-list { width: 100%; }
  .product .img-scroll .hot { position: relative; top: 0px; float: right; max-width: 58px; width: 100%; margin-bottom: 10px; }
  .product .img-list li { width: 2.4%; margin-right: .1%; }
  .protitle2 { margin-bottom: 30px; } }

@media screen and (max-width: 768px) { .product .list .title1 a { font-size: 16px; font-size: 1.6rem;line-height: 45px; }
  .product .img-scroll { margin-top: 20px; }
  .product .img-list li { width: 3%; margin-right: .487%; } }

@media screen and (max-width: 400px) { .protitle1, .protitle2 { font-size: 20px; font-size: 2rem; }
  .product .img-list { width: 235px; margin: 0 auto; }
  .product .img-list li { width: 235px; margin-right: .487%; } }

/* new */
.new .fwp { margin-bottom: 39px; position: relative; }

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

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

.new .swp a img { display: block; max-width: 341px; max-height: 249px; width: 100%; margin: 0 auto; }

.new .zi { padding-left: 370px; min-height: 249px; padding-right: 0px; }

.new .zi .time { padding-bottom: 20px; padding-top: 5px; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; }

.new .zi .title { color: #333; display: block; padding-top: 27px; line-height: 30px; font-size: 16px; font-size: 1.6rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.new .zi .p { display: block; margin-bottom: 17px; max-height: 56px; overflow: hidden; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 28px; }

.new .zi .more { display: block; font-size: 14px; font-size: 1.4rem; width: 113px; height: 34px; line-height: 34px; text-align: center; color: #fff; background: #06af8b; -moz-border-radius: 50px; border-radius: 50px; }

.new .zi .title:hover { color: #06af8b; }

.new .zi .p:hover { color: #06af8b; }

.new .zi .more:hover { background: #ccc; color: #333; }

@media screen and (max-width: 700px) { .new { padding-bottom: 30px; }
  .new .fwp { margin-bottom: 30px; }
  .new .swp { position: relative; top: 0; left: 0; }
  .new .zi { padding-left: 0px; min-height: auto; padding-right: 0px; }
  .new .zi .title { padding-top: 10px; }
  .new .zi .time { padding-bottom: 0px; }
  .m-page { margin-bottom: 20px; } }

/* new2 */
.new2 { margin-bottom: 70px; }

.new2_left { width: 798px; }

.new2 .xqy .top1 .title1 h1 { font-size: 16px; font-size: 1.6rem; color: #333; font-weight: bold; line-height: 40px; }

.new2 .xqy .top1 .time { margin-bottom: 18px; }

.new2 .xqy .top1 .time span { font-size: 14px ; font-size: 1.4rem; color: #333333; font-weight: normal; display: inline-block; line-height: 26px; }

.new2 .newsx p { line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #333; margin-bottom: 26px; }

.new2 .newsx p span { color: #333; }

.new2 .newsx p li { color: #333; }

.new2 .newsx p strong { color: #333; }

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

.new2 .newsx p a { color: #06af8b; }

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

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

.updown { padding-top: 15px; border-top: 1px solid #d2d2d2; margin-bottom: 64px; font-family: Arial; }

.updown .up { margin-top: 18px; margin-bottom: 6px; }

.updown p { display: inline-block; text-transform: uppercase; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666666; text-transform: uppercase; }

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

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

.updown p .on { color: #06af8b; }

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

.updown p:hover a { color: #666666; }

.updown p:hover { color: #666666; }

.new2_right .title { margin-bottom: 6px; display: block; font-size: 24px; font-size: 2.4rem; color: #06af8b; margin-bottom: 15px; line-height: 20px; font-weight: bold; }

.top_imgtd { display: block; width: 8px; height: 20px; margin-bottom: 33px; }

.new2_right .ex_wrap { width: 353px; margin: 0 auto; padding-bottom: 10px; }

.new2_right .ex_wrap dl { max-width: 319px; width: 100%; margin: 0 auto; margin-bottom: 65px; }

.new2_right .ex_wrap dl:first-child { margin-bottom: 32px; }

.new2_right .ex_wrap dl dd a { display: block; }

.new2_right .ex_wrap dl dd a.we_tit { padding-top: 9px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.new2_right .ex_wrap dl dd .titlewen { line-height: 30px; }

.new2_right .ex_wrap dl dt img { display: block; max-width: 319px; max-height: 228px; width: 100%; }

@media screen and (max-width: 1219px) { .new2_left { width: 605px; } }

@media screen and (max-width: 999px) { .new2_left { width: 545px; } }

@media screen and (max-width: 979px) { .new2_right { width: 100%; float: none; }
  .new2_left { width: 100%; float: none; } }

@media screen and (max-width: 400px) { .new2_right .ex_wrap { width: 100%; }
  .new2_right .ex_wrap dl { width: 90%; }
  .ex_wrap { width: 100%; }
  .ex_wrap dl { width: 90%; } }

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

.e_mail { text-align: center; }

.e_mail p { display: inline-block; margin: 0px 30px; padding-left: 55px; font-weight: bold; font-size: 14px; font-size: 1.4rem; color: #333; }

.e_mail .p1 { background: url(../images/youxiang.png) no-repeat left 0px; line-height: 40px; }

.e_mail .p2 { background: url(../images/youxiang2.png) no-repeat left 0px; line-height: 40px; }

.e_mail .p3 { background: url(../images/youxiang3.png) no-repeat left 0px; line-height: 40px; }

.e_mail .p4 { background: url(../images/youxiang4.png) no-repeat left 0px; line-height: 40px; }


.e_mail .p5 { background: url(../images/m1.png) no-repeat left 0px; line-height: 40px; }
.e_mail .p6 { background: url(../images/m2.png) no-repeat left 0px; line-height: 40px; }
.e_mail .p7 { background: url(../images/m3.png) no-repeat left 0px; line-height: 40px;    margin-left: 56px;
    margin-top: 30px;
 display:block; text-align:left;}


.e_mail .p8 { background: url(../images/youxiang8.png) no-repeat left 0px; line-height: 40px; }



.contact .title { text-transform: uppercase; font-weight: bold; padding-top: 55px; color: #06af8b; font-size: 36px; font-size: 3.6rem; line-height: 40px; text-align: center; display: block; max-width: 100%; }

.contact .cuxin { margin-top: 11px; margin-bottom: 77px; }

.contact .xinl { width: 502px; float: left; }

.contact .xinr { width: 662px; float: right; }

.contact .cuxin .int1 { padding-left: 19px; margin-top: 19px; }

.contact .cuxin .xing { background: url(../images/xing.png) no-repeat left 22px; }

.contact .cuxin .int1 input { width: 440px; height: 48px; color: #333; padding-left: 40px; border: 1px solid #bbbbbb; -moz-border-radius: 5px; border-radius: 5px; font-size: 16px; font-size: 1.6rem; line-height: 48px; }

.contact .cuxin .curen { background: #ffffff url(../images/coren1.png) no-repeat left center; }

.contact .cuxin .cuxinfeng2 { background: #ffffff url(../images/coren2.png) no-repeat left center; }

.contact .cuxin .cudianhua2 { background: #ffffff url(../images/coren3.png) no-repeat left center; }

.contact .cuxin .cufangzi2 { background: #ffffff url(../images/coren4.png) no-repeat left center; }

.contact .cuxin .int2 { padding-left: 19px; margin-top: 19px; }

.contact .cuxin .int3 { padding-left: 19px; margin-top: 19px; }

.contact .cuxin textarea { width: 603px; height: 186px; -moz-border-radius: 5px; border-radius: 5px; color: #333; padding-left: 40px; font-size: 16px; font-size: 1.6rem; line-height: 49px; border: 1px solid #bbbbbb; background: #ffffff url(../images/coren5.png) no-repeat left top; }

.contact .cuxin .int4 { width: 230px; height: 49px; -moz-border-radius: 5px; border-radius: 5px; background: #ffffff; color: #333; border: 1px solid #bbbbbb; padding-left: 11px; font-size: 16px; font-size: 1.6rem; line-height: 49px; float: left; }

.contact .cuxin .cuyanzheng { width: 161px; height: 50px; float: left; margin-left: 8px; cursor: pointer; }

.contact .cuxin .int5 { -moz-border-radius: 5px; border-radius: 5px; width: 198px; height: 50px; border: none; background: #06af8b; float: right; cursor: pointer; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; color: #fff; }

.contact .cuxin .int5:hover { color: #fff; background: #ccc; }

.amp { max-width: 100%; display: block; }

.amp img { max-width: 100%; max-height: 415px; display: block; }

.contact .pp{     color: #06af8b; font-size:20px; font-size:2rem; text-align:center; padding-bottom:15px;    padding-left: 0; }

@media screen and (max-width: 1219px) { .e_mail p { margin: 20px 7px; }
  .contact { padding-bottom: 54px; }
  .contact .cot { background: none; }
  .contact .cot ul { width: 190px; margin-left: 5px; }
  .contact .xinl { width: 400px; }
  .contact .xinr { width: 564px; }
  .contact .cuxin .int1 input { width: 337px; }
  .contact .cuxin textarea { width: 503px; }
  .contact .cuxin .int4 { width: 120px; } 
  .e_mail .p7 { line-height:40px;margin-left: 0px;
    background: url(../images/m3.png) no-repeat left 0px;padding-top: 3px; width:78%; max-width:78%;
  
}
  
  
  }

@media screen and (max-width: 999px) { .contact .cot { background: none; }
  .contact .cot ul { width: 32%; margin-left: 1%; margin-top: 20px; }
  .contact .xinl { width: 100%; }
  .contact .xinr { width: 100%; }
  .contact .cuxin .int1 input { width: 92.3%; }
  .contact .cuxin textarea { width: 92.3%; }
  .contact .cuxin .int4 { width: 30%; }
  .contact .cuxin .int5 { width: 40%; float: left; margin-left: 10px; }
  .contact .coc li { display: block; text-align: left; margin: 10px 0; } }

@media screen and (max-width: 979px) { .e_mail { text-align: left; }
  .e_mail p { width: 38%; display: block; float: left; margin-bottom: 20px; } }

@media screen and (max-width: 681px) { .contact .cuxin .int1 input { width: 88.5%; }
  .contact .cuxin textarea { width: 88.5%; }
  .contact .cuxin .int4 { width: 30%; }
  .contact .cuxin .cuyanzheng { float: left; margin-left: 10px; }
  .contact .cuxin .int5 { width: 79%; margin-top: 20px; margin-left: auto; }
  .contact .ditu { margin-left: auto; }
  .contact .cot ul { width: 49%; margin-left: 1%; margin-top: 20px; }
  .contact .comain { padding-top: 30px; padding-bottom: 30px; } }

@media screen and (max-width: 640px) { .contact .cuxin { margin-bottom: 20px; }
  .contact .title { padding-top: 30px; font-size: 30px; font-size: 3rem; }
  .e_mail { text-align: left; }
  .e_mail p { width: 100%; text-align: left; float: none; margin: 10px 0; display: block; } }

@media screen and (max-width: 419px) { .contact .cuxin .int4 { width: 95%; float: none; }
  .contact .cuxin .cuyanzheng { margin-left: 0; margin-top: 20px; }
  .contact .cuxin .int1 input { width: 84.5%; }
  .contact .cuxin textarea { width: 84.5%; }
  .contact .cot ul { width: 99%; } }

.guidance { background: url(../images/guidancebj.png) no-repeat center bottom; padding-bottom: 39px; }

.guidance .img-scroll2 { position: relative; width: 100%; overflow: hidden;     padding-bottom: 20px;}

.guidance .img-scroll2 .prev { position: absolute; display: block; width: 39px; height: 39px; top: 233px; margin-top: 0; z-index: 99; }

.guidance .img-scroll2 .next { position: absolute; display: block; width: 39px; height: 39px; top: 233px; margin-top: 0; z-index: 99; }

.guidance .img-scroll2 .prev { left: 0; cursor: pointer; background: url(../images/gu_left.png) no-repeat center; }

.guidance .img-scroll2 .next { right: 0; cursor: pointer; background: url(../images/gu_right.png) no-repeat center; }

.guidance .img-scroll2 .prev:hover { background: url(../images/gu_lefton.png) no-repeat center; }

.guidance .img-scroll2 .next:hover { background: url(../images/gu_righton.png) no-repeat center; }

.guidance .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; padding: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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

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

.guidance .gu_wenxi { margin-top: 36px; padding: 24px 55px  30px 55px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.21); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.21); background: rgba(255, 255, 255, 0.6); }

.guidance .m3tu { display: block; max-width: 759px; max-height: 544px; width: 100%; margin: 0 auto; -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.21); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.21); }

.guidance .m3tu img { display: block; max-width: 759px; max-height: 544px; width: 100%; margin: 0 auto; }

.guidance .title { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #06af8b; line-height: 30px; }

.guidance p { font-size: 18px; font-size: 1.8rem; line-height: 32px; color: #333; }

.guidance .title2 { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #06af8b; line-height: 32px; margin-top: 20px; margin-bottom: 20px; }

.guidance .apprte { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #06af8b; }

.guidance .apprte span { font-weight: normal; color: #333; font-size: 18px; font-size: 1.8rem; }

@media screen and (max-width: 768px) { .guidance .img-scroll2 { position: relative; width: 100%; }
  .guidance .img-scroll2 .prev { margin-top: 0px; }
  .guidance .img-scroll2 .next { margin-top: 0px;  }
  .guidance .gu_wenxi { padding: 20px; }
  .guidance p { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .guidance .apprte { font-size: 20px; font-size: 2rem; }
  .guidance .apprte span { font-size: 14px; font-size: 1.4rem; } 
  
  
  .guidance .img-scroll2 .prev { top: 150px;  }

.guidance .img-scroll2 .next { top: 150px;  }
  
  }
  
  
  @media screen and (max-width: 430px) {
	  
	   .guidance .img-scroll2 .prev { top: 94px;  }

.guidance .img-scroll2 .next { top: 94px;  } 
	  
	  }

.abnav2 { text-align: center; background: url(../images/ab2xvxian.png) no-repeat left bottom; padding-bottom: 10px; }

.abnav2 a { display: inline-block; width: 190px; margin-left: 0px; margin-right: 0px; font-size: 14px; font-size: 1.4rem; line-height: 30px; font-weight: bold; color: #666666; text-align: center; padding-top: 70px; }

.abnav2 .ab21 { background: url(../images/ab2nav1.png) no-repeat top center; }

.abnav2 .ab22 { background: url(../images/ab2nav2.png) no-repeat top center; }

.abnav2 .ab23 { background: url(../images/ab2nav3.png) no-repeat top center; }

.abnav2 .ab24 { background: url(../images/ab2nav4.png) no-repeat top center; }

.abnav2 .ab21:hover, .abnav2 .dangqianab2.ab21 { background: url(../images/ab2nav1h.png) no-repeat top center; }

.abnav2 .ab22:hover, .abnav2 .dangqianab2.ab22 { background: url(../images/ab2nav2h.png) no-repeat top center; }

.abnav2 .ab23:hover, .abnav2 .dangqianab2.ab23 { background: url(../images/ab2nav3h.png) no-repeat top center; }

.abnav2 .ab24:hover, .abnav2 .dangqianab2.ab24 { background: url(../images/ab2nav4h.png) no-repeat top center; }

.abnav2 a:hover, .abnav2 .dangqianab2 { color: #06af8b; }

@media screen and (max-width: 999px) { .abnav2 a { margin: 0 auto; width: 180px; } }

@media screen and (max-width: 768px) { .abnav2 { background: none; padding-bottom: 0px; }
  .abnav2 a { width: 48%; margin: 10px auto; } }

.about .ab1_wrap { margin-top: 49px; padding-bottom: 41px; }

.about .ab_l .title { font-weight: bold; font-size: 40px; font-size: 4rem; color: #333; text-transform: uppercase; }

.about .ab_l .title strong { color: #06af8b; }

.about .ab_l .title2 { margin-top: 17px; margin-bottom: 37px; color: #666666; font-size: 16px; font-size: 1.6rem; font-weight: bold; }

.about .ab_l p { line-height: 24px; font-size: 14px; font-size: 1.4rem; margin-bottom: 21px; }

.about .abouttu1 { display: block; max-width: 600px; max-height: 391px; margin: 0 auto; width: 100%; margin-left: 78px; }

.about .ab2_wrap img { display: block; max-width: 553px; max-height: 357px; width: 100%; margin: 0 auto; margin-right: 79px; }

.about .ab2_wrap p { line-height: 24px; padding-bottom: 24px; }

.about .ab2_wrap p.p1 { margin-top: 15px; }

.about .ab3_wrap { margin-top: 30px; padding-bottom: 35px; }

.about .ab3_wrap p { line-height: 24px; margin-bottom: 49px; }

@media screen and (max-width: 1219px) { .about .abouttu1 { width: 50%; }
  .about .ab2_wrap img { width: 50%; } }

@media screen and (max-width: 999px) { .about { padding-bottom: 50px; }
  .about .ab_l { width: 100%; float: none; margin-top: 20px; }
  .about .abouttu1 { width: 100%; float: none; margin: 0 auto; }
  .about .litop { float: none; width: 600px; margin: 20px auto; }
  .about .ab2_wrap img { width: 100%; float: none; margin: 0 auto; }
  .about .ab2_wrap p { padding-bottom: 10px; }
  .about .ab3_wrap p { margin: 0px; padding: 5px 0px; }
  .about .ab_l .title2 { margin: 5px 0px; } }

@media screen and (max-width: 768px) { .about { padding-bottom: 40px; }
  .about .ab1_wrap { margin-top: 0px; padding-bottom: 10px; }
  .about .ab_l .title { font-size: 26px; font-size: 2.6rem; line-height: 30px; }
  .about .ab3_wrap { margin-top: 5px; } }

.about2 .ab2_top { margin-top: 52px; }

.about2 .ab2_bot { margin-top: 51px; padding-bottom: 81px; }

.about2 .litop { max-width: 569px; width: 100%; margin: 0 auto; position: relative; padding-bottom: 33.22%; height: 0; overflow: hidden; }

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

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

.about2 .ab2_right { text-align: right; width: 553px; padding-top: 76px; }

.about2 .ab2_right .title2 { font-size: 40px; font-size: 4rem; font-weight: bold; text-transform: uppercase; }

.about2 .ab2_right .title3 { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 30px; margin-top: 21px; margin-bottom: 8px; }

.about2 .ab2_right strong { color: #06af8b; }

.about2 .ab2_right p { font-size: 14px; font-size: 1.4rem; line-height: 24px; }

.about2 .ab2_right2 { width: 442px; margin-top: 2px; margin-bottom: 8px; }

.about2 .ab2_right2 .title2 { font-size: 40px; font-size: 4rem; font-weight: bold; text-transform: uppercase; }

.about2 .ab2_right2 .title3 { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 30px; margin-top: 21px; margin-bottom: 8px; }

.about2 .ab2_right2 strong { color: #06af8b; }

.about2 .ab2_right2 p { font-size: 14px; font-size: 1.4rem; line-height: 24px; }

.about2 .ab2_left { width: 681px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 1219px) { .about2 .img-list li { float: left; width: 4.5%; margin-right: 1%; }
  .about2 .litop { width: 50%; }
  .about2 .ab2_right { width: 48%; padding-top: 0px; }
  .about2 .ab2_left { width: 55%; }
  .about2 .ab2_right2 { width: 43%; } }

@media screen and (max-width: 999px) { .about2 .img-list li .m4fu { top: 0px; opacity: 0; }
  .about2 .litop { width: 100%; float: none; margin: 0 auto; }
  .about2 .ab2_right { width: 100%; float: none; margin: 0 auto; text-align: left; margin-top: 10px; }
  .about2 .ab2_left { width: 100%; float: none; margin: 0 auto; }
  .about2 .ab2_right2 { width: 100%; float: none; margin: 0 auto; } }

@media screen and (max-width: 768px) { .about2 .ab2_right .title2, .about2 .ab2_right2 .title2 { font-size: 26px; font-size: 2.6rem; line-height: 30px; margin-top: 10px; margin-bottom: 0px; }
  .about2 .ab2_right .title3, .about2 .ab2_right2 .title3 { margin-top: 5px; } }

@media screen and (max-width: 320px) { .about2 .img-list li { width: 10%; margin-right: .1%; } }

.about3 .ab3_title { text-align: center; font-size: 30px; font-size: 3rem; font-weight: bold; font-style: italic; color: #06af8b; padding-bottom: 21px; margin-top: 47px; background: url(../images/ab3tit.png) no-repeat center bottom; }

.about3 .ab3_top { margin-top: 27px; }

.about3 .ab3_top .ab3_left { width: 382px; background: url(../images/ab3tu.png) no-repeat top center; }

.about3 .ab3_top .ab3_left p { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #fff; background: url(../images/ab3p1.png) no-repeat left 11px; padding-left: 20px; }

.about3 .ab3_top .ab3_right { width: 803px; }

.about3 .ab3_top .ab3_wrap { padding: 65px 32px; }

.about3 .ab3_top .title31 { margin-bottom: 31px; font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #fff; }

.about3 .ab3_ul1 .li { float: left; margin-left: 10px; margin-left: 7px\0; margin-bottom: 9px; }

.about3 .ab3_ul1 img { display: block; max-width: 193px; max-height: 173px; width: 100%; margin: 0 auto; border: 1px solid #06af8b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.about3 a { background: url(../images/ab3tubj.png) no-repeat center bottom; }

.ab3_div { background: url(../images/ab3tubj.png) no-repeat center bottom; padding-bottom: 68px; }

.ab3_div .ab3_top { margin-top: 27px; }

.ab3_div .ab3_top .ab3_right { width: 397px; background: #06af8b; text-align: right; }

.ab3_div .ab3_top .ab3_right p { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #fff; background: url(../images/ab3p1.png) no-repeat left 11px; padding-left: 19px; }

.ab3_div .ab3_top .ab3_right p.p1 { padding-bottom: 23px; }

.ab3_div .ab3_top .ab3_left { width: 803px; }

.ab3_div .ab3_top .ab3_wrap { padding: 40px 32px; }

.ab3_div .ab3_top .title31 { margin-bottom: 26px; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 30px; color: #fff; }

.ab3_div .ab3_ul1 { margin-top: 63px; }

.ab3_div .ab3_ul1 li { float: left; margin-right: 36px; margin-bottom: 9px; }

.ab3_div .ab3_ul1 img { display: block; max-height: 253px; width: 100%; margin: 0 auto; -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25); }

.ab3_div3 { margin-top: 27px; padding-bottom: 89px; }

.ab3_div3 img { display: block; max-width: 749px; max-height: 309px; width: 100%; margin: 0 auto; margin-left: 30px; }

.ab3_div3 .ab3_right p { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; background: url(../images/ab3p2.png) no-repeat left 11px; padding-left: 15px; padding-bottom: 30px; }

.ab3_div3 .title31 { margin-bottom: 16px; padding-top: 50px; font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #333; }

@media screen and (max-width: 1219px) { .about3 .ab3_top .ab3_wrap { padding: 19px; }
  .about3 .ab3_top .ab3_left { width: 36%; }
  .about3 .ab3_top .ab3_right { width: 63%; }
  .about3 .ab3_ul1 .li { width: 23%; margin-left: 1% !important; margin-right: 1%; }
  .ab3_div .ab3_top .ab3_left { width: 63%; }
  .ab3_div .ab3_top .ab3_right { width: 36%; }
  .ab3_div .ab3_ul1 li { width: 48%; margin-right: 1%; }
  .ab3_div .ab3_ul1 img { max-height: 200px; }
  .ab3_div3 img { width: 60%; }
  .ab3_div3 .ab3_right p { padding-bottom: 5px; } }

@media screen and (max-width: 999px) { .about3 .ab3_top .ab3_left { width: 100%; float: none; margin: 0 auto; }
  .about3 .ab3_top .ab3_right { width: 100%; float: none; margin: 0 auto; }
  .ab3_div .ab3_top .ab3_left { width: 100%; float: none; margin: 0 auto; }
  .ab3_div .ab3_top .ab3_right { width: 100%; float: none; margin: 0 auto; }
  .ab3_div .ab3_ul1 li { width: 48%; margin-right: 1%; }
  .ab3_div .ab3_ul1 img { max-height: auto; max-width: 336px; margin: 0 auto; }
  .about3 .ab3_top .title31 { margin-bottom: 5px; }
  .about3 .ab3_top .ab3_left { background: #06af8b; margin-bottom: 20px; }
  .about3 .ab3_top .ab3_left p { font-size: 14px; font-size: 1.4rem; }
  .ab3_div3 img { width: 100%; margin: 0 auto; float: none; }
  .ab3_div3 .title31 { margin-top: 0px; padding-top: 20px; }
  .ab3_div3 .ab3_right p { font-size: 14px; font-size: 1.4rem; }
  .ab3_div .ab3_top .ab3_right { text-align: left; }
  .ab3_div .ab3_top .ab3_right p { text-align: left; font-size: 14px; font-size: 1.4rem; }
  .ab3_div .ab3_top .ab3_wrap { padding: 20px; } }

@media screen and (max-width: 768px) { .ab3_div .ab3_ul1 { margin: 0 auto; }
  .about3 .ab3_title { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 420px) { .about3 .ab3_title { font-size: 24px; font-size: 2.4rem; } }

.about4 { padding-bottom: 92px; }

.about4 .ab4_title { font-size: 40px; font-size: 4rem; font-family: "FuturaStdBook"; line-height: 40px; color: #333; text-align: center; padding-top: 51px; margin-bottom: 32px; }

.ab4_title p { display: block; width: 51px; height: 4px; background: #06af8b; margin: 0 auto; margin-top: 7px; }


.about4 b { display: block; width: 51px; height: 4px; background: #06af8b; margin: 0 auto; margin-top: 7px; }

.about4 p { display: block; font-size: 18px; font-size: 1.8rem; line-height: 30px; text-align: center; font-family: "FuturaStdBook"; }

.about4 p span { display: inline-block; padding-left: 30px; background: url(../images/ruili.png) no-repeat left 6px; color: #333; }

.about4 .ab4_p { margin-bottom: 30px; }

.about4 .ab4_top { margin-bottom: 7px; }

.about4 .ab4_top .ab4_wrap { position: relative; overflow: hidden; max-width: 595px; width: 100%; margin: 0 auto; }

.about4 .ab4_top .ab4_wrap:hover .fu { top: 0px; }

.about4 .ab4_top img { display: block; max-width: 595px; max-height: 394px; width: 100%; margin: 0 auto; }

.about4 .ab4_top .fu { -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 1s all; position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; background: url(../images/ab4_top.png) repeat center; }

.about4 .ab4_top .ab4_ttile { font-size: 20px; font-size: 2rem; text-align: center; color: #fff; padding-top: 26%; margin-bottom: 15px; text-transform: uppercase; }

.about4 .ab4_top p { font-size: 14px; font-size: 1.4rem; line-height: 30px; text-align: center; color: #fff; }

.about4 .ab4_bottom .ab4_wrap { position: relative; overflow: hidden; max-width: 394px; width: 100%; margin: 0 auto; float: left; margin-left: 9px; }

.about4 .ab4_bottom .ab4_wrap:hover .fu { top: 0px; }

.about4 .ab4_bottom img { display: block; max-width: 394px; max-height: 261px; width: 100%; margin: 0 auto; }

.about4 .ab4_bottom .fu { -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 1s all; position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; background: url(../images/ab4_top.png) repeat center; }

.about4 .ab4_bottom .ab4_ttile { font-size: 20px; font-size: 2rem; text-align: center; color: #fff; padding-top: 26%; margin-bottom: 15px; text-transform: uppercase; }

.about4 .ab4_bottom p { font-size: 14px; font-size: 1.4rem; line-height: 30px; text-align: center; color: #fff; width: 95%; margin: 0 auto; }

@media screen and (max-width: 1219px) { .about4 .ab4_top .ab4_wrap { width: 48%; margin: 0px 1%; }
  .about4 .ab4_bottom .ab4_wrap { width: 31.33%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 999px) { .about4 .ab4_top .fu { position: relative; top: 0px; padding: 20px 0px; }
  .about4 .ab4_bottom .fu { position: relative; top: 0px; padding: 20px 0px; }
  .about4 .ab4_top .ab4_ttile { padding: 0px; margin-bottom: 0px; }
  .about4 .ab4_bottom .ab4_ttile { padding: 0px; margin-bottom: 0px; } }

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

@media screen and (max-width: 394px) { .about4 .ab4_top .ab4_wrap { width: 98%; margin: 7px 1%; }
  .about4 .ab4_bottom .ab4_wrap { width: 98%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 7px; } }

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


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


.down .item-title{ text-transform:capitalize;}














    
/*******  cover  ********/
.fxp_div1{ margin-bottom:10px; }
.fxp_nr{ margin-bottom:10px; }
.fxp_bt{ float:left; width:8px; height:38px; line-height:44px; font-family:Verdana, Geneva, sans-serif; color:#ff4f53;background: url("../images/syxing.png") no-repeat left center; }

.fxp_input,.fxp_textarea{padding-left:37px; font-size:14px; font-size:1.4rem; color:#666666; }
.fxp_input,.fxp_captcha{ height:38px; line-height:38px; float:left; }

.fxp_input{ width:330px;}
.fxp_textarea{ width:330px; background:#fff ; line-height:26px; padding-top:7px; height:119px; }

}

.fxp_captcha{ padding-left:11px; background:#dedede; font-size:14px; font-size:1.4rem; color:#666666; width:119px;}

.fxp_yzm{ cursor:pointer; float:left; margin-left:9px; }
.fxp_send{ float:right; cursor:pointer; text-align:center; font-size:14px; font-size:1.4rem; color:#fff; background:#06af8b; width:130px; height:38px; line-height:38px; text-transform:uppercase; }
.fxp_send:hover{ background:#333;  transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; color: #fff;}




.cover{position: fixed;z-index: 9999;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.3);display: none;  }
.cover form{width: 376px;background: #fff;padding-left: 17px;padding-right: 28px;padding-top: 21px;padding-bottom: 31px;margin: 0 auto;margin-top: 20%;position: relative;}
.guanbi{position: absolute;top: 10px;right: 10px;}
.cover form>p{text-align: center;font-size: 30px;font-size: 3rem;font-weight: bold;text-transform: uppercase;margin-bottom: 40px;}
.cover form>p a{color: #06af8b;}

.cover .fxp_input1{background: #f2f2f2 url(../images/tkicon1.jpg) no-repeat 11px center;}
.cover .fxp_input2{background: #f2f2f2 url(../images/tkicon2.jpg) no-repeat 11px center;}
.cover .fxp_input3{background: #f2f2f2 url(../images/fxp-icon3.jpg) no-repeat 8px 12px;}
.cover .fxp_captcha{background: #f2f2f2;     width: 93px;}


@media screen and (max-width:480px) {
    .cover form{width: 98%;padding: 1%;}
    .fxp_input,.fxp_textarea{width: calc(100% - 50px);}
    .cover form>p{font-size: 20px;font-size: 2rem;padding-top: 10px;margin-bottom: 20px;}
    .fxp_captcha{width: calc(100% - 25px);}
    .fxp_yzm{margin-top: 10px;}
    .fxp_send{margin-top: 10px;}
}