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

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

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

body { width: 100%; overflow-x: hidden; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 16px; font-size: 1.6rem; 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: #8ac200; }

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

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

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

.overflow { overflow: hidden; }

.width { width: 1200px; }

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

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

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

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

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

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

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

.relative { position: relative; }

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

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

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

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

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

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

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

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

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

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

.mt-none { margin-top: 0 !important; }

.mr-none { margin-right: 0 !important; }

.mb-none { margin-bottom: 0 !important; }

.ml-none { margin-left: 0 !important; }

.font-none { line-height: 0; font-size: 0; }

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

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

.m-desc a { color: #8ac200; }

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

[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: #8ac200; }

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

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

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

@media screen and (max-width: 767px) { .lv1-title { font-size: 24px !important; font-size: 2.4rem !important; }
  .lv2-title { font-size: 20px !important; font-size: 2rem !important; }
  .lv3-title { font-size: 18px !important; font-size: 1.8rem !important; }
  .lv1-desc { font-size: 16px !important; font-size: 1.6rem !important; }
  .lv2-desc { 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; } }

.hd { position: relative; z-index: 9; }

.hd-box { padding-top: 16px; padding-bottom: 23px; overflow: inherit; }

.hd-logo { float: left; width: 184px; }

.hd-nav { float: right; padding-top: 18px; }

.hd-nav-list { position: relative; float: left; }

.hd-nav-item { position: relative; float: left; background-color: #7eb100; }

.hd-nav-item > a { display: block; width: 166px; padding-top: 6px; padding-bottom: 6px; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: white; text-align: center; }

.hd-nav-item > a:hover { background-color: #f78000; }

.hd-nav-item > a.active { background-color: #f78000; }

.hd-nav-item > a.current { background-color: #f78000; }

.hd-nav-item:first-child { border-radius: 5px 0 0 5px; }

.hd-nav-item:first-child > a { border-radius: 5px 0 0 5px; }

.hd-nav-item:nth-child(2n) { background-color: #8ac200; }

.hd-subnav2 { position: absolute; top: 100%; left: 0; display: none; width: 100%; background-color: #fff; border: 1px solid #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.hd-subnav2 .list-item a { display: block; padding: 5px 11.44578%; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #333333; }

.hd-subnav2 .list-item a:hover { color: white; background-color: #f78000; }

.hd-subnav2 .list-item a.active { color: white; background-color: #f78000; }

.hd-subnav { position: absolute; top: 100%; left: -100%; display: none; width: 780px; background-color: #fff; border: 1px solid #dedede; }

.hd-subnav-wp { margin-bottom: -21px; padding-top: 10px; padding-bottom: 10px; padding-left: 4.09639%; padding-right: 4.09639%; font-size: 0; letter-spacing: 0; overflow: hidden; }

.hd-subnav-box { margin-right: 26px; margin-bottom: 21px; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; width: 211px; }

.hd-subnav-box .box-hd { padding-bottom: 4px; line-height: 24px; font-size: 14px; font-size: 1.4rem; border-bottom: 1px solid #e7e7e7; }

.hd-subnav-box .box-hd a { color: #333333; }

.hd-subnav-box .box-hd a:hover { color: #f78000; }

.hd-subnav-box .box-bd { margin-top: 7px; overflow: hidden; }

.hd-subnav-box .box-list { float: left; margin-right: 10px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.hd-subnav-box .box-list a { color: #666666; }

.hd-subnav-box .box-list a:hover { color: #f78000; }

.hd-subnav-box1 { width: 211px; }

@media screen and (max-width: 1219px) { .hd-nav-item > a { width: 140px; font-size: 14px; font-size: 1.4rem; }
  .hd-subnav { width: 744px; }
  .hd-subnav-wp { padding-left: 10px; padding-right: 10px; } }

.hd-search { float: left; position: relative; }

.hd-search-click { display: block; width: 46px; height: 36px; background: url("../img/h_06.png") no-repeat center; background-color: #8ac200; border-radius: 0 5px 5px 0; }

.hd-search-click:hover { background-color: #f78000; }

.hd-search-form { position: absolute; top: 100%; right: 0; margin-top: 10px; display: none; width: 257px; padding-left: 24px; background: url("../img/ss_03.png") no-repeat left center; }

.hd-search-box { border: 1px solid #bebebe; overflow: hidden; border-radius: 5px; background-color: #fff; }

.hd-search-text { float: left; width: 204px; height: 28px; line-height: 28px; padding: 0 7px; font-size: 14px; font-size: 1.4rem; color: #999999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.hd-search-btn { float: right; width: 51px; height: 28px; font-size: 12px; font-size: 1.2rem; color: white; background-color: #b7b7b7; }

@media screen and (max-width: 959px) { .hd-nav { display: none; }
  .hd-logo { float: none; margin: 0 auto; display: block; } }

.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 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("../img/ss_03.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("../img/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: #8ac200; }

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

@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: #8ac200; }
  .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; }
  .wap-hd-nav-item a.active { color: white; background-color: #f78000; } }

.h-title { line-height: 1; font-size: 34px; font-size: 3.4rem; font-family: "COMICBD", Verdana, Geneva, Tahoma, sans-serif; color: #f78000; text-align: center; text-transform: uppercase; -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); opacity: 0; }

.h-title a { color: #f78000; }

.h-title a:hover { color: #8ac200; }

.h-title.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.h-desc { margin-top: 24px; margin-left: auto; margin-right: auto; max-width: 1005px; text-align: center; -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }

.h-desc a { display: block; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.h-desc a:hover { color: #8ac200; }

.h-desc.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }

.h-pro { padding-top: 68px; padding-bottom: 96px; background: url("../img/hprobg_02.jpg") no-repeat center top; background-size: cover; }

#h-pro-content { position: relative; margin-top: 40px; width: 1200px; padding: 0 55px; height: 286px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#h-pro-content ul { position: relative; width: 1092px; height: 286px; overflow: hidden; }

#h-pro-content li { position: absolute; list-style: none; width: 0; height: 0; top: 0px; left: 0px; z-index: 0; }

#h-pro-content li img { height: 100%; vertical-align: top; }

#h-pro-content li div { display: none; }

#h-pro-content .prev, #h-pro-content .next { position: absolute; top: 134px; display: block; width: 39px; height: 39px; background-repeat: no-repeat; background-position: center; cursor: pointer; }

#h-pro-content .prev { left: 0; background-image: url("../img/mgc_06.png"); }

#h-pro-content .prev:hover { background-image: url("../img/mgc_13.png"); }

#h-pro-content .next { right: 0; background-image: url("../img/mgc_09.png"); }

#h-pro-content .next:hover { background-image: url("../img/mgc_14.png"); }

.h-pro-content-list { display: none; }

@media screen and (max-width: 1219px) { .h-pro { background: none; }
  #h-pro-content { display: none; }
  .h-pro-content-list { display: block; margin-top: 25px; margin-bottom: -25px; padding: 0 20px; overflow: hidden; }
  .h-pro-content-item { float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 25px; width: 48%; }
  .h-pro-content-item .item-pic { font-size: 0; line-height: 0; }
  .h-pro-content-item .item-pic img { width: 100%; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
  .h-pro-content-item .item-title { margin-top: 5px; line-height: 30px; font-size: 16px; color: #333; text-align: center; } }

@media screen and (max-width: 767px) { .h-pro { padding-top: 30px; padding-bottom: 30px; }
  .h-pro-content-item { width: 48%; }
  .h-pro-content-wp { margin-top: 25px; padding: 0; }
  .h-pro-content-list { padding: 0; } }

@media screen and (max-width: 480px) { .h-pro-content-item { width: 98%; } }

.h-abt { padding-top: 70px; padding-bottom: 66px; background-color: #f4f7ee; }

.h-abt .h-desc a { font-size: 16px; font-size: 1.6rem; color: #333; }

.h-abt .h-desc a:hover { color: #8ac200; }

.h-abt-box { margin-top: 48px; overflow: hidden; }

.h-abt-img { position: relative; float: left; width: 369px; padding-left: 30px; padding-top: 32px; line-height: 0; font-size: 0; }

.h-abt-img a { position: relative; z-index: 2; display: block; }

.h-abt-img:before { content: ""; position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 349px; height: 356px; border: 4px solid #e9f2d6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.h-abt-content { padding-left: 74px; overflow: hidden; }

.h-abt-title { line-height: 1.2; font-size: 26px; font-size: 2.6rem; color: #333333; }

.h-abt-title a { color: #333; }

.h-abt-title a:hover { color: #8ac200; }

.h-abt-desc { margin-top: 28px; }

.h-abt-desc a { display: block; line-height: 30px; font-size: 14px; color: #333333; }

.h-abt-desc a:hover { color: #8ac200; }

.h-abt-fontlist { margin-top: 35px; }

.h-abt-fontlist .list-item { margin-top: 12px; padding-left: 21px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333333; background: url("../img/h_18.png") no-repeat left 9px; }

.h-abt-fontlist .list-item a { color: #333333; }

.h-abt-fontlist .list-item a:hover { color: #8ac200; }

.h-abt-fontlist .list-item:first-child { margin-top: 0; }

.h-abt-imglist { margin-top: 33px; margin-bottom: -15px; overflow: hidden; font-size: 0; letter-spacing: 0; }

.h-abt-imglist .list-item { margin-right: 38px; margin-bottom: 15px; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; }

@media screen and (max-width: 1219px) { .h-abt-content { padding-left: 34px; }
  .h-abt-fontlist { margin-top: 15px; margin-bottom: -7px; }
  .h-abt-fontlist .list-item { margin-top: 7px; }
  .h-abt-imglist { margin-top: 13px; } }

@media screen and (max-width: 959px) { .h-abt-img { float: none; margin: 0 auto; width: 100%; max-width: 369px; padding: 0; }
  .h-abt-img::before { display: none; }
  .h-abt-content { margin-top: 20px; padding-left: 0; } }

@media screen and (max-width: 767px) { .h-abt { padding-top: 25px; padding-bottom: 25px; }
  .h-abt-box { margin-top: 25px; } }

.h-news { padding-top: 50px; padding-bottom: 63px; }

.h-news-list { margin-top: 60px; margin-bottom: -20px; overflow: hidden; }

.h-news-list .list-item { margin-bottom: 20px; width: 44.16667%; overflow: hidden; }

.h-news-list .list-item .item-pic { float: left; display: block; width: 100%; max-width: 160px; }

.h-news-list .list-item .item-font { padding-left: 20px; overflow: hidden; }

.h-news-list .list-item .item-title { margin-top: -5px; height: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #8ac200; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }

.h-news-list .list-item .item-title a { color: #8ac200; }

.h-news-list .list-item .item-title a:hover { color: #f78000; }

.h-news-list .list-item .item-desc { margin-top: 4px; }

.h-news-list .list-item .item-desc a { height: 60px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; }

.h-news-list .list-item .item-desc a:hover { color: #8ac200; }

.h-news-list .list-item .item-time { margin-top: 17px; line-height: 1.2; font-size: 14px; font-size: 1.4rem; color: #999999; }

.h-news-list .list-item .item-time a { color: #999999; }

.h-news-list .list-item .item-time a:hover { color: #8ac200; }

@media screen and (max-width: 959px) { .h-news-list .list-item { float: none; width: 100%; } }

@media screen and (max-width: 767px) { .h-news { padding-top: 25px; padding-bottom: 25px; }
  .h-news-list { margin-top: 25px; } }

@media screen and (max-width: 480px) { .h-news-list .list-item .item-pic { float: none; margin: 0 auto; }
  .h-news-list .list-item .item-font { margin-top: 15px; padding-left: 0; } }

.ft-top { padding-top: 28px; padding-bottom: 25px; background-color: #efefef; }

.ft-form { float: left; width: 41.66667%; padding-right: 5.33333%; border-right: 1px solid #ccc; }

.ft-form-hd { line-height: 1; font-size: 22px; font-size: 2.2rem; color: #f78000; font-family: "COMICBD", Verdana, Geneva, Tahoma, sans-serif; text-transform: uppercase; }

.ft-form-hd a { color: #f78000; }

.ft-form-hd a:hover { color: #8ac200; }

.ft-form-bd { margin-top: 29px; margin-bottom: -14px; overflow: hidden; }

.ft-form-item { margin-bottom: 14px; padding-left: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ft-form-item input { width: 100%; height: 40px; padding: 0 14px; line-height: 40px; font-size: 14px; font-size: 1.4rem; color: #666666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.ft-form-item input::-webkit-input-placeholder { color: #666666; }

.ft-form-item input::-moz-placeholder { color: #666666; }

.ft-form-item input:-moz-placeholder { color: #666666; }

.ft-form-item input:-ms-input-placeholder { color: #666666; }

.ft-form-item textarea { width: 100%; height: 93px; padding: 0 14px; line-height: 31px; font-size: 14px; font-size: 1.4rem; color: #666666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.ft-form-item textarea::-webkit-input-placeholder { color: #666666; }

.ft-form-item textarea::-moz-placeholder { color: #666666; }

.ft-form-item textarea:-moz-placeholder { color: #666666; }

.ft-form-item textarea:-ms-input-placeholder { color: #666666; }

.ft-form-item.important { background: url("../img/h_53.png") no-repeat left 16px; }

.ft-form-item-1 { width: 46.6%; }

.ft-form-item-2 { width: 100%; }

.ft-form-item-3 { margin-right: 4%; width: 34.8%; }

.ft-form-img { width: 28.2%; height: 40px; line-height: 40px; text-align: center; background-color: #fff; }

.ft-form-img img { vertical-align: middle; max-height: 40px; }

.ft-form-btn { display: block; width: 29%; height: 40px; background-color: #8ac200; font-size: 20px; font-size: 2rem; color: white; }

.ft-addr { float: right; width: 47.5%; font-size: 0; letter-spacing: 0; }

.ft-addr-item { vertical-align: top; display: inline-block; *display: inline; *zoom: 1; margin-top: 31px; margin-right: 10.52632%; width: 44.73684%; text-align: center; }

.ft-addr-item .item-img { line-height: 0; font-size: 0; }

.ft-addr-item .item-font { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.ft-addr-item .item-font a { color: #666666; }

.ft-addr-item .item-font a:hover { color: #8ac200; }

.ft-addr-item .item-font img { vertical-align: middle; }

.ft-addr-item-2 .item-font { text-align: left; padding-left: 80px; }

.ft-addr2 { font-size: 0; letter-spacing: 0; }

.ft-addr2-item { vertical-align: top; display: inline-block; *display: inline; *zoom: 1; margin-top: 16px; text-align: center; }

.ft-addr2-item .item-img { line-height: 0; font-size: 0; }

.ft-addr2-item .item-font { margin-top: 6px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.ft-addr2-item .item-font a { color: #666666; }

.ft-addr2-item .item-font a:hover { color: #8ac200; }

.ft-addr2-item .item-font img { vertical-align: middle; }

.ft-addr2-item-1 { margin-right: 198px; width: 255px; }

.ft-addr2-item-2 { margin-right: 187px; width: 124px; text-align: left; }

.ft-addr2-item-2 .item-img { text-align: center; }

.ft-addr2-item-2 .item-img img { margin-left: -23px; }

.ft-addr2-item-3 { width: 143px; }

.ft-addr2-item-4 { float: right; }

@media screen and (max-width: 1219px) { .ft-addr2-item-1 { margin-right: 108px; }
  .ft-addr2-item-2 { margin-right: 87px; } }

@media screen and (max-width: 959px) { .ft-addr2-item-1 { margin-right: 28px; }
  .ft-addr2-item-2 { margin-right: 28px; } }

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

.linklist a { color: #666666; }

.linklist a:hover { color: #8ac200; }

.linklist li { float: left; margin-right: 15px; }

.ft-bot { padding-top: 12px; padding-bottom: 12px; background-color: #e4e4e4; }

.ft-bot .box { overflow: inherit; }

.ft-info { line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.ft-info a { color: #666666; }

.ft-info a:hover { color: #8ac200; }

.ft-share { width: 232px; }

.ft-share a { float: left; margin-right: 15px; display: block; width: 26px; height: 26px; line-height: 0; font-size: 0; }

.ft-share a:hover { margin-top: -5px; }

@media screen and (max-width: 1219px) { .ft-info { float: none; text-align: center; }
  .ft-share { float: none; margin-top: 15px; margin-left: auto; margin-right: auto; }
  .ft-addr-item-2 .item-font { text-align: center; padding-left: 0; } }

@media screen and (max-width: 959px) { .ft-form { width: 100%; float: none; padding-right: 0; border-right: none; }
  .ft-addr { float: none; width: 100%; } }

@media screen and (max-width: 767px) { .ft-top { display: none; }
  .ft-share { display: none; } }

.m-container { margin-top: 30px; margin-bottom: 103px; }

@media screen and (max-width: 767px) { .m-container { margin-top: 30px; margin-bottom: 30px; } }

.m-bread { margin-top: 15px; }

.m-bread-box { padding-bottom: 8px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; border-bottom: 1px solid #e9e9e9; }

.m-bread-box a { color: #666666; }

.m-bread-box a:hover { color: #f78000; }

.m-bread-box a.active { color: #f78000; }

.m-bread-box span { margin: 0 5px; }

.abt-text { margin-top: 58px; }

.abt-title { line-height: 30px; font-size: 24px; font-size: 2.4rem; font-family: "COMICBD", Verdana, Geneva, Tahoma, sans-serif; color: #f78000; text-transform: uppercase; }

.abt-desc { margin-top: 15px; margin-bottom: 25px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333333; }

.abt-desc p { min-height: 30px; }

@media screen and (max-width: 767px) { .abt-text { margin-top: 25px; }
  .abt-title { font-size: 20px; font-size: 2rem; }
  .abt-desc p { min-height: 10px; } }

.m-cert { margin-top: 49px; }

.m-cert-hd { position: relative; }

.m-cert-title { line-height: 31px; font-size: 24px; font-size: 2.4rem; color: #f78000; text-transform: uppercase; font-family: "COMICBD", Verdana, Geneva, Tahoma, sans-serif; }

.m-cert-title a { color: #f78000; }

.m-cert-title a:hover { color: #f78000; }

.m-cert-btn { position: absolute; top: 0; width: 31px; height: 31px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

.m-cert-btn.prev { right: 42px; background-image: url("../img/mcert_03.png"); }

.m-cert-btn.prev:hover { background-image: url("../img/mcert_09.png"); }

.m-cert-btn.next { right: 0; background-image: url("../img/mcert_05.png"); }

.m-cert-btn.next:hover { background-image: url("../img/mcert_10.png"); }

.m-cert-list { margin-top: 30px; overflow: hidden; }

.m-cert-list ul { width: 1000%; overflow: hidden; }

.m-cert-list ul li { float: left; margin-right: 0.6%; width: 2.05%; }

.m-cert-item { overflow: hidden; }

.m-cert-item .item-top { position: relative; overflow: hidden; }

.m-cert-item .item-top:hover .item-modal { top: 0; }

.m-cert-item .item-border { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/mcert_14.png") no-repeat center; background-size: 100% 100%; }

.m-cert-item .item-modal { position: absolute; z-index: 3; left: 0; top: 100%; display: block; width: 100%; height: 100%; background: url("../img/mcert_19.png") no-repeat center; background-color: rgba(0, 0, 0, 0.6); }

.m-cert-item .item-title { margin-top: 5px; height: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333333; text-align: center; text-transform: uppercase; }

.m-cert-item .item-title a { color: #333; }

.m-cert-item .item-title a:hover { color: #333; }

@media screen and (max-width: 959px) { .m-cert-item .item-modal { top: 0; background-color: transparent; } }

@media screen and (max-width: 767px) { .m-cert { margin-top: 25px; }
  .m-cert-hd { padding-bottom: 40px; }
  .m-cert-btn { top: auto; bottom: 0; }
  .m-cert-btn.prev { right: auto; left: 0; }
  .m-cert-list { margin-top: 25px; } }

@media screen and (max-width: 480px) { .m-cert-list ul li { margin-right: .2%; width: 4.8%; } }

.prol-left { float: left; width: 240px; margin-left: -100%; }

.prol-nav-item > a { position: relative; display: block; line-height: 24px; padding-top: 12px; padding-bottom: 12px; padding-right: 27px; font-size: 14px; font-size: 1.4rem; color: #333333; border-bottom: 1px solid #bfbfbf; }

.prol-nav-item > a:before { content: ""; position: absolute; right: 8px; top: 0; width: 13px; height: 48px; background: url("../img/prol_09.png") no-repeat center center; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.prol-nav-item > a:hover { color: #f78000; }

.prol-nav-item > a:hover:before { background-image: url("../img/prol_10.png"); }

.prol-nav-item > a.active { color: #f78000; border-bottom: none; }

.prol-nav-item > a.active:before { background-image: url("../img/prol_10.png"); }

.prol-subnav-list {background-color: #f4f4f4;display: none;}

.prol-subnav-list.show{display:block;}

.prol-subnav-item a { display: block; padding-top: 8px; padding-bottom: 8px; padding-left: 22px; padding-right: 12px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.prol-subnav-item a:hover { color: #f78000; }

.prol-nav-btn { position: relative; margin-top: 15px; margin-bottom: 15px; display: none; width: 100%; padding-top: 10px; padding-left: 15px; padding-right: 40px; padding-bottom: 10px; line-height: 25px; font-size: 20px; font-size: 2rem; color: white; text-transform: uppercase; background-color: #f78000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.prol-nav-btn > p { position: absolute; bottom: 12px; right: 15px; }

.prol-nav-btn > p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: white; }

@media screen and (max-width: 959px) { .prol-left { float: none; margin-left: 0; margin-top: 30px; width: 100%; } }

@media screen and (max-width: 767px) { .prol-nav-btn { display: block; }
  .prol-nav-list { display: none; } }

.prol-right { float: left; width: 100%; padding-left: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.prol-sortname { position: relative; padding-top: 7px; padding-bottom: 7px; padding-left: 12px; padding-right: 12px; line-height: 30px; font-size: 20px; font-size: 2rem; color: #f78000; }

.prol-sortname:before { content: ""; position: absolute; left: 0; top: 14px; display: block; width: 4px; height: 16px; background-color: #f78000; }

.prol-list { margin-top: 4px; margin-bottom: -50px; overflow: hidden; }

.prol-list .list-item { position: relative; float: left; margin-right: 2.0005%; margin-bottom: 50px; width: 31.33333%; overflow: hidden; }

.prol-list .list-item .item-pic { border: 1px solid #e1e1e1; }

.prol-list .list-item .item-pic:hover { border-color: #f78000; }

.prol-list .list-item .item-title { padding-top: 13px; padding-bottom: 13px; height: 20px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #333333; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

.prol-list .list-item .item-title a { color: #333; }

.prol-list .list-item .item-title a:hover { color: #f78000; }

.prol-list .list-item .item-link { margin: 0 auto; display: block; max-width: 124px; height: 30px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #999999; text-align: center; border: 1px solid #a3a3a3; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.prol-list .list-item .item-link:hover { color: white; border-color: #f78000; background-color: #f78000; }

.prol-list .list-item input { position: absolute; z-index: 3; left: 9px; top: 9px; }

@media screen and (max-width: 767px) { .prol-list { margin-bottom: -25px; }
  .prol-list .list-item { margin-left: 1%; margin-right: 1%; margin-bottom: 25px; width: 48%; } }

.prol-page1 { margin-top: 67px; letter-spacing: 0; font-size: 0; text-align: center; }

.prol-page { margin-top: 67px; letter-spacing: 0; font-size: 0; text-align: center; }

.prol-page .m-page { display: inline-block; *display: inline; *zoom: 1; margin-top: 0; margin-right: 20px; }

.prol-page-btn { display: inline-block; *display: inline; *zoom: 1; padding-right: 19px; width: 150px; background: url("../img/prol_13.png") no-repeat right center; }

.prol-page-btn input { width: 100%; height: 30px; font-size: 14px; font-size: 1.4rem; color: white; background-color: #f78000; }

@media screen and (max-width: 767px) { .prol-page { margin-top: 30px; }
  .prol-page-btn { margin-top: 15px; margin-left: auto; margin-right: auto; display: block; } }

@media screen and (max-width: 959px) { .prol-right { float: none; padding-left: 0; } }

.m-page { margin-top: 46px; 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; border: 1px solid #eee; -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.no,.m-page a.no:hover{color:#333 !important; border: 1px solid #eee !important; background: #fff !important}


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

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

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

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

.pro-b1 { overflow: hidden; }

.pro-pic { width: 625px; }

.pro-pic-big { position: relative; float: right; width: 502px; height: 520px; border: 1px solid #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pro-pic-big-img { display: block; line-height: 0; font-size: 0; }

.pro-pic-big-img .zoomPad { float: none; z-index: 8; }

.zoomWrapperImage img { max-width: 1200px; }

.pro-pic-small { position: relative; float: left; width: 103px; padding-top: 40px; padding-bottom: 40px; overflow: hidden; }

.pro-pic-btn { position: absolute; margin: 0 auto; left: 0; right: 0; display: block; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center; }

.pro-pic-btn.prev { top: 0; background-image: url("../img/pro_03.png"); }

.pro-pic-btn.prev:hover { background-image: url("../img/pro_05.png"); }

.pro-pic-btn.next { bottom: 0; background-image: url("../img/pro_17.png"); }

.pro-pic-btn.next:hover { background-image: url("../img/pro_16.png"); }

.pro-pic-list { height: 436px; overflow: hidden; }

.pro-pic-list ul { height: 2000px; }

.pro-pic-list li { margin-bottom: 58px; }

.pro-pic-item .item-pic { display: block; border: 1px solid #dedede; }

.pro-pic-item .item-pic img { width: 100%; }

.pro-pic-item .item-pic.active { border-color: #8ac200; }

.wap_pro-pic { display: none; }

.pro-info { float: right; width: 530px; }

.pro-info-title { padding-bottom: 10px; line-height: 36px; font-size: 22px; font-size: 2.2rem; color: #333333; font-weight: normal; border-bottom: 1px solid #dcdcdc; }

.pro-info-desc { margin-top: 21px; min-height: 240px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.pro-info-link { margin-top: 52px; margin-bottom: -10px; overflow: hidden; }

.pro-info-link a { float: left; margin-right: 69px; margin-bottom: 10px; display: block; width: 182px; height: 44px; line-height: 40px; font-size: 18px; font-size: 1.8rem; color: white; text-align: center; background-color: #b4b4b4; border-radius: 10px; }

.pro-info-link a:hover { background-color: #f78000; }

.pro-share { margin-top: 45px; line-height: 26px; overflow: hidden; }

.pro-share .font { float: left; font-size: 14px; font-size: 1.4rem; color: #999999; }

.pro-share .item-img { float: left; line-height: 0; font-size: 0; }

@media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; }
  .zoomPup { display: none !important; }
  .zoomWindow { display: none !important; }
  .zoomPreload { display: none !important; }
  .pro-pic { float: none; margin: 0 auto; }
  .pro-info { margin-top: 30px; width: 100%; height: auto; }
  .pro-info-desc { min-height: auto; }
  .pro-info-link a { margin-right: 15px; } }

@media screen and (max-width: 767px) { .pro-pic { display: none; }
  .wap_pro-pic { position: relative; padding: 0 40px; display: block; }
  .wap_pro-pic-list { overflow: hidden; }
  .wap_pro-pic-list ul { width: 1000%; overflow: hidden; }
  .wap_pro-pic-list ul li { float: left; margin-right: .1%; width: 3.3%; }
  .wap_pro-pic-item img { width: 100%; }
  .wap_pro-pic-btn { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
  .wap_pro-pic-btn.prev { left: 0; background-image: url("../img/mcert_09.png"); }
  .wap_pro-pic-btn.next { right: 0; background-image: url("../img/mcert_10.png"); }
  .pro-info-link { margin-top: 15px; }
  .pro-share { margin-top: 15px; } }

@media screen and (max-width: 480px) { .wap_pro-pic-list ul li { width: 10%; } }

.pro-b2 { margin-top: 42px; }

.pro-b2-hd { padding-bottom: 10px; line-height: 1.2; font-size: 24px; font-size: 2.4rem; font-family: "COMICBD", Verdana, Geneva, Tahoma, sans-serif; color: #f78000; text-transform: uppercase; border-bottom: 1px solid #ccc; }

.pro-b2-bd { margin-top: 15px; }

@media screen and (max-width: 767px) { .pro-b2 { margin-top: 25px; } }

.m-repro { margin-top: 55px; }

.m-repro-hd { line-height: 1.2; font-size: 24px; font-size: 2.4rem; font-family: "COMICBD", Verdana, Geneva, Tahoma, sans-serif; color: #f78000; text-transform: uppercase; }

.m-repro-hd a { color: #f78000; }

.m-repro-list { margin-top: 35px; margin-bottom: -10px; overflow: hidden; }

.m-repro-list .list-item { position: relative; float: left; margin-right: 1.5%; margin-bottom: 10px; width: 23.5%; overflow: hidden; }

.m-repro-list .list-item .item-pic { border: 1px solid #e1e1e1; }

.m-repro-list .list-item .item-pic:hover { border-color: #f78000; }

.m-repro-list .list-item .item-title { padding-top: 13px; padding-bottom: 13px; height: 20px; line-height: 20px; font-size: 16px; font-size: 1.6rem; color: #333333; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

.m-repro-list .list-item .item-title a { color: #333; }

.m-repro-list .list-item .item-title a:hover { color: #f78000; }

@media screen and (max-width: 767px) { .m-repro { margin-top: 25px; }
  .m-repro-list .list-item { margin-left: 1%; margin-right: 1%; width: 48%; } }

#m-gongc { position: relative; width: 1200px; padding: 0 55px; height: 338px; margin: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#m-gongc ul { position: relative; width: 1092px; height: 338px; overflow: hidden; }

#m-gongc li { position: absolute; list-style: none; width: 0; height: 0; top: 0px; left: 0px; z-index: 0; }

#m-gongc li img { width: 100%; height: 100%; vertical-align: top; }

#m-gongc li div { display: none; }

#m-gongc .prev, #m-gongc .next { position: absolute; top: 134px; display: block; width: 39px; height: 39px; background-repeat: no-repeat; background-position: center; cursor: pointer; }

#m-gongc .prev { left: 0; background-image: url("../img/mgc_06.png"); }

#m-gongc .prev:hover { background-image: url("../img/mgc_13.png"); }

#m-gongc .next { right: 0; background-image: url("../img/mgc_09.png"); }

#m-gongc .next:hover { background-image: url("../img/mgc_14.png"); }

.m-gongc-list { display: none; }

@media screen and (max-width: 1219px) { #m-gongc { display: none; }
  .m-gongc-list { display: block; margin-bottom: -25px; padding: 0 20px; overflow: hidden; }
  .m-gongc-item { float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 25px; width: 31%; }
  .m-gongc-item .item-pic { font-size: 0; line-height: 0; }
  .m-gongc-item .item-pic img { width: 100%; }
  .m-gongc-item .item-title { margin-top: 5px; line-height: 30px; font-size: 16px; color: #333; text-align: center; } }

@media screen and (max-width: 767px) { .m-gongc-item { width: 48%; }
  .m-gongc-wp { margin-top: 25px; padding: 0; }
  .m-gongc-list { padding: 0; } }

.m-faq-list { margin-bottom: -25px; overflow: hidden; }

.m-faq-list-item { margin-bottom: 25px; overflow: hidden; }

.m-faq-list-item .item-title { background-color: #eee; }

.m-faq-list-item .item-title a { position: relative; display: block; padding-left: 36px; padding-right: 50px; padding-top: 11px; padding-bottom: 11px; line-height: 20px; font-size: 16px; font-size: 1.6rem; color: #333333; background: url("../img/faq_04.png") no-repeat 15px 14px; }

.m-faq-list-item .item-title a:before { content: ""; position: absolute; right: 16px; top: 50%; margin-top: -7px; display: block; width: 14px; height: 14px; background: url("../img/faq_07.png") no-repeat center center; }

.m-faq-list-item .item-title a:hover { color: #f78000; }

.m-faq-list-item .item-title a.active { color: #f78000; background-image: url("../img/faq_03.png"); }

.m-faq-list-item .item-title a.active:before { background-image: url("../img/faq_06.png"); }

.m-faq-list-item .item-desc { display: none; padding-top: 14px; padding-bottom: 14px; padding-left: 17px; padding-right: 17px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.m-faq-list-item .item-desc span { color: #f78000; }

.m-faq-list-item .item-desc.show { display: block; }

@media screen and (max-width: 767px) { .m-faq-list-item .item-title a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 480px) { .m-faq-list { margin-bottom: -10px; }
  .m-faq-list-item { margin-bottom: 10px; }
  .m-faq-list-item .item-desc { padding-top: 10px; padding-bottom: 10px; } }

.down-list-item { margin-top: 36px; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 30px; background-color: #f4f4f4; overflow: hidden; }

.down-list-item .item-pic { float: left; display: block; width: 96px; }

.down-list-item .item-font { float: left; margin-left: -96px; width: 100%; }

.down-list-item .item-font-box { margin-left: 127px; margin-right: 234px; }

.down-list-item .item-title { margin-top: 20px; height: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333333; text-overflow: ellipsis; white-space: nowrap; }

.down-list-item .item-title a { color: #333333; }

.down-list-item .item-title a:hover { color: #8ac200; }

.down-list-item .item-desc { margin-top: 2px; }

.down-list-item .item-desc a { height: 60px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; }

.down-list-item .item-desc a:hover { color: #f78000; }

.down-list-item .item-link { position: relative; float: right; margin-top: 44px; margin-left: -140px; display: block; width: 140px; height: 40px; line-height: 40px; padding-left: 12px; padding-right: 36px; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; color: white; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #bcbcbc; border-radius: 5px; font-weight: bold; }

.down-list-item .item-link span { vertical-align: top; }

.down-list-item .item-link:before { content: ""; position: absolute; top: 0; right: 11px; display: block; width: 19px; height: 100%; background: url("../img/down_09.png") no-repeat center; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.down-list-item .item-link:hover { color: white; background-color: #f78000; }

.down-list-item .item-link:hover:before { background-image: url("../img/down_10.png"); }

.down-list-item:first-child { margin-top: 0; }

.down-modal { position: fixed; z-index: 10; top: 0; left: 0; display: none; width: 100%; height: 100%; background: url("../img/dmbg.png") repeat center; }

.down-modal.show { display: block; }

.down-modal-box { position: absolute; top: 50%; left: 0; right: 0; margin-top: -114px; margin-left: auto; margin-right: auto; width: 100%; max-width: 638px; height: 225px; background-color: white; border-radius: 10px; overflow: hidden; }

.down-modal-hd { padding: 25px 19px; line-height: 32px; font-size: 20px; font-size: 2rem; color: #f78000; text-align: center; font-weight: bold; background-color: #efefef; }

.down-modal-hd a { position: absolute; right: 16px; top: 16px; display: block; width: 11px; height: 11px; background: url("../img/close_03.png") no-repeat center; background-size: 100% 100%; }

.down-modal-form { position: relative; margin-top: 23px; margin-left: 24px; margin-right: 24px; padding-right: 128px; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; }

.down-modal-form .form-text { float: left; display: block; width: 100%; padding: 0 5px; height: 46px; line-height: 46px; font-size: 14px; font-size: 1.4rem; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.down-modal-form .form-btn { position: absolute; right: 0; top: 0; display: block; width: 128px; height: 46px; background-color: #f78000; font-size: 20px; font-size: 2rem; color: white; }

.down-modal-text { margin-top: 7px; margin-left: 24px; margin-right: 24px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #333333; }

.down-modal-text a { color: #f78000; }

.down-modal-text span { color: #f78000; }

@media screen and (max-width: 767px) { .down-modal-box { margin-top: 0; width: 80%; height: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .down-modal-hd { padding-left: 5px; padding-right: 5px; padding-top: 15px; padding-bottom: 10px; font-size: 16px; font-size: 1.6rem; }
  .down-modal-hd a { right: 5px; top: 5px; }
  .down-modal-form { margin-top: 10px; margin-left: 10px; margin-right: 10px; padding-right: 0; }
  .down-modal-form .form-text { height: 30px; }
  .down-modal-form .form-btn { position: relative; right: auto; top: auto; width: 100%; height: 30px; font-size: 14px; font-size: 1.4rem; }
  .down-modal-text { margin-left: 10px; margin-right: 10px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

@media screen and (max-width: 767px) { .down-list-item { margin-top: 20px; padding-bottom: 20px; }
  .down-list-item .item-pic { float: none; }
  .down-list-item .item-font { float: none; margin-top: 15px; margin-left: 0; }
  .down-list-item .item-font-box { margin: 0; }
  .down-list-item .item-title { font-size: 14px; font-size: 1.4rem; }
  .down-list-item .item-desc a { font-size: 12px; font-size: 1.2rem; }
  .down-list-item .item-link { float: none; margin-top: 10px; margin-left: 0; } }

.newsl-list { margin-top: 61px; overflow: hidden; }

.newsl-list .list-item { margin-top: 53px; padding-bottom: 50px; border-bottom: 1px dashed #bfbfbf; overflow: hidden; }

.newsl-list .list-item .item-pic { float: left; display: block; width: 100%; max-width: 240px; }

.newsl-list .list-item .item-font { padding-left: 32px; overflow: hidden; }

.newsl-list .list-item .item-title { height: 30px; line-height: 30px; font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #333333; text-overflow: ellipsis; white-space: nowrap; }

.newsl-list .list-item .item-title a { color: #333333; }

.newsl-list .list-item .item-title a:hover { color: #f78000; }

.newsl-list .list-item .item-desc { margin-top: 17px; }

.newsl-list .list-item .item-desc a { height: 90px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; }

.newsl-list .list-item .item-desc a:hover { color: #f78000; }

.newsl-list .list-item .item-time { margin-top: 22px; line-height: 1.2; font-size: 14px; font-size: 1.4rem; color: #999999; }

.newsl-list .list-item .item-time a { color: #999999; }

.newsl-list .list-item .item-time a:hover { color: #f78000; }

.newsl-list .list-item:first-child { margin-top: 0; }

@media screen and (max-width: 767px) { .newsl-list { margin-top: 30px; }
  .newsl-list .list-item { margin-top: 20px; padding-bottom: 20px; }
  .newsl-list .list-item .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 480px) { .newsl-list .list-item .item-pic { float: none; }
  .newsl-list .list-item .item-font { margin-top: 15px; padding-left: 0; }
  .newsl-list .list-item .item-desc { margin-top: 10px; }
  .newsl-list .list-item .item-time { margin-top: 10px; } }

.news-left { float: left; width: 69.08333%; overflow: hidden; }

.news-title { line-height: 30px; font-size: 20px; font-size: 2rem; color: #333333; }

.news-time { margin-top: 13px; line-height: 1.2; font-size: 14px; font-size: 1.4rem; color: #666666; }

.news-desc { margin-top: 20px; }

.news-other { margin-top: 40px; }

.news-other-item { height: 34px; line-height: 34px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.news-other-item img { vertical-align: middle; margin-top: -3px; }

.news-other-item a { color: #666; }

.news-other-item a:hover { color: #f78000; }

.news-other-item.prev { border-bottom: 1px dashed #cfcfcf; }

@media screen and (max-width: 959px) { .news-left { float: none; width: 100%; } }

.news-right { float: right; width: 26.66667%; overflow: hidden; }

.news-btn { display: block; margin: 0 auto; max-width: 226px; line-height: 24px; padding-top: 12px; padding-bottom: 12px; font-size: 18px; font-size: 1.8rem; color: white; text-align: center; text-transform: uppercase; background-color: #f78000; border-radius: 10px; }

.news-btn:hover { color: white; background-color: #8ac200; }

.news-share { margin-top: 20px; line-height: 26px; font-size: 0; letter-spacing: 0; text-align: center; }

.news-share .title { margin-right: 13px; display: inline-block; *display: inline; *zoom: 1; height: 26px; vertical-align: top; font-size: 16px; font-size: 1.6rem; color: #666666; }

.news-share .img { display: inline-block; *display: inline; *zoom: 1; height: 26px; vertical-align: top; }

@media screen and (max-width: 959px) { .news-right { float: none; margin-top: 30px; width: 100%; } }

.m-latnews { margin-top: 48px; background-color: #eee; border-top: 2px solid #f78000; }

.m-latnews-hd { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; line-height: 26px; font-size: 18px; font-size: 1.8rem; color: #333333; text-transform: uppercase; }

.m-latnews-hd a { color: #333333; }

.m-latnews-hd a:hover { color: #f78000; }

.m-latnews-bd { padding-top: 17px; padding-bottom: 17px; padding-left: 20px; padding-right: 20px; border-top: 2px solid white; }

.m-latnews-list .list-item { margin-top: 15px; border-top: 1px solid #b5b5b5; }

.m-latnews-list .list-item .item-title { margin-top: 14px; height: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333333; text-overflow: ellipsis; white-space: nowrap; }

.m-latnews-list .list-item .item-title a { color: #333; }

.m-latnews-list .list-item .item-title a:hover { color: #f78000; }

.m-latnews-list .list-item .item-desc { margin-top: 4px; }

.m-latnews-list .list-item .item-desc a { height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.m-latnews-list .list-item .item-desc a:hover { color: #f78000; }

.m-latnews-list .list-item .item-link { margin-top: 6px; }

.m-latnews-list .list-item .item-link a { line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.m-latnews-list .list-item .item-link a:hover { color: #f78000; }

.m-latnews-list .list-item:first-child { margin-top: 0; padding-top: 0; border-top: none; }

.cont-b1 { overflow: hidden; }

.cont-info { float: left; width: 34.16667%; }

.cont-info-item { margin-top: 30px; }

.cont-info-item .item-title { line-height: 29px; font-size: 18px; font-size: 1.8rem; color: #333333; }

.cont-info-item .item-desc { margin-top: 10px; padding-left: 27px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #333333; background-repeat: no-repeat; background-position: left top; }

.cont-info-item .item-desc span { margin-right: 9.7561%; }

.cont-info-item .item-desc a { display: inline; margin-right: 9.7561%; color: #333333; }

.cont-info-item .item-desc a:hover { color: #f78000; }

.cont-info-item:first-child { margin-top: 0; }

.cont-info-item-1 .item-desc { background-image: url("../img/cont_03.png"); }

.cont-info-item-2 .item-desc { background-image: url("../img/cont_09.png"); }

.cont-info-item-3 .item-desc { background-image: url("../img/cont_11.png"); }

.cont-info-item-4 .item-desc { background-image: url("../img/cont_13.png"); }

.cont-form { float: right; margin-bottom: -20px; width: 55.83333%; overflow: hidden; }

.cont-form-item { margin-bottom: 20px; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cont-form-item input { width: 100%; height: 54px; line-height: 52px; padding: 0 14px; font-size: 14px; font-size: 1.4rem; color: #666666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; background-color: #fff; }

.cont-form-item input::-webkit-input-placeholder { color: #666666; }

.cont-form-item input::-moz-placeholder { color: #666666; }

.cont-form-item input:-moz-placeholder { color: #666666; }

.cont-form-item input:-ms-input-placeholder { color: #666666; }

.cont-form-item textarea { width: 100%; height: 192px; padding: 0 14px; line-height: 48px; font-size: 14px; font-size: 1.4rem; color: #666666; border: 1px solid #d2d2d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.cont-form-item textarea::-webkit-input-placeholder { color: #666666; }

.cont-form-item textarea::-moz-placeholder { color: #666666; }

.cont-form-item textarea:-moz-placeholder { color: #666666; }

.cont-form-item textarea:-ms-input-placeholder { color: #666666; }

.cont-form-item.important { background: url("../img/star2.png") no-repeat 5px 23px; }

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

.cont-form-item-2 { width: 100%; }

.cont-form-item-3 { margin-right: 3.43284%; width: 29.55224%; }

.cont-form-img { width: 26.26866%; height: 52px; line-height: 52px; text-align: center;  background-color: #fff; }

.cont-form-img img { vertical-align: middle; max-height: 52px; }

.cont-form-btn { display: block; width: 37.31343%; height: 54px; background-color: #f78000; font-size: 14px; font-size: 1.4rem; color: white; }

@media screen and (max-width: 1219px) { .cont-info-item .item-desc span { margin-right: 5px; }
  .cont-info-item .item-desc a { margin-right: 5px; } }

@media screen and (max-width: 959px) { .cont-info { float: none; width: 100%; }
  .cont-form { float: none; margin-top: 25px; width: 100%; } }

@media screen and (max-width: 767px) { .cont-info-item { margin-top: 15px; }
  .cont-form-item { width: 100%; }
  .cont-form-img { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .cont-form-btn { width: 100%; margin-top: 20px; margin-bottom: 20px; } }

.cont-b2 { margin-top: 42px; }

@media screen and (max-width: 767px) { .cont-b2 { margin-top: 25px; } }

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

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

.kf-item:hover .kf-item-title a { color: #8ac200; }

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

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

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

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

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

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

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

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

.returntop { position: fixed; *position: absolute; z-index: 9; right: 20px; bottom: 30px; width: 46px; height: 46px; background: url("../img/ftop_03.png") no-repeat center; background-color: #8ac200; -webkit-box-shadow: 0 5px 10px #ccc; box-shadow: 0 5px 10px #ccc; border-radius: 50%; line-height: 0; font-size: 0; display: none; }

@media screen and (max-width: 767px) { .returntop { right: 0; bottom: 65px; } 

.yanzheng{margin-left: 26px;}
 }


/*# 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;}

.none{background: #b4b4b4 !important; color: #fff !important}
.shuxp_c{line-height: 60px;}

.onss{color: #f78000 !important}