body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding: 0; }
fieldset, img,img a { border: 0; }
a,a:link {color:#0068b7;}
a:hover {color:#0068b7;text-decoration:none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select { *font-size: 100%;}
textarea { overflow:auto; }
body { line-height: 1.5;height:100%;}
ol, ul { list-style: none; }
:link, :visited, ins { text-decoration: none; }
body { font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif; color:#666;background:#f2f2f2 url(../images/bg.png) repeat-x top; }
select, input, button, textarea, button { font:99% arial, helvetica, clean, sans-serif; }
table { font-size:inherit; border-collapse: collapse; border-spacing: 0; }
.o-v { overflow:hidden;zoom:1}
.fr { float:right}
.clear {clear:both}
.cf:after,.cf:before{display: table;content: " ";}
.cf:after{clear: both}
.cf{*zoom: 1;}
.red {color:#c60000}
.f12 { font-size:12px}
.f14 { font-size:14px}
.f16 { font-size:16px}
.pd {padding:10px}
.ctr { text-align:center}
.mb {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mt20 {margin-top:20px}
.ml {margin-left:10px}
.mt {margin-top:10px}
.mr {margin-right:10px}
.fr { float:right}
.fl { float:left}
.top_sdw {background:url(../images/top_sdw.png) repeat-x top; padding-top:20px}
.tips { line-height:18px; color:#999}
.header {}
.header .logo,.wrapper,.Navigation,.footer {}

.wrapper {width:990px;background:#fff url(../images/btm_sdw.png) no-repeat bottom;padding-bottom:60px; margin:20px auto 20px}

.container {overflow:hidden; zoom:1;width:970px; margin:20px auto 10px;background:url(../images/warpper_bg.png) repeat-y left;}
.sider,.main { float:left; display:inline;}
.sider {width:175px;}
.sider ul { border-top:#d3d3d3 solid 1px}
.sider ul li {border-bottom:#d3d3d3 solid 1px}
.sider ul li a {width:155px;height:35px; line-height:35px;background-image:url(../images/menu_bg.png); background-repeat:no-repeat;color:#333; text-decoration:none; padding-left:20px; display:block}
.sider li a,.sider li a:link {background-position:0 -35px}
.sider li a:hover {color:#c60000;}
.sider li.on a { background-position:0 0; font-weight:bold;color:#c60000;}
.main { width:795px; padding-bottom:36px;background:url(../images/border.png) no-repeat top right;padding-top:10px}
.footer {
    width:1000px;
    margin:10px auto;
    padding: 20px 0;
    background: url("../images/fooer.png") top center no-repeat;
    color: #fff;

}

.footer img {margin-bottom:10px}
.footer p { line-height:24px; text-align:center}
.footer a{
    color: #7db5ef
;
}

/*菜单导航*/
.topnav { background-color:#f1f1f1; border-bottom:#dcdcdc solid 1px; height:24px; line-height:24px}
.topnav p { width:1000px; margin:0 auto;padding:0 12px}
.topnav p a { color:#666; text-decoration:none; margin:0 6px; font-size: 14px;font-family: "微软雅黑"}
.topnav p a:hover { border-bottom:#666 dashed 1px}

.Navigation {width:970px;margin:0px auto; height:50px;background: url(../images/nav.png) no-repeat;}
.Navigation ul {padding:0; margin: 0;float: left;list-style-type:none; overflow:hidden; zoom:1}
.Navigation ul li {padding:0;display:inline;margin:0px;text-indent:-9999px;}
.Navigation ul li a {width:120px;height:50px;background: url(../images/nav.png) no-repeat; float: left; color:#fff; text-decoration: none; cursor:pointer}
.Navigation li.nav_a a,.Navigation li.nav_a a:link { background-position:0 0}
.Navigation li.nav_b a,.Navigation li.nav_b a:link {background-position:-120px 0}
.Navigation li.nav_c a,.Navigation li.nav_c a:link {background-position:-240px 0}
.Navigation li.nav_d a,.Navigation li.nav_d a:link {background-position:-360px 0}
.Navigation li.nav_e a,.Navigation li.nav_e a:link {background-position:-480px 0}
.Navigation li.nav_f a,.Navigation li.nav_f a:link {background-position:-600px 0}
.Navigation li.nav_g a,.Navigation li.nav_g a:link {background-position:-720px 0}
.Navigation li.nav_h a,.Navigation li.nav_h a:link {background-position:-840px 0}

.Navigation li.nav_a a:hover,.Navigation li.nav_a_on a {background-position: 0px -50px}
.Navigation li.nav_b a:hover,.Navigation li.nav_b_on a {background-position: -120px -50px}
.Navigation li.nav_c a:hover,.Navigation li.nav_c_on a {background-position: -240px -50px}
.Navigation li.nav_d a:hover,.Navigation li.nav_d_on a {background-position: -360px -50px}
.Navigation li.nav_e a:hover,.Navigation li.nav_e_on a {background-position: -480px -50px}
.Navigation li.nav_f a:hover,.Navigation li.nav_f_on a {background-position: -600px -50px}
.Navigation li.nav_g a:hover,.Navigation li.nav_g_on a {background-position: -720px -50px}
.Navigation li.nav_h a:hover,.Navigation li.nav_h_on a {background-position: -840px -50px}

.Navigation li.nav_a_on a {background-position: 0px -100px}
.Navigation li.nav_b_on a {background-position: -120px -100px}
.Navigation li.nav_c_on a {background-position: -240px -100px}
.Navigation li.nav_d_on a {background-position: -360px -100px}
.Navigation li.nav_e_on a {background-position: -480px -100px}
.Navigation li.nav_f_on a {background-position: -600px -100px}
.Navigation li.nav_g_on a {background-position: -720px -100px}
.Navigation li.nav_h_on a {background-position: -840px -100px}


.box308,.box388,.box367,.box285 { float:left; display:inline; margin:0 6px 10px 7px}
.box308 {width:308px; background:url(../images/box368.png) no-repeat top; height:168px}
.box388 {width:388px; background:url(../images/box388.png) no-repeat top; height:208px}
.box367 {width:367px}
.box587 {width:587px;float:left; display:inline;margin-left:6px}
.box285 {width:285px;background:url(../images/box295.png) no-repeat top; height:168px}

.box308 h2,.box285 h2,.box388 h2 { margin:9px 15px} 
.box308 ul,.box388 ul {margin-left:110px}
.box285 ul {margin:0 15px}
.box308 ul li,.box388 ul li,.box285 ul li,.contant ul li { background:url(../images/list_piont.png) no-repeat left 9px; line-height:22px;padding-left:8px}
.box308 ul li a,.box388 ul li a,.box285 ul li a,.contant ul li a,.intr_pic p a {color:#555; text-decoration:none}
.box308 ul li a:hover,.box388 ul li a:hover,.box285 ul li a:hover,.contant ul li a:hover,.intr_pic p a:hover { border-bottom:#555 dashed 1px}
.intr_pic { float:left;margin:5px 12px 6px 15px; text-align:center; display:inline}
.intr_pic p { line-height:30px}

.guid {height:48px; line-height:48px; color:#555}
.guid span {margin-right:8px}
.guid a {text-decoration:none}

.contant {padding:0 0 0 10px; overflow:hidden;zoom:1}
.contant h2 {clear:both; height:50px; line-height:50px; background:url(../images/tit_bg.png) no-repeat right;  padding-left:12px; padding-right:80px}
.contant h2,.contant h3 { overflow:hidden;color:#555;}
.contant h2 span { font-size:12px}
.contant h3 {line-height:18px;margin-top:12px; font-size:14px; font-weight:bold}
.contant h3 img {float:none; margin:0 0 0 12px;}
.contant img { float:left;margin:0 12px 12px 0}
.contant p { line-height:22px;padding:9px 24px 9px 12px}
.contant p a {border-bottom:#0068b7 dashed 1px;}
.contant p a:hover {border-bottom:0}
.contant ul {padding:0 12px}
.contant .dashed { border-bottom:#d3d3d3 dashed 1px;overflow:hidden;zoom:1;margin-bottom:6px}
.contant .part3 { width:230px; float:left; display:inline;margin:0 0 0 12px}
.part3 p {padding-right:12px; padding-left:0;text-indent:0;}
.contant .part3 h3 img { margin:0}

.contant .part3cw { width:190px; float:left; display:inline;margin:0 42px 0 12px}
.part3cw p {padding-right:12px; padding-left:0;text-indent:0;}
.contant .part3cw img { margin:0}

.contant .part4 { width:160px; float:left; display:inline;margin:0 10px;padding:10px 10px 10px 0; text-align:center; border-right:#d3d3d3 dashed 1px}
.part4 p {padding:0;text-indent:0; text-align:left}
.contant .part4 img { margin:0 auto; width:62px; float:none; text-align:center}

.contant .part2 { width:320px; float:left; display:inline;margin:0 30px 0 12px}
.part2 p {padding-right:12px; padding-left:0;text-indent:0;}
.contant .part2 h3 img { margin:0}

.contant .part2c { width:370px; float:left; display:inline;margin:0 10px 0 0}
.part2c p {padding-left:0;padding-right:0;text-indent:0;}
.contant .part2c h3 img { margin:0}

.dashed img {margin-top:15px}

.vedio { clear:both; text-align:center; line-height:36px; font-size:14px}
.vedio img { float:none; margin:0 auto}

.table {margin:20px auto 30px; text-align:center; clear:both}
.table table { background-color:#f9f9f9; width:99%}
.table td {border-bottom:#fff solid 2px; border-right:#fff solid 2px;padding:3px 6px; line-height:22px}
.table .title,.table .toptitle {background-color:#d9d9d9;text-align:center; font-size:14px;}
.table .title { background-color:#d9d9d9;color:#333;line-height:30px; }
.table img { float:none; margin:6px 0 0}
.table .toptitle { color:#333;white-space:nowrap; line-height:24px;}
.table .graybg { background-color:#ececec}
.table .add { background-color:#FFC; cursor:pointer}
.table .Nr {white-space:nowrap}

.intro {}
.intro table {width:520px;border-top:#dbdbdb solid 1px; border-left:#dbdbdb solid 1px;margin:10px 0}
.intro td {border-bottom:#dbdbdb solid 1px; border-right:#dbdbdb solid 1px;padding:3px 6px; line-height:20px; text-align:center}
.intro td p { text-align:left; line-height:120%}
.intro .title {font-size:14px;color:#333; font-weight:bold}
.intro .graybg { background-color:#f4f4f4}

.jc { background:url(../images/core_bg.png) no-repeat left top; width:562px; height:296px;padding-left:160px; margin-bottom:24px}
.contant .part4c { width:114px; float:left; display:inline;margin:0 8px;padding:10px 8px 10px 0; text-align:center; border-right:#d3d3d3 dashed 1px}
.part4c p {padding:0;text-indent:0; text-align:left}
.contant .jc img { margin:18px 0 8px 90px; width:358px; float:none; text-align:center}

.tabtit { height:33px; line-height:33px;margin-bottom:12px}
.tabtit span {text-indent:-9999px;}
.tabtit span a {width:194px;height:33px;background: url(../images/tab_tit.png); float: left; color:#fff; text-decoration: none; cursor:pointer}
.tabtit span.a_on a,.tabtit span.a_on a:link { background-position:0 0}
.tabtit span.b_on a,.tabtit span.b_on a:link { background-position:-194px -33px}

.tabtit span.a_out a,.tabtit span.a_out a:link { background-position:0 -33px}
.tabtit span.b_out a,.tabtit span.b_out a:link { background-position:-194px 0}

.fuction {}
.fuction span {float:left; height:35px; text-align:right;padding-top:120px}
.fuction span a {margin-right:12px; color:#888; text-decoration:none;}
.fuction span a:hover { border-bottom:#666 dashed 1px}
.fuction .part01 { width:321px; background:url(../images/h001.png) no-repeat}
.fuction .part02 { width:327px; background:url(../images/h002.png) no-repeat}
.fuction .part03 { width:322px; background:url(../images/h003.png) no-repeat}

.fuction02 { background:url(../images/fuction_bg.png) no-repeat bottom}
.fuction02 span {float:left; height:26px; text-align:right;padding-top:124px}
.fuction02 span a {margin-right:12px; color:#888; text-decoration:none;}
.fuction02 span a:hover { border-bottom:#666 dashed 1px}
.fuction02 .part01 { width:321px; background:url(../images/t001.png) no-repeat}
.fuction02 .part02 { width:327px; background:url(../images/t002.png) no-repeat}
.fuction02 .part03 { width:322px; background:url(../images/t003.png) no-repeat}

.fuction03 { background:url(../images/fuction_bg.png) no-repeat bottom}
.fuction03 span {float:left; width:214px;padding-top:76px; padding-left:18px; padding-right:10px;padding-bottom:10px}
.fuction03 .part01 {background:url(../images/t004.png) no-repeat top center}
.fuction03 .part02 {background:url(../images/t005.png) no-repeat top center}
.fuction03 .part03 {background:url(../images/t006.png) no-repeat top center}
.fuction03 .part04 {background:url(../images/t007.png) no-repeat top center}
.fuction03 .part05 {background:url(../images/t008.png) no-repeat top center}
.fuction03 .part06 {background:url(../images/t009.png) no-repeat top center}
.fuction03 .part07 {background:url(../images/t010.png) no-repeat top center}
.fuction03 .part08 {background:url(../images/t011.png) no-repeat top center}
.fuction03 span b { text-align:center; font-weight:normal; display:block;color:#df2a00; margin-bottom:6px}

.ch_pro { overflow:hidden; zoom:1; font-size:14px}
.ch_pro .ctn { text-align:center;padding-top:10px}
.ch_pro .ctn img {margin:10px auto}
.ch_pro b { display:block; line-height:30px;margin-bottom:10px}
.ch_pro p { text-indent:2em; line-height:24px}

.download { background:url(../images/download_topic.png) no-repeat top center; width:970px; height:368px}
.download .btn {padding:270px 0 0 270px}
.download .btn img { float:left; margin-right:12px}
.download .btn p {float:left;padding-top:10px;color:#666}
.product-a a{display:inline-block;*display:inline;zoom:1;width:192px;height:185px;margin-top:-280px;}

/*滚动大图*/
.slider {padding-top:50px;position:relative;overflow:hidden;width:410px;height:265px; margin:0 10px}
.slider li { float:left; display:inline; width:410px; height:265px; color:#fff}
.slider_m { background:url(../images/sys_bg.png) no-repeat top center; height:424px;overflow:hidden;}
.slider_m .num {margin-left:30px}
.slider_m .num li {height:82px; line-height:82px; width:72px;margin:10px;display:inline; float:left; text-align:center; cursor:pointer}
.slider_m .num li.on {background:url(../images/sys_on.png) no-repeat}

/*弹窗*/
.win {text-align:left;z-index:999;left:50%;top:160px; background-color:#fff;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;border-radius: 4px;position:fixed!important;/* FF IE7*/position:absolute;/*IE6*/_top:expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}

.bg,.popIframe {background-color: #000; display:none;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=35);/*IE*/
opacity:0.35;/*FF*/
z-index:1;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}
.popIframe {
filter:alpha(opacity=0);/*IE*/
opacity:0;/*FF*/
}
.close a {width:22px; height:22px;float:right; z-index:9999999;top:10px;right:10px; position:absolute}

.page{
    width: 1000px;
    margin: 20px auto;
    background: #fff;


}
.hgd-info,
.hgd-tab-nav,
.pro-top{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 12px;
    color: #8a8a8a;
}
.pro-top{
    padding: 0 15px;
}
.hgd-info-left{
    background: url("../images/logo.jpg") 15px 30px no-repeat;
    padding: 50px 0 20px 190px;

}
.hgd-info-right{
    padding: 25px 15px 0 0;
    text-align: right;
}
.hgd-info-right > p:nth-child(1){
    font: bold 16px "微软雅黑";
    color: #531b1b;
}
.hgd-banner{
    height: 300px;
    background: url("../images/banner2019.jpg") no-repeat;
}
.hgd-tab-nav{
    height: 60px;
    line-height: 60px;
    background: #ececec;
}
.hgd-tab-nav > ul{
    font-size: 16px;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

}
.hgd-tab-nav > ul a{
	display:block;
    padding: 0 15px;
    color: #707b8c;
    border-right: 1px solid #d7dbde;
    font-family: "微软雅黑";
}

.hgd-tab-nav > ul .active {
    background: #dddddd;
    border-top: 2px solid #cc0000;
    font-weight: bold;
}
.hgd-tab-nav > ul .active a{
    color: #cc3131;
}
.hgd-tab-nav > div{
    padding-right: 15px;
}
.hgd-tab-nav > div a{
    margin-left: 10px;
    color: #628ffb;
}

.pro-item{
    width: 219px;
    border: 4px solid #e5e5e5;
    border-radius: 12px;
    padding-bottom: 20px;
}
.pro-item-hd{
    height: 45px;

    text-align: center;
    font: bold 20px/45px "微软雅黑";
    color: #fff;

}

.pro-item-bd {
    padding-top: 25px;
    height: 115px;
    text-align: center;
    font: bold 14px/1.2 "微软雅黑";
    color: #666;
}
.pro-item-bd > div{
    position: relative;
    height: 42px;
    line-height: 1.4;
}
.pro-item-bd > div  img{
    position: absolute;
    top: -40px;
    right: 25px;
}
.price-red{
    font: bold 18px/1.2 "微软雅黑";
    color: #cc3131;
}
.price-underline{
    text-decoration: line-through;
}
.pro-hd-1{
    background: url("../images/top_1.png") no-repeat;
}
.pro-hd-2{
    background: url("../images/top_2.png") no-repeat;
}
.pro-hd-3{
    background: url("../images/top_3.png") no-repeat;
}
.pro-hd-4{
    background: url("../images/top_4.png") no-repeat;
}
.buy-btn-gold{
    display: inline-block;
    background: #e29616; /* Old browsers */
    background: -moz-linear-gradient(45deg, #e29616, #eeb14c ); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #e29616,#eeb14c); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #e29616,#eeb14c); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e29616', endColorstr='#eeb14c',GradientType=1 ); /* IE6-9 */
    color: #fff !important;
    padding: 10px 40px;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 15px;
}
.buy-btn-blue{
    display: inline-block;
    background: #2b92de; /* Old browsers */
    background: -moz-linear-gradient(45deg, #2b92de, #3e77df ); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #2b92de,#3e77df); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #2b92de,#3e77df); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b92de', endColorstr='#3e77df',GradientType=1 ); /* IE6-9 */
    color: #fff !important;
    padding: 10px 40px;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 15px;
}
.buy-btn-red{
    display: inline-block;
    background: #ff4707; /* Old browsers */
    background: -moz-linear-gradient(45deg, #ff4707, #ff7748 ); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #ff4707,#ff7748); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #ff4707,#ff7748); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4707', endColorstr='#ff7748',GradientType=1 ); /* IE6-9 */
    color: #fff !important;
    padding: 10px 40px;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 15px;
}
.hgd-tab-cont{
    padding: 20px 0;
}
.hgd-tab-cont > div{

}
.pro-item-text{
    max-height: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pro-item-text p{
    padding: 0 10px 10px 10px;
}
.pro-item-text p span{
    color: #ad6e32;
}
.textBtn{
    display: block;
    margin-top: 20px;
    text-align: center;

}
.textBtn i{
    display: inline-block;
    width: 10px;
    height: 5px;
    background: url("../images/blue-top.png") no-repeat;
    vertical-align: 10%;
    margin-left: 5px;
}