@import url(./iconfont.css);
@import url(./modal.css);
* { margin: 0px; padding: 0px; }

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

body { margin: 0 auto; width: 100%; padding-top: 96px; max-width: 1920px; overflow-x: hidden; font-family: 'MicrosoftYaHei', arial, helvetica, sans-serif; font-size: 16px; font-size: 1.6rem; color: black; background-color: #f8f8f8; }

a { color: #333; text-decoration: none !important; 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: #ff7e0e; }

p { margin: 0; }

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 */
/* .m-xx start */
.m-desc { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.m-desc a { color: #ff7e0e; }

.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 { max-width: 100%; }

.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-lazy { min-width: 20%; }

@media screen and (min-width: 960px) { .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: #ff7e0e; }

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

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

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

.returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 30px; width: 48px; height: 48px; background: url("../img/gotop.png") no-repeat center; background-color: #ff7e0e; border-radius: 50%; line-height: 0; font-size: 0; display: none; }

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

.g-hd { position: fixed; z-index: 9; left: 0; top: 0; width: 100%; background-color: #f8f8f8; }

.m-hdbox { padding-top: 18px; padding-bottom: 18px; overflow: visible; text-align: right; font-size: 0; letter-spacing: 0; }

.m-hdnav, .m-hdlink, .m-hduser, .m-hdcart { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align: center; }

.m-hdnav { margin-right: 35px; }

.m-hdnav .nav-item { float: left; margin-left: 44px; height: 50px; line-height: 50px; overflow: hidden; font-size: 14px; font-size: 1.4rem; color: #666; }

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

.m-hdnav .nav-item a:hover { color: #ff7e0e; }

.m-hdnav .nav-item a.active { color: #ff7e0e; }

.m-hdnav .nav-item a.current { color: #ff7e0e; }

.m-hdnav .nav-item:first-child { margin-left: 35px; }

.m-hdlink { padding-top: 6px; padding-bottom: 6px; overflow: hidden; }

.m-hdlink .link-item { position: relative; float: left; }

.m-hdlink .link-item a { display: block; width: 58px; height: 36px; line-height: 34px; font-size: 14px; font-size: 1.4rem; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; border-radius: 5px; }

.m-hdlink .link-item a:hover { border-color: #ff7e0e; color: #ff7e0e; }

.m-hdlink .link-item:first-child { padding-right: 16px; margin-right: 16px; }

.m-hdlink .link-item:first-child:before { content: ""; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background-color: #999; }

.m-hdcart { margin-left: 25px; }

.m-hdcart a { display: block; width: 137px; height: 50px; line-height: 50px; font-size: 16px; font-size: 1.6rem; color: #f1dfcf; border-radius: 5px; background-color: #ff7e0e; }

.m-hdcart a:hover { color: #fff; }

.m-hduser { position: relative; width: 140px; display: none; }

.m-hduser .user-title { position: relative; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; cursor: pointer; background: url("../img/hicon1.png") no-repeat 0px center; }

.m-hduser .user-title a{color: #666; display: inline-block; width: 115px; padding-top: 10px; padding-left: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap}

.m-hduser .user-title a:hover{color: #ff7e0e;}

.m-hduser .user-title span{position: absolute; right: 0px; width: 10px; height: 100%; background: url("../img/hicon2.png") no-repeat center; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-hduser .user-title.active span{ -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }

.m-hduser .user-menu { position: absolute; left: 0; top: 100%; display: none; width: 100%; padding: 6px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; border-radius: 3px; border: solid 1px #dcdcdc; }

.m-hduser .user-link { height: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; text-indent: 38px; background-repeat: no-repeat; background-position: 23px center; }

.m-hduser .user-link a { color: #666; }

.m-hduser .user-link a:hover { color: #ff7e0e; }

.m-hduser .user-link1 { background-image: url("../img/hicon4.png"); }

.m-hduser .user-link2 { background-image: url("../img/hicon5.png"); }

.m-hduser .user-link3 { background-image: url("../img/hicon6.png"); }

.m-hduser .user-line { margin: 7px 0; height: 1px; background-color: #e5e5e5; }

.m-hduser.show { display: inline-block !important; }

.m-wphd { display: none; }

.m-wphd .navbar { margin-bottom: 0; }

@media screen and (max-width: 767px) { .m-hdbox { display: none; }
  .m-wphd { display: block; }
  body { padding-top: 50px; } }

.banner { position: relative; z-index: 2; font-size: 0; line-height: 0; overflow: hidden; }

.banner .carousel-control { position: absolute; top: 50%; margin-top: -30px; width: 59px; height: 59px; background-repeat: no-repeat; background-position: center !important; -webkit-background-size: 100% 100% !important; background-size: 100% 100% !important; -webkit-filter: none !important; filter: none !important; }

.banner .carousel-control.left { left: 70px; background-image: url("../img/jtl1.png"); }

.banner .carousel-control.left:hover { background-image: url("../img/jtl2.png"); }

.banner .carousel-control.right { right: 70px; background-image: url("../img/jtr1.png"); }

.banner .carousel-control.right:hover { background-image: url("../img/jtr2.png"); }

.banner .dotList { position: absolute; left: 0; bottom: 22px; width: 100%; }

.banner .dotList ul { text-align: center; font-size: 0; letter-spacing: 0; margin: 0; }

.banner .dotList ul li { margin: 0 8px; display: inline-block; *display: inline; *zoom: 1; width: 16px; height: 16px; background-color: #fff; }

.banner .dotList ul li.active { background-color: #333; }

.banner.hide { display: none; }

@media screen and (max-width: 959px) { .banner { display: block !important; }
  .banner .carousel-control { display: none; }
  .banner .dotList { bottom: 10px; }
  .banner .dotList ul li { margin: 0 5px; width: 12px; height: 12px; }
  .banner.hide { display: block !important; }
  .n-banner { display: none !important; } }

.m-hwcd { padding-top: 96px; padding-bottom: 84px; }

.m-hwcd .box-title { font-size: 30px; font-size: 3rem; color: #ff7e0e; text-align: center; }

.m-hwcd .box-desc { margin-top: 13px; font-size: 16px; font-size: 1.6rem; color: #333; text-align: center; }

.m-hwcd .box-list { margin-top: 100px; margin-bottom: -20px; overflow: hidden; font-size: 0; letter-spacing: 0; text-align: center; }

.m-hwcd .list-item { position: relative; /*float: left;*/ margin-right: 5.83333%; margin-bottom: 20px; width: 20.58333%; padding-top: 22.75%; background: url("../img/wcdbg2.png") no-repeat center; -webkit-background-size: 100% 100%; background-size: 100% 100%; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; display: inline-block; }

.m-hwcd .list-item:hover { background-image: url("../img/wcdbg1.png"); }

.m-hwcd .item-fix { position: absolute; top: 50%; left: 0; right: 0; margin-top: -62px; margin-left: auto; margin-right: auto; width: 80%; text-align: center; }

.m-hwcd .item-img { font-size: 0; line-height: 0; }

.m-hwcd .item-title { height: 24px; line-height: 24px; font-size: 20px; font-size: 2rem; color: #fff; text-overflow: ellipsis; white-space: nowrap; }

@media screen and (max-width: 1219px) { .m-hwcd .item-title { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 959px) { .m-hwcd .list-item { margin-left: 1%; margin-right: 1% !important; width: 23%; padding: 25px 0; background: #25b2e4; border-radius: 20px; }
  .m-hwcd .list-item:hover { background: #ff7e0e; }
  .m-hwcd .item-fix { position: relative; top: 0; margin-top: 0; }
  .m-hwcd .item-img img { max-width: 70px; } }

@media screen and (max-width: 767px) { .m-hwcd { padding: 30px 0; }
  .m-hwcd .box-title { font-size: 24px; font-size: 2.4rem; }
  .m-hwcd .box-desc { font-size: 14px; font-size: 1.4rem; }
  .m-hwcd .box-list { margin-top: 30px; } }

@media screen and (max-width: 640px) { .m-hwcd .list-item { width: 48%; } }

.m-hbtn { background-color: #25b2e4; padding: 46px 0; }

.m-hbtn a { margin: 0 auto; display: block; width: 96%; max-width: 498px; line-height: 36px; padding: 15px 10px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; border-radius: 10px; }

.m-hbtn a:hover { background-color: #ff7e0e; }

.m-hfeatures { padding-top: 96px; background-color: #fff; }

.m-hfeatures .feature-box { overflow: hidden; }

.m-hfeatures .feature-box1 { background-color: #fff; }

.m-hfeatures .feature-box2 { background-color: #e3f0fb; }

.m-hfeatures .box-img { font-size: 0; line-height: 0; height: 580px; line-height: 580px; }

.m-hfeatures .box-img img { vertical-align: middle; }

.m-hfeatures .box-img1 { margin-right: 6.83333%; }

.m-hfeatures .box-img2 { margin-left: 6.83333%; }

.m-hfeatures .box-text { display: table-cell; vertical-align: middle; height: 580px; max-width: 500px; overflow: hidden; }

.m-hfeatures .box-title { font-size: 30px; font-size: 3rem; color: #ff7e0e; }

.m-hfeatures .box-title img { margin-right: 15px; vertical-align: middle; }

.m-hfeatures .box-desc { margin-top: 33px; line-height: 30px; font-size: 13px; font-size: 1.3rem; color: #333; }

@media screen and (min-width: 960px) { .m-hfeatures .box-wp { overflow: visible; }
  .m-hfeatures .box-wp:hover .box-img1 { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); }
  .m-hfeatures .box-wp:hover .box-img2 { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); } }

@media screen and (max-width: 959px) { .m-hfeatures { padding-top: 0; }
  .m-hfeatures .feature-box { padding: 30px 0; }
  .m-hfeatures .box-img { float: none; margin: 0; text-align: center; height: auto; line-height: 0; }
  .m-hfeatures .box-text { padding: 30px 0; max-width: 100%; height: auto; display: block; text-align: center; } }

@media screen and (max-width: 767px) { .m-hfeatures .box-title { font-size: 20px; font-size: 2rem; }
  .m-hfeatures .box-title img { height: 30px; }
  .m-hfeatures .box-desc { margin-top: 15px; font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

.m-hstep { padding-top: 96px; padding-bottom: 108px; background-color: #FFF; }

.m-hstep .box-title { font-size: 30px; font-size: 3rem; color: #ff7e0e; text-align: center; }

.m-hstep .box-list { margin-top: 91px; letter-spacing: 0; font-size: 0; text-align: center; }

.m-hstep .list-item, .m-hstep .list-icon { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.m-hstep .list-item { width: 17.5%; }

.m-hstep .list-item:hover .item-top { border-color: #ff7e0e; background-color: #fff; -webkit-transform: translateY(-14px); -moz-transform: translateY(-14px); -ms-transform: translateY(-14px); -o-transform: translateY(-14px); transform: translateY(-14px); }

.m-hstep .list-item:hover .item-icon1 { background-image: url("../img/step1h.png"); }

.m-hstep .list-item:hover .item-icon2 { background-image: url("../img/step2h.png"); }

.m-hstep .list-item:hover .item-icon3 { background-image: url("../img/step3h.png"); }

.m-hstep .list-item:hover .item-icon4 { background-image: url("../img/step4h.png"); }

.m-hstep .list-item:hover .item-title { color: #ff7e0e; }

.m-hstep .list-item:hover .item-desc { color: #ff7e0e; }

.m-hstep .item-top { margin: 0 auto; width: 155px; height: 155px; padding-top: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #25b2e4; background-color: #25b2e4; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; border-radius: 50%; }

.m-hstep .item-top .item-icon1 { background-image: url("../img/step1.png"); }

.m-hstep .item-top .item-icon2 { background-image: url("../img/step2.png"); }

.m-hstep .item-top .item-icon3 { background-image: url("../img/step3.png"); }

.m-hstep .item-top .item-icon4 { background-image: url("../img/step4.png"); }

.m-hstep .item-icon { height: 42px; background-repeat: no-repeat; background-position: center; }

.m-hstep .item-title { margin-top: 8px; font-size: 16px; font-size: 1.6rem; color: #fff; }

.m-hstep .item-desc { margin-top: 33px; height: 20px; line-height: 20px; font-size: 16px; font-size: 1.6rem; color: #25b2e4; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-hstep .item-icon, .m-hstep .item-title, .m-hstep .item-desc { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-hstep .list-icon { margin: 0 10px; height: 155px; line-height: 155px; }

.m-hstep .list-icon img { vertical-align: middle; }

@media screen and (max-width: 959px) { .m-hstep .list-icon { display: none; }
  .m-hstep .list-item { margin: 0 .5%; width: 24%; } }

@media screen and (max-width: 767px) { .m-hstep { padding: 30px 0; }
  .m-hstep .box-title { font-size: 24px; font-size: 2.4rem; }
  .m-hstep .box-list { margin-top: 30px; margin-bottom: -25px; }
  .m-hstep .list-item { margin-left: 1%; margin-right: 1%; margin-bottom: 25px; width: 48%; }
  .m-hstep .item-top { width: 135px; height: 135px; padding-top: 30px; }
  .m-hstep .item-title { font-size: 14px; font-size: 1.4rem; }
  .m-hstep .item-desc { margin-top: 20px; font-size: 14px; font-size: 1.4rem; } }

.m-htobuy { padding-top: 66px; height: 250px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url("../img/tobuy1.png") no-repeat center bottom; -webkit-background-size: cover; background-size: cover; }

.m-htobuy .box-title { font-size: 22px; font-size: 2.2rem; color: #fff; text-align: center; }

.m-htobuy .box-btn { margin-top: 36px; margin-left: auto; margin-right: auto; display: block; width: 160px; height: 52px; line-height: 52px; font-size: 16px; font-size: 1.6rem; color: #f1dfcf; text-align: center; border-radius: 5px; background-color: #ff7e0e; }

.m-htobuy .box-btn:hover { color: #fff; }

@media screen and (max-width: 767px) { .m-htobuy { padding: 30px 0; height: auto; }
  .m-htobuy .box-title { font-size: 24px; font-size: 2.4rem; }
  .m-htobuy .box-btn { margin-top: 25px; } }

.g-ft { padding-top: 62px; padding-bottom: 30px; background-color: #333333; }

.m-fttt { margin-bottom: 18px; font-size: 16px; font-size: 1.6rem; color: #fdf4f0; }

.m-ftnews { float: left; width: 100%; padding-right: 426px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-ftnews .box-list { overflow: hidden; }

.m-ftnews .list-item { margin-top: 19px; }

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

.m-ftnews .item-title { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #ccc; text-overflow: ellipsis; white-space: nowrap; }

.m-ftnews .item-title a { color: #ccc; }

.m-ftnews .item-desc a { display: block; max-height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #999; overflow: hidden; }

.m-ftctus { float: left; margin-left: -180px; width: 180px; }

.m-ftctus .list-item { padding-left: 30px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #999; background-repeat: no-repeat; background-position: left 2px; }

.m-ftctus .list-item a { color: #999; }

.m-ftctus .list-item1 { background-image: url("../img/ficon1.png"); }

.m-ftctus .list-item2 { background-image: url("../img/ficon2.png"); }

.m-ftctus .list-item3 { background-image: url("../img/ficon3.png"); }

.m-fttext { margin-top: 15px; font-size: 14px; font-size: 1.4rem; color: #5b5b5b; text-align: center; }

.m-bottom{ text-align: center; }

.m-bottom ul{ height: 20px; display: inline-block; margin: 0 auto; }

.m-bottom li { float: left; margin-left: 23px; color: #999; }

.m-bottom li:first-child{ margin-left: 0;}

.m-bottom li:hover a{ color: #ff7e0e; }

.m-bottom li a{ color: #999; }

.m-bottom p{ width: 360px; display: block; color: #999; margin: 20px auto; }

@media screen and (max-width: 959px) { .m-ftnews { padding-right: 250px; } }

@media screen and (max-width: 640px) { .g-ft { padding: 30px 0; }
  .m-ftnews { padding-right: 0; }
  .m-ftctus { margin-left: 0; margin-top: 25px; width: 100%; } }

.g-mn { padding-top: 80px; padding-bottom: 53px; overflow: visible; }

@media screen and (max-width: 767px) { .g-mn { padding-top: 30px; padding-bottom: 30px; } }

.m-wxpay { position: relative; margin: 0 auto; max-width: 1090px; padding-top: 126px; background-color: #ffffff; -webkit-box-shadow: 0px 3px 20px 0px rgba(106, 107, 107, 0.1); box-shadow: 0px 3px 20px 0px rgba(106, 107, 107, 0.1); border-radius: 10px; }

.m-wxpay .box-fix { margin: 0 auto; width: 80%; max-width: 237px; text-align: center; }

.m-wxpay .box-img { font-size: 0; line-height: 0; }

.m-wxpay .box-info { margin-top: 16px; font-size: 14px; font-size: 1.4rem; color: #999; }

.m-wxpay .box-price { margin-top: 26px; font-size: 40px; font-size: 4rem; color: #ff7e0e; }

.m-wxpay .box-ft { margin-top: 65px; margin-left: auto; margin-right: auto; max-width: 840px; padding: 15px 0; line-height: 36px; font-size: 16px; font-size: 1.6rem; color: #999; text-align: center; border-top: 1px solid #e5e5e5; }

.m-wxpay:before { content: ""; position: absolute; top: 0; left: -5px; width: 100%; padding: 0 5px; height: 20px; background: url("../img/wxpay1.png") no-repeat center; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }

@media screen and (max-width: 767px) { .m-wxpay { padding-top: 45px; }
  .m-wxpay .box-price { font-size: 20px; font-size: 2rem; }
  .m-wxpay .box-ft { margin-top: 35px; font-size: 14px; font-size: 1.4rem; } }

.g-proselect .box-title { font-size: 26px; font-size: 2.6rem; color: #333; text-align: center; }

.g-proselect .boxtab-hd { margin-top: 43px; background-color: #f2f3f5; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2); font-size: 0; letter-spacing: 0; text-align: center; }

.g-proselect .tabhd-item { position: relative; display: inline-block; *display: inline; *zoom: 1; width: 16.66667%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 116px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #999; }

.g-proselect .tabhd-item:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -43px; width: 1px; height: 86px; background-color: #dcdcdc; }

.g-proselect .tabhd-item.active { background-color: #fff; color: #ff7e0e; }

.g-proselect .tabhd-item.active:before { left: 0; top: 0; margin-top: 0; display: block !important; width: 100%; height: 2px; background-color: #ff7e0e; }

.g-proselect .tabhd-item.active:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -6px; border-top: 12px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; }

.g-proselect .tabhd-item:first-child:before { display: none; }

.g-proselect .boxtab-bd { margin-top: 43px; }

.g-proselect .boxtab-wp { overflow: visible; }

.g-proselect .tabbd-item { display: none; }

.g-proselect .tabbd-item.show { display: block; }

@media screen and (max-width: 767px) { .g-proselect .boxtab-hd { margin-top: 30px; }
  .g-proselect .boxtab-bd { margin-top: 30px; }
  .g-proselect .tabhd-item { height: 76px; line-height: 76px; }
  .g-proselect .tabhd-item:before { margin-top: -18px; height: 36px; } }

@media screen and (max-width: 480px) { .g-proselect .tabhd-item { width: 20%; font-size: 14px; font-size: 1.4rem; } }

.m-prol { overflow: visible; }

.m-prol .list-item { float: left; margin-right: 4.33333%; width: 29.5%; background-color: #fff; -webkit-box-shadow: 0px 3px 20px 0px rgba(106, 107, 107, 0.5); box-shadow: 0px 3px 20px 0px rgba(106, 107, 107, 0.5); border-radius: 10px; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-prol .item-wp { padding-left: 24px; padding-right: 24px; padding-top: 33px; padding-bottom: 42px; }

.m-prol .item-hd { overflow: hidden; }

.m-prol .item-cname { font-size: 24px; font-size: 2.4rem; color: #333; }

.m-prol .item-month { font-size: 14px; font-size: 1.4rem; color: #da7014; }

.m-prol .item-price { padding-top: 11px; font-size: 36px; font-size: 3.6rem; color: #666; }

.m-prol .item-price span { font-size: 16px; font-size: 1.6rem; color: #999; }

.m-prol .item-price del { display: block; font-size: 14px; font-size: 1.4rem; color: #aaa; line-height: 20px; }

.m-prol .item-price2 { line-height: 1; padding-top: 0; }

.m-prol .item-bd { margin-top: 14px; margin-bottom: 36px; padding-top: 25px; padding-bottom: 25px; border-top: 1px dotted #999; border-bottom: 1px dotted #999; }

.m-prol .share-item { margin-top: 21px; overflow: hidden; }

.m-prol .share-item:first-child { margin-top: 0; }

.m-prol .share-icon { float: left; width: 29px; line-height: 0; font-size: 0; }

.m-prol .share-title { float: left; margin-left: 14px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #999; }

.m-prol .share-num { float: right; width: 30px; height: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; border-radius: 50%; }

.m-prol .share-num-1 { background-color: #39579a; }

.m-prol .share-num-2 { background-color: #007ab8; }

.m-prol .share-num-3 { background-color: #3acbff; }

.m-prol .share-num-4 { background-color: #bf1a12; }

.m-prol .item-btn { margin: 0 auto; display: block; width: 90%; max-width: 230px; height: 50px; line-height: 50px; font-size: 16px; font-size: 1.6rem; color: #f1dfcf; text-align: center; border-radius: 5px; background-color: #da7014; }

.m-prol .item-btn:hover { color: #fff; }

@media screen and (max-width: 1219px) { .m-prol .item-cname { font-size: 18px; font-size: 1.8rem; }
  .m-prol .item-ename { font-size: 12px; font-size: 1.2rem; }
  .m-prol .item-price { font-size: 24px; font-size: 2.4rem; }
  .m-prol .share-title { font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 1920px) and (min-width: 960px) { .m-prol .list-item:hover { -webkit-transform: translateY(-10px) scale(1.1); -moz-transform: translateY(-10px) scale(1.1); -ms-transform: translateY(-10px) scale(1.1); -o-transform: translateY(-10px) scale(1.1); transform: translateY(-10px) scale(1.1); } }

@media screen and (max-width: 959px) { .m-prol .list-item { float: none; margin-left: auto; margin-right: auto !important; margin-top: 35px; width: 100%; max-width: 500px; }
  .m-prol .list-item:first-child { margin-top: 0; } }

.g-fix { margin: 0 auto; max-width: 1090px; background-color: #ffffff; -webkit-box-shadow: 0px 3px 20px 0px rgba(106, 107, 107, 0.1); box-shadow: 0px 3px 20px 0px rgba(106, 107, 107, 0.1); border-radius: 10px; }

.g-fix > .box-wp { padding-left: 28px; padding-right: 28px; padding-top: 40px; padding-bottom: 49px; }

.m-news { float: left; padding-right: 335px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-news .box-hd { overflow: hidden; }

.m-news .box-title { float: left; margin: 0; max-width: 390px; line-height: 26px; font-size: 20px; font-size: 2rem; color: #333; font-weight: normal; }

.m-news .box-time { float: right; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #999; }

.m-news .box-bd { margin-top: 22px; padding-top: 22px; padding-bottom: 35px; border-top: 1px dotted #999; border-bottom: 1px dotted #999; }

.m-news .box-desc { line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #999; }

.m-news .box-desc p { line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #999; }

.m-news .box-desc span { line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #999; }

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

@media screen and (max-width: 767px) { .m-news .box-title { float: none; max-width: 100%; }
  .m-news .box-time { float: none; margin-top: 15px; }
  .m-news .box-bd { padding-bottom: 25px; }
  .m-news .box-desc { font-size: 14px; font-size: 1.4rem; }
  .m-news .box-desc p { font-size: 14px; font-size: 1.4rem; }
  .m-news .box-desc span { font-size: 14px; font-size: 1.4rem; } }

.m-other { margin-top: 31px; margin-bottom: -15px; overflow: hidden; }

.m-other .other-item { margin-bottom: 15px; max-width: 48%; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

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

.m-other .other-item a:hover { color: #ff7e0e; }

.m-other .other-item1 { float: left; }

.m-other .other-item2 { float: right; }

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

.m-sdnews { float: left; width: 307px; margin-left: -307px; }

.m-sdnews .box-title { padding-bottom: 22px; padding-left: 16px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #333; border-bottom: 1px dotted #999; }

.m-sdnews .box-title a { color: #333; }

.m-sdnews .box-list { margin-top: 8px; padding: 0 16px; }

.m-sdnews .item-title { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #666; text-overflow: ellipsis; white-space: nowrap; }

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

.m-sdnews .item-title a:hover { color: #999; }

@media screen and (max-width: 959px) { .m-sdnews { float: none; width: 100%; margin-left: 0; margin-top: 30px; }
  .m-sdnews .box-title { padding-bottom: 15px; } }

.m-orderinfo { margin-bottom: 25px; }

.m-orderinfo .box-table { display: table; width: 100%; }

.m-orderinfo .table-row { display: table-row; }

.m-orderinfo .table-cell { display: table-cell; }

.m-orderinfo .table-cell .color { color: #ff7e0e; }

.m-orderinfo .table-row1 { font-size: 20px; font-size: 2rem; color: #ff7e0e; }

.m-orderinfo .table-row1 .table-cell { padding-bottom: 25px; border-bottom: 1px dotted #999; }

.m-orderinfo .table-row2 { font-size: 16px; font-size: 1.6rem; color: #666; }

.m-orderinfo .table-row2 .table-cell { padding: 20px 0; border-bottom: 1px dotted #999; }

.m-orderinfo .share-item { margin-top: 15px; }

.m-orderinfo .share-item img { margin-right: 5px; }

.m-orderinfo .share-item:first-child { margin-top: 0; }

.m-ordercode { position: relative; z-index: 9; float: left; width: 232px; }

.m-ordercode .code-btn { position: relative; display: block; text-indent: 14px; line-height: 40px; border: 1px solid #e5e5e5; border-radius: 5px; }

.m-ordercode .code-btn .glyphicon { position: absolute; right: 17px; top: 0; line-height: 40px; text-indent: 0; }

.m-ordercode .code-list { position: absolute; z-index: 9; left: 0; top: 100%; width: 100%; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 0; border: 1px solid #ccc; background-color: #fff; }

.m-ordercode .code-item a { display: block; height: 30px; line-height: 30px; padding: 0 14px; font-size: 14px; font-size: 1.4rem; color: #333; }

.m-ordercode .code-item a:hover { color: #fff; background-color: #ff7e0e; }

.m-ordercode .code-item a.active { color: #fff; background-color: #ff7e0e; }

.m-orderprice { text-align: right; }

.m-orderprice .zong { font-size: 20px; font-size: 2rem; color: #666; }

.m-orderprice .youhui { margin-top: 5px; font-size: 16px; font-size: 1.6rem; color: #999; }

.m-orderprice .color { color: #ff7e0e; font-size: 18px; font-size: 1.8rem; }

.m-orderft { margin-top: 29px; border-top: 3px solid #ff7e0e; padding-top: 30px; }

.m-orderft .order-pay { float: left; min-width: 380px; font-size: 14px; font-size: 1.4rem; color: #666; }

.m-orderft .order-pay input { margin: 0 5px; }

.m-orderft .order-pay input, .m-orderft .order-pay img { vertical-align: middle; }

.m-orderft .order-pay p { display: inline; }

.m-orderft .order-fix { float: right; }

.m-orderft .order-price { font-size: 20px; font-size: 2rem; color: #666; }

.m-orderft .color { color: #ff7e0e; font-size: 18px; font-size: 1.8rem; }

.m-orderft .order-btn { margin-top: 29px; text-align: right; }

.m-orderft .order-btn input { width: 142px; height: 49px; font-size: 16px; font-size: 1.6rem; color: #f1dfcf; background-color: #ff7e0e; border-radius: 5px; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-orderft .order-btn input:hover { color: #fff; }

@media screen and (max-width: 767px) { .m-orderinfo { overflow-x: scroll; }
  .m-orderinfo .box-table { width: 500px; }
  .m-orderinfo .table-row1 { font-size: 16px; font-size: 1.6rem; }
  .m-orderinfo .table-row1 .table-cell { padding-bottom: 15px; }
  .m-orderinfo .table-row2 { font-size: 14px; font-size: 1.4rem; }
  .m-orderinfo .table-row2 .table-cell { padding: 10px 0; }
  .m-ordercode { float: none; }
  .m-orderprice { float: none; margin-top: 15px; text-align: left; }
  .m-orderprice .zong { font-size: 16px; font-size: 1.6rem; }
  .m-orderprice .youhui { font-size: 14px; font-size: 1.4rem; }
  .m-orderprice .color { font-size: 14px; font-size: 1.4rem; }
  .m-orderft .order-pay { float: none; min-width: 1px; }
  .m-orderft .order-pay p { margin-bottom: 5px; display: block; }
  .m-orderft .order-fix { margin-top: 25px; float: none; }
  .m-orderft .order-price { font-size: 16px; font-size: 1.6rem; }
  .m-orderft .color { font-size: 14px; font-size: 1.4rem; }
  .m-orderft .order-btn { margin-top: 16px; text-align: left; } }

.m-paystatus { padding-top: 53px; padding-bottom: 66px; text-align: center; }

.m-paystatus .box-img { font-size: 0; line-height: 0; }

.m-paystatus .box-title { margin-top: 21px; font-size: 18px; font-size: 1.8rem; color: #333; }

.m-paystatus .box-btn { margin-top: 45px; }

.m-paystatus .box-btn a { display: inline-block; *display: inline; *zoom: 1; width: 270px; height: 52px; line-height: 52px; font-size: 18px; font-size: 1.8rem; color: #f1dfcf; background-color: #ff7e0e; border-radius: 5px; }

.m-paystatus .box-btn a:hover { border-radius: 0; color: #fff; }

@media screen and (max-width: 767px) { .m-paystatus { padding-top: 20px; padding-bottom: 20px; }
  .m-paystatus .box-title { font-size: 14px; font-size: 1.4rem; }
  .m-paystatus .box-btn { margin-top: 25px; }
  .m-paystatus .box-btn a { width: 170px; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } }

.g-resetpassword { margin: 0 auto; max-width: 1090px; background-color: #ffffff; -webkit-box-shadow: 0px 3px 20px 0px rgba(106, 107, 107, 0.1); box-shadow: 0px 3px 20px 0px rgba(106, 107, 107, 0.1); border-radius: 10px; }

.g-resetpassword > .box-wp { padding-left: 28px; padding-right: 28px; padding-bottom: 49px; }

.g-resetpassword > .box-wp > .box-title { margin-bottom: 46px; padding: 30px 0; line-height: 24px; font-size: 18px; font-size: 1.8rem; color: #333; border-bottom: 1px dotted #999; }

.m-reqresetpd { margin: 0 auto; max-width: 340px; }

.m-reqresetpd .nav-tabs { border-bottom: 1px solid #e5e6ea; }

.m-reqresetpd .nav-tabs li { width: 50%; }

.m-reqresetpd .nav-tabs li.active a:before { display: block; }

.m-reqresetpd .nav-tabs a { padding: 10px 0; line-height: 26px; text-align: center; border: none !important; }

.m-reqresetpd .nav-tabs a:hover { background: none !important; }

.m-reqresetpd .nav-tabs a:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #28adfa; display: none; }

.m-reqresetpd .tab-content { margin-top: 30px; }

.m-reqresetpd .form-group { position: relative; color: #999999; font-size: 14px; font-size: 1.4rem; }

.m-reqresetpd .form-group input { height: 50px; line-height: 50px; padding-left: 40px; }

.m-reqresetpd .form-group label { position: absolute; top: 0; left: 0; width: 40px; height: 100%; line-height: 50px; text-align: center; }

.m-reqresetpd .clearinput { top: 18px; }

.m-reqresetpd .captcha { float: left; width: 64%; }

.m-reqresetpd .captcha-send { float: right; width: 30%; height: 50px; line-height: 50px; padding: 0; color: #28ADFA; background: none; border-color: #28ADFA; }

.m-reqresetpd .submit { width: 100%; background-color: #34afe6; color: #fff; font-size: 14px; font-size: 1.4rem; height: 44px; border-radius: 1px; border: none !important; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-reqresetpd .submit:hover { background-color: #ff7e0e; }

.m-resetpassword { margin: 0 auto; max-width: 340px; }

.m-resetpassword .form-group { position: relative; color: #999999; font-size: 14px; font-size: 1.4rem; }

.m-resetpassword .form-group input { height: 50px; line-height: 50px; padding-left: 40px; }

.m-resetpassword .form-group label { position: absolute; top: 0; left: 0; width: 40px; height: 100%; line-height: 50px; text-align: center; }

.m-resetpassword .submit { width: 100%; background-color: #34afe6; color: #fff; font-size: 14px; font-size: 1.4rem; height: 44px; border-radius: 1px; border: none !important; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-resetpassword .submit:hover { background-color: #ff7e0e; }

@media screen and (max-width: 767px) { .captcha-send { font-size: 12px; font-size: 1.2rem; } }

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