@charset "utf-8";
/* CSS Document */





/* Basis Layout */
#col1 { float: left; width: 650px; margin: 0; }
#col2 { float: right; width: 320px; margin: 0; }
#col3 { width: auto; margin: 0 200px 0 300px; }
#col1_content { padding: 0 0 0 0; }
#col2_content { padding: 0; }
#col3_content { padding: 1700px 0 0 0; }
#col1_content, #col2_content, #col3_content { position: relative; }
/* public */
body { font: 75%/22px "\5B8B\4F53"; color: #515151; text-align: center; background: #fff; }
#wrap { width: auto; margin: 0 auto; text-align: left; }
#wrap_content { padding: 78px 0 0 0; }
#main {position: relative;z-index: 59;overflow: hidden;}
#main_content {width: 1000px;margin: 0 auto;overflow: hidden;}
#top, #head, #nav, #main, footer { clear: both; }
/* header */
#head {position: fixed;z-index: 150;top: 0;left: 0;width: 100%;overflow: hidden;/*background-color: rgba(255, 255, 255, 0.86);*/background-color: #fff;border-bottom: 1px solid #ccc;}
#head_content {width: 900px;height: 78px;margin: 0 auto;overflow: hidden;}
#head h1#logo {float: left;width: 155px;height: 55px;margin: 9px 0 0 0;}
#head h1#logo a:link, h1#logo a:visited { display: block; width: 200px; height: 55px; background: url(/images/logo.png) no-repeat; }
#head h1#logo a span { display: block; text-indent: -999999px; }
#head ul#topnav { float: right; color: #aaa; height: 79px; background: transparent; }
#head ul#topnav li { float: left; width: 76px; height: 14px; line-height: 14px; text-align: center; }
#head ul#topnav li a { display: block; width: 76px; height: 14px; line-height: 14px; text-decoration: none; font-weight: normal; color: #999; background: transparent; }
#head ul#topnav li a.mid { border-right: 1px solid #ddd; }
#head ul#topnav li a:focus, #head ul#topnav li a:hover, #head ul#topnav li a:active { text-decoration: none; background-color: transparent; color: #666; }
/* nav */
#nav { display: inline; float: right; width: auto; height: 78px; overflow: hidden; clear: none; }
#nav ul.hlist { overflow: hidden; }
#nav ul.hlist li {position: relative;display: inline;float: left;width: 140px;height: 100%;}
#nav ul.hlist li a, ul.hlist li a:active { display: block; float: left; width: 100%; height: 78px; line-height: 78px; color: #000; background: transparent; text-decoration: none; font-size: 20px; text-align: center; font-weight: bold; }
#nav ul.hlist li a:hover { display: block; float: left; color: #00572C; text-decoration: none; }
#nav ul.hlist li span { position: absolute; left: 50%; bottom: 16px; width: 42px; margin-left: -21px; border-bottom: 4px solid transparent; }
#nav ul.hlist li:hover span, #nav ul.hlist li.cur span { border-color: #96CE37; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
/* footer */
#footer { position: relative; width: auto; background: #393b3a; }
#footer_content { width: 1000px; height: 50px; margin: 0 auto; overflow: hidden; }
#footer .leftpart { float: left; width: 200px; }
#footer .rightpart { float: right; width: 800px; text-align: right; }
#footer nav#footer_nav ul { margin-top: 4px; }
#footer nav#footer_nav ul li { float: left; font: 12px/14px "\9ED1\4F53"; }
#footer nav#footer_nav ul li a { float: left; width: auto; padding: 0 6px; border-left: 1px solid #2d2f37; font: 12px/14px "\9ED1\4F53"; color: #2d2f37; }
#footer nav#footer_nav ul li a.noborder { padding-left: 0; border-left: 0px solid #2d2f37; }
#footer #copyright { font-size: 12px; line-height: 50px; color: #b5b5b6; text-align: center; }
#footer #copyright span { padding-right: 30px; }
#footer #copyright a { color: #b5b5b6; }
#footer #copyright a:hover, #footer nav#footer_nav ul li a:hover { text-decoration: none; background-color: transparent; color: #b5b5b6; }
/*backToTop*/
*body { _background-image: url(about:blank); _background-attachment: fixed; }
.backToTop.hover { background-position: -69px 0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
/* newspage */
.newspage {border-top:1px dashed #393b3a; clear: both; width: 100%; padding: 25px 5px; }
.newspage a { margin-right: 2px; padding: 2px 5px; color: #393b3a; }
.newspage a:hover { background: #393b3a; color: #fff; }
.newspage span.current { margin-right: 2px; padding: 2px 5px; background: #393b3a; color: #fff; font-weight: bold; }
.newspage span.disabled { margin-right: 2px; padding: 2px 5px; border: #f3f3f3 1px solid; color: #ccc; }
/*index*/
.about-index { width: 100%; margin: 160px auto 0 auto; }
.about-index .title { width: 351px; height: 183px; margin: 0 auto; background: url(/images/bg-about-title.png) no-repeat; }
.about-index .intro { margin: 35px auto 0 auto; }
.about-index .intro p { color: #000; font-size: 25px; line-height: 47px; text-align: center; font-weight: bold; }
.about-index .btn, .video-index .btn, .join-index .btn, .join-condit .intro .btn { display: block; width: 150px; height: 40px; line-height: 40px; margin: 42px auto 0 auto; text-align: center; font-weight: bold; font-size: 18px; color: #393b3a; border: 1px solid #393b3a; border-radius: 20px; }
.about-index .btn:hover, .video-index .btn:hover, .join-condit .intro .btn:hover { border-color: #00572C; color: #00572C; }
.video-index-container {position: relative;width: 100%;min-width: 1000px;margin: 187px auto 0 auto;overflow: hidden;}
.content-bottom { position: absolute; bottom: -178px; left: 0; z-index: 99; width: 100%; height: 178px; background: rgba(255, 255, 255, 0.22); }
.content-bottom.show { transition: 1s; bottom: 0px; }
.btn span { font-size: 17px; padding-left: 6px; }
/* featured-area */
#featured-area { height: 100%; width: 500px; margin: 0 auto; }
.roundabout-holder { list-style: none; width: 100%; height: 100%; margin: 0px auto; }
.roundabout-moveable-item { font-size: 12px!important; height: 134px; width: 192px; cursor: pointer; padding: 5px;/*border:1px solid #aaaaaa;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px;/*background:#f9f9f9;*/ overflow: hidden; }
li.roundabout-moveable-item.roundabout-in-focus { }
.roundabout-moveable-item images { height: 100%; width: 100%; background-color: #FFFFFF; margin: 0; border-radius: 10px; }
.roundabout-holder span { display: none; }
.roundabout a:active, .roundabout a:focus, .roundabout a:visited { outline: none; text-decoration: none; }
.roundabout li { margin: 0 }
.roundabout-in-focus { cursor: auto; width: 192px!important; height: 134px!important;/* -webkit-box-shadow: 0px 0px 10px #787878; */ -moz-box-shadow: 0px 0px 10px #787878;/* background:#f9f9f9; */ overflow: hidden; }
/*.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}*/
.roundabout-in-focus span { display: inline; position: absolute; top: 50%; left: 0; width: 192px; height: 32px; margin: -16px 0 0 0; line-height: 32px; padding: 5px; text-align: center; z-index: 999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; color: #fff; font-size: 15px; }
.news-index {width: 1000px;margin: 188px auto 0 auto;overflow: hidden;}
.news-index ul {width: 1023px;padding: 0;overflow: hidden;}
.news-index ul li {display: inline;float: left;width: 328px;margin-right: 8px;}
.news-index ul li .pic {display: block;width: 299px;height: 210px;padding: 23px 9px 9px 20px;background: url(/images/bg-index-frame.png) no-repeat;background-size: contain;}
.news-index ul li .pic>span {display: block;width: 299px;height: 210px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.news-index ul li .info { overflow: hidden; padding: 16px 0 0 0; }
.news-index ul li .date { display: inline; float: left; width: 88px; font-size: 41px; line-height: 47px; color: #000; margin-left: 20px; }
.news-index ul li .intro { display: inline; float: right; width: 300px; }
.news-index ul li p { color: #000; font-size: 15px; line-height: 24px; border-bottom: 5px solid #00532b; padding-bottom: 10px; height: 101px; }
.news-index ul li p.title { width: 273px; font-weight: bold; font-size: 25px; line-height: 30px; margin-bottom: 14px; border: none; height: auto; }
.join-index .btn { position: absolute; top: 580px; left: 50%; margin-left: 279px; color: #fff; border-color: #fff; }
.join-index .btn:hover { border-color: #9BC90F; color: #9BC90F; }
.shortcut-index {width: 1000px;height: 158px;margin: 38px auto 0 auto;overflow: hidden;}
.shortcut-index .info { display: inline; float: right; border-left: 1px solid #393b3a; padding-left: 36px; }
.shortcut-index .info p { font-size: 14px; line-height: 24px; color: #000; }
.shortcut-index .info p.title { font-size: 18px; line-height: 24px; color: #000; font-weight: bold; }
.shortcut-index .info p.tel { font-size: 36px; line-height: 46px; color: #00572d; }
.shortcut-index .qr-code { display: inline; float: left; margin-left: 34px; }
.banner-inner { width: 100%; height: 432px; margin: 0 auto; overflow: hidden; background-position: center top; background-repeat: no-repeat; }
.banner-inner .intro {position: absolute;top: 265px;left: 50%;margin-left: -498px;}
.banner-inner .intro>p { font-size: 36px; color: #fff; display: table; margin-bottom: 8px; padding: 0 15px; }
.news .banner-inner .intro>p { background-color: rgba(134, 199, 24, 0.80); }
.join .banner-inner .intro>p { background-color: rgba(221,176,7,0.80); }
.video .banner-inner .intro>p { background-color: rgba(221,176,7,0.80); }
.products .banner-inner .intro>p { background-color: rgba(221,176,7,0.80); }
.about .banner-inner .intro>p { background-color: rgba(221,176,7,0.80); }
/*mainhead*/
.crumbs-nav { width: 1000px; height: 52px; margin:0 auto 28px auto; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
.crumbs-nav ul { display: inline; float: left; width: auto; height: 58px; }
.crumbs-nav ul li { display: inline; float: left; width: auto; height: 58px; padding: 0 2px; font: 14px/70px "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", sans-serif; color: #393b3a; }
.crumbs-nav ul li a { color: #393b3a; }
.crumbs-nav ul li a:hover { color: #ff9900; }
.news-list { width: 100%; }
.news-list ul { padding: 0; overflow: hidden; }
.news-list ul li { display: inline; float: left; width: 100%; margin-bottom: 18px; }
.news-list ul li .pic { display: block; width: 100%; height: 300px; background-position: center; background-repeat: no-repeat;background-size: cover; }
.news-list ul li .pic a { display: block; width: 100%; height: 100%; }
.news-list ul li .title { color: #393b3a; font-size: 24px; line-height: 36px; margin: 10px 0; }
.news-list ul li .info { color: #9fa0a0; font-size: 14px; line-height: 34px; border-bottom: 1px dashed #393b3a; }
.news-list ul li .info span { padding-right: 10px; }
.news-list ul li p { color: #898989; font-size: 16px; line-height: 30px; margin: 10px 0; }
.news-list ul li .btn, .about-intro .btn { display: inline-block; color: #00572c; font-size: 14px; }
.news-list ul li .btn:hover, .about-intro .btn:hover { opacity: .8; }
.news-shortcut { width: 100%; overflow: hidden; }
.news-shortcut>a {display: block;width: 100%;height: 186px;opacity: .9;}
.news-shortcut>a:hover { opacity: 1; }
.products-shortcut {width: 100%;overflow: hidden;margin: 35px 0 30px 0;padding: 31px 0 0 0;background: #fafafa;}
.products-shortcut-content { padding: 0 26px; }
.products-shortcut .maintitle {width: 152px;height: 63px;background: url(/images/bg-products-shortcut.png) no-repeat;}
.products-shortcut ul { padding: 0 6px; overflow: hidden; margin: 40px 0 18px 0; }
.products-shortcut ul li { display: inline; float: left; width: 100%; margin-bottom: 22px; }
.products-shortcut ul li .pic { display: inline-block; float: left; width: 82px; height: 62px; background-position: center; background-repeat: no-repeat; background-size:cover; }
.products-shortcut ul li .info { display: inline; float: right; width: 160px; }
.products-shortcut ul li .info p {color: #393b3a;font-size: 12px;line-height: 18px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height:36px;}
.products-shortcut ul li a:hover .info p, .news-page a:hover, .news-index ul li p a:hover, .news-list ul li p a:hover, .contact-us ul li p a:hover { color: #00572C; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.jiathis_style {display:inline;float:right;width:175px;margin-top:9px;}
.products-shortcut ul li a:hover .info p.title { color: #393b3a; }
.products-shortcut ul li .info p.title {height:auto;margin-bottom: 4px;font-weight: bold;font-size: 14px;}
.news-detail { width: 100%; }
.news-detail images { display:block; max-width:100%;}
.news-detail .pic { display: inline-block; float: left; width: 82px; height: 62px; background-position: center; background-repeat: no-repeat; }
.news-detail .title { color: #393b3a; font-size: 24px; line-height: 36px; margin: 10px 0; }
.news-detail .info { overflow:hidden;color: #9fa0a0; font-size: 14px; line-height: 34px; border-bottom: 1px dashed #393b3a; }
.news-detail .info span {padding-right:10px;}
.news-detail p { color: #898989; font-size: 15px; line-height: 22px; margin-top: 20px; }
.news-detail .pic { display: block; width: 100%; height: 300px; background-position: center; background-repeat: no-repeat; margin: 20px 0; }
.news-page { margin: 70px 0 0 0; display:none; }
.news-page a { display: block; width: 500px; font-size: 13px; line-height: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.bg-wall { position: absolute; top: 510px; left: 0; z-index: 9; width: 100%; height: 480px; background: url(/images/bg-wall.png) repeat; }
.video-top { position: relative;z-index: 99;margin: 0 auto;padding: 0px 0 0 0;height: 600px;width: 1280px;}
.video-list { width: 100%; overflow: hidden; border-bottom: 1px dashed #ccc; margin-top: 20px; }
.video-list ul {padding: 0;overflow: hidden;width: 1050px;}
.video-list ul li {display: inline;float: left;width: 300px;margin: 33px 50px 33px 0;}
.video-list ul li a {position: relative;display: block;width: 100%;height: 125px;background-size: cover;background-color: #fafafa;}
.video-ico { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/bg-video-list.png) no-repeat center; }
.video-list ul li a span.cur { -webkit-animation: .6s linear 0s infinite rotate forwards; }
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0);
-webkit-transform-origin:50%;
}
100% {
-webkit-transform:rotate(360deg);
-webkit-transform-origin:50%;
}
}
.video-list ul li a:hover span { background-color: transparent; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.video-list ul li a>images {display: block;max-width: 300px;max-height: 125px;margin: 0 auto;}
.video-list ul li .info { font-size: 12px; color: #9fa0a0; overflow: hidden; }
.video-list ul li .info>span { height: 40px; line-height: 40px; }
.video-list ul li .info .title { display: inline; float: left; width: 222px; font-size: 16px; color: #393b3a; text-align: left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.video-list ul li .info .date { display: inline; float: right; width: 68px; overflow: hidden; text-align: right; }
.video-list .maintitle { font-size: 26px; color: #393b3a; line-height: 44px; }
.hot-products { margin: 0px 0 0 0; }
.hot-products .banner { position: relative; width: 100%; height: 613px; background: #fff; overflow: hidden; }
.hot-products .banner .bd { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.hot-products .banner .bd ul { width: 100%; overflow: hidden; }
.hot-products .banner .bd li a { display: block; width: 100%; height: 613px; background-repeat: no-repeat; background-position: center; }
.hot-products .banner .bottom-container { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 23px; }
.hot-products .banner .bottom-content { position: relative; width: 1000px; height: 100%; margin: 0 auto; }
.hot-products .banner .hd { position: absolute; right: 30px; bottom: 30px; z-index: 1; overflow: hidden; }
.hot-products .banner .hd ul { overflow: hidden; }
.hot-products .banner .hd ul li {display: inline;float: left;width: 13px;height: 13px;margin: 0 10px;background-color: #ccd3d0;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;overflow: hidden;font-size: 0;cursor: pointer;}
.hot-products .banner .hd ul li.on { background-color: #00572c; }
.products-list { width: 100%; overflow: hidden; margin: 20px 0 0 0; }
.products-list ul {padding: 0;overflow: hidden;width: 1014px;}
.products-list ul li {display: inline;width: 320px;float: left;margin: 0 18px 20px 0;}
.products-list ul li a {display: block;width: 100%;height: 100%;background: #fafafa;}
.products-list ul li a:hover { opacity: .9; }
.products-list ul li .pic {display: block;width: 100%;height: 193px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.products-list ul li .info { overflow: hidden; background: #333; padding: 10px; }
.products-list ul li .info p { font-size: 12px; color: #9fa0a0; line-height: 26px; }
.products-list ul li .info p.price { font-size: 18px; color: #b5b5b6; }
.products-list ul li .info p.title { font-size: 18px; color: #b5b5b6; line-height: 30px; }
.about-intro .maintitle { width: 201px; height: 82px; background: url(/images/bg-about-title.jpg) no-repeat; }
.about-intro p { font-size: 14px; color: #898989; line-height: 22px; width: 546px; margin-bottom: 10px; }
.about-intro p.title { font-size: 24px; color: #393b3a; line-height: 36px; width: 338px; margin: 30px 0 20px 0; }
.online-message { width: 614px; }
.online-message .maintitle { width: 201px; height: 82px; background: url(/images/bg-message-title.png) no-repeat; }
.online-message .note { font-size: 20px; color: #393b3a; line-height: 48px; margin: 20px 0 10px 0; }
.online-message .subtitle { display: block; width: 116px; height: 34px; background: url(/images/bg-writemes-title.png) no-repeat; font-size: 0; }
.online-message table thead th { padding: 14px 0; }
.online-message table tr td { font-size: 16px; color: #393b3a; padding: 9px 4px; }
.online-message table tr td:first-child { width: 100px; }
.online-message table tr td:last-child { width: 80px; text-align: right; }
.online-message table tr td input { border: 1px solid #393b3a; padding: 3px 0; color: #393b3a; width: 100%; border-radius: 8px; text-indent: 12px; }
.online-message table tr td input:focus, .online-message table tr td textarea:focus, .appl-form input:focus { border-color: #00532B; box-shadow: 0px 0px 2px #00532B; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.online-message table tr td textarea { border: 1px solid #393b3a; padding: 3px 0; color: #393b3a; width: 100%; height: 120px; border-radius: 8px; text-indent: 12px; }
.online-message table tr td.top { vertical-align: top; }
.online-message .btn { display: block; float: left; width: 150px; height: 38px; margin-right: 30px; line-height: 38px; text-align: center; background: #00572c; color: #fff; border-radius: 10px; }
.online-message .btn:hover { opacity: .9; }
.online-message .btn span { padding-left: 10px; }
.contact-us { width: 100%; margin: 60px 0 0 0; }
.contact-us .maintitle { width: 201px; height: 82px; background: url(/images/bg-contact-title.png) no-repeat; margin: 0 0 20px 0; }
.contact-us p { font-size: 20px; line-height: 37px; color: #393b3a; }
.contact-us ul {padding: 80px 0 0 0;overflow: hidden;width: 1200px;}
.contact-us ul li {display: inline;width: 250px;float: left;text-align: center;margin: 0 125px 0 0;}
.contact-us ul li .pic { }
.contact-us ul li p { font-size: 17px; }
.join-condit .maintitle { width: 201px; height: 82px; background: url(/images/bg-join-condititons-title.png) no-repeat; }
.join-condit .intro { position: absolute; left: 585px; top: 142px; width: 450px; }
.join-condit .intro p { font-size: 24px; color: #393b3a; line-height: 44px; }
.join-condit .intro .btn { margin: 40px 0 0 0; }
.join-flow { position: relative; width: 100%; height: 419px; margin: 86px 0 0 0; background: url(/images/bg-join-flow-content.jpg) 0px 118px no-repeat; }
.join-flow .maintitle { width: 201px; height: 82px; background: url(/images/bg-join-flow-title.png) no-repeat; }
.online-apply { width: 100%; margin: 86px 0 0 0; }
.online-apply .maintitle { width: 201px; height: 82px; background: url(/images/bg-online-apply-title.png) no-repeat; }
.join-ask { margin-top:46px;}
.join-ask .maintitle { width: 201px; height: 82px; background: url(/images/bg-qa-title.png) no-repeat; }
.online-apply .note { margin: 20px 0 0 0; }
.online-apply .note p { color: #393b3a; font-size: 24px; line-height: 41px; }
.appl-form { overflow: hidden; margin: 20px 0 0 0; }
.appl-form .col1 {display: inline;float: left;width: 360px;overflow: hidden;}
.appl-form .col2 {display: inline;float: left;width: 360px;overflow: hidden;margin-left: 40px;}
.appl-form input { display: block; width: 93%; margin: 0 0 22px 0; color: #393b3a; border: 1px solid #393b3a; padding: 7px 3%; font-size: 16px; }
.col2_1, .col2_2 { overflow: hidden; }
.col2_2_1, .col2_2_2 { display: inline; float: left; width: 55px; overflow: hidden; font-size: 17px; }
.col2_2_2 {width: 305px;}
.col2_1 input {display: inline;float: left;width: 198px;}
.col2_1 .btn {display: block;float: right;width: 120px;height: 38px;line-height: 38px;text-align: center;color: #fff;font-size: 14px;background: #00592c;}
.col2_1 .btn:hover, .appl-form .sumbit-btn:hover { opacity: .9; }
.appl-form .area, .appl-form .other { overflow: hidden; }
.appl-form .other { margin: 10px 0 0 0 }
.appl-form .area label {float: left;width: 100px;font-size: 18px;}
.appl-form .area label input, .appl-form .other label input { width: 20px; height: 20px; border:none; margin: 0; padding: 0; display: inline; }
.appl-form .other label { display: inline; float: left; width: 71px; margin: 9px 0 0 0; }
.appl-form .other input {width: 213px;display: inline;float: left;}
.appl-form .area label input:focus { border-color: transparent; }
.appl-form .col2_3 {display: inline;float: right;width: 191px;height: 191px;margin-left: 40px;}
.appl-form .sumbit-btn { display: block; width: 100%; height: 170px; padding: 21px 0 0 0; background: #00592c; color: #fff; font-size: 38px; line-height: 51px; text-align: center; }
.appl-form .sumbit-btn span { display: block; font-size: 89px; line-height: 53px; }
.group-box { overflow:hidden; margin:20px 0 0 0; }
.group-box .hd {width: 436px;}

.group-box .hd ul { overflow:hidden; }
.group-box .hd ul li {display:inline;float:left;width:100%;height: 58px;line-height: 58px;padding: 0 0 0 20px;cursor: pointer;}
.group-box .hd ul li a {color:#393b3a;font-size: 20px;font-weight: bold;}
.group-box .hd ul li a:hover,.group-box .hd ul li.on {background: #fafafa;}
.group-box .bd {width: 524px; min-height:696px;background: #fafafa;padding: 0 14px 14px 26px;}
.group-box .bd .li { display:none; }
.group-box .bd .li:first-child{ display:block; }
.group-box .intro {
    padding: 25px 0 0 0;
}
.group-box .intro p {font-size:14px;color:#393b3a;line-height:22px;margin-bottom: 10px;}
.com-modal {position:fixed;z-index:9999;top:50%;left:0%;width:100%;height: 300px;margin: -150px 0 0 0;background: rgba(6,23,19,0.80);}
.com-modal-content {padding: 36px 0;}
.com-modal p {font-size:24px;color:#fff;line-height: 43px;text-align:center;}
.com-modal p.title {font-size:44px;color:#fff;line-height: 114px;}
.inta{display:inline;float:left;width:200px;}
embed {margin:0 auto;}
.hot-products { display:none !important;}