@charset "UTF-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
 img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,
 caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output,
 section, summary,time, mark, audio, video, input, select { margin:0;padding:0;}
body{ background: #fff; color: #333; font:12px/1.5 "Microsoft Yahei","Hiragino Sans GB",arial,sans-serif; min-width: 1200px;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,dfn,em,var,i{ font-style:normal}
ol, ul { list-style: none;}
img{ border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
a{ color: #333; text-decoration: none;}
a:hover{ color: #00A0E9; text-decoration: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
input::-ms-clear, ::-ms-reveal{display: none;}
input:focus,textarea:focus { outline:none;}
.mask{ display: none; z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom:1;}
:root .mask{filter:none\9;}/*for IE9*/
.outHide{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box{ width: 1200px; margin: 0 auto; position: relative; max-height: 99999px;}

.header{ height: 131px; background: url(../images/top_bg.jpg) center top no-repeat; overflow: hidden;}
.logo{ float: left; height: 65px; line-height: 65px; margin-top: 40px; vertical-align: middle; overflow: hidden;}
.logo img{ max-height: 65px; max-width: 150px; vertical-align: middle; margin-bottom: 3px;}
.header_txt{ float: left; width: 720px; height: 65px; border-left: 1px solid #B4B4B4; padding-left: 10px; margin: 40px 0 0 10px;}
.header_companyName{ height: 35px; line-height: 35px; margin: 1px 0 4px; font-size: 32px; font-weight: bold; color: #337FE1;}
.header_companyName a{ color: #337FE1;}
.header_zyhy{ font-size: 13px; font-weight: bold; color: #999; height: 22px; line-height: 22px;}
.header_phone{ float: right; height: 50px; line-height: 60px; padding-left: 50px; margin-top: 50px; background: url(../images/tel60.png) left center no-repeat; font-size: 21px; color: #FF3100; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav{ height: 40px; line-height: 40px; background: url(../images/navBg.gif) repeat-x;}
.nav ul li{ float: left; width: 120px; height: 100%;}
.nav ul li a{ display: block; width: 100%; height: 100%; text-align: center; font-size: 16px; color: #fff; background: url(../images/nav_line.gif) right center no-repeat;}
.nav ul li a.on,.nav ul li a:hover{ background: url(../images/navBg_on.gif) repeat-x; font-weight: bold;}
.slide_box{ max-width: 1920px; height: 400px; position: relative; overflow: hidden;}
.slide{ position: relative;}
.slide .content{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%;}
.slide .content li{ float: left; width: 100%; height: 400px; margin-right: 0; overflow: hidden;}
.slide .content li a,.slide .content li a img{ display: block; width: 100%; height: 100%;}
.cell{ position: absolute; overflow: hidden; width: 100%; height: 20px; bottom: 5px; left: 0; z-index: 9; text-align: center;}
.cell li{ display: inline-block; background: #fff; overflow: hidden; text-indent: -9999px; cursor: pointer; height: 12px; width: 12px; margin: 0 5px; border-radius: 50%;}
.cell li.on{ background: #FF9C00;}
.cell{ *position: absolute; *overflow: hidden; *bottom: 10px; *left: 47%; *z-index: 9;}
.cell li{ *float: left;}
.index_search{ height: 53px; line-height: 53px; background: url(../images/s_bg.png) repeat-x;}
.index_search_l{ float: left; width: 700px; height: 100%; color: #444;}
.index_search_l span{ color: #F50000; font-weight: bold; padding-right: 4px;}
.index_search_l a{ color: #444; margin-right: 15px;}
.index_search_l a:hover{ color: #00A0E9;}
.index_search_r{ width: 226px; float: right; height: 24px; margin-top: 13px; position: relative;}
.index_search_input{ position: absolute; left: 0; top: 0; width: 121px; height: 24px; padding: 0 10px 0 40px; background: url(../images/search_bg.jpg); border: 0; font-size: 12px;}
.index_search_btn{ position: absolute; right: 0; top: 0; width: 55px; height: 24px; background: url(../images/s_button.jpg); border: 0; cursor: pointer;}
.content_t{ max-height: 999999px;}
.content_t_l{ float: left; width: 235px;}
.content_t_l_t{ height: 58px; line-height: 55px; background: url(../images/lf_n_t.gif); font-size: 18px; color: #fff; text-align: center;}
.content_t_l_b{ border: 1px solid #98CAEF; border-top: 0; padding: 5px;}
.left_pro_list a{ display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #e2e2e2; padding: 0 10px 0 30px; font-size: 14px; overflow: hidden; background: url(../images/cpfl_li_a.gif) 10px center no-repeat;}
.left_pro_nav{ border-bottom: 1px solid #e2e2e2;}
.left_pro_nav_t{ height: 40px; line-height: 40px; padding: 0 10px 0 30px; font-size: 14px; overflow: hidden; background: url(../images/cpfl_li_a.gif) 10px center no-repeat; cursor: pointer;}
.left_pro_nav_t_zk{ background: url(../images/cpfl_jian.jpg) 10px center no-repeat;}
.left_pro_nav_b{ display: none;}
.left_pro_nav_b a{ display: block; height: 33px; line-height: 33px; padding: 0 10px 0 33px; color: #999; border-top: 1px dashed #eee;}
.left_pro_nav_b a:hover,.left_pro_nav_b a.on{ color: #00A0E9;}
.i_lxwm_ts{ height: 25px; line-height: 25px; text-align: center; background: #2B97E4; color: #fff; margin: 10px 0;}
.i_lxwm_img{ display: block; height: 75px; background: url(../images/lianxiwom.jpg) left center no-repeat #0089D7;}
.i_lxwm_info{ margin: 10px 0 5px;}
.i_lxwm{ padding: 4px 0; line-height: 20px; max-height: 60px; font-size: 13px; overflow: hidden;}
.i_lxwm_l{ float: left; display: block; width: 55px; color: #888; padding: 0 2px;}
.i_lxwm_r{ float: left; display: block; width: 164px;}
.content_t_r{ float: right; width: 940px; padding-top: 6px; overflow: hidden;}
.i_tit{ height: 40px; line-height: 40px; margin-bottom: 20px; border-bottom: 1px solid #ddd; position: relative;}
.i_tit span{ font-size: 16px; color: #222; font-weight: bold; display: inline-block; padding: 0 12px; height: 39px; border-bottom: 2px solid #f60;}
.i_tit .more{ position: absolute; right: 15px; top: 0; color: #777;}
.i_tit .more:hover{ color: #00A0E9;}
.i_sj_box{ max-height: 99999px;}
.i_sj{ float: left; width: 210px; padding: 3px; margin: 0 8px 20px; border: 1px solid #e2e2e2;}
.i_sj_img{ display: block; height: 210px;}
.i_sj_img img{ width: 100%; height: 100%;}
.i_sj_name{ display: block; height: 36px; line-height: 18px; padding: 7px 5px 3px; overflow: hidden;}
.i_pro_info_box{ margin: 5px 0 20px;}
.i_pro_info_t{ height: 110px; line-height: 83px; font-size: 36px; color: #FCEB75; padding: 0 560px 0 30px; background: url(../images/youshi_tit.jpg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_pro_info_b{ border: 1px solid #ddd; border-top: 0; padding-top: 30px;}
.i_pro_info{ height: 220px; margin-bottom: 35px; overflow: hidden;}
.fL{ float: left;}
.fR{ float: right;}
.i_pro_info_img{ display: block; width: 460px; height: 220px;}
.i_pro_info_o{ width: 650px;}
.i_pro_info_o_t{ height: 81px; padding-left: 55px; position: relative; background: url(../images/tt.gif) left bottom no-repeat; border-bottom: 1px solid #0672C6;}
.mL60{ margin-left: 60px;}
.mL30{ margin-left: 30px;}
.i_pro_info_o_t_num{ position: absolute; left: 8px; top: 0; height: 81px; line-height: 85px; width: 30px; overflow: hidden; text-align: center; font-size: 52px; color: #fff;}
.i_pro_info_o_t_txt1{ height: 48px; line-height: 48px; font-size: 36px; color: #119AFD; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_pro_info_o_t_txt1 a{ color: #119AFD;}
.i_pro_info_o_t_txt2{ height: 26px; line-height: 26px; font-size: 18px; color: #B5B5B5; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_pro_info_o_b{ margin: 5px 0 0 30px;}
.i_pro_info_o_b li{ height: 43px; line-height: 43px; border-bottom: 1px solid #e2e2e2; font-size: 14px; padding: 0 20px 0 30px; background: url(../images/youshi_p.gif) 10px center no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_pro_info_o_b li a{ color: #666;}
.i_pro_info_o_b li a:hover{ color: #00A0E9;}
.i_o_box{ margin-bottom: 20px; border: 1px solid #ddd;}
.i_o_t{ height: 36px; line-height: 36px; background: url(../images/title2_bg.gif) repeat-x; overflow: hidden; position: relative;}
.i_o_t span{ display: block; position: absolute; left: 0; top: 0; width: 161px; height: 36px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; background: url(../images/title2_h2_tj.gif);}
.i_o_t .more{ display: block; width: 34px; height: 11px; position: absolute; right: 18px; top: 13px; background: url(../images/more.png);}
.i_o_b{ padding: 15px;}
.i_pro_scroll{ overflow: hidden; position: relative; height: 220px;}
.i_pro_scroll .bd ul{ overflow: hidden;}
.i_pro_scroll .bd ul li{ float: left; width: 194px; margin: 0 8px; overflow: hidden; text-align: center;}
.i_pro_scroll .bd ul li .i_pro_scroll_img{ width: 190px; height: 190px; display: block; padding: 2px; border: 1px solid #ccc;}
.i_pro_scroll .bd ul li .i_pro_scroll_img a:hover img{ border-color: #999;}
.i_pro_scroll .bd ul li .i_pro_scroll_name{ display: block; height: 24px; line-height: 30px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_gywm_box{ max-height: 9999px;}
.i_gywm_l{ float: left; width: 300px; height: 280px; border: 1px solid #dedede; padding: 4px;}
.i_gywm_l img{ width: 100%; height: 100%;}
.i_gywm_r{ float: right; width: 830px;}
.i_gywm_gsm{ height: 35px; line-height: 35px; margin: 5px 0 10px; font-size: 20px; color: #222; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_gywm_gsm span{ color: #1D70DF; font-size: 14px; font-family: Arial; font-weight: normal; display: inline-block; margin-left: 10px; position: relative; top: -2px;}
.i_gywm_info{ line-height: 28px; font-size: 13px; height: 224px; overflow: hidden; text-indent: 26px; color: #666;}
.i_gywm_info a{ padding-left: 10px;}
.i_o2_box{ border: 1px solid #ddd; border-top: 4px solid #337FE1; padding: 15px 15px 0; margin-bottom: 20px;}
.i_aldt{ background: url(../images/info_sd2.gif) 372px 32px no-repeat; max-height: 9999px; padding-bottom: 15px;}
.i_al{ float: left; width: 325px;}
.i_aldt_tit{ height: 40px; line-height: 40px; padding: 0px 10px 0px 27px; font-size: 14px; font-weight: bold; color: #777; background: url(../images/abt_tp_ic.png) left bottom no-repeat; position: relative;}
.i_aldt_tit .more{ position: absolute; right: 0; top: 2px; font-weight: normal;font-family: Arial; color: #666; font-size: 12px;}
.i_al_info{ margin-top: 4px;}
.i_al_info li{ height: 36px; line-height: 36px; border-bottom: 1px dashed #dedede; padding: 0 10px 0 16px; background: url(../images/news_d.gif) left center no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_al_info li a{ color: #666;}
.i_al_info li a:hover{ color: #00A0E9;}
.i_dt{ float: right; width: 740px;}
.i_dt_info{ margin-top: 12px;}
.i_dt_t{ max-height: 9999px; padding-bottom: 10px; border-bottom: 1px dashed #dedede;}
.i_dt_t_img{ float: left; display: block; width: 220px; height: 120px; float: left; padding: 4px; border: 1px solid #eee;}
.i_dt_t_r{ float: right; width: 495px;}
.i_dt_t_name{ height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; color: #1D70DF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_dt_t_name a{ color: #1D70DF;}
.i_dt_t_name a:hover{ text-decoration: underline;}
.i_dt_t_info{ line-height: 24px; height: 96px; color: #666; overflow: hidden;}
.i_dt_info_b{ max-height: 9999px;}
.i_dt_info_b li{ width: 344px; float: left; height: 36px; line-height: 36px; border-bottom: 1px dashed #dedede; padding: 0 10px 0 16px; background: url(../images/news_d.gif) left center no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_dt_info_b li a{ color: #666;}
.i_dt_info_b li a:hover{ color: #00A0E9;}
.footer{ background: url(../images/body_bg.gif) repeat-x; overflow: hidden; margin-top: 20px;}
.foot_nav{ height: 40px; line-height: 40px; margin-top: 10px; background: #337FE1; text-align: center;}
.foot_nav a{ display: inline-block; margin: 0 15px; color: #fff;}
.foot_nav a:hover{ text-decoration: underline;}
.foot_b{ padding: 15px 120px; position: relative;}
.foot_b_txt{ text-align: center; color: #333; line-height: 33px;}
.foot_b_txt a{ color: #333; margin: 0 10px;}
.foot_b_txt a:hover{ text-decoration: underline;}
.right_nav{ position: fixed; right: 0; bottom: 0; width: 45px; z-index: 999;}
.right_nav a{ display: block; width: 45px; height: 45px; line-height: 45px; background: #1b1b1d; color: #fff; overflow: hidden; float: right; position: relative;}
.right_nav a.goTop{ background: #f4f4f4;}
.right_nav a.goTop:hover{ background: #dfdfdf;}
.right_nav i{ display: block; width: 45px; height: 45px; float: left;}
.goTop i{ background: url(../images/gotop.png) center center no-repeat; background-size: 22px;}
.r_kf i{ background: url(../images/czx4.png) center center no-repeat;}
.r_dh i{ background: url(../images/dianhua.png) center center no-repeat;}
.r_ewm i{ background: url(../images/czx5.png) center center no-repeat;}
.right_nav a.r_kf:hover{ background: #c9112c; width: 120px;}
.right_nav a.r_dh:hover{ background: #c9112c; width: 220px; font-size: 16px;}
.right_nav a.r_ewm{ overflow: visible;}
.r_ewm_info{ display: none; position: absolute; right: 45px; bottom: 0; width: 120px; height: 140px; padding: 4px; line-height: 17px; color: #333; text-align: center; background: #fff; border: 1px solid #ddd;}
.r_ewm_info img{ width: 100%; height: 120px;}
.right_nav a.r_ewm:hover .r_ewm_info{ display: block;}
.right_qq{ position: fixed; right: 5px; top: 180px; width: 115px; z-index: 999; background: #fff; text-align: center;}
.right_qq_tit{ height: 35px; line-height: 35px; font-size: 14px; background: #71AE29; color: #fff; font-weight: bold;}
.right_qq_b{ border: 1px solid #ddd;}
.right_qq_btn{ padding: 8px 0; border-bottom: 1px dashed #ddd;}
.right_qq_btn a{ display: inline-block; width: 52px; padding-left: 25px; height: 22px; line-height: 22px; text-align: left; margin: 4px 0; background: url(../images/button_11.gif); overflow: hidden;}
.right_qq_btn a:hover{ color: #333;}
.right_qq_txt{ line-height: 20px; padding: 6px 0;}
.right_qq_txt span{ font-weight: bold;}
.left_lxfs_box{ border: 1px solid #ddd; margin-top: 20px;}
.left_lxfs_tit{ display: block; height: 33px; line-height: 33px; background: url(../images/lxfs_bg.jpg) repeat-x; border-bottom: 1px solid #ddd; text-align: center; font-size: 16px; font-weight: bold;}
.left_lxfs_b{ margin: 10px 10px 7px;}
.left_lxfs{ padding: 4px 0; line-height: 20px; max-height: 40px; font-size: 12px; overflow: hidden;}
.left_lxfs_l{ padding-right: 5px; color: #777;}
.left_lxfs_l{ float: left; display: block; width: 55px; color: #888; padding: 0 2px;}
.left_lxfs_r{ float: left; display: block; width: 154px;}
.path{ position: absolute; right: 5px; top: 4px; color: #666;}
.path a{ color: #666; padding: 0 5px;}
.path a:hover{ color: #00A0E9;}
.page{ text-align: center; margin: 30px auto;}
.page a{ display: inline-block; height: 30px; line-height: 30px; padding: 0 12px; margin: 0 2px; color: #666; font-size: 14px; border-radius: 2px; border: 1px solid #dcdcdc;}
.page a:hover,.page a.active,.page a.active:hover{ background: #02A1CF; border-color: #02A1CF; color: #fff;}
.page a.disible{ background: #EBEBEB; color: #888;}
.page a.disible:hover{ background: #EBEBEB; color: #888; border-color: #dcdcdc;}
.page span{ color: #888; font-size: 14px;}
.page span.totalPage{ margin-left: 8px;}
.pageInput{ height: 30px; line-height: 30px; width: 35px; margin: 0 5px; *margin-bottom: -5px; border: 1px solid #dcdcdc; background: #fff; text-align: center; border-radius: 2px; color: #666;}
.page a.btn{ background: #f5f5f5; color: #666; padding: 0 10px; margin-left: 10px;}
.page a.btn:hover{ background: #02A1CF; color: #fff;}
.o_r_info_box{ border: 1px solid #ddd; border-top: 0; padding: 20px 15px; margin-top: -20px;}
.gysj_d_t{ max-height: 9999px;}
.gysj_d_t_l{ float: left; display: block; width: 320px; height: 320px; padding: 5px; border: 1px solid #e6e6e6;}
.gysj_d_t_r{ float: right; width: 530px;}
.gysj_d_name{ line-height: 30px; margin: 10px 0; font-size: 19px; color: #555; font-weight: bold;}
.gysj_d_txt{ line-height: 26px; border-bottom: 1px solid #ddd; color: #888; padding-bottom: 5px; margin-bottom: 10px; font-size: 14px;}
.gysj_d_txt a{ color: #444; padding-right: 8px;}
.gysj_d_txt a:hover{ color: #00A0E9;}
.gysj_d_btn{ margin-top: 20px;}
.gysj_d_btn .btn1{ display: inline-block; width: 240px; height: 42px; line-height: 42px; text-align: center; background: #C40001; color: #fff; font-size: 16px;}
.gysj_d_btn .btn1:hover{ background: #b90102; color: #fff;}
i.xinxi{ display: inline-block; width: 20px; height: 20px; margin: 0 6px -5px 0; background: url(../images/xinxi.png);}
.gysj_d_b,.o_news_info{ margin-top: 40px; font-size: 14px; color: #666; line-height: 28px;}
.gysj_d_b p,.o_news_info p{ margin-bottom: 20px;}
.gysj_d_b img,.o_news_info img{ max-width: 100%;}
.o_news_info_box{ margin-top: 15px;}
.o_news_info_tit{ text-align: center; font-size: 24px; font-weight: bold; color: #000; margin-bottom: 25px;}
.o_news_info_img{ float: left; margin: 0 25px 15px 0; width: 280px; height: 280px; padding: 4px; border: 1px solid #ddd;}
.news_list li{ height: 40px; line-height: 40px; border-bottom: 1px dashed #eee; padding: 0 150px 0 25px; font-size: 14px; background: url(../images/product_d.gif) 2px center no-repeat; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative;}
.news_list li a{ color: #666;}
.news_list li span{ position: absolute; right: 20px; top: 0; font-size: 12px; color: #999;}
.news_list li a:hover{ color: #00A0E9;}
.zxly_box{ margin: 30px 0; padding-left: 50px;}
.zxly_info{ max-height: 9999px; line-height: 35px; margin-bottom: 15px; font-size: 14px;}
.zxly_l{ float: left; width: 110px; text-align: right; margin-right: 10px; color: #666;}
.zxly_l i{ color: #e00; font-weight: bold; position: relative; right: 4px; top: 2px;}
.zxly_r{ float: left; width: 600px;}
.zxly_input{ width: 300px; height: 33px; line-height: 33px; padding: 0 10px; border: 1px solid #d2d2d2; border-radius: 2px; color: #666; font-size: 14px;}
.zxly_textarea{ width: 300px; height: 90px; line-height: 20px; display: block; padding: 5px 10px; border: 1px solid #d2d2d2; border-radius: 2px; color: #333; font-size: 14px; font-family: 微软雅黑;}
.zxly_yzm{ height: 35px; vertical-align: middle; margin-bottom: 1px; cursor: pointer;}
.w162{ width: 162px;}
.zxly_btn_box{ margin-top: 40px; padding-left: 165px;}
.zxly_btn_box input{ height: 40px; line-height: 40px; width: 220px; background: #f60; color: #fff; font-size: 16px; border-radius: 2px; border: 0; cursor: pointer;}
.zxly_btn_box input:hover{ background: #f50; color: #fff;}
.o_news_info p.lxfs_info{ padding-left: 50px;}
.o_news_info p.lxfs_info span{ display: block;}
.lxfs_map{ margin-left: 50px; height: 450px; width: 800px;}
.noData{ text-align: center; line-height: 200px; font-size: 16px; color: #999;}
.noData span{ color: #e00;}
.navfixed{ position: fixed; left: 0; top: 0; width: 100%; z-index: 99;}

.sjlb_box{ margin-top: 30px;}
.sjlb{ padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eee; overflow: hidden;}
.sjlb_img{ float: left; width: 180px; height: 135px;}
.sjlb_r{ float: right; width: 730px;}
.sjlb_tit{ height: 40px; line-height: 40px; font-size: 20px; padding-right: 100px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sjlb_tit span{ position: absolute; right: 0; top: 2px; font-size: 14px;color: #aaa;}
.sjlb_desc{ margin-top: 8px; height: 72px; line-height: 24px; font-size: 14px; color: #666; overflow: hidden;}


.l_jptj_box{ margin-top: 20px;}
.l_jptj_tit{ height: 40px; line-height: 40px; padding: 0 12px; background: #337FE1; color: #fff; text-align: center; font-size: 16px;}
.l_jptj_info{ border: 1px solid #ddd; border-top: 0; padding: 12px 12px 0;}
.l_jptj{ padding-left: 82px; margin-bottom: 12px; height: 70px; position: relative;}
.l_jptj_img{ position: absolute; left: 0; top: 0; width: 70px; height: 70px; border: 1px solid #eee;}
.l_jptj_name{ height: 40px; line-height: 20px; font-size: 13px; overflow: hidden;}
.l_jptj_price{ margin-top: 10px; color: #f00; font-size: 14px;}
.xgzx_box{ margin-top: 30px; border: 1px solid #ddd;}
.xgzx_tit{ height: 40px; line-height: 40px; padding: 0 15px; font-size: 16px; color: #666; border-bottom: 1px solid #ddd;}
.xgzx_tit i{ display: inline-block; width: 5px; height: 15px; margin: 0 10px -2px 0; background: #337FE1; border-radius: 2px;}
.xgzx_info{ padding: 8px 15px;}
.xgzx{ height: 36px; line-height: 36px; padding-right: 100px; border-bottom: 1px dotted #eee; position: relative; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xgzx a{ color: #666;}
.xgzx a:hover{ color: #337FE1;}
.xgzx span{ position: absolute; right: 0; top: 0; color: #aaa; font-size: 12px;}
.r_cpcc_box{ padding: 15px 15px 0; max-height: 9999px;}
.r_cpcc{ float: left; display: block; width: 167px; margin: 0 30px 30px; position: relative;}
.r_cpcc_img{ display: block; width: 100%; height: 167px;}
.r_cpcc_name{ height: 28px; line-height: 33px; font-size: 14px; color: #222; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.r_cpcc:hover .r_cpcc_name{ color: #337FE1;}
.d_bq{ margin-top: 30px; color: #888; font-size: 14px;}
.d_sxyp{ margin-top: 20px; font-size: 14px;}
.d_sxyp div{ height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.yqlj{ margin-bottom: -10px;}
.yqlj a{ display: inline-block; margin: 0 30px 10px 0;}

.rmbq_info{ border: 1px solid #ddd; border-top: 0; padding: 8px 15px 15px; background: #fff;}
.rmbq_info a{ display: inline-block; height: 21px; line-height: 21px; padding: 0 12px; border: 1px solid #666; color: #666; border-radius: 10px; margin: 8px 8px 0 0; font-size: 12px;}
.rmbq_info a:hover{ border-color: #1057A7; color: #1057A7;}
.xgss_info{ padding: 8px 15px 15px; background: #fff;}
.xgss_info a{ display: inline-block; height: 21px; line-height: 21px; padding: 0 12px; border: 1px solid #666; color: #666; border-radius: 10px; margin: 8px 8px 0 0; font-size: 12px;}
.xgss_info a:hover{ border-color: #1057A7; color: #1057A7;}

.album_box{ max-height: 99999px; padding-top: 15px;}
.album{ float: left; width: 166px; margin: 0 20px 20px; position: relative;}
.album_img{  display: block; height: 159px; padding: 1px 7px 7px 1px; background: url(../images/album.png) center top no-repeat; overflow: hidden;}
.album_img img{ width: 100%; height: 100%;}
.album_name{ height: 30px; line-height: 36px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
.album:hover .album_name{ color: #00A0E9;}
.album_top{ display: block; width: 42px; height: 42px; position: absolute; left: 0; top: 0; background: url(../images/album.png) no-repeat; background-position: 0 -298px;}


.video_info_box {
    width: 95%;
    height: 450px;
    margin: 30px auto;
    background: #000;
    position: relative;
    overflow: hidden;
}

.video_mp4 {
    width: 100%;
    height: 100%;
}

    .video_mp4:focus {
        outline: none;
    }

.video_l_phone {
    position: absolute;
    right: 0;
    bottom: 100px;
    height: 60px;
    line-height: 60px;
    width: 220px;
    padding-left: 55px;
    background: rgba(0,0,0,.6) url(//style.51sole.com/template/images/mobile.png) 15px center no-repeat;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    font-family: Arial;
    border-radius: 30px 0 0 30px;
    overflow: hidden;
}

    .video_l_phone em {
        font-size: 28px;
        font-weight: 400;
        margin-left: 10px;
    }

    .video_l_phone:hover {
        color: #fff;
    }

.content_info_box {
    padding: 0 25px;
    margin-bottom: 20px;
}

.content_info_tit {
    height: 40px;
    line-height: 40px;
    border-bottom: solid 1px #eee;
    margin-bottom: 20px;
    font-size: 17px;
    color: #444;
    font-weight: bold;
    position: relative;
}

    .content_info_tit .more {
        position: absolute;
        right: 0;
        top: 4px;
        font-size: 14px;
        color: #999;
        font-weight: normal;
    }

        .content_info_tit .more:hover {
            color: #f50;
        }

.con_spjs {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.con_gscp_box {
    max-height: 9999px;
    margin: 0 -22px -20px 0;
}

.con_gscp {
    float: left;
    width: 150px;
    margin: 0 13px 20px;
}

.con_gscp_img {
    display: block;
    width: 100%;
    height: 100%;
}

.con_gscp_name {
    height: 40px;
    line-height: 20px;
    color: #555;
    overflow: hidden;
    margin-top: 5px;
}

    .con_gscp_name:hover {
        color: #f50;
    }