
     
      
     html {
    max-width:2400px;
    margin: 0 auto;
}
     
     .top_bg {
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    height: 3.85rem;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 99;
    width: 100%;
    max-width: 2400px;
}
    .header
    {
        margin: 0px auto;
        min-width: 1200px;
        width: 73%;
        text-align: center;
        height: 100%;
     }
        em,i{ font-style:normal;}
        body{width:100%;min-width:1200px;max-width:2400px;margin: 0 auto;  position: relative; }
  
    .h_con{position: absolute;float: right;right: 1%;top: 1rem;height: 100%;display: inline-block;}
    .h_con .logo{float: left;position: relative;z-index: 10;margin-top: 1rem;}
    .h_con .logo img{ display:block;width:110px;}
      
    .h_con h2
    {
    float: left;
    margin-top: 1rem;
    margin-left: 1.5rem;
     }
    .h_con h2 span
    {
    font-size: 1.94rem;
    color: #ffffff;
    line-height: 3rem;
    display: block;
    background-size: 13.2rem 1px;
    width: 13.2rem;
    text-align: center;
    letter-spacing: 2px;
    font-weight: normal;
      }
    .h_con h2 i
    {
    font-size: 1.27rem;
    color: #ffffff;
    line-height: 1.2rem;
    font-weight: bold;
    padding-top: 0.3rem;
    display: block;
    font-weight: normal;  
     }
    .h_con p
    {
     background: url(images/index/head-lag.png) no-repeat;
     width: 6.7rem;
     height: 1.8rem;
     line-height: 1.8rem;
     background-size:100%;
     }
    
    .h_con p img{display: inline-block;width: 1.4rem;height: 1.4rem;margin-right: 0.4rem;vertical-align: -0.1rem;}
    .h_con p em
    {
     display: inline-block;
     font-size: 0.7rem;
     color: #FFF;
     width: 54%;
     text-align: center;
     }
    .h_nav{margin-right: 3.4rem;height: 100%;}
   .h_nav ul li  
   {
       display: inline-block;
       position: relative;
       height: 100%;
       line-height: 3.85rem;
       }  
  .h_nav ul {
    display: block;
    height: 100%;
}
  .h_nav ul.erji {
   display: none;   
  }

.h_con p b {
    float: right;
    color: #fff;
    width: 45.9%;
    text-align: center;
    font-weight: normal;
}
    .h_nav ul li a  
    {
     position: relative;
     z-index: 1;
     font-size: 0.8rem;
     font-weight: normal;
     color: #FFFFFF;
     display: block;
     text-align: center;
     padding: 0 1.6rem;
     }
    
    .h_nav ul li.cur>a:after, .h_nav ul li:hover>a:after {
    background: #0f57c4;
    color: #fff;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    margin-top: -1px;
}

.h_nav ul li ul {
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
}

.h_nav ul li ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  display: block;
  line-height: 2.3rem;
  height: 2.3rem;
}

.h_nav ul li ul li:first-child {
  border-top: none;
}

.h_nav ul li ul li a {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 0px 8px;
  font-size: 0.7rem;
  display: block;
}

.h_nav ul li ul li a:hover {
  /*background: #126d9b;*/
}

.h_nav .fa.fa-angle-down {
  margin-left: 6px;
}

  

        .ty-banner-1 {
            overflow: hidden;
            line-height: 0;
            text-align:center;
        }
        .ty-banner-1 img{ width:100%;}
        .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: #0f57c4;}
    .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: 248px;
        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 #0f57c4;
        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: #0f57c4;}
	

    .p102-fdh-1 {
        border: 1px solid #ebebeb;
        box-shadow: 5px 5px 10px #f0f0f0, -5px -5px 10px #f0f0f0;
        padding: 0 60px 12px;
    }
    
    .p102-fdh-1-title {
        height: 56px;
        margin: -1px auto 0;
        line-height: 56px;
        position: relative;
        overflow: hidden;
        text-align: center;
    }
    
    .p102-fdh-1-title h2 {
        display: inline-block;
        font-weight: normal;
        font-size: 26px;
        height: 56px;
        color: #fff;
        padding: 0 50px;
        background: #0f57c4;
    }
    
    .p102-fdh-1-nav {
        margin-top: -1px;
    }
    
    .p102-fdh-1-nav-one {
        border-top: 1px solid #e6e6e6;
        padding: 22px 0 10px;
    }
    
    .p102-fdh-1-nav-one h3 {
        float: left;
        min-width: 80px;
        max-width: 100%;
        margin-bottom: 10px;
    }
    
    .p102-fdh-1-nav-one h3 a {
        display: block;
        line-height: 30px;
        height: 30px;
        font-size: 18px;
        font-weight: bold;
        color: #1a1a1a;
    }
    
    .p102-fdh-1-nav-one h3 a:hover,
    .p102-fdh-1-nav-one h3.sidenavcur a {
        color: #0f57c4;
    }
    
    .p102-fdh-1-nav-one dl {
        float: left;
        max-width: 990px;
    }
    
    .p102-fdh-1-nav-one dd {
        display: inline-block;
        position: relative;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        margin-right: 12px;
        padding-bottom: 10px;
    }
    
    .p102-fdh-1-nav-one dd> a {
        display: block;
        color: #4c4c4c;
        padding: 0 10px;
        border: 1px solid transparent;
        border-radius: 5px;
    }
    
    .p102-fdh-1-nav-one dd:hover> a,
    .p102-fdh-1-nav-one dd.sidenavcur> a {
        border-color: #0f57c4;
        color: #0f57c4;
    }
    
    .p102-fdh-1-nav-one .three-list {
        position: absolute;
        left: 0;
        top: 40px;
        background: #fff;
        height: auto;
        line-height: 36px;
        float: none;
        width: auto;
        display: none;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        z-index: 9;
        padding: 10px 15px;
    }
    
    .p102-fdh-1-nav-one .three-list:before {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        left: 50%;
        top: -8px;
        margin-left: -8px;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-bottom: 8px solid #fff;
    }
    
    .p102-fdh-1-nav-one .three-list a {
        display: block;
        font-size: 14px;
        color: #555555;
        clear: both;
        white-space: nowrap;
    }
    
    .p102-fdh-1-nav-one dd:hover .three-list {
        display: block;
    }
    
    .p102-fdh-1-nav-one .three-list a:hover {
        color: #0f57c4;
    }


    .xin-1k2-pro-list {
        padding: 30px 0 0;
    }
    
    .p102-pros-1-title {
        height: 66px;
        line-height: 66px;
        font-size: 26px;
        color: #333333;
        border-bottom: 1px solid #e0e0e0;
        position: relative;
        margin-bottom: 30px;
    }
    
 
    
    /*3n*/
    
    .xin-1k2-pro-list-3 dl {
        width: 31%;
        float: left;
        margin-right: 3%;
      
        position: relative;
    }
    
    .xin-1k2-pro-list-3 dl:nth-of-type(3n) {
        margin-right: 0;
    }
    
    .xin-1k2-pro-list-3 dl:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        transform: translate(-50%, -50%);
        margin-left: calc(50% - 0px);
        margin-top: calc(50% + 40px);
        background: #fff;
        padding: 45px 20px 20px;
        box-shadow: 0 0 10px #eaeaea;
        opacity: 0;
    }
    
    .xin-1k2-pro-list-3 dt {
        width: 100%;
        position: relative;
        z-index: 1;background:rgb(245,245,245);
    }
    
    .xin-1k2-pro-list-3 dt img {
        display: block;
        width: 100%;
    }
    
    .xin-1k2-pro-list-3 dd {
        width: 100%;
        text-align: center;
        position: relative;
        z-index: 1;
        height: 100px;
    }
    
    .xin-1k2-pro-list-3 dd a {
        width: 100%;
        display: block;
        position: absolute;
        height: 100px;
        left: 0;
        bottom: 0;
        padding: 20px 0 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        background: #fff;
        border-radius: 7px;
    }
    
    .xin-1k2-pro-list-3 dd h4 {
        line-height: 40px;
        height: 40px;
        font-size: 22px;
        color: #333333;
        font-weight: bold;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
        .xin-1k2-pro-list-3 dl:hover h4{color:#0f57c4;}
    .xin-1k2-pro-list-3 dd em {
        display: block;
        text-transform: capitalize;
        font-size: 14px;
        font-style: normal;
        color: #333333;
        line-height: 30px;
        height: 30px;
        opacity: 0.4;
    }
    
    .xin-1k2-pro-list-3 dd i {
        display: none;
        margin: 10px auto 0;
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 12px;
        font-weight: bold;
        font-family: "宋体";
        color: #fff;
        font-style: normal;
        text-align: center;
        border: 2px solid #fff;
        border-radius: 50%;
    }
    
 
    

    
   


    .p102-pagination-blk {
        padding-bottom: 40px;
    }


      .foots {
    background: #e9e9e9;
    padding: 3.5rem 0 0rem  0;
    float: left;
    width: 100%;
}

.foots  .f-content {
    width: 79%;
    margin: 0 auto;
    min-width: 1200px;
    padding-bottom: 4rem;
}

.foots  .f-menu {
    color: #555555;
    float: left;
    margin-right: 9%;
}

.foots .f-menu span {
    display: block;
    color: #555555;
    padding-bottom: 2rem;
}
.foots .f-menu span a{ font-size:20px; font-weight:bold;}

.foots .f-menu li {
    display: block;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.7rem;
}

.foots .f-menu li a {
    color: #555555;
}

.f-lianxi {
    color: #555555;
    float: left;
    text-align: left;
}

.f-lianxi span {
    display: block;
    color: #555555;
    padding-bottom: 2rem;
}

.f-lianxi .tel {
    background: url(images/index/f-ico1.png) no-repeat left;
    padding-left: 2.3rem;
    font-size: 1.8rem;
    color: #555;
    font-weight: bold;
    display: block;
    margin-bottom: 1.2rem;
}

.f-lianxi .addre {
    background: url(images/index/f-ico2.png) no-repeat left;
    padding-left: 2.3rem;
    font-size: 0.7rem;
    color: #555;
    display: block;
    margin-bottom: 0.8rem;
    height: 1rem;
    line-height: 1.3rem;
}

.f-lianxi .weixin {
    background: url(images/index/f-ico3.png) no-repeat left;
    padding-left: 2.3rem;
    font-size: 0.7rem;
    color: #555;
    display: block;
    margin-bottom: 1rem;
    height: 1rem;
    line-height: 1.3rem;
}

.f-wx {
    float: right;
    width: 5rem;
    margin-top: 2rem;
}

.f-wx img {
    width: 100%;
}

.f-non {
    display: block;
    width: 100%;
    float: left;
    background: #0f57c4;
    height: 2.9rem;
}

.f-non p {
    color: #fff;
    display: block;
    height: 100%;
    line-height: 3rem;
    text-align: center;
    font-size: 0.7rem;
    opacity: 0.6;
}

.f-non p span {
    padding: 0 0.4rem;
}
.f-non p span a{
   color: #fff;
}
  

  
  .embed-popover.weixin  .embed-components-item {
      background-color: rgb(7, 56, 242);
      color: rgb(255, 255, 255);
      font-size: 17.36px;
      padding: 14.88px 11.92px 0.92px;
  }
  
  .embed-popover.weixin .embed-components-item span.imtop {
      height: 27.8px;
      width: 30.8px;
      overflow: hidden;
      margin: auto auto 3px;
      display: block;
  }
  
  .embed-popover.tops .embed-components-item span {
      height: 34.8px;
      width: 30.8px;
      overflow: hidden;
      margin: auto auto 3px;
      display: block;
  }
  
  .embed-popover.weixin i.top {
      background: url(images/fx.png) no-repeat;
      width: 34px;
      height: 27px;
      background-position: -34px 4px;
      background-size: 60px 93px;
      display: block;
  }
  
  .embed-popover.tops i.top {
      background: url(images/fx.png) no-repeat;
      width: 34px;
      height: 34px;
      background-position: -23px -47px;
      background-size: 52px 82px;
      display: block;
  }
  
  .embed-popover.tops {
      padding-bottom: 10px;
  }
  
  .embed-popover.weixin {
      position: relative;
  }
  
  .embed-popover.weixin .embed-popover-content {
      position: absolute;
      display: block;
      right: 75px;
      top: 1px;
      display: none;
  }
  
  .embed-popover.weixin .embed-popover-content img {
      width: 116px;
      height: 116px;
  }
  
  .embed-popover.weixin:hover .embed-popover-content {
      display: block;
  }
  
  .embed-popover {}
  

        .client-2 {
            display: none;
            position: fixed;
            right: -313px;
            top: 76%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .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;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .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;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0f57c4;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left; border-radius:8px;
        }
        .client-2 .my-kefu-em-main{
            background: #0f57c4;
            color: #fff;
            height: 53px;
            width: 375px;
            padding:9px 0 0;
            float: left; border-radius:8px;
        }
        .client-2 .my-kefu-main {
            background: #0f57c4;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left; border-radius:8px;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
