﻿@charset "utf-8";

/*reset*/

body { background: #fff; font: 12px/1.67 'Microsoft Yahei','SimSun',sans-serif; overflow-x: hidden; color: #666; }

input, textarea { font-size: 100%; border: 0; background: none; outline: none; font-family: 'Microsoft Yahei'; color: #666; vertical-align: middle; }

body, h1, h2, h3, h4, p, ul, ol, dd, dl, form, input, textarea { margin: 0; padding: 0; font-weight: normal; }

ul { padding-left: 0; list-style-type: none; }

a { text-decoration: none; outline: none; color: #666; transition: all .2s ease; cursor: pointer; }

    a:hover { color: #333; }

img { border: 0; vertical-align: top; }

i, s, em, u { font-style: normal; text-decoration: none; }

/*通用*/

.wrap { width: 980px; margin-left: auto; margin-right: auto; }

.l { float: left; }
.r { float: right !important; }

.pr { position: relative; }
.pa { position: absolute; }

.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }

.vm { vertical-align: middle; }
.vt { vertical-align: top; }
.vb { vertical-align: bottom; }

.db { display: block; }
.dib { -moz-inline-stack: inline-block; display: inline-block; *display: inline; *zoom: 1; }

.fix { *zoom: 1; }
    .fix:before, .fix:after { content: ""; display: table; }
    .fix:after { clear: both; }

.el { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.oh { overflow: hidden; *zoom: 1; }

.mh { height: auto !important; height: 464px; min-height: 464px; }

.btn { cursor: pointer; }

.hidetext { font: 0/0 a; letter-spacing: -9px; }

.cir { display: inline-block; width: 0; height: 0; overflow: hidden; }

.bor1 { border: 1px solid #ddd; }

.bor1_b { border-bottom: 1px solid #ddd; }

.bor1_b_s { border-bottom: 1px dotted #ababab; }

.red { color: #e60013 !important; }

.grey { background: #ededed!important; }

.mt20 { margin-top: 20px; }

.mt10 { margin-top: 10px; }

.p20 { padding: 20px; }

.bwhite { background: #fff; }

/*幻灯片(组件)*/

.slide { position: relative; width: 100%; }

.ban_c { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

    .ban_c img { width: 100%; height: 100%; }

.ban_t { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 20px; padding: 4px 0; text-indent: 10px; white-space: nowrap; overflow: hidden; color: #fff; background: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000); z-index: 3; }

.ban_nav { position: absolute; bottom: 0; right: 0; font-size: 0; z-index: 4; }

    .ban_nav a { display: inline-block; vertical-align: middle; width: 14px; height: 14px; line-height: 14px; overflow: hidden; text-align: center; margin-right: 8px; cursor: pointer; text-decoration: none; font-size: 10px; -webkit-text-size-adjust: none; background: #ccc; }

    .ban_nav .on { background: #f90; color: #fff; }

.Left, .Right { cursor: pointer; }

/*下拉(组件)*/

.sele { position: relative; height: 20px; line-height: 20px; width: 99px; cursor: pointer; }

.sele_ { display: none; position: absolute; width: 100%; left: -1px; top: 20px; background: #fff; border: 1px solid #cacad9; height: auto !important; height: 200px; max-height: 200px; overflow: auto; }

    .sele_ a { display: block; }

        .sele_ a:hover { background: #eee; color: #333; }

/*画廊（通）*/

.view { overflow: hidden; position: relative; height: 100%; width: 100%; }

.gallery { white-space: nowrap; font-size: 0; height: 100%; }

.gallery_cell { float: left; overflow: hidden; height: 100%; white-space: normal; font-size: 12px; }

/* 表格 */

.datalist { border: 1px solid #ccc; border-collapse: collapse; background: #fff; text-align: left; }

    .datalist caption { padding-bottom: 5px; font-weight: bold; }

    .datalist th { border: 1px solid #ccc; background-color: #eee; color: #000; font-weight: bold; padding: 4px 0 4px 15px; }

    .datalist td { border: 1px solid #ccc; padding: 4px 0 4px 15px; }

    .datalist tr.altrow { background: #c7e5ff; }

/*图标*/

.ico { display: inline-block; overflow: hidden; width: 20px; height: 20px; vertical-align: middle; background: url(../img/ico.png); }

.ico1_2 { background-position: -20px 0; }

.ico1_3 { background-position: -40px 0; }

.ico1_4 { background-position: -60px 0; }

.ico1_5 { background-position: -80px 0; }

.ico2_1 { background-position: 0 -20px; }

.ico2_2 { background-position: -20px -20px; }

.ico2_3 { background-position: -40px -20px; }

.ico2_4 { background-position: -60px -20px; }

.ico2_5 { background-position: -80px -20px; }

.ico3_1 { background-position: 0 -40px; }

.ico3_2 { background-position: -20px -40px; }

.ico3_3 { background-position: -40px -40px; }

.ico3_4 { background-position: -60px -40px; }

.ico3_5 { background-position: -80px -40px; }

.ico4_1 { background-position: 0 -60px; }

.ico4_2 { background-position: -20px -60px; }

.ico4_3 { background-position: -40px -60px; }

.ico4_4 { background-position: -60px -60px; }

.ico4_5 { background-position: -80px -60px; }

.ico5_1 { background-position: 0 -80px; }

.ico5_2 { background-position: -20px -80px; }

.ico5_3 { background-position: -40px -80px; }

.ico5_4 { background-position: -60px -80px; }

.ico5_5 { background-position: -80px -80px; }



.i_ico { display: inline-block; overflow: hidden; width: 19px; height: 20px; vertical-align: middle; background: url(../img/ico2.png); }

.i_ico1_2 { background-position: -20px 0; }

.i_ico1_3 { background-position: -40px 0; }

.i_ico1_4 { background-position: -60px 0; }

.i_ico1_5 { background-position: -80px 0; }

.i_ico2_1 { background-position: 0 -20px; }

.i_ico2_2 { background-position: -20px -20px; }

.i_ico2_3 { background-position: -40px -20px; }

.i_ico2_4 { background-position: -60px -20px; }

.i_ico2_5 { background-position: -80px -20px; }

.i_ico3_1 { background-position: 0 -40px; }

.i_ico3_2 { background-position: -20px -40px; }

.i_ico3_3 { background-position: -40px -40px; }

.i_ico3_4 { background-position: -60px -40px; }

.i_ico3_5 { background-position: -80px -40px; }

.ico6_4 { background-position: -60px -100px; }

/*标题*/

.Tit1, .Tit1 a { height: 42px; font: bold 16px/42px 'microsoft yahei'; color: #333; }
    .Tit1 a:hover { color: #000; }

.Tit2, .Tit2 a { height: 56px; font: bold 24px/56px 'microsoft yahei'; color: #333; }
    .Tit2 a:hover { color: #333; }

.Tit3, .Tit3 a { height: 50px; font: bold 18px/50px 'microsoft yahei'; color: #333; }
    .Tit3 a:hover { color: #333; }

.Tit4, .Tit4 a { height: 56px; font: bold 22px/56px 'microsoft yahei'; color: #767676; }
.Tit3 a:hover { color: #767676; }

.Tit5 { position: relative; font-size: 15px; font-weight: bold; border-bottom: 1px solid #ddd; margin: 0 0 10px; }

    .Tit5 .more { position: absolute; right: 0; }

.t, .t a { color: #333; }
    .t a:hover { color: #000; }

/*style*/



.topbar { background: #f3f3f3; height: 28px; line-height: 28px; position: relative; z-index: 9; }

    .topbar .link_l { float: left; width: 40%; height: 100%; }

    .topbar .link_r { float: right; text-align: right; height: 100%; }

    .topbar .dib { vertical-align: top; *vertical-align: middle; }

    .topbar b { font-weight: normal; margin: 0 5px; font-size: 12px; color: #ccc; }







.head { z-index: 9; height: 50px; margin-top: 20px; }



    .head.fix-head .logo img { margin-top: 0px; }

.head_top { position: relative; z-index: 10; margin: 0 0 33px; height: 33px; background: #f3f3f3; _margin: 0 0 34px; }

    .head_top .wrap { position: relative; }

    .head_top .dib { text-align: left; }

.head_f { margin: 3px 0 0 10px; width: auto; float: right; height: 20px; text-align: right; }

.comp { width: 74px; }

.comWhitePart { clear: both; width: auto; height: auto; border: #e1e1e1 1px solid; background-color: #fff; }

.comp .sele_, .lang .sele_ { max-height: none; height: auto; }

.lang { background: #fff; height: 20px; border: 1px solid #cbcbcb; margin: 5px 0 0 15px; }

    .lang span { display: inline-block; height: 20px; width: 60px; padding-left: 8px; vertical-align: middle; }

    .lang .sele_ { padding-bottom: 10px; border-bottom: 3px solid #eb0007; }

        .lang .sele_ a { color: #333; padding-left: 8px; }

    .lang b { float: right; height: 20px; background: #cbcbcb; }

.langHover { }

    .langHover .b, .lang:hover b { background: #fa0606; }

.head_f form { background: url(../img/fangdj.gif) 98% 3px no-repeat #f6f6f6; border: 1px solid #cbcbcb; height: 20px; line-height: 20px; }

.head_f .btn { width: 20px; }

.head_f .focous { background-color: #fff; background-position: 98% -33px; }



.shadow { bottom: -8px; left: 0; overflow: hidden; width: 100%; height: 8px; background: url(../img/1pxshadow.png); }

.nav { z-index: 9; width: 670px; }

    .nav .site-nav > li { float: left; width: 16.6%; height: 50px; }

        .nav .site-nav > li > a { display: block; text-align: center; font: bold 14px/50px 'microsoft yahei'; }

.site-nav .sub-menu { display: none; position: absolute; top: 50px; width: 180px; overflow: hidden; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.2); *zoom: 1; _top: 49px; }

.nav_lev2 .shadow { bottom: auto; top: 0; }

.site-nav .sub-menu { background: #ededed; padding: 20px; }

    .site-nav .sub-menu li { font-size: 14px; height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; overflow: hidden; font-weight: bold; }

.nav .hover .sub-menu { display: block; }

.nav_block { height: 4px; overflow: hidden; left: 0; bottom: 0; width: 100%; overflow: hidden; z-index: -1; _bottom: 1px; }


.language { right: 20px; top: -10px;font-size:14px; width: 66px; }
    .language a {  display: block; line-height: 12px; margin-bottom: 10px; background: url(../img/bg_sign01.jpg) no-repeat; padding-left: 24px;background-position: 0 -22px; }

.nav_line { bottom: 0; left: 0; overflow: hidden; width: 100%; height: 4px; background: url(../img/navLine.gif); }


.head_block { bottom: 0; left: 0; z-index: -1; overflow: hidden; width: 100%; height: 4px; }

.head_line { bottom: 0; left: 50%; overflow: hidden; margin-left: 489px; width: 50%; height: 4px; background: #e30f00; }

.banner { height: 440px; margin: 5px 0 0; }

    .banner .ban_nav { right: 45px; bottom: 16px; width: 980px; text-align: right; }

        .banner .ban_nav a { width: 60px; height: 38px; border: 2px solid #979994; }

        .banner .ban_nav .on { border-color: #e30f01; }

    .banner .ban_pause { position: absolute; width: 18px; height: 42px; background: url(../img/banner_auto.png); overflow: hidden; right: 18px; bottom: 16px; cursor: pointer; }

    .banner .ban_play { background-position: right 0; }

.i_head_block { position: relative; height: 60px; background: url(../img/i_head_block.png) no-repeat; }

.i_head_block_link { position: absolute; width: 40px; height: 40px; right: 0; top: 0; background: url(about:blank); }

.bann_ext_bord { width: 630px; padding: 15px 0 0 15px; }

    .bann_ext_bord h2 { float: left; font-weight: bold; font-size: 16px; margin-right: 10px; color: #333; }

.index_gg { position: relative; height: 24px; line-height: 24px; overflow: hidden; }

    .index_gg .key { width: 20px; height: 24px; background: url(../img/ico.png) -80px 3px no-repeat; margin-right: 10px; }

    .index_gg .btn { display: block; height: 10px; overflow: hidden; }

    .index_gg ul { float: left; height: 100%; position: relative; top: 0; width: 454px; }

    .index_gg li { float: left; width: 100%; height: 100%; overflow: hidden; }

        .index_gg li a { float: left; font-size: 14px; margin-right: 1.5em; }

.bann_ext_list { padding-top: 15px; color: #ddd; float: right; margin-right: 20px; }

    .bann_ext_list a { color: #333; }

    .bann_ext_list .dib { line-height: 20px; margin: 0 .5em; }

    .bann_ext_list a:hover { color: #999; }

.base_list li { height: 24px; line-height: 24px; overflow: hidden; }

    .base_list li span { float: right; color: #999; }

    .base_list li b { color: #333; }

.i_box_wrap .base_list li { height: 26px; line-height: 26px; }

.i_box_wrap .Tit1 { height: 45px; line-height: 45px; position: relative; }

    .i_box_wrap .Tit1 .more { position: absolute; right: 0; top: 13px; background: url(../img/ico_b.png) right 6px no-repeat; padding-right: 20px; line-height: 20px; font-weight: normal; color: #666; font-size: 12px; height: auto; }

.i_box1, .i_box2, .i_box3 { height: 303px; overflow: hidden; padding: 0 12px; }

.i_box1 { float: left; width: 258px; margin-right: 18px; }

.i_box2 { float: left; width: 340px; }

.i_box3 { float: right; width: 258px; background: #f6f6f6; }

.i_box1 .slide { height: 258px; }

    .i_box1 .slide img { height: 100%; }

.i_box1 .ban_nav { }

.i_box1 .ban_c p { height: 20px; margin-top: 6px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.i_box1 .slide p a { display: block; font-size: 14px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #333; }

.i_box2 .first { border-bottom: 1px dotted #ddd; padding-bottom: 10px; margin-bottom: 10px; }

.i_box2 .base_list2 { display: none; }

.i_box2 a:hover { color: #333; }

.i_box2 .Tit1 { height: 40px; line-height: 40px; margin-bottom: 5px; border-bottom: 2px solid #c9c9c9; position: relative; }

    .i_box2 .Tit1 a { position: absolute; left: 0; bottom: -2px; padding: 0 10px 0 10px; }

        .i_box2 .Tit1 a.cat2 { left: 100px; }

        .i_box2 .Tit1 a.catb { border-bottom: 2px solid #c9c9c9; }

        .i_box2 .Tit1 a.curr { border-bottom: 2px solid #e40f01; }

    .i_box2 .Tit1 .more { left: auto; border: 0; padding: 0 20px 0 0; }

.i_box3 .Tit1 { height: 40px; line-height: 40px; border-bottom: 1px solid #dfdfdf; }

.i_box3 .base_list { border-top: 1px solid #fff; padding: 5px 0; border-bottom: 1px solid #dfdfdf; }

.i_stock { padding: 10px 0 0; border-top: 1px solid #fff; }

.i_links { margin-bottom: 30px; text-align: center; }

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

    .i_links .t { font-size: 16px; font-weight: bold; cursor: pointer; text-align: center; }

    .i_links .p { font-size: 13px; cursor: pointer; text-align: center; padding: 0 18px; }

    .i_links a { float: left; width: 25%; transition: none; }

        .i_links a:hover .t { color: #f00; }





.i_links2 { height: 90px; margin-right: -20px; margin-top: 30px; /*border-top:1px solid #ddd;*/ padding-top: 20px; }

    .i_links2 .t { font-size: 16px; font-weight: bold; cursor: pointer; }

    .i_links2 .p { font-size: 13px; cursor: pointer; }

    .i_links2 a { float: left; width: 169px; margin-right: 20px; background: url(../img/i_icos.png) no-repeat; padding-left: 60px; transition: none; }

    .i_links2 .l1 { background-position: 0 0; }

    .i_links2 .l2 { background-position: 0 -90px; }

    .i_links2 .l3 { background-position: 10px -180px; }

    .i_links2 .l4 { background-position: 10px -270px; }

    .i_links2 .l1:hover { background-position: 0 -360px; }

    .i_links2 .l2:hover { background-position: 0 -450px; }

    .i_links2 .l3:hover { background-position: 10px -540px; }

    .i_links2 .l4:hover { background-position: 10px -630px; }

    .i_links2 a:hover .t { color: #f00; }



.index_product { margin-bottom: 10px; }



.foot { background: #ededed; /*background:#f3f3f3 -webkit-linear-gradient(top,  rgba(165,165,165,1) 0%,rgba(178,178,178,1) 100%);

background:#f3f3f3 -o-linear-gradient(top,  rgba(165,165,165,1) 0%,rgba(178,178,178,1) 100%);

background:#f3f3f3 -ms-linear-gradient(top,  rgba(165,165,165,1) 0%,rgba(178,178,178,1) 100%);

background:#f3f3f3 linear-gradient(to bottom,  rgba(165,165,165,1) 0%,rgba(178,178,178,1) 100%);

filter:#f3f3f3 progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#b2b2b2',GradientType=0 ); */ }
.foot_c { background: #aaaaaa; }

.foot2 { background: #ededed; }

.foot_menu_wrap { padding: 15px 0; position: relative; }

.foot_menu { width: 120px; height: 160px; line-height: 22px; margin: 0 0 0 42px; border-right: 1px solid #ccc; _display: inline; }

    .foot_menu a { color: #eee; }

    .foot_menu dt a { display: block; height: 21px; line-height: 21px; padding: 12px 0; font-size: 14px; font-weight: bold; color: #333; }

    .foot_menu a:hover { color: #fff; }

    .foot_menu:last-child { border: 0; }

.foot_menu_last { border: 0; }

.foot_last { padding: 15px 10px 15px 10px; color: #fff; background: #787878; }

    .foot_last a { width: 980px; margin: 0 5px; color: #fff; }

.bdsharebuttonbox { position: absolute; right: 10px; bottom: 10px; }

/*结构*/

.side { width: 185px; }

.main { width: 760px; }

.main_cont { width: 495px; }

.sub { width: 235px; }

.picshow img { display: block; width: 100%; }

.n_cont { background: url(../img/n.jpg) 0 0 repeat-x #fff; padding: 35px 0; }

.side_menu { border-bottom: 1px solid #ddd; }

    .side_menu dt { color: #e60013; }

    .side_menu a { display: block; height: 38px; font: 14px/38px 'microsoft yahei'; background: url(../img/libg.gif) 0 -35px no-repeat; padding-left: 20px; border-top: 1px solid #ddd; }

        .side_menu a:hover, .side_menu .open a, .side_menu .current-menu-item a { background-position: 0 15px; font-weight: bold; }
        .side_menu a.cur { background-position: 0 15px; font-weight: bold; }
    .side_menu ul { display: none; border-top: 1px solid #ddd; }

    .side_menu .open ul, .side_menu .menu-item-has-children ul { display: block; }

        .side_menu .open ul a, .side_menu .menu-item-has-children ul a { background: none; font-weight: normal; border: 0; }

    .side_menu .open .current-menu-item a, .side_menu .menu-item-has-children .current-menu-item a { color: #f01825; }

.main .Tit2 { border-bottom: 1px solid #ddd; margin-bottom: 10px; position: relative; }



.side_block_2 { overflow: hidden; border: 1px solid #ddd; padding: 0 13px 10px; }

    .side_block_2 .t { border-top: 1px solid #ddd; font-weight: bold; padding: 10px 0; margin-top: -1px; }

    .side_block_2 .c { padding-bottom: 10px; }

    .side_block_2 .c2 a { float: left; width: 49%; _font-size: 10px; }

    .side_block_2 .tel { clear: left; display: block; padding: 5px 0 10px; color: #e60013; }

.side_block_3 { background: #f2f2f2; }

    .side_block_3 .t { font-size: 16px; padding: 8px 0 8px 15px; border-bottom: 1px solid #ddd; background: #f7f7f7; }

    .side_block_3 .c { padding: 8px 0 10px 15px; }

    .side_block_3 .link { padding: 5px 0; }

        .side_block_3 .link:hover .ico { background-position: -20px -40px; }



/*面包屑*/

.posi { height: 0; position: relative; }

    .posi .layer { position: absolute; right: 0; top: -40px; }

    .posi em { margin: 0 4px; }



.sub_block { padding: 12px; margin-bottom: 20px; }

    .sub_block .t { font-size: 20px; line-height: 30px; margin-bottom: 10px; }

    .sub_block .p { border-top: 1px solid #ddd; padding: 10px 0; margin: 10px 0; }

    .sub_block .btn { background: #8e8e8e; height: 24px; width: 70px; padding: 1px 0; margin: 10px 0; }

        .sub_block .btn a { color: #fff; background: #8e8e8e; display: block; height: 24px; line-height: 24px; text-align: center; margin: 0 -1px; _position: relative; }

            .sub_block .btn a:hover { color: #eee; }

.serv_block1 { background: #ededed; border: 1px solid #ddd; }

    .serv_block1 .t { border-bottom: 1px solid #ddd; }

.serv_block2 { background: #fafafa; }

.img_block { margin-bottom: 20px; overflow: hidden; *zoom: 1; }

    .img_block img { float: left; width: 115px; height: 75px; margin-right: 15px; }

    .img_block .t { font-weight: bold; cursor: pointer; font-size: 14px; }

    .img_block .p { height: 60px; overflow: hidden; }

    .img_block a:hover .t { text-decoration: underline; color: #666; }

.dl_h_1 { width: 80%; white-space: nowrap; overflow: hidden; }

.dl_h_2 { width: 20%; }

.dl_pro_list_header { border: 1px solid #ddd; padding: 1px; font-size: 14px; color: #333; }

    .dl_pro_list_header ul { background: #ebebeb; height: 28px; }

        .dl_pro_list_header ul li { float: left; height: 28px; line-height: 28px; border-left: 1px solid #fff; margin-left: -1px; }

    .dl_pro_list_header .dl_h_1 { text-indent: 120px; }

    .dl_pro_list_header .dl_h_2, .dl_pro_list_header .dl_h_3 { text-indent: 60px; }

.dl_pro_list li { overflow: hidden; *zoom: 1; padding: 0 10px 4px; margin: 4px 0 0; border-bottom: 1px solid #ddd; }

.dl_pro_list .dl_h_2, .dl_pro_list .dl_h_3 { text-align: center; }

/*分页*/

.page { text-align: center; height: 32px; }
    .page span, .page a { display: inline-block; border: 1px solid #ddd; padding: 4px 10px; vertical-align: middle; margin-left: -1px; }
    .page .goprev { margin-right: 1em; }
    .page .gonext, .page .count { margin-left: 1em; }
    .page .current, .page a:hover { background: #ea181b; color: #fff; border: 1px solid #ea181b; }
    .page span.goprev, .page span.gonext { color: #ddd; background: none; }
    .page span.count { border: 0; background: 0; color: #000; font-family: 'simsun'; }

.paginator { text-align: center; height: 32px; margin-top: 20px; }
    .paginator a { border: 1px solid #ddd; padding: 4px 10px; vertical-align: middle; margin-left: -1px; }
    .paginator .cpb { background: #ea181b; color: #fff; border: 1px solid #ea181b; padding: 4px 10px; vertical-align: middle; margin-left: -1px; }
    .paginator a:hover { background: #ea181b; color: #fff; border: 1px solid #ea181b; }




.date_list { margin: 20px 0; }

    .date_list li { color: #999; *zoom: 1; }

    .date_list a { display: block; }

.intro_v { width: 463px; height: 275px; }

.intro_other { width: 296px; }

    .intro_other a { float: left; width: 147px; height: 137px; background: url(../img/intro.png); overflow: hidden; text-indent: -99px; margin: 0 0 1px 1px; }

    .intro_other .i2 { background-position: -148px 0; }

    .intro_other .i3 { background-position: 0 -138px; }

    .intro_other .i4 { background-position: -148px -138px; }

    .intro_other .i1:hover { background-position: 0 -275px; }

    .intro_other .i2:hover { background-position: -148px -275px; }

    .intro_other .i3:hover { background-position: 0 -413px; }

    .intro_other .i4:hover { background-position: -148px -413px; }

.myart { padding: 30px 0; width: 100%; line-height: 2; }

    .myart img { max-width: 100%; }

.shadowline { position: relative; background: url(../img/shadowline.png) center 0 no-repeat; padding-top: 20px; margin: 0 0 30px; }

.i_foot_roll a { width: 38px; height: 38px; overflow: hidden; text-indent: -99em; background: url(../img/cir_grey.gif); top: 80px; }

.i_foot_roll .left { left: -38px; }

.i_foot_roll .right { right: -38px; background-position: -38px 0; }

.foot_list { width: 1020px; }

    .foot_list li { float: left; width: 300px; margin-right: 40px; }

    .foot_list a { font-weight: bold; font-size: 14px; }

    .foot_list img { display: block; width: 100%; height: 135px; margin: 5px 0; }

.foot_roll a { top: 120px; }

.seque { height: 14px; line-height: 14px; font-size: 14px; *line-height: 16px; }

    .seque span { display: inline-block; border-right: 1px solid #ddd; padding: 0 .5em; cursor: pointer; }

    .seque .on { color: #e60013; }

.sear_f { border: 1px solid #ccc; background: url(../img/fangdj.gif) 96% -32px no-repeat #fff; vertical-align: middle; }

    .sear_f .btn { width: 25px; }

.seque .sear_f { height: 20px; line-height: 20px; margin-top: -4px; position: relative; font-size: 12px; }

.sear { padding: 0 25px 10px; background: #eee; }

    .sear .t { font-size: 15px; font-weight: bold; line-height: 2.4; }

.dp { border: 1px solid #ddd; background: url(../img/date.gif) 98% center no-repeat #fff; height: 20px; line-height: 20px; _height: 19px; _line-height: 19px; }

.main_cont .dp { width: 22%; }

/*搜索*/

.result { display: inline-block; vertical-align: middle; margin: 0 0 0 20px; *display: inline; *zoom: 1; }

.sear_filt input { margin: 0 5px; vertical-align: middle; }

.sear_result li { margin-bottom: 10px; }

.sear_result a { color: #333; }

    .sear_result a:hover { text-decoration: underline; }

.sear_result .el { font-size: 14px; _width: 100%; }

.sear_result .p { padding: 10px 20px; border-top: 1px solid #ddd; margin-top: 10px; }

.sear_result em { color: #e60013; display: inline-block; padding: 0 1em; border-right: 1px solid #ddd; margin-right: 1em; }



/*新闻列表*/

.news_list { /*border-top:1px solid #ddd;*/ }

    .news_list li { padding: 10px 0; border-bottom: 1px solid #ddd; }

    .news_list img { float: left; width: 90px; height: 65px; margin-right: 15px; }

    .news_list .t { font-size: 14px; }

        .news_list .t em { font-weight: normal; font-size: 12px; color: #ccc; margin-left: 1em; display: inline-block; vertical-align: middle; }

    .news_list .p { height: 40px; overflow: hidden; padding: 5px 0 0; }

.artT { font: bold 18px/1.4 'microsoft yahei'; color: #333; }

.art_info { height: 22px; border-bottom: 1px dotted #ccc; }

    .art_info .bdsharebuttonbox { position: static; display: inline-block; vertical-align: middle; margin: 0 5px; *display: inline; *zoom: 1; }

        .art_info .bdsharebuttonbox .bds_more { background: url(../img/ico.png) -20px -20px no-repeat; width: 20px; height: 20px; margin: 0; padding: 0; }

.b2l { float: right; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }

    .b2l a { display: inline-block; margin: 0 -1px; background: #d9d9d9; padding: 0 .5em; color: #000; vertical-align: top; }

.fav { display: inline-block; background: url(../img/share.gif) 0 -135px no-repeat; padding-left: 20px; vertical-align: middle; margin-right: 5px; }

    .fav:hover { background-position: 0 -197px; }

art_link { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }

.art_link li { line-height: 40px; font-weight: bold; padding: 0 20px 0 30px; border-top: 1px dotted #ddd; margin-top: -1px; }

.art_link span { float: right; font-weight: normal; }

.art_link a { display: inline-block; width: 68%; font-weight: normal; margin-left: 10px; vertical-align: middle; }

/*服务故事*/

.fwgs_list { border-bottom: 1px solid #ddd; padding-bottom: 20px; }

    .fwgs_list li { height: 155px; margin-top: 20px; }

    .fwgs_list img { float: left; width: 230px; height: 155px; margin-right: 15px; }

    .fwgs_list .info { float: left; height: 76px; width: 500px; border-bottom: 1px solid #ddd; padding-left: 15px; }

    .fwgs_list .t { font-size: 15px; width: 380px; height: 26px; overflow: hidden; font-weight: bold; }

        .fwgs_list .t .ico { display: none; }

    .fwgs_list .v .ico { display: inline-block; }

    .fwgs_list .hit { width: 100px; background: url(../img/hit.gif) center 15px no-repeat #f4f4f4; padding: 50px 0 5px; color: #c0c0c0; text-align: center; }

    .fwgs_list .p { padding: 10px 0 0 15px; color: #aaa; height: 62px; overflow: hidden; }

/*专题*/

.zt_head_left { width: 415px; }

    .zt_head_left img { width: 415px; height: 275px; }

.zt_head_right { width: 320px; }

.zt_recom, .zt_recom .t { color: #888; line-height: 2; }

    .zt_recom .p { border-top: 1px dotted #ddd; padding-top: 20px; margin-top: 20px; height: 95px; overflow: hidden; }

.zt_list .t span { font-size: 12px; color: #ccc; margin-left: 10px; }

.zt_list ul li { height: 22px; margin: 0; overflow: hidden; }

.zt_list .p { padding: 0; color: #666; height: 40px; margin: 10px 0; }

.zt_list ul b { margin-right: 4px; }

.zt_list .t { width: auto; }

    .zt_list .t span { font-size: 12px; color: #ccc; margin-left: 10px; }

.zt_list ul li { height: 22px; margin: 0; overflow: hidden; }

.zt_list .p { padding: 0; color: #666; height: 40px; margin: 10px 0; }

.zt_list ul b { margin-right: 4px; }

.zt_list .t { width: auto; }

/*专题详细*/

.zt_cont { background: url(../img/zt.jpg) center 0 no-repeat; }

.zt_head { padding: 50px 20px; }

.zt_head2 .h1 { font-size: 22px; line-height: 3; }

.n_cont .zt_head { padding: 0 20px 10px; }

.zt_head .h1 { font-weight: bold; font-size: 30px; color: #988459; }

.zt_share { right: 20px; bottom: 10px; }

    .zt_share a { float: left; width: 25px; height: 25px; background: url(../img/share.png); overflow: hidden; margin-right: 10px; }

    .zt_share .tencent { background-position: 0 -40px; }

    .zt_share .netease { background-position: 0 -79px; }

.zt_intro { padding-bottom: 20px; line-height: 24px; border-bottom: 1px solid #ddd; }

.zt_topone { height: 242px; margin-top: 10px; }

    .zt_topone img { float: left; width: 374px; height: 242px; margin-right: 15px; }

    .zt_topone .date { color: #ccc; }

    .zt_topone .p { height: 160px; overflow: hidden; padding-top: 10px; }

    .zt_topone .t { font-size: 14px; font-weight: bold; }

    .zt_topone a:hover .ico2_2 { background-position: -40px -20px; }

.zt_v_list li { float: left; width: 180px; margin: 0 2px 10px 0; }

.zt_v_list a { display: block; position: relative; }

.zt_v_list img { width: 100%; height: 130px; }

.zt_v_list p { text-align: center; height: 30px; line-height: 30px; background: #e9e9e9; color: #333; cursor: pointer; overflow: hidden; }

.zt_v_list s { position: absolute; left: 70px; top: 50px; width: 41px; height: 41px; background: url(../img/bofang.png); }

.zt_news_list li { height: 30px; line-height: 30px; overflow: hidden; }

.zt_news_list span { color: #ccc; margin-right: 1em; }

.zt_news_list .ico { margin-left: .5em; }

.zt_news_list .line_spe { border-top: 1px dotted #ddd; margin-top: 20px; padding-top: 20px; }

.box { float: left; width: 200px; margin: 5px; padding: 5px; border: 1px solid #ddd; }

    .box img { display: block; border: none; width: 100%; margin-bottom: 5px; }

/*视频列表*/

.dl_head_tab { background: #ededed; padding: 15px 15px 0 15px; font-size: 14px; }

    .dl_head_tab li { float: left; position: relative; bottom: -1px; }

        .dl_head_tab li a { float: left; border: 1px solid #ededed; padding: 0 15px; border-bottom-color: #ddd; line-height: 36px; }

            .dl_head_tab .cur a, .dl_head_tab li a:hover { border-color: #ddd; border-bottom-color: #f6f6f6; background: #f6f6f6; color: #e60013; }

    .dl_head_tab .year_sel { line-height: 2; padding-bottom: 10px; }

        .dl_head_tab .year_sel span { display: inline-block; width: 100px; text-align: center; }

        .dl_head_tab .year_sel a { margin: 0 20px; }

            .dl_head_tab .year_sel a:hover, .dl_head_tab .year_sel .cur { color: #e60013; }

.video_list { margin-right: -15px; }

    .video_list li { float: left; width: 178px; margin: 0 15px 15px 0; }

    .video_list a { display: block; position: relative; height: 240px; overflow: hidden; background: #ededed; }

    .video_list .ico2_4 { left: 10px; bottom: 10px; }

    .video_list img { width: 100%; height: 135px; }

    .video_list .channel { margin-top: -24px; position: relative; height: 24px; line-height: 24px; color: #fff; text-indent: 10px; background: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000); }

    .video_list p { padding: 0 10px; }

    .video_list .t { font-size: 14px; line-height: 1.2; margin: 10px 0 5px; height: 2.4em; overflow: hidden; }

    .video_list a:hover { background: #fff; box-shadow: 0 0 6px rgba(0,0,0,.3); }

        .video_list a:hover .ico2_4 { background-position: -80px -20px; }

    .video_list .album { width: 372px; }

        .video_list .album a { height: 137px; }

        .video_list .album .cover { float: left; width: 178px; margin-right: 15px; }

        .video_list .album .play { background: #ea181b; color: #fff; padding: 0 1em; position: absolute; left: 10px; bottom: 10px; }

        .video_list .album .hidet { left: 0; top: -99em; width: 100%; height: 137px; background: rgba(0,0,0,.5); color: #fff; transition: top .3s ease; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000); }

            .video_list .album .hidet p { font-size: 16px; color: #fff; padding: 10px; }

    .video_list a:hover .hidet { top: 0; }

    .video_list .album .elem { float: left; padding: 10px; width: 158px; height: 117px; background: #ededed; overflow: hidden; }

        .video_list .album .elem a { height: 24px; }

            .video_list .album .elem a:hover { background: none; box-shadow: none; }



.prod_list a { height: 240px; }

.prod_list .t { text-align: center; }

.prod_list img { width: 100%; height: 178px; }



/*视频详细*/

.v_area { float: left; width: 592px; height: 435px; overflow: hidden; }

.v_links { float: right; width: 125px; height: 435px; padding: 0 15px; background: #ededed; border: 1px solid #dadada; }

    .v_links .t { font-size: 16px; line-height: 2.5; }

.v_link_scroll { height: 370px; position: relative; overflow: hidden; }

    .v_link_scroll li { height: 80px; margin-bottom: 15px; }

        .v_link_scroll li a { display: block; position: relative; height: 100%; }

        .v_link_scroll li img { width: 100%; height: 100%; }

        .v_link_scroll li p { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; background: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000); }

#v_link_up, #v_link_down { float: right; width: 20px; height: 18px; overflow: hidden; margin-right: 4px; cursor: pointer; }

#v_link_up { background: #3c3c3c; }

#v_link_down { background: #f2000a; }

#v_link_up .cir { float: left; border: 5px solid; border-color: #fff #3c3c3c #3c3c3c #3c3c3c; margin: 6px 0 0 4px; }

#v_link_down .cir { float: left; border: 5px solid; border-color: #f2000a #f2000a #fff #f2000a; margin: 2px 0 0 4px; }

.v_rela li { width: 178px; height: 245px; }

.v_rela a { padding: 0; height: 99%; }

.v_rela img { height: 135px; margin-top: 0; }

.v_rela .ct { position: absolute; left: 0; width: 100%; top: 115px; height: 20px; background: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000); color: #fff; overflow: hidden; }

.v_rela .t, .v_rela .p { margin: 0 10px; height: 22px; overflow: hidden; }

/*公司列表*/

.corpor_list { margin-right: -15px; }

    .corpor_list li { float: left; width: 241px; margin: 0 15px 15px 0; }

    .corpor_list a { display: block; position: relative; padding: 10px 15px; background: #ededed; border: 1px solid #fff; height: 340px; overflow: hidden; }

    .corpor_list .t { font-size: 14px; }

    .corpor_list img { width: 100%; height: 135px; margin: 10px 0; }

    .corpor_list .ico2_4 { left: 10px; bottom: 10px; }

    .corpor_list a:hover { background: #fff; border: 1px solid #ddd; }

        .corpor_list a:hover .ico2_4 { background-position: -80px -20px; }

    .corpor_list .first { width: 496px; background: #ededed; }

        .corpor_list .first a, .corpor_list .first a:hover { float: left; border: 0; width: 209px; background: none; }

    .corpor_list .elem { float: left; width: 200px; padding: 40px 0 0 40px; line-height: 24px; }

    .corpor_list .first .elem a, .corpor_list .first .elem a:hover { float: none; padding: 0; border: 0; height: auto; background: url(../img/redot.gif) 0 center no-repeat; text-indent: 20px; }

/*关联视频*/

.v_rela li { width: 178px; height: 245px; }

.v_rela a { padding: 0; height: 99%; }

.v_rela img { height: 135px; margin-top: 0; }

.v_rela .ct { position: absolute; left: 0; width: 100%; top: 115px; height: 20px; background: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000); color: #fff; overflow: hidden; }

.v_rela .t, .v_rela .p { margin: 0 10px; height: 22px; overflow: hidden; }

/*productlist*/

.product_content { float: left; width: 700px; height: auto; overflow: hidden; }

.product_content1 { float: left; margin-top: 35px; margin-right: 50px; width: 300px; height: 65px; overflow: hidden; }

product_content2 { float: left; margin-right: 50px; width: 300px; height: auto; overflow: hidden; }

.product_zibt { float: left; width: 99%; height: 24px; font-size: 12px; color: #504D5E; font-weight: bold; }

.product_zinl { float: left; width: 100%; height: auto; overflow: hidden; }

.product_zin2 { float: left; width: 33%; height: auto; overflow: hidden; }

/*网站地图*/

.map_t { background: #ececec; border-bottom: 1px solid #ddd; padding: 5px 10px; margin: 20px 0 10px; }

.map_line { overflow: hidden; line-height: 30px; padding: 8px 10px; border-bottom: 1px solid #ddd; *zoom: 1; }

    .map_line h4 { float: left; width: 104px; margin-right: 10px; }

        .map_line h4 a { display: block; text-align: center; background: #ececec; font-size: 14px; }

            .map_line h4 a:hover { background: #e91418; color: #fff; }

.site_cell { float: left; width: 610px; }

    .site_cell a { float: left; background: url(../img/cir_map.gif) 18px 10px no-repeat; padding-left: 35px; transition: none; }

        .site_cell a:hover { background-position: 18px -31px; color: #f60e15; }

/*新闻列表热门标签*/

.news_tag a { display: inline-block; vertical-align: middle; padding: 0 5px; }

.news_tag .tag1 { font-size: 20px; color: #999; font-weight: bold; }

.news_tag .tag2 { font-size: 16px; color: #666; }

.news_tag .tag3 { font-size: 12px; color: #999; }

.news_tag a:hover { color: #fff; background: #666; }

/*右侧块*/

.sub_block { background: #ededed; padding: 0 10px 10px; margin-bottom: 10px; }

    .sub_block .t { font-size: 18px; line-height: 2; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding: 5px 0 0; font-weight: bold; }

.sub_news li { color: #999; line-height: 1.5; margin-bottom: 5px; }

.sub_news a { display: block; height: 18px; overflow: hidden; color: #333; }

/*1224 社交媒体*/

.sociT { height: 36px; line-height: 36px; background: url(../img/soci_03.png) 0 0 no-repeat #f2f2f2; font-size: 14px; color: #fff; text-indent: 1em; margin: 30px 0 20px; overflow: hidden; }

    .sociT .n { float: left; width: 202px; }

    .sociT p { float: left; width: 557px; height: 34px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; overflow: hidden; }

.soci_block img { float: left; margin-right: 60px; }

.soci_t { font-size: 16px; color: #333; }

.soci_link { display: block; font-weight: bold; font-size: 20px; color: #e60013; margin: 10px 0 20px; }

    .soci_link:hover { color: #ae3333; }

.app_list li { float: left; width: 240px; }

.app_list p { height: 3em; overflow: hidden; }

.pb25 { padding-bottom: 25px; }

/*漂浮*/

.sideFloat { position: fixed; right: 10px; bottom: 65px; width: 50px; }

    .sideFloat a { display: block; width: 30px; height: 30px; line-height: 15px; padding: 10px; background: #c4c4c4; text-align: center; margin: 0 0 4px; }

    .sideFloat a { color: #fff; cursor: pointer; }

        .sideFloat a:hover { background: #eabe48; }

    .sideFloat .fh { line-height: 30px; }

.gotop { background: url(../img/sidefloat.png) 0 -100px no-repeat #c8c8c8; height: 26px; margin-top: 5px; cursor: pointer; overflow: hidden; }

    .gotop p { float: left; width: 100%; background: #fff; border: 1px solid #ddd; cursor: pointer; margin-top: 25px; }

    .gotop:hover { background-color: #eabe48; }

/*漂浮2*/

.sideFloat_new { width: 110px; }

    .sideFloat_new a { width: 80px; height: auto; padding: 5px 15px; text-align: center; }

    .sideFloat_new .fh { line-height: 15px; background: #eabe48; }

    .sideFloat_new .gotop { height: 24px; background-position: 30px -100px; }

/*表单*/

.log_c { padding: 35px; height: auto !important; height: 280px; min-height: 280px; background: url(../img/log.png) 90% 30px no-repeat #fff; border: 1px solid #ddd; border-top: 0; }

.log_line, .log_line_ext { height: 30px; margin-top: 10px; line-height: 30px; }

    .log_line .t { display: inline-block; width: 80px; text-align: right; height: 100%; vertical-align: middle; }

    .log_line .inp { height: 26px; border: 1px solid #ddd; line-height: 26px; vertical-align: middle; margin-right: 10px; width: 380px; padding: 0 10px; }

    .log_line .short { width: 100px; }

.log_line_ext { padding-left: 80px; margin-top: 30px; }

    .log_line_ext .chk { margin: 0 5px; vertical-align: middle; }

    .log_line_ext .btn { height: 32px; line-height: 32px; padding: 0 2em; color: #fff; font-weight: bold; font-size: 14px; background: #f11821; margin-right: 10px; }

    .log_line_ext .res { background: #999; color: #fff; }

    .log_line_ext .forpw:hover { text-decoration: underline; }

.order_f { border-top: 1px solid #ddd; padding-top: 10px; }

.order_sele { width: 270px; height: 28px; line-height: 28px; border: 1px solid #ddd; width: 200px; text-indent: 1em; margin-right: 10px; }

    .order_sele .sele_ { top: 29px; height: auto !important; height: 200px; max-height: 200px; overflow: auto; }

.order_tip { padding: 10px 20px; border-top: 1px solid #ddd; line-height: 2; }

.log_line_tex { height: auto; }

    .log_line_tex textarea { border: 1px solid #ddd; width: 600px; height: 10em; padding: .5em; vertical-align: top; }

.order_list { width: 100%; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 2; padding: 1em 0; }

    .order_list input { border: 1px solid #ddd; width: 98%; }

#add_order { float: right; cursor: pointer; background: url(../img/plus.gif) 0 center no-repeat; padding-left: 20px; }

.order_sele .ico { float: right; margin: 3px 6px 0 0; }

.order_sele:hover .ico { background-position: -60px -40px; }



.logo { margin-top: -10px; }





/*2014-07-24 add*/



.sidebar .si03 { background: url(/internet/images/sidebar.gif) #f7f7f7 repeat-y; position: relative; margin-bottom: 20px; padding: 0 0 20px 10px; }

    .sidebar .si03 em.ico { display: block; width: 65px; height: 65px; position: absolute; left: 25px; top: 25px; background: url(../img/service_ico.png) no-repeat; overflow: hidden; }

    .sidebar .si03 em.ico { background-position: -130px 0px; }

    .sidebar .si03 h2 { font-size: 14px; line-height: 26px; font-weight: bold; }

    .sidebar .si03 p { font-size: 18px; line-height: 22px; padding: 5px 0px 10px; }

.sidebar .si01 p { color: #e60013; font-size: 14px; font-weight: bold; }

.sidebar .si03 span.ol { float: none !important; display: block; font-size: 14px; line-height: 1.5; overflow: hidden; *zoom: 1; }

.sidebar .si03 span.ol { font-size: 14px; }

    .sidebar .si03 span.ol b { display: inline-block; width: 12px; height: 12px; background-position: -4px -64px; vertical-align: middle; margin-left: 10px; }

    .sidebar .si03 span.ol a { color: #e60013; }


/*** client */
.page-client { margin-bottom: 20px; }
.client-main { background: #FFF; padding: 20px 0; }
    .client-main h3.tit { color: #F12715; font-size: 20px; margin: 0 auto; padding-bottom: 20px; text-align: center; border-bottom: 1px solid #F5F5F3; }
.client-box { /*margin-left:100px;*/ float: left; margin-top: 20px; _display: inline; }
.super-box { margin: 50px 0 0 70px; width: 620px; float: left; position: relative; overflow: hidden; }
.super-arr-prev { width: 20px; height: 37px; display: block; background: url(../img/super-arr.png) no-repeat 0 0; position: absolute; left: 0; top: 120px; cursor: pointer; }
.super-arr-next { width: 20px; height: 37px; display: block; background: url(../img/super-arr.png) no-repeat -20px 0; position: absolute; right: 0; top: 120px; cursor: pointer; }
.super-box-main { width: 500px; margin: 0 auto; }
.super-tab { width: 100%; margin-bottom: 60px; overflow: hidden; }
    .super-tab li { width: 24.7%; *width: 24.6%; height: 30px; line-height: 30px; border: 1px solid #EDEDED; margin-right: -1px; text-align: center; float: left; cursor: pointer; }
        .super-tab li.active { color: #E90000; border: 1px solid #E90000; margin-right: 0; font-weight: 700; }
            .super-tab li.active i { width: 8px; height: 4px; display: block; background: url(../img/arrow.png) no-repeat; margin: 0 auto; _display: none; }
.super-con { height: 100px; /*overflow:hidden*/ }
    .super-con li { height: 100px; }
.icon-super { width: 120px; float: left; text-align: center; }
.txt-super { width: 380px; float: left; }
    .txt-super h3 { font-size: 18px; line-height: 30px; color: #000; margin-bottom: 5px; font-weight: 400; }
    .txt-super p { color: #666; }



/*联系我们*/

.cont_link { width: 260px; height: 192px; }

    .cont_link .link_cell { float: left; width: 128px; height: 95px; margin-right: 2px; }

    .cont_link a { display: block; height: 35px; text-align: center; font-size: 14px; padding-top: 60px; }

    .cont_link div.link_cell a { background: url(../img/c_07.png) no-repeat; }

    .cont_link div.link_cell2 a { background-position: -130px 0; }

    .cont_link div.link_cell3 a { background-position: 0 -97px; }

    .cont_link div.link_cell1 a:hover { background-position: 0 -192px; color: #fff; }

    .cont_link div.link_cell2 a:hover { background-position: -130px -192px; color: #fff; }

    .cont_link div.link_cell3 a:hover { background-position: 0 -289px; color: #fff; }

    .cont_link ul { padding-top: 20px; }

    .cont_link li a { height: 20px; font-size: 12px; padding: 0; }

        .cont_link li a:hover { background: #ededed; }

            .cont_link li a:hover .rect { border-color: #e60013; }

    .cont_link li span { display: inline-block; width: 80px; }

    .cont_link li .rect { vertical-align: top; }

.cont_nav { height: 36px; line-height: 36px; font-size: 14px; border-bottom: 1px solid #ddd; background: #f3f3f3; }

.cont_nav_fix { position: fixed; left: 50%; margin-left: -270px; top: 0; width: 760px; margin-top: 0; _position: absolute; _margin-left: -282px; }

.cont_nav li { float: left; cursor: pointer; width: 24.5%; text-indent: 10px; }

.cont_t { background: #f3f3f3; padding: 5px; font-size: 14px; }

    .cont_t em { font-weight: bold; color: #e60013; font-size: 16px; padding-right: .5em; }

.cont_wrap { padding: 30px 0; overflow: hidden; *zoom: 1; }

.cont_c { border-left: 1px dotted #ddd; padding-left: 10px; margin-bottom: 20px; vertical-align: top; }

    .cont_c .t { font-size: 14px; }



/*

* tab.css

*/

.tab { position: relative; }

.tab_c { display: none; }

.tab_c_cur { display: block; }



.index_pro_tab .tab_b { width: 978px; border: 1px solid #e0e0e0; border-bottom: 0; margin-top: 20px; }

    .index_pro_tab .tab_b ._layer { height: 50px; line-height: 50px; padding: 0 10px; background: #f3f3f3; border: 1px solid #fff; }

    .index_pro_tab .tab_b ._T { float: left; font-weight: bold; }

.index_pro_tab ._tabs { float: right; }

.index_pro_tab .tab_t { float: left; font-size: 14px; padding: 0 18px; cursor: pointer; }

.index_pro_tab .tab_t_cur { background: #ee0000; color: #fff; }



.index_pro_tab .tab_c ul { width: 978px; height: 270px; overflow: hidden; background: #fff; border: 1px solid #e0e0e0; }

.index_pro_tab .tab_c li { float: left; width: 195px; line-height: 1.8; border-bottom: 4px solid #fff; }

.index_pro_tab .tab_c .cont { display: block; width: 100%; overflow: hidden; }

.index_pro_tab .tab_c .img { width: 100%; height: 195px; line-height: 195px; text-align: center; overflow: hidden; }

    .index_pro_tab .tab_c .img img { display: inline-block; vertical-align: middle; width: 90%; }

.index_pro_tab .tab_c .cont s { _display: inline-block; width: 0; height: 100%; overflow: hidden; vertical-align: middle; }

.index_pro_tab .tab_c p { height: 22px; overflow: hidden; }

.index_pro_tab .tab_c .t { font-size: 14px; font-weight: bold; padding: 0 10px; color: #666; height: 39px; line-height: 38px; overflow: hidden; }

.index_pro_tab .tab_c ._text { display: block; border-bottom: 1px dotted #333; }

.index_pro_tab .tab_c .panel { padding: 5px 10px; }

    .index_pro_tab .tab_c .panel a { margin-right: 5px; }

    .index_pro_tab .tab_c .panel .ico { margin-right: 4px; }

    .index_pro_tab .tab_c .panel a:hover { color: #e60013; }

.index_pro_tab .tab_c li:hover { border-bottom-color: #e00; }

    .index_pro_tab .tab_c li:hover .t, .index_pro_tab .tab_c li:hover .panel { background: #f7f5f6; }







/*产品页*/

.pro_header { height: 280px; }

.preview { float: left; /*width:420px;*/ margin-right: 20px; }

    .preview .tip { position: absolute; left: 15px; bottom: 10px; }

.jqzoom { overflow: hidden; padding: 10px; border: 1px solid #ddd; text-align: center; width: 400px; height: 400px; text-align: center; }
    .jqzoom img { max-width: 100%; max-height: 100%; _width: expression((this.offsetWidth > 400) ? "400px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 400) ? "400px" : this.offsetHeight + "px" ); }
.jqZoomPup { position: absolute; top: 0; left: 0; width: 50px; height: 50px; border: 1px solid #aaa; background: #dae9f4 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; z-index: 9; visibility: hidden; }

.proTitle { font-size: 22px; margin-bottom: 15px; font-weight: bold; color: #e40f01; }

    .proTitle em { display: block; color: #e60013; font-size: 20px; }

.pro_head_link { margin: 15px 0; font-size: 15px; }

.pro_order { width: 160px; line-height: 30px; border: 1px solid #ddd; background: #eee; color: #333; text-align: center; margin-right: 10px; }

    .pro_order:hover { background: #ccc; color: #000; border-color: #999; }

.pro_sell_list { border: 1px solid #ddd; width: 150px; height: 30px; line-height: 30px; text-indent: 1em; }

    .pro_sell_list .sele_ { top: 30px; }

        .pro_sell_list .sele_ a:hover { background: #ddd; }

    .pro_sell_list .ico { margin: 5px 0 0; }

.pro_head_sell { height: 77px; }

.pro_head_t { font-size: 16px; color: #333; margin-bottom: 10px; }

.pro_head_list { height: 280px; overflow: hidden; }

    .pro_head_list li { float: left; text-align: center; width: 225px; margin: 10px; }

    .pro_head_list a { display: block; }

    .pro_head_list img { width: 225px; height: 225px; border: 1px solid #ddd; display: block; margin-bottom: 5px; }

    .pro_head_list a:hover, .pro_head_list a:hover img { border-color: #ccc; color: #000; }

.pro_share { margin-top: 10px; color: #999; line-height: 26px; }

    .pro_share #bdshare { float: right !important; line-height: 17px; }

.pro_fav { float: left; background: #d91b1d; color: #fff; padding: 0 6px; height: 26px; cursor: pointer; margin-right: 10px; }

.pro_detail_title { height: 34px; line-height: 34px; overflow: hidden; background: #fafafa; border-bottom: 2px solid #b5b5b5; margin-top: 5px; }

    .pro_detail_title li { float: left; padding: 0 2em; font-size: 14px; cursor: pointer; }

    .pro_detail_title .on { background: #666; color: #fff; font-weight: bold; }

.pro_detail_c { margin: 20px 0; line-height: 1.8;}

    .pro_detail_c img { max-width: 100%; }

.pro_hist .t { font-size: 16px; color: #333; padding: 20px 10px; border-top: 1px solid #ddd; font-weight: bold; }

    .pro_hist .t span a { font-weight: normal; font-size: 12px; }

.pro_hist_list p { padding: 5px 15px; }

.pro_hist_list li { float: left; width: 170px; margin-right: 20px; }

.pro_hist_list img { width: 100%; }

.addDb { display: block; margin-bottom: 10px; }

    .addDb input { margin: 0 5px; vertical-align: middle; }

.pro_index_slide { float: left; width: 580px; height: 316px; margin: 0 30px 20px 0; }

    .pro_index_slide .ban_c { height: 316px; }

    .pro_index_slide .ban_t { padding: 10px 0; }

    .pro_index_slide .ban_nav { bottom: 10px; width: auto; left: auto; right: 110px; }

        .pro_index_slide .ban_nav a { background: url(about:blank); width: 8px; height: 8px; border: 4px solid #dfd5c9; text-indent: -99px; }

        .pro_index_slide .ban_nav .on { border-color: #e50004; }

    .pro_index_slide .ban_channel { position: absolute; right: 0; bottom: 0; width: 100px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #e50004; z-index: 5; text-align: center; }

        .pro_index_slide .ban_channel a { color: #fff; }

.pro_index_wrap { margin-right: -30px; }

.pro_index_item { float: left; width: 270px; text-align: center; border-bottom: 1px solid #eee; height: 350px; margin: 0 30px 20px 0; }

    .pro_index_item .t { font-size: 16px; color: #333; line-height: 3; font-weight: bold; }

    .pro_index_item .act { display: inline-block; padding: 3px 10px; background: #dfdfdf; color: #000; border: 1px solid #c9c9c9; border-radius: 2px; overflow: hidden; margin: 10px 0 22px; }

    .pro_index_item .img { height: 170px; line-height: 170px; border-bottom: 1px solid #eee; overflow: hidden; padding-bottom: 8px; margin-bottom: 8px; }

    .pro_index_item p.el { width: 90%; margin: 0 auto; height: 2em; }

    .pro_index_item .img img { display: inline-block; vertical-align: middle; }

    .pro_index_item .img s { _display: inline-block; width: 0; height: 100%; overflow: hidden; vertical-align: middle; }

    .pro_index_item:hover, .pro_index_item_hover { background: #f8f8f8; }

    .pro_index_item .act:hover { background: #de1b23; border-color: #de1b23; color: #fff; }

.pro_news li { float: left; width: 144px; height: 188px; background: #eee; margin-left: 10px; color: #999; overflow: hidden; _display: inline; }

.pro_news img { width: 100%; height: 90px; }

.pro_news .title { font-size: 14px; line-height: 1.5; padding: 5px 10px; color: #999; height: 60px; overflow: hidden; }

    .pro_news .title:hover, .pro_news .first a:hover .p { color: #333; }

.pro_news .info { padding: 0 10px; }

    .pro_news .info a { float: right; }

    .pro_news .info em { display: none; }

.pro_news .first { margin: 0; width: 690px; }

    .pro_news .first img { float: left; width: 300px; height: 188px; margin-right: 20px; }

    .pro_news .first .info em { display: inline; }

    .pro_news .first .p { height: 80px; overflow: hidden; color: #999; cursor: pointer; padding: 0 12px 0 0; margin-bottom: 20px; }

    .pro_news .first .title { padding-left: 0; height: 50px; line-height: 50px; font-size: 16px; color: #333; font-weight: bold; }

.case_side { width: 180px; }

.case_list { text-indent: 2em; line-height: 28px; color: #333; }

    .case_list li { background: #e7e7e7; cursor: pointer; }

    .case_list ul { background: #f4f4f4; display: none; }

        .case_list ul li { background: none; }

    .case_list a { display: block; height: 28px; }

    .case_list .cur { background: #d6d6d6; }

        .case_list .cur ul { display: block; }

        .case_list .cur a { color: #999; }

        .case_list a:hover, .case_list .cur .on { color: #e60013; }

.case_main { width: 1000px; }

.sear { padding: 0 30px 10px; background: #eee; border: 1px solid #ddd; }

    .sear .t { font-size: 16px; line-height: 2.4; }

.serv_select li { float: left; width: 36px; border: 1px solid #ccc; background: #fff; padding: 0 5px; margin-right: 5px; cursor: pointer; }

.rect { display: inline-block; width: 2px; height: 3px; overflow: hidden; border-left: 2px solid #fff; border-bottom: 2px solid #fff; margin-top: 9px; }

.on .rect { border-color: #e60013; }

.sear_f { border: 1px solid #ccc; background: url(../images/fangdj.gif) 96% -32px no-repeat #fff; }

    .sear_f .btn { width: 25px; }

.seque { height: 14px; line-height: 14px; font-size: 14px; *line-height: 16px; }

    .seque span { display: inline-block; border-right: 1px solid #ddd; padding: 0 .5em; cursor: pointer; }

    .seque .on { color: #e60013; }

.wf_box { float: left; width: 230px; min-height: 100px; margin: 5px; background: #f2f2f2; border-radius: 5px; }

    .wf_box img { display: block; border: none; width: 100%; }

    .wf_box .c { padding: 8px; color: #999; }

    .wf_box .t { font-size: 14px; color: #333; font-weight: bold; }

    .wf_box .p { margin: 10px 0; }

    .wf_box .c:hover .t a { color: #dc3d37; }

    .wf_box .c .ico { vertical-align: -5px; *vertical-align: 0px; margin: 0 4px; }

#loadmore { text-align: center; cursor: pointer; padding: 10px; font-size: 14px; }

.duibi_hot { padding-top: 10px; }

    .duibi_hot a { margin: 0 10px; cursor: pointer; }



.gallery-box a img { border: 1px solid #ccc; padding: 5px; margin-bottom: 10px; margin-left: 10px; width: 30%; }


.main-im { position: fixed; right: 10px; bottom: 250px; z-index: 100; width: 110px;}
    .main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
        .main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
    .main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
    .main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
    .main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
    .main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
    .main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; display: block; }
        .main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
            .main-im .im_main .im-tel div { font-weight: bold; font-size: 12px; margin-top: 6px; }
            .main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; }
            .main-im .im_main .im-tel:hover { background: #fafafa; }
        .main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center; float: left; }
        .main-im .im_main .weixing-show { width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; display: none; }
            .main-im .im_main .weixing-show .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2; }
            .main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
            .main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
            .main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 110px; left: 7px; width: 100px; margin: 0 auto; text-align: center; }
        .main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/totop-icon.png) no-repeat center center; float: right; }
            .main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
    .main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
        .main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
            .main-im .close-im a:hover { text-decoration: none; }
    .main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; display: none; }

.vLi { width: 100%; overflow: hidden; position: relative; }
    .vLi ul { width: 100%; }
    .vLi li { float: left; text-align: center; width: 33.3%; border-bottom: 1px solid #E0E0E0; margin-top: 30px; padding-bottom: 30px; }
    .vLi .viBox { width: 200px; padding: 0px 16px; height: 174px; margin: 0px auto; border-right: 1px solid #E0E0E0; overflow: hidden; position: relative; }
    .vLi li b { display: block; width: 198px; text-align: left; font-size: 13px; font-weight: normal; height: 14px; overflow: hidden; line-height: 180%; color: #666; border-bottom: 1px solid #E0E0E0; padding-bottom: 8px; }
    .vLi li .viBox div { margin: 12px auto; width: 180px; height: 130px; }
        .vLi li .viBox div a { display: block; width: 180px; height: 140px; display: table-cell; vertical-align: middle; }
    .vLi li img { max-width: 180px; max-height: 135px; vertical-align: middle; }
    .vLi li p { text-align: left; color: #AAA; line-height: 22px; }
    .vLi li em { display: block; line-height: 22px; text-align: right; }
.dl-list {width:100%; }
.dl-list dt { line-height: 48px; color: #fff; padding: 0 15px; background-color: #68d1e6; font-size: 16px; margin-bottom: 15px; }
.dl-list dd { margin-bottom: 15px; }
.dl-list li { margin-bottom: 15px; height: 48px; line-height: 48px; font-size: 14px; background-color: #f1f1f1; border: 1px solid #e6e6e6; padding-left: 52px; position: relative; }
.dl-list p { width: 70%; float: left; }
    .dl-list p#load-p { width: 100%; }
.dl-list b { position: absolute; width: 39px; height: 48px; background: url(../img/pdf.png) no-repeat left top; left: -1px; top: -1px; }
.dl-list li a { float: right; color: #666; width: 105px; text-indent: 41px; background: #f1f1f1 url(../img/down.png) no-repeat 14px 50%; height: 100%; }
.dl-list a:hover { color: #329bdd; }