@charset "utf-8";
/*<![CDATA[*/
.t_bg{ background:url(../img/t_bg.png) no-repeat center 0; height:126px;position: relative; z-index: 9; overflow: hidden; margin-top:46px; animation-duration: 1s;    animation-name: bounceInDown;}
.header{ position:relative;}
.header{ height:175px; overflow:hidden;}
.header h1{ padding: 0 0 0 32px; width:326px; float: left; color: #0957a6; font-size: 24px;}
.hd_logo{display: block;padding:0 10px 0 15px; font-size:12px; font-weight:normal; height:119px; width:295px; line-height: 1000px;background: url(../img/logo.png) no-repeat center;}
.hd_logo a{display:block;height:54px;line-height: 400px;overflow:hidden;}

.header p{ float:right; width:842px; height: 42px; line-height: 42px; margin-bottom: 35px;}
.header p i{ display: inline-block; float: right; padding: 4px 30px 0 0;}
.header p i img{ padding-left: 20px;}
.header p i{ position:relative;}
.header p i span{ position:absolute; top:40px; left:0; z-index:99;}
.header p i span img{ width:100px;}
.header p strong{ display: inline-block; padding-left: 60px;color:#c6c6c6; float: left; width: 240px;}
.header p strong span{ font-family: Impact; font-size: 18px; font-weight: normal; color: #fff;}
.header p em{ display: inline-block; float: left;background:url(../img/s_s.gif) no-repeat; width: 358px; height: 30px; line-height: 30px; margin-top: 6px;}
.header p em .s_01{ float:left;height:30px; width:305px; color:#676767;border:none; padding: 0 10px; line-height:30px; font-family:"Microsoft YaHei"; background:none; text-indent:10px; font-size: 14px;background:none;}
.header p em button{ float:right; border:none; background:none;width:33px; height:30px; cursor:pointer; font-size: 0;}
.header ul{ overflow: hidden; float: right;width:839px;}
.header ul li{font-size:14px; float:left; position: relative;}
.header ul li a{ display:inline-block; float:left; color:#282828; padding:0 21px 18px;}
.header ul .cur a,.header ul li a:hover{ text-decoration:none;color: #0957a6; font-weight: bold;}
.header, .footer { width:1200px; margin:0 auto;  }
    /*]]>*/

      .ty-banner-1 {
            overflow: hidden;
            line-height: 0;
            text-align:center;
            position: relative;
            margin-top:-172px;
        }
        .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("../img/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("../img/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(../img/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:#0255a5;}

    

        .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: 34%;
            float: left;
            margin-right: 30px;
            overflow: hidden;
			border:1px solid #c5c5c5
        } 
.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 li {font-size: 18px;color: #333;line-height: 18px;margin:30px 0 20px; list-style:none; font-weight:bold;}
.p4-prod-list-content-1-con li h3{font-size: 18px;color: #333; list-style:none; font-weight:bold;} 
.p4-prod-list-content-1-con li i {display: block;max-width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.p4-prod-list-content-1-con li span {float: right;width: 102px;height: 35px;display: block;line-height: 35px;text-align: center;}
.p4-prod-list-content-1-con li span a {display: block;height: 35px;font-size: 14px;border:1px solid #0255a5;color:#0255a5;border-radius: 20px;box-sizing: border-box;}
.p4-prod-list-content-1-con li em {display: block;font-size: 14px;color:#0255a5;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: 120px;
            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("../img/btn_bg2.jpg") no-repeat; padding-left: 30px; color: #fff; margin-right: -4px;}
.btn a:first-child{ background: url("../img/btn_bg1.jpg") no-repeat;}
.p4-prod-list-content-1-con dl:hover {
            border-color:#0255a5;
        }
        
.p4-prod-list-content-1-con dl:hover i a {
            color:#0255a5;
        }
        
.p4-prod-list-content-1-con dl:hover li span a {
            background: #0255a5;
            color:#fff;
            text-decoration: none;
        }
    
       .product-1 {
            overflow: hidden;
        } 
.product-1 b {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        } 
.product-1-con {
            overflow: hidden;
        } 
.product-1 dl {
            padding-bottom: 25px;
            margin-bottom: 24px;
            border-bottom: 1px dashed #f1f1f1;
            overflow: hidden;
        } 
.product-1 dl:hover a {
            color:#0255a5;
        } 
.product-1 dl:nth-last-child(1) {
            border-bottom: 0;
            margin-bottom: 14px;
        } 
.product-1 dt {
            width: 95%;
            overflow: hidden;
            margin-bottom: 20px;
        } 
.product-1 dt img {
            display: block;
            width: 99%;
			border:1px solid #c5c5c5
        } 
.product-1 dd {
            color: #666;
            overflow: hidden;
            text-align: center;
        } 
.product-1 p {
            overflow: hidden;
        } 
.product-1 p a {
            display: block;
        } 
.product-1 dd span {
            display: block;
            color: #999;
            line-height: 16px;
        }
        .p4-left-nav-2 .sidenavcur a{color:#0255a5;}
        .p4-left-nav-2{background: #f1f1f1;margin-bottom:38px; overflow: hidden;} 
        .p4-left-nav-2-con{overflow: hidden;}
        .p4-left-nav-2 dt{height: 48px; background:#ebebeb ;line-height: 48px; border-top: 1px solid #f1f1f1;border-bottom: 1px solid #eee; overflow: hidden;}
        .p4-left-nav-2 dt a{color: #333;display: block; background:url(../img/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 dt a:hover,.p4-left-nav-2 dt.sidenavcur a{text-decoration: none; color: #0255a5;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(../img/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: #0255a5; background-position:-4px -242px; }
    

        .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: 14px;line-height: 22px; color:#0255a5;}
        .p4-contact-1-con li{line-height: 24px; color: #666; padding-left: 22px; margin-bottom: 10px; background: url(../img/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("../img/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("../img/add_icon.png") no-repeat 0 36px; padding-left: 40px;box-sizing: border-box;}
                .ft-contact .tel{ float: left; background: url("../img/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 dt{ width: 350px; font-size: 16px; line-height:34px; color: #acacad; font-weight: normal;}
                .ft_info dt img{ display: block; width: 166px; height: 36px; margin-bottom: 20px;}
                .ft_info dt b{ display: block; font-size: 21px;}
                .ft_info .ft_nav{ width: 190px; 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: 25px;}
                .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 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 ; 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; box-sizing: border-box;}
            .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: #0255a5;
            margin-top: 1px;
            padding: 9px 0 0;
            height: 64px;
            width: 77px;
        } 
.client-2 li i {
            background: url(../img/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:#0255a5;
        } 
.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;
        }