@charset "utf-8";

.my_xuxian{border-bottom: 1px dashed #ccc;height: 10px;width: 100%}
.pagewidth{width:1242px;height:auto;margin:0px auto;overflow:hidden;}
/*index首页样式*/
.hdj-height-100{height:110px;}
.logo{margin-top: 20px;}
.hdj-navbar-black{height: 49px;background: url("../images/nav_bg.gif") repeat-x}
.index_box1{height: auto;width: auto;background: url("../images/line-bg.gif") repeat-x}
.index_box1-l{width: 845px;height:auto;float: left;}
.index_box1-r{width: 377px;height:auto;float: right;padding-left: 20px;}
/*banner样式开始*/
.index_banner { width: 845px; height: 296px; position: relative; overflow:hidden;}
/*数字按钮样式*/
.index_banner .num {overflow:hidden; height: 20px; position: absolute; bottom:12px; left: 25px; zoom:1; z-index:3 }
.index_banner .num li { width: 20px; height: 20px; line-height: 20px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #666; margin-right: 10px; border-radius:20%; cursor:pointer; float: left; }
.index_banner .num li.on { background: #FF7700; } /*当前项*/
.index_anli{height: 265px;border-bottom:1px solid #ccc;}
.index_anli_title{height: 52px;line-height: 60px;border-bottom:1px solid #ccc;color: #666666;overflow: hidden}
.index_anli_box{height: 220px;}
.index_anli_box ul li{float: left;width: 108px;height: 76px;margin-right: 2px;margin-left:8px;margin-top: 25px;}
.index_box1_top{height: 244px; width: 377px;background:url("../images/yccc.png") no-repeat;margin-top: 20px;font-size: 14px;color: #fff;}
.index_box1_top_title{height: 40px;line-height: 40px;text-indent: 25px;}
.index_box1_top ul{padding-left: 160px;padding-top: 5px;}
.index_box1_top ul li{line-height: 26px;}
.index_box1_center{height: 95px; width: 357px;background-color: #9febde;margin-top: 13px;padding-left: 20px;position: relative}
.index_box1_center h3{padding-top:15px;padding-bottom: 5px;}
.index_box1_center p{ width: 250px;font-weight: bold;font-family: '微软雅黑'}
.index_box1_center img{position: absolute;top:15px; right: 15px;}
.index_box1_bottom{height: 191px; width: 375px;margin-top: 14px;border: 1px solid #ccc;font-family: '微软雅黑'}
.index_box2{height: 300px;background: #f3f3f3 url("../images/index_box2_bg.gif") repeat-x;margin-top: 15px; margin-bottom: 10px;}
.index_box2_title{height: 52px;line-height: 52px;}
.index_box2_title h3{width:140px;padding: 0px;margin: 0px;line-height: 52px; text-indent: 15px;border-right:1px solid #ccc;float: left;margin-right: 20px;color: #666666}
.index_box2_title h4{width:auto;padding: 0px 10px;margin: 0px;line-height: 55px; float: left;color: #31bda3;text-align: center;background: url("../images/line.gif") no-repeat center right}
.index_box2_con{height: 228px;padding: 10px 5px 10px 35px;}
.index_box2_con_box{height: 228px;width: 215px;float: left;margin-right: 25px;overflow: hidden}
.index_box3{height: auto;background: url("../images/line2.gif") repeat-x top}
.index_box3_con{height: auto;}
.index_box3_con_l{width: 800px;float: left;padding: 20px 10px 10px 10px}
.index_box3_con_l1{width: 520px;float: left;}
.index_box3_con_l1 dl dt{float: left;margin-right: 10px;}
.index_box3_con_l1 dl dd{padding-right: 10px;}
.index_box3_con_l1 ul li{height: 27px;margin-bottom: 2px;background-color: #ededed;line-height:27px;font-size: 13px;color: #00504b}
.index_box3_con_l2{width: 260px;float: left; padding: 0px 10px;}
.index_box3_con_l2 p{width:225px;float: left;background-color: #f1f1f1;padding: 12px 10px 5px 10px;line-height: 20px;font-size: 13px;}

.index_box3_con_r{width: 422px;float: left;position: relative;}
.index_box3_con_r_tabs{width: 400px;height: auto;min-height:245px;margin-top: 20px;margin-left: 10px;float: right;border: 1px solid #ccc;}
.index_box3_con_r_tabs1{width: 400px;height: 180px;margin-top: 20px;margin-left: 10px;float: right;border: 1px solid #ccc;}

.htools{height: 52px;width:400px;background-color: #bce6ff;position: absolute;bottom: 1px; left: 21px;line-height: 52px;}
.htools .htools_1{width:60px;background:url("../images/book.png") no-repeat center right;float:left}
.htools .htools_2{width:220px;float:left;text-indent:20px;line-height:52px;}
.htools .htools_3{width:66px;float:left}

.htools1{height: 52px;width:400px;background-color: #bce6ff;line-height: 52px;}
.htools1 .htools_11{width:60px;background:url("../images/qq.png") no-repeat center right;float:left}
.htools1 .htools_21{width:220px;float:left;text-indent:20px;line-height:52px;}
.htools1 .htools_31{width:66px;float:left}
.index_box3_zttitle{height: 40px;background-color: #f1f1f1;border-bottom: 1px solid #ccc;line-height: 40px;font-size: 15px;text-indent: 20px;}
.index_box3_ztcon{padding: 15px;font-size: 13px;}
.pagefoot{height: 198px;background: url("../images/foot_bg.png") repeat-x}
.pagefoot .footwidth1{width:100px;}
.pagefoot .footwidth2{width:360px;}
.pagefoot .footwidth3{width:200px;}
.pagefoot .footwidth4{width:260px;color: #9a9a9a;font-size: 13px;padding-top: 40px;font-family: '微软雅黑'}
.pagefoot .footwidth4 p{padding: 0px;margin: 0px;}
.pagefoot_box{padding-top: 20px;padding-left: 20px;float: left}
.pagefoot_box a{color:#9a9a9a}
.pagefoot_box a:hover{color:#fff}
.pagefoot_box dl dt{font-size: 16px;color: #fff;margin-bottom: 7px;}
.pagefoot_box dl dd{width:120px;font-size: 13px;color: #9a9a9a;float: left;}
.footer_box{height: 150px;margin-top: 20px;font-size: 13px;padding-left: 30px;}
.footer_box ul li{float:left;margin-right: 15px;}
.footer_box dl{margin-top: 10px;}
.footer_box dl dt{float:left}



/*新闻资讯详细页*/
.new_tel{height: 140px;width: 337px;background-color: #fff;margin-top: 10px;padding: 20px;}
.new_tel span{font-size: 14px;color: #184441}
.tel_input{height: 35px;width:240px;line-height: 35px;border: 0px;border-bottom: 1px solid #ccc}
.tel_btn{height: 35px;width: 75px;background: url("../images/tel_btn.png") no-repeat;border: 0px;cursor: pointer}
.new_info{padding-top: 15px;}
.new_info_left{width: 620px;margin-right: 20px;}
.new_info_center{width: 195px;height:694px;background:url("../images/line_dian.png") repeat-x;margin-right: 25px;text-align: center}
.new_info_right{width: 382px;}
.new_info_left_title{height: 38px;line-height: 38px;border-bottom: 1px dashed #bbb}
.new_info_left_title h4{padding: 0px;margin: 0px;height: 38px;line-height: 38px;text-indent: 20px;width: 250px;display: inline;padding-left: 20px;font-size: 20px;}
.new_info_left_box{width: 580px;height: auto;overflow: hidden;padding: 20px;}
.new_info_left_box h1{font-size: 16px;padding-top: 0px;}

.new_info_center ul li {height: 33px;line-height: 33px;font-size: 14px;}


.new_info_tabs{width: 382px;height: 270px;margin-left: 10px;float: right;border: 1px solid #ccc;}
.new_info_zttitle{height: 40px;background-color: #f1f1f1;border-bottom: 1px solid #ccc;line-height: 40px;font-size: 15px;text-indent: 20px;}
.new_info_ztcon{padding: 15px;font-size: 13px;}
.new_info_ztcon ul li{background: url("../images/arr1.png") no-repeat center left;text-indent: 18px}

.new_info_tip{width: 315px;height:149px;background: url("../images/tip_bg.gif") repeat-x;border: 1px solid #ccc;padding-top: 20px;padding-left: 65px;}
.new_info_tip h3{padding-bottom: 0px;padding-top: 15px;font-size:22px;}

.company_info{height: 200px;border-top: 1px dashed #ccc;border-bottom: 1px dashed #aaa;padding:15px 10px;font-family: '微软雅黑'}
.company_info h4{padding:0px;margin:0px;font-weight:bold;color:#194542;margin-bottom:10px;}
.company_info .left{width:160px;font-size:12px;}
.company_info .right{width:auto;font-size:13px;}
.company_info .pstyle{float:right;padding-right:50px;font-weight:bold}
.company_info .pstyle span{font-size:26px;color:#42baa1}


/*新闻资讯页面*/
.new_left{width:840px;margin-right: 20px;}
.new_box{height:345px;width:410px;float:left;border-top:1px solid #333}
.new_box_title{height:55px;line-height:55px;border-bottom:1px dashed #ccc}
.new_box_title span{width:204px;text-align:center;display:block;float:left;font-size:20px;cursor:pointer}


/*产品页面*/

.new_product{height: auto;width: 840px;padding-top: 20px;overflow: hidden;}
.new_product ul li{width: 260px;height: 250px;float: left;margin-right: 13px;margin-left: 7px;margin-bottom: 10px;color: #666}
.new_product ul li dl dt{width: 260px;height: 170px;margin-bottom: 5px;}
.new_product ul li dl dd{width: 260px;height: 18px;line-height: 18px;}
.new_product ul li dl dd span{display: block;float: left}

.new_product_cate{padding: 15px 5px 15px 30px;font-size: 13px;overflow: hidden}
.new_product_cate ul li{background: url("../images/arr1.png") no-repeat left 6px;text-indent: 18px;float: left; width: 115px;line-height: 26px;}

.product_info_show{height: 530px;width: 800px;margin: 20px auto;}

.section-focus-pic{margin:8px 0 0 0;height:530px;width:800px;overflow:hidden;position:relative;}
.section-focus-pic ul li{position:absolute;top:0;left:800px;width:800px;height:530px;}
.section-focus-pic .pages{width:800px;height:300px;}
.section-focus-pic .controler{position:absolute;bottom:20px;right:20px;}
.section-focus-pic .controler b{cursor:pointer;width:10px;height:10px;display:block;overflow:hidden;text-indent:20px;background:#ccc; float:left;margin:0 0 0 5px;}
.section-focus-pic .controler b.down{background:#31bda3}
.section-focus-pic .controler2 a{display:block; width:40px;position:absolute;top:230px;height:40px;}
.section-focus-pic .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url("../images/star.png") no-repeat;}
.section-focus-pic .controler2 .prev{left:5px;}
.section-focus-pic .controler2 .prev i{background-position:-34px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star_05.png');margin-left:5px;}
.section-focus-pic .controler2 .prev:hover i{left:10px;background-position:-34px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star_03.png');}
.section-focus-pic .controler2 .next{right:10px;}
.section-focus-pic .controler2 .next i{background-position:-62px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star_06.png');margin-left:10px;}
.section-focus-pic .controler2 .next:hover i{right:10px;background-position:-62px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star_04.png');}

/*设备*/
.tools_tips{border-bottom: 1px dashed #ccc;width: 610px;}
.tools_tips1{border-bottom: 1px dashed #ccc;width: 620px;text-indent: 12px;}
.tools_box{height: 135px;width: 608px;background-color: #f4f4f4;margin-bottom: 10px;}
.tools_box dl dt{width:166px;height: 116px;float: left;margin:6px 18px 6px 6px;border: 1px solid #ccc;padding: 2px;background-color: #fff}
.tools_box dl dd{ width: 580px;}

.new_list ul li{line-height: 30px;border-bottom: 1px dashed #ccc;text-indent: 10px;}
.case_list ul li{line-height: 30px;border-bottom: 1px dashed #eaeaea;text-indent: 10px;}

.offer_box{overflow: hidden}

.design_box dl{width:170px;height: auto;margin-bottom:10px;margin-right:10px;text-align:center;margin-left:20px;float:left;font-size:12px;}
.design_box ul li{height: 265px; width: 375px; background-color: #00a0e9; float:left;margin-right: 20px;margin-bottom: 20px;}

.index_send{border: 0px;border-bottom: 1px solid #ccc;width: 260px;line-height: 24px;}
.page_show{height: 50px;line-height: 50px; width: 100%;background-color: #00B83F;}
.page_show ul li{float: left}


/*分页样式*/
.pagination {
    margin: 20px 0;
}
.pagination ul {
    display: inline-block;
    list-style:none;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
    display: inline;
}
.pagination ul > li .current {
    color:#fff;
    background:#184441;
    font-weight:bold;
    border-top:1px solid #184441;
    border-bottom:1px solid #184441;
}
.pagination ul > li > a,
.pagination ul > li > span,
.pagination #lastspan {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
}

.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #999999;
    cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,

.pagination ul > .disabled > a:focus {
    color: #999999;
    background-color: transparent;
    cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span,
.pagination #lastspan {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span,
.pagination-large #lastspan{
    padding: 11px 19px;
    font-size: 17.5px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span,
.pagination-large #lastspan {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 11.9px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
    padding: 0 6px;
    font-size: 10.5px;
}


/*客服代码部分*/
.qqserver .qqserver-header:after,.qqserver .qqserver-header:before,.qqserver li a:after,.qqserver li a:before{display:table;content:''}
.qqserver .qqserver-header:after,.qqserver li a:after{clear:both}
.qqserver .qqserver-header,.qqserver li a,.tabs,.user-main,.view-category,.view-category-list>li{*zoom:1}
.qqserver{position:fixed;top:50%;right:0;height:auto;margin-top:-150px;z-index:99999999999999}
.qqserver.unfold .qqserver-body{right:0}
.qqserver .qqserver-body{position:absolute;right:-198px;width:196px;height:auto;padding:12px 0px;-webkit-transition:.3s cubic-bezier(.19,1,.22,1);-o-transition:.3s cubic-bezier(.19,1,.22,1);transition:.3s cubic-bezier(.19,1,.22,1);border:1px solid #53baa0;border-radius:4px;background:#f4f7fa}
.qqserver .qqserver_fold{position:absolute;right:0;padding:14px 0px;cursor:pointer;}
.qqserver .qqserver-header{padding-bottom:10px;padding-left:6px;border-bottom:1px dashed #d1d4cc}
.qqserver .qqserver-header *{float:left}
.qqserver .qqserver_arrow{margin-top:-1px;margin-left:7px;cursor:pointer}
.qqserver li{background-image:url(../images/q.png);height:44px;width:166px;margin:10px auto}
.qqserver li a{display:block;padding:6px 12px 4px}
.qqserver li a span{font-size:14px;line-height:18px;float:left;text-indent:4px;line-height:34px;text-indent:50px;font-weight:bold;color:#53baa0}
.qqserver li a span.qqserver-service-alert{font-weight:400;display:block}
.qqserver .qqserver-footer{padding-bottom:14px;text-align:center}
.qqserver .qqserver-footer .text-primary{color:#70CA5D;font-size:14px;}
.qqserver .qqserver_icon-alert{display:inline-block;margin-right:10px;vertical-align:-3px;*display:inline;*zoom:1;*vertical-align:-1px}
.qqserver-header div{width:150px;height:20px;line-height:20px;font-size:16px;text-indent:30px;color:#31bda3;font-weight:bold;background:url(../images/kf.png) no-repeat left 0px;}

.qqserver_icon-alert{width:16px;height:14px;background-image:url(../images/backgrounds.32.png);background-position:-595px -85px}
.qqserver li a .qqserver-service-alert{width:30px;height:22px;background-image:url(../images/backgrounds.32.png);background-position:-342px 0}
.qqserver_fold div{width:37px;height:195px;background-image:url(../images/kefu.png);background-position:0 0}
.qqserver_fold:hover div{width:37px;height:195px;background-image:url(../images/kefu.png);}
.qqserver_arrow{width:18px;height:18px;background-image:url(../images/backgrounds.32.png);background-position:-435px 0}
.qqserver_arrow:hover{width:18px;height:18px;background-image:url(../images/backgrounds.32.png);background-position:-435px -38px}