﻿@charset "utf-8";
/* CSS Document */

/*common*/
body { font-family: "Microsoft Yahei"; min-width: 1200px;    width: 100%;}
span { overflow:hidden;}/*兼容IE8*/


/*更多视频*/
.sp_bg { background:url(Img/Index/sp_bg.jpg) no-repeat center 0; height:485px; margin-bottom:150px;}
.sp01 { width:595px; padding:135px 0 0;}
.sp01 p { font-size:16px; color:#737373; line-height:28px; width:470px; padding-left:25px;}
.sp01 span { display:block; padding:80px 0 0 9px;}
.sp01 span a { display:block; float:left; margin-right:55px;}

.sp02 { width:602px; margin:120px 0 0; height:375px; position:relative;}
.sp02 span { display:block; height:375px;}
.sp02 span i { display:block; position:absolute; top:215px; left:430px; z-index:99;}
.sp02 em { display:block; padding:15px 0 0; position:absolute; top:320px; left:0;}
.sp02 em a { font-size:16px; color:#494949}

/**/
.zx_bg { background:url(Img/Index/zx_bg.jpg) no-repeat center 0; height:800px;}
.zx_bt { text-align:center; margin-bottom:36px;}
.zx_bt a { display:block; font-size:32px; color:#ba0000; font-weight:bold; margin-bottom:15px;}
.zx_bt a em { display:block; font-size:20px; color:#707070; font-weight:normal; padding:10px 0 5px;}

.zx { width:221px; overflow:hidden; margin-left:27px;}
.zx_top { height:63px; line-height:63px; border-top:solid 5px #a00000; border-bottom:solid 1px #9a9a9a; margin-bottom:11px;}
.zx_top b a { font-size:20px; color:#a00000;}
.zx_top em { display:block; float:right;}
.zx_top em a { color:#726e6e; text-transform:uppercase;}

.zx_con {  width:219px; border:solid 1px #e0e0e0;}
.zx_con h3 { background: url(Img/Index/zx_h3bg.gif) no-repeat; width:219px; height:36px; line-height:36px;}
.zx_con h3 a { font-size:16px; color:#726e6e; padding-left:21px; font-weight:normal;}
.zx_con h3 a:hover { color:#a00000;}
.zx_con ul { padding:8px 0;}
.zx_con ul li { height:26px; line-height:26px; padding-left:21px;}
.zx_con ul li a { font-size:14px; color:#726e6e;}
.zx_con ul li a:hover { color:#a00000;}
.zx_con ul .nobor01 { border:none;}

/*产品展示*/
.rx { width:900px; padding:60px 0 0;}
.rx_top { background:url(Img/Index/cp_bt01.gif) no-repeat; width:882px; height:55px; line-height:55px; padding-left:18px;}
.rx_top a { font-size:20px; color:#3d3d3d;}
.rx_top a em { font-size:20px; color:#b00000;}
.rx_top i { float:right; padding-right:10px;}
.rx_top i a em { font-size:12px; color:#3d3d3d; font-family:Arial; text-transform:uppercase;}
.rx_con { background:url(Img/Index/cp_bg02.gif) no-repeat; width:898px; height:392px;}
.rx_con dl dt { float:left; padding:0 0 0 48px;}
.rx_con dl dd { width:440px; float:left; padding:90px 0 0 45px;}
.rx_con dl dd span a { font-size:26px; color:#000; text-transform:uppercase;}
.rx_con dl dd p { font-size:14px; color:#000; line-height:24px; padding:20px 0; width:425px;}
.rx_con dl dd i { display:block;}
.rx_con dl dd i a { display:block; float:left; margin-right:18px;}

.rx_nav { padding:1px 0 0; height:52px; margin-bottom:20px;}
.rx_nav ul li { float:left; margin-right:1px;}
.rx_nav ul li a { width:299px; height:52px; line-height:52px; background:#fff; text-align:center; font-size:16px; color:#717171; display:block;}
.rx_nav ul li a:hover,.rx_nav ul .cur a { color:#9a0000}

.rx_con02 { padding:16px 0 0;}
.hz02 ul li { float:left; margin:0 0 0 8px; display:inline; width:268px; position:relative;}
.hz02 ul li i a { width:268px; height:227px; display:block; overflow:hidden;}
.hz02 ul li i a img { width:268px; height:227px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.hz02 ul li i a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}
.hz02 ul li span { background:url(Img/Index/cp_spbg.png) no-repeat; width:230px; height:33px; line-height:33px; text-align:center; display:block; position:absolute; top:194px; right:0; }
.hz02 ul li span a { color:#fff; font-size:14px;}

/*直销+定制*/
.dz { padding:75px 0 0;}
.dz01 { width:388px;}
.dz01 ul li { float:left; margin:0 18px 13px 0;}
.dz01 ul li a { width:162px; height:100px; border:solid 1px #929292; display:block; text-align:center; padding:20px 0 0;}
.dz01 ul li a:hover,.dz01 ul .cur a { background:#e1e1e1; box-shadow:5px 5px 5px #e1e1e1}
.dz01 ul li a em { display:block; font-size:20px; color:#636363; padding:15px 0 0;}
.dz01 ul .nobor a { background:#a00000; padding:0; height:120px; line-height:120px; font-size:14px; color:#fff;}
.dz01 ul .nobor a:hover { background:#a00000; }

.dz02 { width:811px; height:390px; position:relative;}
.dz02 a span { background: url(Img/Index/btm08.png) repeat; width:771px; height:60px; top:310px; left:0; position:absolute; padding:20px 20px 0; font-size:16px; color:#fff;}

/*广告*/
.pic01 a strong {
    display: block;
    position: absolute;
    top: 28px;
    left: 840px;
    font-size: 22px;
    color: #f1f1f1;
    z-index: 999;
    letter-spacing: 2px;
    width: 298px;
    text-align: center;
    animation: shansuo 1s infinite;
    -webkit-animation: shansuo 1s infinite;
    -o-animation: shansuo 1s infinite;
}
@keyframes shansuo {
    0%, 100% {
        color:#fff;
        font-size:22px;
    }
    25% {
        color:pink;
    }
    50% {
        color:deeppink;
        font-size:24px;
    }
    75% {
        color:red;
    }
}
@-o-keyframes shansuo {
    0%, 100% {
        color: #fff;
        font-size: 22px;
    }

    25% {
        color: pink;
    }

    50% {
        color: deeppink;
        font-size: 24px;
    }

    75% {
        color: red;
    }
}
@-webkit-keyframes shansuo {
    0%, 100% {
        color: #fff;
        font-size: 22px;
    }

    25% {
        color: pink;
    }

    50% {
        color: deeppink;
        font-size: 24px;
    }

    75% {
        color: red;
    }
}
.pic01 a span {
    display: block;
    position: absolute;
    top: 70px;
    left: 840px;
    background: #fff;
    width: 298px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    font-size: 18px;
    color: #a00000;
    font-size: 16px;
    line-height: 41px;
}
    .pic01 a span b {
        font-size: 24px;
        display: inline-block;
        vertical-align: top;
        margin-left: 5px;
    }

/*优势切换*/
.ys_top { background:url(Img/Index/ys_bt.gif) no-repeat center 0; height:293px; margin:88px 0 0; text-align:center;}
.ys_top a b { display:block; padding:108px 0 0; font-size:40px; color:#fff;}
.ys_top a em { display:block; font-size:20px; color:#fff; padding:10px 0 0;}

.ys_con dl { height:343px; clear:both;}
.ys_con dl dd { width:545px; float:left;}
.ys_con dl dd i { background:#a00000; font-size:40px; color:#fff; width:60px; height:60px; line-height:60px; text-align:center; display:block; float:left;}
.ys_con dl dd p { float:right; width:466px;}
.ys_con dl dd p a { display:block; font-size:30px; color:#a00000}
.ys_con dl dd p em { display:block; font-family:Arial; font-size:14px; color:#7f7f7f; padding:10px 0; text-transform:uppercase;}
.ys_con dl dd p span { display:block; font-size:18px; color:#666; line-height:32px;}
.ys_con dl dt { float:right; width:599px;}
.ys_con dl dt a img { width:599px; height:296px;}
.ys_con .ys_dl02 dt { float:left;}
.ys_con .ys_dl02 dd { float: right; padding:65px 0 0;}

/*荣誉认证*/
.zz_bg { background:url(Img/Index/zz_bg.jpg) no-repeat center 0; height:452px; margin:60px 0 0;}
.zz01 { padding:88px 0 0; width:500px;}
.zz01 b a { display:block; font-size:32px; color:#e00404;}
.zz01 span { display:block; font-family:Arial; font-size: 14px; color:#7f7f7f; text-transform:uppercase; padding:10px 0 40px;}
.zz01 p { height:106px;}
.zz01 p em { width:215px; font-size:16px; color:#e00404; height:44px; display:block; float:left;}
.zz01 i { display:block; clear:both;} 
.zz01 i a { width:168px; height:48px; line-height:48px; text-align:center; font-size:16px; color:#a00000; display:block; margin:30px 0 0; background:#fff;}

.zz_con { width:700px; margin:63px 0 0;}
.kc01,.kc03 { padding:125px 0 0}
.kc02 ul li { float:left; width:235px; padding:0 39px;}
.kc02 ul li a img { border:solid 5px #7f7f7f; width:225px; height:320px;}

/**/
.qy { padding:70px 0 0;}
.gy_con { background:#dcdcdc; height:500px; margin-bottom:85px;}
.gy_con dl { padding:40px 0 0 50px; height:310px;}
.gy_con dl dt { float:left;}
.gy_con dl dt a img { width:543px; height:274px;}
.gy_con dl dd { float:left; width:543px; height:275px; background:#fff;}
.gy_con dl dd b { text-align:right; display:block; padding:5px 10px 0 0;}
.gy_con dl dd b img{width:72px;}
.gy_con dl dd span { display:block; margin-left:34px;}
.gy_con dl dd span a { font-size:24px; color:#515759}
.gy_con dl dd p { width:465px; padding:20px 0 0 34px; font-size:14px; color:#515759; line-height:25px;}
.gy_con dl dd i { display:block; padding:15px 0 0 380px;}

.qy01 { padding:45px 0 0 12px;}
.qy03 { padding:45px 0 0;}
.qy02 ul li { float:left; padding:0 10px; display:inline; width:200px;}
.qy02 ul li a { width:201px; height:116px; display:block; overflow:hidden;}
.qy02 ul li a img { width:201px; height:116px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.qy02 ul li a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}

/**/
.dt { width:816px;}
.dt_top { height:46px; line-height:46px; background:#505050; border-top:solid 1px #afafaf }
.dt_top span { float:right; display:block; padding-right:20px; }
.dt_top span a { font-size:14px; text-transform:uppercase; color:#fff;}
.dt_top ul li { float:left;}
.dt_top ul li a { width:190px; height:46px; line-height:46px; text-align:center; display:block; font-size:20px; color:#fff;}
.dt_top ul li a:hover,.dt_top ul .cur a { background:#a00000; color:#fff; }

.dt_con { width:814px; height:305px; border:solid 1px #afafaf; border-top:none; padding:30px 0 0;}
.dt01 { margin-left:22px; width:317px; height:273px; position:relative;} 
.dt01 a span { display:block; position:absolute; background:url(Img/Index/btm08.png) repeat; width:297px; height:43px; top:210px; left:0; font-size:18px; color:#fff; line-height:25px; padding:10px;}

.dt02 { width:420px; margin-right:15px;}
.dt02 dl { height:81px; border-bottom:solid 1px #e9e9e9; margin-bottom:22px;}
.dt02 .nobor { border:none;}
.dt02 dl dt { float:left; width:100px; height:65px; background:#dbdbdb; font-size:14px; color:#505050; text-align:center;}
.dt02 dl dt em { display:block; font-size:26px; color:#a00000; padding:10px 0 0;}
.dt02 dl dd { float:right; width:305px;}
.dt02 dl dd span a { display:block; font-size:18px; color:#505050; height:20px; line-height:20px; overflow:hidden;}
.dt02 dl dd p { font-size:14px; color:#989898; line-height:20px; padding:5px 0 0;}
.dt02 dl dd p a { color:#a00000}

/*常见问题*/
.wd { width:334px; border:solid 1px #b2b2b2; height:380px;}
.wd_bt { background:#a00000; height:46px; line-height:46px;}
.wd_bt em { display:block; float:right; padding-right:15px;}
.wd_bt em a { font-size:14px; color:#fff; text-transform:uppercase;}
.wd_bt span a { font-size:18px; color:#fff; margin-left:20px;}

.wd_con { padding:20px 22px 0;}
.wd_con dl { height:65px; border-bottom:solid 2px #eaeaea; margin-bottom:15px;}
.wd_con .nobor { border:medium;}
.wd_con dl dt a { font-size:14px; color:#505050; height:25px; line-height:25px; overflow:hidden;}
.wd_con dl dd { font-size:14px; color:#a00000; height:25px; line-height:25px; overflow:hidden;}

/**/
.zj_bg { background:url(Img/Index/zj_bg.jpg) no-repeat center 0; /*height:1005px;*/ margin:100px 0 0;}
.zj_bt { text-align:center;}
.zj_bt a { font-size:32px; color:#ba0000; font-weight:bold;}
.zj_p { padding:70px 0 0;}
.zj_p p { float:left; width:300px; text-align:center;}
.zj_p p span { display:block; font-size:14px; color:#bd0a0a;}
.zj_p p span em { font-size:45px;}
.zj_p p i {width:185px; height:32px; line-height:32px; text-align:center; font-size:14px; color:#484848; display:block; margin:5px auto; background:#dcdcdc;}

.zj_con { padding:50px 0 0;}
.zj_con span { display:block;}
.zj_con span a { font-size:20px; color:#c01717}
.zj_con span a img { display:block; float:left; padding-right:25px;}
.zj_con p { margin:30px 0 0 40px; font-size:16px; color:#404040; line-height:30px; width:520px; padding-bottom:20px; border-bottom:solid 2px #989898;}
.zj_con p em{ text-indent:2em; font-style:normal;display: inline-block;}
.zj_con p i { display:block; text-align:right;}

.xc { padding:60px 0 0;}
.xc span a { font-size:20px; color:#c01717}
.xc span a img { display:block; float:left; padding-right:25px;}
.xc p { padding:50px 0 0;}
.xc p a { display:block; float:left; margin-right:50px;}
.xc p .nobor { margin:0;}
.xc p a img { display:block; width:353px; height:238px; border:solid 6px #fff;}

/*友情链接*/
.yq { padding:30px 0 0; height:112px;}
.yq span { display:block; float:left; padding:10px 0 0;}
.yq p { width:1070px; float: right; line-height:30px; height:90px; overflow:hidden;}
.yq p a { font-size:14px; color:#404040; padding:0 11px 0 0;}
