﻿
        .topWrap{height:150px;font-family:"Microsoft Yahei";position: relative;z-index: 3;background:#fff;}
        .topWrap .back1{ position:absolute;width:120px;height:45px;background:#f3f3f3;line-height:45px;left:0;top:0;font-size:16px;text-align: center;color:#333;border-radius:8px;}
        .content{ width: 1280px;margin: 0 auto; }
        .header{width:1280px;margin: 0 auto; position: relative;font-family:"Microsoft Yahei";box-sizing: border-box;}
        
        .t_top{height:97px;position: relative;}
        .logo{float:left;width:156px;height:56px;padding-top: 16px;}
        .logo img {width:156px;height:56px;}
        .t_wz{float:left;position: relative;padding-left:19px;margin-top: 26px;margin-left:12px;border-left:1px solid #e6e6e6;}
        
        .t_wz em{display:block;font-size:21px;color: #0f2045;line-height:21px;}
        .t_wz em b{color:#f06000;display:block;font-size:21px;line-height:21px;margin-top:5px;}
        .t_wz em i{font-weight:bold;color:#0a5ea8;}
        .h_contact { float: right; margin-top: 32px; }
        .h_contact img{ display:block;float:left;width:115px;height:48px;margin-top:-6px;}
        .h_contact strong { display: block; font-size: 26px; color: #2a76ba; line-height:26px; float:left;font-weight: bold;font-family: Arial;padding-left: 16px;height: 40px;border-left: 3px solid #dcdcdc;box-sizing: border-box;margin-left:16px;}
        .h_contact strong i{display: block; font-size: 16px; color: #898889; line-height:16px;font-weight:normal;padding-bottom: 2px; }
        
        .nav {height:53px;margin:0 auto;position: relative;background:#005bac;}
        .nav li {float:left;height:33px;position:relative;z-index:9;box-sizing:border-box;
            margin-right: 28px;margin-top: 10px;}
        .nav li:last-child{ margin-right: 0; }
        .nav li>a{font-size:16px;color:#fff;display:inline-block;height:33px;line-height:33px;position: relative;z-index: 20;padding: 0 12px;transition: all 0.4s ease-out 0s;border-radius: 5px;}
        .nav li>a:hover,.nav .cur>a{ color: #005bac;background: #fff;}
        .nav li p{position: absolute;width: 210px;text-align: center;left: -45px;top: 44px;z-index:10; background:rgba(255,255,255,1); border-radius:0 0 7px 7px;margin-left:0px;opacity:0;transition:all 0.3s;padding:12px 0;}
        .nav  li p>a{display: block;height: 40px;line-height: 40px;font-size: 14px;color: #333;background:none;}
        .nav  li p>a:first-child{border-top:0;}
        .nav  li p>a:last-child{}
        .nav  li p>a:hover{font-weight:bold;}
        .nav li:hover p{opacity:1;}
        
        em,i{font-style: normal;}
        

        .ty-banner-1 {
            overflow: hidden;
            line-height: 0;
            text-align:center;
        }
        .ty-banner-1 img{
            visibility: hidden;
        }
        .ty-banner-1 img.show{
            visibility: visible;
        }
    

    .p102-search-1 {
        height: 70px;
        border-bottom: 1px solid #ededed;
        background: #f7f7f7;
    }
    
    .p102-search-1 p {
        float: left;
        width: 750px;
        height: 70px;
        line-height: 70px;
        font-size: 14px;
        color: #333333;
    }
    
    .p102-search-1 p b {
        display: inline-block;
    }
    
    .p102-search-1 p a {
        color: #666666;
        display: inline-block;
        margin-right: 15px;
    }
    .p102-search-1 p a:hover{color: #004ea1;}
    .p102-search-1-inp {
        float: right;
        width: 356px;
        height: 36px;
        background: #fff;
        margin-top: 18px;
        border-radius: 25px;
        position: relative;
    }
    
    .p102-search-1-inp:before,
    .p102-search-1-inp:after {
        content: '';
        position: absolute;
        width: 80%;
        height: 1px;
        background: #e3e3e3;
        left: 10%;
        z-index: 0;
    }
    
    .p102-search-1-inp:before {
        top: 0;
    }
    
    .p102-search-1-inp:after {
        bottom: 0;
    }
    
    .p102-search-1-inp1 {
        width: 249px;
        height: 34px;
        line-height: 34px;
        color: #999999;
        border: 1px solid #e3e3e3;
        border-right: 0;
        padding: 0 20px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        float: left;
    }
    
    .p102-search-1-inp2 {
        width: 66px;
        height: 36px;
        border: 0;
        border-radius: 25px;
        background: url(../images/p102-search-icon1.png) no-repeat center center #004ea1;
        float: right;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }


		.plc{padding: 5px 0 25px;}
		.p12-curblock{
			display: none;
		}
		.p102-curmbs-1{height: 40px;line-height: 40px;font-size: 14px;color: #808080;}
		.p102-curmbs-1 b {
			font-weight: normal;
			padding-left: 35px;
			background: url(../images/p102-curmbs-icon1.png) no-repeat left center;

		}
		.p102-curmbs-1 i {
			font-style: normal;
		}

		.p102-curmbs-1 span {
			font-family: 宋体;
			height: 46px;
			line-height: 46px;
			padding: 0px 5px;
		}
		.p102-curmbs-1 a{color: #808080;}
		.p102-curmbs-1 a:hover{color: #004ea1;}
	

   .df{margin:20px auto 40px;text-align:center;}
 .df a{ display:inline-block; margin-right: 20px;width: 320px;height: 56px;line-height: 56px;font-size: 18px;text-align: center; transition: all 0.5s;border:1px solid #dcdcdc;color: #666; box-sizing: border-box;}


  .df a:first-child:hover{ background: #004ea1;color: #fff;border-color:#004ea1;}
         .p102-proShow-1-text {
        padding: 15px 0 15px;
        border-bottom: 1px solid #e3e3e3;
        position: relative;
    }
    
    .p102-proShow-1-text:after {
        content: '';
        position: absolute;
        width: 40px;
        height: 3px;
        background: #004ea1;
        left: 0;
        bottom: -2px;
        z-index: 1;
    }
    
    .p102-proShow-1-text .p102-proShow-1-title {
        height: 40px;
        font-size: 21px;
        font-weight: normal;
        line-height: 40px;
        color: #1a1a1a;
    }
    
    .p102-proShow-1-text p {
        height: 28px;
        line-height: 28px;
        font-size: 16px;
        color: #808080;
    }
    
        .p1-pro-showcase-1-txt {
            line-height: 30px;
            overflow: hidden;
            margin-left: 55px;
            float: left;
            width: 45%;
        }
        
        .p1-pro-showcase-1-txt-title {
            height: 50px;
            font-size: 20px;
            font-weight: normal;
            line-height: 50px;
            overflow: hidden;
            color: #333;
            border-bottom: 1px solid #eee;
            margin-bottom: 20px;
        }
        
      
        
         .p1-pro-showcase-1-txt-t1 {
        /*max-height: 170px;*/
        line-height: 34px;
        font-size: 16px;
        color: #4c4c4c;
        text-align: justify;
        padding: 15px 0 0;
        overflow: hidden;
    }
    .p1-pro-showcase-1-txt-t1 h3 {font-size:18px;}
     .p1-pro-showcase-1-txt-t1 p {line-height:26px;margin-bottom:10px;font-size:15px;}
        
        .p1-pro-showcase-1-tle {
            left: 40%;
            bottom: 0;
            margin-left: 55px;
        }
        
        .p1-pro-showcase-1-tle .p1-pho-1 {
            background: url(../images/viskins-p1.png) no-repeat 0 -3px;
            min-height: 50px;
            padding-left: 44px;
            font-size: 20px;
            line-height: 30px;
            margin-left: 30px;
            margin-right: 50px;
            color: #004ea1;
        }
        
        .p1-pho-1 i {
            font-style: normal;
        }
        
        .p1-pho-1 span {
            display: block;
            font-size: 14px;
            line-height: 14px;
            color: #666;
        }
        
        .p1-pho-2 em {
            display: block;
            width: 122px;
            height: 35px;
            background: #004ea1;
            font-size: 16px;
            font-style: normal;
            color: #ffffff;
            text-align: center;
            line-height: 35px;
        }
        /* Hide from IE Mac */
        
        .t1-clearfix {
            display: block;
        }
        /*图片放大镜样式*/
        
        .prod-showcase-1 .jqzoom {
            border: none;
            padding: 0px;
            cursor: pointer;
            margin: 0px;
            display: block;
            position: relative;
        }
        
        .prod-showcase-1 .jqzoom img {
            width: 100%;
            margin: 0 auto;
            display: block;
        }
        
        .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: 50%;
            float: left;
        }
        
        .prod-showcase-1 .t1-spec-preview {
            width: 100%;
            overflow: hidden;
            border: 1px solid #e8e8e8;
        }
        
        .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;
        }
        
        .t1-spec-scroll .t1-prev,
        .t1-spec-scroll .t1-next {
            position: absolute;
            z-index: 9999;
            display: block;
            width: 18px;
            height: 23px;
            text-indent: -9999px;
            overflow: hidden;
            cursor: pointer;
            top: 50%;
            margin-top: -9px;
        }
        
        .prod-showcase-1 .t1-prev {
            left: 0;
            background: url(../images/p15-icon2.png) no-repeat center top;
        }
        
        .prod-showcase-1 .t1-next {
            right: 0;
            background: url(../images/p15-icon3.png) no-repeat center top;
        }
        
        .prod-showcase-1 .t1-items {
            padding: 0 22px;
        }
        
        .t1-items-swiper {
            position: relative;
        }
        
        .t1-items-swiper p {
            float: left;
            width: 30%;
            padding: 0 5px;
        }
        
        .t1-items-swiper p img {
            width: 100%;
            border: 1px solid #eee;
            box-sizing: border-box;
        }
        
        .t1-items-swiper .t1-current img {
            border-color: red;
        }
    

.cp_content{width:1200px;margin:0 auto;clear:both;}
    .p102-pro-content-nav {
        height: 6px;
        box-shadow:0 4px 6px #e9e9e9;
    }
    
    .fixed {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 88;
        background: #fff;
    }
    
    .p102-pro-content-nav li {
        float: left;
        line-height: 50px;
        margin-right: 50px;
        position: relative;
        font-size: 18px;
        color: #4c4c4c;
        font-weight: normal;
    }
    
    .p102-pro-content-nav li.cur,
    .p102-pro-content-nav li:hover {
        color: #004ea1;
    }
    
    .p102-pro-content-nav li.cur:before,
    .p102-pro-content-nav li:hover:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        border: 3px solid #004ea1;
        background: #fff;
        border-radius: 100%;
        left: 50%;
        margin-left: -9px;
        bottom: -10px;
        z-index: 1;
    }
    
    .p102-pro-content-nav li.cur:after,
    .p102-pro-content-nav li:hover:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background: #004ea1;
        border-radius: 100%;
        left: 50%;
        margin-left: -3px;
        bottom: -4px;
        z-index: 2;
    }
    
    .p102-pro-content-desc {
        padding: 40px 0 0;
        font-size: 16px;
        line-height: 30px;
        text-align: justify;
    }


        .p14-product-2-tit {
            height: 46px;
            line-height: 46px;
            font-weight: normal;
            border-bottom: 2px solid #dfdfdf;
            margin-bottom: 30px;
            padding-top: 26px;
        }
        
        .p14-product-2-tit b {
            display: inline-block;
            font-size: 24px;
            font-weight: normal;
            color: #464646;
            padding-left: 32px;
            border-bottom: 2px solid #55d0f2;
            background:url(../images/p14-icon11.png) no-repeat 0 center;
        }
        
        .p14-product-2-tit span {
            margin-left: 10px;
            font-size: 18px;
            font-family: Arial;
            color: #c2c2c1;
            text-transform: uppercase;
        }
        
        .p14-product-2-list dl {
            float: left;
            width: 32%;
            border: 1px solid #dfdfdf;
            margin-right: 2%;
            box-sizing: border-box;
            margin-bottom: 2%;
        }
        
        .p14-product-2-list dl:nth-child(3n) {
            margin-right: 0;
        }
        
        .p14-product-2-list dl img {
            display: block;
            width: 100%;
        }
        
        .p14-product-2-list dd {
            padding: 10px 28px 10px 10px;
            margin-right: 2px;
            position: relative;
        }
        
        .p14-product-2-list h4 {
            height: 30px;
            font-size: 16px;
            font-weight: normal;
            line-height: 30px;
            color: #191919;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .p14-product-2-list h4 a {
            color: #191919;
        }
        
        .p14-product-2-desc {
            font-size: 14px;
            line-height: 24px;
            color: #666;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .p14-product-2-list dl:hover {
            border-color: #004ea1;
        }
        
        .p14-product-2-list dl:hover h3 a {
            color: #004ea1;
        }
    


.xinw .tit{ margin-bottom:60px;}
.xinw{ background: #f2f2f2; padding-top: 50px;  padding-bottom:93px; margin-top:60px;}
.xinw h2{ line-height: 100%; font-size: 32px; color: #333333;font-weight: normal; padding-bottom: 28px;}
.xw_l{ width: 600px;}
.xw_l dl dt{ overflow: hidden;width: 600px; height: 338px; margin-bottom: 34px;}
.xw_l dl dt img{ display:block;width:100%;}
.xw_l dl dd h3 a{ display: block; font-weight: normal; line-height: 100%; font-size: 18px; color: #282828; margin-bottom: 14px;}
.xw_l dl dd p{ height: 82px; color: #7f7f7f; font-size: 15px; line-height: 28px;border-bottom: 1px solid #c2c2c2;}
.xw_l dl dd h4{ border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; height: 61px; line-height: 61px;font-weight: normal; padding-left: 23px;background: url(../images/xw_m.png) no-repeat 0 22px; font-size: 14px; color: #666666;}
.xw_l dl dd h4 span{ display: inline-block; float: right;}
.xw_l dl dd h4 span a{ color:#004ea1;}
.xw_r{ width: 600px;}
.xinw ul li{ border-bottom: 1px solid #c2c2c2; margin-bottom: 28px;}
.xinw ul li a{ display: block; line-height: 100%; font-size: 18px; color: #282828;}
.xinw ul li span{ display: block; line-height: 28px; font-size: 15px; color: #7f7f7f; padding: 12px 0 13px 0;}
.xinw ul li:last-of-type{ border-bottom: none;}
.xinw ul li a:hover{color: #004ea1;}

  

    .footer{height:340px;box-sizing: border-box;background:#0c58c0;}
    .f_con{height:340px;box-sizing: border-box;padding-top: 80px;}

    .f_nav{float: left;width:445px;text-align: left;}
    .f_con h2{font-size:20px;color: #fff;display: block;line-height:20px;font-weight:normal;margin-bottom: 24px;}
    .f_nav h2 a{font-size:20px;color: #fff;display: block;line-height:20px;font-weight:normal;}
    
    .f_nav ul{margin-top:18px;width: 308px;}
    .f_nav li{width:154px;float:left;}
    .f_nav li a{font-size: 15px;line-height: 32px;display: block;color: #b4bacd;}
    
    .lxwm{float: left;}
   
    .lxwm p{font-size: 15px;line-height: 24px;display: block;color:#b4bacd; margin-top: 8px;}
    .lxwm li{font-size: 15px;line-height: 32px;display: block;color: #b4bacd;}
    .lxwm li a{ color:#b4bacd;  }

    .f_er{width: 148px;float: right;}
     
    .f_er p em{width: 148px;height: 148px;display: block;box-sizing: border-box;border:8px solid #dcdcdc;}
    .f_er p em img{width: 132px;height: 132px;display: block;margin: 0 auto;}
    .f_er p span{display: block;font-size: 15px;color: #b4bacd;line-height: 15px;text-align: center;padding-top: 20px;}
    .f_bt{ height: 90px;background: #0c58c0; }
    .f_bt h2{ float: left;width: 155px;height: 55px;padding-top:16px;}
    .f_bt h2 img{ display: block;width: 155px;height: 55px;}
     .f_bt .f_xx{ float: left;margin-left: 60px;width: 800px;overflow: hidden;}
     .f_bt .f_xx p{ padding-top: 30px;height: 28px;}
     .f_bt .f_xx p span{ display: block;font-size: 15px;line-height: 14px;color: #7884ae;float: left;padding: 0 6px; border-right: 1px solid #7884ae;}
     .f_bt .f_xx p span a{color: #7884ae;  }
 
     .f_bt .f_xx li a{ display: block;font-size: 15px;line-height: 14px;color: #7884ae;float: left;padding: 0 6px 0;border-right: 1px solid #7884ae; }
     .f_bt .f_xx p span:last-child,.f_bt .f_xx li:last-child a{border-right: 0; }


    

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 80%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#004ea1 url(../images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#004ea1 url(../images/cimg24.png) center no-repeat ;
        }
        
        .client-2 li.my-kefu-tel {
            background:#004ea1 url(../images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#004ea1 url(../images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#004ea1 url(../images/returntop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#004ea1 url(../images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#004ea1 url(../images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont  img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }
    
