/*<![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-prod-list-content-1 {

            overflow: hidden;

        } 

.p4-prod-list-content-1-con {

            border-bottom: 1px solid #eee;

            margin-bottom: 48px;

            overflow: hidden;

        } 

.p4-prod-list-content-1-con dl{

            border: #f5f5f5;

            margin-bottom: 30px;

            overflow: hidden;

        } 

.p4-prod-list-content-1-con dt {

            width: 50%;

            float: left;

            margin-right: 30px;

            overflow: hidden;

        } 

.p4-prod-list-content-1-con dt img {

            display: block;

            width: 100%;

        } 

.p4-prod-list-content-1-con dd {

            overflow: hidden;

        } 

.p4-prod-list-content-1-con h4 {

            font-size: 18px;

            color: #333;

            line-height: 18px;

            margin:30px 0 20px;

        } 

.p4-prod-list-content-1-con h4 i {

            display: block;

            max-width: 80%;

            white-space: nowrap;

            text-overflow: ellipsis;

            overflow: hidden;

        }

.p4-prod-list-content-1-con h4 span {

            float: right;

            width: 102px;

            height: 35px;

            display: block;

            line-height: 35px;

            text-align: center;

        }

.p4-prod-list-content-1-con h4 span a {

            display: block;

            height: 35px;

            font-size: 14px;

            border:1px solid #db261d;

            color:#db261d;

            border-radius: 20px;

            box-sizing: border-box;

        }

.p4-prod-list-content-1-con h4 em {

            display: block;

            font-size: 14px;

            color:#db261d;

            line-height: 24px;

        }

.p4-prod-list-content-1-con p {

            line-height: 26px;

            color: #999;

            overflow: hidden;

        } 

.p4-prod-list-content-1-con p span {

            display: block;

            height: 52px;

            overflow: hidden;

            white-space: pre-wrap;

        }

.btn{ height: 33px; margin-top: 35px; line-height: 33px; font-size: 13px;}

.btn a{ width: 99px; display: inline-block; text-align: center; background: url("../images/btn_bg2.jpg") no-repeat; padding-left: 30px; color: #fff; margin-right: -4px;}

.btn a:first-child{ background: url("../images/btn_bg1.jpg") no-repeat;}

.p4-prod-list-content-1-con dl:hover {

            border-color:#db261d;

        }

        

.p4-prod-list-content-1-con dl:hover i a {

            color:#db261d;

        }

        

.p4-prod-list-content-1-con dl:hover h4 span a {

            background: #db261d;

            color:#fff;

            text-decoration: none;

        }

    



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



        .p4-contact-1{overflow: hidden;}

        .p4-contact-1-con{border: 1px solid #eee;padding:10px 20px 20px 20px; }

        .p4-contact-1-con p{font-size: 20px;line-height: 42px; color:#db261d;}

        .p4-contact-1-con li{line-height: 24px; color: #666; padding-left: 22px; margin-bottom: 10px; background: url(../images/viskins-p4.png) no-repeat;}

        .p4-contact-1-con .p4-contact-1-t1{ background-position:-977px 8px;}

        .p4-contact-1-con .p4-contact-1-t2{ background-position:-977px -90px;}

        .p4-contact-1-con .p4-contact-1-t3{ background-position:-977px -180px;}

        .p4-contact-1-con .p4-contact-1-t4{ background-position:-977px -277px;}

    

/*<![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;

        }

    



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

        }

    

.content_des{border:1px dotted #e5e5e5;text-indent:24px; padding:10px; margin:0 0 20px 0px;}

.content_des p{font-size:13px;color:#868686;line-height:24px}



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