@charset "utf-8";
/*初始化*/
* { margin: 0; padding: 0; }
*html { background-image: url(about:blank); background-attachment: fixed; }/*解决IE6下滚动抖动的问题*/
body, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, strong, span, form, b, p, i, th, td, pre, input, button, textarea, hr { margin: 0; padding: 0; }
body { line-height: 180%; font-size: 13px; font-family: "微软雅黑", "宋体", sans-serif; text-align: left; color: #727272; background: #fff; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { }
.clear { clear: both; height: 30px; overflow: hidden; }
img { border: 0px; }
a { color: #727272; text-decoration: none; cursor: pointer; }
a:hover { color: #D0000D; text-decoration: none; }
input, select, button { border: 0px; }
/*页面结构*/
.wrapper { margin: 0px auto; overflow: hidden; max-width: 960px; }/*页面外围控制整体布局宽度*/
.logo_bar { height: 250px; background: #fff; position: relative; width: 100%; z-index: 9999; }
.logo_box { margin: 0px auto; width: 960px; height: 250px; position: relative; }
.logo_box .logo { position: absolute; width: 335px; height: 200px; line-height: 200px; left: 0px; top: 0px; overflow: hidden; text-indent: -9999px; background: url(logo.png) no-repeat center; z-index: 999; }
.logo_box .logo a { display: block; cursor: pointer; }
.logo_box .logo_ico { position: absolute; width: 335px; height: 250px; left: 0px; top: 0px; z-index: 998; background: url(logo_ico.png) repeat; }
.logo_box .logo_brand { position: absolute; left: 380px; top: 110px; line-height: 40px; font-size: 26px; font-weight: 600; color: #D0000D; }
.logo_box .logo_txt { position: absolute; left: 380px; top: 150px; }
.logo_box .logo_txt li { float: left; display: inline; line-height: 35px; color: #898989; font-size: 16px; overflow: hidden; margin-right: 20px; }
.logo_box .site_tel { position: absolute; right: 0px; top: 150px; color: #898989; font-size: 16px; }
.logo_box .site_tel b { font-size: 26px; font-weight: 300; color: #D0000D; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; }
/**/
.logo_box .sub_box { position: absolute; left: 0px; top: 250px; height: 340px; width: 215px; padding: 20px 60px; background: url(sub_box_ico.png) repeat; }
.logo_box .sub_box li { margin: 0px auto; overflow: hidden; height: 50px; line-height: 50px; text-align: left; font-size: 15px; padding: 0px 10px; }
.logo_box .sub_box li:hover { background: #000; }
.logo_box .sub_box li a { color: #fff; cursor: pointer; display: block; }
/**/
.menu_bar { position: absolute; bottom: 0px; height: 48px; width: 100%; left: 50%; margin-left: -50%; background: #EFEFEF; z-index: 997; }
.nav { margin: 0px auto; height: 48px; width: 820px; padding-left: 380px; }
.nav .nav_list { float: left; height: 48px; display: inline; position: relative; width: 100px; z-index: 999; }
.nav h3 { float: left; font-weight: normal; font-size: 16px; font-weight: 300; height: 48px; line-height: 48px; text-align: center; position: relative; width: 100px; }
.nav h3 a { display: block; }
.nav .on { }
.nav .on h3, .nav .cur h3 { background: #D0000D; }
.nav .first a, .nav .on h3 a, .nav .cur h3 a { color: #fff; }
.nav .sub_nav { display: none; /*默认隐藏*/ position: absolute; width: 100px; left: 0px; text-align: center; top: 48px; z-index: 98; background: #8C8C8C; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; }
.nav .sub_nav li { display: block; overflow: hidden; height: 38px; line-height: 38px; text-align: center; font-size: 13px; }
.nav .sub_nav li a { display: block; color: #fff; }
.nav .sub_nav li a:hover { background: #D0000D; }
/**/
.banner { height: 400px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: auto 400px; width: 100%; }
/**/
.full_box { margin: 0px auto; width: 100%; height: 550px; overflow: hidden; position: relative; z-index: 99; }
.full_box .bd { position: relative; z-index: 0; }
.full_box .bd ul { width: 100% !important; }
.full_box .bd li { width: 100% !important; height: 550px; overflow: hidden; text-align: center; background-position: center; background-repeat: no-repeat; background-size: auto 550px; }
.full_box .bd li a { display: block; height: 550px; }
.full_box .hd { position: absolute; z-index: 1; bottom: 10px; left: 0px; width: 100%; height: 18px; text-align: center; }
.full_box .hd ul li { display: inline-block; margin-left: 5px; cursor: pointer; width: 40px; height: 6px; margin-right: 5px; text-indent: -9999px; overflow: hidden; background: #fff; }
.full_box .hd ul .on { background: #D0000D; }
.full_box .prev, .full_box .next { position: absolute; left: 3%; top: 50%; margin-top: -28px; display: block; width: 36px; height: 56px; background: url(banner-left.png) no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.full_box .next { left: auto; right: 3%; background: url(banner-right.png) no-repeat; }
/**/
.link_bar { padding: 10px 0px; overflow: hidden; background: #3D3D3D; }
.link_box { margin: 0px auto; overflow: hidden; width: 940px; }
.link_box li { float: left; display: inline; width: 230px; margin-right: 10px; height: 50px; overflow: hidden; text-align: center; }
.link_box li span { height: 100%; display: inline-block; vertical-align: middle; }
.link_box li img { width: 230px; vertical-align: middle; }
/**/
.foot_nav_bar { height: 50px; overflow: hidden; background: #3A3A3A; }
.foot_nav { margin: 0px auto; width: 940px; height: 50px; line-height: 50px; font-size: 15px; color: #fff; text-align: center; overflow: hidden; }
.foot_nav a { color: #fff; }
.foot_bar { overflow: hidden; background: #262626; padding: 30px 0px; }
.foot_box { margin: 0px auto; width: 940px; position: relative; overflow: hidden; }
.foot_l, .foot_c, .foot_r { float: left; width: 300px; overflow: hidden; display: inline; margin-right: 13px; }
.foot_txt, .foot_link { margin: 0px auto; overflow: hidden; padding: 10px 0px; color: #A7A7A7; }
.foot_txt { line-height: 35px; text-align: justify; text-justify: inter-ideograph; }
.foot_link li { float: left; width: 140px; height: 35px; line-height: 35px; text-align: left; overflow: hidden; margin-right: 10px; }
.foot_link li a { color: #A7A7A7; }
.foot_r { float: right; margin-right: 0px; }
.foot_info { margin: 0px auto; overflow: hidden; margin-top: 10px; padding-top: 20px; background: url(foot_ico.png) no-repeat top center; line-height: 35px; text-align: center; color: #A7A7A7; font-size: 14px; }
.foot_info a { color: #A7A7A7; }
/*logo nav foot end*/
.main, .block { margin: 0px auto; width: 960px; position: relative; overflow: hidden; padding: 30px 0px; }
.block { padding: 30px 0px; }
.main_l, .main_r { overflow: hidden; float: left; width: 258px; display: inline; }
.main_l { }
.main_r { float: right; width: 680px; }
/*当前位置*/
.sider_box, .sider_nav, .sider_top, .sider_txt { margin: 0px auto; display: block; overflow: hidden; }
.sider_box { background: #FAFAFA; }
.sider_nav { }
.sider_nav li { margin: 0px auto; height: 84px; display: block; overflow: hidden; line-height: 84px; text-align: center; font-size: 20px; border-left: 2px solid #FAFAFA; background: url(sider_nav_line.png) no-repeat center bottom; }
.sider_nav li a { cursor: pointer; display: block; }
.sider_nav li:hover, .sider_nav li.cur { border-left: 2px solid #D0000D; }
.sider_nav li:hover a, .sider_nav li.cur a { color: #D0000D; }
.sider_nav li:last-child { background: none; }
/**/
.sider_top { padding: 20px 0px; width: 176px; height: 50px; position: relative; background: url(sider_nav_line.png) no-repeat center bottom; }
.sider_top_txt { margin: 0px auto; padding-left: 76px; width: 100px; background: url(sider_top_ico.png) no-repeat 20px center; text-align: left; line-height: 25px; font-weight: 300; font-size: 20px; color: #D0000D; }
.sider_top_txt em { font-style: normal; color: #727272; font-size: 15px; }
/**/
.sider_txt { text-align: center; line-height: 35px; padding: 20px 20px; }
/*左栏 end*/
.pos_bar { height: 50px; overflow: hidden; background: #F9F9F9; }
.pos_box { margin: 0px auto; height: 50px; overflow: hidden; width: 940px; }
.pos_n, .pos_t { float: left; height: 50px; line-height: 50px; }
.pos_t { background: url(pos_ico.png) no-repeat left center; padding-left: 18px; }
.pos_t, .pos_t a { }
/**/
.page_box, .list_box, .case_list, .page_no, .view_box, .pre_box, .view_shop, .view_title, .view_msg, .view_pic, .view_body, .map_box { margin: 0px auto; overflow: hidden; padding: 10px 0px; }/*内容区域*/
.page_box { line-height: 45px; text-align: justify; text-justify: inter-ideograph; font-size: 16px; }
.page_box img { max-width: 680px; }
.page_box h1 { display: block; line-height: 60px; font-size: 34px; font-weight: 300; color: #D0000D; overflow: hidden; text-align: left; }
/**/
.map_box { width: 678px; border: 1px solid #E5E5E5; padding: 0px 0px; height: 500px; }
/**/
.list_box { }
.list_box .new_list { margin: 0px auto; display: block; overflow: hidden; border-bottom: 1px dashed #E5E5E5; position: relative; float: left; width: 100%; margin-bottom: 25px; padding-bottom: 25px; }
.list_box .new_list .new_pic, .list_box .new_list .new_title, .list_box .new_list .new_txt { width: auto; text-align: left; display: inline; overflow: hidden; line-height: 35px; display: block; }
.list_box .new_list .new_pic { float: left; width: 180px; margin-right: 15px; display: inline; height: 125px; border: 1px solid #E5E5E5; overflow: hidden; text-align: center; }
.list_box .new_list .new_pic span { width: 100%; display: inline-block; vertical-align: middle; }
.list_box .new_list .new_pic img { height: 125px; vertical-align: middle; }
.list_box .new_list .new_title { font-size: 16px; text-indent: 20px; background: url(n_dot.png) no-repeat left center; font-weight: 300; }
.list_box .new_list .new_title a { }
.list_box .new_list .new_txt { line-height: 30px; color: #666; }
.list_box .new_list .new_txt a { color: #D0000D; }
/**/
.case_list { }
.case_list_index { padding-top: 30px; padding-left: 25px; }
.case_list .case { float: left; width: 208px; margin: 10px 9px; display: inline; overflow: hidden; background: #fff; }
.case_list .case .case_pic, .case_list .case .case_name { overflow: hidden; line-height: 45px; font-weight: normal; }
.case_list .case .case_pic { width: 208px; height: 180px; position: relative; cursor: pointer; border: 1px solid #F9F9F9; background: #F9F9F9; }
.case_list .case .case_pic .case_p, .case_list .case .case_pic .case_b, .case_list .case .case_pic .case_i { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 0; text-align: center; overflow: hidden; display: none; }
.case_list .case .case_pic .case_p { display: block; }
.case_list .case .case_pic .case_p span { }
.case_list .case .case_pic .case_p img { vertical-align: middle; width: 208px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; }
.case_list .case .case_pic .case_b { background: #636466; z-index: 1; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.case_list .case .case_pic .case_i { background-repeat: no-repeat; background-position: center; background-image: url(case_ico.png); background-size: 40px 40px; z-index: 2; }
.case_list .case .case_pic:hover .case_b, .case_list .case .case_pic:hover .case_i { display: block; }
.case_list .case .case_pic:hover .case_p img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }
.case_list .case .case_name { font-size: 14px; font-weight: 400; width: 208px; line-height: 45px; background: #F9F9F9; height: 45px; text-align: center; }
/**/
.page_no { text-align: center; padding-top: 0px; }
.page_no li { display: inline; line-height: 35px; }
.page_no li a, .page_no li.disabled { border: 1px solid #E5E5E5; padding: 6px 12px; margin: 0px 5px; display: inline; text-align: center; display: inline; background: #E5E5E5; }
.page_no li:hover a, .page_no li.thisclass { border: 1px solid #D0000D; background: #D0000D; padding: 6px 12px; margin: 0px 5px; display: inline; text-align: center; color: #fff; cursor: pointer; }
.page_no li:hover a, .page_no li.thisclass a { color: #fff; }
/**/
.view_box { }
.view_title { margin: 0px auto; font-size: 28px; font-weight: normal; color: #D0000D; text-align: center; line-height: 40px; margin-bottom: 10px; padding: 10px 0px; }
.view_msg { margin: 0px auto; line-height: 35px; padding: 10px 0px; text-align: center; overflow: hidden; text-align: center; border-top: 1px dashed #E5E5E5; color: #888; }
.view_msg a { color: #888; }
.view_body { line-height: 45px; text-align: justify; text-justify: inter-ideograph; font-size: 16px; }
.view_body img { max-width: 900px; }
.view_pic { margin: 0px auto; display: block; overflow: hidden; }/*图片展示*/
.view_pic img { margin: 0px auto; display: block; max-width: 900px; overflow: hidden; margin-bottom: 20px; }
.pre_box { text-align: left; color: #D0000D; border-top: 1px dashed #E5E5E5; }
.pre_box li { float: left; display: block; line-height: 30px; color: #D0000D; width: 100%; }
/*内页end*/
.t_box { width: 100%; overflow: hidden; display: block; margin: 0px auto; position: relative; }
.t_hei { height: 75px; }
.t_line { border-bottom: 1px solid #562131; padding-bottom: 5px; }
.t_bd { position: absolute; width: 4px; height: 56px; position: absolute; background: #D0000D; left: 0px; top: 50%; margin-top: -26px; overflow: hidden; }
.t_cn, .t_en { overflow: hidden; font-weight: 300; text-align: left; margin: 0px auto; line-height: 45px; font-size: 34px; padding-left: 30px; }
.t_cn { }
.t_en { line-height: 30px; font-size: 22px; text-transform : uppercase; }
.t_foot { float: left; overflow: hidden; height: 40px; line-height: 40px; text-align: left; font-size: 18px; font-weight: 300; color: #A7A7A7; }
.t_foot a { color: #A7A7A7; }
.t_more { float: right; height: 40px; line-height: 40px; font-size: 18px; text-align: right; overflow: hidden; }
.t_more a { color: #A7A7A7; display: block; }
.t_cn_i, .t_en_i { overflow: hidden; font-weight: 300; text-align: center; margin: 0px auto; }
.t_cn_i { background: url(t_line.png) no-repeat bottom center; padding-bottom: 10px; font-size: 38px; line-height: 60px; }
.t_en_i { line-height: 45px; font-size: 28px; padding-top: 10px; }
/*通用块标题*/
.index_team_l, .index_team_r { float: left; display: inline; overflow: hidden; width: 295px; }
.index_team_l img { width: 100%; }
.index_team_r { float: right; width: 898px; padding-left: 7px; }
/**/
.ad_bar, .ad_bar_t { padding: 20px 0px; overflow: hidden; background: #F9F9F9; }
.ad_box, .ad_bar_t { margin: 0px auto; overflow: hidden; line-height: 55px; text-align: center; font-size: 15px; }
.ad_box h2, .ad_bar_t h2 { display: block; overflow: hidden; font-size: 22px; font-weight: 300; text-align: center; }
.ad_bar_t { background: #D0000D; }
.ad_bar_t, .ad_bar_t h2 { color: #fff; }
/**/
.index_about, .index_part, .index_nav { margin: 0px auto; overflow: hidden; display: block; }
.index_about { width: 860px; padding: 30px 0px; line-height: 45px; text-align: justify; text-justify: inter-ideograph; font-size: 16px; }
.index_part { }
.index_part .part { float: left; display: inline; width: 230px; position: relative; margin: 10px 35px; }
.index_part .part .part_pic { width: 230px; height: 125px; overflow: hidden; background: #fff; display: block; text-align: center; }
.index_part .part .part_pic span { height: 100%; display: inline-block; vertical-align: middle; }
.index_part .part .part_pic img { width: 230px; vertical-align: middle; }
.index_part .part:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; cursor: pointer; }
.index_case_bar { overflow: hidden; padding-bottom: 750px; background: #000 url(case_bar.jpg) no-repeat bottom center; }
.index_nav { text-align: center; }
.index_nav li { width: 196px; display: inline-block; overflow: hidden; cursor: pointer; margin-left: 20px; margin-right: 20px; }
.index_nav li .nav_pic, .index_nav li .nav_name { overflow: hidden; line-height: 40px; font-weight: normal; text-align: center; color: #808080; }
.index_nav li .nav_pic { height: 190px; width: 190px; border: 3px solid #D9D9DB; -moz-border-radius: 95px; -webkit-border-radius: 95px; border-radius: 95px; }
.index_nav li .nav_pic_1 { background: url(index_ser_ico_1.png) no-repeat center; }
.index_nav li .nav_pic_2 { background: url(index_ser_ico_2.png) no-repeat center; }
.index_nav li .nav_pic_3 { background: url(index_ser_ico_3.png) no-repeat center; }
.index_nav li .nav_pic_4 { background: url(index_ser_ico_4.png) no-repeat center; }
.index_nav li .nav_name { font-size: 18px; font-weight: normal; padding: 10px 0px; font-weight: 300; }
.index_nav li:hover .nav_name a { color: #D0000D; }
.index_nav li:hover .nav_pic_1 { background: url(index_ser_ico_1_hover.png) no-repeat center; border: 3px solid #D0000D; }
.index_nav li:hover .nav_pic_2 { background: url(index_ser_ico_2_hover.png) no-repeat center; border: 3px solid #D0000D; }
.index_nav li:hover .nav_pic_3 { background: url(index_ser_ico_3_hover.png) no-repeat center; border: 3px solid #D0000D; }
.index_nav li:hover .nav_pic_4 { background: url(index_ser_ico_4_hover.png) no-repeat center; border: 3px solid #D0000D; }
/*index end*/
.fl { float: left; }
.fr { float: right; }
.white, .white a { color: #fff; }
/*reset style end*/
.izl-rmenu { position: fixed; right: 0; margin-right: 10px; top: 50%; margin-top: -62px; z-index: 999; width: 90px; padding-top: 90px; background: url(online_top.png) no-repeat top center; }
.izl-rmenu .btn { margin-left: 14px; width: 60px; height: 60px; cursor: pointer; position: relative; border: 1px solid #CBCBCB; border-bottom: 0px; line-height: 60px; text-align: center; background-repeat: no-repeat; background-position: center; background-size: 60px 60px; }
.izl-rmenu a.btn-qq { background-image: url(c_1.png); text-decoration: none; display: block; }
.izl-rmenu a.btn-qq-2 { background-image: url(c_3.png); text-decoration: none; display: block; }
.izl-rmenu .btn-wx { background-image: url(c_2.png); }
.izl-rmenu .btn-wx:hover { background-color: #005FA2; }
.izl-rmenu .btn-wx .pic { position: absolute; left: -155px; bottom: 0px; display: none; width: 145px; height: 150px; }
.izl-rmenu .btn-phone { background-image: url(c_4.png); }
.izl-rmenu .btn-phone .phone { background-color: #D0000D; position: absolute; width: 155px; left: -155px; top: 0px; line-height: 60px; color: #FFF; font-size: 18px; text-align: center; display: none; }
.izl-rmenu .btn-top { background-image: url(back.png); background-size: 24px 12px; border-bottom: 1px solid #CBCBCB; background-color: #fff; }
.izl-rmenu .btn-top:hover { background-color: #D0000D; background-image: url(back_hover.png); }
.izl-rmenu .btn-top a { display: block; }
.izl-rmenu a.btn-qq:hover { background-image: url(c_hover_1.png); }
.izl-rmenu .btn-wx:hover { background-image: url(c_hover_2.png); }
.izl-rmenu a.btn-qq-2:hover { background-image: url(c_hover_3.png); }
.izl-rmenu .btn-phone:hover { background-image: url(c_hover_4.png); }
/*online*/
.page-turn { text-align: center; padding: 10px 10px 20px; overflow: hidden; }
.page-turn a { display: inline-block; overflow: hidden; height: 76px; line-height: 76px; font-size: 22px; color: #D0000D; margin: 0px 10px; text-align: center; }
.page-turn a.page-num-current { text-decoration: underline; }