﻿/*<![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:700px; height:85px; 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{ 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:24px;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 .li1{width: 82.5%;  line-height: 34px; margin: 0 auto;}

        .p4-left-nav-2 .li1 .a1{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 .li1 .a2{display: block;text-decoration: none;padding-left: 16px; color: #333; max-width: 80%; white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}

        .p4-left-nav-2 .li1 .a1:hover, .p4-left-nav-2 .li1 .a2:hover,.p4-left-nav-2 .sidenavcur a{color: #db261d; background-position:-4px -242px; }

        .p4-left-nav-2 .ul2 {display: none;}

    



    /*产品简介（图片预览，基本属性）*/

    

    .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}





