﻿/*<![CDATA[*/
        .head{ height:224px;position: relative; z-index: 10;}
        .header{ width:1200px; margin:0 auto;}
        .site-nav{height:36px; line-height:36px; font-size:14px; color:#848484; background: #f0f0f0;}
        .site-nav span a{display:inline-block;padding:0 15px;color:#848484;}
        .logo{height:136px;}
        .logo h1{display:block; width:165px; height:70px; margin: 34px 40px 0 0;}
        .logo h1 img{width:100%; }
        .logo h1{ transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
        .logo h1:hover{margin-top:5px;}
        .logo .slogan{display:block;margin-top:44px;width:340px;font-size:18px;color:#2d2d2d; b}
        .logo .slogan b{display:block; font-size: 23px; margin-top: 3px; letter-spacing: 4px;}
        .logo .slogan span{ color: #db261d;}
        .logo .tel{ width:240px; height:54px; color:#666666; font-size:14px; background: url("../images/tel.jpg") no-repeat 0 7px; padding-left: 40px; margin-top: 40px;}
        .logo .tel i{display:block;font-size:28px;color:#db261d; font-weight: bold; font-style: italic;}

        .nav{height:52px;line-height:52px;background:#3a3a3a;}
        .nav ul li{display:block;float:left;font-size:16px; position: relative;}
        .nav ul li i{padding-right: 10px;}
        .nav ul li > a{display:inline-block;padding:0 29px;color:#ffffff; background: url("../images/nav_icon.png") no-repeat right center;}
        .nav ul li > a:hover,.nav ul li.cur > a{background:#db261d;}
        .nav li .down{ display: none; position: absolute; left: 0; top: 52px; background: rgba(0,0,0,.8);}
        .nav li .down ul{ padding: 10px 0; overflow: hidden;}
        .nav li .down li{ height: 40px; line-height: 40px; text-align: center; width:100%;     white-space: nowrap;}
        .nav li .down li a{text-align: center; display: block;padding: 0; font-size: 14px; background: none; padding: 0 10px;}
        .nav li .down li a:hover{ background: none; color: #db261d;}
        .nav li:hover .down{ display: block;}
    /*]]>*/

            .ty-banner-1 {
                overflow: hidden;
                line-height: 0;
                text-align: center;
            }
            
            .ty-banner-1 img {
                visibility: hidden;
            }
            
            .ty-banner-1 img.show {
                visibility: visible;
            }
        
/*<![CDATA[*/
        .keywords{ height:60px; border-bottom: 1px solid #d6d6d6; line-height: 60px; }
        .content{ width: 1200px; margin: 0 auto;}
        .keywords p{display:block;float:left;width:730px; font-size:14px;color:#5e5e5e;}
        .keywords p b{display:inline-block;float:left;}
        .keywords p a{display:block;float:left;padding:0 5px;text-align:center; color: #5e5e5e;}
        
        .keywords .inp{overflow:hidden;display:block;float:right;margin-top:11px;width:406px;height:36px;}
        .keywords .inp input{     outline: none;}
        .keywords .itext{display:block;float:left;width:357px;height:36px;line-height:36px;border:0;background:url("../images/search_bg1.jpg") no-repeat;font-size:14px;color:#999999; font-family: "microsoft yahei"; padding-left: 20px;box-sizing: border-box;}
        .keywords .ibtn{display:block;float:right;width:49px;height:36px;border:0;background:none;cursor:pointer;background:url("../images/search_bg2.jpg") no-repeat; box-sizing: border-box;}
    /*]]>*/

        .p4-curmbs-1{ height: 110px; line-height: 110px; overflow: hidden;}
        .p4-curmbs-1 dt{float: left; padding-left:28px; color: #1e1e1e; background: url(../images/viskins-p4.png) no-repeat 0 40px; width:70px;}
        .p4-curmbs-1 dd{ color: #999; }
        .p4-curmbs-1 a{color: #999;padding:0 6px;display: inline-block;}
        .p4-curmbs-1 a:hover, .p4-curmbs-1 .cur{color:#db261d;}

    

        .p4-left-nav-2 .sidenavcur a{color:#db261d;}
        .p4-left-nav-2{background: #f1f1f1;margin-bottom:38px; overflow: hidden;} 
        .p4-left-nav-2-con{overflow: hidden;}
        .p4-left-nav-2 h4{height: 48px; background:#ebebeb ;line-height: 48px; border-top: 1px solid #f1f1f1;border-bottom: 1px solid #eee; overflow: hidden;}
        .p4-left-nav-2 h4 a{color: #333;display: block; background:url(../images/viskins-p4.png) no-repeat 190px -139px; padding:0 24px; border-bottom: 1px solid #eee;max-width:75%; white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
        .p4-left-nav-2 h4 a:hover,.p4-left-nav-2 h4.sidenavcur a{text-decoration: none; color: #db261d;background-position: 185px -56px; }
        .p4-left-nav-2 li{width: 82.5%; height: 34px; line-height: 34px; margin: 0 auto;}
        .p4-left-nav-2 li a{display: block;text-decoration: none;padding-left: 16px; color: #333; background: url(../images/viskins-p4.png) no-repeat -4px -327px;max-width: 80%; white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
        .p4-left-nav-2 li a:hover,.p4-left-nav-2 .sidenavcur a{color: #db261d; background-position:-4px -242px; }
    

    /*产品简介（图片预览，基本属性）*/
    
    .prod-showcase-1 {
        overflow: hidden;
    }
    
    .p4-prod-showcase-2 {
        margin-bottom: 35px;
        overflow: hidden;
    }
    
    .p4-prod-showcase-2 .p4-titlel-1 {
        margin-bottom: 2px;
        font-weight: bold;
    }
    
    .p4-prod-showcase-2 .p4-titlel-1 a {
        display: block;
        width: 80%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    .p4-titlel-1 a {
        color: #333;
    }
    
    .p4-prod-showcase-2-con {
        width: 59%;
        overflow: hidden;
    }
    
    .p4-prod-showcase-2-dd {
        width: 17.2%;
    }
    
    .p4-prod-showcase-2-dd li {
        width: 100%;
        height: auto;
        cursor: pointer;
        margin-bottom: 12px;
        overflow: hidden;
    }
    
    .p4-prod-showcase-2-dd img {
        display: block;
        width: 100%;
        border: 1px solid #eee;
        box-sizing: border-box;
    }
    
    .p4-prod-showcase-2-dd .cur img {
        border-color:#db261d;
    }
    
    .p4-prod-showcase-2-img {
        width: 75%;
        overflow: hidden;
    }
    
    .p4-prod-showcase-2-img img {
        display: block;
        width: 100%;
        border: 1px solid #eee;
        box-sizing: border-box;
    }
    
    .p4-prod-showcase-2-txt {
        width: 45%;
        overflow: hidden;
    }
    
    .p4-prod-showcase-2-txt-1 {
        line-height: 24px;
        color: #666;
        margin-bottom: 30px;
        overflow: hidden;
    }
    
    .p4-prod-showcase-2-txt-2 {
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    .p4-prod-showcase-2-txt-2 p {
        min-width: 50%;
        color: #333;
        float: left;
    }
    
    .p4-prod-showcase-2-txt strong {
        display: block;
        width: 106px;
        height: 24px;
        font-weight: normal;
        background: #db261d;
        text-align: center;
        color: #fff;
    }
    
    .p4-prod-showcase-2-txt strong a {
        color: #fff;
    }
    
    .p4-prod-showcase-2-pho {
        min-height: 60px;
        border-top: 1px dashed #eee;
        line-height: 30px;
        padding-left: 36px;
        background: url(../images/viskins-p4.png) no-repeat -972px -452px;
    }
    
    .p4-prod-showcase-2-pho span {
        font-size: 20px;
        color: #db261d;
    }
    /* Hide from IE Mac */
    
    .t1-clearfix {
        display: block;
    }
    /*图片放大镜样式*/
    
    .prod-showcase-1 .jqzoom {
        float: left;
        border: none;
        position: relative;
        padding: 0px;
        cursor: pointer;
        margin: 0px;
        display: block;
    }
    
    .prod-showcase-1 .jqzoom img {
        width: 99%;
        margin: 0 auto;
        display: block;
        border: 1px solid #CCC;
    }
    
    .prod-showcase-1 .zoomdiv {
        z-index: 100;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 369px;
        height: 369px;
        background: #ffffff;
        display: none;
        text-align: center;
        overflow: hidden;
        border: 1px solid #e8e8e8;
    }
    
    .prod-showcase-1 .jqZoomPup {
        z-index: 10;
        visibility: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 20px;
        height: 20px;
        border: 1px solid #aaa;
        background: #ffffff
        ;
        opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        filter: alpha(Opacity=50);
    }
    /*图片小图预览列表*/
    
    .t1-pro-preview {
        width: 455px;
        float: left
    margin-top: 16px;;
    }
    
    .prod-showcase-1 .t1-spec-preview {
        float: left;
        overflow: hidden;
    }
    
    .prod-showcase-1 .t1-spec-scroll {
        position: relative;
        z-index: 9999;
        overflow: hidden;
        clear: both;
        padding: 9px 0;
        width: 100%;
        border-top: 1px solid #e8e8e8;
        background-color: #fff;
    }
    
    .prod-showcase-1 .t1-spec-scroll .t1-prev,
    .prod-showcase-1 .t1-spec-scroll .t1-next {
        position: absolute;
        z-index: 9999;
        display: block;
        width: 18px;
        height: 18px;
        background: url(../images/t1-sprite.png) no-repeat;
        text-indent: -9999px;
        overflow: hidden;
        cursor: pointer;
        top: 50%;
        margin-top: -9px;
    }
    
    .prod-showcase-1 .t1-spec-scroll .t1-prev {
        left: 0;
        background-position: 4px -703px;
    }
    
    .prod-showcase-1 .t1-spec-scroll .t1-next {
        right: 0;
        background-position: -27px -703px;
    }
    
    .prod-showcase-1 .t1-spec-scroll .t1-prev:hover {
        float: left;
        background-position: 4px -771px;
    }
    
    .prod-showcase-1 .t1-spec-scroll .t1-next:hover {
        float: right;
        background-position: -27px -771px;
    }
    
    .prod-showcase-1 .t1-spec-scroll .t1-items {
        width: 331px;
        margin: 0 auto;
        overflow: hidden;
    }
    
    .prod-showcase-1 .t1-spec-scroll .t1-items ul {
        position: relative;
        width: 999999px;
        left: 0;
    }
    
    .prod-showcase-1 .t1-spec-scroll .t1-items ul li {
        float: left;
        width: 77px;
        border: 1px solid #CCC;
        margin-left: 5px;
        text-align: center;
        overflow: hidden;
    }
    
    .prod-showcase-1 .t1-spec-scroll .t1-items ul li:first-child {
        margin-left: 0;
    }
    
    .prod-showcase-1 .t1-spec-scroll .t1-items ul li img {
        width: 100%;
        display: block;
    }
    
    .prod-showcase-1 .t1-spec-scroll .t1-items ul .t1-current img {
        cursor: pointer;
    }
    
    .prod-showcase-1 .t1-spec-scroll .t1-items ul .t1-current {
        border:1px solid #db261d;
    }


        .p4-prod-content-1{overflow: hidden;}
        
        .p4-prod-content-1 .p4-titlel-1{ margin-bottom:-1px; height:45px; background:none; overflow:hidden;}
        .p4-titlel-1 ul{ font-size: 16px; line-height:44px; color: #333; background: #fff; }
        .p4-titlel-1 li{text-align: center; border:1px solid #eee; border-bottom:0;background:#faf9f8;float: left; height:43px; cursor: pointer; padding:0 20px;}
        .p4-titlel-1 .cur{background:#fff;line-height:43px; border-top: 2px solid  #db261d; color:#db261d;}
        
        .p4-prod-content-1-con{border: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;overflow: hidden;} 
        .p4-prod-content-1-con-t1{padding:20px;line-height: 28px; font-size: 14px;}
        .info-content img{max-width:100%;overflow:hidden;}
        
         .p4-prod-content-1-a{ color: #999; line-height: 24px; overflow: hidden; margin-bottom: 24px; }
        .p4-prod-content-1-a dt{float:left; margin-right:-88px;width: 92px; height: 24px; display: inline-block;font-weight: bold; color: #fff;text-align: center; background: #db261d;  margin-right: 10px; }
        .p4-prod-content-1-a dd{padding:0 0 0 102px;}
        .p4-prod-content-1-a dd a{color: #999; margin-right:10px; display:inline-block;}
        .p4-prod-content-1-a dd a:hover{color: #db261d;}
        /*.p4-prod-content-1-a a{color: #999; height: 34px;display: inline-block; text-decoration: none; padding: 0 20px; border:1px solid #f1f1f1;  margin-right: 16px;}*/
        /*.p4-prod-content-1-a a:hover{color: #db261d;  border-color:#db261d; text-decoration: none;}*/
        .p4-prod-content-1-txt a{font-weight: bold;color:#db261d;}
    

    .p4-product-1{position: relative; overflow: hidden;}
    .p4-product-1-con{ color: #666; line-height: 28px; margin-bottom: 48px; overflow: hidden;}
    .p4-product-1-con li{width:25.4%; float: left; box-sizing: border-box;}
    .p4-product-1-con li .p4-product-1-con-li{display: block; padding:0 10% 38px 0; box-sizing: border-box;text-decoration: none;}
    .p4-product-1-con li img{display: block;width: 100%; border: 1px solid #eee; box-sizing: border-box;}
    .p4-product-1-con li span{display: block;height: 36px; font-weight: bold; color: #333; line-height: 36px;margin-top:10px;max-width: 80%; white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
    .p4-product-1-con li span a{color:#333;}
    .p4-product-1-con p{height: 70px; color: #666; line-height: 24px; margin-bottom: 14px;}
    .p4-product-1-con li em{display: block;width: 106px; height: 30px; background:#767676; line-height: 30px; text-align: center; color: #fff;}
    .p4-product-1-con li em a{ color:#fff;}
    .p4-product-1-con li:hover span a{ color: #db261d; }
    .p4-product-1-con li:hover em{background: #db261d; }
    .p4-product-1-dd{height: 12px; position: absolute; right: 0; top:14px;}
    .p4-product-1-dd li{width: 12px;height: 12px; background:#e3e3e3; border-radius: 100%; float: left; margin-right: 11px;text-indent: -999px;overflow:hidden;cursor: pointer; }
    .p4-product-1-dd  .cur{background: #db261d;}
    
/*<![CDATA[*/
                .foot{ height: 474px; background: url("../images/ft_bg.jpg"); }
                .ft-contact{ height: 120px; color: #a9a9ab; font-size: 14px; margin-bottom: 77px;}
                .ft-contact .add{ width: 420px; border-right: 1px solid #33323b; margin-right: 30px; float: left; height: 120px; background: url("../images/add_icon.png") no-repeat 0 36px; padding-left: 40px;box-sizing: border-box;}
                .ft-contact .tel{ float: left; background: url("../images/contact_icon.png") no-repeat 0 36px; padding-left: 40px;box-sizing: border-box;}
                .ft-contact i{ width: 20px; display: inline-block;}
                .ft-contact span{ display: block; font-size: 18px; color: #fff; margin: 37px 0 10px;}
                .ft_info{ height: 227px; border-bottom: 1px solid #3b3941;}
                .ft_info h2{ width: 350px; font-size: 16px; line-height:34px; color: #acacad; font-weight: normal;}
                .ft_info h2 img{ display: block; width: 166px; height: 36px; margin-bottom: 20px;}
                .ft_info h2 b{ display: block; font-size: 21px;}
                .ft_info .ft_nav{ width: 320px; font-size: 14px; color: #acacad; }
                .ft_info .ft_nav span{ display: block; font-size: 18px; color: #fff; margin-bottom: 24px;}
                .ft_info .ft_nav a{ display: inline-block; width: 155px; color: #acacad; line-height: 35px;}
                .copyright{ height: 49px; line-height: 49px; font-size: 14px; color: #5d5d60;}
                .copyright a{ color: #5d5d60;}
            /*]]>*/

        .footer {
            width: 1200px;
            margin: 0 auto;
            height: 474px;
            position: relative;
        }
        
        .form {
            width: 474px;
            overflow: hidden;
            position: absolute;
            right: 0;
            top: 194px;
        }
        
        .form h2 {
            display: block;
            font-size: 18px;
            color: #fff;
            margin-bottom: 24px;
            font-weight: normal;
        }
        
        .form li {
            width: 218px;
            height: 45px;
            line-height: 45px;
            background: #3e3d45 url("../images/form_icon.png") no-repeat 202px center;
            margin-right: 18px;
            float: left;
        }
        
        .form li span {
            font-size: 14px;
            color: #b0b0b2;
            float: left;
            width: 50px;
            text-align: right;
        }
        
        .form li input {
            width: 150px;
            height: 45px;
            border: none;
            background: none;
            float: left;
            overflow: hidden;
            color: #fff;
            outline: none;
        }
        
        .form .form-btn {
            height: 33px;
            line-height: 33px;
            margin-top: 20px;
            font-size: 14px;
            color: #fff;
        }
        
        .form .form-btn a {
            width: 109px;
            height: 33px;
            border: 1px solid #98989b;
            display: inline-block;
            overflow: hidden;
            color: #fff;
            text-align: center;
            box-sizing: border-box;
        }
        
        .form .form-btn a:first-child {
            background: #ee1217;
            border-color:#ee1217;
        }
    
            .footer{ width: 1200px; margin: 0 auto; height: 474px; position: relative;}
            .form{ width: 474px; overflow: hidden; position: absolute; right: 0; top: 194px;}
            .form h2{ display: block; font-size: 18px; color: #fff; margin-bottom: 24px; font-weight: normal;}
            .form li{ width: 218px; height: 45px; line-height: 45px; background: #3e3d45 url("../images/form_icon.png") no-repeat 202px center; margin-right: 18px; float: left;}
            .form li span{ font-size: 14px; color: #b0b0b2; float: left; width: 50px; text-align: right;}
            .form li input{ width: 150px; height: 45px; border: none; background: none; float: left; overflow: hidden;}
            .form .form-btn{ height: 33px; line-height: 33px; margin-top: 20px; font-size: 14px; color: #fff;}
            .form .form-btn a{ width: 109px; height: 33px; border: 1px solid #98989b; display: inline-block; overflow: hidden; color: #fff; text-align: center;}
            .form .form-btn a:first-child{ background: #ee1217; border: none;}

        .client-2 {
            position: fixed;
            right: 0px;
            top: 50%;
            z-index: 9999;
        } 
.client-2 ul {
            width: 77px;
        } 
.client-2 li a {
            text-decoration: none;
        } 
.client-2 li {
            background: #db261d;
            margin-top: 1px;
            padding: 9px 0 0;
            height: 64px;
            width: 77px;
        } 
.client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        } 
.client-2 li p {
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        } 
.client-2 .my-kefu-qq i {
            background-position: 4px 0;
        } 
.client-2 .my-kefu-tel i {
            background-position: 0 -25px;
        } 
.client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        } 
.client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        } 
.client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        } 
.client-2 .my-kefu-ftop {
            display: none;
            background-color:#db261d;
        } 
.client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        } 
.client-2 .my-kefu-left {
            float: left;
            width: 77px;
            height: 47px;
            position: relative;
        } 
.client-2 .my-kefu-tel-right {
            font-size: 20px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding-left: 15px;
            border-left: 1px solid #fff;
            margin-top: 8px;
        } 
.client-2 .my-kefu-right {
            width: 20px;
        } 
.client-2 .my-kefu-tel-main {
            color: #fff;
            /*margin-top: 9px;*/
            height: 47px;
            width: 247px;
        } 
.client-2 .my-kefu-main {
            width: 97px;
            position: relative;
        } 
.client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
 .area{ height:auto; overflow:hidden; margin-bottom:15px;}

.area ul li{float:left;margin-right:28px}
.area ul li a{font-size:14px;line-height:28px;color:#5a5a5a}
.area ul li a:hover{color:#47cdff}

.xgxw{  height:auto; overflow:hidden; margin-bottom:15px;}
.xgxw ul li{ float:left; display:inline; width:48%; margin-right:2%; line-height:30px;}
.xgxw ul li span{ float:right; color:#5a5a5a}


