@charset "utf-8";
#header                             { background-color: #161616; }
#main                               { background-color: #f3f3f3; padding-top: 0px; padding-bottom: 0px; }
#footer                             { background-color: #161616; padding-top: 0px; padding-bottom: 0px; }
#top_both                           { padding-left: 10px; padding-right: 10px; }
 @media (max-width: 479px) {
    #top_both                       { padding-left: 10px; }
}
#top_top                            { max-width: 1200px; padding-top: 30px; }
#top_top >div.rowPatch              { margin-left: -0px }
#top_top >div.rowPatch >div >.boxBlock { margin-left: 0px }
.top_left_2                         { width: 60%; float: left; }
.top_left_2 a                       { margin-right: 10px; }
#nav_top                            { text-align: right; }
@media (max-width: 767px) {
    .top_left_2 img                     { width: 40px; }
    #nav_top img                        { width: 40px; }
}
.nav_4 li                           { padding-top: 10px; padding-bottom: 10px; list-style: none; }
 @media (max-width: 767px) {
    .nav_4 li                       { padding-top: 5px; padding-bottom: 5px; }
}
.nav_4 li a                         { color: #ffffff; display: block; }
.nav_4                              { text-align: center; position: absolute; z-index: 999; right: 0px; left: 0px; margin-top: 10px; background: rgba(74, 74, 74,0.9); display: none; }
.nav_4 ul                           { padding-top: 5px; margin: 0 0 5px 0; }
 @media (max-width: 767px) {
    .nav_4 ul li ul                     { display: none; }
}
#header_1                           { padding: 40px 10px; }
 @media (min-width: 480px) and (max-width: 767px) {
    #header_1                           { padding-top: 20px; padding-bottom: 20px; }
}
 @media (max-width: 479px) {
    #header_1                           { padding-top: 20px; padding-bottom: 20px; }
}
.top_left_1                         { margin-top: 10px; float: left; padding-left: 50px; width: 20%; }
.top_left_1 a                       { margin-left: 10px; }
 @media (min-width: 760px) and (max-width: 910px) {
    .top_left_1                         { padding-left: 0px; }
}
.logo_index                         { text-align: center; width: 50%; float: left; margin-top: 10px; height: 70px; font-size: 22px; }
.logo_index a                       { color: #fff; }
.logo_index img                     { max-width: 300px; }
@media (min-width: 1300px) {
    .top_left_1                         { position: relative; left: 50%; margin-left: -660px; }
    .logo_index                         { margin-left: 20%; }
}
.article_search                     { border: 1px solid #999; margin-top: 10px; float: left; padding: 10px 0; width: 30%; max-width: 300px; }
.searchInput input                  { padding-left: 15px; background-color: transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; color: #999; }
.searchBtn                          { background-color: transparent; color: transparent; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: center; border: none; cursor: pointer; }
 @media (max-width: 767px) {
    .logo_index                         { width: 100%; margin-top: 0; height: auto; }
    .logo_index img                     { width: 200px; }
    .article_search                     { width: 100%; max-width: 767px; margin-top: 30px; }
}
.header_nav                         { background-color: #262626; }
#header_nav_w                       { max-width: 1200px; }
.nav_1                              { width: 66.666666%; display: inline-block; }
.nav_1 li                           { padding-top: 10px; padding-bottom: 10px; }
 @media (max-width: 767px) {
    .nav_1 li                           { padding-top: 5px; padding-bottom: 0px; }
}
.nav_1 li a                         { color: #ffffff; }
.nav_1 ul.moreNav                   { text-align: center; }
.nav_1 ul.moreNav li                { background-color: #262626; }
.nav_1 ul.moreNav li:hover          { background-color: #333333; }
.nav_1 ul.moreNav li.selected       { background-color: #333333; }
.nav_1 ul li:hover ul               { display: block; }
.nav_1 ul li ul                     { display: none; position: absolute; margin-top: 10px; background-color: #262626; z-index: 2; }
.nav_1 ul li ul li                  { position: static; padding: 0; }
.fwrx                               { font-size: 26px; padding-top: 5px; width: 30%; display: inline-block; color: #999; }
 @media (min-width: 768px) and (max-width: 960px) {
    .fwrx                           { font-size: 22px; padding-top: 10px; }
}
.focus                              { width:100%; height:auto; position:relative; overflow:hidden; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.focus .hd                          { width:100%; height:18px; position:absolute; z-index:1; bottom:10px; text-align:center; left: -3px; }
.focus .hd ul                       { display:inline-block; font-size:0; vertical-align:top; margin: 0; }
.focus .hd ul li                    { display:inline-block; list-style: none; width:16px; border:2px solid #999; height:16px; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; background:#999; margin:0 5px; vertical-align:top; overflow:hidden; }
.focus .hd ul .on                   { background: #161616; border:2px solid #999; }
.focus .bd                          { position:relative; z-index:0; }
.focus .bd ul                       { margin: 0; }
.focus .bd li                       { list-style: none; }
.focus .bd li img                   { width:100%; height:auto; }
.focus .bd li a                     { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
@media (max-width: 767px) {
    .focus .bd ul                       { position: relative; width: 200%; left: -25%; }
    .focus .bd li img                   { width: 200%; }
}
.index_box                          { max-width: 1300px; margin-top: 80px; padding-left: 10px; padding-right: 10px; }
@media (min-width: 480px) and (max-width: 767px) {
    .index_box                          { margin-top: 30px; }
}
@media (max-width: 479px) {
    .index_box                          { margin-top: 30px; }
}
.case_index_top                     { margin-top: 70px; }
@media (max-width: 767px)                           {
    .case_index_top                     { margin-top: 30px; }
}
.title_en_index                     { text-align: center; }
.title_index                        { font-size: 18px; margin-top: 10px; font-family: SimHei; background-image: url(../images/title_index.png); background-repeat: no-repeat; background-position: top center; color: #ffffff; text-align: center; height: 35px; }
.case_list_index                    { margin-top: 30px; margin-left: -20px; }
.case_list_index .span3             { float: left; }
.case_index                         { background-color: #ffffff; padding-bottom: 20px; text-align: center; margin-left: 20px; }
.case_index a img                   { margin-top: 0px; opacity: 0.58; width: 100%; }
.case_index a:hover img             { opacity: 1; }
.case_index a.btn                   { font-size: 14px; color: #262626; border: 2px solid #262626; font-family: "Microsoft Yahei"; text-align: center; margin-top: 20px; }
.case_index a.btn:hover             { background-color: #262626; color: #ffffff; }

@media (max-width: 479px) {
    .case_list_index                    { margin-left: -10px }
    .case_list_index .case_index        { margin-left: 10px }
    .case_list_index .span3             { width: 50%; }
    .case_list_index .span3:nth-child(3) .case_index { margin-top: 10px; }
    .case_list_index .span3:nth-child(4) .case_index { margin-top: 10px; }
}
.more_index                         { text-align: center; background-color: #e6e6e6; margin-top: 20px; }
.product_index                      { width: 100%; box-sizing: border-box; margin-top: 70px; }
.product_box                        { padding-bottom: 20px; }
.product_list_index                 { margin-top: 30px; margin-left: -20px; }
.product_list_index .span3          { float: left; }
.product_img_index                  { margin-left: 20px; }
.product_img_index a                { margin-top: 20px; }
.product_img_index a.btn            { font-size: 16px; color: #141414; background-color: transparent; border: 2px solid #383838; text-align: center; display: block; width: 100%; margin-right: 0; }
@media (max-width: 479px) {
    .product_list_index .span3           { width: 50%; }
    .product_img_index a.btn:nth-child(1) { margin-bottom: 20px; }
    .product_img_index a.btn:nth-child(2) { margin-bottom: 20px; }
}
@media (max-width: 767px)                           {
    .product_index                      { margin-top: 30px; }
    .product_list_index                 { margin-left: -10px; }
    .product_img_index                  { margin-left: 10px; }
}
@media (max-width: 1200px) {
    .case_index a.btn                   { font-size: 12px; }
    .product_img_index a.btn            { font-size: 12px; }
}
.about_us                           { max-width: 1200px; margin-top: 80px; padding-left: 10px; padding-right: 10px; }
@media (max-width: 767px) {
    .about_us                           { margin-top: 30px; }
}
.about_con                          { margin-top: 30px; margin-bottom: 20px; }
.about_con_top .span7,
.about_con_top .span6,
.about_con_top .span5               { display: block; float: left; }
 @media (max-width: 767px) {
    .about_con_top .span7               { width: 100%; }
    .about_con_top .span6               { width: 100%; }
}
.about_con_img                      { margin-top: 10px; text-align: center; }
@media (min-width: 480px) and (max-width: 767px) {
    .about_con_img                      { margin-top: 0px; }
}
 @media (max-width: 479px) {
    .about_con_img                      { margin-top: 0px; }
}
.news_title_index                   { margin-top: 80px; }
@media (max-width: 767px) {
    .news_title_index                   { margin-top: 30px; }
}
.about_content                      { margin-left: 20px; }
.about_detail                       { color: #888585; line-height: 30px; margin-top: 20px; }
 @media (min-width: 768px) and (max-width: 960px) {
    .about_detail                       { line-height: 21px; margin-top: 10px; }
}
.about_con_top a.btn                { border: 2px solid #1c1c1c; color: #1f1f1f; font-size: 14px; background-color: transparent; }
.about_con_top a.btn                { margin-top: 50px; }
 @media (min-width: 768px) and (max-width: 960px) {
    .about_con_top a.btn                 { margin-top: 10px; }
}
.news_con                           { margin-left: -20px; margin-top: 20px; text-align: center; }
.news_con .span4                    { display: block; float: left; }
.news_box                           { margin-left: 20px; }
.news_box img                       { margin-top: 20px; }
.news_box .news_title               { font-size: 18px; color: #242424; margin-top: 15px; }
.news_box .news_title a             { color: #242424; }
@media (max-width: 479px) {
    .news_box .news_title               { font-size: 12px; }
}
@media (max-width: 768px) {
    .news_con                           { margin-left: -10px; }
    .news_box                           { margin-left: 10px; }
}
.news_content                       { text-align: center; }
.news_box a.btn                     { border: 2px solid #1c1c1c; color: #1f1f1f; font-size: 14px; background-color: transparent; margin: 30px auto 0; }
@media (min-width: 768px) and (max-width: 960px) {
    .news_box a.btn                     { margin-top: 10px; }
}
.about_detail                       { color: #888585; line-height: 25px; text-align: left; }
@media (min-width: 768px) and (max-width: 960px) {
    .about_detail                       { line-height: 21px; margin-top: 10px;}
}
.link_index                         { background-color: #e9e9e9; margin-top: 50px; }
.link_index_con                     { max-width: 1200px; padding-left: 10px; padding-right: 10px; margin: 0 auto; position: relative; }
.link_index_title                   { text-align: center; background-color: #262626; font-size: 14px; color: #fcfcfc; max-width: 135px; padding-top: 8px; padding-bottom: 8px; position: relative; top: -20px; margin: 0 auto; }
.link_img                           { padding-bottom: 40px; margin-left: -20px; }
.link_img_block                     { margin: 20px 0 0 20px; }
.link_img_block p                   { text-align: center; }
.link_img .span2                    { width: 16.666666666666666%; float: left; display: block; }
@media (max-width: 767px) {
    .link_img .span2                     { width: 33.333333333333333%; }
}
@media (min-width: 480px) and (max-width: 767px) {
    .footer_bottom                       { margin-bottom: 45px; }
}
.container                          { padding-top: 10px; padding-bottom: 10px; text-align: center; color: #999; opacity: 0.6; }
.container a                        { color: #999; }
.footer_mobile                      { max-width: 1200px; height: 45px; padding-left: 10px; padding-right: 10px; position: fixed; z-index: 1; left: 0px; right: 0px; bottom: 0px; background-color: #161616; border-top-style: solid; border-top-width: 1px; border-top-color: #3d3d3d; }
.footer_mobile .span3               { float: left; display: block; width: 25%; }
.footer_list                        { border-right-style: solid; border-right-width: 1px; border-right-color: #3d3d3d; text-align: center; }
.footer_mobile .span3:nth-child(4) .footer_list { border-right: 0; }
.footer_list img                    { display: block; width: 20px; padding-top: 3px; margin: 0 auto 3px; }
.booen_icon                         { display: block; font-size: 18px; width: 22px; height: 23px; line-height: 23px; text-align: center; color: #fff; margin: 0px auto 0px; padding-top: 2px; opacity: 1; box-shadow: none; }
.footer_list a.btn                  { font-size: 14px; font-family: Microsoft YaHei; letter-spacing: 1px; color: #ffffff; background-color: transparent; margin-right: 0px; height: 20px; line-height: 20px; }
#footer_about_con                   { text-align: center; position: fixed; z-index: 999; right: 0px; left: 0px; bottom: 45px; margin-bottom: 10px; background: rgba(74, 74, 74,0.9); display: none; }
#footer_about_con ul                { padding-top: 5px; margin: 0 0 5px 0; }
#footer_about_con li                { list-style: none; padding-bottom: 5px; padding-top: 5px; }
#footer_about_con li a              { color: #fff; display: block; }
#footer_about_con li:hover          { background: #333; }
.container .booen_icon              { display: inline-block; font-size: 12px; }
@media (max-width: 767px) {
    .footer_bottom                     { margin-bottom: 45px; }
}
.tools                              { position: fixed; right: 0; bottom: 50px; z-index: 101; width: 28px }
.t_backTop                          { display: block; width: 28px; height: 28px; border-bottom: 1px solid rgba(255, 255, 255, .1); background-color: rgba(0, 0, 0, .8); background-image: url(../images/imIcon.png); background-repeat: no-repeat }
.t_backTop:hover                    { background-color: rgba(0, 0, 0, 1) }
.t_backTop                          { background-position: 5px -100px }
img                                 { -webkit-transform: scale(1) rotate(0) translate3d(0, 0, 0); transform: scale(1) rotate(0) translate3d(0, 0, 0); }

/*--弹出层--*/
.modalDialog                        { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 250ms ease-in; -moz-transition: opacity 250ms ease-in; transition: opacity 250ms ease-in; pointer-events: none; }
.modalDialog:target                 { opacity:1; pointer-events: auto; }
.modalDialog .qrcodeBox             { width: 100%; height: 100%; position: relative; margin: 0 auto; border-radius: 10px; }
.modalDialog .close                 { color: #fff; position: absolute; top: 50%; left: 50%; margin-top: 170px; margin-left: -15px; text-align: center; text-decoration: none; font-weight: bold; z-index: 100000; }
.modalDialog .close .booen_icon     { font-size: 30px; }
.modalDialog .qrcodeBox img         { width: 300px; height: 300px; position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -150px; }
/*--弹出层结束--*/